/* Minification failed. Returning unminified contents. (296,20-28): run-time error JS1009: Expected '}': function (275,20): run-time error JS1004: Expected ';' (324,18): run-time error JS1004: Expected ';' (338,6-7): run-time error JS1195: Expected expression: , (343,10-11): run-time error JS1195: Expected expression: , (347,10-11): run-time error JS1195: Expected expression: , (351,10-11): run-time error JS1195: Expected expression: , (355,10-11): run-time error JS1195: Expected expression: , (364,10-11): run-time error JS1195: Expected expression: , (375,6-7): run-time error JS1195: Expected expression: , (387,10-11): run-time error JS1195: Expected expression: , (401,6-7): run-time error JS1195: Expected expression: , (418,10-11): run-time error JS1195: Expected expression: , (424,10-11): run-time error JS1195: Expected expression: , (446,10-11): run-time error JS1195: Expected expression: , (478,10-11): run-time error JS1195: Expected expression: , (491,10-11): run-time error JS1195: Expected expression: , (509,10-11): run-time error JS1195: Expected expression: , (513,10-11): run-time error JS1195: Expected expression: , (525,10-11): run-time error JS1195: Expected expression: , (533,10-11): run-time error JS1195: Expected expression: , (551,2-3): run-time error JS1006: Expected ')': ; (552,2-3): run-time error JS1194: Expected ',' or ']': ) (552,2-3): run-time error JS1009: Expected '}': ) (581,1-2): run-time error JS1002: Syntax error: } (581,2-3): run-time error JS1195: Expected expression: , (581,18): run-time error JS1004: Expected ';' (581,18-19): run-time error JS1195: Expected expression: : (581,27): run-time error JS1004: Expected ';' (581,27-28): run-time error JS1195: Expected expression: : (581,51): run-time error JS1004: Expected ';' (581,51-52): run-time error JS1195: Expected expression: : (581,78): run-time error JS1004: Expected ';' (581,78-79): run-time error JS1195: Expected expression: : (581,82-83): run-time error JS1195: Expected expression: ] (581,83-84): run-time error JS1195: Expected expression: , (581,85): run-time error JS1004: Expected ';' (581,85-86): run-time error JS1195: Expected expression: : (642,67): run-time error JS1004: Expected ';' (642,67-68): run-time error JS1195: Expected expression: : (804,67): run-time error JS1004: Expected ';' (804,67-68): run-time error JS1195: Expected expression: : (932,68): run-time error JS1004: Expected ';' (932,68-69): run-time error JS1195: Expected expression: : (1025,99): run-time error JS1004: Expected ';' (1025,99-100): run-time error JS1195: Expected expression: : (1133,68): run-time error JS1004: Expected ';' (1133,68-69): run-time error JS1195: Expected expression: : (1212,68): run-time error JS1004: Expected ';' (1212,68-69): run-time error JS1195: Expected expression: : (1345,86): run-time error JS1004: Expected ';' (1345,86-87): run-time error JS1195: Expected expression: : (1366,9): run-time error JS1004: Expected ';' (1366,9-10): run-time error JS1195: Expected expression: : (1484,9): run-time error JS1004: Expected ';' (1484,9-10): run-time error JS1195: Expected expression: : (1513,9): run-time error JS1004: Expected ';' (1513,9-10): run-time error JS1195: Expected expression: : (1610,77): run-time error JS1004: Expected ';' (1610,77-78): run-time error JS1195: Expected expression: : (1796,9): run-time error JS1004: Expected ';' (1796,9-10): run-time error JS1195: Expected expression: : (1875,44): run-time error JS1004: Expected ';' (1875,44-45): run-time error JS1195: Expected expression: : (2148,9): run-time error JS1004: Expected ';' (2148,9-10): run-time error JS1195: Expected expression: : (5034,9): run-time error JS1004: Expected ';' (5034,9-10): run-time error JS1195: Expected expression: : (16976,20): run-time error JS1004: Expected ';' (16976,20-21): run-time error JS1195: Expected expression: : (16983,59): run-time error JS1004: Expected ';' (16983,59-60): run-time error JS1195: Expected expression: : (16992,20): run-time error JS1004: Expected ';' (16992,20-21): run-time error JS1195: Expected expression: : (17017,6-7): run-time error JS1002: Syntax error: } (17017,7-8): run-time error JS1195: Expected expression: , (17017,10-11): run-time error JS1195: Expected expression: , (17017,15): run-time error JS1004: Expected ';' (17017,15-16): run-time error JS1195: Expected expression: ) */ (function(){function r(e,n,t){function o(i,f){if(!n[i]){if(!e[i]){var c="function"==typeof require&&require;if(!f&&c)return c(i,!0);if(u)return u(i,!0);var a=new Error("Cannot find module '"+i+"'");throw a.code="MODULE_NOT_FOUND",a}var p=n[i]={exports:{}};e[i][0].call(p.exports,function(r){var n=e[i][1][r];return o(n||r)},p,p.exports,r,e,n,t)}return n[i].exports}for(var u="function"==typeof require&&require,i=0;i .card, .card.selected {\n border: 1px solid #4184f4;\n top: 1px;\n box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.1); }\n\n/**\r\n * Stylings for card-like three ad results that show up at the top\r\n *\r\n * 1. Make sure that the results are lined up within their own area\r\n * 2. Add an indicator that these are ads\r\n * 3. Extra site-links add too much vertical space, remove them\r\n */\n/* line 32, stdin */\n.ad-bar__ad-results {\n display: flex;\n /* 1 */\n /* margin: 0 (-$s-gap) $s-gap; */\n position: relative;\n z-index: 2; }\n /* line 39, stdin */\n .ad-bar__ad-results > * {\n margin: 0 8px;\n overflow: hidden;\n /* 1 */\n flex-grow: 1;\n /* 1 */\n box-shadow: 0 0 20px -1px rgba(0, 0, 0, 0.05); }\n /* line 47, stdin */\n .ad-bar__ad-results > * > * {\n padding: 8px;\n position: relative;\n /* 2 */\n border: 1px solid rgba(0, 0, 0, 0.12);\n background: #fff;\n border-radius: 3px;\n box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.15);\n overflow: hidden; }\n /* line 33, StylesUnbuilt/molecules/_card.scss */\n .selected > .ad-bar__ad-results > * > *, .ad-bar__ad-results > * > *.selected {\n border: 1px solid #4184f4;\n top: 1px;\n box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.1); }\n /* line 54, stdin */\n .ad-bar__ad-results > * > *:after {\n /* 2 */\n content: \"ad\";\n color: rgba(0, 0, 0, 0.2);\n font-size: 11px;\n background: #fff;\n position: absolute;\n bottom: 1px;\n right: 2px; }\n /* line 67, stdin */\n .ad-bar__ad-results > * > * .sitelinks {\n /* 3 */\n display: none; }\n /* line 72, stdin */\n .ad-bar__ad-results .search-result-container {\n margin: 0;\n max-width: none; }\n /* line 76, stdin */\n .ad-bar__ad-results .search-result-container a {\n display: block !important; }\n /* line 81, stdin */\n .ad-bar__ad-results .result-desc {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n display: block; }\n /* line 88, stdin */\n .ad-bar__ad-results cite.using-aj-box {\n max-width: unset !important;\n float: unset !important; }\n /* line 93, stdin */\n .ad-bar__ad-results .aj-box {\n display: none !important; }") ;(function(){ "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports.default = { data: function data() { return {}; } }; })() if (module.exports.__esModule) module.exports = module.exports.default var __vue__options__ = (typeof module.exports === "function"? module.exports.options: module.exports) if (__vue__options__.functional) {console.error("[vueify] functional components are not supported and should be defined in plain js files using render functions.")} __vue__options__.render = function render () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:"adResults",staticClass:"ad-bar__ad-results"},[_c('copy-element',{attrs:{"sel":".results-column .search-result-container.sr","index":"0"}}),_vm._v(" "),_c('copy-element',{attrs:{"sel":".results-column .search-result-container.sr","index":"1"}}),_vm._v(" "),_c('copy-element',{attrs:{"sel":".results-column .search-result-container.sr","index":"2"}})],1)} __vue__options__.staticRenderFns = [] if (module.hot) {(function () { var hotAPI = require("vue-hot-reload-api") hotAPI.install(require("vue"), true) if (!hotAPI.compatible) return module.hot.accept() module.hot.dispose(__vueify_style_dispose__) if (!module.hot.data) { hotAPI.createRecord("data-v-20addb5e", __vue__options__) } else { hotAPI.reload("data-v-20addb5e", __vue__options__) } })()} },{"vue":23,"vue-hot-reload-api":20,"vueify/lib/insert-css":25}],3:[function(require,module,exports){ ;(function(){ 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); exports.default = { props: ['sel', 'index'], data: function data() { return {}; }, created: function created() { var _this = this; setTimeout(function () { return _this.loadElement(); }, 0); }, methods: { loadElement: function loadElement() { if (!this.sel) return; var elm = void 0; if (this.index || this.index === "0") { elm = document.querySelectorAll(this.sel)[this.index]; } else { elm = document.querySelector(this.sel); } if (elm) { this.$refs.copyContainer.appendChild(elm.cloneNode(true)); } } } }; })() if (module.exports.__esModule) module.exports = module.exports.default var __vue__options__ = (typeof module.exports === "function"? module.exports.options: module.exports) if (__vue__options__.functional) {console.error("[vueify] functional components are not supported and should be defined in plain js files using render functions.")} __vue__options__.render = function render () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:"copyContainer",staticClass:"copied-element"})} __vue__options__.staticRenderFns = [] if (module.hot) {(function () { var hotAPI = require("vue-hot-reload-api") hotAPI.install(require("vue"), true) if (!hotAPI.compatible) return module.hot.accept() if (!module.hot.data) { hotAPI.createRecord("data-v-ce014be8", __vue__options__) } else { hotAPI.reload("data-v-ce014be8", __vue__options__) } })()} },{"vue":23,"vue-hot-reload-api":20}],4:[function(require,module,exports){ 'use strict'; var _vue = require('vue'); var _vue2 = _interopRequireDefault(_vue); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } // Register components _vue2.default.component('v-pager', require('./v-pager.vue')); _vue2.default.component('site-pager', require('./site-pager.vue')); _vue2.default.component('keepdiscard-handholding', require('./keepdiscard-handholding.vue')); _vue2.default.component('copy-element', require('./copy-element.vue')); _vue2.default.component('sponsored-slideviewer', require('./sponsored-slideviewer.vue')); _vue2.default.component('keepdiscard-handholding', require('./keepdiscard-handholding.vue')); _vue2.default.component('ad-area', require('./ad-area.vue')); _vue2.default.component('ad-bar', require('./ad-bar.vue')); _vue2.default.component('video-frame', require('./video-frame.vue')); _vue2.default.component('media-thumbnail', require('./media-thumbnail.vue')); _vue2.default.component('media-viewarea', require('./media-viewarea.vue')); _vue2.default.component('media-results', require('./media-results.vue')); _vue2.default.component('product-results', require('./product-results.vue')); },{"./ad-area.vue":1,"./ad-bar.vue":2,"./copy-element.vue":3,"./keepdiscard-handholding.vue":5,"./media-results.vue":6,"./media-thumbnail.vue":7,"./media-viewarea.vue":8,"./product-results.vue":9,"./site-pager.vue":10,"./sponsored-slideviewer.vue":11,"./v-pager.vue":12,"./video-frame.vue":13,"vue":23}],5:[function(require,module,exports){ var __vueify_style_dispose__ = require("vueify/lib/insert-css").insert("/* line 90, stdin */\n.keepdiscard-handholding[data-v-cc8e1e30] {\n opacity: 0.25;\n transition: all 180ms ease;\n position: fixed;\n top: 0;\n right: 0;\n z-index: 999999;\n pointer-events: none; }\n\n/* line 102, stdin */\n.handholding__modal[data-v-cc8e1e30] {\n max-width: 360px;\n padding: 0.25em 1em;\n position: relative;\n top: 250px;\n right: 6em;\n z-index: 3;\n opacity: 1;\n border-color: #78acff;\n box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.35), 0 1px 12px 2px rgba(0, 0, 0, 0.12);\n transition: all 120ms ease; }\n /* line 119, stdin */\n .invisible .handholding__modal[data-v-cc8e1e30] {\n right: -6em;\n opacity: .25; }\n\n/* line 125, stdin */\n.handholding__vignette[data-v-cc8e1e30] {\n position: absolute;\n top: 0;\n left: 100%;\n opacity: 1;\n display: block;\n width: 300px;\n height: 100vh;\n pointer-events: none;\n box-shadow: -160px 0 200px 160px rgba(0, 0, 0, 0.06), -120px 0 300px 0 rgba(0, 0, 0, 0.15), -30px 0 80px 40px rgba(0, 0, 0, 0.24); }\n /* line 142, stdin */\n .invisible .handholding__vignette[data-v-cc8e1e30] {\n left: 120%;\n opacity: 0; }\n\n/* line 148, stdin */\n.handholding__arrow[data-v-cc8e1e30] {\n display: block;\n width: 200px;\n height: 275px;\n position: absolute;\n top: 212px;\n right: 8px;\n transform: rotate(-10deg);\n z-index: 2;\n overflow: hidden;\n transition: all 85ms ease; }\n /* line 165, stdin */\n .invisible .handholding__arrow[data-v-cc8e1e30], .handholding__arrow.invisible[data-v-cc8e1e30] {\n opacity: 0;\n top: 252px; }\n\n/* line 172, stdin */\n.handholding__arrow[data-v-cc8e1e30]:before {\n content: \"\";\n display: block;\n position: absolute;\n top: -137px;\n right: 10px;\n width: 400px;\n height: 400px;\n border-radius: 50%;\n border: 6px dashed #4c8ffb;\n border-top: 0;\n border-bottom: 0;\n border-left: 0; }\n\n/* line 191, stdin */\n.handholding__arrow[data-v-cc8e1e30]:after {\n content: \"\";\n display: block;\n position: absolute;\n top: 5px;\n right: 6px;\n border: 14px solid transparent;\n border-top: 12px solid #4c8ffb;\n border-left: 12px solid #4c8ffb;\n transform: rotate(31deg); }\n\n/* line 206, stdin */\n.visible[data-v-cc8e1e30] {\n opacity: 1;\n background-image: url(\"/static/img/hh/handholding-bg\"); }\n\n/* line 211, stdin */\nimg.x[data-v-cc8e1e30] {\n position: absolute;\n top: 0;\n right: 0;\n z-index: 9999; }") ;(function(){ 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); exports.default = { data: function keepDiscardData() { return { visible: false, arrowVisibility: false }; }, created: function keepDiscardHandholdingCreated() { var _this = this; window.keepDiscardHandholding = this; setTimeout(function () { if (!_this.hasBeenShown()) { _this.openHandholding(); _this.setShown(); } }, 500); setTimeout(function () { document.addEventListener('focus', function () { return _this.closeAfterDelay(); }); document.addEventListener('mousedown', function () { return _this.closeAfterDelay(); }); document.addEventListener('click', function () { return _this.closeAfterDelay(); }); }, 1200); }, methods: { setShown: function setShown() { if (window.localStorage) { window.localStorage.setItem('kpdschh', true); } }, hasBeenShown: function hasBeenShown() { if (window.localStorage) { return !!window.localStorage.getItem('kpdschh'); } return false; }, closeHandholding: function closeHandholding() { this.visible = false; this.setShown(); }, closeAfterDelay: function closeAfterDelay(delay) { var _this2 = this; delay = delay || 800; setTimeout(function () { _this2.closeHandholding(); }, delay); }, openHandholding: function openHandholding() { var _this3 = this; this.visible = true; setTimeout(function () { _this3.arrowVisibility = true; }, 800); } } }; })() if (module.exports.__esModule) module.exports = module.exports.default var __vue__options__ = (typeof module.exports === "function"? module.exports.options: module.exports) if (__vue__options__.functional) {console.error("[vueify] functional components are not supported and should be defined in plain js files using render functions.")} __vue__options__.render = function render () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:[ 'keepdiscard-handholding', { 'visible': _vm.visible, 'invisible': !_vm.visible, }]},[_vm._m(0),_vm._v(" "),_c('div',{staticClass:"handholding__vignette"}),_vm._v(" "),_c('div',{staticClass:"handholding__arrow",class:[{ 'invisible': !_vm.arrowVisibility }]})])} __vue__options__.staticRenderFns = [function render () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"handholding__modal card"},[_c('h3',{staticClass:"handholding__modal__tagline"},[_vm._v("Keep your searches private!")]),_vm._v(" "),_c('p',[_vm._v("\n To keep our extension active, and your searches protected, click\n "),_c('strong',{},[_vm._v("Keep Changes")]),_vm._v(" on the above prompt.\n ")])])}] __vue__options__._scopeId = "data-v-cc8e1e30" if (module.hot) {(function () { var hotAPI = require("vue-hot-reload-api") hotAPI.install(require("vue"), true) if (!hotAPI.compatible) return module.hot.accept() module.hot.dispose(__vueify_style_dispose__) if (!module.hot.data) { hotAPI.createRecord("data-v-cc8e1e30", __vue__options__) } else { hotAPI.reload("data-v-cc8e1e30", __vue__options__) } })()} },{"vue":23,"vue-hot-reload-api":20,"vueify/lib/insert-css":25}],6:[function(require,module,exports){ var __vueify_style_dispose__ = require("vueify/lib/insert-css").insert("/*-------------------------------------*\\\r\n COLORS\r\n\\*-------------------------------------*/\n/**\r\n * Colors\r\n *\r\n * All the global colors used throughout\r\n *\r\n **\r\n * Base\r\n *\r\n *\r\n\r\n [lightest] [brightest]\r\n [lighter] [brighter]\r\n [light] [bright]\r\n --- base ---\r\n [dark] [dull]\r\n [darker] [duller]\r\n [darkest] [dullest]\r\n *\r\n * Name Pattern:\r\n * c-[name]--[modifier]\r\n *\r\n */\n/*-------------------------------------*\\\r\n Base Colors\r\n\\*-------------------------------------*/\n/** don't use */\n/*-------------------------------------*\\\r\n Site Colors\r\n\\*-------------------------------------*/\n/***\r\n Cards\r\n ***/\n/**\r\n * Cards\r\n *\r\n * Styline to give an element a self-contained, card-like look\r\n *\r\n\r\n */\n/* line 43, StylesUnbuilt/molecules/_card.scss */\n.card {\n border: 1px solid rgba(0, 0, 0, 0.12);\n background: #fff;\n border-radius: 3px;\n box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.15);\n overflow: hidden; }\n /* line 33, StylesUnbuilt/molecules/_card.scss */\n .selected > .card, .card.selected {\n border: 1px solid #4184f4;\n top: 1px;\n box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.1); }\n\n/* line 409, stdin */\n.media-results {\n margin-bottom: 0;\n position: relative;\n /**\r\n * For IE 6/7 only\r\n * Include this rule to trigger hasLayout and contain floats.\r\n */\n /**\r\n * For modern browsers\r\n * 1. The space content is one way to avoid an Opera bug when the\r\n * contenteditable attribute is included anywhere else in the document.\r\n * Otherwise it causes space to appear at the top and bottom of elements\r\n * that are clearfixed.\r\n * 2. The use of `table` rather than `block` is only necessary if using\r\n * `:before` to contain the top-margins of child elements.\r\n */ }\n /* line 6, StylesUnbuilt/utilities/_clearfix.scss */\n .media-results {\n *zoom: 1; }\n /* line 19, StylesUnbuilt/utilities/_clearfix.scss */\n .media-results:before, .media-results:after {\n content: \" \";\n /* 1 */\n display: table;\n /* 2 */ }\n /* line 25, StylesUnbuilt/utilities/_clearfix.scss */\n .media-results:after {\n clear: both; }\n\n/**\r\n * We might want it to be full-width, but we still want a smidge of margin\r\n */\n/* line 422, stdin */\n.media-results--full-width {\n margin-left: 8px;\n margin-right: 8px; }\n\n/**\r\n * A container that the result list is contained in,\r\n * used to add a consistent margin, and some stylistic touches.\r\n */\n/* line 431, stdin */\n.media-results__list-container {\n margin: 0 0 1em 0;\n position: relative;\n /**\r\n * Add left/right borders to help make the cut-off of images in the\r\n * horizontal view less jarring\r\n */ }\n /* line 441, stdin */\n .media-results--horizontal .media-results__list-container:after, .media-results--horizontal .media-results__list-container:before {\n content: \"\";\n display: block;\n background: #eee;\n width: 1px;\n position: absolute;\n top: 4px;\n bottom: 4px;\n z-index: 2;\n box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.2); }\n /* line 459, stdin */\n .media-results--horizontal .media-results__list-container:after {\n right: -1px; }\n /* line 463, stdin */\n .media-results--horizontal .media-results__list-container:before {\n left: -1px; }\n\n/**\r\n * The shifter is used to move the results in and out of view, for\r\n * when the view area of the results is limited.\r\n *\r\n * 1. Hide by default\r\n */\n/* line 475, stdin */\n.media-results__shifter {\n display: none;\n /* 1 */\n /* --horizontal */ }\n /* line 478, stdin */\n .media-results--horizontal .media-results__shifter {\n display: block;\n opacity: .6;\n background: rgba(0, 0, 0, 0.5);\n height: 100px;\n width: 30px;\n /**\r\n * Position down 50%, then bring back up (negative margin) 50%\r\n * of the height of the element,\r\n *\r\n * This centers the next/previous buttons vertically\r\n */\n margin-top: -50px;\n position: absolute;\n top: 50%;\n z-index: 1;\n /**\r\n * Styling to create the ground-work for the arrow glyphs\r\n */\n /**\r\n * 1. Position the previous arrow to the left,\r\n * 2. Style the borders to create a left-pointing arrow\r\n */\n /**\r\n * 1. Position the previous arrow to the right,\r\n * 2. Style the borders to create a right-pointing arrow\r\n */ }\n /* line 501, stdin */\n .media-results--horizontal .media-results__shifter:hover, .media-results--horizontal .media-results__shifter:active, .media-results--horizontal .media-results__shifter:focus {\n opacity: 1;\n background: rgba(0, 0, 0, 0.85); }\n /* line 513, stdin */\n .media-results--horizontal .media-results__shifter:after {\n content: \" \";\n display: block;\n width: 0;\n height: 0;\n border: 10px solid transparent;\n margin-top: -10px;\n position: absolute;\n top: 50%; }\n /* line 531, stdin */\n .media-results--horizontal .media-results__shifter.--previous {\n left: 0;\n /* 1 */ }\n /* line 534, stdin */\n .media-results--horizontal .media-results__shifter.--previous:after {\n /* 2 */\n border-right-color: #fff;\n border-right-width: 19px;\n border-left-width: 0;\n right: 7px; }\n /* line 547, stdin */\n .media-results--horizontal .media-results__shifter.--next {\n right: 0;\n /* 1 */ }\n /* line 550, stdin */\n .media-results--horizontal .media-results__shifter.--next:after {\n /* 2 */\n border-left-color: #fff;\n border-left-width: 19px;\n border-right-width: 0;\n left: 7px; }\n\n/**\r\n * The list of media items, the actual part that displays the results\r\n *\r\n * 1. Remove default list stylings, margins, and paddings\r\n */\n/* line 566, stdin */\n.media-results__list {\n list-style: none;\n /* 1 */\n padding: 0;\n /* 1 */\n margin: 0 -8px;\n /* 1 */\n display: flex;\n /**\r\n * Provide default stylings to handle shifting left/right\r\n */\n /**\r\n * Display results in a single horizontal row,\r\n */\n /**\r\n * Display results in a multi-line grid\r\n */\n /**\r\n * Display results as a single-column, full-width, list\r\n */\n /**\r\n * Display results as a single-column, limited-width, vertical grid\r\n */ }\n /* line 578, stdin */\n .media-results--horizontal .media-results__list {\n margin: 0;\n position: relative;\n transition: right 300ms ease; }\n /* line 585, stdin */\n .media-results__list > li {\n position: relative;\n margin: 15px; }\n /* line 593, stdin */\n .media-results--horizontal .media-results__list {\n flex-direction: row; }\n /* line 600, stdin */\n .media-results--grid .media-results__list {\n flex-wrap: wrap;\n align-items: flex-start;\n justify-content: start; }\n /* line 605, stdin */\n .media-results--grid .media-results__list > li {\n width: 260px;\n max-width: 325px;\n display: flex;\n height: 295px;\n flex-grow: 1; }\n /* line 619, stdin */\n .media-results--list .media-results__list {\n flex-direction: column; }\n /* line 626, stdin */\n .media-results--vertical .media-results__list {\n background: #eaeaff;\n flex-direction: column;\n float: left; }\n\n/**\r\n * The area which is used to actually view the media once selected\r\n *\r\n * It has it's own component, which handles most of the styling for it,\r\n * these styles are for handling relative positioning from the whole\r\n */\n/* line 641, stdin */\n.media-results__viewarea {\n width: 100%;\n padding-top: .5em;\n /**\r\n * For IE 6/7 only\r\n * Include this rule to trigger hasLayout and contain floats.\r\n */\n /**\r\n * For modern browsers\r\n * 1. The space content is one way to avoid an Opera bug when the\r\n * contenteditable attribute is included anywhere else in the document.\r\n * Otherwise it causes space to appear at the top and bottom of elements\r\n * that are clearfixed.\r\n * 2. The use of `table` rather than `block` is only necessary if using\r\n * `:before` to contain the top-margins of child elements.\r\n */ }\n /* line 6, StylesUnbuilt/utilities/_clearfix.scss */\n .media-results__viewarea {\n *zoom: 1; }\n /* line 19, StylesUnbuilt/utilities/_clearfix.scss */\n .media-results__viewarea:before, .media-results__viewarea:after {\n content: \" \";\n /* 1 */\n display: table;\n /* 2 */ }\n /* line 25, StylesUnbuilt/utilities/_clearfix.scss */\n .media-results__viewarea:after {\n clear: both; }\n /* line 647, stdin */\n .media-results--horizontal .media-results__viewarea {\n padding-top: 0; }\n\n/**\r\n * Stylings for card-like three ad results that show up at the top\r\n *\r\n * 1. Make sure that the results are lined up within their own area\r\n * 2. Add an indicator that these are ads\r\n * 3. Extra site-links add too much vertical space, remove them\r\n */\n/* line 665, stdin */\n.media-results__ad-results {\n display: flex;\n /* 1 */\n margin: 0 -8px 8px;\n position: relative;\n z-index: 2; }\n /* line 672, stdin */\n .media-results__ad-results > * {\n margin: 0 8px;\n overflow: hidden;\n /* 1 */\n flex-grow: 1;\n /* 1 */\n box-shadow: 0 0 20px -1px rgba(0, 0, 0, 0.05); }\n /* line 680, stdin */\n .media-results__ad-results > * > * {\n padding: 8px;\n position: relative;\n /* 2 */\n border: 1px solid rgba(0, 0, 0, 0.12);\n background: #fff;\n border-radius: 3px;\n box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.15);\n overflow: hidden; }\n /* line 33, StylesUnbuilt/molecules/_card.scss */\n .selected > .media-results__ad-results > * > *, .media-results__ad-results > * > *.selected {\n border: 1px solid #4184f4;\n top: 1px;\n box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.1); }\n /* line 687, stdin */\n .media-results__ad-results > * > *:after {\n /* 2 */\n content: \"ad\";\n color: rgba(0, 0, 0, 0.2);\n font-size: 11px;\n background: #fff;\n position: absolute;\n bottom: 1px;\n right: 2px; }\n /* line 700, stdin */\n .media-results__ad-results > * > * .sitelinks {\n /* 3 */\n display: none; }\n /* line 705, stdin */\n .media-results__ad-results .search-result-container {\n margin: 0;\n max-width: none; }\n /* line 709, stdin */\n .media-results__ad-results .search-result-container a {\n display: block !important; }\n /* line 714, stdin */\n .media-results__ad-results .result-desc {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n display: block; }\n /* line 721, stdin */\n .media-results__ad-results cite.using-aj-box {\n max-width: unset !important;\n float: unset !important; }\n /* line 726, stdin */\n .media-results__ad-results .aj-box {\n display: none !important; }") ;(function(){ 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); var _regex = require('../lib/regex'); var patterns = _interopRequireWildcard(_regex); var _vue = require('vue'); var _vue2 = _interopRequireDefault(_vue); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } } exports.default = { props: ['layout', 'heading', 'ads', 'hideHeaderAds', 'vaDark', 'vaVideoPos', 'vaTheatre'], data: function data() { window.__mediaResults = this; return { fullWidth: true, layoutStyle: this.layout || 'grid', selectedIndex: -1, selectedHasVideo: false, offset: 0, maxOffset: Infinity, videoResults: [], stylesViewArea: {}, stylesThumbnail: {} }; }, created: async function created() { var _this = this; setTimeout(function () { return _this.positionViewArea(); }, 0); var data = void 0; try { if (this.$slots.default && this.$slots.default[0].text) { data = JSON.parse(this.$slots.default[0].text); } else if (document.getElementById('resultData')) { data = JSON.parse(document.getElementById('resultData').innerHTML); } } catch (err) { console.log(err); } if (data) { console.log(data); } if (data) { this.videoResults = data.VideoResults; } if (!data && (!this.videoResults || !this.videoResults.length)) { await this.loadVideoResults(); } setTimeout(function () { _this.loadSponsoredAds(); _this.videoResults.forEach(function (videoResult, i) { _vue2.default.set(_this.videoResults[i], 'hasVideo', _this.hasVideo(videoResult.ClickUrl)); }); }, 0); window.addEventListener('resize', function () { return _this.positionViewArea(); }); }, computed: { showHeaderAds: function showHeaderAds() { return !this.hideHeaderAds || this.layoutStyle === 'grid'; }, hasSelection: function hasSelection() { return this.selectedIndex !== -1; }, selectedVideo: function selectedVideo() { return this.videoResults[this.selectedIndex]; }, selectedVideoRef: function selectedVideoRef() { return this.$refs.thumbnails[this.selectedIndex]; }, thumbnailStyle: function thumbnailStyle() { switch (this.layoutStyle) { case 'list': return 'listing'; default: return 'card'; } }, videoResults: function videoResults() { var _this2 = this; setTimeout(function () { return _this2.videoResults.forEach(function (videoResult, i) { _vue2.default.set(_this2.videoResults[i], 'hasVideo', _this2.hasVideo(videoResult.ClickUrl)); }); }, 0); } }, watch: { layoutStyle: function layoutStyle() { var _this3 = this; setTimeout(function () { return _this3.positionViewArea(); }, 0); setTimeout(function () { return _this3.positionViewArea(); }, 10); }, selectedIndex: function selectedIndex() { var _this4 = this; setTimeout(function () { return _this4.positionViewArea(); }, 0); setTimeout(function () { return _this4.positionViewArea(); }, 10); if (this.selectedVideo) this.selectedHasVideo = this.selectedVideo.hasVideo = this.hasVideo(this.selectedVideo.ClickUrl); } }, methods: { loadVideoResults: function loadVideoResults() { var _this5 = this; var url = '/videos/results' + window.location.search; return fetch(url).then(function (response) { return response.json(); }).then(function (videoData) { if (Array.isArray(videoData)) { _this5.videoResults = videoData; } }).catch(function (err) { return console.error(err); }); }, hasVideo: function hasVideo(src) { return ['youtube', 'vimeo'].concat(true || !this.showAdult ? [] : ['pornhub', 'xvideos', 'xhamster', 'tube8', 'porncom', 'eporner', 'youjizz', 'youporn', 'redtube']).some(function (type) { return patterns[type] && patterns[type].test(src); }); }, shift: function shift(n) { n = n || 3; var distance = 0; var newOffset = this.offset; var maxOffset = this.maxOffset; if (this.layoutStyle === 'horizontal') { var baseDistance = this.$refs.thumbnails[0].clientWidth + 10; distance = baseDistance * n; newOffset += distance; maxOffset = baseDistance * this.videoResults.length - this.$refs.thumbnails[0].parentElement.clientWidth; if (newOffset < 0) newOffset = 0;else if (newOffset > maxOffset) newOffset = maxOffset; } this.offset = newOffset; this.maxOffset = maxOffset; }, positionViewArea: function positionViewArea() { var _this6 = this; var viewArea = this.$refs.viewArea; var thumbnailGap = 0; var viewAreaPosition = 'initial'; var viewAreaTop = 0; switch (this.layoutStyle) { case 'vertical': case 'grid': case 'list': try { thumbnailGap = viewArea.clientHeight; viewAreaPosition = 'absolute'; viewAreaTop = this.selectedVideoRef.offsetTop + this.$refs.mediaResultsContainer.offsetTop + this.selectedVideoRef.clientHeight; } catch (err) {} break; } _vue2.default.set(this.stylesThumbnail, 'margin-bottom', thumbnailGap ? thumbnailGap + 'px' : ''); _vue2.default.set(this.stylesViewArea, 'position', viewAreaPosition); _vue2.default.set(this.stylesViewArea, 'top', viewAreaTop + 'px'); setTimeout(function () { return _this6.scrollToPosition(); }, 0); }, scrollToPosition: function scrollToPosition() { if (!this.selectedVideo) return; if (this.selectedVideoRef && this.selectedVideoRef.scrollIntoView) { if (this.$refs.viewArea && this.$refs.viewArea.scrollIntoView) { this.$refs.viewArea.scrollIntoView(true); } else { this.selectedVideoRef.scrollIntoView(true); } } }, select: function select(i, videoResult) { var _this7 = this; if (this.selectedIndex === i) { this.deselectAll(); } else { this.selectedIndex = i; } setTimeout(function () { if (!_this7.selectedHasVideo && _this7.selectedVideo && _this7.selectedVideo.ClickUrl) { window.open(_this7.selectedVideo.ClickUrl, '_blank'); } _this7.scrollToPosition(); }, 1); }, deselectAll: function deselectAll() { this.selectedIndex = -1; }, selectNext: function selectNext(skip) { var newIndex = this.selectedIndex * 1; if (typeof skip !== 'number') skip = 1; newIndex += skip * 1; if (newIndex > this.videoResults.length) newIndex = this.videoResults.length;else if (newIndex < 0) newIndex = 0; this.selectedIndex = newIndex; }, selectPrevious: function selectPrevious(skip) { if (typeof skip !== 'number') skip = 1; skip *= -1; this.selectNext(skip); }, loadSponsoredAds: function loadSponsoredAds() { return; var sponsoredResults = document.querySelectorAll('.search-result-container'); if (sponsoredResults && sponsoredResults.length) { var adCount = 3; if (adCount > sponsoredResults.length) adCount = sponsoredResults.length; try { for (var i = 0; i < adCount; i++) { this.$refs.adResults.appendChild(sponsoredResults[i].cloneNode(true)); } } catch (e) {} } } } }; })() if (module.exports.__esModule) module.exports = module.exports.default var __vue__options__ = (typeof module.exports === "function"? module.exports.options: module.exports) if (__vue__options__.functional) {console.error("[vueify] functional components are not supported and should be defined in plain js files using render functions.")} __vue__options__.render = function render () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:[{ 'container-fluid': !_vm.fullWidth, 'main-body': !_vm.fullWidth, }]},[_c('div',{class:[{ 'row': !_vm.fullWidth }]},[_c('section',{class:[ 'media-results', { 'media-results--full-width': (_vm.fullWidth == true), /** * The arrows at the bottom that let you select to the left or the right */ 'media-results--horizontal': (_vm.layoutStyle === 'horizontal'), 'media-results--vertical': (_vm.layoutStyle === 'vertical'), 'media-results--grid': (_vm.layoutStyle === 'grid'), 'media-results--list': (_vm.layoutStyle === 'list'), }],attrs:{"v-if":_vm.videoResults && _vm.videoResults.length}},[(_vm.showHeaderAds)?_c('div',{ref:"adResults",staticClass:"media-results__ad-results"},[_c('copy-element',{attrs:{"sel":".results-column .search-result-container.sr","index":"0"}}),_vm._v(" "),_c('copy-element',{attrs:{"sel":".results-column .search-result-container.sr","index":"1"}}),_vm._v(" "),_c('copy-element',{attrs:{"sel":".results-column .search-result-container.sr","index":"2"}})],1):_vm._e(),_vm._v(" "),_vm._t("default",[(_vm.heading)?_c('h1',{domProps:{"innerHTML":_vm._s(_vm.heading)}}):_vm._e()]),_vm._v(" "),_c('div',{ref:"mediaResultsContainer",staticClass:"media-results__list-container"},[(_vm.offset > 0)?_c('a',{class:['media-results__shifter', '--previous'],attrs:{"href":"#","title":"previous"},on:{"click":function($event){$event.preventDefault();return _vm.shift(-3.5)}}}):_vm._e(),_vm._v(" "),_c('ul',{staticClass:"media-results__list",style:({ right: (_vm.layoutStyle === 'horizontal') ? _vm.offset + 'px' : 'auto' })},_vm._l((_vm.videoResults),function(video,i){return _c('li',{ref:"thumbnails",refInFor:true,class:{ selected: _vm.selectedIndex === i },style:([ (_vm.selectedIndex === i ? _vm.stylesThumbnail : {}) ]),on:{"click":function($event){return _vm.select(i, _vm.videoResult)}}},[_c('media-thumbnail',{attrs:{"type":_vm.thumbnailStyle,"select":_vm.selectedIndex === i,"videoResult":video}})],1)}),0),_vm._v(" "),(_vm.offset < _vm.maxOffset)?_c('a',{staticClass:"media-results__shifter --next",attrs:{"href":"#","title":"next"},on:{"click":function($event){$event.preventDefault();return _vm.shift(3.5)}}}):_vm._e()]),_vm._v(" "),(_vm.hasSelection && _vm.selectedHasVideo)?_c('div',{ref:"viewArea",staticClass:"media-results__viewarea",style:([ _vm.stylesViewArea ])},[_c('media-viewarea',{attrs:{"videoResult":_vm.selectedVideo,"dark":_vm.vaDark,"videoPos":_vm.vaVideoPos,"theatre":_vm.vaTheatre}})],1):_vm._e()],2)])])} __vue__options__.staticRenderFns = [] if (module.hot) {(function () { var hotAPI = require("vue-hot-reload-api") hotAPI.install(require("vue"), true) if (!hotAPI.compatible) return module.hot.accept() module.hot.dispose(__vueify_style_dispose__) if (!module.hot.data) { hotAPI.createRecord("data-v-5c603c55", __vue__options__) } else { hotAPI.reload("data-v-5c603c55", __vue__options__) } })()} },{"../lib/regex":15,"vue":23,"vue-hot-reload-api":20,"vueify/lib/insert-css":25}],7:[function(require,module,exports){ var __vueify_style_dispose__ = require("vueify/lib/insert-css").insert("@charset \"UTF-8\";\n/*-------------------------------------*\\\r\n COLORS\r\n\\*-------------------------------------*/\n/**\r\n * Colors\r\n *\r\n * All the global colors used throughout\r\n *\r\n **\r\n * Base\r\n *\r\n *\r\n\r\n [lightest] [brightest]\r\n [lighter] [brighter]\r\n [light] [bright]\r\n --- base ---\r\n [dark] [dull]\r\n [darker] [duller]\r\n [darkest] [dullest]\r\n *\r\n * Name Pattern:\r\n * c-[name]--[modifier]\r\n *\r\n */\n/*-------------------------------------*\\\r\n Base Colors\r\n\\*-------------------------------------*/\n/** don't use */\n/*-------------------------------------*\\\r\n Site Colors\r\n\\*-------------------------------------*/\n/***\r\n Cards\r\n ***/\n/**\r\n * Cards\r\n *\r\n * Styline to give an element a self-contained, card-like look\r\n *\r\n\r\n */\n/* line 43, StylesUnbuilt/molecules/_card.scss */\n.card {\n border: 1px solid rgba(0, 0, 0, 0.12);\n background: #fff;\n border-radius: 3px;\n box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.15);\n overflow: hidden; }\n /* line 33, StylesUnbuilt/molecules/_card.scss */\n .selected > .card, .card.selected {\n border: 1px solid #4184f4;\n top: 1px;\n box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.1); }\n\n/*-------------------------------------*\\\r\n ASPECT-RATIO\r\n\\*-------------------------------------*/\n/* line 100, stdin */\n.media-thumbnail {\n position: relative;\n height: 100%;\n cursor: pointer;\n /**\r\n * Make the play arrow and ring visible on hover\r\n */ }\n /* line 111, stdin */\n .media-thumbnail:hover .media-thumbnail__play-arrow {\n opacity: .5; }\n /* line 114, stdin */\n .media-thumbnail:hover .media-thumbnail__play-arrow:after {\n opacity: .75; }\n /* line 121, stdin */\n .media-thumbnail.media-thumbnail--card {\n color: #4e4e4e;\n width: 100%;\n min-height: 295px;\n padding: 0;\n box-sizing: content-box;\n border: 1px solid rgba(0, 0, 0, 0.12);\n background: #fff;\n border-radius: 3px;\n box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.15);\n overflow: hidden;\n transition: border 200ms ease;\n box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.15), 0 0 20px -1px rgba(0, 0, 0, 0.15); }\n /* line 28, StylesUnbuilt/molecules/_card.scss */\n .media-thumbnail.media-thumbnail--card:hover {\n border: 1px solid rgba(65, 132, 244, 0.5); }\n /* line 33, StylesUnbuilt/molecules/_card.scss */\n .selected > .media-thumbnail.media-thumbnail--card, .media-thumbnail.media-thumbnail--card.selected {\n border: 1px solid #4184f4;\n top: 1px;\n box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.1); }\n /* line 136, stdin */\n .media-thumbnail.media-thumbnail--listing:hover,\n .selected .media-thumbnail.media-thumbnail--listing, .media-thumbnail.media-thumbnail--listing.selected, .media-thumbnail.media-thumbnail--listing.media-thumbnail--selected {\n background: #f1f1f1; }\n\n/* line 147, stdin */\n.media-thumbnail__img-container {\n position: relative;\n position: relative;\n /* The Arrow's Ring */ }\n /* line 9, StylesUnbuilt/utilities/_aspect-ratio.scss */\n .media-thumbnail__img-container:before {\n content: \"\";\n display: block;\n width: 100%;\n padding-top: 56.25%; }\n /* line 17, StylesUnbuilt/utilities/_aspect-ratio.scss */\n .media-thumbnail__img-container > .inner {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0; }\n /* line 152, stdin */\n .media-thumbnail__img-container > .inner {\n padding: 5px;\n padding-bottom: 0;\n border-radius: 6.5px; }\n /* line 157, stdin */\n .media-thumbnail--card .media-thumbnail__img-container > .inner {\n width: 100%; }\n /* line 162, stdin */\n .media-thumbnail--listing .media-thumbnail__img-container {\n margin-right: .5em;\n float: left; }\n /* line 168, stdin */\n .media-thumbnail__img-container .media-thumbnail__play-arrow {\n content: \"\";\n display: block;\n width: 55px;\n height: 55px;\n border-radius: 50%;\n border: 4px solid #4184f4;\n position: absolute;\n top: 50%;\n left: 50%;\n margin-top: -27.5px;\n margin-left: -27.5px;\n /* The Arrow */ }\n /* line 186, stdin */\n .media-thumbnail__img-container .media-thumbnail__play-arrow, .media-thumbnail__img-container .media-thumbnail__play-arrow:after {\n opacity: 0;\n transition: opacity 200ms ease; }\n /* line 192, stdin */\n .media-thumbnail__img-container .media-thumbnail__play-arrow:after {\n content: \"\";\n display: block;\n width: 0;\n height: 0;\n border: 18px solid transparent;\n border-top-width: 10px;\n border-bottom-width: 10px;\n border-left: 18px solid #4184f4;\n position: absolute;\n top: 50%;\n left: 50%;\n margin-top: -10px;\n margin-left: -7.2px; }\n\n/* line 216, stdin */\n.media-thumbnail__runtime {\n color: #fff;\n font-size: 11px;\n padding: 1px 3px;\n background: rgba(0, 0, 0, 0.7);\n position: absolute;\n bottom: 10px;\n right: 15px;\n border-radius: 2px;\n opacity: .65; }\n\n/* line 233, stdin */\n.media-thumbnail__info {\n font-size: 12px;\n padding: 0 20px;\n /**\r\n * For IE 6/7 only\r\n * Include this rule to trigger hasLayout and contain floats.\r\n */\n /**\r\n * For modern browsers\r\n * 1. The space content is one way to avoid an Opera bug when the\r\n * contenteditable attribute is included anywhere else in the document.\r\n * Otherwise it causes space to appear at the top and bottom of elements\r\n * that are clearfixed.\r\n * 2. The use of `table` rather than `block` is only necessary if using\r\n * `:before` to contain the top-margins of child elements.\r\n */ }\n /* line 6, StylesUnbuilt/utilities/_clearfix.scss */\n .media-thumbnail__info {\n *zoom: 1; }\n /* line 19, StylesUnbuilt/utilities/_clearfix.scss */\n .media-thumbnail__info:before, .media-thumbnail__info:after {\n content: \" \";\n /* 1 */\n display: table;\n /* 2 */ }\n /* line 25, StylesUnbuilt/utilities/_clearfix.scss */\n .media-thumbnail__info:after {\n clear: both; }\n /* line 240, stdin */\n .media-thumbnail__info > p {\n margin: 1px 0; }\n /* line 244, stdin */\n .media-thumbnail--card .media-thumbnail__info {\n width: 100%;\n position: absolute;\n bottom: 2px; }\n\n/* line 252, stdin */\n.media-thumbnail__source-info > *:first-of-type:after {\n content: \" ยท \"; }\n\n/* line 258, stdin */\n.media-thumbnail__source-author:before {\n content: \"by \";\n opacity: .95; }\n\n/* line 264, stdin */\n.media-thumbnail__source-site {\n text-align: right;\n font-weight: bold; }\n /* line 268, stdin */\n .media-thumbnail--listing .media-thumbnail__source-site {\n text-align: left; }\n /* line 272, stdin */\n .media-thumbnail--card .media-thumbnail__source-site {\n margin-right: -13px; }\n\n/* line 277, stdin */\n.media-thumbnail__header {\n font-size: 14px;\n font-weight: bold;\n padding: 0 15px;\n margin-top: 15px; }\n /* line 284, stdin */\n .media-thumbnail--listing .media-thumbnail__header {\n padding-top: .5em; }") ;(function(){ 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); exports.default = { props: ['videoResult', 'selected', 'select', 'type'], data: function data() { return { layoutStyle: this.type || 'card', isSelected: false }; }, watch: { type: function type() { this.layoutStyle = this.type || 'card'; } }, computed: { width: function width() { if (this.type === 'card') return 'auto'; return this.videoResult.Width || 260; }, height: function height() { if (this.type === 'card') return 'auto'; return this.videoResult.Height || 140; } } }; })() if (module.exports.__esModule) module.exports = module.exports.default var __vue__options__ = (typeof module.exports === "function"? module.exports.options: module.exports) if (__vue__options__.functional) {console.error("[vueify] functional components are not supported and should be defined in plain js files using render functions.")} __vue__options__.render = function render () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{class:[ 'media-thumbnail', { 'media-thumbnail--selected': (_vm.isSelected), 'media-thumbnail--card': (_vm.layoutStyle === 'card'), 'media-thumbnail--listing': (_vm.layoutStyle === 'listing'), 'media-thumbnail--open': (_vm.layoutStyle === 'open'), }],style:({ minWidth: _vm.width + 'px' })},[_c('div',{staticClass:"media-thumbnail__img-container",style:({ width: _vm.width + 'px' })},[_c('img',{staticClass:"inner",attrs:{"width":_vm.width,"height":_vm.height,"src":_vm.videoResult.ThumbSrc}}),_vm._v(" "),(_vm.videoResult.Runtime)?_c('b',{staticClass:"media-thumbnail__runtime",domProps:{"textContent":_vm._s(_vm.videoResult.Runtime)}}):_vm._e(),_vm._v(" "),(_vm.videoResult.hasVideo)?_c('b',{staticClass:"media-thumbnail__play-arrow"}):_vm._e()]),_vm._v(" "),_c('h3',{staticClass:"media-thumbnail__header",domProps:{"innerHTML":_vm._s(_vm.videoResult.Title)}}),_vm._v(" "),_c('div',{staticClass:"media-thumbnail__info"},[(_vm.videoResult.VideoSourceInfo)?_c('p',{staticClass:"media-thumbnail__source-info",domProps:{"innerHTML":_vm._s(_vm.videoResult.VideoSourceInfo)}}):_vm._e(),_vm._v(" "),(_vm.videoResult.VideoSourceAuthor)?_c('p',{staticClass:"media-thumbnail__source-author",domProps:{"innerHTML":_vm._s(_vm.videoResult.VideoSourceAuthor)}}):_vm._e(),_vm._v(" "),(_vm.videoResult.VideoSourceSiteName)?_c('p',{staticClass:"media-thumbnail__source-site",domProps:{"innerHTML":_vm._s(_vm.videoResult.VideoSourceSiteName)}}):_vm._e()])])} __vue__options__.staticRenderFns = [] if (module.hot) {(function () { var hotAPI = require("vue-hot-reload-api") hotAPI.install(require("vue"), true) if (!hotAPI.compatible) return module.hot.accept() module.hot.dispose(__vueify_style_dispose__) if (!module.hot.data) { hotAPI.createRecord("data-v-9a8e5eea", __vue__options__) } else { hotAPI.reload("data-v-9a8e5eea", __vue__options__) } })()} },{"vue":23,"vue-hot-reload-api":20,"vueify/lib/insert-css":25}],8:[function(require,module,exports){ var __vueify_style_dispose__ = require("vueify/lib/insert-css").insert("@charset \"UTF-8\";\n/*-------------------------------------*\\\r\n COLORS\r\n\\*-------------------------------------*/\n/**\r\n * Colors\r\n *\r\n * All the global colors used throughout\r\n *\r\n **\r\n * Base\r\n *\r\n *\r\n\r\n [lightest] [brightest]\r\n [lighter] [brighter]\r\n [light] [bright]\r\n --- base ---\r\n [dark] [dull]\r\n [darker] [duller]\r\n [darkest] [dullest]\r\n *\r\n * Name Pattern:\r\n * c-[name]--[modifier]\r\n *\r\n */\n/*-------------------------------------*\\\r\n Base Colors\r\n\\*-------------------------------------*/\n/** don't use */\n/*-------------------------------------*\\\r\n Site Colors\r\n\\*-------------------------------------*/\n/*-------------------------------------*\\\r\n ASPECT-RATIO\r\n\\*-------------------------------------*/\n/***\r\n Slabs\r\n ***/\n/**\r\n * Slabs\r\n *\r\n * Styling for creating a colored area, with proper text color and contrast\r\n * adjustments\r\n *\r\n\r\n */\n/* line 55, StylesUnbuilt/molecules/_slabs.scss */\n.slab--dark {\n color: #fff;\n background-color: #212121;\n text-shadow: 1px 1px 0 #000;\n /*\r\n // .search-result-container {\r\n // a.result-link,\r\n // a.result-link:hover,\r\n // a.result-link:active,\r\n // a.result-link:focus,\r\n // .sitelinks ul li a,\r\n // .sitelinks ul li a:hover,\r\n // .sitelinks ul li a:active,\r\n // .sitelinks ul li a:focus,\r\n // {\r\n // color: $c-link-lighter !important;\r\n // }\r\n\r\n // .result-desc a,\r\n // .result-desc a:hover,\r\n // .result-desc a:active,\r\n // .result-desc a:focus {\r\n // color: $c-gray-dark !important;\r\n // }\r\n\r\n // cite a,\r\n // cite a:hover,\r\n // cite a:active,\r\n // cite a:focus {\r\n // color: $c-green-light !important;\r\n // }\r\n // }\r\n */ }\n /* line 20, StylesUnbuilt/molecules/_slabs.scss */\n .slab--dark a {\n color: #5a75a9; }\n\n/* line 252, stdin */\n.media-viewarea {\n /**\r\n * For IE 6/7 only\r\n * Include this rule to trigger hasLayout and contain floats.\r\n */\n /**\r\n * For modern browsers\r\n * 1. The space content is one way to avoid an Opera bug when the\r\n * contenteditable attribute is included anywhere else in the document.\r\n * Otherwise it causes space to appear at the top and bottom of elements\r\n * that are clearfixed.\r\n * 2. The use of `table` rather than `block` is only necessary if using\r\n * `:before` to contain the top-margins of child elements.\r\n */\n margin-bottom: 1.5em; }\n /* line 6, StylesUnbuilt/utilities/_clearfix.scss */\n .media-viewarea {\n *zoom: 1; }\n /* line 19, StylesUnbuilt/utilities/_clearfix.scss */\n .media-viewarea:before, .media-viewarea:after {\n content: \" \";\n /* 1 */\n display: table;\n /* 2 */ }\n /* line 25, StylesUnbuilt/utilities/_clearfix.scss */\n .media-viewarea:after {\n clear: both; }\n\n/* line 258, stdin */\n.media-viewarea--dark {\n margin-left: -5px;\n margin-right: -5px;\n padding: 25px 20px;\n padding-bottom: 65px;\n box-shadow: 0 0 24px 4px rgba(0, 0, 0, 0.5) inset;\n color: #fff;\n background-color: #212121;\n text-shadow: 1px 1px 0 #000;\n /*\r\n // .search-result-container {\r\n // a.result-link,\r\n // a.result-link:hover,\r\n // a.result-link:active,\r\n // a.result-link:focus,\r\n // .sitelinks ul li a,\r\n // .sitelinks ul li a:hover,\r\n // .sitelinks ul li a:active,\r\n // .sitelinks ul li a:focus,\r\n // {\r\n // color: $c-link-lighter !important;\r\n // }\r\n\r\n // .result-desc a,\r\n // .result-desc a:hover,\r\n // .result-desc a:active,\r\n // .result-desc a:focus {\r\n // color: $c-gray-dark !important;\r\n // }\r\n\r\n // cite a,\r\n // cite a:hover,\r\n // cite a:active,\r\n // cite a:focus {\r\n // color: $c-green-light !important;\r\n // }\r\n // }\r\n */\n /*\r\n a {\r\n color: $c-se-link-light;\r\n }\r\n\r\n .search-result-container {\r\n\r\n a.result-link,\r\n .siteLinks ul li a {\r\n &, &:visited {\r\n color: $c-se-link-light;\r\n }\r\n }\r\n\r\n .result-desc a {\r\n &, &:visited {\r\n color: $c-se-gray-light !important;\r\n }\r\n }\r\n\r\n cite a {\r\n &, &:visited {\r\n color: $c-se-green-light !important;\r\n }\r\n }\r\n }\r\n */ }\n /* line 20, StylesUnbuilt/molecules/_slabs.scss */\n .media-viewarea--dark a {\n color: #5a75a9; }\n\n/**\r\n * A container surrounding the actual content\r\n */\n/* line 301, stdin */\n.media-viewarea__content {\n border-bottom: 1px solid rgba(0, 0, 0, 0.12);\n /**\r\n * For IE 6/7 only\r\n * Include this rule to trigger hasLayout and contain floats.\r\n */\n /**\r\n * For modern browsers\r\n * 1. The space content is one way to avoid an Opera bug when the\r\n * contenteditable attribute is included anywhere else in the document.\r\n * Otherwise it causes space to appear at the top and bottom of elements\r\n * that are clearfixed.\r\n * 2. The use of `table` rather than `block` is only necessary if using\r\n * `:before` to contain the top-margins of child elements.\r\n */ }\n /* line 6, StylesUnbuilt/utilities/_clearfix.scss */\n .media-viewarea__content {\n *zoom: 1; }\n /* line 19, StylesUnbuilt/utilities/_clearfix.scss */\n .media-viewarea__content:before, .media-viewarea__content:after {\n content: \" \";\n /* 1 */\n display: table;\n /* 2 */ }\n /* line 25, StylesUnbuilt/utilities/_clearfix.scss */\n .media-viewarea__content:after {\n clear: both; }\n /* line 306, stdin */\n .media-viewarea__content > * {\n /* height: 200px; */ }\n\n/**\r\n * Section that contains the actual media, also any ads positioned around\r\n * the media item\r\n */\n/* line 317, stdin */\n.media-viewarea__media {\n text-align: center;\n background: #000;\n width: 62%;\n /**\r\n * The media should be oriented to the left\r\n */\n /**\r\n * The media should be oriented to the right\r\n */\n /**\r\n * The media should be oriented to take up the full width\r\n */ }\n /* line 324, stdin */\n .media-viewarea--dark .media-viewarea__media {\n background: #212121; }\n /* line 332, stdin */\n .--media-pos-left .media-viewarea__media,\n .--media-pos-left-alt .media-viewarea__media {\n float: left; }\n /* line 340, stdin */\n .--media-pos-right .media-viewarea__media {\n float: right; }\n /* line 347, stdin */\n .--media-pos-theatre .media-viewarea__media {\n float: none;\n width: 100%; }\n\n/**\r\n * A middle container, used to separate the middle section from the\r\n * section that hosts the top/bottom ads\r\n */\n/* line 357, stdin */\n.__middle {\n display: flex;\n justify-content: center;\n padding: 0 60px;\n overflow: hidden;\n position: relative; }\n /* line 365, stdin */\n .__middle .previous,\n .__middle .next {\n display: none; }\n /* line 374, stdin */\n .--media-pos-left .__middle .previous,\n .--media-pos-left .__middle .next,\n .--media-pos-left-alt .__middle .previous,\n .--media-pos-left-alt .__middle .next {\n display: block;\n width: 40px;\n height: 120px;\n position: absolute;\n top: 50%;\n margin-top: -60px;\n background: transparent;\n opacity: .15;\n transition: all 250ms ease; }\n /* line 393, stdin */\n .--media-pos-left .__middle .previous:hover,\n .--media-pos-left .__middle .next:hover,\n .--media-pos-left-alt .__middle .previous:hover,\n .--media-pos-left-alt .__middle .next:hover {\n background: #656565;\n opacity: .5; }\n /* line 398, stdin */\n .--media-pos-left .__middle .previous:before,\n .--media-pos-left .__middle .next:before,\n .--media-pos-left-alt .__middle .previous:before,\n .--media-pos-left-alt .__middle .next:before {\n content: \"\";\n display: block;\n width: 15px;\n height: 15px;\n position: absolute;\n top: 50%;\n margin-top: -7px;\n transform: rotate(45deg);\n border: 3px solid transparent; }\n /* line 419, stdin */\n .--media-pos-left .__middle .previous,\n .--media-pos-left-alt .__middle .previous {\n left: 10px; }\n /* line 422, stdin */\n .--media-pos-left .__middle .previous:before,\n .--media-pos-left-alt .__middle .previous:before {\n left: 17px;\n border-left-color: #eee;\n border-bottom-color: #eee; }\n /* line 429, stdin */\n .--media-pos-left .__middle .next,\n .--media-pos-left-alt .__middle .next {\n right: 10px; }\n /* line 432, stdin */\n .--media-pos-left .__middle .next:before,\n .--media-pos-left-alt .__middle .next:before {\n right: 17px;\n border-top-color: #eee;\n border-right-color: #eee; }\n\n/**\r\n * The media itself\r\n */\n/* line 445, stdin */\n.__content__media {\n flex-grow: 1;\n max-width: 100vh;\n position: relative; }\n /* line 9, StylesUnbuilt/utilities/_aspect-ratio.scss */\n .__content__media:before {\n content: \"\";\n display: block;\n width: 100%;\n padding-top: 56.25%; }\n /* line 17, StylesUnbuilt/utilities/_aspect-ratio.scss */\n .__content__media > .inner {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0; }\n /* line 451, stdin */\n .media-viewarea--dark .__content__media {\n box-shadow: 0 0 12px rgba(0, 0, 0, 0.3); }\n\n/**\r\n * Area that potentially contains an ad\r\n */\n/* line 459, stdin */\n.ad-area {\n text-align: center;\n display: block;\n background: #fcf; }\n\n/**\r\n * Details about the media objects,\r\n * a.k.a. title, where it came from, description, etc.\r\n */\n/* line 469, stdin */\n.media-viewarea__details {\n width: 62%;\n padding: 0 20px 20px;\n float: left;\n /**\r\n * Position the details below the media itsellf, and media to the left\r\n */\n /**\r\n * Position the details beside the media\r\n */\n /**\r\n * The button that takes the user to the actual result page\r\n */ }\n /* line 478, stdin */\n .--media-pos-left .media-viewarea__details {\n max-width: 750px;\n float: left;\n clear: both; }\n /* line 488, stdin */\n .--media-pos-left-alt .media-viewarea__details {\n float: none;\n width: auto;\n padding-left: 20px;\n padding-bottom: 20px;\n display: flex;\n flex-wrap: wrap; }\n /* line 498, stdin */\n .--media-pos-left-alt .media-viewarea__details > * {\n width: 100%; }\n /* line 503, stdin */\n .--media-pos-right .media-viewarea__details {\n float: right; }\n /* line 509, stdin */\n .media-viewarea__details .__info {\n margin-bottom: 20px; }\n /* line 517, stdin */\n .media-viewarea__details .__go-to-site {\n width: 100%;\n margin-bottom: 20px; }\n /* line 521, stdin */\n .media-viewarea__details .__go-to-site .button {\n display: inline-block;\n padding: 4px 12px;\n border: 1px solid;\n border-radius: 3px;\n cursor: pointer; }\n\n/**\r\n * Container for the site the media came from\r\n */\n/* line 535, stdin */\n.__source-site {\n font-weight: bold; }\n\n/**\r\n * For info about the site, use a random class id so we can select it\r\n * without accidentally selection something else\r\n */\n/* line 545, stdin */\n.__source-info.sc4325cdsk > *:before {\n content: \" ยท \"; }\n\n/**\r\n * Container for the author of the media\r\n */\n/* line 553, stdin */\n.__source-author {\n opacity: .85; }\n /* line 556, stdin */\n .__source-author:before {\n content: \"by \"; }\n\n/**\r\n * The header for the media, can be placed either above or beside the media\r\n */\n/* line 565, stdin */\n.media-viewarea__header h1 {\n font-size: 18px;\n margin: 20px 0; }\n\n/* line 570, stdin */\n.media-viewarea__header a,\n.media-viewarea__header a:visited {\n color: inherit; }\n\n/**\r\n * Area for related content (aka. ads)\r\n */\n/* line 579, stdin */\n.media-viewarea__related {\n display: flex;\n flex-wrap: wrap;\n /**\r\n * For IE 6/7 only\r\n * Include this rule to trigger hasLayout and contain floats.\r\n */\n /**\r\n * For modern browsers\r\n * 1. The space content is one way to avoid an Opera bug when the\r\n * contenteditable attribute is included anywhere else in the document.\r\n * Otherwise it causes space to appear at the top and bottom of elements\r\n * that are clearfixed.\r\n * 2. The use of `table` rather than `block` is only necessary if using\r\n * `:before` to contain the top-margins of child elements.\r\n */ }\n /* line 6, StylesUnbuilt/utilities/_clearfix.scss */\n .media-viewarea__related {\n *zoom: 1; }\n /* line 19, StylesUnbuilt/utilities/_clearfix.scss */\n .media-viewarea__related:before, .media-viewarea__related:after {\n content: \" \";\n /* 1 */\n display: table;\n /* 2 */ }\n /* line 25, StylesUnbuilt/utilities/_clearfix.scss */\n .media-viewarea__related:after {\n clear: both; }\n /* line 585, stdin */\n .--media-pos-left .media-viewarea__related,\n .--media-pos-left-alt .media-viewarea__related {\n padding-left: 20px;\n overflow-y: auto;\n overflow-x: hidden; }\n /* line 594, stdin */\n .--media-pos-left-alt .media-viewarea__related:before {\n content: \"\";\n display: block;\n width: 100%;\n height: 1px;\n margin-bottom: 20px;\n background: #eee; }\n /* line 605, stdin */\n .slab--dark .--media-pos-left-alt .media-viewarea__related:before {\n background: #696969; }\n /* line 612, stdin */\n .slab--dark.--media-pos-left-alt .media-viewarea__related:before {\n background: #696969; }\n /* line 617, stdin */\n .--media-pos-right .media-viewarea__related {\n padding-right: 20px; }\n /* line 621, stdin */\n .media-viewarea__related .ad-area {\n width: 100%; }\n\n/**\r\n * We have a structure for setting img ads, this is the actual content\r\n */\n/* line 629, stdin */\n.__related__content {\n max-width: 100%;\n max-height: 100%;\n padding: 20px 0;\n margin-top: -20px; }\n /* line 636, stdin */\n .--media-pos-left .__related__content {\n margin-top: 0; }\n\n/**\r\n * The arrows at the bottom that let you select to the left or the right\r\n */\n/* line 644, stdin */\n.media-viewarea__selection-controls {\n display: flex;\n justify-content: flex-end;\n margin-top: -47px;\n /* Move up by the computed height */\n margin-right: 1.5em;\n float: right; }\n /* line 653, stdin */\n .media-viewarea__selection-controls > a {\n display: block;\n position: relative;\n width: 35px;\n margin: 5px; }\n /* line 660, stdin */\n .media-viewarea__selection-controls > a:before {\n content: \"\";\n display: block;\n width: 100%;\n padding-top: 100%;\n background: #fff;\n border: 1px solid rgba(0, 0, 0, 0.12);\n border-radius: 50%; }\n /* line 672, stdin */\n .slab--dark .media-viewarea__selection-controls > a:before {\n background: #212121;\n border: 1px solid #4c4c4c;\n border-radius: 0; }\n /* line 679, stdin */\n .media-viewarea__selection-controls > a:after {\n content: \"\";\n display: block;\n width: 15px;\n height: 15px;\n margin-top: -8px;\n margin-left: -8px;\n position: absolute;\n top: 50%;\n left: 50%;\n border: 3px solid rgba(0, 0, 0, 0.2);\n transform: rotate(45deg); }\n /* line 700, stdin */\n .slab--dark .media-viewarea__selection-controls > a:after {\n border-color: #4c4c4c; }\n /* line 705, stdin */\n .media-viewarea__selection-controls > a.previous:after {\n border-right-color: transparent;\n border-top-color: transparent;\n margin-left: -5px; }\n /* line 712, stdin */\n .media-viewarea__selection-controls > a.next:after {\n border-left-color: transparent;\n border-bottom-color: transparent;\n margin-left: -11px; }") ;(function(){ 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); var _vue = require('vue'); var _vue2 = _interopRequireDefault(_vue); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } exports.default = { props: ['videoResult', 'videoPos', 'headerPos', 'theatre', 'nocontrols', 'ads', 'dark'], data: function data() { window.__viewArea = this; return { isTheatre: this.theatre, hideControls: this.nocontrols || false, videoPosition: this.videoPos || 'left', headerPosition: this.headerPos || 'under', hasVideo: false, relatedContentContainerHeight: null }; }, created: function created() { var _this = this; this.isTheatre = this.theatre; this.updatePositions(); window.addEventListener('resize', function () { return _this.updateRelatedContentContainerHeight(); }); }, watch: { isTheatre: function isTheatre() { this.updatePositions(); }, headerPosition: function headerPosition() { this.updatePositions(); }, videoPosition: function videoPosition() { this.updatePositions(); }, videoResult: function videoResult() { this.hasVideo = this.$refs.videoViewer && this.$refs.videoViewer.hasVideo; } }, computed: { width: function width() { return this.videoResult.Width || 180; }, height: function height() { return this.videoResult.Height || 100; } }, methods: { findAd: function findAd(position) { return this.ads && this.ads.find(function (ad) { return position ? ad.position === position : true; }); }, toggleTheatre: function toggleTheatre() { this.isTheatre = !this.isTheatre; }, updatePositions: function updatePositions() { var _this2 = this; try { this.$parent.positionViewArea(); setTimeout(function () { return _this2.$parent.positionViewArea(); }, 0); setTimeout(function () { return _this2.$parent.positionViewArea(); }, 10); } catch (e) {} try { setTimeout(function () { return _this2.updateRelatedContentContainerHeight(); }, 0); setTimeout(function () { return _this2.updateRelatedContentContainerHeight(); }, 10); } catch (e) {} }, updateRelatedContentContainerHeight: function updateRelatedContentContainerHeight() { var newHeight = this.relatedContentContainerHeight; var mediaHeight = this.$refs.media && this.$refs.media.offsetHeight || 0; var detailsHeight = this.$refs.details && this.$refs.details.offsetHeight || 0; switch (this.videoPosition) { case 'left-alt': newHeight = mediaHeight - detailsHeight + 'px'; break; case 'left': case 'right': newHeight = mediaHeight + detailsHeight + 'px'; break; default: newHeight = null; } this.relatedContentContainerHeight = newHeight; return newHeight; } } }; })() if (module.exports.__esModule) module.exports = module.exports.default var __vue__options__ = (typeof module.exports === "function"? module.exports.options: module.exports) if (__vue__options__.functional) {console.error("[vueify] functional components are not supported and should be defined in plain js files using render functions.")} __vue__options__.render = function render () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('article',{class:[ 'media-viewarea', { 'slab--dark': (_vm.dark == true), 'media-viewarea--dark': (_vm.dark == true), '--media-pos-left': (_vm.videoPosition === 'left'), '--media-pos-left-alt': (_vm.videoPosition === 'left-alt'), '--media-pos-right': (_vm.videoPosition === 'right'), '--media-pos-theatre': (_vm.isTheatre), '--header-pos-top': (_vm.headerPosition === 'top'), '--header-pos-over': (_vm.headerPosition === 'over'), '--header-pos-under': (_vm.headerPosition === 'under'), }],attrs:{"v-if":_vm.hasVideo}},[(_vm.headerPosition === 'top')?_c('header',{staticClass:"media-viewarea__header"},[_c('h1',[_c('a',{attrs:{"href":_vm.videoResult.clickUrl,"target":"_blank"},domProps:{"textContent":_vm._s(_vm.videoResult.Title)}})])]):_vm._e(),_vm._v(" "),_c('div',{staticClass:"media-viewarea__content"},[_c('div',{ref:"media",staticClass:"media-viewarea__media"},[_c('ad-area',{attrs:{"ad":_vm.findAd('video-top')}}),_vm._v(" "),_c('div',{staticClass:"__middle"},[_c('ad-area',{attrs:{"ad":_vm.findAd('video-left')}}),_vm._v(" "),_c('div',{staticClass:"__content__media"},[_c('video-frame',{ref:"videoViewer",staticClass:"inner",attrs:{"src":_vm.videoResult.ClickUrl,"thumb":_vm.videoResult.ThumbSrc}})],1),_vm._v(" "),_c('a',{staticClass:"previous",attrs:{"title":"previous","href":"#"},on:{"click":function($event){$event.preventDefault();return _vm.$parent.selectPrevious()}}}),_vm._v(" "),_c('a',{staticClass:"next",attrs:{"title":"next","href":"#"},on:{"click":function($event){$event.preventDefault();return _vm.$parent.selectNext()}}}),_vm._v(" "),_c('ad-area',{attrs:{"ad":_vm.findAd('video-right')}})],1),_vm._v(" "),_c('ad-area',{attrs:{"ad":_vm.findAd('video-bottom')}})],1),_vm._v(" "),_c('div',{ref:"details",staticClass:"media-viewarea__details"},[(_vm.headerPosition === 'under')?_c('header',{staticClass:"media-viewarea__header"},[_c('h1',[_c('a',{attrs:{"href":_vm.videoResult.ClickUrl,"target":"_blank"},domProps:{"textContent":_vm._s(_vm.videoResult.Title)}})])]):_vm._e(),_vm._v(" "),_c('p',{staticClass:"__info"},[(_vm.videoResult.VideoSourceSiteName)?_c('span',{staticClass:"__source-site",domProps:{"innerHTML":_vm._s(_vm.videoResult.VideoSourceSiteName)}}):_vm._e(),_vm._v(" "),(_vm.videoResult.VideoSourceInfo)?_c('span',{staticClass:"__source-info sc4325cdsk",domProps:{"innerHTML":_vm._s(_vm.videoResult.VideoSourceInfo)}}):_vm._e(),_vm._v(" "),(_vm.videoResult.VideoSourceAuthor)?_c('span',{staticClass:"__source-author",domProps:{"innerHTML":_vm._s(_vm.videoResult.VideoSourceAuthor)}}):_vm._e()]),_vm._v(" "),_c('p',{staticClass:"__go-to-site"},[_c('a',{staticClass:"button",attrs:{"href":_vm.videoResult.ClickUrl,"target":"_blank"}},[_vm._v("Go to page")])]),_vm._v(" "),(_vm.videoResult.Content !== _vm.videoResult.Title)?_c('div',{domProps:{"innerHTML":_vm._s(_vm.videoResult.Content)}}):_vm._e(),_vm._v(" "),_c('ad-area',{attrs:{"ad":_vm.findAd('details-bottom')}})],1),_vm._v(" "),_c('div',{staticClass:"media-viewarea__related",style:({ maxHeight: _vm.relatedContentContainerHeight })},[_c('ad-area',{attrs:{"ad":_vm.findAd('sidebar-top')}}),_vm._v(" "),_c('div',{ref:"relatedContent",staticClass:"__related__content"},[_c('copy-element',{attrs:{"sel":".main-body .search-result-container.sr","index":"0"}}),_vm._v(" "),_c('copy-element',{attrs:{"sel":".main-body .search-result-container.sr","index":"1"}}),_vm._v(" "),_c('copy-element',{attrs:{"sel":".main-body .search-result-container.sr","index":"2"}}),_vm._v(" "),_c('copy-element',{attrs:{"sel":".main-body .search-result-container.sr","index":"3"}})],1),_vm._v(" "),_c('ad-area',{attrs:{"ad":_vm.findAd('sidebar-bottom')}})],1)]),_vm._v(" "),(!_vm.hideControls)?_c('div',{staticClass:"media-viewarea__selection-controls"},[_c('a',{staticClass:"previous",attrs:{"title":"previous","href":"#"},on:{"click":function($event){$event.preventDefault();return _vm.$parent.selectPrevious()}}}),_vm._v(" "),_c('a',{staticClass:"next",attrs:{"title":"next","href":"#"},on:{"click":function($event){$event.preventDefault();return _vm.$parent.selectNext()}}})]):_vm._e()])} __vue__options__.staticRenderFns = [] if (module.hot) {(function () { var hotAPI = require("vue-hot-reload-api") hotAPI.install(require("vue"), true) if (!hotAPI.compatible) return module.hot.accept() module.hot.dispose(__vueify_style_dispose__) if (!module.hot.data) { hotAPI.createRecord("data-v-78d61a63", __vue__options__) } else { hotAPI.reload("data-v-78d61a63", __vue__options__) } })()} },{"vue":23,"vue-hot-reload-api":20,"vueify/lib/insert-css":25}],9:[function(require,module,exports){ var __vueify_style_dispose__ = require("vueify/lib/insert-css").insert("/***\r\n RESULTS LIST\r\n ***/\n/**\r\n * Results list\r\n *\r\n * Stylinhgs for list of search results, in a generic fashion, can be used to\r\n * compose different types of more specific results, a.k.a. test results, video'\r\n * results, shopping, etc.\r\n *\r\n\r\n <.results-list__container .--horizontal/vertical/grid/list>\r\n \r\n \r\n
  • \r\n \r\n\r\n */\n/*-------------------------------------*\\\r\n COLORS\r\n\\*-------------------------------------*/\n/**\r\n * Colors\r\n *\r\n * All the global colors used throughout\r\n *\r\n **\r\n * Base\r\n *\r\n *\r\n\r\n [lightest] [brightest]\r\n [lighter] [brighter]\r\n [light] [bright]\r\n --- base ---\r\n [dark] [dull]\r\n [darker] [duller]\r\n [darkest] [dullest]\r\n *\r\n * Name Pattern:\r\n * c-[name]--[modifier]\r\n *\r\n */\n/*-------------------------------------*\\\r\n Base Colors\r\n\\*-------------------------------------*/\n/** don't use */\n/*-------------------------------------*\\\r\n Site Colors\r\n\\*-------------------------------------*/\n/***\r\n Cards\r\n ***/\n/**\r\n * Cards\r\n *\r\n * Styline to give an element a self-contained, card-like look\r\n *\r\n\r\n */\n/* line 43, StylesUnbuilt/molecules/_card.scss */\n.card {\n border: 1px solid rgba(0, 0, 0, 0.12);\n background: #fff;\n border-radius: 3px;\n box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.15);\n overflow: hidden; }\n /* line 33, StylesUnbuilt/molecules/_card.scss */\n .selected > .card, .card.selected {\n border: 1px solid #4184f4;\n top: 1px;\n box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.1); }\n\n/**\r\n * The list of items, the actual part that displays the results\r\n *\r\n * 1. Remove default list stylings, margins, and paddings\r\n */\n/* line 33, StylesUnbuilt/molecules/_results-list.scss */\n.results-list {\n list-style: none;\n /* 1 */\n padding: 0;\n /* 1 */\n margin: 0 -8px;\n /* 1 */\n display: flex;\n position: relative;\n /**\r\n * For IE 6/7 only\r\n * Include this rule to trigger hasLayout and contain floats.\r\n */\n /**\r\n * For modern browsers\r\n * 1. The space content is one way to avoid an Opera bug when the\r\n * contenteditable attribute is included anywhere else in the document.\r\n * Otherwise it causes space to appear at the top and bottom of elements\r\n * that are clearfixed.\r\n * 2. The use of `table` rather than `block` is only necessary if using\r\n * `:before` to contain the top-margins of child elements.\r\n */\n /**\r\n * We might want it to be full-width, but we still want a smidge of margin\r\n * so that we're not up against the side of the window\r\n */\n /**\r\n * Display results in a single horizontal row.\r\n * 1. Provide default stylings to handle shifting left/right.\r\n */\n /**\r\n * Display results as a single-column, limited-width, vertical grid\r\n */\n /**\r\n * Display results in a multi-line grid\r\n */\n /**\r\n * Display results as a single-column, full-width, list\r\n */ }\n /* line 6, StylesUnbuilt/utilities/_clearfix.scss */\n .results-list {\n *zoom: 1; }\n /* line 19, StylesUnbuilt/utilities/_clearfix.scss */\n .results-list:before, .results-list:after {\n content: \" \";\n /* 1 */\n display: table;\n /* 2 */ }\n /* line 25, StylesUnbuilt/utilities/_clearfix.scss */\n .results-list:after {\n clear: both; }\n /* line 45, StylesUnbuilt/molecules/_results-list.scss */\n .results-list > li {\n margin: 8px;\n position: relative; }\n /* line 55, StylesUnbuilt/molecules/_results-list.scss */\n .--full-width > .results-list {\n margin-left: 0;\n margin-right: 0; }\n /* line 69, StylesUnbuilt/molecules/_results-list.scss */\n .--horizontal > .results-list {\n width: 100%;\n margin: 0;\n /* 1 */\n position: relative;\n /* 1 */\n overflow-x: auto;\n -ms-overflow-style: none;\n overflow: -moz-scrollbars-none;\n flex-direction: row;\n transition: right 300ms ease;\n /* 1 */ }\n /* line 77, StylesUnbuilt/molecules/_results-list.scss */\n .--horizontal > .results-list::-webkit-scrollbar {\n display: none; }\n /* line 84, StylesUnbuilt/molecules/_results-list.scss */\n .--horizontal > .results-list > li {\n margin: 0;\n padding: 8px; }\n /* line 93, StylesUnbuilt/molecules/_results-list.scss */\n .--vertical > .results-list {\n background: #eaeaff;\n flex-direction: column;\n float: left; }\n /* line 103, StylesUnbuilt/molecules/_results-list.scss */\n .--grid > .results-list {\n width: 100%;\n flex-wrap: wrap;\n align-items: flex-start;\n justify-content: start; }\n /* line 109, StylesUnbuilt/molecules/_results-list.scss */\n .--grid > .results-list > li {\n width: 260px;\n max-width: 325px;\n display: flex;\n flex-grow: 1; }\n /* line 121, StylesUnbuilt/molecules/_results-list.scss */\n .--list > .results-list {\n width: 100%;\n margin: 0;\n /* 1 */\n position: relative;\n /* 1 */\n flex-wrap: wrap;\n overflow-x: auto;\n -ms-overflow-style: none;\n overflow: -moz-scrollbars-none; }\n /* line 130, StylesUnbuilt/molecules/_results-list.scss */\n .--list > .results-list::-webkit-scrollbar {\n display: none; }\n /* line 134, StylesUnbuilt/molecules/_results-list.scss */\n .--list > .results-list > li {\n width: 100%;\n margin-left: 0;\n margin-right: 0;\n /* padding: 0 $s-gap; */\n padding: 0; }\n\n/**\r\n * A container that the result list is contained in,\r\n * used to add a consistent margin, and some stylistic touches.\r\n */\n/* line 150, StylesUnbuilt/molecules/_results-list.scss */\n.results-list__container {\n position: relative;\n /**\r\n * For IE 6/7 only\r\n * Include this rule to trigger hasLayout and contain floats.\r\n */\n /**\r\n * For modern browsers\r\n * 1. The space content is one way to avoid an Opera bug when the\r\n * contenteditable attribute is included anywhere else in the document.\r\n * Otherwise it causes space to appear at the top and bottom of elements\r\n * that are clearfixed.\r\n * 2. The use of `table` rather than `block` is only necessary if using\r\n * `:before` to contain the top-margins of child elements.\r\n */\n /**\r\n * Add left/right borders to help make the cut-off in the horizontal\r\n * view less jarring\r\n */ }\n /* line 6, StylesUnbuilt/utilities/_clearfix.scss */\n .results-list__container {\n *zoom: 1; }\n /* line 19, StylesUnbuilt/utilities/_clearfix.scss */\n .results-list__container:before, .results-list__container:after {\n content: \" \";\n /* 1 */\n display: table;\n /* 2 */ }\n /* line 25, StylesUnbuilt/utilities/_clearfix.scss */\n .results-list__container:after {\n clear: both; }\n /* line 158, StylesUnbuilt/molecules/_results-list.scss */\n .results-list__container.--horizontal {\n background-color: #f1f1f1;\n overflow: hidden; }\n /* line 162, StylesUnbuilt/molecules/_results-list.scss */\n .results-list__container.--horizontal:after, .results-list__container.--horizontal:before {\n content: \"\";\n display: block;\n background: #eee;\n width: 1px;\n position: absolute;\n top: 4px;\n bottom: 4px;\n z-index: 2;\n box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.2); }\n /* line 180, StylesUnbuilt/molecules/_results-list.scss */\n .results-list__container.--horizontal:after {\n right: -1px; }\n /* line 184, StylesUnbuilt/molecules/_results-list.scss */\n .results-list__container.--horizontal:before {\n left: -1px; }\n /* line 195, StylesUnbuilt/molecules/_results-list.scss */\n .results-list__container.--list {\n /* background-color: #f1f1f1; */\n overflow: hidden; }\n\n/**\r\n * The shifter is used to move the results in and out of view, for\r\n * when the view area of the results is limited.\r\n *\r\n * 1. Hide by default\r\n */\n/* line 209, StylesUnbuilt/molecules/_results-list.scss */\n.results-list__shifter {\n display: none;\n /* 1 */\n opacity: 0;\n transition: opacity 180ms ease;\n /* --horizontal */ }\n /* line 215, StylesUnbuilt/molecules/_results-list.scss */\n .--horizontal:hover > .results-list__shifter {\n opacity: .6; }\n /* line 219, StylesUnbuilt/molecules/_results-list.scss */\n .--horizontal > .results-list__shifter {\n display: block;\n background: rgba(0, 0, 0, 0.5);\n height: 100px;\n width: 30px;\n /**\r\n * Position down 50%, then bring back up (negative margin) 50%\r\n * of the height of the element,\r\n *\r\n * This centers the next/previous buttons vertically\r\n */\n margin-top: -50px;\n position: absolute;\n top: 50%;\n z-index: 1;\n /**\r\n * Styling to create the ground-work for the arrow glyphs\r\n */\n /**\r\n * 1. Position the previous arrow to the left,\r\n * 2. Style the borders to create a left-pointing arrow\r\n */\n /**\r\n * 1. Position the previous arrow to the right,\r\n * 2. Style the borders to create a right-pointing arrow\r\n */ }\n /* line 242, StylesUnbuilt/molecules/_results-list.scss */\n .--horizontal > .results-list__shifter:hover, .--horizontal > .results-list__shifter:active, .--horizontal > .results-list__shifter:focus {\n opacity: 1;\n background: rgba(0, 0, 0, 0.85); }\n /* line 254, StylesUnbuilt/molecules/_results-list.scss */\n .--horizontal > .results-list__shifter:after {\n content: \" \";\n display: block;\n width: 0;\n height: 0;\n border: 10px solid transparent;\n margin-top: -10px;\n position: absolute;\n top: 50%; }\n /* line 272, StylesUnbuilt/molecules/_results-list.scss */\n .--horizontal > .results-list__shifter.--previous {\n left: 0;\n /* 1 */ }\n /* line 275, StylesUnbuilt/molecules/_results-list.scss */\n .--horizontal > .results-list__shifter.--previous:after {\n /* 2 */\n border-right-color: #fff;\n border-right-width: 19px;\n border-left-width: 0;\n right: 7px; }\n /* line 288, StylesUnbuilt/molecules/_results-list.scss */\n .--horizontal > .results-list__shifter.--next {\n right: 0;\n /* 1 */ }\n /* line 291, StylesUnbuilt/molecules/_results-list.scss */\n .--horizontal > .results-list__shifter.--next:after {\n /* 2 */\n border-left-color: #fff;\n border-left-width: 19px;\n border-right-width: 0;\n left: 7px; }\n\n/***\r\n Cards\r\n ***/\n/**\r\n * Cards\r\n *\r\n * Styline to give an element a self-contained, card-like look\r\n *\r\n\r\n */\n/* line 43, StylesUnbuilt/molecules/_card.scss */\n.card {\n border: 1px solid rgba(0, 0, 0, 0.12);\n background: #fff;\n border-radius: 3px;\n box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.15);\n overflow: hidden; }\n /* line 33, StylesUnbuilt/molecules/_card.scss */\n .selected > .card, .card.selected {\n border: 1px solid #4184f4;\n top: 1px;\n box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.1); }\n\n/* line 160, stdin */\n.product-results {\n margin-bottom: 1em; }\n\n/* line 164, stdin */\n.product-result__body {\n color: inherit;\n text-align: center;\n display: block;\n padding: 4px;\n border: 1px solid rgba(0, 0, 0, 0.12);\n background: #fff;\n border-radius: 3px;\n box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.15);\n overflow: hidden; }\n /* line 33, StylesUnbuilt/molecules/_card.scss */\n .selected > .product-result__body, .product-result__body.selected {\n border: 1px solid #4184f4;\n top: 1px;\n box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.1); }\n /* line 172, stdin */\n .--list .product-result__body {\n text-align: left;\n border: 0;\n box-shadow: none; }\n\n/* line 179, stdin */\n.product-result__image {\n max-width: 180px; }\n /* line 182, stdin */\n .--list .product-result__image {\n float: left;\n max-width: 88px;\n margin-right: 12px;\n margin-bottom: 2px; }\n\n/* line 190, stdin */\n.product-result__name {\n font-weight: bold; }\n /* line 193, stdin */\n .--list .product-result__name {\n color: #1a0dab;\n text-overflow: ellipsis;\n font-size: 18px;\n font-weight: normal;\n white-space: nowrap;\n margin-bottom: 0;\n overflow: hidden;\n display: block !important; }\n\n/* line 209, stdin */\n.product-result__site,\n.product-result__site a,\n.product-result__site a:hover {\n text-decoration: none;\n color: #006621;\n font-style: normal;\n font-size: 14px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n display: block;\n line-height: 16px !important;\n height: auto !important;\n padding: 0 !important;\n margin: 1px 0 1px 0 !important; }\n\n/* line 227, stdin */\n.product-result__price {\n padding: 0 0 0 0;\n margin: 0;\n line-height: 18px !important;\n width: 100%;\n color: #545454; }\n /* line 234, stdin */\n .product-result__price a,\n .product-result__price a:hover {\n color: inherit; }") ;(function(){ 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); exports.default = { props: ['layout', 'src-data-id', 'controls'], data: function data() { window.__productResults = this; return { offset: 0, maxOffset: Infinity, size: 5, min_price: null, max_price: null, layoutStyle: this.layout || 'horizontal', productResults: [] }; }, created: function created() { this.loadData(); }, mounted: function mounted() { var _this = this; window.addEventListener('resize', function () { _this.shift(0); }); }, methods: { stripSubdomain: function stripSubdomain(str) { var result = str; try { var newStr = str.split('.').slice(-2).join('.'); if (newStr) result = newStr; } catch (err) {} return result; }, loadData: function loadData() { var data = void 0; var srcDataId = this.srcDataId || 'productResultData'; try { if (this.$slots.default && this.$slots.default[0].text) { data = JSON.parse(this.$slots.default[0].text); } else if (document.getElementById(srcDataId)) { data = JSON.parse(document.getElementById(srcDataId).innerHTML); } } catch (err) { console.log(err); } if (data) { this.productResults = data; } }, shift: function shift(n) { var _this2 = this; var el = this.$refs.ulProductResults; n = typeof n !== 'undefined' ? n : .45; if (this.layoutStyle === 'horizontal') { var maxScroll = el.scrollWidth - el.clientWidth; var distance = el.clientWidth * n; console.log('scrollLeft: ', el.scrollLeft); console.log('maxScroll: ', maxScroll); console.log('distance: ', distance); el.scrollLeft += distance; this.offset = el.scrollLeft * 1; this.maxOffset = maxScroll * 1; console.log('scrollLeft: ', el.scrollLeft); console.log('maxScroll: ', maxScroll); console.log('distance: ', distance); setTimeout(function () { return el.scrollLeft = _this2.offset * 1; }, 0); } } } }; })() if (module.exports.__esModule) module.exports = module.exports.default var __vue__options__ = (typeof module.exports === "function"? module.exports.options: module.exports) if (__vue__options__.functional) {console.error("[vueify] functional components are not supported and should be defined in plain js files using render functions.")} __vue__options__.render = function render () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{staticClass:"product-results"},[(_vm.controls)?_c('section',{staticClass:"product-results__controls"}):_vm._e(),_vm._v(" "),_c('section',{class:[ 'product-results__list', 'results-list__container', { '--horizontal': (_vm.layoutStyle === 'horizontal'), '--vertical': (_vm.layoutStyle === 'vertical'), '--grid': (_vm.layoutStyle === 'grid'), '--list': (_vm.layoutStyle === 'list'), '--grid': (_vm.layoutStyle === 'full-list'), '--full-list': (_vm.layoutStyle === 'full-list'), }]},[(_vm.offset > 0)?_c('a',{class:['results-list__shifter', '--previous'],attrs:{"href":"#","title":"previous"},on:{"click":function($event){$event.preventDefault();return _vm.shift(-.45)}}}):_vm._e(),_vm._v(" "),_c('ul',{ref:"ulProductResults",staticClass:"results-list"},_vm._l((_vm.productResults),function(product,i){return _c('li',{ref:"thumbnails",refInFor:true},[_c('div',{staticClass:"product-result__body",attrs:{"href":product.ResultUrl}},[_c('a',{attrs:{"href":product.ResultUrl}},[_c('img',{staticClass:"product-result__image",attrs:{"src":product.ProductImages.product.Url}})]),_vm._v(" "),_c('h5',{staticClass:"product-result__name"},[_c('a',{staticClass:"product-result__name",attrs:{"href":product.ResultUrl},domProps:{"textContent":_vm._s(product.Title)}})]),_vm._v(" "),_c('cite',{staticClass:"product-result__site search-result__site-info"},[_c('a',{attrs:{"href":product.ResultUrl},domProps:{"textContent":_vm._s(_vm.stripSubdomain(product.SiteUrl))}})]),_vm._v(" "),_c('p',{staticClass:"product-result__price"},[_c('a',{attrs:{"href":product.ResultUrl},domProps:{"textContent":_vm._s(product.DisplayPrice)}})])])])}),0),_vm._v(" "),(_vm.offset < _vm.maxOffset)?_c('a',{staticClass:"results-list__shifter --next",attrs:{"href":"#","title":"next"},on:{"click":function($event){$event.preventDefault();return _vm.shift(.45)}}}):_vm._e()])])} __vue__options__.staticRenderFns = [] if (module.hot) {(function () { var hotAPI = require("vue-hot-reload-api") hotAPI.install(require("vue"), true) if (!hotAPI.compatible) return module.hot.accept() module.hot.dispose(__vueify_style_dispose__) if (!module.hot.data) { hotAPI.createRecord("data-v-9b545640", __vue__options__) } else { hotAPI.reload("data-v-9b545640", __vue__options__) } })()} },{"vue":23,"vue-hot-reload-api":20,"vueify/lib/insert-css":25}],10:[function(require,module,exports){ var __vueify_style_dispose__ = require("vueify/lib/insert-css").insert("/*-------------------------------------*\\\r\n COLORS\r\n\\*-------------------------------------*/\n/**\r\n * Colors\r\n *\r\n * All the global colors used throughout\r\n *\r\n **\r\n * Base\r\n *\r\n *\r\n\r\n [lightest] [brightest]\r\n [lighter] [brighter]\r\n [light] [bright]\r\n --- base ---\r\n [dark] [dull]\r\n [darker] [duller]\r\n [darkest] [dullest]\r\n *\r\n * Name Pattern:\r\n * c-[name]--[modifier]\r\n *\r\n */\n/*-------------------------------------*\\\r\n Base Colors\r\n\\*-------------------------------------*/\n/** don't use */\n/*-------------------------------------*\\\r\n Site Colors\r\n\\*-------------------------------------*/\n/* line 88, stdin */\n.site-pager {\n display: flex; }") ;(function(){ 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); var _vue = require('vue'); var _vue2 = _interopRequireDefault(_vue); var _updateUrlParameter = require('../lib/updateUrlParameter'); var _updateUrlParameter2 = _interopRequireDefault(_updateUrlParameter); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } exports.default = { props: ['page', 'next-page-token', 'prev-page-token'], data: function data() { return {}; }, created: function created() { window.__sitePager = this; }, watch: { page: function page(newPage, oldPage) { var nextPageUrl = this.getNextPageUrl(newPage, oldPage); if (nextPageUrl != window.location.href) window.location.href = nextPageUrl; } }, methods: { getNextPageUrl: function getNextPageUrl(newPage, oldPage) { var url = window.location.href; if (newPage !== oldPage) { url = (0, _updateUrlParameter2.default)('page', newPage, url); var pageToken = ''; if (newPage > oldPage) pageToken = this.nextPageToken; if (newPage < oldPage) pageToken = this.prevPageToken; url = (0, _updateUrlParameter2.default)('pt', pageToken, url); } return url; }, go: function go(page, action) { switch (action) { case 'previous': this.previous(); case 'next': this.next(); default: this.page = page; } }, previous: function previous() { if (this.page > 0) this.page--; if (this.page < 0) this.page = 0; }, next: function next() { this.page++; } } }; })() if (module.exports.__esModule) module.exports = module.exports.default var __vue__options__ = (typeof module.exports === "function"? module.exports.options: module.exports) if (__vue__options__.functional) {console.error("[vueify] functional components are not supported and should be defined in plain js files using render functions.")} __vue__options__.render = function render () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-pager',{directives:[{name:"ref",rawName:"v-ref",value:(_vm.pager),expression:"pager"}],staticClass:"site-pager",attrs:{"page":_vm.page},on:{"go":_vm.go}})} __vue__options__.staticRenderFns = [] if (module.hot) {(function () { var hotAPI = require("vue-hot-reload-api") hotAPI.install(require("vue"), true) if (!hotAPI.compatible) return module.hot.accept() module.hot.dispose(__vueify_style_dispose__) if (!module.hot.data) { hotAPI.createRecord("data-v-16cabea5", __vue__options__) } else { hotAPI.reload("data-v-16cabea5", __vue__options__) } })()} },{"../lib/updateUrlParameter":16,"vue":23,"vue-hot-reload-api":20,"vueify/lib/insert-css":25}],11:[function(require,module,exports){ var __vueify_style_dispose__ = require("vueify/lib/insert-css").insert("/* line 118, stdin */\n.slideview__container {\n overflow: hidden; }\n /* line 123, stdin */\n .slideview__container.--display-title .search-result__source-citation ~ * {\n display: none; }\n\n/* line 129, stdin */\n.slideview__item {\n overflow: hidden;\n max-height: 450px;\n transition: max-height ease 720ms; }\n /* line 135, stdin */\n .--display-title .slideview__item {\n max-height: 200px; }\n /* line 139, stdin */\n .slideview__item.--closed {\n max-height: 0px !important; }") ;(function(){ 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); exports.default = { props: ['count', 'display-style'], data: function slideviewerData() { return { opened: 0, timeoutKey: null }; }, created: function slideviewerCreated() { var _this = this; this.count = (this.count || 1) * 1; window.__slideviewer = this; window.addEventListener('scroll', function () { var scrollPosition = window.scrollY; var adsSeparator = document.querySelector('.ads-border-box'); if (_this.timeoutKey) clearTimeout(_this.timeoutKey); if (adsSeparator && adsSeparator.offsetTop && scrollPosition >= adsSeparator.offsetTop - 120) { _this.openAll(); } else { _this.timeoutKey = setTimeout(function () { return _this.closeAll(); }, 200); } }); }, computed: { items: function computeSlideviewItems() { var items = []; for (var i = 0; i < this.count; i++) { items.push({ id: i, opened: this.opened > i }); } return items; } }, methods: { openOne: function openOne() { if (this.opened < this.count) this.opened++; return this.opened; }, closeOne: function closeOne() { if (this.opened > 0) this.opened--; return this.opened; }, openAll: function openAll() { this.opened = this.count + 1; return this.opened; }, closeAll: function closeAll() { this.opened = 0; return this.opened; } } }; })() if (module.exports.__esModule) module.exports = module.exports.default var __vue__options__ = (typeof module.exports === "function"? module.exports.options: module.exports) if (__vue__options__.functional) {console.error("[vueify] functional components are not supported and should be defined in plain js files using render functions.")} __vue__options__.render = function render () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:[ 'slideview__container', { '--display-full': (_vm.displayStyle === 'full'), '--display-title': (_vm.displayStyle === 'title'), }]},[_c('div',{staticClass:"slideview__item",class:{ '--closed': (_vm.opened < 1), }},[_c('copy-element',{attrs:{"sel":".ads-related-to"}})],1),_vm._v(" "),_vm._l((_vm.items),function(item,i){return _c('div',{key:item.id,staticClass:"slideview__item",class:{ '--closed': (!item.opened), },attrs:{"item":item,"index":i}},[_c('copy-element',{attrs:{"sel":".main-body .search-result.sr","index":i}})],1)})],2)} __vue__options__.staticRenderFns = [] if (module.hot) {(function () { var hotAPI = require("vue-hot-reload-api") hotAPI.install(require("vue"), true) if (!hotAPI.compatible) return module.hot.accept() module.hot.dispose(__vueify_style_dispose__) if (!module.hot.data) { hotAPI.createRecord("data-v-6a8e6692", __vue__options__) } else { hotAPI.reload("data-v-6a8e6692", __vue__options__) } })()} },{"vue":23,"vue-hot-reload-api":20,"vueify/lib/insert-css":25}],12:[function(require,module,exports){ var __vueify_style_dispose__ = require("vueify/lib/insert-css").insert("/*-------------------------------------*\\\r\n COLORS\r\n\\*-------------------------------------*/\n/**\r\n * Colors\r\n *\r\n * All the global colors used throughout\r\n *\r\n **\r\n * Base\r\n *\r\n *\r\n\r\n [lightest] [brightest]\r\n [lighter] [brighter]\r\n [light] [bright]\r\n --- base ---\r\n [dark] [dull]\r\n [darker] [duller]\r\n [darkest] [dullest]\r\n *\r\n * Name Pattern:\r\n * c-[name]--[modifier]\r\n *\r\n */\n/*-------------------------------------*\\\r\n Base Colors\r\n\\*-------------------------------------*/\n/** don't use */\n/*-------------------------------------*\\\r\n Site Colors\r\n\\*-------------------------------------*/\n/* line 80, stdin */\n.pager {\n font-size: 16px;\n margin-top: -5px;\n display: flex; }\n\n/* line 87, stdin */\n.pager__link {\n min-width: 85px;\n padding: .5em;\n margin: 0 .5em;\n border: 1px solid;\n border-color: rgba(17, 85, 204, 0.45);\n border-radius: 3px; }") ;(function(){ 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); var _vue = require('vue'); var _vue2 = _interopRequireDefault(_vue); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } exports.default = { props: ['page', 'max', 'text-previous', 'text-next'], data: function data() {}, methods: { previous: function previous() { if (this.page > 0) this.page--; this.$emit('go', this.page, 'previous'); }, next: function next() { if (!this.max || this.page < this.max) this.page++; this.$emit('go', this.page, 'next'); }, first: function first() { this.page = 0; this.$emit('go', this.page, 'first'); }, last: function last() { if (!this.max) { this.$emit('go', 'last', 'last'); } else { this.page = this.max; this.$emit('go', this.page, 'last'); } }, go: function go(page) { this.page = page; this.$emit('go', page, 'to'); } } }; })() if (module.exports.__esModule) module.exports = module.exports.default var __vue__options__ = (typeof module.exports === "function"? module.exports.options: module.exports) if (__vue__options__.functional) {console.error("[vueify] functional components are not supported and should be defined in plain js files using render functions.")} __vue__options__.render = function render () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{staticClass:"pager"},[_c('a',{class:[ 'pager__link', 'pager__link--previous', { 'disabled': (_vm.page <= 0) }],attrs:{"href":"#","title":"previous"},domProps:{"innerHTML":_vm._s(_vm.textPrevious !== undefined ? _vm.textPrevious : 'Previous')},on:{"click":function($event){$event.preventDefault();return _vm.previous($event)}}}),_vm._v(" "),_c('a',{class:[ 'pager__link', 'pager__link--next', { 'disabled': (_vm.max && _vm.page >= _vm.max) }],attrs:{"href":"#","title":"next"},domProps:{"innerHTML":_vm._s(_vm.textNext !== undefined ? _vm.textNext : 'Next')},on:{"click":function($event){$event.preventDefault();return _vm.next($event)}}})])} __vue__options__.staticRenderFns = [] if (module.hot) {(function () { var hotAPI = require("vue-hot-reload-api") hotAPI.install(require("vue"), true) if (!hotAPI.compatible) return module.hot.accept() module.hot.dispose(__vueify_style_dispose__) if (!module.hot.data) { hotAPI.createRecord("data-v-51506174", __vue__options__) } else { hotAPI.reload("data-v-51506174", __vue__options__) } })()} },{"vue":23,"vue-hot-reload-api":20,"vueify/lib/insert-css":25}],13:[function(require,module,exports){ var __vueify_style_dispose__ = require("vueify/lib/insert-css").insert("/* line 107, stdin */\n.video-viewer__video > iframe:nth-child(1) {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%; }\n\n/* line 115, stdin */\n.video-viewer__video {\n position: relative;\n padding-bottom: 56.25%;\n padding-top: 25px;\n float: none;\n clear: both;\n width: 100%;\n height: 0; }\n\n/* line 125, stdin */\n.__middle {\n padding: 0; }") ;(function(){ 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); var _regex = require('../lib/regex'); var patterns = _interopRequireWildcard(_regex); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } } var defaultWidth = 560; var defaultHeight = 315; exports.default = { props: ['src', 'thumb', 'width', 'height', 'sfw', 'nsfw', 'adult'], data: function getData() { return { videoSrc: '', sourceType: '', frameWidth: this.width || defaultWidth, frameHeight: this.height || defaultHeight, showAdult: this.adult || this.nsfw || !this.sfw, videoClass: ['video-viewer__video'] }; }, created: function created() { this.setVideoSrc(); }, watch: { src: function src() { this.setVideoSrc(); }, width: function width() { this.frameWidth = this.width || defaultWidth; }, height: function height() { this.frameHeight = this.height || defaultHeight; }, adult: function adult() { this.updateAdultChanged(); }, nsfw: function nsfw() { this.updateAdultChanged(); }, sfw: function sfw() { this.updateAdultChanged(); } }, computed: { hasVideo: function hasVideo() { return !!this.videoSrc; }, frameWidth: function frameWidth() { return this.width; }, frameHeight: function frameHeight() { return this.height; } }, methods: { updateAdultChanged: function updateAdultChanged() { this.showAdult = this.adult || this.nsfw || !this.sfw; }, getVideoList: function getVideoList() { return !this.showAdult ? ['youtube', 'vimeo'] : ['youtube', 'vimeo', 'pornhub', 'xvideos', 'xhamster', 'tube8', 'porncom', 'eporner', 'youjizz', 'youporn', 'redtube']; }, videoSourceToUrl: function videoSourceToUrl(videoType, videoSrc) { switch (videoType) { case 'youtube': return 'https://www.youtube-nocookie.com/embed/' + videoSrc; case 'vimeo': return 'https://player.vimeo.com/video/' + videoSrc + '?title=0&byline=0&portrait=0'; case 'pornhub': return 'https://www.pornhub.com/embed/' + videoSrc; case 'xvideos': return 'https://www.xvideos.com/embedframe/' + videoSrc; case 'xhamster': return 'https://xhamster.com/xembed.php?video=' + videoSrc; case 'tube8': return 'https://www.tube8.com/embed/a/b/' + videoSrc + '/'; case 'youjizz': return 'https://www.youjizz.com/videos/embed/' + videoSrc + '/'; case 'youporn': return 'https://www.youporn.com/embed/' + videoSrc; case 'porncom': return 'https://www.porn.com/videos/embed/' + videoSrc; case 'redtube': return 'https://embed.redtube.com/?id=' + videoSrc; case 'eporner': return 'https://www.eporner.com/embed/' + videoSrc; default: return null; } }, setVideoSrc: function setVideoSrc() { var _this = this; var sourceMatchesPattern = function sourceMatchesPattern(type) { return patterns[type].test(_this.src); }; var videoTypeForSource = this.getVideoList().filter(sourceMatchesPattern); var foundSource = videoTypeForSource.length > 0; this.sourceType = foundSource ? videoTypeForSource[0] : ''; this.videoClass = foundSource ? ['video-viewer__video', 'video-viewer--' + this.sourceType] : ['video-viewer__video video-viewer--none']; this.videoSrc = foundSource ? this.videoSourceToUrl(this.sourceType, patterns[this.sourceType].getVideoId(this.src)) : ''; } } }; })() if (module.exports.__esModule) module.exports = module.exports.default var __vue__options__ = (typeof module.exports === "function"? module.exports.options: module.exports) if (__vue__options__.functional) {console.error("[vueify] functional components are not supported and should be defined in plain js files using render functions.")} __vue__options__.render = function render () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"video-viewer"},[(!_vm.hasVideo)?_c('div',{staticClass:"video-viewer__video video-viewer--none"},[_c('img',{attrs:{"width":_vm.frameWidth,"height":_vm.frameHeight,"src":_vm.thumb,"alt":"video thumbnail"}})]):_vm._e(),_vm._v(" "),(_vm.sourceType)?_c('div',{class:_vm.videoClass},[_c('iframe',{attrs:{"width":_vm.frameWidth,"height":_vm.frameHeight,"src":_vm.videoSrc,"allow":"autoplay; encrypted-media","frameborder":"0","scrolling":"no","allowfullscreen":"","webkitallowfullscreen":"","mozallowfullscreen":""}})]):_vm._e()])} __vue__options__.staticRenderFns = [] if (module.hot) {(function () { var hotAPI = require("vue-hot-reload-api") hotAPI.install(require("vue"), true) if (!hotAPI.compatible) return module.hot.accept() module.hot.dispose(__vueify_style_dispose__) if (!module.hot.data) { hotAPI.createRecord("data-v-4316a03a", __vue__options__) } else { hotAPI.reload("data-v-4316a03a", __vue__options__) } })()} },{"../lib/regex":15,"vue":23,"vue-hot-reload-api":20,"vueify/lib/insert-css":25}],14:[function(require,module,exports){ 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); exports.default = getUrlParameter; exports.getUrlParameter = getUrlParameter; function getUrlParameter(name, url) { if (!url) url = window.location.href; name = name.replace(/[\[\]]/g, '\\$&'); var regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)'), results = regex.exec(url); if (!results) return null; if (!results[2]) return ''; return decodeURIComponent(results[2].replace(/\+/g, ' ')); } },{}],15:[function(require,module,exports){ 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); var youtube = exports.youtube = /(?:https?:\/\/)?(?:(?:(?:www\.?)?youtube\.com(?:\/(?:(?:watch\?.*?(v=[^&\s]+).*)|(?:v(\/.*))))?)|(?:youtu\.be(\/.*)?))/i; youtube.getVideoId = function getYoutubeVideoId(src) { var matches = youtube.exec(src); var videoId = matches.slice(1).find(function (m) { return !!m; }); if (videoId) videoId = videoId.replace(/^(v=|\/)/i, ''); return videoId; }; var pornhub = exports.pornhub = /^(?:https?:\/\/)?(?:\w+\.)?pornhub\.(?:\w+)(?:(?:\/embed\/|.*viewkey=)(\w+))?/i; pornhub.getVideoId = function getPornhubVideoId(src) { var matches = pornhub.exec(src); var videoId = matches.slice(1).find(function (m) { return !!m; }); return videoId; }; var vimeo = exports.vimeo = /^(?:https?:\/\/)?(?:\w+\.)?vimeo\.(?:\w+)\/?(?:(?:channels\/\w+|video)\/)*(\w+)/i; vimeo.getVideoId = function getVimeoVideoId(src) { var matches = vimeo.exec(src); var videoId = matches.slice(1).find(function (m) { return !!m; }); return videoId; }; var xvideos = exports.xvideos = /^(?:https?:\/\/)?(?:\w+\.)?xvideos\.\w+(?:\/(?:video|embedframe\/)(\w+))?/i; xvideos.getVideoId = function getXvideosVideoId(src) { var matches = xvideos.exec(src); var videoId = matches.slice(1).find(function (m) { return !!m; }); return videoId; }; var xhamster = exports.xhamster = /^(?:https?:\/\/)?(?:\w+\.)?xhamster\.\w+(?:(?:.*video=(\w+))|(?:\/(?:\w+\/)*(?:\w+-)*(\w+)))?/i; xhamster.getVideoId = function getXhamsterVideoId(src) { var matches = xhamster.exec(src); var videoId = matches.slice(1).find(function (m) { return !!m; }); return videoId; }; var tube8 = exports.tube8 = /^(?:https?:\/\/)?(?:\w+\.)?tube8\.\w+(?:.*?(\w+)\/?(?:[#?].*)?$)?/i; tube8.getVideoId = function getTube8VideoId(src) { var matches = tube8.exec(src); var videoId = matches.slice(1).find(function (m) { return !!m; }); return videoId; }; var porncom = exports.porncom = /^(?:https?:\/\/)?(?:\w+\.)?porn\.\w+(?:.*?(\w+)\/?(?:[#?].*)?$)?/i; porncom.getVideoId = function getPornComVideoId(src) { var matches = porncom.exec(src); var videoId = matches.slice(1).find(function (m) { return !!m; }); return videoId; }; var eporner = exports.eporner = /^(?:https?:\/\/)?(?:\w+\.)?eporner\.\w+(?:\/[\w-]+\/(\w+))?/i; eporner.getVideoId = function getEpornerVideoId(src) { var matches = eporner.exec(src); var videoId = matches.slice(1).find(function (m) { return !!m; }); return videoId; }; var youjizz = exports.youjizz = /^(?:https?:\/\/)?(?:\w+\.)?youjizz\.\w+(?:.*?(\w+)(?:\.\w+)?(?:[#?].*)?$)?/i; youjizz.getVideoId = function getYouJizzVideoId(src) { var matches = youjizz.exec(src); var videoId = matches.slice(1).find(function (m) { return !!m; }); return videoId; }; var youporn = exports.youporn = /^(?:https?:\/\/)?(?:\w+\.)?youporn\.\w+(?:\/\w+\/(\w+))?/i; youporn.getVideoId = function getYouPornVideoId(src) { var matches = youporn.exec(src); var videoId = matches.slice(1).find(function (m) { return !!m; }); return videoId; }; var redtube = exports.redtube = /^(?:https?:\/\/)?(?:\w+\.)?redtube\.\w+(?:(?:.*id=(\w+))|(?:.*?(\w+)\/?(?:#\d+|\?.*)?$))?/i; redtube.getVideoId = function getredtubeVideoId(src) { var matches = redtube.exec(src); var videoId = matches.slice(1).find(function (m) { return !!m; }); return videoId; }; },{}],16:[function(require,module,exports){ 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); exports.default = updateUrlParameter; exports.updateUrlParameter = updateUrlParameter; function updateUrlParameter(key, value, uri) { if (!uri) uri = window.location.href; // remove the hash part before operating on the uri var i = uri.indexOf('#'); var hash = i === -1 ? '' : uri.substr(i); uri = i === -1 ? uri : uri.substr(0, i); var re = new RegExp('([?&])' + key + '=.*?(&|$)', 'i'); var separator = uri.indexOf('?') !== -1 ? '&' : '?'; if (uri.match(re)) { uri = uri.replace(re, '$1' + key + '=' + value + '$2'); } else { uri = uri + separator + key + '=' + value; } return uri + hash; // finally append the hash as well } },{}],17:[function(require,module,exports){ 'use strict'; var _vue = require('vue'); var _vue2 = _interopRequireDefault(_vue); var _vueRouter = require('vue-router'); var _vueRouter2 = _interopRequireDefault(_vueRouter); var _getUrlParameter = require('./lib/getUrlParameter'); var _getUrlParameter2 = _interopRequireDefault(_getUrlParameter); require('./components'); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } _vue2.default.use(_vueRouter2.default); window.Vue = _vue2.default; var app = window.__SearchApp = new _vue2.default({ data: { page: 0 }, created: function created() { try { document.addEventListener('DOMContentLoaded', function () { startWindowPositionInterval(); }); var currentPage = parseInt((0, _getUrlParameter2.default)('page')); if (typeof currentPage === 'number' && !isNaN(currentPage) && currentPage > -1) this.page = currentPage; } catch (err) { console.log(err); } } }); app.$mount('.search-app'); var incognitoParamsAttribute = 'data-sp-incognito-global-params'; function getIncognitoWindowParameters() { var paramsElement = document.querySelector('[' + incognitoParamsAttribute + ']'); if (paramsElement) { var paramsJson = paramsElement.attributes[incognitoParamsAttribute].value; try { return JSON.parse(paramsJson); } catch (err) {} } return {}; } function setIncognitoWindowParameters(params) { var paramsElement = document.querySelector('[' + incognitoParamsAttribute + ']'); if (paramsElement) { paramsElement.setAttribute(incognitoParamsAttribute, JSON.stringify(params)); } } function setWindowPosition() { if (!document.querySelector('[name=x-sp-enable][content=sp-incognito-global-params-override]')) return; var params = getIncognitoWindowParameters(); params.left = window.screenX + 600; params.top = window.screenY; params.width = Math.max(window.outerWidth - 600, 600); params.height = window.outerHeight - 2; if (window.outerWidth < 620) { params.left = window.screenX; params.width = window.outerWidth; } setIncognitoWindowParameters(params); } function startWindowPositionInterval() { setWindowPosition(); setInterval(function () { setWindowPosition(); }, 1000); } window.__positionMeh = { setIncognitoWindowParameters: setIncognitoWindowParameters, getIncognitoWindowParameters: getIncognitoWindowParameters, setWindowPosition: setWindowPosition }; },{"./components":4,"./lib/getUrlParameter":14,"vue":23,"vue-router":21}],18:[function(require,module,exports){ // shim for using process in browser var process = module.exports = {}; // cached from whatever global is present so that test runners that stub it // don't break things. But we need to wrap it in a try catch in case it is // wrapped in strict mode code which doesn't define any globals. It's inside a // function because try/catches deoptimize in certain engines. var cachedSetTimeout; var cachedClearTimeout; function defaultSetTimout() { throw new Error('setTimeout has not been defined'); } function defaultClearTimeout () { throw new Error('clearTimeout has not been defined'); } (function () { try { if (typeof setTimeout === 'function') { cachedSetTimeout = setTimeout; } else { cachedSetTimeout = defaultSetTimout; } } catch (e) { cachedSetTimeout = defaultSetTimout; } try { if (typeof clearTimeout === 'function') { cachedClearTimeout = clearTimeout; } else { cachedClearTimeout = defaultClearTimeout; } } catch (e) { cachedClearTimeout = defaultClearTimeout; } } ()) function runTimeout(fun) { if (cachedSetTimeout === setTimeout) { //normal enviroments in sane situations return setTimeout(fun, 0); } // if setTimeout wasn't available but was latter defined if ((cachedSetTimeout === defaultSetTimout || !cachedSetTimeout) && setTimeout) { cachedSetTimeout = setTimeout; return setTimeout(fun, 0); } try { // when when somebody has screwed with setTimeout but no I.E. maddness return cachedSetTimeout(fun, 0); } catch(e){ try { // When we are in I.E. but the script has been evaled so I.E. doesn't trust the global object when called normally return cachedSetTimeout.call(null, fun, 0); } catch(e){ // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error return cachedSetTimeout.call(this, fun, 0); } } } function runClearTimeout(marker) { if (cachedClearTimeout === clearTimeout) { //normal enviroments in sane situations return clearTimeout(marker); } // if clearTimeout wasn't available but was latter defined if ((cachedClearTimeout === defaultClearTimeout || !cachedClearTimeout) && clearTimeout) { cachedClearTimeout = clearTimeout; return clearTimeout(marker); } try { // when when somebody has screwed with setTimeout but no I.E. maddness return cachedClearTimeout(marker); } catch (e){ try { // When we are in I.E. but the script has been evaled so I.E. doesn't trust the global object when called normally return cachedClearTimeout.call(null, marker); } catch (e){ // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error. // Some versions of I.E. have different rules for clearTimeout vs setTimeout return cachedClearTimeout.call(this, marker); } } } var queue = []; var draining = false; var currentQueue; var queueIndex = -1; function cleanUpNextTick() { if (!draining || !currentQueue) { return; } draining = false; if (currentQueue.length) { queue = currentQueue.concat(queue); } else { queueIndex = -1; } if (queue.length) { drainQueue(); } } function drainQueue() { if (draining) { return; } var timeout = runTimeout(cleanUpNextTick); draining = true; var len = queue.length; while(len) { currentQueue = queue; queue = []; while (++queueIndex < len) { if (currentQueue) { currentQueue[queueIndex].run(); } } queueIndex = -1; len = queue.length; } currentQueue = null; draining = false; runClearTimeout(timeout); } process.nextTick = function (fun) { var args = new Array(arguments.length - 1); if (arguments.length > 1) { for (var i = 1; i < arguments.length; i++) { args[i - 1] = arguments[i]; } } queue.push(new Item(fun, args)); if (queue.length === 1 && !draining) { runTimeout(drainQueue); } }; // v8 likes predictible objects function Item(fun, array) { this.fun = fun; this.array = array; } Item.prototype.run = function () { this.fun.apply(null, this.array); }; process.title = 'browser'; process.browser = true; process.env = {}; process.argv = []; process.version = ''; // empty string to avoid regexp issues process.versions = {}; function noop() {} process.on = noop; process.addListener = noop; process.once = noop; process.off = noop; process.removeListener = noop; process.removeAllListeners = noop; process.emit = noop; process.prependListener = noop; process.prependOnceListener = noop; process.listeners = function (name) { return [] } process.binding = function (name) { throw new Error('process.binding is not supported'); }; process.cwd = function () { return '/' }; process.chdir = function (dir) { throw new Error('process.chdir is not supported'); }; process.umask = function() { return 0; }; },{}],19:[function(require,module,exports){ (function (setImmediate,clearImmediate){ var nextTick = require('process/browser.js').nextTick; var apply = Function.prototype.apply; var slice = Array.prototype.slice; var immediateIds = {}; var nextImmediateId = 0; // DOM APIs, for completeness exports.setTimeout = function() { return new Timeout(apply.call(setTimeout, window, arguments), clearTimeout); }; exports.setInterval = function() { return new Timeout(apply.call(setInterval, window, arguments), clearInterval); }; exports.clearTimeout = exports.clearInterval = function(timeout) { timeout.close(); }; function Timeout(id, clearFn) { this._id = id; this._clearFn = clearFn; } Timeout.prototype.unref = Timeout.prototype.ref = function() {}; Timeout.prototype.close = function() { this._clearFn.call(window, this._id); }; // Does not start the time, just sets up the members needed. exports.enroll = function(item, msecs) { clearTimeout(item._idleTimeoutId); item._idleTimeout = msecs; }; exports.unenroll = function(item) { clearTimeout(item._idleTimeoutId); item._idleTimeout = -1; }; exports._unrefActive = exports.active = function(item) { clearTimeout(item._idleTimeoutId); var msecs = item._idleTimeout; if (msecs >= 0) { item._idleTimeoutId = setTimeout(function onTimeout() { if (item._onTimeout) item._onTimeout(); }, msecs); } }; // That's not how node.js implements it but the exposed api is the same. exports.setImmediate = typeof setImmediate === "function" ? setImmediate : function(fn) { var id = nextImmediateId++; var args = arguments.length < 2 ? false : slice.call(arguments, 1); immediateIds[id] = true; nextTick(function onNextTick() { if (immediateIds[id]) { // fn.call() is faster so we optimize for the common use-case // @see http://jsperf.com/call-apply-segu if (args) { fn.apply(null, args); } else { fn.call(null); } // Prevent ids from leaking exports.clearImmediate(id); } }); return id; }; exports.clearImmediate = typeof clearImmediate === "function" ? clearImmediate : function(id) { delete immediateIds[id]; }; }).call(this,require("timers").setImmediate,require("timers").clearImmediate) },{"process/browser.js":18,"timers":19}],20:[function(require,module,exports){ var Vue // late bind var version var map = Object.create(null) if (typeof window !== 'undefined') { window.__VUE_HOT_MAP__ = map } var installed = false var isBrowserify = false var initHookName = 'beforeCreate' exports.install = function (vue, browserify) { if (installed) { return } installed = true Vue = vue.__esModule ? vue.default : vue version = Vue.version.split('.').map(Number) isBrowserify = browserify // compat with < 2.0.0-alpha.7 if (Vue.config._lifecycleHooks.indexOf('init') > -1) { initHookName = 'init' } exports.compatible = version[0] >= 2 if (!exports.compatible) { console.warn( '[HMR] You are using a version of vue-hot-reload-api that is ' + 'only compatible with Vue.js core ^2.0.0.' ) return } } /** * Create a record for a hot module, which keeps track of its constructor * and instances * * @param {String} id * @param {Object} options */ exports.createRecord = function (id, options) { if(map[id]) { return } var Ctor = null if (typeof options === 'function') { Ctor = options options = Ctor.options } makeOptionsHot(id, options) map[id] = { Ctor: Ctor, options: options, instances: [] } } /** * Check if module is recorded * * @param {String} id */ exports.isRecorded = function (id) { return typeof map[id] !== 'undefined' } /** * Make a Component options object hot. * * @param {String} id * @param {Object} options */ function makeOptionsHot(id, options) { if (options.functional) { var render = options.render options.render = function (h, ctx) { var instances = map[id].instances if (ctx && instances.indexOf(ctx.parent) < 0) { instances.push(ctx.parent) } return render(h, ctx) } } else { injectHook(options, initHookName, function() { var record = map[id] if (!record.Ctor) { record.Ctor = this.constructor } record.instances.push(this) }) injectHook(options, 'beforeDestroy', function() { var instances = map[id].instances instances.splice(instances.indexOf(this), 1) }) } } /** * Inject a hook to a hot reloadable component so that * we can keep track of it. * * @param {Object} options * @param {String} name * @param {Function} hook */ function injectHook(options, name, hook) { var existing = options[name] options[name] = existing ? Array.isArray(existing) ? existing.concat(hook) : [existing, hook] : [hook] } function tryWrap(fn) { return function (id, arg) { try { fn(id, arg) } catch (e) { console.error(e) console.warn( 'Something went wrong during Vue component hot-reload. Full reload required.' ) } } } function updateOptions (oldOptions, newOptions) { for (var key in oldOptions) { if (!(key in newOptions)) { delete oldOptions[key] } } for (var key$1 in newOptions) { oldOptions[key$1] = newOptions[key$1] } } exports.rerender = tryWrap(function (id, options) { var record = map[id] if (!options) { record.instances.slice().forEach(function (instance) { instance.$forceUpdate() }) return } if (typeof options === 'function') { options = options.options } if (record.Ctor) { record.Ctor.options.render = options.render record.Ctor.options.staticRenderFns = options.staticRenderFns record.instances.slice().forEach(function (instance) { instance.$options.render = options.render instance.$options.staticRenderFns = options.staticRenderFns // reset static trees // pre 2.5, all static trees are cached together on the instance if (instance._staticTrees) { instance._staticTrees = [] } // 2.5.0 if (Array.isArray(record.Ctor.options.cached)) { record.Ctor.options.cached = [] } // 2.5.3 if (Array.isArray(instance.$options.cached)) { instance.$options.cached = [] } // post 2.5.4: v-once trees are cached on instance._staticTrees. // Pure static trees are cached on the staticRenderFns array // (both already reset above) // 2.6: temporarily mark rendered scoped slots as unstable so that // child components can be forced to update var restore = patchScopedSlots(instance) instance.$forceUpdate() instance.$nextTick(restore) }) } else { // functional or no instance created yet record.options.render = options.render record.options.staticRenderFns = options.staticRenderFns // handle functional component re-render if (record.options.functional) { // rerender with full options if (Object.keys(options).length > 2) { updateOptions(record.options, options) } else { // template-only rerender. // need to inject the style injection code for CSS modules // to work properly. var injectStyles = record.options._injectStyles if (injectStyles) { var render = options.render record.options.render = function (h, ctx) { injectStyles.call(ctx) return render(h, ctx) } } } record.options._Ctor = null // 2.5.3 if (Array.isArray(record.options.cached)) { record.options.cached = [] } record.instances.slice().forEach(function (instance) { instance.$forceUpdate() }) } } }) exports.reload = tryWrap(function (id, options) { var record = map[id] if (options) { if (typeof options === 'function') { options = options.options } makeOptionsHot(id, options) if (record.Ctor) { if (version[1] < 2) { // preserve pre 2.2 behavior for global mixin handling record.Ctor.extendOptions = options } var newCtor = record.Ctor.super.extend(options) record.Ctor.options = newCtor.options record.Ctor.cid = newCtor.cid record.Ctor.prototype = newCtor.prototype if (newCtor.release) { // temporary global mixin strategy used in < 2.0.0-alpha.6 newCtor.release() } } else { updateOptions(record.options, options) } } record.instances.slice().forEach(function (instance) { if (instance.$vnode && instance.$vnode.context) { instance.$vnode.context.$forceUpdate() } else { console.warn( 'Root or manually mounted instance modified. Full reload required.' ) } }) }) // 2.6 optimizes template-compiled scoped slots and skips updates if child // only uses scoped slots. We need to patch the scoped slots resolving helper // to temporarily mark all scoped slots as unstable in order to force child // updates. function patchScopedSlots (instance) { if (!instance._u) { return } // https://github.com/vuejs/vue/blob/dev/src/core/instance/render-helpers/resolve-scoped-slots.js var original = instance._u instance._u = function (slots) { try { // 2.6.4 ~ 2.6.6 return original(slots, true) } catch (e) { // 2.5 / >= 2.6.7 return original(slots, null, true) } } return function () { instance._u = original } } },{}],21:[function(require,module,exports){ /*! * vue-router v3.1.3 * (c) 2019 Evan You * @license MIT */ 'use strict'; /* */ function assert (condition, message) { if (!condition) { throw new Error(("[vue-router] " + message)) } } function warn (condition, message) { if ("production" !== 'production' && !condition) { typeof console !== 'undefined' && console.warn(("[vue-router] " + message)); } } function isError (err) { return Object.prototype.toString.call(err).indexOf('Error') > -1 } function isExtendedError (constructor, err) { return ( err instanceof constructor || // _name is to support IE9 too (err && (err.name === constructor.name || err._name === constructor._name)) ) } function extend (a, b) { for (var key in b) { a[key] = b[key]; } return a } var View = { name: 'RouterView', functional: true, props: { name: { type: String, default: 'default' } }, render: function render (_, ref) { var props = ref.props; var children = ref.children; var parent = ref.parent; var data = ref.data; // used by devtools to display a router-view badge data.routerView = true; // directly use parent context's createElement() function // so that components rendered by router-view can resolve named slots var h = parent.$createElement; var name = props.name; var route = parent.$route; var cache = parent._routerViewCache || (parent._routerViewCache = {}); // determine current view depth, also check to see if the tree // has been toggled inactive but kept-alive. var depth = 0; var inactive = false; while (parent && parent._routerRoot !== parent) { var vnodeData = parent.$vnode && parent.$vnode.data; if (vnodeData) { if (vnodeData.routerView) { depth++; } if (vnodeData.keepAlive && parent._inactive) { inactive = true; } } parent = parent.$parent; } data.routerViewDepth = depth; // render previous view if the tree is inactive and kept-alive if (inactive) { return h(cache[name], data, children) } var matched = route.matched[depth]; // render empty node if no matched route if (!matched) { cache[name] = null; return h() } var component = cache[name] = matched.components[name]; // attach instance registration hook // this will be called in the instance's injected lifecycle hooks data.registerRouteInstance = function (vm, val) { // val could be undefined for unregistration var current = matched.instances[name]; if ( (val && current !== vm) || (!val && current === vm) ) { matched.instances[name] = val; } } // also register instance in prepatch hook // in case the same component instance is reused across different routes ;(data.hook || (data.hook = {})).prepatch = function (_, vnode) { matched.instances[name] = vnode.componentInstance; }; // register instance in init hook // in case kept-alive component be actived when routes changed data.hook.init = function (vnode) { if (vnode.data.keepAlive && vnode.componentInstance && vnode.componentInstance !== matched.instances[name] ) { matched.instances[name] = vnode.componentInstance; } }; // resolve props var propsToPass = data.props = resolveProps(route, matched.props && matched.props[name]); if (propsToPass) { // clone to prevent mutation propsToPass = data.props = extend({}, propsToPass); // pass non-declared props as attrs var attrs = data.attrs = data.attrs || {}; for (var key in propsToPass) { if (!component.props || !(key in component.props)) { attrs[key] = propsToPass[key]; delete propsToPass[key]; } } } return h(component, data, children) } }; function resolveProps (route, config) { switch (typeof config) { case 'undefined': return case 'object': return config case 'function': return config(route) case 'boolean': return config ? route.params : undefined default: if ("production" !== 'production') { warn( false, "props in \"" + (route.path) + "\" is a " + (typeof config) + ", " + "expecting an object, function or boolean." ); } } } /* */ var encodeReserveRE = /[!'()*]/g; var encodeReserveReplacer = function (c) { return '%' + c.charCodeAt(0).toString(16); }; var commaRE = /%2C/g; // fixed encodeURIComponent which is more conformant to RFC3986: // - escapes [!'()*] // - preserve commas var encode = function (str) { return encodeURIComponent(str) .replace(encodeReserveRE, encodeReserveReplacer) .replace(commaRE, ','); }; var decode = decodeURIComponent; function resolveQuery ( query, extraQuery, _parseQuery ) { if ( extraQuery === void 0 ) extraQuery = {}; var parse = _parseQuery || parseQuery; var parsedQuery; try { parsedQuery = parse(query || ''); } catch (e) { "production" !== 'production' && warn(false, e.message); parsedQuery = {}; } for (var key in extraQuery) { parsedQuery[key] = extraQuery[key]; } return parsedQuery } function parseQuery (query) { var res = {}; query = query.trim().replace(/^(\?|#|&)/, ''); if (!query) { return res } query.split('&').forEach(function (param) { var parts = param.replace(/\+/g, ' ').split('='); var key = decode(parts.shift()); var val = parts.length > 0 ? decode(parts.join('=')) : null; if (res[key] === undefined) { res[key] = val; } else if (Array.isArray(res[key])) { res[key].push(val); } else { res[key] = [res[key], val]; } }); return res } function stringifyQuery (obj) { var res = obj ? Object.keys(obj).map(function (key) { var val = obj[key]; if (val === undefined) { return '' } if (val === null) { return encode(key) } if (Array.isArray(val)) { var result = []; val.forEach(function (val2) { if (val2 === undefined) { return } if (val2 === null) { result.push(encode(key)); } else { result.push(encode(key) + '=' + encode(val2)); } }); return result.join('&') } return encode(key) + '=' + encode(val) }).filter(function (x) { return x.length > 0; }).join('&') : null; return res ? ("?" + res) : '' } /* */ var trailingSlashRE = /\/?$/; function createRoute ( record, location, redirectedFrom, router ) { var stringifyQuery = router && router.options.stringifyQuery; var query = location.query || {}; try { query = clone(query); } catch (e) {} var route = { name: location.name || (record && record.name), meta: (record && record.meta) || {}, path: location.path || '/', hash: location.hash || '', query: query, params: location.params || {}, fullPath: getFullPath(location, stringifyQuery), matched: record ? formatMatch(record) : [] }; if (redirectedFrom) { route.redirectedFrom = getFullPath(redirectedFrom, stringifyQuery); } return Object.freeze(route) } function clone (value) { if (Array.isArray(value)) { return value.map(clone) } else if (value && typeof value === 'object') { var res = {}; for (var key in value) { res[key] = clone(value[key]); } return res } else { return value } } // the starting route that represents the initial state var START = createRoute(null, { path: '/' }); function formatMatch (record) { var res = []; while (record) { res.unshift(record); record = record.parent; } return res } function getFullPath ( ref, _stringifyQuery ) { var path = ref.path; var query = ref.query; if ( query === void 0 ) query = {}; var hash = ref.hash; if ( hash === void 0 ) hash = ''; var stringify = _stringifyQuery || stringifyQuery; return (path || '/') + stringify(query) + hash } function isSameRoute (a, b) { if (b === START) { return a === b } else if (!b) { return false } else if (a.path && b.path) { return ( a.path.replace(trailingSlashRE, '') === b.path.replace(trailingSlashRE, '') && a.hash === b.hash && isObjectEqual(a.query, b.query) ) } else if (a.name && b.name) { return ( a.name === b.name && a.hash === b.hash && isObjectEqual(a.query, b.query) && isObjectEqual(a.params, b.params) ) } else { return false } } function isObjectEqual (a, b) { if ( a === void 0 ) a = {}; if ( b === void 0 ) b = {}; // handle null value #1566 if (!a || !b) { return a === b } var aKeys = Object.keys(a); var bKeys = Object.keys(b); if (aKeys.length !== bKeys.length) { return false } return aKeys.every(function (key) { var aVal = a[key]; var bVal = b[key]; // check nested equality if (typeof aVal === 'object' && typeof bVal === 'object') { return isObjectEqual(aVal, bVal) } return String(aVal) === String(bVal) }) } function isIncludedRoute (current, target) { return ( current.path.replace(trailingSlashRE, '/').indexOf( target.path.replace(trailingSlashRE, '/') ) === 0 && (!target.hash || current.hash === target.hash) && queryIncludes(current.query, target.query) ) } function queryIncludes (current, target) { for (var key in target) { if (!(key in current)) { return false } } return true } /* */ function resolvePath ( relative, base, append ) { var firstChar = relative.charAt(0); if (firstChar === '/') { return relative } if (firstChar === '?' || firstChar === '#') { return base + relative } var stack = base.split('/'); // remove trailing segment if: // - not appending // - appending to trailing slash (last segment is empty) if (!append || !stack[stack.length - 1]) { stack.pop(); } // resolve relative path var segments = relative.replace(/^\//, '').split('/'); for (var i = 0; i < segments.length; i++) { var segment = segments[i]; if (segment === '..') { stack.pop(); } else if (segment !== '.') { stack.push(segment); } } // ensure leading slash if (stack[0] !== '') { stack.unshift(''); } return stack.join('/') } function parsePath (path) { var hash = ''; var query = ''; var hashIndex = path.indexOf('#'); if (hashIndex >= 0) { hash = path.slice(hashIndex); path = path.slice(0, hashIndex); } var queryIndex = path.indexOf('?'); if (queryIndex >= 0) { query = path.slice(queryIndex + 1); path = path.slice(0, queryIndex); } return { path: path, query: query, hash: hash } } function cleanPath (path) { return path.replace(/\/\//g, '/') } var isarray = Array.isArray || function (arr) { return Object.prototype.toString.call(arr) == '[object Array]'; }; /** * Expose `pathToRegexp`. */ var pathToRegexp_1 = pathToRegexp; var parse_1 = parse; var compile_1 = compile; var tokensToFunction_1 = tokensToFunction; var tokensToRegExp_1 = tokensToRegExp; /** * The main path matching regexp utility. * * @type {RegExp} */ var PATH_REGEXP = new RegExp([ // Match escaped characters that would otherwise appear in future matches. // This allows the user to escape special characters that won't transform. '(\\\\.)', // Match Express-style parameters and un-named parameters with a prefix // and optional suffixes. Matches appear as: // // "/:test(\\d+)?" => ["/", "test", "\d+", undefined, "?", undefined] // "/route(\\d+)" => [undefined, undefined, undefined, "\d+", undefined, undefined] // "/*" => ["/", undefined, undefined, undefined, undefined, "*"] '([\\/.])?(?:(?:\\:(\\w+)(?:\\(((?:\\\\.|[^\\\\()])+)\\))?|\\(((?:\\\\.|[^\\\\()])+)\\))([+*?])?|(\\*))' ].join('|'), 'g'); /** * Parse a string for the raw tokens. * * @param {string} str * @param {Object=} options * @return {!Array} */ function parse (str, options) { var tokens = []; var key = 0; var index = 0; var path = ''; var defaultDelimiter = options && options.delimiter || '/'; var res; while ((res = PATH_REGEXP.exec(str)) != null) { var m = res[0]; var escaped = res[1]; var offset = res.index; path += str.slice(index, offset); index = offset + m.length; // Ignore already escaped sequences. if (escaped) { path += escaped[1]; continue } var next = str[index]; var prefix = res[2]; var name = res[3]; var capture = res[4]; var group = res[5]; var modifier = res[6]; var asterisk = res[7]; // Push the current path onto the tokens. if (path) { tokens.push(path); path = ''; } var partial = prefix != null && next != null && next !== prefix; var repeat = modifier === '+' || modifier === '*'; var optional = modifier === '?' || modifier === '*'; var delimiter = res[2] || defaultDelimiter; var pattern = capture || group; tokens.push({ name: name || key++, prefix: prefix || '', delimiter: delimiter, optional: optional, repeat: repeat, partial: partial, asterisk: !!asterisk, pattern: pattern ? escapeGroup(pattern) : (asterisk ? '.*' : '[^' + escapeString(delimiter) + ']+?') }); } // Match any characters still remaining. if (index < str.length) { path += str.substr(index); } // If the path exists, push it onto the end. if (path) { tokens.push(path); } return tokens } /** * Compile a string to a template function for the path. * * @param {string} str * @param {Object=} options * @return {!function(Object=, Object=)} */ function compile (str, options) { return tokensToFunction(parse(str, options)) } /** * Prettier encoding of URI path segments. * * @param {string} * @return {string} */ function encodeURIComponentPretty (str) { return encodeURI(str).replace(/[\/?#]/g, function (c) { return '%' + c.charCodeAt(0).toString(16).toUpperCase() }) } /** * Encode the asterisk parameter. Similar to `pretty`, but allows slashes. * * @param {string} * @return {string} */ function encodeAsterisk (str) { return encodeURI(str).replace(/[?#]/g, function (c) { return '%' + c.charCodeAt(0).toString(16).toUpperCase() }) } /** * Expose a method for transforming tokens into the path function. */ function tokensToFunction (tokens) { // Compile all the tokens into regexps. var matches = new Array(tokens.length); // Compile all the patterns before compilation. for (var i = 0; i < tokens.length; i++) { if (typeof tokens[i] === 'object') { matches[i] = new RegExp('^(?:' + tokens[i].pattern + ')$'); } } return function (obj, opts) { var path = ''; var data = obj || {}; var options = opts || {}; var encode = options.pretty ? encodeURIComponentPretty : encodeURIComponent; for (var i = 0; i < tokens.length; i++) { var token = tokens[i]; if (typeof token === 'string') { path += token; continue } var value = data[token.name]; var segment; if (value == null) { if (token.optional) { // Prepend partial segment prefixes. if (token.partial) { path += token.prefix; } continue } else { throw new TypeError('Expected "' + token.name + '" to be defined') } } if (isarray(value)) { if (!token.repeat) { throw new TypeError('Expected "' + token.name + '" to not repeat, but received `' + JSON.stringify(value) + '`') } if (value.length === 0) { if (token.optional) { continue } else { throw new TypeError('Expected "' + token.name + '" to not be empty') } } for (var j = 0; j < value.length; j++) { segment = encode(value[j]); if (!matches[i].test(segment)) { throw new TypeError('Expected all "' + token.name + '" to match "' + token.pattern + '", but received `' + JSON.stringify(segment) + '`') } path += (j === 0 ? token.prefix : token.delimiter) + segment; } continue } segment = token.asterisk ? encodeAsterisk(value) : encode(value); if (!matches[i].test(segment)) { throw new TypeError('Expected "' + token.name + '" to match "' + token.pattern + '", but received "' + segment + '"') } path += token.prefix + segment; } return path } } /** * Escape a regular expression string. * * @param {string} str * @return {string} */ function escapeString (str) { return str.replace(/([.+*?=^!:${}()[\]|\/\\])/g, '\\$1') } /** * Escape the capturing group by escaping special characters and meaning. * * @param {string} group * @return {string} */ function escapeGroup (group) { return group.replace(/([=!:$\/()])/g, '\\$1') } /** * Attach the keys as a property of the regexp. * * @param {!RegExp} re * @param {Array} keys * @return {!RegExp} */ function attachKeys (re, keys) { re.keys = keys; return re } /** * Get the flags for a regexp from the options. * * @param {Object} options * @return {string} */ function flags (options) { return options.sensitive ? '' : 'i' } /** * Pull out keys from a regexp. * * @param {!RegExp} path * @param {!Array} keys * @return {!RegExp} */ function regexpToRegexp (path, keys) { // Use a negative lookahead to match only capturing groups. var groups = path.source.match(/\((?!\?)/g); if (groups) { for (var i = 0; i < groups.length; i++) { keys.push({ name: i, prefix: null, delimiter: null, optional: false, repeat: false, partial: false, asterisk: false, pattern: null }); } } return attachKeys(path, keys) } /** * Transform an array into a regexp. * * @param {!Array} path * @param {Array} keys * @param {!Object} options * @return {!RegExp} */ function arrayToRegexp (path, keys, options) { var parts = []; for (var i = 0; i < path.length; i++) { parts.push(pathToRegexp(path[i], keys, options).source); } var regexp = new RegExp('(?:' + parts.join('|') + ')', flags(options)); return attachKeys(regexp, keys) } /** * Create a path regexp from string input. * * @param {string} path * @param {!Array} keys * @param {!Object} options * @return {!RegExp} */ function stringToRegexp (path, keys, options) { return tokensToRegExp(parse(path, options), keys, options) } /** * Expose a function for taking tokens and returning a RegExp. * * @param {!Array} tokens * @param {(Array|Object)=} keys * @param {Object=} options * @return {!RegExp} */ function tokensToRegExp (tokens, keys, options) { if (!isarray(keys)) { options = /** @type {!Object} */ (keys || options); keys = []; } options = options || {}; var strict = options.strict; var end = options.end !== false; var route = ''; // Iterate over the tokens and create our regexp string. for (var i = 0; i < tokens.length; i++) { var token = tokens[i]; if (typeof token === 'string') { route += escapeString(token); } else { var prefix = escapeString(token.prefix); var capture = '(?:' + token.pattern + ')'; keys.push(token); if (token.repeat) { capture += '(?:' + prefix + capture + ')*'; } if (token.optional) { if (!token.partial) { capture = '(?:' + prefix + '(' + capture + '))?'; } else { capture = prefix + '(' + capture + ')?'; } } else { capture = prefix + '(' + capture + ')'; } route += capture; } } var delimiter = escapeString(options.delimiter || '/'); var endsWithDelimiter = route.slice(-delimiter.length) === delimiter; // In non-strict mode we allow a slash at the end of match. If the path to // match already ends with a slash, we remove it for consistency. The slash // is valid at the end of a path match, not in the middle. This is important // in non-ending mode, where "/test/" shouldn't match "/test//route". if (!strict) { route = (endsWithDelimiter ? route.slice(0, -delimiter.length) : route) + '(?:' + delimiter + '(?=$))?'; } if (end) { route += '$'; } else { // In non-ending mode, we need the capturing groups to match as much as // possible by using a positive lookahead to the end or next path segment. route += strict && endsWithDelimiter ? '' : '(?=' + delimiter + '|$)'; } return attachKeys(new RegExp('^' + route, flags(options)), keys) } /** * Normalize the given path string, returning a regular expression. * * An empty array can be passed in for the keys, which will hold the * placeholder key descriptions. For example, using `/user/:id`, `keys` will * contain `[{ name: 'id', delimiter: '/', optional: false, repeat: false }]`. * * @param {(string|RegExp|Array)} path * @param {(Array|Object)=} keys * @param {Object=} options * @return {!RegExp} */ function pathToRegexp (path, keys, options) { if (!isarray(keys)) { options = /** @type {!Object} */ (keys || options); keys = []; } options = options || {}; if (path instanceof RegExp) { return regexpToRegexp(path, /** @type {!Array} */ (keys)) } if (isarray(path)) { return arrayToRegexp(/** @type {!Array} */ (path), /** @type {!Array} */ (keys), options) } return stringToRegexp(/** @type {string} */ (path), /** @type {!Array} */ (keys), options) } pathToRegexp_1.parse = parse_1; pathToRegexp_1.compile = compile_1; pathToRegexp_1.tokensToFunction = tokensToFunction_1; pathToRegexp_1.tokensToRegExp = tokensToRegExp_1; /* */ // $flow-disable-line var regexpCompileCache = Object.create(null); function fillParams ( path, params, routeMsg ) { params = params || {}; try { var filler = regexpCompileCache[path] || (regexpCompileCache[path] = pathToRegexp_1.compile(path)); // Fix #2505 resolving asterisk routes { name: 'not-found', params: { pathMatch: '/not-found' }} if (params.pathMatch) { params[0] = params.pathMatch; } return filler(params, { pretty: true }) } catch (e) { if ("production" !== 'production') { warn(false, ("missing param for " + routeMsg + ": " + (e.message))); } return '' } finally { // delete the 0 if it was added delete params[0]; } } /* */ function normalizeLocation ( raw, current, append, router ) { var next = typeof raw === 'string' ? { path: raw } : raw; // named target if (next._normalized) { return next } else if (next.name) { return extend({}, raw) } // relative params if (!next.path && next.params && current) { next = extend({}, next); next._normalized = true; var params = extend(extend({}, current.params), next.params); if (current.name) { next.name = current.name; next.params = params; } else if (current.matched.length) { var rawPath = current.matched[current.matched.length - 1].path; next.path = fillParams(rawPath, params, ("path " + (current.path))); } else if ("production" !== 'production') { warn(false, "relative params navigation requires a current route."); } return next } var parsedPath = parsePath(next.path || ''); var basePath = (current && current.path) || '/'; var path = parsedPath.path ? resolvePath(parsedPath.path, basePath, append || next.append) : basePath; var query = resolveQuery( parsedPath.query, next.query, router && router.options.parseQuery ); var hash = next.hash || parsedPath.hash; if (hash && hash.charAt(0) !== '#') { hash = "#" + hash; } return { _normalized: true, path: path, query: query, hash: hash } } /* */ // work around weird flow bug var toTypes = [String, Object]; var eventTypes = [String, Array]; var noop = function () {}; var Link = { name: 'RouterLink', props: { to: { type: toTypes, required: true }, tag: { type: String, default: 'a' }, exact: Boolean, append: Boolean, replace: Boolean, activeClass: String, exactActiveClass: String, event: { type: eventTypes, default: 'click' } }, render: function render (h) { var this$1 = this; var router = this.$router; var current = this.$route; var ref = router.resolve( this.to, current, this.append ); var location = ref.location; var route = ref.route; var href = ref.href; var classes = {}; var globalActiveClass = router.options.linkActiveClass; var globalExactActiveClass = router.options.linkExactActiveClass; // Support global empty active class var activeClassFallback = globalActiveClass == null ? 'router-link-active' : globalActiveClass; var exactActiveClassFallback = globalExactActiveClass == null ? 'router-link-exact-active' : globalExactActiveClass; var activeClass = this.activeClass == null ? activeClassFallback : this.activeClass; var exactActiveClass = this.exactActiveClass == null ? exactActiveClassFallback : this.exactActiveClass; var compareTarget = route.redirectedFrom ? createRoute(null, normalizeLocation(route.redirectedFrom), null, router) : route; classes[exactActiveClass] = isSameRoute(current, compareTarget); classes[activeClass] = this.exact ? classes[exactActiveClass] : isIncludedRoute(current, compareTarget); var handler = function (e) { if (guardEvent(e)) { if (this$1.replace) { router.replace(location, noop); } else { router.push(location, noop); } } }; var on = { click: guardEvent }; if (Array.isArray(this.event)) { this.event.forEach(function (e) { on[e] = handler; }); } else { on[this.event] = handler; } var data = { class: classes }; var scopedSlot = !this.$scopedSlots.$hasNormal && this.$scopedSlots.default && this.$scopedSlots.default({ href: href, route: route, navigate: handler, isActive: classes[activeClass], isExactActive: classes[exactActiveClass] }); if (scopedSlot) { if (scopedSlot.length === 1) { return scopedSlot[0] } else if (scopedSlot.length > 1 || !scopedSlot.length) { if ("production" !== 'production') { warn( false, ("RouterLink with to=\"" + (this.props.to) + "\" is trying to use a scoped slot but it didn't provide exactly one child.") ); } return scopedSlot.length === 0 ? h() : h('span', {}, scopedSlot) } } if (this.tag === 'a') { data.on = on; data.attrs = { href: href }; } else { // find the first child and apply listener and href var a = findAnchor(this.$slots.default); if (a) { // in case the is a static node a.isStatic = false; var aData = (a.data = extend({}, a.data)); aData.on = aData.on || {}; // transform existing events in both objects into arrays so we can push later for (var event in aData.on) { var handler$1 = aData.on[event]; if (event in on) { aData.on[event] = Array.isArray(handler$1) ? handler$1 : [handler$1]; } } // append new listeners for router-link for (var event$1 in on) { if (event$1 in aData.on) { // on[event] is always a function aData.on[event$1].push(on[event$1]); } else { aData.on[event$1] = handler; } } var aAttrs = (a.data.attrs = extend({}, a.data.attrs)); aAttrs.href = href; } else { // doesn't have child, apply listener to self data.on = on; } } return h(this.tag, data, this.$slots.default) } }; function guardEvent (e) { // don't redirect with control keys if (e.metaKey || e.altKey || e.ctrlKey || e.shiftKey) { return } // don't redirect when preventDefault called if (e.defaultPrevented) { return } // don't redirect on right click if (e.button !== undefined && e.button !== 0) { return } // don't redirect if `target="_blank"` if (e.currentTarget && e.currentTarget.getAttribute) { var target = e.currentTarget.getAttribute('target'); if (/\b_blank\b/i.test(target)) { return } } // this may be a Weex event which doesn't have this method if (e.preventDefault) { e.preventDefault(); } return true } function findAnchor (children) { if (children) { var child; for (var i = 0; i < children.length; i++) { child = children[i]; if (child.tag === 'a') { return child } if (child.children && (child = findAnchor(child.children))) { return child } } } } var _Vue; function install (Vue) { if (install.installed && _Vue === Vue) { return } install.installed = true; _Vue = Vue; var isDef = function (v) { return v !== undefined; }; var registerInstance = function (vm, callVal) { var i = vm.$options._parentVnode; if (isDef(i) && isDef(i = i.data) && isDef(i = i.registerRouteInstance)) { i(vm, callVal); } }; Vue.mixin({ beforeCreate: function beforeCreate () { if (isDef(this.$options.router)) { this._routerRoot = this; this._router = this.$options.router; this._router.init(this); Vue.util.defineReactive(this, '_route', this._router.history.current); } else { this._routerRoot = (this.$parent && this.$parent._routerRoot) || this; } registerInstance(this, this); }, destroyed: function destroyed () { registerInstance(this); } }); Object.defineProperty(Vue.prototype, '$router', { get: function get () { return this._routerRoot._router } }); Object.defineProperty(Vue.prototype, '$route', { get: function get () { return this._routerRoot._route } }); Vue.component('RouterView', View); Vue.component('RouterLink', Link); var strats = Vue.config.optionMergeStrategies; // use the same hook merging strategy for route hooks strats.beforeRouteEnter = strats.beforeRouteLeave = strats.beforeRouteUpdate = strats.created; } /* */ var inBrowser = typeof window !== 'undefined'; /* */ function createRouteMap ( routes, oldPathList, oldPathMap, oldNameMap ) { // the path list is used to control path matching priority var pathList = oldPathList || []; // $flow-disable-line var pathMap = oldPathMap || Object.create(null); // $flow-disable-line var nameMap = oldNameMap || Object.create(null); routes.forEach(function (route) { addRouteRecord(pathList, pathMap, nameMap, route); }); // ensure wildcard routes are always at the end for (var i = 0, l = pathList.length; i < l; i++) { if (pathList[i] === '*') { pathList.push(pathList.splice(i, 1)[0]); l--; i--; } } if ("production" === 'development') { // warn if routes do not include leading slashes var found = pathList // check for missing leading slash .filter(function (path) { return path && path.charAt(0) !== '*' && path.charAt(0) !== '/'; }); if (found.length > 0) { var pathNames = found.map(function (path) { return ("- " + path); }).join('\n'); warn(false, ("Non-nested routes must include a leading slash character. Fix the following routes: \n" + pathNames)); } } return { pathList: pathList, pathMap: pathMap, nameMap: nameMap } } function addRouteRecord ( pathList, pathMap, nameMap, route, parent, matchAs ) { var path = route.path; var name = route.name; if ("production" !== 'production') { assert(path != null, "\"path\" is required in a route configuration."); assert( typeof route.component !== 'string', "route config \"component\" for path: " + (String( path || name )) + " cannot be a " + "string id. Use an actual component instead." ); } var pathToRegexpOptions = route.pathToRegexpOptions || {}; var normalizedPath = normalizePath(path, parent, pathToRegexpOptions.strict); if (typeof route.caseSensitive === 'boolean') { pathToRegexpOptions.sensitive = route.caseSensitive; } var record = { path: normalizedPath, regex: compileRouteRegex(normalizedPath, pathToRegexpOptions), components: route.components || { default: route.component }, instances: {}, name: name, parent: parent, matchAs: matchAs, redirect: route.redirect, beforeEnter: route.beforeEnter, meta: route.meta || {}, props: route.props == null ? {} : route.components ? route.props : { default: route.props } }; if (route.children) { // Warn if route is named, does not redirect and has a default child route. // If users navigate to this route by name, the default child will // not be rendered (GH Issue #629) if ("production" !== 'production') { if ( route.name && !route.redirect && route.children.some(function (child) { return /^\/?$/.test(child.path); }) ) { warn( false, "Named Route '" + (route.name) + "' has a default child route. " + "When navigating to this named route (:to=\"{name: '" + (route.name) + "'\"), " + "the default child route will not be rendered. Remove the name from " + "this route and use the name of the default child route for named " + "links instead." ); } } route.children.forEach(function (child) { var childMatchAs = matchAs ? cleanPath((matchAs + "/" + (child.path))) : undefined; addRouteRecord(pathList, pathMap, nameMap, child, record, childMatchAs); }); } if (!pathMap[record.path]) { pathList.push(record.path); pathMap[record.path] = record; } if (route.alias !== undefined) { var aliases = Array.isArray(route.alias) ? route.alias : [route.alias]; for (var i = 0; i < aliases.length; ++i) { var alias = aliases[i]; if ("production" !== 'production' && alias === path) { warn( false, ("Found an alias with the same value as the path: \"" + path + "\". You have to remove that alias. It will be ignored in development.") ); // skip in dev to make it work continue } var aliasRoute = { path: alias, children: route.children }; addRouteRecord( pathList, pathMap, nameMap, aliasRoute, parent, record.path || '/' // matchAs ); } } if (name) { if (!nameMap[name]) { nameMap[name] = record; } else if ("production" !== 'production' && !matchAs) { warn( false, "Duplicate named routes definition: " + "{ name: \"" + name + "\", path: \"" + (record.path) + "\" }" ); } } } function compileRouteRegex ( path, pathToRegexpOptions ) { var regex = pathToRegexp_1(path, [], pathToRegexpOptions); if ("production" !== 'production') { var keys = Object.create(null); regex.keys.forEach(function (key) { warn( !keys[key.name], ("Duplicate param keys in route with path: \"" + path + "\"") ); keys[key.name] = true; }); } return regex } function normalizePath ( path, parent, strict ) { if (!strict) { path = path.replace(/\/$/, ''); } if (path[0] === '/') { return path } if (parent == null) { return path } return cleanPath(((parent.path) + "/" + path)) } /* */ function createMatcher ( routes, router ) { var ref = createRouteMap(routes); var pathList = ref.pathList; var pathMap = ref.pathMap; var nameMap = ref.nameMap; function addRoutes (routes) { createRouteMap(routes, pathList, pathMap, nameMap); } function match ( raw, currentRoute, redirectedFrom ) { var location = normalizeLocation(raw, currentRoute, false, router); var name = location.name; if (name) { var record = nameMap[name]; if ("production" !== 'production') { warn(record, ("Route with name '" + name + "' does not exist")); } if (!record) { return _createRoute(null, location) } var paramNames = record.regex.keys .filter(function (key) { return !key.optional; }) .map(function (key) { return key.name; }); if (typeof location.params !== 'object') { location.params = {}; } if (currentRoute && typeof currentRoute.params === 'object') { for (var key in currentRoute.params) { if (!(key in location.params) && paramNames.indexOf(key) > -1) { location.params[key] = currentRoute.params[key]; } } } location.path = fillParams(record.path, location.params, ("named route \"" + name + "\"")); return _createRoute(record, location, redirectedFrom) } else if (location.path) { location.params = {}; for (var i = 0; i < pathList.length; i++) { var path = pathList[i]; var record$1 = pathMap[path]; if (matchRoute(record$1.regex, location.path, location.params)) { return _createRoute(record$1, location, redirectedFrom) } } } // no match return _createRoute(null, location) } function redirect ( record, location ) { var originalRedirect = record.redirect; var redirect = typeof originalRedirect === 'function' ? originalRedirect(createRoute(record, location, null, router)) : originalRedirect; if (typeof redirect === 'string') { redirect = { path: redirect }; } if (!redirect || typeof redirect !== 'object') { if ("production" !== 'production') { warn( false, ("invalid redirect option: " + (JSON.stringify(redirect))) ); } return _createRoute(null, location) } var re = redirect; var name = re.name; var path = re.path; var query = location.query; var hash = location.hash; var params = location.params; query = re.hasOwnProperty('query') ? re.query : query; hash = re.hasOwnProperty('hash') ? re.hash : hash; params = re.hasOwnProperty('params') ? re.params : params; if (name) { // resolved named direct var targetRecord = nameMap[name]; if ("production" !== 'production') { assert(targetRecord, ("redirect failed: named route \"" + name + "\" not found.")); } return match({ _normalized: true, name: name, query: query, hash: hash, params: params }, undefined, location) } else if (path) { // 1. resolve relative redirect var rawPath = resolveRecordPath(path, record); // 2. resolve params var resolvedPath = fillParams(rawPath, params, ("redirect route with path \"" + rawPath + "\"")); // 3. rematch with existing query and hash return match({ _normalized: true, path: resolvedPath, query: query, hash: hash }, undefined, location) } else { if ("production" !== 'production') { warn(false, ("invalid redirect option: " + (JSON.stringify(redirect)))); } return _createRoute(null, location) } } function alias ( record, location, matchAs ) { var aliasedPath = fillParams(matchAs, location.params, ("aliased route with path \"" + matchAs + "\"")); var aliasedMatch = match({ _normalized: true, path: aliasedPath }); if (aliasedMatch) { var matched = aliasedMatch.matched; var aliasedRecord = matched[matched.length - 1]; location.params = aliasedMatch.params; return _createRoute(aliasedRecord, location) } return _createRoute(null, location) } function _createRoute ( record, location, redirectedFrom ) { if (record && record.redirect) { return redirect(record, redirectedFrom || location) } if (record && record.matchAs) { return alias(record, location, record.matchAs) } return createRoute(record, location, redirectedFrom, router) } return { match: match, addRoutes: addRoutes } } function matchRoute ( regex, path, params ) { var m = path.match(regex); if (!m) { return false } else if (!params) { return true } for (var i = 1, len = m.length; i < len; ++i) { var key = regex.keys[i - 1]; var val = typeof m[i] === 'string' ? decodeURIComponent(m[i]) : m[i]; if (key) { // Fix #1994: using * with props: true generates a param named 0 params[key.name || 'pathMatch'] = val; } } return true } function resolveRecordPath (path, record) { return resolvePath(path, record.parent ? record.parent.path : '/', true) } /* */ // use User Timing api (if present) for more accurate key precision var Time = inBrowser && window.performance && window.performance.now ? window.performance : Date; function genStateKey () { return Time.now().toFixed(3) } var _key = genStateKey(); function getStateKey () { return _key } function setStateKey (key) { return (_key = key) } /* */ var positionStore = Object.create(null); function setupScroll () { // Fix for #1585 for Firefox // Fix for #2195 Add optional third attribute to workaround a bug in safari https://bugs.webkit.org/show_bug.cgi?id=182678 // Fix for #2774 Support for apps loaded from Windows file shares not mapped to network drives: replaced location.origin with // window.location.protocol + '//' + window.location.host // location.host contains the port and location.hostname doesn't var protocolAndPath = window.location.protocol + '//' + window.location.host; var absolutePath = window.location.href.replace(protocolAndPath, ''); window.history.replaceState({ key: getStateKey() }, '', absolutePath); window.addEventListener('popstate', function (e) { saveScrollPosition(); if (e.state && e.state.key) { setStateKey(e.state.key); } }); } function handleScroll ( router, to, from, isPop ) { if (!router.app) { return } var behavior = router.options.scrollBehavior; if (!behavior) { return } if ("production" !== 'production') { assert(typeof behavior === 'function', "scrollBehavior must be a function"); } // wait until re-render finishes before scrolling router.app.$nextTick(function () { var position = getScrollPosition(); var shouldScroll = behavior.call( router, to, from, isPop ? position : null ); if (!shouldScroll) { return } if (typeof shouldScroll.then === 'function') { shouldScroll .then(function (shouldScroll) { scrollToPosition((shouldScroll), position); }) .catch(function (err) { if ("production" !== 'production') { assert(false, err.toString()); } }); } else { scrollToPosition(shouldScroll, position); } }); } function saveScrollPosition () { var key = getStateKey(); if (key) { positionStore[key] = { x: window.pageXOffset, y: window.pageYOffset }; } } function getScrollPosition () { var key = getStateKey(); if (key) { return positionStore[key] } } function getElementPosition (el, offset) { var docEl = document.documentElement; var docRect = docEl.getBoundingClientRect(); var elRect = el.getBoundingClientRect(); return { x: elRect.left - docRect.left - offset.x, y: elRect.top - docRect.top - offset.y } } function isValidPosition (obj) { return isNumber(obj.x) || isNumber(obj.y) } function normalizePosition (obj) { return { x: isNumber(obj.x) ? obj.x : window.pageXOffset, y: isNumber(obj.y) ? obj.y : window.pageYOffset } } function normalizeOffset (obj) { return { x: isNumber(obj.x) ? obj.x : 0, y: isNumber(obj.y) ? obj.y : 0 } } function isNumber (v) { return typeof v === 'number' } var hashStartsWithNumberRE = /^#\d/; function scrollToPosition (shouldScroll, position) { var isObject = typeof shouldScroll === 'object'; if (isObject && typeof shouldScroll.selector === 'string') { // getElementById would still fail if the selector contains a more complicated query like #main[data-attr] // but at the same time, it doesn't make much sense to select an element with an id and an extra selector var el = hashStartsWithNumberRE.test(shouldScroll.selector) // $flow-disable-line ? document.getElementById(shouldScroll.selector.slice(1)) // $flow-disable-line : document.querySelector(shouldScroll.selector); if (el) { var offset = shouldScroll.offset && typeof shouldScroll.offset === 'object' ? shouldScroll.offset : {}; offset = normalizeOffset(offset); position = getElementPosition(el, offset); } else if (isValidPosition(shouldScroll)) { position = normalizePosition(shouldScroll); } } else if (isObject && isValidPosition(shouldScroll)) { position = normalizePosition(shouldScroll); } if (position) { window.scrollTo(position.x, position.y); } } /* */ var supportsPushState = inBrowser && (function () { var ua = window.navigator.userAgent; if ( (ua.indexOf('Android 2.') !== -1 || ua.indexOf('Android 4.0') !== -1) && ua.indexOf('Mobile Safari') !== -1 && ua.indexOf('Chrome') === -1 && ua.indexOf('Windows Phone') === -1 ) { return false } return window.history && 'pushState' in window.history })(); function pushState (url, replace) { saveScrollPosition(); // try...catch the pushState call to get around Safari // DOM Exception 18 where it limits to 100 pushState calls var history = window.history; try { if (replace) { history.replaceState({ key: getStateKey() }, '', url); } else { history.pushState({ key: setStateKey(genStateKey()) }, '', url); } } catch (e) { window.location[replace ? 'replace' : 'assign'](url); } } function replaceState (url) { pushState(url, true); } /* */ function runQueue (queue, fn, cb) { var step = function (index) { if (index >= queue.length) { cb(); } else { if (queue[index]) { fn(queue[index], function () { step(index + 1); }); } else { step(index + 1); } } }; step(0); } /* */ function resolveAsyncComponents (matched) { return function (to, from, next) { var hasAsync = false; var pending = 0; var error = null; flatMapComponents(matched, function (def, _, match, key) { // if it's a function and doesn't have cid attached, // assume it's an async component resolve function. // we are not using Vue's default async resolving mechanism because // we want to halt the navigation until the incoming component has been // resolved. if (typeof def === 'function' && def.cid === undefined) { hasAsync = true; pending++; var resolve = once(function (resolvedDef) { if (isESModule(resolvedDef)) { resolvedDef = resolvedDef.default; } // save resolved on async factory in case it's used elsewhere def.resolved = typeof resolvedDef === 'function' ? resolvedDef : _Vue.extend(resolvedDef); match.components[key] = resolvedDef; pending--; if (pending <= 0) { next(); } }); var reject = once(function (reason) { var msg = "Failed to resolve async component " + key + ": " + reason; "production" !== 'production' && warn(false, msg); if (!error) { error = isError(reason) ? reason : new Error(msg); next(error); } }); var res; try { res = def(resolve, reject); } catch (e) { reject(e); } if (res) { if (typeof res.then === 'function') { res.then(resolve, reject); } else { // new syntax in Vue 2.3 var comp = res.component; if (comp && typeof comp.then === 'function') { comp.then(resolve, reject); } } } } }); if (!hasAsync) { next(); } } } function flatMapComponents ( matched, fn ) { return flatten(matched.map(function (m) { return Object.keys(m.components).map(function (key) { return fn( m.components[key], m.instances[key], m, key ); }) })) } function flatten (arr) { return Array.prototype.concat.apply([], arr) } var hasSymbol = typeof Symbol === 'function' && typeof Symbol.toStringTag === 'symbol'; function isESModule (obj) { return obj.__esModule || (hasSymbol && obj[Symbol.toStringTag] === 'Module') } // in Webpack 2, require.ensure now also returns a Promise // so the resolve/reject functions may get called an extra time // if the user uses an arrow function shorthand that happens to // return that Promise. function once (fn) { var called = false; return function () { var args = [], len = arguments.length; while ( len-- ) args[ len ] = arguments[ len ]; if (called) { return } called = true; return fn.apply(this, args) } } var NavigationDuplicated = /*@__PURE__*/(function (Error) { function NavigationDuplicated (normalizedLocation) { Error.call(this); this.name = this._name = 'NavigationDuplicated'; // passing the message to super() doesn't seem to work in the transpiled version this.message = "Navigating to current location (\"" + (normalizedLocation.fullPath) + "\") is not allowed"; // add a stack property so services like Sentry can correctly display it Object.defineProperty(this, 'stack', { value: new Error().stack, writable: true, configurable: true }); // we could also have used // Error.captureStackTrace(this, this.constructor) // but it only exists on node and chrome } if ( Error ) NavigationDuplicated.__proto__ = Error; NavigationDuplicated.prototype = Object.create( Error && Error.prototype ); NavigationDuplicated.prototype.constructor = NavigationDuplicated; return NavigationDuplicated; }(Error)); // support IE9 NavigationDuplicated._name = 'NavigationDuplicated'; /* */ var History = function History (router, base) { this.router = router; this.base = normalizeBase(base); // start with a route object that stands for "nowhere" this.current = START; this.pending = null; this.ready = false; this.readyCbs = []; this.readyErrorCbs = []; this.errorCbs = []; }; History.prototype.listen = function listen (cb) { this.cb = cb; }; History.prototype.onReady = function onReady (cb, errorCb) { if (this.ready) { cb(); } else { this.readyCbs.push(cb); if (errorCb) { this.readyErrorCbs.push(errorCb); } } }; History.prototype.onError = function onError (errorCb) { this.errorCbs.push(errorCb); }; History.prototype.transitionTo = function transitionTo ( location, onComplete, onAbort ) { var this$1 = this; var route = this.router.match(location, this.current); this.confirmTransition( route, function () { this$1.updateRoute(route); onComplete && onComplete(route); this$1.ensureURL(); // fire ready cbs once if (!this$1.ready) { this$1.ready = true; this$1.readyCbs.forEach(function (cb) { cb(route); }); } }, function (err) { if (onAbort) { onAbort(err); } if (err && !this$1.ready) { this$1.ready = true; this$1.readyErrorCbs.forEach(function (cb) { cb(err); }); } } ); }; History.prototype.confirmTransition = function confirmTransition (route, onComplete, onAbort) { var this$1 = this; var current = this.current; var abort = function (err) { // after merging https://github.com/vuejs/vue-router/pull/2771 we // When the user navigates through history through back/forward buttons // we do not want to throw the error. We only throw it if directly calling // push/replace. That's why it's not included in isError if (!isExtendedError(NavigationDuplicated, err) && isError(err)) { if (this$1.errorCbs.length) { this$1.errorCbs.forEach(function (cb) { cb(err); }); } else { warn(false, 'uncaught error during route navigation:'); console.error(err); } } onAbort && onAbort(err); }; if ( isSameRoute(route, current) && // in the case the route map has been dynamically appended to route.matched.length === current.matched.length ) { this.ensureURL(); return abort(new NavigationDuplicated(route)) } var ref = resolveQueue( this.current.matched, route.matched ); var updated = ref.updated; var deactivated = ref.deactivated; var activated = ref.activated; var queue = [].concat( // in-component leave guards extractLeaveGuards(deactivated), // global before hooks this.router.beforeHooks, // in-component update hooks extractUpdateHooks(updated), // in-config enter guards activated.map(function (m) { return m.beforeEnter; }), // async components resolveAsyncComponents(activated) ); this.pending = route; var iterator = function (hook, next) { if (this$1.pending !== route) { return abort() } try { hook(route, current, function (to) { if (to === false || isError(to)) { // next(false) -> abort navigation, ensure current URL this$1.ensureURL(true); abort(to); } else if ( typeof to === 'string' || (typeof to === 'object' && (typeof to.path === 'string' || typeof to.name === 'string')) ) { // next('/') or next({ path: '/' }) -> redirect abort(); if (typeof to === 'object' && to.replace) { this$1.replace(to); } else { this$1.push(to); } } else { // confirm transition and pass on the value next(to); } }); } catch (e) { abort(e); } }; runQueue(queue, iterator, function () { var postEnterCbs = []; var isValid = function () { return this$1.current === route; }; // wait until async components are resolved before // extracting in-component enter guards var enterGuards = extractEnterGuards(activated, postEnterCbs, isValid); var queue = enterGuards.concat(this$1.router.resolveHooks); runQueue(queue, iterator, function () { if (this$1.pending !== route) { return abort() } this$1.pending = null; onComplete(route); if (this$1.router.app) { this$1.router.app.$nextTick(function () { postEnterCbs.forEach(function (cb) { cb(); }); }); } }); }); }; History.prototype.updateRoute = function updateRoute (route) { var prev = this.current; this.current = route; this.cb && this.cb(route); this.router.afterHooks.forEach(function (hook) { hook && hook(route, prev); }); }; function normalizeBase (base) { if (!base) { if (inBrowser) { // respect tag var baseEl = document.querySelector('base'); base = (baseEl && baseEl.getAttribute('href')) || '/'; // strip full URL origin base = base.replace(/^https?:\/\/[^\/]+/, ''); } else { base = '/'; } } // make sure there's the starting slash if (base.charAt(0) !== '/') { base = '/' + base; } // remove trailing slash return base.replace(/\/$/, '') } function resolveQueue ( current, next ) { var i; var max = Math.max(current.length, next.length); for (i = 0; i < max; i++) { if (current[i] !== next[i]) { break } } return { updated: next.slice(0, i), activated: next.slice(i), deactivated: current.slice(i) } } function extractGuards ( records, name, bind, reverse ) { var guards = flatMapComponents(records, function (def, instance, match, key) { var guard = extractGuard(def, name); if (guard) { return Array.isArray(guard) ? guard.map(function (guard) { return bind(guard, instance, match, key); }) : bind(guard, instance, match, key) } }); return flatten(reverse ? guards.reverse() : guards) } function extractGuard ( def, key ) { if (typeof def !== 'function') { // extend now so that global mixins are applied. def = _Vue.extend(def); } return def.options[key] } function extractLeaveGuards (deactivated) { return extractGuards(deactivated, 'beforeRouteLeave', bindGuard, true) } function extractUpdateHooks (updated) { return extractGuards(updated, 'beforeRouteUpdate', bindGuard) } function bindGuard (guard, instance) { if (instance) { return function boundRouteGuard () { return guard.apply(instance, arguments) } } } function extractEnterGuards ( activated, cbs, isValid ) { return extractGuards( activated, 'beforeRouteEnter', function (guard, _, match, key) { return bindEnterGuard(guard, match, key, cbs, isValid) } ) } function bindEnterGuard ( guard, match, key, cbs, isValid ) { return function routeEnterGuard (to, from, next) { return guard(to, from, function (cb) { if (typeof cb === 'function') { cbs.push(function () { // #750 // if a router-view is wrapped with an out-in transition, // the instance may not have been registered at this time. // we will need to poll for registration until current route // is no longer valid. poll(cb, match.instances, key, isValid); }); } next(cb); }) } } function poll ( cb, // somehow flow cannot infer this is a function instances, key, isValid ) { if ( instances[key] && !instances[key]._isBeingDestroyed // do not reuse being destroyed instance ) { cb(instances[key]); } else if (isValid()) { setTimeout(function () { poll(cb, instances, key, isValid); }, 16); } } /* */ var HTML5History = /*@__PURE__*/(function (History) { function HTML5History (router, base) { var this$1 = this; History.call(this, router, base); var expectScroll = router.options.scrollBehavior; var supportsScroll = supportsPushState && expectScroll; if (supportsScroll) { setupScroll(); } var initLocation = getLocation(this.base); window.addEventListener('popstate', function (e) { var current = this$1.current; // Avoiding first `popstate` event dispatched in some browsers but first // history route not updated since async guard at the same time. var location = getLocation(this$1.base); if (this$1.current === START && location === initLocation) { return } this$1.transitionTo(location, function (route) { if (supportsScroll) { handleScroll(router, route, current, true); } }); }); } if ( History ) HTML5History.__proto__ = History; HTML5History.prototype = Object.create( History && History.prototype ); HTML5History.prototype.constructor = HTML5History; HTML5History.prototype.go = function go (n) { window.history.go(n); }; HTML5History.prototype.push = function push (location, onComplete, onAbort) { var this$1 = this; var ref = this; var fromRoute = ref.current; this.transitionTo(location, function (route) { pushState(cleanPath(this$1.base + route.fullPath)); handleScroll(this$1.router, route, fromRoute, false); onComplete && onComplete(route); }, onAbort); }; HTML5History.prototype.replace = function replace (location, onComplete, onAbort) { var this$1 = this; var ref = this; var fromRoute = ref.current; this.transitionTo(location, function (route) { replaceState(cleanPath(this$1.base + route.fullPath)); handleScroll(this$1.router, route, fromRoute, false); onComplete && onComplete(route); }, onAbort); }; HTML5History.prototype.ensureURL = function ensureURL (push) { if (getLocation(this.base) !== this.current.fullPath) { var current = cleanPath(this.base + this.current.fullPath); push ? pushState(current) : replaceState(current); } }; HTML5History.prototype.getCurrentLocation = function getCurrentLocation () { return getLocation(this.base) }; return HTML5History; }(History)); function getLocation (base) { var path = decodeURI(window.location.pathname); if (base && path.indexOf(base) === 0) { path = path.slice(base.length); } return (path || '/') + window.location.search + window.location.hash } /* */ var HashHistory = /*@__PURE__*/(function (History) { function HashHistory (router, base, fallback) { History.call(this, router, base); // check history fallback deeplinking if (fallback && checkFallback(this.base)) { return } ensureSlash(); } if ( History ) HashHistory.__proto__ = History; HashHistory.prototype = Object.create( History && History.prototype ); HashHistory.prototype.constructor = HashHistory; // this is delayed until the app mounts // to avoid the hashchange listener being fired too early HashHistory.prototype.setupListeners = function setupListeners () { var this$1 = this; var router = this.router; var expectScroll = router.options.scrollBehavior; var supportsScroll = supportsPushState && expectScroll; if (supportsScroll) { setupScroll(); } window.addEventListener( supportsPushState ? 'popstate' : 'hashchange', function () { var current = this$1.current; if (!ensureSlash()) { return } this$1.transitionTo(getHash(), function (route) { if (supportsScroll) { handleScroll(this$1.router, route, current, true); } if (!supportsPushState) { replaceHash(route.fullPath); } }); } ); }; HashHistory.prototype.push = function push (location, onComplete, onAbort) { var this$1 = this; var ref = this; var fromRoute = ref.current; this.transitionTo( location, function (route) { pushHash(route.fullPath); handleScroll(this$1.router, route, fromRoute, false); onComplete && onComplete(route); }, onAbort ); }; HashHistory.prototype.replace = function replace (location, onComplete, onAbort) { var this$1 = this; var ref = this; var fromRoute = ref.current; this.transitionTo( location, function (route) { replaceHash(route.fullPath); handleScroll(this$1.router, route, fromRoute, false); onComplete && onComplete(route); }, onAbort ); }; HashHistory.prototype.go = function go (n) { window.history.go(n); }; HashHistory.prototype.ensureURL = function ensureURL (push) { var current = this.current.fullPath; if (getHash() !== current) { push ? pushHash(current) : replaceHash(current); } }; HashHistory.prototype.getCurrentLocation = function getCurrentLocation () { return getHash() }; return HashHistory; }(History)); function checkFallback (base) { var location = getLocation(base); if (!/^\/#/.test(location)) { window.location.replace(cleanPath(base + '/#' + location)); return true } } function ensureSlash () { var path = getHash(); if (path.charAt(0) === '/') { return true } replaceHash('/' + path); return false } function getHash () { // We can't use window.location.hash here because it's not // consistent across browsers - Firefox will pre-decode it! var href = window.location.href; var index = href.indexOf('#'); // empty path if (index < 0) { return '' } href = href.slice(index + 1); // decode the hash but not the search or hash // as search(query) is already decoded // https://github.com/vuejs/vue-router/issues/2708 var searchIndex = href.indexOf('?'); if (searchIndex < 0) { var hashIndex = href.indexOf('#'); if (hashIndex > -1) { href = decodeURI(href.slice(0, hashIndex)) + href.slice(hashIndex); } else { href = decodeURI(href); } } else { if (searchIndex > -1) { href = decodeURI(href.slice(0, searchIndex)) + href.slice(searchIndex); } } return href } function getUrl (path) { var href = window.location.href; var i = href.indexOf('#'); var base = i >= 0 ? href.slice(0, i) : href; return (base + "#" + path) } function pushHash (path) { if (supportsPushState) { pushState(getUrl(path)); } else { window.location.hash = path; } } function replaceHash (path) { if (supportsPushState) { replaceState(getUrl(path)); } else { window.location.replace(getUrl(path)); } } /* */ var AbstractHistory = /*@__PURE__*/(function (History) { function AbstractHistory (router, base) { History.call(this, router, base); this.stack = []; this.index = -1; } if ( History ) AbstractHistory.__proto__ = History; AbstractHistory.prototype = Object.create( History && History.prototype ); AbstractHistory.prototype.constructor = AbstractHistory; AbstractHistory.prototype.push = function push (location, onComplete, onAbort) { var this$1 = this; this.transitionTo( location, function (route) { this$1.stack = this$1.stack.slice(0, this$1.index + 1).concat(route); this$1.index++; onComplete && onComplete(route); }, onAbort ); }; AbstractHistory.prototype.replace = function replace (location, onComplete, onAbort) { var this$1 = this; this.transitionTo( location, function (route) { this$1.stack = this$1.stack.slice(0, this$1.index).concat(route); onComplete && onComplete(route); }, onAbort ); }; AbstractHistory.prototype.go = function go (n) { var this$1 = this; var targetIndex = this.index + n; if (targetIndex < 0 || targetIndex >= this.stack.length) { return } var route = this.stack[targetIndex]; this.confirmTransition( route, function () { this$1.index = targetIndex; this$1.updateRoute(route); }, function (err) { if (isExtendedError(NavigationDuplicated, err)) { this$1.index = targetIndex; } } ); }; AbstractHistory.prototype.getCurrentLocation = function getCurrentLocation () { var current = this.stack[this.stack.length - 1]; return current ? current.fullPath : '/' }; AbstractHistory.prototype.ensureURL = function ensureURL () { // noop }; return AbstractHistory; }(History)); /* */ var VueRouter = function VueRouter (options) { if ( options === void 0 ) options = {}; this.app = null; this.apps = []; this.options = options; this.beforeHooks = []; this.resolveHooks = []; this.afterHooks = []; this.matcher = createMatcher(options.routes || [], this); var mode = options.mode || 'hash'; this.fallback = mode === 'history' && !supportsPushState && options.fallback !== false; if (this.fallback) { mode = 'hash'; } if (!inBrowser) { mode = 'abstract'; } this.mode = mode; switch (mode) { case 'history': this.history = new HTML5History(this, options.base); break case 'hash': this.history = new HashHistory(this, options.base, this.fallback); break case 'abstract': this.history = new AbstractHistory(this, options.base); break default: if ("production" !== 'production') { assert(false, ("invalid mode: " + mode)); } } }; var prototypeAccessors = { currentRoute: { configurable: true } }; VueRouter.prototype.match = function match ( raw, current, redirectedFrom ) { return this.matcher.match(raw, current, redirectedFrom) }; prototypeAccessors.currentRoute.get = function () { return this.history && this.history.current }; VueRouter.prototype.init = function init (app /* Vue component instance */) { var this$1 = this; "production" !== 'production' && assert( install.installed, "not installed. Make sure to call `Vue.use(VueRouter)` " + "before creating root instance." ); this.apps.push(app); // set up app destroyed handler // https://github.com/vuejs/vue-router/issues/2639 app.$once('hook:destroyed', function () { // clean out app from this.apps array once destroyed var index = this$1.apps.indexOf(app); if (index > -1) { this$1.apps.splice(index, 1); } // ensure we still have a main app or null if no apps // we do not release the router so it can be reused if (this$1.app === app) { this$1.app = this$1.apps[0] || null; } }); // main app previously initialized // return as we don't need to set up new history listener if (this.app) { return } this.app = app; var history = this.history; if (history instanceof HTML5History) { history.transitionTo(history.getCurrentLocation()); } else if (history instanceof HashHistory) { var setupHashListener = function () { history.setupListeners(); }; history.transitionTo( history.getCurrentLocation(), setupHashListener, setupHashListener ); } history.listen(function (route) { this$1.apps.forEach(function (app) { app._route = route; }); }); }; VueRouter.prototype.beforeEach = function beforeEach (fn) { return registerHook(this.beforeHooks, fn) }; VueRouter.prototype.beforeResolve = function beforeResolve (fn) { return registerHook(this.resolveHooks, fn) }; VueRouter.prototype.afterEach = function afterEach (fn) { return registerHook(this.afterHooks, fn) }; VueRouter.prototype.onReady = function onReady (cb, errorCb) { this.history.onReady(cb, errorCb); }; VueRouter.prototype.onError = function onError (errorCb) { this.history.onError(errorCb); }; VueRouter.prototype.push = function push (location, onComplete, onAbort) { var this$1 = this; // $flow-disable-line if (!onComplete && !onAbort && typeof Promise !== 'undefined') { return new Promise(function (resolve, reject) { this$1.history.push(location, resolve, reject); }) } else { this.history.push(location, onComplete, onAbort); } }; VueRouter.prototype.replace = function replace (location, onComplete, onAbort) { var this$1 = this; // $flow-disable-line if (!onComplete && !onAbort && typeof Promise !== 'undefined') { return new Promise(function (resolve, reject) { this$1.history.replace(location, resolve, reject); }) } else { this.history.replace(location, onComplete, onAbort); } }; VueRouter.prototype.go = function go (n) { this.history.go(n); }; VueRouter.prototype.back = function back () { this.go(-1); }; VueRouter.prototype.forward = function forward () { this.go(1); }; VueRouter.prototype.getMatchedComponents = function getMatchedComponents (to) { var route = to ? to.matched ? to : this.resolve(to).route : this.currentRoute; if (!route) { return [] } return [].concat.apply([], route.matched.map(function (m) { return Object.keys(m.components).map(function (key) { return m.components[key] }) })) }; VueRouter.prototype.resolve = function resolve ( to, current, append ) { current = current || this.history.current; var location = normalizeLocation( to, current, append, this ); var route = this.match(location, current); var fullPath = route.redirectedFrom || route.fullPath; var base = this.history.base; var href = createHref(base, fullPath, this.mode); return { location: location, route: route, href: href, // for backwards compat normalizedTo: location, resolved: route } }; VueRouter.prototype.addRoutes = function addRoutes (routes) { this.matcher.addRoutes(routes); if (this.history.current !== START) { this.history.transitionTo(this.history.getCurrentLocation()); } }; Object.defineProperties( VueRouter.prototype, prototypeAccessors ); function registerHook (list, fn) { list.push(fn); return function () { var i = list.indexOf(fn); if (i > -1) { list.splice(i, 1); } } } function createHref (base, fullPath, mode) { var path = mode === 'hash' ? '#' + fullPath : fullPath; return base ? cleanPath(base + '/' + path) : path } VueRouter.install = install; VueRouter.version = '3.1.3'; if (inBrowser && window.Vue) { window.Vue.use(VueRouter); } module.exports = VueRouter; },{}],22:[function(require,module,exports){ (function (global,setImmediate){ /*! * Vue.js v2.6.10 * (c) 2014-2019 Evan You * Released under the MIT License. */ 'use strict'; /* */ var emptyObject = Object.freeze({}); // These helpers produce better VM code in JS engines due to their // explicitness and function inlining. function isUndef (v) { return v === undefined || v === null } function isDef (v) { return v !== undefined && v !== null } function isTrue (v) { return v === true } function isFalse (v) { return v === false } /** * Check if value is primitive. */ function isPrimitive (value) { return ( typeof value === 'string' || typeof value === 'number' || // $flow-disable-line typeof value === 'symbol' || typeof value === 'boolean' ) } /** * Quick object check - this is primarily used to tell * Objects from primitive values when we know the value * is a JSON-compliant type. */ function isObject (obj) { return obj !== null && typeof obj === 'object' } /** * Get the raw type string of a value, e.g., [object Object]. */ var _toString = Object.prototype.toString; function toRawType (value) { return _toString.call(value).slice(8, -1) } /** * Strict object type check. Only returns true * for plain JavaScript objects. */ function isPlainObject (obj) { return _toString.call(obj) === '[object Object]' } function isRegExp (v) { return _toString.call(v) === '[object RegExp]' } /** * Check if val is a valid array index. */ function isValidArrayIndex (val) { var n = parseFloat(String(val)); return n >= 0 && Math.floor(n) === n && isFinite(val) } function isPromise (val) { return ( isDef(val) && typeof val.then === 'function' && typeof val.catch === 'function' ) } /** * Convert a value to a string that is actually rendered. */ function toString (val) { return val == null ? '' : Array.isArray(val) || (isPlainObject(val) && val.toString === _toString) ? JSON.stringify(val, null, 2) : String(val) } /** * Convert an input value to a number for persistence. * If the conversion fails, return original string. */ function toNumber (val) { var n = parseFloat(val); return isNaN(n) ? val : n } /** * Make a map and return a function for checking if a key * is in that map. */ function makeMap ( str, expectsLowerCase ) { var map = Object.create(null); var list = str.split(','); for (var i = 0; i < list.length; i++) { map[list[i]] = true; } return expectsLowerCase ? function (val) { return map[val.toLowerCase()]; } : function (val) { return map[val]; } } /** * Check if a tag is a built-in tag. */ var isBuiltInTag = makeMap('slot,component', true); /** * Check if an attribute is a reserved attribute. */ var isReservedAttribute = makeMap('key,ref,slot,slot-scope,is'); /** * Remove an item from an array. */ function remove (arr, item) { if (arr.length) { var index = arr.indexOf(item); if (index > -1) { return arr.splice(index, 1) } } } /** * Check whether an object has the property. */ var hasOwnProperty = Object.prototype.hasOwnProperty; function hasOwn (obj, key) { return hasOwnProperty.call(obj, key) } /** * Create a cached version of a pure function. */ function cached (fn) { var cache = Object.create(null); return (function cachedFn (str) { var hit = cache[str]; return hit || (cache[str] = fn(str)) }) } /** * Camelize a hyphen-delimited string. */ var camelizeRE = /-(\w)/g; var camelize = cached(function (str) { return str.replace(camelizeRE, function (_, c) { return c ? c.toUpperCase() : ''; }) }); /** * Capitalize a string. */ var capitalize = cached(function (str) { return str.charAt(0).toUpperCase() + str.slice(1) }); /** * Hyphenate a camelCase string. */ var hyphenateRE = /\B([A-Z])/g; var hyphenate = cached(function (str) { return str.replace(hyphenateRE, '-$1').toLowerCase() }); /** * Simple bind polyfill for environments that do not support it, * e.g., PhantomJS 1.x. Technically, we don't need this anymore * since native bind is now performant enough in most browsers. * But removing it would mean breaking code that was able to run in * PhantomJS 1.x, so this must be kept for backward compatibility. */ /* istanbul ignore next */ function polyfillBind (fn, ctx) { function boundFn (a) { var l = arguments.length; return l ? l > 1 ? fn.apply(ctx, arguments) : fn.call(ctx, a) : fn.call(ctx) } boundFn._length = fn.length; return boundFn } function nativeBind (fn, ctx) { return fn.bind(ctx) } var bind = Function.prototype.bind ? nativeBind : polyfillBind; /** * Convert an Array-like object to a real Array. */ function toArray (list, start) { start = start || 0; var i = list.length - start; var ret = new Array(i); while (i--) { ret[i] = list[i + start]; } return ret } /** * Mix properties into target object. */ function extend (to, _from) { for (var key in _from) { to[key] = _from[key]; } return to } /** * Merge an Array of Objects into a single Object. */ function toObject (arr) { var res = {}; for (var i = 0; i < arr.length; i++) { if (arr[i]) { extend(res, arr[i]); } } return res } /* eslint-disable no-unused-vars */ /** * Perform no operation. * Stubbing args to make Flow happy without leaving useless transpiled code * with ...rest (https://flow.org/blog/2017/05/07/Strict-Function-Call-Arity/). */ function noop (a, b, c) {} /** * Always return false. */ var no = function (a, b, c) { return false; }; /* eslint-enable no-unused-vars */ /** * Return the same value. */ var identity = function (_) { return _; }; /** * Generate a string containing static keys from compiler modules. */ function genStaticKeys (modules) { return modules.reduce(function (keys, m) { return keys.concat(m.staticKeys || []) }, []).join(',') } /** * Check if two values are loosely equal - that is, * if they are plain objects, do they have the same shape? */ function looseEqual (a, b) { if (a === b) { return true } var isObjectA = isObject(a); var isObjectB = isObject(b); if (isObjectA && isObjectB) { try { var isArrayA = Array.isArray(a); var isArrayB = Array.isArray(b); if (isArrayA && isArrayB) { return a.length === b.length && a.every(function (e, i) { return looseEqual(e, b[i]) }) } else if (a instanceof Date && b instanceof Date) { return a.getTime() === b.getTime() } else if (!isArrayA && !isArrayB) { var keysA = Object.keys(a); var keysB = Object.keys(b); return keysA.length === keysB.length && keysA.every(function (key) { return looseEqual(a[key], b[key]) }) } else { /* istanbul ignore next */ return false } } catch (e) { /* istanbul ignore next */ return false } } else if (!isObjectA && !isObjectB) { return String(a) === String(b) } else { return false } } /** * Return the first index at which a loosely equal value can be * found in the array (if value is a plain object, the array must * contain an object of the same shape), or -1 if it is not present. */ function looseIndexOf (arr, val) { for (var i = 0; i < arr.length; i++) { if (looseEqual(arr[i], val)) { return i } } return -1 } /** * Ensure a function is called only once. */ function once (fn) { var called = false; return function () { if (!called) { called = true; fn.apply(this, arguments); } } } var SSR_ATTR = 'data-server-rendered'; var ASSET_TYPES = [ 'component', 'directive', 'filter' ]; var LIFECYCLE_HOOKS = [ 'beforeCreate', 'created', 'beforeMount', 'mounted', 'beforeUpdate', 'updated', 'beforeDestroy', 'destroyed', 'activated', 'deactivated', 'errorCaptured', 'serverPrefetch' ]; /* */ var config = ({ /** * Option merge strategies (used in core/util/options) */ // $flow-disable-line optionMergeStrategies: Object.create(null), /** * Whether to suppress warnings. */ silent: false, /** * Show production mode tip message on boot? */ productionTip: "development" !== 'production', /** * Whether to enable devtools */ devtools: "development" !== 'production', /** * Whether to record perf */ performance: false, /** * Error handler for watcher errors */ errorHandler: null, /** * Warn handler for watcher warns */ warnHandler: null, /** * Ignore certain custom elements */ ignoredElements: [], /** * Custom user key aliases for v-on */ // $flow-disable-line keyCodes: Object.create(null), /** * Check if a tag is reserved so that it cannot be registered as a * component. This is platform-dependent and may be overwritten. */ isReservedTag: no, /** * Check if an attribute is reserved so that it cannot be used as a component * prop. This is platform-dependent and may be overwritten. */ isReservedAttr: no, /** * Check if a tag is an unknown element. * Platform-dependent. */ isUnknownElement: no, /** * Get the namespace of an element */ getTagNamespace: noop, /** * Parse the real tag name for the specific platform. */ parsePlatformTagName: identity, /** * Check if an attribute must be bound using property, e.g. value * Platform-dependent. */ mustUseProp: no, /** * Perform updates asynchronously. Intended to be used by Vue Test Utils * This will significantly reduce performance if set to false. */ async: true, /** * Exposed for legacy reasons */ _lifecycleHooks: LIFECYCLE_HOOKS }); /* */ /** * unicode letters used for parsing html tags, component names and property paths. * using https://www.w3.org/TR/html53/semantics-scripting.html#potentialcustomelementname * skipping \u10000-\uEFFFF due to it freezing up PhantomJS */ var unicodeRegExp = /a-zA-Z\u00B7\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u037D\u037F-\u1FFF\u200C-\u200D\u203F-\u2040\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD/; /** * Check if a string starts with $ or _ */ function isReserved (str) { var c = (str + '').charCodeAt(0); return c === 0x24 || c === 0x5F } /** * Define a property. */ function def (obj, key, val, enumerable) { Object.defineProperty(obj, key, { value: val, enumerable: !!enumerable, writable: true, configurable: true }); } /** * Parse simple path. */ var bailRE = new RegExp(("[^" + (unicodeRegExp.source) + ".$_\\d]")); function parsePath (path) { if (bailRE.test(path)) { return } var segments = path.split('.'); return function (obj) { for (var i = 0; i < segments.length; i++) { if (!obj) { return } obj = obj[segments[i]]; } return obj } } /* */ // can we use __proto__? var hasProto = '__proto__' in {}; // Browser environment sniffing var inBrowser = typeof window !== 'undefined'; var inWeex = typeof WXEnvironment !== 'undefined' && !!WXEnvironment.platform; var weexPlatform = inWeex && WXEnvironment.platform.toLowerCase(); var UA = inBrowser && window.navigator.userAgent.toLowerCase(); var isIE = UA && /msie|trident/.test(UA); var isIE9 = UA && UA.indexOf('msie 9.0') > 0; var isEdge = UA && UA.indexOf('edge/') > 0; var isAndroid = (UA && UA.indexOf('android') > 0) || (weexPlatform === 'android'); var isIOS = (UA && /iphone|ipad|ipod|ios/.test(UA)) || (weexPlatform === 'ios'); var isChrome = UA && /chrome\/\d+/.test(UA) && !isEdge; var isPhantomJS = UA && /phantomjs/.test(UA); var isFF = UA && UA.match(/firefox\/(\d+)/); // Firefox has a "watch" function on Object.prototype... var nativeWatch = ({}).watch; var supportsPassive = false; if (inBrowser) { try { var opts = {}; Object.defineProperty(opts, 'passive', ({ get: function get () { /* istanbul ignore next */ supportsPassive = true; } })); // https://github.com/facebook/flow/issues/285 window.addEventListener('test-passive', null, opts); } catch (e) {} } // this needs to be lazy-evaled because vue may be required before // vue-server-renderer can set VUE_ENV var _isServer; var isServerRendering = function () { if (_isServer === undefined) { /* istanbul ignore if */ if (!inBrowser && !inWeex && typeof global !== 'undefined') { // detect presence of vue-server-renderer and avoid // Webpack shimming the process _isServer = global['process'] && global['process'].env.VUE_ENV === 'server'; } else { _isServer = false; } } return _isServer }; // detect devtools var devtools = inBrowser && window.__VUE_DEVTOOLS_GLOBAL_HOOK__; /* istanbul ignore next */ function isNative (Ctor) { return typeof Ctor === 'function' && /native code/.test(Ctor.toString()) } var hasSymbol = typeof Symbol !== 'undefined' && isNative(Symbol) && typeof Reflect !== 'undefined' && isNative(Reflect.ownKeys); var _Set; /* istanbul ignore if */ // $flow-disable-line if (typeof Set !== 'undefined' && isNative(Set)) { // use native Set when available. _Set = Set; } else { // a non-standard Set polyfill that only works with primitive keys. _Set = /*@__PURE__*/(function () { function Set () { this.set = Object.create(null); } Set.prototype.has = function has (key) { return this.set[key] === true }; Set.prototype.add = function add (key) { this.set[key] = true; }; Set.prototype.clear = function clear () { this.set = Object.create(null); }; return Set; }()); } /* */ var warn = noop; var tip = noop; var generateComponentTrace = (noop); // work around flow check var formatComponentName = (noop); { var hasConsole = typeof console !== 'undefined'; var classifyRE = /(?:^|[-_])(\w)/g; var classify = function (str) { return str .replace(classifyRE, function (c) { return c.toUpperCase(); }) .replace(/[-_]/g, ''); }; warn = function (msg, vm) { var trace = vm ? generateComponentTrace(vm) : ''; if (config.warnHandler) { config.warnHandler.call(null, msg, vm, trace); } else if (hasConsole && (!config.silent)) { console.error(("[Vue warn]: " + msg + trace)); } }; tip = function (msg, vm) { if (hasConsole && (!config.silent)) { console.warn("[Vue tip]: " + msg + ( vm ? generateComponentTrace(vm) : '' )); } }; formatComponentName = function (vm, includeFile) { if (vm.$root === vm) { return '' } var options = typeof vm === 'function' && vm.cid != null ? vm.options : vm._isVue ? vm.$options || vm.constructor.options : vm; var name = options.name || options._componentTag; var file = options.__file; if (!name && file) { var match = file.match(/([^/\\]+)\.vue$/); name = match && match[1]; } return ( (name ? ("<" + (classify(name)) + ">") : "") + (file && includeFile !== false ? (" at " + file) : '') ) }; var repeat = function (str, n) { var res = ''; while (n) { if (n % 2 === 1) { res += str; } if (n > 1) { str += str; } n >>= 1; } return res }; generateComponentTrace = function (vm) { if (vm._isVue && vm.$parent) { var tree = []; var currentRecursiveSequence = 0; while (vm) { if (tree.length > 0) { var last = tree[tree.length - 1]; if (last.constructor === vm.constructor) { currentRecursiveSequence++; vm = vm.$parent; continue } else if (currentRecursiveSequence > 0) { tree[tree.length - 1] = [last, currentRecursiveSequence]; currentRecursiveSequence = 0; } } tree.push(vm); vm = vm.$parent; } return '\n\nfound in\n\n' + tree .map(function (vm, i) { return ("" + (i === 0 ? '---> ' : repeat(' ', 5 + i * 2)) + (Array.isArray(vm) ? ((formatComponentName(vm[0])) + "... (" + (vm[1]) + " recursive calls)") : formatComponentName(vm))); }) .join('\n') } else { return ("\n\n(found in " + (formatComponentName(vm)) + ")") } }; } /* */ var uid = 0; /** * A dep is an observable that can have multiple * directives subscribing to it. */ var Dep = function Dep () { this.id = uid++; this.subs = []; }; Dep.prototype.addSub = function addSub (sub) { this.subs.push(sub); }; Dep.prototype.removeSub = function removeSub (sub) { remove(this.subs, sub); }; Dep.prototype.depend = function depend () { if (Dep.target) { Dep.target.addDep(this); } }; Dep.prototype.notify = function notify () { // stabilize the subscriber list first var subs = this.subs.slice(); if (!config.async) { // subs aren't sorted in scheduler if not running async // we need to sort them now to make sure they fire in correct // order subs.sort(function (a, b) { return a.id - b.id; }); } for (var i = 0, l = subs.length; i < l; i++) { subs[i].update(); } }; // The current target watcher being evaluated. // This is globally unique because only one watcher // can be evaluated at a time. Dep.target = null; var targetStack = []; function pushTarget (target) { targetStack.push(target); Dep.target = target; } function popTarget () { targetStack.pop(); Dep.target = targetStack[targetStack.length - 1]; } /* */ var VNode = function VNode ( tag, data, children, text, elm, context, componentOptions, asyncFactory ) { this.tag = tag; this.data = data; this.children = children; this.text = text; this.elm = elm; this.ns = undefined; this.context = context; this.fnContext = undefined; this.fnOptions = undefined; this.fnScopeId = undefined; this.key = data && data.key; this.componentOptions = componentOptions; this.componentInstance = undefined; this.parent = undefined; this.raw = false; this.isStatic = false; this.isRootInsert = true; this.isComment = false; this.isCloned = false; this.isOnce = false; this.asyncFactory = asyncFactory; this.asyncMeta = undefined; this.isAsyncPlaceholder = false; }; var prototypeAccessors = { child: { configurable: true } }; // DEPRECATED: alias for componentInstance for backwards compat. /* istanbul ignore next */ prototypeAccessors.child.get = function () { return this.componentInstance }; Object.defineProperties( VNode.prototype, prototypeAccessors ); var createEmptyVNode = function (text) { if ( text === void 0 ) text = ''; var node = new VNode(); node.text = text; node.isComment = true; return node }; function createTextVNode (val) { return new VNode(undefined, undefined, undefined, String(val)) } // optimized shallow clone // used for static nodes and slot nodes because they may be reused across // multiple renders, cloning them avoids errors when DOM manipulations rely // on their elm reference. function cloneVNode (vnode) { var cloned = new VNode( vnode.tag, vnode.data, // #7975 // clone children array to avoid mutating original in case of cloning // a child. vnode.children && vnode.children.slice(), vnode.text, vnode.elm, vnode.context, vnode.componentOptions, vnode.asyncFactory ); cloned.ns = vnode.ns; cloned.isStatic = vnode.isStatic; cloned.key = vnode.key; cloned.isComment = vnode.isComment; cloned.fnContext = vnode.fnContext; cloned.fnOptions = vnode.fnOptions; cloned.fnScopeId = vnode.fnScopeId; cloned.asyncMeta = vnode.asyncMeta; cloned.isCloned = true; return cloned } /* * not type checking this file because flow doesn't play well with * dynamically accessing methods on Array prototype */ var arrayProto = Array.prototype; var arrayMethods = Object.create(arrayProto); var methodsToPatch = [ 'push', 'pop', 'shift', 'unshift', 'splice', 'sort', 'reverse' ]; /** * Intercept mutating methods and emit events */ methodsToPatch.forEach(function (method) { // cache original method var original = arrayProto[method]; def(arrayMethods, method, function mutator () { var args = [], len = arguments.length; while ( len-- ) args[ len ] = arguments[ len ]; var result = original.apply(this, args); var ob = this.__ob__; var inserted; switch (method) { case 'push': case 'unshift': inserted = args; break case 'splice': inserted = args.slice(2); break } if (inserted) { ob.observeArray(inserted); } // notify change ob.dep.notify(); return result }); }); /* */ var arrayKeys = Object.getOwnPropertyNames(arrayMethods); /** * In some cases we may want to disable observation inside a component's * update computation. */ var shouldObserve = true; function toggleObserving (value) { shouldObserve = value; } /** * Observer class that is attached to each observed * object. Once attached, the observer converts the target * object's property keys into getter/setters that * collect dependencies and dispatch updates. */ var Observer = function Observer (value) { this.value = value; this.dep = new Dep(); this.vmCount = 0; def(value, '__ob__', this); if (Array.isArray(value)) { if (hasProto) { protoAugment(value, arrayMethods); } else { copyAugment(value, arrayMethods, arrayKeys); } this.observeArray(value); } else { this.walk(value); } }; /** * Walk through all properties and convert them into * getter/setters. This method should only be called when * value type is Object. */ Observer.prototype.walk = function walk (obj) { var keys = Object.keys(obj); for (var i = 0; i < keys.length; i++) { defineReactive$$1(obj, keys[i]); } }; /** * Observe a list of Array items. */ Observer.prototype.observeArray = function observeArray (items) { for (var i = 0, l = items.length; i < l; i++) { observe(items[i]); } }; // helpers /** * Augment a target Object or Array by intercepting * the prototype chain using __proto__ */ function protoAugment (target, src) { /* eslint-disable no-proto */ target.__proto__ = src; /* eslint-enable no-proto */ } /** * Augment a target Object or Array by defining * hidden properties. */ /* istanbul ignore next */ function copyAugment (target, src, keys) { for (var i = 0, l = keys.length; i < l; i++) { var key = keys[i]; def(target, key, src[key]); } } /** * Attempt to create an observer instance for a value, * returns the new observer if successfully observed, * or the existing observer if the value already has one. */ function observe (value, asRootData) { if (!isObject(value) || value instanceof VNode) { return } var ob; if (hasOwn(value, '__ob__') && value.__ob__ instanceof Observer) { ob = value.__ob__; } else if ( shouldObserve && !isServerRendering() && (Array.isArray(value) || isPlainObject(value)) && Object.isExtensible(value) && !value._isVue ) { ob = new Observer(value); } if (asRootData && ob) { ob.vmCount++; } return ob } /** * Define a reactive property on an Object. */ function defineReactive$$1 ( obj, key, val, customSetter, shallow ) { var dep = new Dep(); var property = Object.getOwnPropertyDescriptor(obj, key); if (property && property.configurable === false) { return } // cater for pre-defined getter/setters var getter = property && property.get; var setter = property && property.set; if ((!getter || setter) && arguments.length === 2) { val = obj[key]; } var childOb = !shallow && observe(val); Object.defineProperty(obj, key, { enumerable: true, configurable: true, get: function reactiveGetter () { var value = getter ? getter.call(obj) : val; if (Dep.target) { dep.depend(); if (childOb) { childOb.dep.depend(); if (Array.isArray(value)) { dependArray(value); } } } return value }, set: function reactiveSetter (newVal) { var value = getter ? getter.call(obj) : val; /* eslint-disable no-self-compare */ if (newVal === value || (newVal !== newVal && value !== value)) { return } /* eslint-enable no-self-compare */ if (customSetter) { customSetter(); } // #7981: for accessor properties without setter if (getter && !setter) { return } if (setter) { setter.call(obj, newVal); } else { val = newVal; } childOb = !shallow && observe(newVal); dep.notify(); } }); } /** * Set a property on an object. Adds the new property and * triggers change notification if the property doesn't * already exist. */ function set (target, key, val) { if (isUndef(target) || isPrimitive(target) ) { warn(("Cannot set reactive property on undefined, null, or primitive value: " + ((target)))); } if (Array.isArray(target) && isValidArrayIndex(key)) { target.length = Math.max(target.length, key); target.splice(key, 1, val); return val } if (key in target && !(key in Object.prototype)) { target[key] = val; return val } var ob = (target).__ob__; if (target._isVue || (ob && ob.vmCount)) { warn( 'Avoid adding reactive properties to a Vue instance or its root $data ' + 'at runtime - declare it upfront in the data option.' ); return val } if (!ob) { target[key] = val; return val } defineReactive$$1(ob.value, key, val); ob.dep.notify(); return val } /** * Delete a property and trigger change if necessary. */ function del (target, key) { if (isUndef(target) || isPrimitive(target) ) { warn(("Cannot delete reactive property on undefined, null, or primitive value: " + ((target)))); } if (Array.isArray(target) && isValidArrayIndex(key)) { target.splice(key, 1); return } var ob = (target).__ob__; if (target._isVue || (ob && ob.vmCount)) { warn( 'Avoid deleting properties on a Vue instance or its root $data ' + '- just set it to null.' ); return } if (!hasOwn(target, key)) { return } delete target[key]; if (!ob) { return } ob.dep.notify(); } /** * Collect dependencies on array elements when the array is touched, since * we cannot intercept array element access like property getters. */ function dependArray (value) { for (var e = (void 0), i = 0, l = value.length; i < l; i++) { e = value[i]; e && e.__ob__ && e.__ob__.dep.depend(); if (Array.isArray(e)) { dependArray(e); } } } /* */ /** * Option overwriting strategies are functions that handle * how to merge a parent option value and a child option * value into the final value. */ var strats = config.optionMergeStrategies; /** * Options with restrictions */ { strats.el = strats.propsData = function (parent, child, vm, key) { if (!vm) { warn( "option \"" + key + "\" can only be used during instance " + 'creation with the `new` keyword.' ); } return defaultStrat(parent, child) }; } /** * Helper that recursively merges two data objects together. */ function mergeData (to, from) { if (!from) { return to } var key, toVal, fromVal; var keys = hasSymbol ? Reflect.ownKeys(from) : Object.keys(from); for (var i = 0; i < keys.length; i++) { key = keys[i]; // in case the object is already observed... if (key === '__ob__') { continue } toVal = to[key]; fromVal = from[key]; if (!hasOwn(to, key)) { set(to, key, fromVal); } else if ( toVal !== fromVal && isPlainObject(toVal) && isPlainObject(fromVal) ) { mergeData(toVal, fromVal); } } return to } /** * Data */ function mergeDataOrFn ( parentVal, childVal, vm ) { if (!vm) { // in a Vue.extend merge, both should be functions if (!childVal) { return parentVal } if (!parentVal) { return childVal } // when parentVal & childVal are both present, // we need to return a function that returns the // merged result of both functions... no need to // check if parentVal is a function here because // it has to be a function to pass previous merges. return function mergedDataFn () { return mergeData( typeof childVal === 'function' ? childVal.call(this, this) : childVal, typeof parentVal === 'function' ? parentVal.call(this, this) : parentVal ) } } else { return function mergedInstanceDataFn () { // instance merge var instanceData = typeof childVal === 'function' ? childVal.call(vm, vm) : childVal; var defaultData = typeof parentVal === 'function' ? parentVal.call(vm, vm) : parentVal; if (instanceData) { return mergeData(instanceData, defaultData) } else { return defaultData } } } } strats.data = function ( parentVal, childVal, vm ) { if (!vm) { if (childVal && typeof childVal !== 'function') { warn( 'The "data" option should be a function ' + 'that returns a per-instance value in component ' + 'definitions.', vm ); return parentVal } return mergeDataOrFn(parentVal, childVal) } return mergeDataOrFn(parentVal, childVal, vm) }; /** * Hooks and props are merged as arrays. */ function mergeHook ( parentVal, childVal ) { var res = childVal ? parentVal ? parentVal.concat(childVal) : Array.isArray(childVal) ? childVal : [childVal] : parentVal; return res ? dedupeHooks(res) : res } function dedupeHooks (hooks) { var res = []; for (var i = 0; i < hooks.length; i++) { if (res.indexOf(hooks[i]) === -1) { res.push(hooks[i]); } } return res } LIFECYCLE_HOOKS.forEach(function (hook) { strats[hook] = mergeHook; }); /** * Assets * * When a vm is present (instance creation), we need to do * a three-way merge between constructor options, instance * options and parent options. */ function mergeAssets ( parentVal, childVal, vm, key ) { var res = Object.create(parentVal || null); if (childVal) { assertObjectType(key, childVal, vm); return extend(res, childVal) } else { return res } } ASSET_TYPES.forEach(function (type) { strats[type + 's'] = mergeAssets; }); /** * Watchers. * * Watchers hashes should not overwrite one * another, so we merge them as arrays. */ strats.watch = function ( parentVal, childVal, vm, key ) { // work around Firefox's Object.prototype.watch... if (parentVal === nativeWatch) { parentVal = undefined; } if (childVal === nativeWatch) { childVal = undefined; } /* istanbul ignore if */ if (!childVal) { return Object.create(parentVal || null) } { assertObjectType(key, childVal, vm); } if (!parentVal) { return childVal } var ret = {}; extend(ret, parentVal); for (var key$1 in childVal) { var parent = ret[key$1]; var child = childVal[key$1]; if (parent && !Array.isArray(parent)) { parent = [parent]; } ret[key$1] = parent ? parent.concat(child) : Array.isArray(child) ? child : [child]; } return ret }; /** * Other object hashes. */ strats.props = strats.methods = strats.inject = strats.computed = function ( parentVal, childVal, vm, key ) { if (childVal && "development" !== 'production') { assertObjectType(key, childVal, vm); } if (!parentVal) { return childVal } var ret = Object.create(null); extend(ret, parentVal); if (childVal) { extend(ret, childVal); } return ret }; strats.provide = mergeDataOrFn; /** * Default strategy. */ var defaultStrat = function (parentVal, childVal) { return childVal === undefined ? parentVal : childVal }; /** * Validate component names */ function checkComponents (options) { for (var key in options.components) { validateComponentName(key); } } function validateComponentName (name) { if (!new RegExp(("^[a-zA-Z][\\-\\.0-9_" + (unicodeRegExp.source) + "]*$")).test(name)) { warn( 'Invalid component name: "' + name + '". Component names ' + 'should conform to valid custom element name in html5 specification.' ); } if (isBuiltInTag(name) || config.isReservedTag(name)) { warn( 'Do not use built-in or reserved HTML elements as component ' + 'id: ' + name ); } } /** * Ensure all props option syntax are normalized into the * Object-based format. */ function normalizeProps (options, vm) { var props = options.props; if (!props) { return } var res = {}; var i, val, name; if (Array.isArray(props)) { i = props.length; while (i--) { val = props[i]; if (typeof val === 'string') { name = camelize(val); res[name] = { type: null }; } else { warn('props must be strings when using array syntax.'); } } } else if (isPlainObject(props)) { for (var key in props) { val = props[key]; name = camelize(key); res[name] = isPlainObject(val) ? val : { type: val }; } } else { warn( "Invalid value for option \"props\": expected an Array or an Object, " + "but got " + (toRawType(props)) + ".", vm ); } options.props = res; } /** * Normalize all injections into Object-based format */ function normalizeInject (options, vm) { var inject = options.inject; if (!inject) { return } var normalized = options.inject = {}; if (Array.isArray(inject)) { for (var i = 0; i < inject.length; i++) { normalized[inject[i]] = { from: inject[i] }; } } else if (isPlainObject(inject)) { for (var key in inject) { var val = inject[key]; normalized[key] = isPlainObject(val) ? extend({ from: key }, val) : { from: val }; } } else { warn( "Invalid value for option \"inject\": expected an Array or an Object, " + "but got " + (toRawType(inject)) + ".", vm ); } } /** * Normalize raw function directives into object format. */ function normalizeDirectives (options) { var dirs = options.directives; if (dirs) { for (var key in dirs) { var def$$1 = dirs[key]; if (typeof def$$1 === 'function') { dirs[key] = { bind: def$$1, update: def$$1 }; } } } } function assertObjectType (name, value, vm) { if (!isPlainObject(value)) { warn( "Invalid value for option \"" + name + "\": expected an Object, " + "but got " + (toRawType(value)) + ".", vm ); } } /** * Merge two option objects into a new one. * Core utility used in both instantiation and inheritance. */ function mergeOptions ( parent, child, vm ) { { checkComponents(child); } if (typeof child === 'function') { child = child.options; } normalizeProps(child, vm); normalizeInject(child, vm); normalizeDirectives(child); // Apply extends and mixins on the child options, // but only if it is a raw options object that isn't // the result of another mergeOptions call. // Only merged options has the _base property. if (!child._base) { if (child.extends) { parent = mergeOptions(parent, child.extends, vm); } if (child.mixins) { for (var i = 0, l = child.mixins.length; i < l; i++) { parent = mergeOptions(parent, child.mixins[i], vm); } } } var options = {}; var key; for (key in parent) { mergeField(key); } for (key in child) { if (!hasOwn(parent, key)) { mergeField(key); } } function mergeField (key) { var strat = strats[key] || defaultStrat; options[key] = strat(parent[key], child[key], vm, key); } return options } /** * Resolve an asset. * This function is used because child instances need access * to assets defined in its ancestor chain. */ function resolveAsset ( options, type, id, warnMissing ) { /* istanbul ignore if */ if (typeof id !== 'string') { return } var assets = options[type]; // check local registration variations first if (hasOwn(assets, id)) { return assets[id] } var camelizedId = camelize(id); if (hasOwn(assets, camelizedId)) { return assets[camelizedId] } var PascalCaseId = capitalize(camelizedId); if (hasOwn(assets, PascalCaseId)) { return assets[PascalCaseId] } // fallback to prototype chain var res = assets[id] || assets[camelizedId] || assets[PascalCaseId]; if (warnMissing && !res) { warn( 'Failed to resolve ' + type.slice(0, -1) + ': ' + id, options ); } return res } /* */ function validateProp ( key, propOptions, propsData, vm ) { var prop = propOptions[key]; var absent = !hasOwn(propsData, key); var value = propsData[key]; // boolean casting var booleanIndex = getTypeIndex(Boolean, prop.type); if (booleanIndex > -1) { if (absent && !hasOwn(prop, 'default')) { value = false; } else if (value === '' || value === hyphenate(key)) { // only cast empty string / same name to boolean if // boolean has higher priority var stringIndex = getTypeIndex(String, prop.type); if (stringIndex < 0 || booleanIndex < stringIndex) { value = true; } } } // check default value if (value === undefined) { value = getPropDefaultValue(vm, prop, key); // since the default value is a fresh copy, // make sure to observe it. var prevShouldObserve = shouldObserve; toggleObserving(true); observe(value); toggleObserving(prevShouldObserve); } { assertProp(prop, key, value, vm, absent); } return value } /** * Get the default value of a prop. */ function getPropDefaultValue (vm, prop, key) { // no default, return undefined if (!hasOwn(prop, 'default')) { return undefined } var def = prop.default; // warn against non-factory defaults for Object & Array if (isObject(def)) { warn( 'Invalid default value for prop "' + key + '": ' + 'Props with type Object/Array must use a factory function ' + 'to return the default value.', vm ); } // the raw prop value was also undefined from previous render, // return previous default value to avoid unnecessary watcher trigger if (vm && vm.$options.propsData && vm.$options.propsData[key] === undefined && vm._props[key] !== undefined ) { return vm._props[key] } // call factory function for non-Function types // a value is Function if its prototype is function even across different execution context return typeof def === 'function' && getType(prop.type) !== 'Function' ? def.call(vm) : def } /** * Assert whether a prop is valid. */ function assertProp ( prop, name, value, vm, absent ) { if (prop.required && absent) { warn( 'Missing required prop: "' + name + '"', vm ); return } if (value == null && !prop.required) { return } var type = prop.type; var valid = !type || type === true; var expectedTypes = []; if (type) { if (!Array.isArray(type)) { type = [type]; } for (var i = 0; i < type.length && !valid; i++) { var assertedType = assertType(value, type[i]); expectedTypes.push(assertedType.expectedType || ''); valid = assertedType.valid; } } if (!valid) { warn( getInvalidTypeMessage(name, value, expectedTypes), vm ); return } var validator = prop.validator; if (validator) { if (!validator(value)) { warn( 'Invalid prop: custom validator check failed for prop "' + name + '".', vm ); } } } var simpleCheckRE = /^(String|Number|Boolean|Function|Symbol)$/; function assertType (value, type) { var valid; var expectedType = getType(type); if (simpleCheckRE.test(expectedType)) { var t = typeof value; valid = t === expectedType.toLowerCase(); // for primitive wrapper objects if (!valid && t === 'object') { valid = value instanceof type; } } else if (expectedType === 'Object') { valid = isPlainObject(value); } else if (expectedType === 'Array') { valid = Array.isArray(value); } else { valid = value instanceof type; } return { valid: valid, expectedType: expectedType } } /** * Use function string name to check built-in types, * because a simple equality check will fail when running * across different vms / iframes. */ function getType (fn) { var match = fn && fn.toString().match(/^\s*function (\w+)/); return match ? match[1] : '' } function isSameType (a, b) { return getType(a) === getType(b) } function getTypeIndex (type, expectedTypes) { if (!Array.isArray(expectedTypes)) { return isSameType(expectedTypes, type) ? 0 : -1 } for (var i = 0, len = expectedTypes.length; i < len; i++) { if (isSameType(expectedTypes[i], type)) { return i } } return -1 } function getInvalidTypeMessage (name, value, expectedTypes) { var message = "Invalid prop: type check failed for prop \"" + name + "\"." + " Expected " + (expectedTypes.map(capitalize).join(', ')); var expectedType = expectedTypes[0]; var receivedType = toRawType(value); var expectedValue = styleValue(value, expectedType); var receivedValue = styleValue(value, receivedType); // check if we need to specify expected value if (expectedTypes.length === 1 && isExplicable(expectedType) && !isBoolean(expectedType, receivedType)) { message += " with value " + expectedValue; } message += ", got " + receivedType + " "; // check if we need to specify received value if (isExplicable(receivedType)) { message += "with value " + receivedValue + "."; } return message } function styleValue (value, type) { if (type === 'String') { return ("\"" + value + "\"") } else if (type === 'Number') { return ("" + (Number(value))) } else { return ("" + value) } } function isExplicable (value) { var explicitTypes = ['string', 'number', 'boolean']; return explicitTypes.some(function (elem) { return value.toLowerCase() === elem; }) } function isBoolean () { var args = [], len = arguments.length; while ( len-- ) args[ len ] = arguments[ len ]; return args.some(function (elem) { return elem.toLowerCase() === 'boolean'; }) } /* */ function handleError (err, vm, info) { // Deactivate deps tracking while processing error handler to avoid possible infinite rendering. // See: https://github.com/vuejs/vuex/issues/1505 pushTarget(); try { if (vm) { var cur = vm; while ((cur = cur.$parent)) { var hooks = cur.$options.errorCaptured; if (hooks) { for (var i = 0; i < hooks.length; i++) { try { var capture = hooks[i].call(cur, err, vm, info) === false; if (capture) { return } } catch (e) { globalHandleError(e, cur, 'errorCaptured hook'); } } } } } globalHandleError(err, vm, info); } finally { popTarget(); } } function invokeWithErrorHandling ( handler, context, args, vm, info ) { var res; try { res = args ? handler.apply(context, args) : handler.call(context); if (res && !res._isVue && isPromise(res) && !res._handled) { res.catch(function (e) { return handleError(e, vm, info + " (Promise/async)"); }); // issue #9511 // avoid catch triggering multiple times when nested calls res._handled = true; } } catch (e) { handleError(e, vm, info); } return res } function globalHandleError (err, vm, info) { if (config.errorHandler) { try { return config.errorHandler.call(null, err, vm, info) } catch (e) { // if the user intentionally throws the original error in the handler, // do not log it twice if (e !== err) { logError(e, null, 'config.errorHandler'); } } } logError(err, vm, info); } function logError (err, vm, info) { { warn(("Error in " + info + ": \"" + (err.toString()) + "\""), vm); } /* istanbul ignore else */ if ((inBrowser || inWeex) && typeof console !== 'undefined') { console.error(err); } else { throw err } } /* */ var isUsingMicroTask = false; var callbacks = []; var pending = false; function flushCallbacks () { pending = false; var copies = callbacks.slice(0); callbacks.length = 0; for (var i = 0; i < copies.length; i++) { copies[i](); } } // Here we have async deferring wrappers using microtasks. // In 2.5 we used (macro) tasks (in combination with microtasks). // However, it has subtle problems when state is changed right before repaint // (e.g. #6813, out-in transitions). // Also, using (macro) tasks in event handler would cause some weird behaviors // that cannot be circumvented (e.g. #7109, #7153, #7546, #7834, #8109). // So we now use microtasks everywhere, again. // A major drawback of this tradeoff is that there are some scenarios // where microtasks have too high a priority and fire in between supposedly // sequential events (e.g. #4521, #6690, which have workarounds) // or even between bubbling of the same event (#6566). var timerFunc; // The nextTick behavior leverages the microtask queue, which can be accessed // via either native Promise.then or MutationObserver. // MutationObserver has wider support, however it is seriously bugged in // UIWebView in iOS >= 9.3.3 when triggered in touch event handlers. It // completely stops working after triggering a few times... so, if native // Promise is available, we will use it: /* istanbul ignore next, $flow-disable-line */ if (typeof Promise !== 'undefined' && isNative(Promise)) { var p = Promise.resolve(); timerFunc = function () { p.then(flushCallbacks); // In problematic UIWebViews, Promise.then doesn't completely break, but // it can get stuck in a weird state where callbacks are pushed into the // microtask queue but the queue isn't being flushed, until the browser // needs to do some other work, e.g. handle a timer. Therefore we can // "force" the microtask queue to be flushed by adding an empty timer. if (isIOS) { setTimeout(noop); } }; isUsingMicroTask = true; } else if (!isIE && typeof MutationObserver !== 'undefined' && ( isNative(MutationObserver) || // PhantomJS and iOS 7.x MutationObserver.toString() === '[object MutationObserverConstructor]' )) { // Use MutationObserver where native Promise is not available, // e.g. PhantomJS, iOS7, Android 4.4 // (#6466 MutationObserver is unreliable in IE11) var counter = 1; var observer = new MutationObserver(flushCallbacks); var textNode = document.createTextNode(String(counter)); observer.observe(textNode, { characterData: true }); timerFunc = function () { counter = (counter + 1) % 2; textNode.data = String(counter); }; isUsingMicroTask = true; } else if (typeof setImmediate !== 'undefined' && isNative(setImmediate)) { // Fallback to setImmediate. // Techinically it leverages the (macro) task queue, // but it is still a better choice than setTimeout. timerFunc = function () { setImmediate(flushCallbacks); }; } else { // Fallback to setTimeout. timerFunc = function () { setTimeout(flushCallbacks, 0); }; } function nextTick (cb, ctx) { var _resolve; callbacks.push(function () { if (cb) { try { cb.call(ctx); } catch (e) { handleError(e, ctx, 'nextTick'); } } else if (_resolve) { _resolve(ctx); } }); if (!pending) { pending = true; timerFunc(); } // $flow-disable-line if (!cb && typeof Promise !== 'undefined') { return new Promise(function (resolve) { _resolve = resolve; }) } } /* */ var mark; var measure; { var perf = inBrowser && window.performance; /* istanbul ignore if */ if ( perf && perf.mark && perf.measure && perf.clearMarks && perf.clearMeasures ) { mark = function (tag) { return perf.mark(tag); }; measure = function (name, startTag, endTag) { perf.measure(name, startTag, endTag); perf.clearMarks(startTag); perf.clearMarks(endTag); // perf.clearMeasures(name) }; } } /* not type checking this file because flow doesn't play well with Proxy */ var initProxy; { var allowedGlobals = makeMap( 'Infinity,undefined,NaN,isFinite,isNaN,' + 'parseFloat,parseInt,decodeURI,decodeURIComponent,encodeURI,encodeURIComponent,' + 'Math,Number,Date,Array,Object,Boolean,String,RegExp,Map,Set,JSON,Intl,' + 'require' // for Webpack/Browserify ); var warnNonPresent = function (target, key) { warn( "Property or method \"" + key + "\" is not defined on the instance but " + 'referenced during render. Make sure that this property is reactive, ' + 'either in the data option, or for class-based components, by ' + 'initializing the property. ' + 'See: https://vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties.', target ); }; var warnReservedPrefix = function (target, key) { warn( "Property \"" + key + "\" must be accessed with \"$data." + key + "\" because " + 'properties starting with "$" or "_" are not proxied in the Vue instance to ' + 'prevent conflicts with Vue internals' + 'See: https://vuejs.org/v2/api/#data', target ); }; var hasProxy = typeof Proxy !== 'undefined' && isNative(Proxy); if (hasProxy) { var isBuiltInModifier = makeMap('stop,prevent,self,ctrl,shift,alt,meta,exact'); config.keyCodes = new Proxy(config.keyCodes, { set: function set (target, key, value) { if (isBuiltInModifier(key)) { warn(("Avoid overwriting built-in modifier in config.keyCodes: ." + key)); return false } else { target[key] = value; return true } } }); } var hasHandler = { has: function has (target, key) { var has = key in target; var isAllowed = allowedGlobals(key) || (typeof key === 'string' && key.charAt(0) === '_' && !(key in target.$data)); if (!has && !isAllowed) { if (key in target.$data) { warnReservedPrefix(target, key); } else { warnNonPresent(target, key); } } return has || !isAllowed } }; var getHandler = { get: function get (target, key) { if (typeof key === 'string' && !(key in target)) { if (key in target.$data) { warnReservedPrefix(target, key); } else { warnNonPresent(target, key); } } return target[key] } }; initProxy = function initProxy (vm) { if (hasProxy) { // determine which proxy handler to use var options = vm.$options; var handlers = options.render && options.render._withStripped ? getHandler : hasHandler; vm._renderProxy = new Proxy(vm, handlers); } else { vm._renderProxy = vm; } }; } /* */ var seenObjects = new _Set(); /** * Recursively traverse an object to evoke all converted * getters, so that every nested property inside the object * is collected as a "deep" dependency. */ function traverse (val) { _traverse(val, seenObjects); seenObjects.clear(); } function _traverse (val, seen) { var i, keys; var isA = Array.isArray(val); if ((!isA && !isObject(val)) || Object.isFrozen(val) || val instanceof VNode) { return } if (val.__ob__) { var depId = val.__ob__.dep.id; if (seen.has(depId)) { return } seen.add(depId); } if (isA) { i = val.length; while (i--) { _traverse(val[i], seen); } } else { keys = Object.keys(val); i = keys.length; while (i--) { _traverse(val[keys[i]], seen); } } } /* */ var normalizeEvent = cached(function (name) { var passive = name.charAt(0) === '&'; name = passive ? name.slice(1) : name; var once$$1 = name.charAt(0) === '~'; // Prefixed last, checked first name = once$$1 ? name.slice(1) : name; var capture = name.charAt(0) === '!'; name = capture ? name.slice(1) : name; return { name: name, once: once$$1, capture: capture, passive: passive } }); function createFnInvoker (fns, vm) { function invoker () { var arguments$1 = arguments; var fns = invoker.fns; if (Array.isArray(fns)) { var cloned = fns.slice(); for (var i = 0; i < cloned.length; i++) { invokeWithErrorHandling(cloned[i], null, arguments$1, vm, "v-on handler"); } } else { // return handler return value for single handlers return invokeWithErrorHandling(fns, null, arguments, vm, "v-on handler") } } invoker.fns = fns; return invoker } function updateListeners ( on, oldOn, add, remove$$1, createOnceHandler, vm ) { var name, def$$1, cur, old, event; for (name in on) { def$$1 = cur = on[name]; old = oldOn[name]; event = normalizeEvent(name); if (isUndef(cur)) { warn( "Invalid handler for event \"" + (event.name) + "\": got " + String(cur), vm ); } else if (isUndef(old)) { if (isUndef(cur.fns)) { cur = on[name] = createFnInvoker(cur, vm); } if (isTrue(event.once)) { cur = on[name] = createOnceHandler(event.name, cur, event.capture); } add(event.name, cur, event.capture, event.passive, event.params); } else if (cur !== old) { old.fns = cur; on[name] = old; } } for (name in oldOn) { if (isUndef(on[name])) { event = normalizeEvent(name); remove$$1(event.name, oldOn[name], event.capture); } } } /* */ function mergeVNodeHook (def, hookKey, hook) { if (def instanceof VNode) { def = def.data.hook || (def.data.hook = {}); } var invoker; var oldHook = def[hookKey]; function wrappedHook () { hook.apply(this, arguments); // important: remove merged hook to ensure it's called only once // and prevent memory leak remove(invoker.fns, wrappedHook); } if (isUndef(oldHook)) { // no existing hook invoker = createFnInvoker([wrappedHook]); } else { /* istanbul ignore if */ if (isDef(oldHook.fns) && isTrue(oldHook.merged)) { // already a merged invoker invoker = oldHook; invoker.fns.push(wrappedHook); } else { // existing plain hook invoker = createFnInvoker([oldHook, wrappedHook]); } } invoker.merged = true; def[hookKey] = invoker; } /* */ function extractPropsFromVNodeData ( data, Ctor, tag ) { // we are only extracting raw values here. // validation and default values are handled in the child // component itself. var propOptions = Ctor.options.props; if (isUndef(propOptions)) { return } var res = {}; var attrs = data.attrs; var props = data.props; if (isDef(attrs) || isDef(props)) { for (var key in propOptions) { var altKey = hyphenate(key); { var keyInLowerCase = key.toLowerCase(); if ( key !== keyInLowerCase && attrs && hasOwn(attrs, keyInLowerCase) ) { tip( "Prop \"" + keyInLowerCase + "\" is passed to component " + (formatComponentName(tag || Ctor)) + ", but the declared prop name is" + " \"" + key + "\". " + "Note that HTML attributes are case-insensitive and camelCased " + "props need to use their kebab-case equivalents when using in-DOM " + "templates. You should probably use \"" + altKey + "\" instead of \"" + key + "\"." ); } } checkProp(res, props, key, altKey, true) || checkProp(res, attrs, key, altKey, false); } } return res } function checkProp ( res, hash, key, altKey, preserve ) { if (isDef(hash)) { if (hasOwn(hash, key)) { res[key] = hash[key]; if (!preserve) { delete hash[key]; } return true } else if (hasOwn(hash, altKey)) { res[key] = hash[altKey]; if (!preserve) { delete hash[altKey]; } return true } } return false } /* */ // The template compiler attempts to minimize the need for normalization by // statically analyzing the template at compile time. // // For plain HTML markup, normalization can be completely skipped because the // generated render function is guaranteed to return Array. There are // two cases where extra normalization is needed: // 1. When the children contains components - because a functional component // may return an Array instead of a single root. In this case, just a simple // normalization is needed - if any child is an Array, we flatten the whole // thing with Array.prototype.concat. It is guaranteed to be only 1-level deep // because functional components already normalize their own children. function simpleNormalizeChildren (children) { for (var i = 0; i < children.length; i++) { if (Array.isArray(children[i])) { return Array.prototype.concat.apply([], children) } } return children } // 2. When the children contains constructs that always generated nested Arrays, // e.g.