\n * Title\n *
\n * \n */\n\nexport default class BackButtonElement extends BaseElement {\n /**\n * @attribute modifier\n * @type {String}\n * @description\n * [en]The appearance of the back button.[/en]\n * [ja]バックボタンの見た目を指定します。[/ja]\n */\n\n constructor() {\n super();\n\n contentReady(this, () => {\n this._compile();\n });\n\n this._options = {};\n this._boundOnClick = this._onClick.bind(this);\n }\n\n _updateIcon(icon = util.findChild(this, '.back-button__icon')) {\n icon.innerHTML = autoStyle.getPlatform(this) === 'android' || util.hasModifier(this, 'material') ? mdBackButtonIcon : iosBackButtonIcon;\n }\n\n _compile() {\n autoStyle.prepare(this);\n\n this.classList.add(defaultClassName);\n\n if (!util.findChild(this, '.back-button__label')) {\n const label = util.create('span.back-button__label');\n\n while (this.childNodes[0]) {\n label.appendChild(this.childNodes[0]);\n }\n this.appendChild(label);\n }\n\n if (!util.findChild(this, '.back-button__icon')) {\n const icon = util.create('span.back-button__icon');\n this._updateIcon(icon);\n\n this.insertBefore(icon, this.children[0]);\n }\n\n util.updateRipple(this, undefined, {center: '', 'size': 'contain', 'background': 'transparent'});\n\n ModifierUtil.initModifier(this, scheme);\n }\n\n /**\n * @property options\n * @type {Object}\n * @description\n * [en]Options object.[/en]\n * [ja]オプションを指定するオブジェクト。[/ja]\n */\n\n /**\n * @property options.animation\n * @type {String}\n * @description\n * [en]Animation name. Available animations are \"slide\", \"lift\", \"fade\" and \"none\".\n * These are platform based animations. For fixed animations, add \"-ios\" or \"-md\"\n * suffix to the animation name. E.g. \"lift-ios\", \"lift-md\". Defaults values are \"slide-ios\" and \"fade-md\".\n * [/en]\n * [ja][/ja]\n */\n\n /**\n * @property options.animationOptions\n * @type {String}\n * @description\n * [en]Specify the animation's duration, delay and timing. E.g. `{duration: 0.2, delay: 0.4, timing: 'ease-in'}`[/en]\n * [ja]アニメーション時のduration, delay, timingを指定します。e.g. `{duration: 0.2, delay: 0.4, timing: 'ease-in'}` [/ja]\n */\n\n /**\n * @property options.callback\n * @type {String}\n * @description\n * [en]Function that is called when the transition has ended.[/en]\n * [ja]このメソッドによる画面遷移が終了した際に呼び出される関数オブジェクトを指定します。[/ja]\n */\n\n get options() {\n return this._options;\n }\n\n set options(object) {\n this._options = object;\n }\n\n /**\n * @property onClick\n * @type {Function}\n * @description\n * [en]Used to override the default back button behavior.[/en]\n * [ja][/ja]\n */\n _onClick() {\n if (this.onClick) {\n this.onClick.apply(this);\n }\n else {\n const navigator = util.findParent(this, 'ons-navigator');\n if (navigator) {\n navigator.popPage(this.options);\n }\n }\n }\n\n connectedCallback() {\n this.addEventListener('click', this._boundOnClick, false);\n }\n\n static get observedAttributes() {\n return ['modifier', 'class'];\n }\n\n attributeChangedCallback(name, last, current) {\n switch (name) {\n case 'class':\n util.restoreClass(this, defaultClassName, scheme);\n break;\n\n case 'modifier': {\n ModifierUtil.onModifierChanged(last, current, this, scheme) && this._updateIcon();\n break;\n }\n }\n }\n\n disconnectedCallback() {\n this.removeEventListener('click', this._boundOnClick, false);\n }\n\n show() {\n this.style.display = 'inline-block';\n }\n\n hide() {\n this.style.display = 'none';\n }\n}\n\nonsElements.BackButton = BackButtonElement;\ncustomElements.define('ons-back-button', BackButtonElement);\n","/*\nCopyright 2013-2015 ASIAL CORPORATION\n\nLicensed under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License.\nYou may obtain a copy of the License at\n\n http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n\n*/\n\nimport onsElements from '../ons/elements';\nimport util from '../ons/util';\nimport autoStyle from '../ons/autostyle';\nimport ModifierUtil from '../ons/internal/modifier-util';\nimport BaseElement from './base/base-element';\n\nconst defaultClassName = 'bottom-bar';\nconst scheme = {'': 'bottom-bar--*'};\n\n/**\n * @element ons-bottom-toolbar\n * @category page\n * @description\n * [en]Toolbar component that is positioned at the bottom of the page. Since bottom toolbars are very versatile elements, `ons-bottom-toolbar` does not provide any specific layout syntax for its children. Modifiers or custom CSS must be used.[/en]\n * [ja]ページ下部に配置されるツールバー用コンポーネントです。[/ja]\n * @modifier transparent\n * [en]Make the toolbar transparent.[/en]\n * [ja]ツールバーの背景を透明にして表示します。[/ja]\n * @modifier aligned\n * [en]Vertically aligns its children and applies flexbox for block elements. `justify-content` CSS rule can be used to change horizontal align.[/en]\n * [ja]ツールバーの背景を透明にして表示します。[/ja]\n * @seealso ons-toolbar [en]ons-toolbar component[/en][ja]ons-toolbarコンポーネント[/ja]\n * @example\n *
\n * Content\n * \n */\nexport default class BottomToolbarElement extends BaseElement {\n /**\n * @attribute modifier\n * @type {String}\n * @description\n * [en]The appearance of the toolbar.[/en]\n * [ja]ツールバーの見た目の表現を指定します。[/ja]\n */\n\n constructor() {\n super();\n\n this.classList.add(defaultClassName);\n ModifierUtil.initModifier(this, scheme);\n }\n\n static get observedAttributes() {\n return ['modifier', 'class'];\n }\n\n attributeChangedCallback(name, last, current) {\n switch (name) {\n case 'class':\n util.restoreClass(this, defaultClassName, scheme);\n break;\n case 'modifier':\n ModifierUtil.onModifierChanged(last, current, this, scheme);\n break;\n }\n }\n\n}\n\nonsElements.BottomToolbar = BottomToolbarElement;\ncustomElements.define('ons-bottom-toolbar', BottomToolbarElement);\n","/*\nCopyright 2013-2015 ASIAL CORPORATION\n\nLicensed under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License.\nYou may obtain a copy of the License at\n\n http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n\n*/\n\nimport onsElements from '../ons/elements';\nimport BaseButtonElement from './base/base-button';\n\n/**\n * @element ons-button\n * @category form\n * @modifier outline\n * [en]Button with outline and transparent background[/en]\n * [ja]アウトラインを持ったボタンを表示します。[/ja]\n * @modifier light\n * [en]Button that doesn't stand out.[/en]\n * [ja]目立たないボタンを表示します。[/ja]\n * @modifier quiet\n * [en]Button with no outline and or background..[/en]\n * [ja]枠線や背景が無い文字だけのボタンを表示します。[/ja]\n * @modifier cta\n * [en]Button that really stands out.[/en]\n * [ja]目立つボタンを表示します。[/ja]\n * @modifier large\n * [en]Large button that covers the width of the screen.[/en]\n * [ja]横いっぱいに広がる大きなボタンを表示します。[/ja]\n * @modifier large--quiet\n * [en]Large quiet button.[/en]\n * [ja]横いっぱいに広がるquietボタンを表示します。[/ja]\n * @modifier large--cta\n * [en]Large call to action button.[/en]\n * [ja]横いっぱいに広がるctaボタンを表示します。[/ja]\n * @modifier material\n * [en]Material Design button[/en]\n * [ja]マテリアルデザインのボタン[/ja]\n * @modifier material--flat\n * [en]Material Design flat button[/en]\n * [ja]マテリアルデザインのフラットボタン[/ja]\n * @description\n * [en]\n * Button component. If you want to place a button in a toolbar, use `
` or `` instead.\n *\n * Will automatically display as a Material Design button with a ripple effect on Android.\n * [/en]\n * [ja]ボタン用コンポーネント。ツールバーにボタンを設置する場合は、ons-toolbar-buttonもしくはons-back-buttonコンポーネントを使用します。[/ja]\n * @codepen hLayx\n * @tutorial vanilla/Reference/button\n * @guide theming.html#modifiers [en]More details about the `modifier` attribute[/en][ja]modifier属性の使い方[/ja]\n * @guide theming.html#cross-platform-styling-autostyling [en]Information about cross platform styling[/en][ja]Information about cross platform styling[/ja]\n * @example\n * \n * Tap Me\n * \n */\n\nexport default class ButtonElement extends BaseButtonElement {\n\n /**\n * @attribute modifier\n * @type {String}\n * @description\n * [en]The appearance of the button.[/en]\n * [ja]ボタンの表現を指定します。[/ja]\n */\n\n /**\n * @attribute ripple\n * @description\n * [en]If this attribute is defined, the button will have a ripple effect.[/en]\n * [ja][/ja]\n */\n\n /**\n * @attribute disabled\n * @description\n * [en]Specify if button should be disabled.[/en]\n * [ja]ボタンを無効化する場合は指定します。[/ja]\n */\n\n /**\n * @property disabled\n * @type {Boolean}\n * @description\n * [en]Whether the button is disabled or not.[/en]\n * [ja]無効化されている場合に`true`。[/ja]\n */\n\n get _scheme() {\n return { '': 'button--*' };\n }\n\n get _defaultClassName() {\n return 'button';\n }\n}\n\nonsElements.Button = ButtonElement;\ncustomElements.define('ons-button', ButtonElement);\n","/*\nCopyright 2013-2015 ASIAL CORPORATION\n\nLicensed under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License.\nYou may obtain a copy of the License at\n\n http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n\n*/\n\nimport onsElements from '../ons/elements';\nimport util from '../ons/util';\nimport autoStyle from '../ons/autostyle';\nimport ModifierUtil from '../ons/internal/modifier-util';\nimport BaseElement from './base/base-element';\nimport contentReady from '../ons/content-ready';\n\nconst defaultClassName = 'card';\nconst scheme = {\n '': 'card--*',\n '.card__title': 'card--*__title',\n '.card__content': 'card--*__content'\n};\n\n/**\n * @element ons-card\n * @category visual\n * @modifier material\n * [en]A card with material design.[/en]\n * [ja]リストの上下のボーダーが無いリストを表示します。[/ja]\n * @description\n * [en]\n * Component to create a card that displays some information.\n *\n * The card may be composed by divs with specially prepared classes `title` and/or `content`. You can also add your own content as you please.[/en]\n * [ja][/ja]\n * @tutorial vanilla/Reference/card\n * @example\n * \n * Some content
\n * \n */\nexport default class CardElement extends BaseElement {\n\n /**\n * @attribute modifier\n * @type {String}\n * @description\n * [en]The appearance of the card.[/en]\n * [ja]リストの表現を指定します。[/ja]\n */\n\n constructor() {\n super();\n\n contentReady(this, () => {\n this._compile();\n });\n }\n\n _compile() {\n let title, content;\n\n for (let i = 0; i < this.children.length; i++) {\n const el = this.children[i];\n\n if (el.classList.contains('title')) {\n el.classList.add('card__title');\n title = el;\n }\n else if (el.classList.contains('content')) {\n el.classList.add('card__content');\n content = el;\n }\n }\n\n autoStyle.prepare(this);\n this.classList.add(defaultClassName);\n ModifierUtil.initModifier(this, scheme);\n }\n\n static get observedAttributes() {\n return ['modifier', 'class'];\n }\n\n attributeChangedCallback(name, last, current) {\n switch (name) {\n case 'class':\n util.restoreClass(this, defaultClassName, scheme);\n break;\n case 'modifier':\n ModifierUtil.onModifierChanged(last, current, this, scheme);\n break;\n }\n }\n}\n\nonsElements.Card = CardElement;\ncustomElements.define('ons-card', CardElement);\n","/*\nCopyright 2013-2015 ASIAL CORPORATION\n\nLicensed under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License.\nYou may obtain a copy of the License at\n\n http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n\n*/\n\nimport onsElements from '../ons/elements';\nimport util from '../ons/util';\nimport BaseElement from './base/base-element';\nimport ModifierUtil from '../ons/internal/modifier-util';\nconst scheme = {'': 'carousel-item--*'};\n\n/**\n * @element ons-carousel-item\n * @category carousel\n * @description\n * [en]\n * Carousel item component. Used as a child of the `` element.\n * [/en]\n * [ja][/ja]\n * @codepen xbbzOQ\n * @tutorial vanilla/Reference/carousel\n * @seealso ons-carousel\n * [en]`` components[/en]\n * [ja]コンポーネント[/ja]\n * @example\n * \n * \n * ...\n * \n * \n * ...\n * \n * \n */\nexport default class CarouselItemElement extends BaseElement {\n\n constructor() {\n super();\n\n this.style.width = '100%';\n ModifierUtil.initModifier(this, scheme);\n }\n\n static get observedAttributes() {\n return ['modifier']\n }\n\n attributeChangedCallback(name, last, current) {\n if (name === 'modifier') {\n return ModifierUtil.onModifierChanged(last, current, this, scheme);\n }\n }\n}\n\nonsElements.CarouselItem = CarouselItemElement;\ncustomElements.define('ons-carousel-item', CarouselItemElement);\n","import util from '../util';\nimport platform from '../platform';\nimport animit from '../animit';\nimport GestureDetector from '../gesture-detector';\n\nconst directionMap = {\n vertical: {\n axis: 'Y',\n size: 'Height',\n dir: ['up', 'down'],\n t3d: ['0px, ', 'px, 0px']\n },\n horizontal: {\n axis: 'X',\n size: 'Width',\n dir: ['left', 'right'],\n t3d: ['', 'px, 0px, 0px']\n }\n};\n\nexport default class Swiper {\n constructor(params) {\n // Parameters\n const FALSE = (() => false);\n `getInitialIndex getBubbleWidth isVertical isOverScrollable isCentered\n isAutoScrollable refreshHook preChangeHook postChangeHook overScrollHook`\n .split(/\\s+/)\n .forEach(key => this[key] = params[key] || FALSE);\n\n this.getElement = params.getElement; // Required\n this.scrollHook = params.scrollHook; // Optional\n this.itemSize = params.itemSize || '100%';\n\n this.getAutoScrollRatio = (...args) => {\n let ratio = params.getAutoScrollRatio && params.getAutoScrollRatio(...args);\n ratio = typeof ratio === 'number' && ratio === ratio ? ratio : .5;\n if (ratio < 0.0 || ratio > 1.0) {\n util.throw('Invalid auto-scroll-ratio ' + ratio + '. Must be between 0 and 1');\n }\n return ratio;\n };\n\n // Prevent clicks only on desktop\n this.shouldBlock = util.globals.actualMobileOS === 'other';\n\n // Bind handlers\n this.onDragStart = this.onDragStart.bind(this);\n this.onDrag = this.onDrag.bind(this);\n this.onDragEnd = this.onDragEnd.bind(this);\n this.onResize = this.onResize.bind(this);\n\n this._shouldFixScroll = util.globals.actualMobileOS === 'ios';\n }\n\n init({ swipeable, autoRefresh } = {}) {\n this.initialized = true;\n this.target = this.getElement().children[0];\n this.blocker = this.getElement().children[1];\n if (!this.target || !this.blocker) {\n util.throw('Expected \"target\" and \"blocker\" elements to exist before initializing Swiper');\n }\n\n if (!this.shouldBlock) {\n this.blocker.style.display = 'none';\n }\n\n // Add classes\n this.getElement().classList.add('ons-swiper');\n this.target.classList.add('ons-swiper-target');\n this.blocker.classList.add('ons-swiper-blocker');\n\n // Setup listeners\n this._gestureDetector = new GestureDetector(this.getElement(),\n { dragMinDistance: 1, dragLockToAxis: true, passive: !this._shouldFixScroll }\n );\n this._mutationObserver = new MutationObserver(() => this.refresh());\n this.updateSwipeable(swipeable);\n this.updateAutoRefresh(autoRefresh);\n\n // Setup initial layout\n this._scroll = this._offset = this._lastActiveIndex = 0;\n this._updateLayout();\n this._setupInitialIndex();\n setImmediate(() => this.initialized && this._setupInitialIndex());\n\n // Fix rendering glitch on Android 4.1\n // Fix for iframes where the width is inconsistent at the beginning\n if (window !== window.parent || this.offsetHeight === 0) {\n window.requestAnimationFrame(() => this.initialized && this.onResize());\n }\n }\n\n dispose() {\n this.initialized = false;\n this.updateSwipeable(false);\n this.updateAutoRefresh(false);\n\n this._gestureDetector && this._gestureDetector.dispose();\n this.target = this.blocker = this._gestureDetector = this._mutationObserver = null;\n\n this.setupResize(false);\n }\n\n onResize() {\n const i = this._scroll / this.itemNumSize;\n this._reset();\n this.setActiveIndex(i);\n this.refresh();\n }\n\n get itemCount() {\n return this.target.children.length;\n }\n\n get itemNumSize() {\n if (typeof this._itemNumSize !== 'number' || this._itemNumSize !== this._itemNumSize) {\n this._itemNumSize = this._calculateItemSize();\n }\n return this._itemNumSize;\n }\n\n get maxScroll() {\n const max = this.itemCount * this.itemNumSize - this.targetSize;\n return Math.ceil(max < 0 ? 0 : max); // Need to return an integer value.\n }\n\n _calculateItemSize() {\n const matches = this.itemSize.match(/^(\\d+)(px|%)/);\n\n if (!matches) {\n util.throw(`Invalid state: swiper's size unit must be '%' or 'px'`);\n }\n\n const value = parseInt(matches[1], 10);\n return matches[2] === '%' ? Math.round(value / 100 * this.targetSize) : value;\n }\n\n _setupInitialIndex() {\n this._reset();\n this._lastActiveIndex = Math.max(Math.min(Number(this.getInitialIndex()), this.itemCount), 0);\n this._scroll = this._offset + this.itemNumSize * this._lastActiveIndex;\n this._scrollTo(this._scroll);\n }\n\n _setSwiping(toggle) {\n this.target.classList.toggle('swiping', toggle); // Hides everything except shown pages\n }\n\n setActiveIndex(index, options = {}) {\n this._setSwiping(true);\n index = Math.max(0, Math.min(index, this.itemCount - 1));\n const scroll = Math.max(0, Math.min(this.maxScroll, this._offset + this.itemNumSize * index));\n\n return this._changeTo(scroll, options);\n }\n\n getActiveIndex(scroll = this._scroll) {\n scroll -= this._offset;\n const count = this.itemCount,\n size = this.itemNumSize;\n\n if (this.itemNumSize === 0 || !util.isInteger(scroll)) {\n return this._lastActiveIndex;\n }\n\n if (scroll <= 0) {\n return 0;\n }\n\n for (let i = 0; i < count; i++) {\n if (size * i <= scroll && size * (i + 1) > scroll) {\n return i;\n }\n }\n\n return count - 1;\n }\n\n setupResize(add) {\n window[(add ? 'add' : 'remove') + 'EventListener']('resize', this.onResize, true);\n }\n\n show() {\n this.setupResize(true);\n this.onResize();\n setTimeout(() => this.target && this.target.classList.add('active'), 1000/60); // Hide elements after animations\n }\n\n hide() {\n this.setupResize(false);\n this.target.classList.remove('active'); // Show elements before animations\n }\n\n updateSwipeable(shouldUpdate) {\n if (this._gestureDetector) {\n const action = shouldUpdate ? 'on' : 'off';\n this._gestureDetector[action]('drag', this.onDrag);\n this._gestureDetector[action]('dragstart', this.onDragStart);\n this._gestureDetector[action]('dragend', this.onDragEnd);\n }\n }\n\n updateAutoRefresh(shouldWatch) {\n if (this._mutationObserver) {\n shouldWatch\n ? this._mutationObserver.observe(this.target, { childList: true })\n : this._mutationObserver.disconnect();\n }\n }\n\n updateItemSize(newSize) {\n this.itemSize = newSize || '100%';\n this.refresh();\n }\n\n toggleBlocker(block) {\n this.blocker.style.pointerEvents = block ? 'auto' : 'none';\n }\n\n _canConsumeGesture(gesture) {\n const d = gesture.direction;\n const isFirst = this._scroll === 0 && !this.isOverScrollable();\n const isLast = this._scroll === this.maxScroll && !this.isOverScrollable();\n\n return this.isVertical()\n ? ((d === 'down' && !isFirst) || (d === 'up' && !isLast))\n : ((d === 'right' && !isFirst) || (d === 'left' && !isLast));\n }\n\n onDragStart(event) {\n this._ignoreDrag = event.consumed || !util.isValidGesture(event);\n\n if (!this._ignoreDrag) {\n const consume = event.consume;\n event.consume = () => { consume && consume(); this._ignoreDrag = true; };\n\n if (this._canConsumeGesture(event.gesture)) {\n const startX = event.gesture.center && event.gesture.center.clientX || 0,\n distFromEdge = this.getBubbleWidth() || 0,\n start = () => {\n consume && consume();\n event.consumed = true;\n this._started = true; // Avoid starting drag from outside\n this.shouldBlock && this.toggleBlocker(true);\n this._setSwiping(true);\n util.iosPreventScroll(this._gestureDetector);\n };\n\n // Let parent elements consume the gesture or consume it right away\n startX < distFromEdge || startX > (this.targetSize - distFromEdge)\n ? setImmediate(() => !this._ignoreDrag && start())\n : start();\n }\n }\n }\n\n onDrag(event) {\n if (!event.gesture || this._ignoreDrag || !this._started) {\n return;\n }\n\n this._continued = true; // Fix for random 'dragend' without 'drag'\n event.stopPropagation();\n\n this._scrollTo(this._scroll - this._getDelta(event), { throttle: true });\n }\n\n onDragEnd(event) {\n this._started = false;\n if (!event.gesture || this._ignoreDrag || !this._continued) {\n this._ignoreDrag = true; // onDragEnd might fire before onDragStart's setImmediate\n return;\n }\n\n this._continued = false;\n event.stopPropagation();\n\n const scroll = this._scroll - this._getDelta(event);\n const normalizedScroll = this._normalizeScroll(scroll);\n scroll === normalizedScroll ? this._startMomentumScroll(scroll, event) : this._killOverScroll(normalizedScroll);\n this.shouldBlock && this.toggleBlocker(false);\n }\n\n _startMomentumScroll(scroll, event) {\n const velocity = this._getVelocity(event),\n matchesDirection = event.gesture.interimDirection === this.dM.dir[this._getDelta(event) < 0 ? 0 : 1];\n\n const nextScroll = this._getAutoScroll(scroll, velocity, matchesDirection);\n let duration = Math.abs(nextScroll - scroll) / (velocity + 0.01) / 1000;\n duration = Math.min(.25, Math.max(.1, duration));\n\n this._changeTo(nextScroll, { swipe: true, animationOptions: { duration, timing: 'cubic-bezier(.4, .7, .5, 1)' } });\n }\n\n _killOverScroll(scroll) {\n this._scroll = scroll;\n const direction = this.dM.dir[Number(scroll > 0)];\n const killOverScroll = () => this._changeTo(scroll, { animationOptions: { duration: .4, timing: 'cubic-bezier(.1, .4, .1, 1)' } });\n this.overScrollHook({ direction, killOverScroll }) || killOverScroll();\n }\n\n _changeTo(scroll, options = {}) {\n const e = { activeIndex: this.getActiveIndex(scroll), lastActiveIndex: this._lastActiveIndex, swipe: options.swipe || false };\n const change = e.activeIndex !== e.lastActiveIndex;\n const canceled = change ? this.preChangeHook(e) : false;\n\n this._scroll = canceled ? this._offset + e.lastActiveIndex * this.itemNumSize : scroll;\n this._lastActiveIndex = canceled ? e.lastActiveIndex : e.activeIndex;\n\n return this._scrollTo(this._scroll, options).then(() => {\n if (scroll === this._scroll && !canceled) {\n this._setSwiping(false);\n change && this.postChangeHook(e);\n } else if (options.reject) {\n this._setSwiping(false);\n return Promise.reject('Canceled');\n }\n });\n }\n\n _scrollTo(scroll, options = {}) {\n if (options.throttle) {\n const ratio = 0.35;\n if (scroll < 0) {\n scroll = this.isOverScrollable() ? Math.round(scroll * ratio) : 0;\n } else {\n const maxScroll = this.maxScroll;\n if (maxScroll < scroll) {\n scroll = this.isOverScrollable() ? maxScroll + Math.round((scroll - maxScroll) * ratio) : maxScroll;\n }\n }\n }\n\n const opt = options.animation === 'none' ? {} : options.animationOptions;\n this.scrollHook && this.itemNumSize > 0 && this.scrollHook((scroll / this.itemNumSize).toFixed(2), options.animationOptions || {});\n\n return new Promise(resolve =>\n animit(this.target)\n .queue({ transform: this._getTransform(scroll) }, opt)\n .play(resolve)\n );\n }\n\n _getAutoScroll(scroll, velocity, matchesDirection) {\n const max = this.maxScroll,\n offset = this._offset,\n size = this.itemNumSize;\n\n if (!this.isAutoScrollable()) {\n return Math.max(0, Math.min(max, scroll));\n }\n\n let arr = [];\n for (let s = offset; s < max; s += size) {\n arr.push(s);\n }\n arr.push(max);\n\n arr = arr\n .sort((left, right) => Math.abs(left - scroll) - Math.abs(right - scroll))\n .filter((item, pos) => !pos || item !== arr[pos - 1]);\n\n let result = arr[0];\n const lastScroll = this._lastActiveIndex * size + offset;\n const scrollRatio = Math.abs(scroll - lastScroll) / size;\n\n if (scrollRatio <= this.getAutoScrollRatio(matchesDirection, velocity, size)) {\n result = lastScroll;\n } else {\n if (scrollRatio < 1.0 && arr[0] === lastScroll && arr.length > 1) {\n result = arr[1];\n }\n }\n return Math.max(0, Math.min(max, result));\n }\n\n _reset() {\n this._targetSize = this._itemNumSize = undefined;\n }\n\n _normalizeScroll(scroll) {\n return Math.max( Math.min(scroll, this.maxScroll), 0)\n }\n\n refresh() {\n this._reset();\n this._updateLayout();\n\n if (util.isInteger(this._scroll)) {\n const scroll = this._normalizeScroll(this._scroll);\n scroll !== this._scroll ? this._killOverScroll(scroll) : this._changeTo(scroll);\n } else {\n this._setupInitialIndex();\n }\n\n this.refreshHook();\n }\n\n get targetSize() {\n if (!this._targetSize) {\n this._targetSize = this.target[`offset${this.dM.size}`];\n }\n return this._targetSize;\n }\n\n _getDelta(event) {\n return event.gesture[`delta${this.dM.axis}`];\n }\n\n _getVelocity(event) {\n return event.gesture[`velocity${this.dM.axis}`];\n }\n\n _getTransform(scroll) {\n return `translate3d(${this.dM.t3d[0]}${-scroll}${this.dM.t3d[1]})`;\n }\n\n _updateLayout() {\n this.dM = directionMap[this.isVertical() ? 'vertical' : 'horizontal'];\n this.target.classList.toggle('ons-swiper-target--vertical', this.isVertical());\n\n for (let c = this.target.children[0]; c; c = c.nextElementSibling) {\n c.style[this.dM.size.toLowerCase()] = this.itemSize;\n }\n\n if (this.isCentered()) {\n this._offset = (this.targetSize - this.itemNumSize) / -2 || 0;\n }\n }\n}\n\n","/*\nCopyright 2013-2015 ASIAL CORPORATION\n\nLicensed under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License.\nYou may obtain a copy of the License at\n\n http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n\n*/\n\nimport onsElements from '../ons/elements';\nimport util from '../ons/util';\nimport BaseElement from './base/base-element';\nimport contentReady from '../ons/content-ready';\nimport Swiper from '../ons/internal/swiper';\n\n/**\n * @element ons-carousel\n * @category carousel\n * @description\n * [en]\n * Carousel component. A carousel can be used to display several items in the same space.\n *\n * The component supports displaying content both horizontally and vertically. The user can scroll through the items by dragging and it can also be controller programmatically.\n * [/en]\n * [ja][/ja]\n * @codepen xbbzOQ\n * @tutorial vanilla/Reference/carousel\n * @seealso ons-carousel-item\n * [en]`` component[/en]\n * [ja]ons-carousel-itemコンポーネント[/ja]\n * @example\n * \n * \n * ...\n * \n * \n * ...\n * \n * \n */\nexport default class CarouselElement extends BaseElement {\n\n /**\n * @event postchange\n * @description\n * [en]Fired just after the current carousel item has changed.[/en]\n * [ja]現在表示しているカルーセルの要素が変わった時に発火します。[/ja]\n * @param {Object} event\n * [en]Event object.[/en]\n * [ja]イベントオブジェクトです。[/ja]\n * @param {Object} event.carousel\n * [en]Carousel object.[/en]\n * [ja]イベントが発火したCarouselオブジェクトです。[/ja]\n * @param {Number} event.activeIndex\n * [en]Current active index.[/en]\n * [ja]現在アクティブになっている要素のインデックス。[/ja]\n * @param {Number} event.lastActiveIndex\n * [en]Previous active index.[/en]\n * [ja]以前アクティブだった要素のインデックス。[/ja]\n */\n\n /**\n * @event refresh\n * @description\n * [en]Fired when the carousel has been refreshed.[/en]\n * [ja]カルーセルが更新された時に発火します。[/ja]\n * @param {Object} event\n * [en]Event object.[/en]\n * [ja]イベントオブジェクトです。[/ja]\n * @param {Object} event.carousel\n * [en]Carousel object.[/en]\n * [ja]イベントが発火したCarouselオブジェクトです。[/ja]\n */\n\n /**\n * @event overscroll\n * @description\n * [en]Fired when the carousel has been overscrolled.[/en]\n * [ja]カルーセルがオーバースクロールした時に発火します。[/ja]\n * @param {Object} event\n * [en]Event object.[/en]\n * [ja]イベントオブジェクトです。[/ja]\n * @param {Object} event.carousel\n * [en]Fired when the carousel has been refreshed.[/en]\n * [ja]カルーセルが更新された時に発火します。[/ja]\n * @param {Number} event.activeIndex\n * [en]Current active index.[/en]\n * [ja]現在アクティブになっている要素のインデックス。[/ja]\n * @param {String} event.direction\n * [en]Can be one of either \"up\", \"down\", \"left\" or \"right\".[/en]\n * [ja]オーバースクロールされた方向が得られます。\"up\", \"down\", \"left\", \"right\"のいずれかの方向が渡されます。[/ja]\n * @param {Function} event.waitToReturn\n * [en]Takes a Promise object as an argument. The carousel will not scroll back until the promise has been resolved or rejected.[/en]\n * [ja]この関数はPromiseオブジェクトを引数として受け取ります。渡したPromiseオブジェクトがresolveされるかrejectされるまで、カルーセルはスクロールバックしません。[/ja]\n */\n\n /**\n * @attribute direction\n * @type {String}\n * @description\n * [en]The direction of the carousel. Can be either \"horizontal\" or \"vertical\". Default is \"horizontal\".[/en]\n * [ja]カルーセルの方向を指定します。\"horizontal\"か\"vertical\"を指定できます。\"horizontal\"がデフォルト値です。[/ja]\n */\n\n /**\n * @attribute fullscreen\n * @description\n * [en]If this attribute is set the carousel will cover the whole screen.[/en]\n * [ja]この属性があると、absoluteポジションを使ってカルーセルが自動的に画面いっぱいに広がります。[/ja]\n */\n\n /**\n * @attribute overscrollable\n * @description\n * [en]If this attribute is set the carousel will be scrollable over the edge. It will bounce back when released.[/en]\n * [ja]この属性がある時、タッチやドラッグで端までスクロールした時に、バウンドするような効果が当たります。[/ja]\n */\n\n /**\n * @attribute centered\n * @description\n * [en]If this attribute is set the carousel then the selected item will be in the center of the carousel instead of the beginning. Useful only when the items are smaller than the carousel. [/en]\n * [ja]この属性がある時、選んでいるons-carousel-itemはカルーセルの真ん中へ行きます。項目がカルーセルよりも小さい場合にのみ、これは便利です。[/ja]\n */\n\n /**\n * @attribute item-width\n * @type {String}\n * @description\n * [en]ons-carousel-item's width. Only works when the direction is set to \"horizontal\".[/en]\n * [ja]ons-carousel-itemの幅を指定します。この属性は、direction属性に\"horizontal\"を指定した時のみ有効になります。[/ja]\n */\n\n /**\n * @attribute item-height\n * @type {String}\n * @description\n * [en]ons-carousel-item's height. Only works when the direction is set to \"vertical\".[/en]\n * [ja]ons-carousel-itemの高さを指定します。この属性は、direction属性に\"vertical\"を指定した時のみ有効になります。[/ja]\n */\n\n /**\n * @attribute auto-scroll\n * @description\n * [en]If this attribute is set the carousel will be automatically scrolled to the closest item border when released.[/en]\n * [ja]この属性がある時、一番近いcarousel-itemの境界まで自動的にスクロールするようになります。[/ja]\n */\n\n /**\n * @attribute auto-scroll-ratio\n * @type {Number}\n * @description\n * [en]A number between 0.0 and 1.0 that specifies how much the user must drag the carousel in order for it to auto scroll to the next item.[/en]\n * [ja]0.0から1.0までの値を指定します。カルーセルの要素をどれぐらいの割合までドラッグすると次の要素に自動的にスクロールするかを指定します。[/ja]\n */\n\n /**\n * @attribute swipeable\n * @description\n * [en]If this attribute is set the carousel can be scrolled by drag or swipe.[/en]\n * [ja]この属性がある時、カルーセルをスワイプやドラッグで移動できるようになります。[/ja]\n */\n\n /**\n * @attribute disabled\n * @description\n * [en]If this attribute is set the carousel is disabled.[/en]\n * [ja]この属性がある時、dragやtouchやswipeを受け付けなくなります。[/ja]\n */\n\n /**\n * @attribute initial-index\n * @initonly\n * @default 0\n * @type {Number}\n * @description\n * [en]Specify the index of the ons-carousel-item to show initially. Default is 0.[/en]\n * [ja]最初に表示するons-carousel-itemを0始まりのインデックスで指定します。デフォルト値は 0 です。[/ja]\n */\n\n /**\n * @attribute auto-refresh\n * @description\n * [en]When this attribute is set the carousel will automatically refresh when the number of child nodes change.[/en]\n * [ja]この属性がある時、子要素の数が変わるとカルーセルは自動的に更新されるようになります。[/ja]\n */\n\n /**\n * @attribute animation\n * @type {String}\n * @description\n * [en]If this attribute is set to `\"none\"` the transitions will not be animated.[/en]\n * [ja][/ja]\n */\n\n /**\n * @attribute animation-options\n * @type {Expression}\n * @description\n * [en]Specify the animation's duration, timing and delay with an object literal. E.g. `{duration: 0.2, delay: 1, timing: 'ease-in'}`.[/en]\n * [ja]アニメーション時のduration, timing, delayをオブジェクトリテラルで指定します。例：{duration: 0.2, delay: 1, timing: 'ease-in'}[/ja]\n */\n\n constructor() {\n super();\n\n contentReady(this, () => this._compile());\n }\n\n _compile() {\n const target = this.children[0] && this.children[0].tagName !== 'ONS-CAROUSEL-ITEM' && this.children[0] || document.createElement('div');\n if (!target.parentNode) {\n while (this.firstChild) {\n target.appendChild(this.firstChild);\n }\n this.appendChild(target);\n }\n\n !this.children[1] && this.appendChild(document.createElement('div'));\n\n this.appendChild = this.appendChild.bind(target);\n this.insertBefore = this.insertBefore.bind(target);\n }\n\n connectedCallback() {\n if (!this._swiper) {\n this._swiper = new Swiper({\n getElement: () => this,\n getInitialIndex: () => this.getAttribute('initial-index'),\n getAutoScrollRatio: () => this.autoScrollRatio,\n isVertical: () => this.vertical,\n isOverScrollable: () => this.overscrollable,\n isCentered: () => this.centered,\n isAutoScrollable: () => this.autoScroll,\n itemSize: this.itemSize,\n overScrollHook: this._onOverScroll.bind(this),\n preChangeHook: this._onChange.bind(this, 'prechange'),\n postChangeHook: this._onChange.bind(this, 'postchange'),\n refreshHook: this._onRefresh.bind(this),\n scrollHook: (...args) => this._onSwipe && this._onSwipe(...args)\n });\n\n contentReady(this, () => this._swiper.init({\n swipeable: this.hasAttribute('swipeable'),\n autoRefresh: this.hasAttribute('auto-refresh')\n }));\n }\n }\n\n disconnectedCallback() {\n if (this._swiper && this._swiper.initialized) {\n this._swiper.dispose();\n this._swiper = null;\n }\n }\n\n static get observedAttributes() {\n return ['swipeable', 'auto-refresh', 'direction', 'item-height', 'item-width'];\n }\n\n attributeChangedCallback(name, last, current) {\n if (!this._swiper) {\n return;\n }\n\n switch (name) {\n case 'swipeable':\n this._swiper.updateSwipeable(this.hasAttribute('swipeable'));\n break;\n case 'auto-refresh':\n this._swiper.updateAutoRefresh(this.hasAttribute('auto-refresh'));\n break;\n case 'item-height':\n this.vertical && this._swiper.updateItemSize(this.itemSize);\n break;\n case 'item-width':\n this.vertical || this._swiper.updateItemSize(this.itemSize);\n break;\n case 'direction':\n this._swiper.refresh();\n }\n }\n\n _show() {\n this._swiper.show();\n }\n\n _hide() {\n this._swiper.hide();\n }\n\n _onOverScroll({ direction, killOverScroll }) {\n let waitForAction = false;\n util.triggerElementEvent(this, 'overscroll', {\n carousel: this,\n activeIndex: this.getActiveIndex(),\n direction,\n waitToReturn: promise => {\n waitForAction = true;\n promise.then(killOverScroll);\n }\n });\n\n return waitForAction;\n }\n\n _onChange(eventName, { activeIndex, lastActiveIndex }) {\n util.triggerElementEvent(this, eventName, { carousel: this, activeIndex, lastActiveIndex });\n }\n\n _onRefresh() {\n util.triggerElementEvent(this, 'refresh', { carousel: this });\n }\n\n /**\n * @method setActiveIndex\n * @signature setActiveIndex(index, [options])\n * @param {Number} index\n * [en]The index that the carousel should be set to.[/en]\n * [ja]carousel要素のインデックスを指定します。[/ja]\n * @param {Object} [options]\n * [en]Parameter object.[/en]\n * [ja][/ja]\n * @param {Function} [options.callback]\n * [en]A function that will be called after the animation is finished.[/en]\n * [ja][/ja]\n * @param {String} [options.animation]\n * [en]If this attribute is set to `\"none\"` the transitions will not be animated.[/en]\n * [ja][/ja]\n * @param {Object} [options.animationOptions]\n * [en]An object that can be used to specify duration, delay and timing function of the animation.[/en]\n * [ja][/ja]\n * @description\n * [en]Specify the index of the `` to show.[/en]\n * [ja]表示するons-carousel-itemをindexで指定します。[/ja]\n * @return {Promise}\n * [en]Resolves to the carousel element.[/en]\n * [ja][/ja]\n */\n setActiveIndex(index, options = {}) {\n options = {\n animation: this.getAttribute('animation'),\n animationOptions: this.hasAttribute('animation-options')\n ? util.animationOptionsParse(this.getAttribute('animation-options'))\n : { duration: .3, timing: 'cubic-bezier(.4, .7, .5, 1)' },\n ...options\n };\n\n return this._swiper.setActiveIndex(index, options)\n .then(() => {\n options.callback instanceof Function && options.callback(this);\n return Promise.resolve(this);\n });\n }\n\n /**\n * @method getActiveIndex\n * @signature getActiveIndex()\n * @return {Number}\n * [en]The current carousel item index.[/en]\n * [ja]現在表示しているカルーセル要素のインデックスが返されます。[/ja]\n * @description\n * [en]Returns the index of the currently visible ``.[/en]\n * [ja]現在表示されているons-carousel-item要素のインデックスを返します。[/ja]\n */\n getActiveIndex() {\n return this._swiper.getActiveIndex();\n }\n\n /**\n * @method next\n * @signature next([options])\n * @param {Object} [options]\n * [en]Parameter object.[/en]\n * [ja][/ja]\n * @param {Function} [options.callback]\n * [en]A function that will be executed after the animation has finished.[/en]\n * [ja][/ja]\n * @param {String} [options.animation]\n * [en]If this attribute is set to `\"none\"` the transitions will not be animated.[/en]\n * [ja][/ja]\n * @param {Object} [options.animationOptions]\n * [en]An object that can be used to specify the duration, delay and timing function of the animation.[/en]\n * [ja][/ja]\n * @return {Promise}\n * [en]Resolves to the carousel element[/en]\n * [ja][/ja]\n * @description\n * [en]Show next ``.[/en]\n * [ja]次のons-carousel-itemを表示します。[/ja]\n */\n next(options) {\n return this.setActiveIndex(this.getActiveIndex() + 1, options);\n }\n\n /**\n * @method prev\n * @signature prev([options])\n * @param {Object} [options]\n * [en]Parameter object.[/en]\n * [ja][/ja]\n * @param {Function} [options.callback]\n * [en]A function that will be executed after the animation has finished.[/en]\n * [ja][/ja]\n * @param {String} [options.animation]\n * [en]If this attribute is set to `\"none\"` the transitions will not be animated.[/en]\n * [ja][/ja]\n * @param {Object} [options.animationOptions]\n * [en]An object that can be used to specify the duration, delay and timing function of the animation.[/en]\n * [ja][/ja]\n * @return {Promise}\n * [en]Resolves to the carousel element[/en]\n * [ja][/ja]\n * @description\n * [en]Show previous ``.[/en]\n * [ja]前のons-carousel-itemを表示します。[/ja]\n */\n prev(options) {\n return this.setActiveIndex(this.getActiveIndex() - 1, options);\n }\n\n /**\n * @method first\n * @signature first()\n * @param {Object} [options]\n * [en]Parameter object.[/en]\n * [ja][/ja]\n * @param {Function} [options.callback]\n * [en]A function that will be executed after the animation has finished.[/en]\n * [ja][/ja]\n * @param {String} [options.animation]\n * [en]If this is set to `\"none\"`, the transitions will not be animated.[/en]\n * [ja][/ja]\n * @param {Object} [options.animationOptions]\n * [en]An object that can be used to specify the duration, delay and timing function of the animation.[/en]\n * [ja][/ja]\n * @return {Promise}\n * [en]Resolves to the carousel element[/en]\n * [ja][/ja]\n * @description\n * [en]Show first ``.[/en]\n * [ja]最初のons-carousel-itemを表示します。[/ja]\n */\n first(options) {\n return this.setActiveIndex(0, options);\n }\n\n /**\n * @method last\n * @signature last()\n * @param {Object} [options]\n * [en]Parameter object.[/en]\n * [ja][/ja]\n * @param {Function} [options.callback]\n * [en]A function that will be executed after the animation has finished.[/en]\n * [ja][/ja]\n * @param {String} [options.animation]\n * [en]If this attribute is set to `\"none\"` the transitions will not be animated.[/en]\n * [ja][/ja]\n * @param {Object} [options.animationOptions]\n * [en]An object that can be used to specify the duration, delay and timing function of the animation.[/en]\n * [ja][/ja]\n * @return {Promise}\n * [en]Resolves to the carousel element[/en]\n * [ja]Resolves to the carousel element[/ja]\n * @description\n * [en]Show last ons-carousel item.[/en]\n * [ja]最後のons-carousel-itemを表示します。[/ja]\n */\n last(options) {\n this.setActiveIndex(Math.max(this.itemCount - 1, 0), options);\n }\n\n /**\n * @method refresh\n * @signature refresh()\n * @description\n * [en]Update the layout of the carousel. Used when adding `` dynamically or to automatically adjust the size.[/en]\n * [ja]レイアウトや内部の状態を最新のものに更新します。ons-carousel-itemを動的に増やしたり、ons-carouselの大きさを動的に変える際に利用します。[/ja]\n */\n refresh() {\n this._swiper.refresh();\n }\n\n /**\n * @property itemCount\n * @readonly\n * @type {Number}\n * @description\n * [en]The number of carousel items.[/en]\n * [ja]カルーセル要素の数です。[/ja]\n */\n get itemCount() {\n return this._swiper.itemCount;\n }\n\n /**\n * @property swipeable\n * @type {Boolean}\n * @description\n * [en]true if the carousel is swipeable.[/en]\n * [ja]swipeableであればtrueを返します。[/ja]\n */\n get swipeable() {\n return this.hasAttribute('swipeable');\n }\n\n set swipeable(value) {\n return util.toggleAttribute(this, 'swipeable', value);\n }\n\n /**\n * @property onSwipe\n * @type {Function}\n * @description\n * [en]Hook called whenever the user slides the carousel. It gets a decimal index and an animationOptions object as arguments.[/en]\n * [ja][/ja]\n */\n get onSwipe() {\n return this._onSwipe;\n }\n\n set onSwipe(value) {\n if (value && !(value instanceof Function)) {\n util.throw(`\"onSwipe\" must be a function`)\n }\n this._onSwipe = value;\n }\n\n /**\n * @property autoScroll\n * @type {Boolean}\n * @description\n * [en]true if auto scroll is enabled.[/en]\n * [ja]オートスクロールが有効であればtrueを返します。[/ja]\n */\n get autoScroll() {\n return this.hasAttribute('auto-scroll');\n }\n\n set autoScroll(value) {\n return util.toggleAttribute(this, 'auto-scroll', value);\n }\n\n get vertical() {\n return this.getAttribute('direction') === 'vertical';\n }\n\n get itemSize() {\n const itemSizeAttr = (this.getAttribute(`item-${this.vertical ? 'height' : 'width'}`) || '').trim();\n return itemSizeAttr.match(/^\\d+(px|%)$/) ? itemSizeAttr : '100%';\n }\n\n /**\n * @property autoScrollRatio\n * @type {Number}\n * @description\n * [en]The current auto scroll ratio. [/en]\n * [ja]現在のオートスクロールのratio値。[/ja]\n */\n get autoScrollRatio() {\n return parseFloat(this.getAttribute('auto-scroll-ratio'));\n }\n\n set autoScrollRatio(ratio) {\n this.setAttribute('auto-scroll-ratio', ratio);\n }\n\n /**\n * @property disabled\n * @type {Boolean}\n * @description\n * [en]Whether the carousel is disabled or not.[/en]\n * [ja]無効化されている場合に`true`。[/ja]\n */\n get disabled() {\n return this.hasAttribute('disabled');\n }\n\n set disabled(value) {\n return util.toggleAttribute(this, 'disabled', value);\n }\n\n /**\n * @property overscrollable\n * @type {Boolean}\n * @description\n * [en]Whether the carousel is overscrollable or not.[/en]\n * [ja]overscrollできればtrueを返します。[/ja]\n */\n get overscrollable() {\n return this.hasAttribute('overscrollable');\n }\n\n set overscrollable(value) {\n return util.toggleAttribute(this, 'overscrollable', value);\n }\n\n /**\n * @property centered\n * @type {Boolean}\n * @description\n * [en]Whether the carousel is centered or not.[/en]\n * [ja]centered状態になっていればtrueを返します。[/ja]\n */\n get centered() {\n return this.hasAttribute('centered');\n }\n\n set centered(value) {\n return util.toggleAttribute(this, 'centered', value);\n }\n\n static get events() {\n return ['postchange', 'refresh', 'overscroll'];\n }\n}\n\nonsElements.Carousel = CarouselElement;\ncustomElements.define('ons-carousel', CarouselElement);\n","/*\nCopyright 2013-2015 ASIAL CORPORATION\n\nLicensed under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License.\nYou may obtain a copy of the License at\n\n http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n\n*/\n\nimport onsElements from '../ons/elements';\nimport styler from '../ons/styler';\nimport BaseElement from './base/base-element';\n\n/**\n * @element ons-col\n * @category grid\n * @description\n * [en]Represents a column in the grid system. Use with `` to layout components.[/en]\n * [ja]グリッドシステムにて列を定義します。ons-rowとともに使用し、コンポーネントのレイアウトに利用します。[/ja]\n * @note\n * [en]For Android 4.3 and earlier, and iOS6 and earlier, when using mixed alignment with ons-row and ons-column, they may not be displayed correctly. You can use only one alignment.[/en]\n * [ja]Android 4.3以前、もしくはiOS 6以前のOSの場合、ons-rowとons-columnを組み合わせた場合に描画が崩れる場合があります。[/ja]\n * @codepen GgujC {wide}\n * @guide theming.html [en]Layouting guide[/en][ja]レイアウト機能[/ja]\n * @seealso ons-row\n * [en]The `` component is the parent of ``.[/en]\n * [ja]ons-rowコンポーネント[/ja]\n * @example\n * \n * \n * Text\n * \n */\n\n/**\n * @attribute vertical-align\n * @type {String}\n * @description\n * [en]Vertical alignment of the column. Valid values are \"top\", \"center\", and \"bottom\".[/en]\n * [ja]縦の配置を指定する。\"top\", \"center\", \"bottom\"のいずれかを指定します。[/ja]\n */\n\n/**\n * @attribute width\n * @type {String}\n * @description\n * [en]The width of the column. Valid values are css width values (\"10%\", \"50px\").[/en]\n * [ja]カラムの横幅を指定する。パーセントもしくはピクセルで指定します（10%や50px）。[/ja]\n */\nexport default class ColElement extends BaseElement {\n\n constructor() {\n super();\n\n if (this.getAttribute('width')) {\n this._updateWidth();\n }\n }\n\n static get observedAttributes() {\n return ['width'];\n }\n\n attributeChangedCallback(name, last, current) {\n if (name === 'width') {\n this._updateWidth();\n }\n }\n\n _updateWidth() {\n let width = this.getAttribute('width');\n if (!width) {\n styler.clear(this, 'flex maxWidth');\n } else {\n width = width.trim().match(/^\\d+$/) ? width + '%' : width;\n\n styler(this, {\n flex: '0 0 ' + width,\n maxWidth: width\n });\n }\n }\n}\n\nonsElements.Col = ColElement;\ncustomElements.define('ons-col', ColElement);\n","/*\nCopyright 2013-2015 ASIAL CORPORATION\n\nLicensed under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License.\nYou may obtain a copy of the License at\n\n http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n\n*/\n\nimport animit from '../../ons/animit';\nimport BaseAnimator from '../../ons/base-animator'\n\nexport class DialogAnimator extends BaseAnimator {\n\n constructor({timing = 'linear', delay = 0, duration = 0.2} = {}) {\n super({ timing, delay, duration })\n }\n\n /**\n * @param {HTMLElement} dialog\n * @param {Function} done\n */\n show(dialog, done) {\n done();\n }\n\n /**\n * @param {HTMLElement} dialog\n * @param {Function} done\n */\n hide(dialog, done) {\n done();\n }\n}\n\n/**\n * Android style animator for dialog.\n */\nexport class AndroidDialogAnimator extends DialogAnimator {\n\n constructor({timing = 'ease-in-out', delay = 0, duration = 0.3} = {}) {\n super({timing, delay, duration});\n }\n\n /**\n * @param {Object} dialog\n * @param {Function} callback\n */\n show(dialog, callback) {\n callback = callback ? callback : function() {};\n\n animit.runAll(\n\n animit(dialog._mask, this.def)\n .default({ opacity: 0 }, { opacity: 1 }),\n\n animit(dialog._dialog, this.def)\n .default(\n { transform: 'translate3d(-50%, -60%, 0)', opacity: 0 },\n { transform: 'translate3d(-50%, -50%, 0)', opacity: 1 }\n )\n .queue(done => {\n callback();\n done();\n })\n );\n }\n\n /**\n * @param {Object} dialog\n * @param {Function} callback\n */\n hide(dialog, callback) {\n callback = callback ? callback : function() {};\n\n animit.runAll(\n\n animit(dialog._mask, this.def)\n .default({ opacity: 1 }, { opacity: 0 }),\n\n animit(dialog._dialog, this.def)\n .default(\n { transform: 'translate3d(-50%, -50%, 0)', opacity: 1 },\n { transform: 'translate3d(-50%, -60%, 0)', opacity: 0 }\n )\n .queue(done => {\n callback();\n done();\n })\n );\n }\n}\n\n/**\n * iOS style animator for dialog.\n */\nexport class IOSDialogAnimator extends DialogAnimator {\n\n constructor({timing = 'ease-in-out', delay = 0, duration = 0.2} = {}) {\n super({timing, delay, duration});\n\n this.bodyHeight = document.body.clientHeight; // avoid Forced Synchronous Layout\n }\n\n /**\n * @param {Object} dialog\n * @param {Function} callback\n */\n show(dialog, callback) {\n callback = callback ? callback : function() {};\n\n animit.runAll(\n\n animit(dialog._mask, this.def)\n .default({ opacity: 0 }, { opacity: 1 }),\n\n animit(dialog._dialog, this.def)\n .default(\n { transform: `translate3d(-50%, ${this.bodyHeight / 2.0 - 1}px, 0)` },\n { transform: 'translate3d(-50%, -50%, 0)' }\n )\n .queue(done => {\n callback();\n done();\n })\n );\n }\n\n /**\n * @param {Object} dialog\n * @param {Function} callback\n */\n hide(dialog, callback) {\n callback = callback ? callback : function() {};\n\n animit.runAll(\n\n animit(dialog._mask, this.def)\n .default({ opacity: 1 }, { opacity: 0 }),\n\n animit(dialog._dialog, this.def)\n .default(\n { transform: 'translate3d(-50%, -50%, 0)' },\n { transform: `translate3d(-50%, ${this.bodyHeight / 2.0 - 1}px, 0)` }\n )\n .queue(done => {\n callback();\n done();\n })\n );\n }\n}\n\n/**\n * Slide animator for dialog.\n */\nexport class SlideDialogAnimator extends DialogAnimator {\n\n constructor({timing = 'cubic-bezier(.1, .7, .4, 1)', delay = 0, duration = 0.2} = {}) {\n super({timing, delay, duration});\n\n this.bodyHeight = document.body.clientHeight; // avoid Forced Synchronous Layout\n }\n\n /**\n * @param {Object} dialog\n * @param {Function} callback\n */\n show(dialog, callback) {\n callback = callback ? callback : function() {};\n\n animit.runAll(\n\n animit(dialog._mask, this.def)\n .default({ opacity: 0 }, { opacity: 1 }),\n\n animit(dialog._dialog, this.def)\n .default(\n // FIXME: This should avoid Forced Synchronous Layout. Otherwise, fade animation of mask will be broken.\n { transform: `translate3d(-50%, ${- (this.bodyHeight / 2.0) + 1 - dialog._dialog.clientHeight}px, 0)` },\n { transform: 'translate3d(-50%, -50%, 0)' }\n )\n .queue(done => {\n callback();\n done();\n })\n );\n }\n\n /**\n * @param {Object} dialog\n * @param {Function} callback\n */\n hide(dialog, callback) {\n callback = callback ? callback : function() {};\n\n animit.runAll(\n\n animit(dialog._mask, this.def)\n .default({ opacity: 1 }, { opacity: 0 }),\n\n animit(dialog._dialog, this.def)\n .default(\n { transform: 'translate3d(-50%, -50%, 0)' },\n // FIXME: This should avoid Forced Synchronous Layout. Otherwise, fade animation of mask will be broken.\n { transform: `translate3d(-50%, ${- (this.bodyHeight / 2.0) + 1 - dialog._dialog.clientHeight}px, 0)` }\n )\n .queue(done => {\n callback();\n done();\n })\n );\n }\n}\n","/*\nCopyright 2013-2015 ASIAL CORPORATION\n\nLicensed under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License.\nYou may obtain a copy of the License at\n\n http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n\n*/\n\nimport onsElements from '../../ons/elements';\nimport util from '../../ons/util';\nimport autoStyle from '../../ons/autostyle';\nimport ModifierUtil from '../../ons/internal/modifier-util';\nimport AnimatorFactory from '../../ons/internal/animator-factory';\nimport { DialogAnimator, IOSDialogAnimator, AndroidDialogAnimator, SlideDialogAnimator } from './animator';\nimport platform from '../../ons/platform';\nimport BaseDialogElement from '../base/base-dialog';\nimport contentReady from '../../ons/content-ready';\n\nconst scheme = {\n '.dialog': 'dialog--*',\n '.dialog-container': 'dialog-container--*',\n '.dialog-mask': 'dialog-mask--*'\n};\n\nconst _animatorDict = {\n 'default': function () { return platform.isAndroid() ? AndroidDialogAnimator : IOSDialogAnimator },\n 'slide': SlideDialogAnimator,\n 'none': DialogAnimator\n};\n\n/**\n * @element ons-dialog\n * @category dialog\n * @description\n * [en]\n * Dialog that is displayed on top of current screen. As opposed to the `` element, this component can contain any kind of content.\n *\n * To use the element it can either be attached directly to the `` element or dynamically created from a template using the `ons.createDialog(template)` utility function and the `` tag.\n *\n * The dialog is useful for displaying menus, additional information or to ask the user to make a decision.\n *\n * It will automatically be displayed as Material Design when running on an Android device.\n * [/en]\n * [ja][/ja]\n * @modifier material\n * [en]Display a Material Design dialog.[/en]\n * [ja]マテリアルデザインのダイアログを表示します。[/ja]\n * @codepen zxxaGa\n * @tutorial vanilla/Reference/dialog\n * @guide theming.html#modifiers [en]More details about the `modifier` attribute[/en][ja]modifier属性の使い方[/ja]\n * @seealso ons-alert-dialog\n * [en]`` component[/en]\n * [ja]ons-alert-dialogコンポーネント[/ja]\n * @seealso ons-popover\n * [en]`` component[/en]\n * [ja]ons-popoverコンポーネント[/ja]\n * @seealso ons-modal\n * [en]`` component[/en]\n * [ja]ons-modalコンポーネント[/ja]\n * @example\n * \n * This is a dialog!
\n * \n *\n * \n */\nexport default class DialogElement extends BaseDialogElement {\n\n /**\n * @event preshow\n * @description\n * [en]Fired just before the dialog is displayed.[/en]\n * [ja]ダイアログが表示される直前に発火します。[/ja]\n * @param {Object} event [en]Event object.[/en]\n * @param {Object} event.dialog\n * [en]Component object.[/en]\n * [ja]コンポーネントのオブジェクト。[/ja]\n * @param {Function} event.cancel\n * [en]Execute this function to stop the dialog from being shown.[/en]\n * [ja]この関数を実行すると、ダイアログの表示がキャンセルされます。[/ja]\n */\n\n /**\n * @event postshow\n * @description\n * [en]Fired just after the dialog is displayed.[/en]\n * [ja]ダイアログが表示された直後に発火します。[/ja]\n * @param {Object} event [en]Event object.[/en]\n * @param {Object} event.dialog\n * [en]Component object.[/en]\n * [ja]コンポーネントのオブジェクト。[/ja]\n */\n\n /**\n * @event prehide\n * @description\n * [en]Fired just before the dialog is hidden.[/en]\n * [ja]ダイアログが隠れる直前に発火します。[/ja]\n * @param {Object} event [en]Event object.[/en]\n * @param {Object} event.dialog\n * [en]Component object.[/en]\n * [ja]コンポーネントのオブジェクト。[/ja]\n * @param {Function} event.cancel\n * [en]Execute this function to stop the dialog from being hidden.[/en]\n * [ja]この関数を実行すると、ダイアログの非表示がキャンセルされます。[/ja]\n */\n\n /**\n * @event posthide\n * @description\n * [en]Fired just after the dialog is hidden.[/en]\n * [ja]ダイアログが隠れた後に発火します。[/ja]\n * @param {Object} event [en]Event object.[/en]\n * @param {Object} event.dialog\n * [en]Component object.[/en]\n * [ja]コンポーネントのオブジェクト。[/ja]\n */\n\n /**\n * @attribute modifier\n * @type {String}\n * @description\n * [en]The appearance of the dialog.[/en]\n * [ja]ダイアログの表現を指定します。[/ja]\n */\n\n /**\n * @attribute cancelable\n * @description\n * [en]If this attribute is set the dialog can be closed by tapping the background or by pressing the back button on Android devices.[/en]\n * [ja][/ja]\n */\n\n /**\n * @attribute disabled\n * @description\n * [en]If this attribute is set the dialog is disabled.[/en]\n * [ja]この属性がある時、ダイアログはdisabled状態になります。[/ja]\n */\n\n /**\n * @attribute animation\n * @type {String}\n * @default default\n * @description\n * [en]The animation used when showing and hiding the dialog. Can be either `\"none\"` or `\"default\"`.[/en]\n * [ja]ダイアログを表示する際のアニメーション名を指定します。\"none\"もしくは\"default\"を指定できます。[/ja]\n */\n\n /**\n * @attribute animation-options\n * @type {Expression}\n * @description\n * [en]Specify the animation's duration, timing and delay with an object literal. E.g. `{duration: 0.2, delay: 1, timing: 'ease-in'}`.[/en]\n * [ja]アニメーション時のduration, timing, delayをオブジェクトリテラルで指定します。e.g. `{duration: 0.2, delay: 1, timing: 'ease-in'}`[/ja]\n */\n\n /**\n * @attribute mask-color\n * @type {String}\n * @default rgba(0, 0, 0, 0.2)\n * @description\n * [en]Color of the background mask. Default is `\"rgba(0, 0, 0, 0.2)\"`.[/en]\n * [ja]背景のマスクの色を指定します。\"rgba(0, 0, 0, 0.2)\"がデフォルト値です。[/ja]\n */\n\n constructor() {\n super();\n\n contentReady(this, () => this._compile());\n }\n\n get _scheme() {\n return scheme;\n }\n\n get _mask() {\n return util.findChild(this, '.dialog-mask');\n }\n\n get _dialog() {\n return util.findChild(this, '.dialog');\n }\n\n _updateAnimatorFactory() {\n return new AnimatorFactory({\n animators: _animatorDict,\n baseClass: DialogAnimator,\n baseClassName: 'DialogAnimator',\n defaultAnimation: this.getAttribute('animation')\n });\n }\n\n _compile() {\n autoStyle.prepare(this);\n\n this.style.display = 'none';\n this.style.zIndex = 10001;\n\n /* Expected result:\n * \n * \n * \n * \n */\n\n if (!this._dialog) {\n const dialog = document.createElement('div');\n dialog.classList.add('dialog');\n\n const container = document.createElement('div');\n container.classList.add('dialog-container');\n while (this.firstChild) {\n container.appendChild(this.firstChild);\n }\n dialog.appendChild(container);\n\n this.appendChild(dialog);\n }\n\n if (!this._mask) {\n const mask = document.createElement('div');\n mask.classList.add('dialog-mask');\n this.insertBefore(mask, this.firstChild);\n }\n\n this._dialog.style.zIndex = 20001;\n this._mask.style.zIndex = 20000;\n\n this.setAttribute('status-bar-fill', '');\n\n ModifierUtil.initModifier(this, this._scheme);\n }\n\n /**\n * @property onDeviceBackButton\n * @type {Object}\n * @description\n * [en]Back-button handler.[/en]\n * [ja]バックボタンハンドラ。[/ja]\n */\n\n /**\n * @method show\n * @signature show([options])\n * @param {Object} [options]\n * [en]Parameter object.[/en]\n * [ja]オプションを指定するオブジェクト。[/ja]\n * @param {String} [options.animation]\n * [en]Animation name. Available animations are `\"none\"` and `\"slide\"`.[/en]\n * [ja]アニメーション名を指定します。\"none\", \"slide\"のいずれかを指定します。[/ja]\n * @param {String} [options.animationOptions]\n * [en]Specify the animation's duration, delay and timing. E.g. `{duration: 0.2, delay: 0.4, timing: 'ease-in'}`.[/en]\n * [ja]アニメーション時のduration, delay, timingを指定します。e.g. `{duration: 0.2, delay: 0.4, timing: 'ease-in'}` [/ja]\n * @param {Function} [options.callback]\n * [en]This function is called after the dialog has been revealed.[/en]\n * [ja]ダイアログが表示され終わった後に呼び出される関数オブジェクトを指定します。[/ja]\n * @description\n * [en]Show the dialog.[/en]\n * [ja]ダイアログを開きます。[/ja]\n * @return {Promise} Resolves to the displayed element.\n */\n\n /**\n * @method hide\n * @signature hide([options])\n * @param {Object} [options]\n * [en]Parameter object.[/en]\n * [ja]オプションを指定するオブジェクト。[/ja]\n * @param {String} [options.animation]\n * [en]Animation name. Available animations are `\"none\"` and `\"slide\"`.[/en]\n * [ja]アニメーション名を指定します。\"none\", \"slide\"のいずれかを指定できます。[/ja]\n * @param {String} [options.animationOptions]\n * [en]Specify the animation's duration, delay and timing. E.g. `{duration: 0.2, delay: 0.4, timing: 'ease-in'}`.[/en]\n * [ja]アニメーション時のduration, delay, timingを指定します。e.g. `{duration: 0.2, delay: 0.4, timing: 'ease-in'}`[/ja]\n * @param {Function} [options.callback]\n * [en]This functions is called after the dialog has been hidden.[/en]\n * [ja]ダイアログが隠れた後に呼び出される関数オブジェクトを指定します。[/ja]\n * @description\n * [en]Hide the dialog.[/en]\n * [ja]ダイアログを閉じます。[/ja]\n * @return {Promise}\n * [en]Resolves to the hidden element[/en]\n * [ja][/ja]\n */\n\n /**\n * @property visible\n * @readonly\n * @type {Boolean}\n * @description\n * [en]Whether the dialog is visible or not.[/en]\n * [ja]要素が見える場合に`true`。[/ja]\n */\n\n /**\n * @property disabled\n * @type {Boolean}\n * @description\n * [en]Whether the dialog is disabled or not.[/en]\n * [ja]無効化されている場合に`true`。[/ja]\n */\n\n /**\n * @property cancelable\n * @type {Boolean}\n * @description\n * [en]Whether the dialog is cancelable or not. A cancelable dialog can be closed by tapping the background or by pressing the back button on Android devices.[/en]\n * [ja][/ja]\n */\n\n /**\n * @param {String} name\n * @param {DialogAnimator} Animator\n */\n static registerAnimator(name, Animator) {\n if (!(Animator.prototype instanceof DialogAnimator)) {\n util.throwAnimator('Dialog');\n }\n _animatorDict[name] = Animator;\n }\n\n static get animators() {\n return _animatorDict;\n }\n\n static get DialogAnimator() {\n return DialogAnimator;\n }\n}\n\nonsElements.Dialog = DialogElement;\ncustomElements.define('ons-dialog', DialogElement);\n","/*\nCopyright 2013-2015 ASIAL CORPORATION\nLicensed under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License.\nYou may obtain a copy of the License at\n http://www.apache.org/licenses/LICENSE-2.0\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n*/\n\nimport onsElements from '../ons/elements';\nimport util from '../ons/util';\nimport styler from '../ons/styler';\nimport autoStyle from '../ons/autostyle';\nimport ModifierUtil from '../ons/internal/modifier-util';\nimport BaseElement from './base/base-element';\nimport contentReady from '../ons/content-ready';\n\nconst defaultClassName = 'fab';\n\nconst scheme = {\n '': 'fab--*',\n '.fab__icon': 'fab--*__icon'\n};\n\n/**\n * @element ons-fab\n * @category form\n * @description\n * [en]\n * The Floating action button is a circular button defined in the [Material Design specification](https://www.google.com/design/spec/components/buttons-floating-action-button.html). They are often used to promote the primary action of the app.\n *\n * It can be displayed either as an inline element or in one of the corners. Normally it will be positioned in the lower right corner of the screen.\n * [/en]\n * [ja][/ja]\n * @tutorial vanilla/Reference/fab\n * @modifier mini\n * [en]Makes the `ons-fab` smaller.[/en]\n * [ja][/ja]\n * @guide theming.html#cross-platform-styling-autostyling [en]Information about cross platform styling[/en][ja]Information about cross platform styling[/ja]\n * @seealso ons-speed-dial\n * [en]The `` component is a Floating action button that displays a menu when tapped.[/en]\n * [ja][/ja]\n */\nexport default class FabElement extends BaseElement {\n\n /**\n * @attribute modifier\n * @type {String}\n * @description\n * [en]The appearance of the button.[/en]\n * [ja]ボタンの表現を指定します。[/ja]\n */\n\n /**\n * @attribute ripple\n * @description\n * [en]If this attribute is defined, the button will have a ripple effect when tapped.[/en]\n * [ja][/ja]\n */\n\n /**\n * @attribute position\n * @type {String}\n * @description\n * [en]The position of the button. Should be a string like `\"bottom right\"` or `\"top left\"`. If this attribute is not defined it will be displayed as an inline element.[/en]\n * [ja][/ja]\n */\n\n /**\n * @attribute disabled\n * @description\n * [en]Specify if button should be disabled.[/en]\n * [ja]ボタンを無効化する場合は指定します。[/ja]\n */\n\n constructor() {\n super();\n\n // The following statements can be executed before contentReady\n // since these do not access the children\n this._hide();\n this.classList.add(defaultClassName);\n\n contentReady(this, () => {\n this._compile();\n });\n }\n\n _compile() {\n autoStyle.prepare(this);\n\n if (!util.findChild(this, '.fab__icon')) {\n const content = document.createElement('span');\n content.classList.add('fab__icon');\n\n util.arrayFrom(this.childNodes).forEach(element => {\n if (!element.tagName || element.tagName.toLowerCase() !== 'ons-ripple') {\n content.appendChild(element);\n }\n });\n this.appendChild(content);\n }\n\n this._updateRipple();\n\n ModifierUtil.initModifier(this, scheme);\n\n this._updatePosition();\n }\n\n connectedCallback() {\n setImmediate(() => this._show());\n }\n\n static get observedAttributes() {\n return ['modifier', 'ripple', 'position', 'class'];\n }\n\n attributeChangedCallback(name, last, current) {\n switch (name) {\n case 'class':\n util.restoreClass(this, defaultClassName, scheme);\n break;\n case 'modifier':\n ModifierUtil.onModifierChanged(last, current, this, scheme);\n break;\n case 'ripple':\n this._updateRipple();\n break;\n case 'position':\n this._updatePosition();\n break;\n }\n }\n\n _show() {\n if (!this._manuallyHidden) { // if user has not called ons-fab.hide()\n this._toggle(true);\n }\n }\n\n _hide() {\n setImmediate(() => this._toggle(false));\n }\n\n _updateRipple() {\n util.updateRipple(this);\n }\n\n _updatePosition() {\n const position = this.getAttribute('position');\n this.classList.remove(\n 'fab--top__left',\n 'fab--bottom__right',\n 'fab--bottom__left',\n 'fab--top__right',\n 'fab--top__center',\n 'fab--bottom__center');\n switch (position) {\n case 'top right':\n case 'right top':\n this.classList.add('fab--top__right');\n break;\n case 'top left':\n case 'left top':\n this.classList.add('fab--top__left');\n break;\n case 'bottom right':\n case 'right bottom':\n this.classList.add('fab--bottom__right');\n break;\n case 'bottom left':\n case 'left bottom':\n this.classList.add('fab--bottom__left');\n break;\n case 'center top':\n case 'top center':\n this.classList.add('fab--top__center');\n break;\n case 'center bottom':\n case 'bottom center':\n this.classList.add('fab--bottom__center');\n break;\n default:\n break;\n }\n }\n\n /**\n * @method show\n * @signature show()\n * @description\n * [en]Show the floating action button.[/en]\n * [ja][/ja]\n */\n show() {\n this.toggle(true);\n }\n\n /**\n * @method hide\n * @signature hide()\n * @description\n * [en]Hide the floating action button.[/en]\n * [ja][/ja]\n */\n hide() {\n this.toggle(false);\n }\n\n /**\n * @method toggle\n * @signature toggle()\n * @description\n * [en]Toggle the visibility of the button.[/en]\n * [ja][/ja]\n */\n toggle(action = !this.visible) {\n this._manuallyHidden = !action;\n this._toggle(action);\n }\n\n _toggle(action = !this.visible) {\n const isBottom = (this.getAttribute('position') || '').indexOf('bottom') >= 0;\n const translate = isBottom ? `translate3d(0px, -${util.globals.fabOffset || 0}px, 0px)` : '';\n\n styler(this, { transform: `${translate} scale(${Number(action)})` });\n }\n\n /**\n * @property disabled\n * @type {Boolean}\n * @description\n * [en]Whether the element is disabled or not.[/en]\n * [ja]無効化されている場合に`true`。[/ja]\n */\n set disabled(value) {\n return util.toggleAttribute(this, 'disabled', value);\n }\n\n get disabled() {\n return this.hasAttribute('disabled');\n }\n\n /**\n * @property visible\n * @readonly\n * @type {Boolean}\n * @description\n * [en]Whether the element is visible or not.[/en]\n * [ja]要素が見える場合に`true`。[/ja]\n */\n get visible() {\n return this.style.transform.indexOf('scale(0)') === -1 && this.style.display !== 'none';\n }\n}\n\nonsElements.Fab = FabElement;\ncustomElements.define('ons-fab', FabElement);\n","/*\nCopyright 2013-2015 ASIAL CORPORATION\n\nLicensed under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License.\nYou may obtain a copy of the License at\n\n http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n\n*/\n\nimport onsElements from '../ons/elements';\nimport BaseElement from './base/base-element';\nimport GestureDetector from '../ons/gesture-detector';\n\n/**\n * @element ons-gesture-detector\n * @category gesture\n * @description\n * [en]\n * Component to detect finger gestures within the wrapped element. Following gestures are supported:\n * - Drag gestures: `drag`, `dragleft`, `dragright`, `dragup`, `dragdown`\n * - Hold gestures: `hold`, `release`\n * - Swipe gestures: `swipe`, `swipeleft`, `swiperight`, `swipeup`, `swipedown`\n * - Tap gestures: `tap`, `doubletap`\n * - Pinch gestures: `pinch`, `pinchin`, `pinchout`\n * - Other gestures: `touch`, `transform`, `rotate`\n * [/en]\n * [ja]要素内のジェスチャー操作を検知します。詳しくはガイドを参照してください。[/ja]\n * @guide features.html#gesture-detection\n * [en]Detecting finger gestures[/en]\n * [ja]ジェスチャー操作の検知[/ja]\n * @example\n * \n * \n * Swipe Here\n *
\n * \n *\n * \n */\nexport default class GestureDetectorElement extends BaseElement {\n constructor() {\n super();\n\n this._gestureDetector = new GestureDetector(this, { passive: true });\n }\n}\n\nonsElements.GestureDetector = GestureDetectorElement;\ncustomElements.define('ons-gesture-detector', GestureDetectorElement);\n","/*\nCopyright 2013-2015 ASIAL CORPORATION\n\nLicensed under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License.\nYou may obtain a copy of the License at\n\n http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n\n*/\n\nimport onsElements from '../ons/elements';\nimport util from '../ons/util';\nimport autoStyle from '../ons/autostyle';\nimport BaseElement from './base/base-element';\nimport contentReady from '../ons/content-ready';\n\nlet autoPrefix = 'fa'; // FIXME: To be removed in v3\n\n/**\n * @element ons-icon\n * @category visual\n * @description\n * [en]\n * Displays an icon. The following icon suites are available:\n *\n * * [Font Awesome](https://fortawesome.github.io/Font-Awesome/)\n * * [Ionicons](http://ionicons.com/)\n * * [Material Design Iconic Font](http://zavoloklom.github.io/material-design-iconic-font/)\n * [/en]\n * [ja][/ja]\n * @codepen xAhvg\n * @tutorial vanilla/Reference/icon\n * @guide theming.html#cross-platform-styling-autostyling [en]Information about cross platform styling[/en][ja][/ja]\n * @guide appsize.html#removing-icon-packs [en]Removing icon packs.[/en][ja][/ja]\n * @guide faq.html#how-can-i-use-custom-icon-packs [en]Adding custom icon packs.[/en][ja][/ja]\n * @example\n * \n * \n *\n * \n * \n * Car\n * \n */\nexport default class IconElement extends BaseElement {\n\n /**\n * @attribute icon\n * @type {String}\n * @description\n * [en]\n * The icon name. `\"md-\"` prefix for Material Icons, `\"fa-\"` for Font Awesome and `\"ion-\"` prefix for Ionicons.\n *\n * See all available icons on the element description (at the top).\n *\n * Icons can also be styled based on modifier presence. Add comma-separated icons with `\"modifierName:\"` prefix.\n *\n * The code `` will display `\"md-edit\"` for Material Design and `\"ion-edit\"` as the default icon.\n *\n * `fa-` prefix is added automatically if none is provided. Check [See also](#seealso) section for more information.\n * [/en]\n * [ja][/ja]\n */\n\n /**\n * @attribute size\n * @type {String}\n * @description\n * [en]\n * The sizes of the icon. Valid values are lg, 2x, 3x, 4x, 5x, or in the size in pixels.\n * Icons can also be styled based on modifier presence. Add comma-separated icons with `\"modifierName:\"` prefix.\n *\n * The code:\n *\n * ```\n * \n * \n * ```\n *\n * will render as a `24px` icon if the `\"material\"` modifier is present and `32px` otherwise.\n * [/en]\n * [ja][/ja]\n */\n\n /**\n * @attribute rotate\n * @type {Number}\n * @description\n * [en]Number of degrees to rotate the icon. Valid values are 90, 180 and 270.[/en]\n * [ja]アイコンを回転して表示します。90, 180, 270から指定できます。[/ja]\n */\n\n /**\n * @attribute fixed-width\n * @type {Boolean}\n * @default false\n * @description\n * [en]When used in a list, you want the icons to have the same width so that they align vertically by defining this attribute.[/en]\n * [ja][/ja]\n */\n\n /**\n * @attribute spin\n * @description\n * [en]Specify whether the icon should be spinning.[/en]\n * [ja]アイコンを回転するかどうかを指定します。[/ja]\n */\n\n constructor() {\n super();\n\n contentReady(this, () => {\n this._compile();\n });\n }\n\n static get observedAttributes() {\n return ['icon', 'size', 'modifier', 'class'];\n }\n\n attributeChangedCallback(name, last, current) {\n this._cleanClassAttribute(name === 'icon' ? last : this.getAttribute('icon'), name === 'modifier' ? last : undefined);\n this._update();\n }\n\n _compile() {\n autoStyle.prepare(this);\n this._update();\n }\n\n _update() {\n const {classList, style} = this._buildClassAndStyle(this._parseAttr('icon'), this._parseAttr('size'));\n util.extend(this.style, style);\n\n classList.forEach(className => this.classList.add(className));\n }\n\n _parseAttr(attrName, modifier = this.getAttribute('modifier') || '') {\n const attr = this.getAttribute(attrName) || attrName || ''\n const parts = attr.split(/\\s*,\\s*/);\n const def = parts[0];\n let md = parts[1];\n md = (md || '').split(/\\s*:\\s*/);\n\n return (modifier && (RegExp(`(^|\\\\s+)${md[0]}($|\\\\s+)`, 'i').test(modifier)) ? md[1] : def) || '';\n }\n\n /**\n * Remove unneeded class value.\n */\n _cleanClassAttribute(lastIcon, lastModifier) {\n const { className, prefix } = this._prefixIcon(this._parseAttr(lastIcon, lastModifier));\n const customPrefixRE = className !== prefix ? `|${prefix}$|${prefix}-` : `|${className}$` || '';\n const re = new RegExp(`^(fa$|fa-|ion-|zmdi$|zmdi-|ons-icon--${customPrefixRE})`);\n\n util.arrayFrom(this.classList)\n .filter(className => re.test(className))\n .forEach(className => this.classList.remove(className));\n }\n\n _prefixIcon(iconName) {\n const className = autoPrefix + (autoPrefix ? '-' : '') + iconName;\n return { className, prefix: className.split('-')[0] };\n }\n\n _buildClassAndStyle(iconName, size) {\n const classList = ['ons-icon'];\n const style = {};\n\n // Icon\n if (iconName.indexOf('ion-') === 0) {\n classList.push(iconName);\n classList.push('ons-icon--ion');\n } else if (iconName.indexOf('fa-') === 0) {\n classList.push(iconName);\n // default icon style to Font Awesome Solid if icon style is not specified already\n if (!(this.classList.contains('far') || this.classList.contains('fab') || this.classList.contains('fal'))) {\n classList.push('fa');\n }\n } else if (iconName.indexOf('md-') === 0) {\n classList.push('zmdi');\n classList.push('zmdi-' + iconName.split(/-(.+)?/)[1]);\n } else {\n const { className, prefix } = this._prefixIcon(iconName);\n prefix && classList.push(prefix);\n className && classList.push(className);\n }\n\n // Size\n if (size.match(/^[1-5]x|lg$/)) {\n classList.push('ons-icon--' + size);\n this.style.removeProperty('font-size');\n } else {\n style.fontSize = size;\n }\n\n return {\n classList: classList,\n style: style\n };\n }\n\n static setAutoPrefix(prefix) {\n autoPrefix = prefix ? (typeof prefix === 'string' && prefix || 'fa') : '';\n }\n}\n\nonsElements.Icon = IconElement;\ncustomElements.define('ons-icon', IconElement);\n","/*\nCopyright 2013-2015 ASIAL CORPORATION\n\nLicensed under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License.\nYou may obtain a copy of the License at\n\n http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n\n*/\n\nimport util from '../util';\nimport platform from '../platform';\n\nexport class LazyRepeatDelegate {\n\n constructor(userDelegate, templateElement = null) {\n if (typeof userDelegate !== 'object' || userDelegate === null) {\n util.throw('\"delegate\" parameter must be an object');\n }\n this._userDelegate = userDelegate;\n\n if (!(templateElement instanceof Element) && templateElement !== null) {\n util.throw('\"templateElement\" parameter must be an instance of Element or null');\n }\n this._templateElement = templateElement;\n }\n\n get itemHeight() {\n return this._userDelegate.itemHeight;\n }\n\n /**\n * @return {Boolean}\n */\n hasRenderFunction() {\n return this._userDelegate._render instanceof Function;\n }\n\n /**\n * @return {void}\n */\n _render() {\n this._userDelegate._render.apply(this._userDelegate, arguments);\n }\n\n /**\n * @param {Number} index\n * @param {Function} done A function that take item object as parameter.\n */\n loadItemElement(index, done) {\n if (this._userDelegate.loadItemElement instanceof Function) {\n this._userDelegate.loadItemElement(index, done);\n } else {\n const element = this._userDelegate.createItemContent(index, this._templateElement);\n if (!(element instanceof Element)) {\n util.throw('\"createItemContent\" must return an instance of Element');\n }\n\n done({element});\n }\n }\n\n /**\n * @return {Number}\n */\n countItems() {\n const count = this._userDelegate.countItems();\n if (typeof count !== 'number') {\n util.throw('\"countItems\" must return a number');\n }\n return count;\n }\n\n /**\n * @param {Number} index\n * @param {Object} item\n * @param {Element} item.element\n */\n updateItem(index, item) {\n if (this._userDelegate.updateItemContent instanceof Function) {\n this._userDelegate.updateItemContent(index, item);\n }\n }\n\n /**\n * @return {Number}\n */\n calculateItemHeight(index) {\n if (this._userDelegate.calculateItemHeight instanceof Function) {\n const height = this._userDelegate.calculateItemHeight(index);\n\n if (typeof height !== 'number') {\n util.throw('\"calculateItemHeight\" must return a number');\n }\n\n return height;\n }\n\n return 0;\n }\n\n /**\n * @param {Number} index\n * @param {Object} item\n */\n destroyItem(index, item) {\n if (this._userDelegate.destroyItem instanceof Function) {\n this._userDelegate.destroyItem(index, item);\n }\n }\n\n /**\n * @return {void}\n */\n destroy() {\n if (this._userDelegate.destroy instanceof Function) {\n this._userDelegate.destroy();\n }\n\n this._userDelegate = this._templateElement = null;\n }\n}\n\n/**\n * This class provide core functions for ons-lazy-repeat.\n */\nexport class LazyRepeatProvider {\n\n /**\n * @param {Element} wrapperElement\n * @param {LazyRepeatDelegate} delegate\n */\n constructor(wrapperElement, delegate) {\n if (!(delegate instanceof LazyRepeatDelegate)) {\n util.throw('\"delegate\" parameter must be an instance of LazyRepeatDelegate');\n }\n\n this._wrapperElement = wrapperElement;\n this._delegate = delegate;\n this._insertIndex = (this._wrapperElement.children[0] && this._wrapperElement.children[0].tagName === 'ONS-LAZY-REPEAT') ? 1 : 0;\n\n if (wrapperElement.tagName.toLowerCase() === 'ons-list') {\n wrapperElement.classList.add('lazy-list');\n }\n\n this._pageContent = this._findPageContentElement(wrapperElement);\n\n if (!this._pageContent) {\n util.throw('LazyRepeat must be descendant of a Page element');\n }\n\n this.lastScrollTop = this._pageContent.scrollTop;\n this.padding = 0;\n this._topPositions = [0];\n this._renderedItems = {};\n\n if (!this._delegate.itemHeight && !this._delegate.calculateItemHeight(0)) {\n this._unknownItemHeight = true;\n }\n\n this._addEventListeners();\n this._onChange();\n }\n\n get padding() {\n return parseInt(this._wrapperElement.style.paddingTop, 10);\n }\n\n set padding(newValue) {\n this._wrapperElement.style.paddingTop = newValue + 'px';\n }\n\n _findPageContentElement(wrapperElement) {\n const pageContent = util.findParent(wrapperElement, '.page__content');\n\n if (pageContent) {\n return pageContent;\n }\n\n const page = util.findParent(wrapperElement, 'ons-page');\n if (page) {\n const content = util.findChild(page, '.content');\n if (content) {\n return content;\n }\n }\n\n return null;\n }\n\n _checkItemHeight(callback) {\n this._delegate.loadItemElement(0, item => {\n if (!this._unknownItemHeight) {\n util.throw('Invalid state');\n }\n\n this._wrapperElement.appendChild(item.element);\n\n const done = () => {\n this._delegate.destroyItem(0, item);\n item.element && item.element.remove();\n delete this._unknownItemHeight;\n callback();\n };\n\n this._itemHeight = item.element.offsetHeight;\n\n if (this._itemHeight > 0) {\n done();\n return;\n }\n\n // retry to measure offset height\n // dirty fix for angular2 directive\n this._wrapperElement.style.visibility = 'hidden';\n item.element.style.visibility = 'hidden';\n\n setImmediate(() => {\n this._itemHeight = item.element.offsetHeight;\n if (this._itemHeight == 0) {\n util.throw('Invalid state: \"itemHeight\" must be greater than zero');\n }\n this._wrapperElement.style.visibility = '';\n done();\n });\n });\n }\n\n get staticItemHeight() {\n return this._delegate.itemHeight || this._itemHeight;\n }\n _countItems() {\n return this._delegate.countItems();\n }\n\n _getItemHeight(i) {\n // Item is rendered\n if (this._renderedItems.hasOwnProperty(i)) {\n if (!this._renderedItems[i].hasOwnProperty('height')) {\n this._renderedItems[i].height = this._renderedItems[i].element.offsetHeight;\n }\n return this._renderedItems[i].height;\n }\n\n // Item is not rendered, scroll up\n if (this._topPositions[i + 1] && this._topPositions[i]) {\n return this._topPositions[i + 1] - this._topPositions[i];\n }\n // Item is not rendered, scroll down\n return this.staticItemHeight || this._delegate.calculateItemHeight(i);\n }\n\n _calculateRenderedHeight() {\n return Object.keys(this._renderedItems).reduce((a, b) => a + this._getItemHeight(+(b)), 0)\n }\n\n _onChange() {\n this._render();\n }\n\n _lastItemRendered() {\n return Math.max(...Object.keys(this._renderedItems));\n }\n\n _firstItemRendered() {\n return Math.min(...Object.keys(this._renderedItems));\n }\n\n refresh() {\n const forceRender = { forceScrollDown: true };\n const firstItemIndex = this._firstItemRendered();\n\n if (util.isInteger(firstItemIndex)) {\n this._wrapperElement.style.height = this._topPositions[firstItemIndex] + this._calculateRenderedHeight() + 'px';\n this.padding = this._topPositions[firstItemIndex];\n forceRender.forceFirstIndex = firstItemIndex;\n }\n\n this._removeAllElements();\n this._render(forceRender);\n this._wrapperElement.style.height = 'inherit';\n }\n\n _render({forceScrollDown = false, forceFirstIndex, forceLastIndex} = {}) {\n if (this._unknownItemHeight) {\n return this._checkItemHeight(this._render.bind(this, arguments[0]));\n }\n\n const isScrollUp = !forceScrollDown && this.lastScrollTop > this._pageContent.scrollTop;\n this.lastScrollTop = this._pageContent.scrollTop;\n const keep = {};\n\n const offset = this._wrapperElement.getBoundingClientRect().top;\n const limit = 4 * window.innerHeight - offset;\n const count = this._countItems();\n\n const items = [];\n const start = forceFirstIndex || Math.max(0, this._calculateStartIndex(offset) - 30); // Recalculate for 0 or undefined\n let i = start;\n\n for (let top = this._topPositions[i]; i < count && top < limit; i++) {\n if (i >= this._topPositions.length) { // perf optimization\n this._topPositions.length += 100;\n }\n\n this._topPositions[i] = top;\n top += this._getItemHeight(i);\n }\n\n if (this._delegate.hasRenderFunction && this._delegate.hasRenderFunction()) {\n return this._delegate._render(start, i, () => {\n this.padding = this._topPositions[start];\n });\n }\n\n if (isScrollUp) {\n for (let j = i - 1; j >= start; j--) {\n keep[j] = true;\n this._renderElement(j, isScrollUp);\n }\n } else {\n const lastIndex = forceLastIndex || Math.max(i - 1, ...Object.keys(this._renderedItems)); // Recalculate for 0 or undefined\n for (let j = start; j <= lastIndex; j++) {\n keep[j] = true;\n this._renderElement(j, isScrollUp);\n }\n }\n\n Object.keys(this._renderedItems).forEach(key => keep[key] || this._removeElement(key, isScrollUp));\n }\n\n /**\n * @param {Number} index\n * @param {Boolean} isScrollUp\n */\n _renderElement(index, isScrollUp) {\n const item = this._renderedItems[index];\n if (item) {\n this._delegate.updateItem(index, item); // update if it exists\n return;\n }\n\n this._delegate.loadItemElement(index, item => {\n if (isScrollUp) {\n this._wrapperElement.insertBefore(item.element, this._wrapperElement.children[this._insertIndex])\n this.padding = this._topPositions[index];\n item.height = this._topPositions[index + 1] - this._topPositions[index];\n } else {\n this._wrapperElement.appendChild(item.element);\n }\n\n this._renderedItems[index] = item;\n });\n }\n\n /**\n * @param {Number} index\n * @param {Boolean} isScrollUp\n */\n _removeElement(index, isScrollUp = true) {\n index = +(index);\n const item = this._renderedItems[index];\n this._delegate.destroyItem(index, item);\n\n if (isScrollUp) {\n this._topPositions[index + 1] = undefined;\n } else {\n this.padding = this.padding + this._getItemHeight(index);\n }\n\n if (item.element.parentElement) {\n item.element.parentElement.removeChild(item.element);\n }\n\n delete this._renderedItems[index];\n }\n\n _removeAllElements() {\n Object.keys(this._renderedItems).forEach(key => this._removeElement(key));\n }\n\n _recalculateTopPositions(start, end) {\n for (let i = start; i <= end; i++) {\n this._topPositions[i + 1] = this._topPositions[i] + this._getItemHeight(i);\n }\n }\n\n _calculateStartIndex(current) {\n const firstItemIndex = this._firstItemRendered();\n const lastItemIndex = this._lastItemRendered();\n\n // Fix for Safari scroll and Angular 2\n this._recalculateTopPositions(firstItemIndex, lastItemIndex);\n\n let start = 0;\n let end = this._countItems() - 1;\n\n // Binary search for index at top of screen so we can speed up rendering.\n for (;;) {\n const middle = Math.floor((start + end) / 2);\n const value = current + this._topPositions[middle];\n\n if (end < start) {\n return 0;\n } else if (value <= 0 && value + this._getItemHeight(middle) > 0) {\n return middle;\n } else if (isNaN(value) || value >= 0) {\n end = middle - 1;\n } else {\n start = middle + 1;\n }\n }\n }\n\n _debounce(func, wait, immediate) {\n let timeout;\n return function() {\n const callNow = immediate && !timeout;\n clearTimeout(timeout);\n if (callNow) {\n func.apply(this, arguments);\n } else {\n timeout = setTimeout(() => {\n timeout = null;\n func.apply(this, arguments);\n }, wait);\n }\n };\n }\n\n _doubleFireOnTouchend() {\n this._render();\n this._debounce(this._render.bind(this), 100);\n }\n\n _addEventListeners() {\n util.bindListeners(this, ['_onChange', '_doubleFireOnTouchend']);\n\n if (platform.isIOS()) {\n this._boundOnChange = this._debounce(this._boundOnChange, 30);\n }\n\n this._pageContent.addEventListener('scroll', this._boundOnChange, true);\n\n if (platform.isIOS()) {\n util.addEventListener(this._pageContent, 'touchmove', this._boundOnChange, { capture: true, passive: true });\n this._pageContent.addEventListener('touchend', this._boundDoubleFireOnTouchend, true);\n }\n\n window.document.addEventListener('resize', this._boundOnChange, true);\n }\n\n _removeEventListeners() {\n this._pageContent.removeEventListener('scroll', this._boundOnChange, true);\n\n if (platform.isIOS()) {\n util.removeEventListener(this._pageContent, 'touchmove', this._boundOnChange, { capture: true, passive: true });\n this._pageContent.removeEventListener('touchend', this._boundDoubleFireOnTouchend, true);\n }\n\n window.document.removeEventListener('resize', this._boundOnChange, true);\n }\n\n destroy() {\n this._removeAllElements();\n this._delegate.destroy();\n this._parentElement = this._delegate = this._renderedItems = null;\n this._removeEventListeners();\n }\n}\n\n","/*\nCopyright 2013-2015 ASIAL CORPORATION\nLicensed under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License.\nYou may obtain a copy of the License at\n http://www.apache.org/licenses/LICENSE-2.0\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n*/\n\nimport onsElements from '../ons/elements';\nimport util from '../ons/util';\nimport internal from '../ons/internal';\nimport BaseElement from './base/base-element';\nimport { LazyRepeatDelegate, LazyRepeatProvider } from '../ons/internal/lazy-repeat';\n\n/**\n * @element ons-lazy-repeat\n * @category list\n * @description\n * [en]\n * Using this component a list with millions of items can be rendered without a drop in performance.\n * It does that by \"lazily\" loading elements into the DOM when they come into view and\n * removing items from the DOM when they are not visible.\n * [/en]\n * [ja]\n * このコンポーネント内で描画されるアイテムのDOM要素の読み込みは、画面に見えそうになった時まで自動的に遅延され、\n * 画面から見えなくなった場合にはその要素は動的にアンロードされます。\n * このコンポーネントを使うことで、パフォーマンスを劣化させること無しに巨大な数の要素を描画できます。\n * [/ja]\n * @codepen QwrGBm\n * @tutorial vanilla/Reference/lazy-repeat\n * @seealso ons-list\n * [en]The `` element is used to render a list.[/en]\n * [ja]``要素はリストを描画するのに使われます。[/ja]\n * @example\n * \n *\n * \n * \n * \n * \n * \n */\nexport default class LazyRepeatElement extends BaseElement {\n\n connectedCallback() {\n // not very good idea and also not documented\n if (this.hasAttribute('delegate')) {\n this.delegate = window[this.getAttribute('delegate')];\n }\n }\n\n /**\n * @property delegate\n * @type {Object}\n * @description\n * [en]Specify a delegate object to load and unload item elements.[/en]\n * [ja]要素のロード、アンロードなどの処理を委譲するオブジェクトを指定します。[/ja]\n */\n\n /**\n * @property delegate.createItemContent\n * @type {Function}\n * @description\n * [en]\n * This function should return a `HTMLElement`.\n *\n * To help rendering the element, the current index and a template is supplied as arguments. The template is the initial content of the `` element.\n * [/en]\n * [ja]\n * この関数は`HTMLElement`を返してください。\n * 要素を生成しやすくするために、現在のアイテムのインデックスとテンプレートが引数に渡されます。\n * このテンプレートは、``要素のコンテンツが渡されます。\n * [/ja]\n */\n\n /**\n * @property delegate.countItems\n * @type {Function}\n * @description\n * [en]Should return the number of items in the list.[/en]\n * [ja]リスト内のアイテム数を返してください。[/ja]\n */\n\n /**\n * @property delegate.calculateItemHeight\n * @type {Function}\n * @description\n * [en]\n * Should return the height of an item. The index is provided as an argument.\n *\n * This is important when rendering lists where the items have different height.\n *\n * The function is optional and if it isn't present the height of the first item will be automatically calculated and used for all other items.\n * [/en]\n * [ja]\n * アイテムの高さ(ピクセル)を返してください。アイテムのインデックス値は引数で渡されます。\n * この関数は、それぞれのアイムが違った高さを持つリストをレンダリングする際に重要です。\n * この関数はオプショナルです。もしこの関数が無い場合には、\n * 最初のアイテムの高さが他のすべてのアイテムの高さとして利用されます。\n * [/ja]\n */\n\n /**\n * @property delegate.destroyItem\n * @type {Function}\n * @description\n * [en]\n * This function is used called when an item is removed from the DOM. The index and DOM element is provided as arguments.\n *\n * The function is optional but may be important in order to avoid memory leaks.\n * [/en]\n * [ja]\n * この関数は、あるアイテムがDOMツリーから除かれた時に呼び出されます。\n * アイテムのインデックス値とDOM要素が引数として渡されます。\n * この関数はオプショナルですが、各アイテムの後処理が必要な場合にはメモリーリークを避けるために重要です。\n * [/ja]\n */\n\n set delegate(userDelegate) {\n this._lazyRepeatProvider && this._lazyRepeatProvider.destroy();\n\n if (!this._templateElement && this.children[0]) {\n this._templateElement = this.removeChild(this.children[0]);\n }\n\n const delegate = new LazyRepeatDelegate(userDelegate, this._templateElement || null);\n this._lazyRepeatProvider = new LazyRepeatProvider(this.parentElement, delegate);\n }\n\n get delegate() {\n util.throw('No delegate getter');\n }\n\n /**\n * @method refresh\n * @signature refresh()\n * @description\n * [en]Refresh the list. Use this method when the data has changed.[/en]\n * [ja]リストを更新します。もしデータが変わった場合にはこのメソッドを使ってください。[/ja]\n */\n refresh() {\n this._lazyRepeatProvider && this._lazyRepeatProvider.refresh();\n }\n\n attributeChangedCallback(name, last, current) {}\n\n disconnectedCallback() {\n if (this._lazyRepeatProvider) {\n this._lazyRepeatProvider.destroy();\n this._lazyRepeatProvider = null;\n }\n }\n\n}\n\ninternal.LazyRepeatDelegate = LazyRepeatDelegate;\ninternal.LazyRepeatProvider = LazyRepeatProvider;\n\nonsElements.LazyRepeat = LazyRepeatElement;\ncustomElements.define('ons-lazy-repeat', LazyRepeatElement);\n","/*\nCopyright 2013-2015 ASIAL CORPORATION\n\nLicensed under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License.\nYou may obtain a copy of the License at\n\n http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n\n*/\n\nimport onsElements from '../ons/elements';\nimport util from '../ons/util';\nimport autoStyle from '../ons/autostyle';\nimport ModifierUtil from '../ons/internal/modifier-util';\nimport BaseElement from './base/base-element';\n\nconst defaultClassName = 'list-header';\nconst scheme = {'': 'list-header--*'};\n\n/**\n * @element ons-list-header\n * @category list\n * @description\n * [en]Header element for list items. Must be put inside the `` component.[/en]\n * [ja]リスト要素に使用するヘッダー用コンポーネント。ons-listと共に使用します。[/ja]\n * @seealso ons-list\n * [en]The `` component[/en]\n * [ja]ons-listコンポーネント[/ja]\n * @seealso ons-list-item\n * [en]The `` component[/en]\n * [ja]ons-list-itemコンポーネント[/ja]\n * @codepen yxcCt\n * @tutorial vanilla/Reference/list\n * @modifier material\n * [en]Display a Material Design list header.[/en]\n * [ja][/ja]\n * @example\n * \n * Header Text\n * Item\n * Item\n * \n */\nexport default class ListHeaderElement extends BaseElement {\n\n /**\n * @attribute modifier\n * @type {String}\n * @description\n * [en]The appearance of the list header.[/en]\n * [ja]ヘッダーの表現を指定します。[/ja]\n */\n\n constructor() {\n super();\n\n this._compile();\n }\n\n _compile() {\n autoStyle.prepare(this);\n this.classList.add(defaultClassName);\n ModifierUtil.initModifier(this, scheme);\n }\n\n static get observedAttributes() {\n return ['modifier', 'class'];\n }\n\n attributeChangedCallback(name, last, current) {\n switch (name) {\n case 'class':\n util.restoreClass(this, defaultClassName, scheme);\n break;\n case 'modifier':\n ModifierUtil.onModifierChanged(last, current, this, scheme);\n break;\n }\n }\n}\n\nonsElements.ListHeader = ListHeaderElement;\ncustomElements.define('ons-list-header', ListHeaderElement);\n","/*\nCopyright 2013-2015 ASIAL CORPORATION\n\nLicensed under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License.\nYou may obtain a copy of the License at\n\n http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n\n*/\n\nimport onsElements from '../ons/elements';\nimport BaseElement from './base/base-element';\nimport autoStyle from '../ons/autostyle';\nimport ModifierUtil from '../ons/internal/modifier-util';\nimport util from '../ons/util';\n\nconst defaultClassName = 'list-title';\nconst scheme = {'': 'list-title--*'};\n\n/**\n * @element ons-list-title\n * @category list\n * @description\n * [en]Represents a list title.[/en]\n * [ja]リストのタイトルを表現します。[/ja]\n * @example\n * List Title\n * \n * Item\n * \n * @modifier material\n * [en]Display a Material Design list title.[/en]\n * [ja][/ja]\n */\n\nexport default class ListTitleElement extends BaseElement {\n\n constructor() {\n super();\n\n this._compile();\n }\n\n _compile() {\n autoStyle.prepare(this);\n this.classList.add(defaultClassName);\n ModifierUtil.initModifier(this, scheme);\n }\n\n static get observedAttributes() {\n return ['modifier', 'class'];\n }\n\n attributeChangedCallback(name, last, current) {\n switch (name) {\n case 'class':\n util.restoreClass(this, defaultClassName, scheme);\n break;\n case 'modifier':\n ModifierUtil.onModifierChanged(last, current, this, scheme);\n break;\n }\n }\n}\n\nonsElements.ListTitle = ListTitleElement;\ncustomElements.define('ons-list-title', ListTitleElement);\n","/*\nCopyright 2013-2018 ASIAL CORPORATION\n\nLicensed under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License.\nYou may obtain a copy of the License at\n\n http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n*/\n\nimport animit from '../../ons/animit';\nimport BaseAnimator from '../../ons/base-animator'\n\nexport class ListItemAnimator extends BaseAnimator {\n constructor({timing = 'linear', delay = 0, duration = 0.2} = {}) {\n super({ timing, delay, duration });\n }\n\n showExpansion(listItem, callback) {\n callback();\n }\n\n hideExpansion(listItem, callback) {\n callback();\n }\n}\n\nexport class SlideListItemAnimator extends ListItemAnimator {\n\n showExpansion(listItem, callback) {\n this._animateExpansion(listItem, true, callback);\n }\n\n hideExpansion(listItem, callback) {\n this._animateExpansion(listItem, false, callback);\n }\n\n _animateExpansion(listItem, shouldOpen, callback) {\n // To animate the opening of the expansion panel correctly, we need to know its\n // height. To calculate this, we set its height to auto, and then get the computed\n // height and padding. Once this is done, we set the height back to its original value.\n const oldHeight = listItem.expandableContent.style.height;\n const oldDisplay = listItem.expandableContent.style.display;\n listItem.expandableContent.style.height = 'auto';\n listItem.expandableContent.style.display = 'block';\n const computedStyle = window.getComputedStyle(listItem.expandableContent);\n\n const expansionOpenTransition = [\n { height: 0, paddingTop: 0, paddingBottom: 0 },\n {\n height: computedStyle.height,\n paddingTop: computedStyle.paddingTop,\n paddingBottom: computedStyle.paddingBottom,\n }\n ];\n const iconOpenTransition = [{transform: 'rotate(45deg)'}, {transform: 'rotate(225deg)'}];\n\n // Now that we have the values we need, reset the height back to its original state\n listItem.expandableContent.style.height = oldHeight;\n\n animit(listItem.expandableContent, { duration: this.duration, property: 'height padding-top padding-bottom' })\n .default(...(shouldOpen ? expansionOpenTransition : expansionOpenTransition.reverse()))\n .play(() => {\n listItem.expandableContent.style.display = oldDisplay;\n callback && callback();\n });\n\n if (listItem.expandChevron) {\n animit(listItem.expandChevron, { duration: this.duration, property: 'transform' })\n .default(...(shouldOpen ? iconOpenTransition : iconOpenTransition.reverse()))\n .play();\n }\n }\n\n}","/*\nCopyright 2013-2015 ASIAL CORPORATION\n\nLicensed under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License.\nYou may obtain a copy of the License at\n\n http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n\n*/\n\nimport onsElements from '../../ons/elements';\nimport animit from '../../ons/animit';\nimport util from '../../ons/util';\nimport styler from '../../ons/styler';\nimport autoStyle from '../../ons/autostyle';\nimport ModifierUtil from '../../ons/internal/modifier-util';\nimport AnimatorFactory from '../../ons/internal/animator-factory';\nimport { ListItemAnimator, SlideListItemAnimator } from './animator';\nimport BaseElement from '../base/base-element';\nimport contentReady from '../../ons/content-ready';\n\nconst defaultClassName = 'list-item';\nconst scheme = {\n '.list-item': 'list-item--*',\n '.list-item__left': 'list-item--*__left',\n '.list-item__center': 'list-item--*__center',\n '.list-item__right': 'list-item--*__right',\n '.list-item__label': 'list-item--*__label',\n '.list-item__title': 'list-item--*__title',\n '.list-item__subtitle': 'list-item--*__subtitle',\n '.list-item__thumbnail': 'list-item--*__thumbnail',\n '.list-item__icon': 'list-item--*__icon'\n};\n\nconst _animatorDict = {\n 'default': SlideListItemAnimator,\n 'none': ListItemAnimator\n};\n\n/**\n * @element ons-list-item\n * @category list\n * @modifier tappable\n * [en]Make the list item change appearance when it's tapped. On iOS it is better to use the \"tappable\" and \"tap-background-color\" attribute for better behavior when scrolling.[/en]\n * [ja]タップやクリックした時に効果が表示されるようになります。[/ja]\n * @modifier chevron\n * [en]Display a chevron at the right end of the list item and make it change appearance when tapped.[/en]\n * [ja][/ja]\n * @modifier longdivider\n * [en]Displays a long horizontal divider between items.[/en]\n * [ja][/ja]\n * @modifier nodivider\n * [en]Removes the divider between list items.[/en]\n * [ja][/ja]\n * @modifier material\n * [en]Display a Material Design list item.[/en]\n * [ja][/ja]\n * @description\n * [en]\n * Component that represents each item in a list. The list item is composed of four parts that are represented with the `left`, `center`, `right` and `expandable-content` classes. These classes can be used to ensure that the content of the list items is properly aligned.\n *\n * ```\n * \n * Left
\n * Center
\n * Right
\n * Expandable content
\n * \n * ```\n *\n * There are also a number of classes (prefixed with `list-item__*`) that help when putting things like icons and thumbnails into the list items.\n * [/en]\n * [ja][/ja]\n * @seealso ons-list\n * [en]ons-list component[/en]\n * [ja]ons-listコンポーネント[/ja]\n * @seealso ons-list-header\n * [en]ons-list-header component[/en]\n * [ja]ons-list-headerコンポーネント[/ja]\n * @codepen yxcCt\n * @tutorial vanilla/Reference/list\n * @example\n * \n * \n * \n *
\n * \n *
Title
\n *
Subtitle
\n *
\n * \n *
\n * \n */\nexport default class ListItemElement extends BaseElement {\n\n /**\n * @attribute modifier\n * @type {String}\n * @description\n * [en]The appearance of the list item.[/en]\n * [ja]各要素の表現を指定します。[/ja]\n */\n\n /**\n * @attribute lock-on-drag\n * @type {String}\n * @description\n * [en]Prevent vertical scrolling when the user drags horizontally.[/en]\n * [ja]この属性があると、ユーザーがこの要素を横方向にドラッグしている時に、縦方向のスクロールが起きないようになります。[/ja]\n */\n\n /**\n * @attribute tappable\n * @type {Boolean}\n * @description\n * [en]Makes the element react to taps. `prevent-tap` attribute can be added to child elements like buttons or inputs to prevent this effect. `ons-*` elements are ignored by default.[/en]\n * [ja][/ja]\n */\n\n /**\n * @attribute tap-background-color\n * @type {Color}\n * @description\n * [en] Changes the background color when tapped. For this to work, the attribute \"tappable\" needs to be set. The default color is \"#d9d9d9\". It will display as a ripple effect on Android.[/en]\n * [ja][/ja]\n */\n\n /**\n * @attribute expandable\n * @type {Boolean}\n * @description\n * [en]Makes the element able to be expanded to reveal extra content. For this to work, the expandable content must be defined in `div.expandable-content`.[/en]\n * [ja][/ja]\n */\n\n /**\n * @attribute animation\n * @type {String}\n * @default default\n * @description\n * [en]The animation used when showing and hiding the expandable content. Can be either `\"default\"` or `\"none\"`.[/en]\n * [ja][/ja]\n */\n\n constructor() {\n super();\n\n this._animatorFactory = this._updateAnimatorFactory();\n this.toggleExpansion = this.toggleExpansion.bind(this);\n\n // Elements ignored when tapping\n const re = /^ons-(?!col$|row$|if$)/i;\n this._shouldIgnoreTap = e => e.hasAttribute('prevent-tap') || re.test(e.tagName);\n\n // show and hide functions for Vue hidable mixin\n this.show = this.showExpansion;\n this.hide = this.hideExpansion;\n\n contentReady(this, () => {\n this._compile();\n });\n }\n\n /**\n * Compiles the list item.\n *\n * Various elements are allowed in the body of a list item:\n *\n * - div.left, div.right, and div.center are allowed as direct children\n * - if div.center is not defined, anything that isn't div.left, div.right or div.expandable-content will be put in a div.center\n * - if div.center is defined, anything that isn't div.left, div.right or div.expandable-content will be ignored\n * - if list item has expandable attribute:\n * - div.expandable-content is allowed as a direct child\n * - div.top is allowed as direct child\n * - if div.top is defined, anything that isn't div.expandable-content should be inside div.top - anything else will be ignored\n * - if div.right is not defined, a div.right will be created with a drop-down chevron\n *\n * See the tests for examples.\n */\n _compile() {\n autoStyle.prepare(this);\n this.classList.add(defaultClassName);\n\n let top, expandableContent;\n let topContent = [];\n Array.from(this.childNodes).forEach(node => {\n if (node.nodeType !== Node.ELEMENT_NODE) {\n topContent.push(node);\n } else if (node.classList.contains('top')) {\n top = node;\n } else if (node.classList.contains('expandable-content')) {\n expandableContent = node;\n } else {\n topContent.push(node);\n }\n\n if (node.nodeName !== 'ONS-RIPPLE') {\n node.remove();\n }\n });\n topContent = top ? Array.from(top.childNodes) : topContent;\n\n let left, right, center;\n const centerContent = [];\n topContent.forEach(node => {\n if (node.nodeType !== Node.ELEMENT_NODE) {\n centerContent.push(node);\n } else if (node.classList.contains('left')) {\n left = node;\n } else if (node.classList.contains('right')) {\n right = node;\n } else if (node.classList.contains('center')) {\n center = node;\n } else {\n centerContent.push(node);\n }\n });\n\n if (this.hasAttribute('expandable')) {\n this.classList.add('list-item--expandable');\n\n if (!top) {\n top = document.createElement('div');\n top.classList.add('top');\n }\n top.classList.add('list-item__top');\n this.appendChild(top);\n this._top = top;\n\n if (expandableContent) {\n expandableContent.classList.add('list-item__expandable-content');\n this.appendChild(expandableContent);\n }\n\n if (!right) {\n right = document.createElement('div');\n right.classList.add('list-item__right', 'right');\n\n // We cannot use a pseudo-element for this chevron, as we cannot animate it using\n // JS. So, we make a chevron span instead.\n const chevron = document.createElement('span');\n chevron.classList.add('list-item__expand-chevron');\n right.appendChild(chevron);\n }\n } else {\n top = this;\n }\n\n if (!center) {\n center = document.createElement('div');\n center.classList.add('center');\n centerContent.forEach(node => center.appendChild(node));\n }\n center.classList.add('list-item__center');\n top.appendChild(center);\n\n if (left) {\n left.classList.add('list-item__left');\n top.appendChild(left);\n }\n if (right) {\n right.classList.add('list-item__right');\n top.appendChild(right);\n }\n\n util.updateRipple(this);\n ModifierUtil.initModifier(this, scheme);\n }\n\n /**\n * @method showExpansion\n * @signature showExpansion()\n * @description\n * [en]Show the expandable content if the element is expandable.[/en]\n * [ja][/ja]\n */\n showExpansion() {\n if (this.hasAttribute('expandable') && !this._expanding) {\n this.expanded = true;\n this._expanding = true;\n\n const animator = this._animatorFactory.newAnimator();\n animator.showExpansion(this, () => {\n this.classList.add('expanded');\n this._expanding = false;\n });\n }\n }\n\n /**\n * @method hideExpansion\n * @signature hideExpansion()\n * @description\n * [en]Hide the expandable content if the element expandable.[/en]\n * [ja][/ja]\n */\n hideExpansion() {\n if (this.hasAttribute('expandable') && !this._expanding) {\n this.expanded = false;\n this._expanding = true;\n\n const animator = this._animatorFactory.newAnimator();\n animator.hideExpansion(this, () => {\n this.classList.remove('expanded');\n this._expanding = false;\n });\n }\n }\n\n toggleExpansion() {\n this.classList.contains('expanded') ? this.hideExpansion() : this.showExpansion();\n this.dispatchEvent(new Event('expansion'));\n }\n\n _updateAnimatorFactory() {\n return new AnimatorFactory({\n animators: _animatorDict,\n baseClass: ListItemAnimator,\n baseClassName: 'ListItemAnimator',\n defaultAnimation: this.getAttribute('animation') || 'default'\n });\n }\n\n static get observedAttributes() {\n return ['modifier', 'class', 'ripple', 'animation'];\n }\n\n get expandableContent() {\n return this.querySelector('.list-item__expandable-content');\n }\n\n get expandChevron() {\n return this.querySelector('.list-item__expand-chevron');\n }\n\n attributeChangedCallback(name, last, current) {\n switch (name) {\n case 'class':\n util.restoreClass(this, defaultClassName, scheme);\n break;\n case 'modifier':\n ModifierUtil.onModifierChanged(last, current, this, scheme);\n break;\n case 'ripple':\n util.updateRipple(this);\n break;\n case 'animation':\n this._animatorFactory = this._updateAnimatorFactory();\n break;\n }\n }\n\n connectedCallback() {\n contentReady(this, () => {\n this._setupListeners(true);\n this._originalBackgroundColor = this.style.backgroundColor;\n this.tapped = false;\n });\n }\n\n disconnectedCallback() {\n this._setupListeners(false);\n }\n\n _setupListeners(add) {\n const action = (add ? 'add' : 'remove') + 'EventListener';\n util[action](this, 'touchstart', this._onTouch, { passive: true });\n util[action](this, 'touchmove', this._onRelease, { passive: true });\n this[action]('touchcancel', this._onRelease);\n this[action]('touchend', this._onRelease);\n this[action]('touchleave', this._onRelease);\n this[action]('drag', this._onDrag);\n this[action]('mousedown', this._onTouch);\n this[action]('mouseup', this._onRelease);\n this[action]('mouseout', this._onRelease);\n\n if (this._top) {\n this._top[action]('click', this.toggleExpansion);\n }\n }\n\n _onDrag(event) {\n const gesture = event.gesture;\n // Prevent vertical scrolling if the users pans left or right.\n if (this.hasAttribute('lock-on-drag') && ['left', 'right'].indexOf(gesture.direction) > -1) {\n gesture.preventDefault();\n }\n }\n\n _onTouch(e) {\n if (this.tapped ||\n (this !== e.target && (this._shouldIgnoreTap(e.target) || util.findParent(e.target, this._shouldIgnoreTap, p => p === this)))\n ) {\n return; // Ignore tap\n }\n\n this.tapped = true;\n const touchStyle = { transition: 'background-color 0.0s linear 0.02s, box-shadow 0.0s linear 0.02s' };\n\n if (this.hasAttribute('tappable')) {\n if (this.style.backgroundColor) {\n this._originalBackgroundColor = this.style.backgroundColor;\n }\n\n touchStyle.backgroundColor = this.getAttribute('tap-background-color') || '#d9d9d9';\n touchStyle.boxShadow = `0px -1px 0px 0px ${touchStyle.backgroundColor}`;\n }\n\n styler(this, touchStyle);\n }\n\n _onRelease() {\n this.tapped = false;\n this.style.backgroundColor = this._originalBackgroundColor || '';\n styler.clear(this, 'transition boxShadow');\n }\n}\n\nonsElements.ListItem = ListItemElement;\ncustomElements.define('ons-list-item', ListItemElement);\n","/*\nCopyright 2013-2015 ASIAL CORPORATION\n\nLicensed under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License.\nYou may obtain a copy of the License at\n\n http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n\n*/\n\nimport onsElements from '../ons/elements';\nimport util from '../ons/util';\nimport autoStyle from '../ons/autostyle';\nimport ModifierUtil from '../ons/internal/modifier-util';\nimport BaseElement from './base/base-element';\n\nconst defaultClassName = 'list';\nconst scheme = {'': 'list--*'};\n\n/**\n * @element ons-list\n * @category list\n * @modifier inset\n * [en]Inset list that doesn't cover the whole width of the parent.[/en]\n * [ja]親要素の画面いっぱいに広がらないリストを表示します。[/ja]\n * @modifier noborder\n * [en]A list with no borders at the top and bottom.[/en]\n * [ja]リストの上下のボーダーが無いリストを表示します。[/ja]\n * @description\n * [en]Component to define a list, and the container for ons-list-item(s).[/en]\n * [ja]リストを表現するためのコンポーネント。ons-list-itemのコンテナとして使用します。[/ja]\n * @seealso ons-list-item\n * [en]ons-list-item component[/en]\n * [ja]ons-list-itemコンポーネント[/ja]\n * @seealso ons-list-header\n * [en]ons-list-header component[/en]\n * [ja]ons-list-headerコンポーネント[/ja]\n * @seealso ons-lazy-repeat\n * [en]ons-lazy-repeat component[/en]\n * [ja]ons-lazy-repeatコンポーネント[/ja]\n * @codepen yxcCt\n * @tutorial vanilla/Reference/list\n * @example\n * \n * Header Text\n * Item\n * Item\n * \n */\nexport default class ListElement extends BaseElement {\n\n /**\n * @attribute modifier\n * @type {String}\n * @description\n * [en]The appearance of the list.[/en]\n * [ja]リストの表現を指定します。[/ja]\n */\n\n constructor() {\n super();\n\n this._compile();\n }\n\n _compile() {\n autoStyle.prepare(this);\n this.classList.add(defaultClassName);\n ModifierUtil.initModifier(this, scheme);\n }\n\n static get observedAttributes() {\n return ['modifier', 'class'];\n }\n\n attributeChangedCallback(name, last, current) {\n switch (name) {\n case 'class':\n util.restoreClass(this, defaultClassName, scheme);\n break;\n case 'modifier':\n ModifierUtil.onModifierChanged(last, current, this, scheme);\n break;\n }\n }\n}\n\nonsElements.List = ListElement;\ncustomElements.define('ons-list', ListElement);\n","/*\nCopyright 2013-2015 ASIAL CORPORATION\nLicensed under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License.\nYou may obtain a copy of the License at\n http://www.apache.org/licenses/LICENSE-2.0\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n*/\n\nimport util from '../../ons/util';\nimport BaseElement from './base-element';\nimport autoStyle from '../../ons/autostyle';\nimport ModifierUtil from '../../ons/internal/modifier-util';\nimport contentReady from '../../ons/content-ready';\n\nconst INPUT_ATTRIBUTES = [\n 'autocapitalize',\n 'autocomplete',\n 'autocorrect',\n 'autofocus',\n 'disabled',\n 'inputmode',\n 'max',\n 'maxlength',\n 'min',\n 'minlength',\n 'name',\n 'pattern',\n 'placeholder',\n 'readonly',\n 'required',\n 'size',\n 'spellcheck',\n 'step',\n 'validator',\n 'value'\n];\n\nexport default class BaseInputElement extends BaseElement {\n\n _update() {} // Optionally implemented\n\n get _scheme() {\n util.throwMember();\n }\n\n get _template() {\n util.throwMember();\n }\n\n get type() {\n util.throwMember();\n }\n\n constructor() {\n super();\n\n if (this.constructor === BaseInputElement) {\n util.throwAbstract();\n }\n\n contentReady(this, () => this._compile());\n this._boundDelegateEvent = this._delegateEvent.bind(this);\n }\n\n _compile() {\n autoStyle.prepare(this);\n this._defaultClassName && this.classList.add(this._defaultClassName);\n\n if (this.children.length !== 0) {\n return;\n }\n\n this.appendChild(util.createFragment(this._template));\n\n this._setInputId();\n\n this._updateBoundAttributes();\n\n ModifierUtil.initModifier(this, this._scheme);\n }\n\n _updateBoundAttributes() {\n INPUT_ATTRIBUTES.forEach(attr => {\n if (this.hasAttribute(attr)) {\n this._input.setAttribute(attr, this.getAttribute(attr));\n } else {\n this._input.removeAttribute(attr);\n }\n });\n\n this._update();\n }\n\n _delegateEvent(event) {\n const e = new CustomEvent(event.type, {\n bubbles: false,\n cancelable: true\n });\n\n return this.dispatchEvent(e);\n }\n\n _setInputId() {\n if (this.hasAttribute('input-id')) {\n this._input.id = this.getAttribute('input-id');\n }\n }\n\n get _defaultClassName() {\n return '';\n }\n\n get _input() {\n return this.querySelector('input');\n }\n\n get value() {\n return this._input === null\n ? this.getAttribute('value')\n : this._input.value;\n }\n\n set value(val) {\n contentReady(this, () => {\n if (val instanceof Date) {\n val = val.toISOString().substring(0, 10);\n }\n this._input.value = val;\n this._update();\n });\n }\n\n set disabled(value) {\n return util.toggleAttribute(this, 'disabled', value);\n }\n\n get disabled() {\n return this.hasAttribute('disabled');\n }\n\n connectedCallback() {\n contentReady(this, () => {\n this._input.addEventListener('focus', this._boundDelegateEvent);\n this._input.addEventListener('blur', this._boundDelegateEvent);\n });\n }\n\n disconnectedCallback() {\n contentReady(this, () => {\n this._input.removeEventListener('focus', this._boundDelegateEvent);\n this._input.removeEventListener('blur', this._boundDelegateEvent);\n });\n }\n\n static get observedAttributes() {\n return ['modifier', 'input-id', 'class', ...INPUT_ATTRIBUTES];\n }\n\n attributeChangedCallback(name, last, current) {\n switch (name) {\n case 'modifier':\n contentReady(this, () => ModifierUtil.onModifierChanged(last, current, this, this._scheme));\n break;\n case 'input-id':\n contentReady(this, () => this._setInputId());\n break;\n case 'class':\n util.restoreClass(this, this._defaultClassName, this._scheme);\n break;\n }\n\n if (INPUT_ATTRIBUTES.indexOf(name) >= 0) {\n contentReady(this, () => this._updateBoundAttributes());\n }\n }\n\n blur() {\n this._input.blur();\n }\n\n focus() {\n this._input.focus();\n }\n}\n","/*\nCopyright 2013-2015 ASIAL CORPORATION\nLicensed under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License.\nYou may obtain a copy of the License at\n http://www.apache.org/licenses/LICENSE-2.0\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n*/\n\nimport onsElements from '../ons/elements';\nimport BaseInputElement from './base/base-input';\nimport contentReady from '../ons/content-ready';\nimport util from '../ons/util';\n\nconst scheme = {\n '.text-input': 'text-input--*',\n '.text-input__label': 'text-input--*__label'\n};\n\n/**\n * @element ons-input\n * @category form\n * @modifier material\n * [en]Displays a Material Design input.[/en]\n * [ja][/ja]\n * @modifier underbar\n * [en]Displays a horizontal line underneath a text input.[/en]\n * [ja][/ja]\n * @modifier transparent\n * [en]Displays a transparent input. Works for Material Design.[/en]\n * [ja][/ja]\n * @description\n * [en]\n * An input element. The `type` attribute can be used to change the input type. All text input types are supported.\n *\n * The component will automatically render as a Material Design input on Android devices.\n *\n * Most attributes that can be used for a normal `` element can also be used on the `` element.\n * [/en]\n * [ja][/ja]\n * @tutorial vanilla/Reference/input\n * @seealso ons-checkbox\n * [en]The `` element is used to display a checkbox.[/en]\n * [ja][/ja]\n * @seealso ons-radio\n * [en]The `` element is used to display a radio button.[/en]\n * [ja][/ja]\n * @seealso ons-range\n * [en]The `` element is used to display a range slider.[/en]\n * [ja][/ja]\n * @seealso ons-switch\n * [en]The `` element is used to display a draggable toggle switch.[/en]\n * [ja][/ja]\n * @seealso ons-select\n * [en]The `` element is used to display a select box.[/en]\n * [ja][/ja]\n * @guide theming.html#modifiers [en]More details about the `modifier` attribute[/en][ja]modifier属性の使い方[/ja]\n * @example\n * \n */\nexport default class InputElement extends BaseInputElement {\n\n constructor() {\n super();\n\n this._boundOnInput = this._update.bind(this);\n this._boundOnFocusin = this._update.bind(this);\n }\n\n /* Inherited props */\n\n _update() {\n this._updateLabel();\n this._updateLabelClass();\n }\n\n get _scheme() {\n return scheme;\n }\n\n get _template() {\n return `\n \n \n `;\n }\n\n get type() {\n const type = this.getAttribute('type');\n return (['checkbox', 'radio'].indexOf(type) < 0) && type || 'text';\n }\n\n /* Own props */\n\n _updateLabel() {\n const label = this.getAttribute('placeholder') || '';\n\n if (typeof this._helper.textContent !== 'undefined') {\n this._helper.textContent = label;\n } else {\n this._helper.innerText = label;\n }\n }\n\n _updateLabelClass() {\n if (this.value === '') {\n this._helper.classList.remove('text-input--material__label--active');\n } else {\n this._helper.classList.add('text-input--material__label--active');\n }\n }\n\n get _helper() {\n return this.querySelector('span');\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n contentReady(this, () => {\n this._input.addEventListener('input', this._boundOnInput);\n this._input.addEventListener('focusin', this._boundOnFocusin);\n });\n\n const type = this.getAttribute('type');\n if (['checkbox', 'radio'].indexOf(type) >= 0) {\n util.warn(`Warn: is deprecated since v2.4.0. Use instead.`)\n }\n }\n\n disconnectedCallback() {\n super.disconnectedCallback();\n\n contentReady(this, () => {\n this._input.removeEventListener('input', this._boundOnInput);\n this._input.removeEventListener('focusin', this._boundOnFocusin);\n });\n }\n\n static get observedAttributes() {\n return [...super.observedAttributes, 'type'];\n }\n\n attributeChangedCallback(name, last, current) {\n switch (name) {\n case 'type':\n contentReady(this, () => this._input.setAttribute('type', this.type));\n break;\n default:\n super.attributeChangedCallback(name, last, current);\n }\n }\n\n /**\n * @attribute placeholder\n * @type {String}\n * @description\n * [en]Placeholder text. In Material Design, this placeholder will be a floating label.[/en]\n * [ja][/ja]\n */\n\n /**\n * @attribute float\n * @description\n * [en]If this attribute is present, the placeholder will be animated in Material Design.[/en]\n * [ja]この属性が設定された時、ラベルはアニメーションするようになります。[/ja]\n */\n\n /**\n * @attribute type\n * @type {String}\n * @description\n * [en]\n * Specify the input type. This is the same as the \"type\" attribute for normal inputs. It expects strict text types such as `text`, `password`, etc. For checkbox, radio button, select or range, please have a look at the corresponding elements.\n *\n * Please take a look at [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-type) for an exhaustive list of possible values. Depending on the platform and browser version some of these might not work.\n * [/en]\n * [ja][/ja]\n */\n\n /**\n * @attribute input-id\n * @type {String}\n * @description\n * [en]Specify the \"id\" attribute of the inner `` element. This is useful when using `\n\n\n\n","//\n//\n//\n//\n//\n\n// 'ons-tab';\n\nexport default {\n name: 'v-ons-tab',\n inject: ['tabbar'],\n\n props: {\n page: { },\n props: { },\n active: {\n type: Boolean\n }\n },\n\n methods: {\n action() {\n let runDefault = true;\n this.$emit('click', { preventDefault: () => runDefault = false });\n\n if (runDefault) {\n this.tabbar.$el.setActiveTab(this.$el.index, { reject: false, ...this.tabbar.options });\n }\n }\n },\n\n watch: {\n active() {\n this.$el.setActive(this.active);\n }\n }\n};\n","//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n// 'ons-tabbar';\nimport { deriveEvents, hasOptions, hidable, selfProvider, modifier } from '../mixins';\n\nexport default {\n name: 'v-ons-tabbar',\n mixins: [deriveEvents, hasOptions, hidable, selfProvider, modifier],\n\n props: {\n index: {\n type: Number\n },\n tabs: {\n type: Array,\n validator(value) {\n return value.every(tab => ['icon', 'label', 'page'].some(prop => !!Object.getOwnPropertyDescriptor(tab, prop)));\n }\n },\n onSwipe: {\n type: Function\n },\n tabbarStyle: {\n type: null\n }\n },\n\n methods: {\n _tabKey(tab) {\n return tab.key || tab.label || tab.icon;\n }\n },\n\n watch: {\n index() {\n if (this.index !== this.$el.getActiveTabIndex()) {\n this.$el.setActiveTab(this.index, { reject: false, ...this.options });\n }\n }\n }\n};\n","\n !$event.detail.canceled && $emit('update:index', $event.index))\"\n >\n \n \n \n\n\n\n","//\n//\n//\n//\n//\n//\n\n// 'ons-back-button';\nimport { modifier } from '../mixins';\n\nexport default {\n name: 'v-ons-back-button',\n inject: ['navigator'],\n mixins: [modifier],\n\n methods: {\n action() {\n let runDefault = true;\n this.$emit('click', { preventDefault: () => runDefault = false });\n\n if (runDefault && this.navigator.pageStack.length > 1) {\n this.navigator.popPage();\n }\n }\n }\n};\n","\n \n \n \n\n\n\n","//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n// 'ons-navigator';\nimport { hasOptions, selfProvider, deriveEvents, deriveDBB } from '../mixins';\n\nexport default {\n name: 'v-ons-navigator',\n mixins: [hasOptions, selfProvider, deriveEvents, deriveDBB],\n\n props: {\n pageStack: {\n type: Array,\n required: true\n },\n popPage: {\n type: Function,\n default() {\n this.pageStack.pop();\n }\n }\n },\n\n methods: {\n isReady() {\n if (this.hasOwnProperty('_ready') && this._ready instanceof Promise) {\n return this._ready;\n }\n return Promise.resolve();\n },\n onDeviceBackButton(event) {\n if (this.pageStack.length > 1) {\n this.popPage();\n } else {\n event.callParentHandler();\n }\n },\n _findScrollPage(page) {\n const nextPage = page._contentElement.children.length === 1\n && this.$ons._ons._util.getTopPage(page._contentElement.children[0]);\n return nextPage ? this._findScrollPage(nextPage) : page;\n },\n _eachPage(start, end, cb) {\n for (let i = start; i < end; i++) {\n cb(this.$children[i].$el);\n }\n },\n _reattachPage(pageElement, position = null, restoreScroll) {\n this.$el.insertBefore(pageElement, position);\n restoreScroll instanceof Function && restoreScroll();\n pageElement._isShown = true;\n },\n _redetachPage(pageElement) {\n pageElement._destroy();\n return Promise.resolve();\n },\n _animate({ lastLength, currentLength, lastTopPage, currentTopPage, restoreScroll }) {\n const pushedOptions = this.pageStack[this.pageStack.length - 1].onsNavigatorOptions\n || currentTopPage.__vue__.onsNavigatorOptions\n || {};\n\n // Push\n if (currentLength > lastLength) {\n let isReattached = false;\n if (lastTopPage.parentElement !== this.$el) {\n this._reattachPage(lastTopPage, this.$el.children[lastLength - 1], restoreScroll);\n isReattached = true;\n lastLength--;\n }\n\n this._eachPage(lastLength, currentLength, el => { el.style.visibility = 'hidden' });\n this._eachPage(lastLength, currentLength - 1, el => { el.pushedOptions = pushedOptions });\n\n return this.$el._pushPage({ ...pushedOptions, leavePage: lastTopPage })\n .then(() => {\n setImmediate(() => {\n this._eachPage(lastLength, currentLength, el => { el.style.visibility = '' });\n this._eachPage(lastLength - 1, currentLength - 1, el => { el.style.display = 'none' });\n });\n\n if (isReattached) {\n this._redetachPage(lastTopPage);\n }\n }, () => { // push failed or was canceled\n this._canceled = true;\n this.pageStack.pop();\n });\n }\n\n // Pop\n if (currentLength < lastLength) {\n this._reattachPage(lastTopPage, null, restoreScroll);\n return this.$el._popPage({ }, () => this._redetachPage(lastTopPage));\n }\n\n // Replace page\n currentTopPage.style.visibility = 'hidden';\n this._reattachPage(lastTopPage, currentTopPage, restoreScroll);\n return this.$el._pushPage({ ...pushedOptions, _replacePage: true })\n .then(() => this._redetachPage(lastTopPage));\n },\n _checkSwipe(event) {\n if (this.$el.hasAttribute('swipeable') &&\n event.leavePage !== this.$el.lastChild && event.leavePage === this.$children[this.$children.length - 1].$el\n ) {\n this.popPage();\n }\n }\n },\n\n watch: {\n pageStack(after, before) {\n if (this.$el.hasAttribute('swipeable') && this.$children.length !== this.$el.children.length) {\n return;\n }\n\n // watcher triggered by undoing a canceled push or pop\n if (this._canceled) {\n this._canceled = null;\n return;\n }\n\n const propWasMutated = after === before; // Can be mutated or replaced\n const lastTopPage = this.$children[this.$children.length - 1].$el;\n const scrollElement = this._findScrollPage(lastTopPage);\n const scrollValue = scrollElement.scrollTop || 0;\n\n this._pageStackUpdate = {\n lastTopPage,\n lastLength: propWasMutated ? this.$children.length : before.length,\n currentLength: !propWasMutated && after.length,\n restoreScroll: () => scrollElement.scrollTop = scrollValue\n };\n\n // this.$nextTick(() => { }); // Waits too long, updated() hook is faster and prevents flickerings\n }\n },\n\n updated() {\n if (this._pageStackUpdate) {\n let currentTopPage = this.$children[this.$children.length - 1].$el;\n let { lastTopPage, currentLength } = this._pageStackUpdate;\n const { lastLength, restoreScroll } = this._pageStackUpdate;\n currentLength = currentLength === false ? this.$children.length : currentLength;\n\n if (currentTopPage !== lastTopPage) {\n this._ready = this._animate({ lastLength, currentLength, lastTopPage, currentTopPage, restoreScroll });\n } else if (currentLength !== lastLength) {\n currentTopPage.updateBackButton(currentLength > 1);\n }\n\n lastTopPage = currentTopPage = this._pageStackUpdate = null;\n }\n }\n};\n","\n \n \n \n \n \n\n\n\n","//\n//\n//\n//\n//\n//\n\n// 'ons-splitter-side';\nimport { hasOptions, deriveEvents } from '../mixins';\n\nexport default {\n name: 'v-ons-splitter-side',\n mixins: [hasOptions, deriveEvents],\n\n props: {\n open: {\n type: Boolean,\n default: undefined\n }\n },\n\n methods: {\n action() {\n this._shouldUpdate() && this.$el[this.open ? 'open' : 'close'].call(this.$el, this.options).catch(() => {});\n },\n _shouldUpdate() {\n return this.open !== undefined && this.open !== this.$el.isOpen;\n }\n },\n\n watch: {\n open() {\n this.action();\n }\n },\n\n mounted() {\n this.$on(['postopen', 'postclose', 'modechange'], () => this._shouldUpdate() && this.$emit('update:open', this.$el.isOpen));\n\n this.action();\n }\n};\n","\n \n \n \n\n\n\n","//\n//\n//\n//\n//\n\n// 'ons-lazy-repeat';\n\nexport default {\n name: 'v-ons-lazy-repeat',\n\n props: {\n renderItem: {\n type: Function,\n required: true,\n validator(value) {\n const component = value(0);\n if (component._isVue && !component._isMounted) {\n component.$destroy();\n return true;\n }\n return false;\n }\n },\n length: {\n type: Number,\n required: true\n },\n calculateItemHeight: {\n type: Function,\n default: undefined\n }\n },\n\n data() {\n return {\n provider: null\n };\n },\n\n methods: {\n _setup() {\n this.provider && this.provider.destroy();\n\n const delegate = new this.$ons._ons._internal.LazyRepeatDelegate({\n calculateItemHeight: this.calculateItemHeight,\n createItemContent: i => this.renderItem(i).$mount().$el,\n destroyItem: (i, { element }) => element.__vue__.$destroy(),\n countItems: () => this.length\n }, null);\n\n this.provider = new this.$ons._ons._internal.LazyRepeatProvider(this.$parent.$el, delegate);\n },\n refresh() {\n return this.provider.refresh();\n }\n },\n\n watch: {\n renderItem() {\n this._setup();\n },\n length() {\n this._setup();\n },\n calculateItemHeight() {\n this._setup();\n }\n },\n\n mounted() {\n this._setup();\n this.$vnode.context.$on('refresh', this.refresh);\n },\n\n beforeDestroy() {\n this.$vnode.context.$off('refresh', this.refresh);\n\n // This will destroy the provider once the rendered element\n // is detached (detachedCallback). Therefore, animations\n // have time to finish before elements start to disappear.\n // It cannot be set earlier in order to prevent accidental\n // destroys if this element is retached by something else.\n this.$el._lazyRepeatProvider = this.provider;\n this.provider = null;\n }\n};\n","//\n//\n//\n//\n//\n//\n//\n//\n\n// 'ons-select';\nimport { modifier } from '../mixins';\n\nexport default {\n name: 'v-ons-select',\n mixins: [modifier],\n model: {\n prop: 'modelProp',\n event: 'modelEvent'\n },\n props: {\n modelProp: [Number, String],\n modelEvent: {\n type: String,\n default: 'input'\n }\n },\n computed: {\n selectedValue: {\n get() {\n return this.modelProp;\n },\n set(val) {\n this.$emit('modelEvent', val);\n }\n }\n }\n};\n","\n \n \n \n\n\n\n","//\n//\n//\n//\n//\n//\n\n// 'ons-segment';\nimport { deriveEvents } from '../mixins';\n\nexport default {\n name: 'v-ons-segment',\n mixins: [deriveEvents],\n\n props: {\n index: {\n type: Number\n }\n },\n\n watch: {\n index() {\n if (this.index !== this.$el.getActiveButtonIndex()) {\n this.$el.setActiveButton(this.index, { reject: false });\n }\n }\n }\n};\n","\n \n \n \n\n\n\n","//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n// 'ons-pull-hook';\nimport { deriveEvents } from '../mixins';\n\nexport default {\n name: 'v-ons-pull-hook',\n mixins: [deriveEvents],\n\n props: {\n action: {\n type: Function\n },\n onPull: {\n type: Function\n }\n }\n};\n","\n \n \n \n\n\n\n","//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n// 'ons-page';\nimport { deriveEvents, deriveDBB, modifier } from '../mixins';\n\nexport default {\n name: 'v-ons-page',\n mixins: [deriveEvents, deriveDBB, modifier],\n\n props: {\n infiniteScroll: {\n type: Function\n }\n }\n};\n","\n \n \n \n\n\n\n","import ons from 'onsenui';\nimport setup from './setup';\nimport * as components from './components';\n\nconst $ons = setup(ons);\n\n$ons.install = (Vue) => {\n /**\n * Register components of vue-onsenui.\n */\n Object.keys(components)\n .forEach(key => Vue.component(components[key].name, components[key]));\n\n /**\n * Expose ons object.\n */\n Vue.prototype.$ons = $ons;\n};\n\nif (typeof window !== 'undefined' && window.Vue) {\n window.Vue.use({ install: $ons.install });\n}\n\nexport default $ons;\n","/*!\n * vue-router v3.5.3\n * (c) 2021 Evan You\n * @license MIT\n */\n/* */\n\nfunction assert (condition, message) {\n if (!condition) {\n throw new Error((\"[vue-router] \" + message))\n }\n}\n\nfunction warn (condition, message) {\n if (!condition) {\n typeof console !== 'undefined' && console.warn((\"[vue-router] \" + message));\n }\n}\n\nfunction extend (a, b) {\n for (var key in b) {\n a[key] = b[key];\n }\n return a\n}\n\n/* */\n\nvar encodeReserveRE = /[!'()*]/g;\nvar encodeReserveReplacer = function (c) { return '%' + c.charCodeAt(0).toString(16); };\nvar commaRE = /%2C/g;\n\n// fixed encodeURIComponent which is more conformant to RFC3986:\n// - escapes [!'()*]\n// - preserve commas\nvar encode = function (str) { return encodeURIComponent(str)\n .replace(encodeReserveRE, encodeReserveReplacer)\n .replace(commaRE, ','); };\n\nfunction decode (str) {\n try {\n return decodeURIComponent(str)\n } catch (err) {\n if (process.env.NODE_ENV !== 'production') {\n warn(false, (\"Error decoding \\\"\" + str + \"\\\". Leaving it intact.\"));\n }\n }\n return str\n}\n\nfunction resolveQuery (\n query,\n extraQuery,\n _parseQuery\n) {\n if ( extraQuery === void 0 ) extraQuery = {};\n\n var parse = _parseQuery || parseQuery;\n var parsedQuery;\n try {\n parsedQuery = parse(query || '');\n } catch (e) {\n process.env.NODE_ENV !== 'production' && warn(false, e.message);\n parsedQuery = {};\n }\n for (var key in extraQuery) {\n var value = extraQuery[key];\n parsedQuery[key] = Array.isArray(value)\n ? value.map(castQueryParamValue)\n : castQueryParamValue(value);\n }\n return parsedQuery\n}\n\nvar castQueryParamValue = function (value) { return (value == null || typeof value === 'object' ? value : String(value)); };\n\nfunction parseQuery (query) {\n var res = {};\n\n query = query.trim().replace(/^(\\?|#|&)/, '');\n\n if (!query) {\n return res\n }\n\n query.split('&').forEach(function (param) {\n var parts = param.replace(/\\+/g, ' ').split('=');\n var key = decode(parts.shift());\n var val = parts.length > 0 ? decode(parts.join('=')) : null;\n\n if (res[key] === undefined) {\n res[key] = val;\n } else if (Array.isArray(res[key])) {\n res[key].push(val);\n } else {\n res[key] = [res[key], val];\n }\n });\n\n return res\n}\n\nfunction stringifyQuery (obj) {\n var res = obj\n ? Object.keys(obj)\n .map(function (key) {\n var val = obj[key];\n\n if (val === undefined) {\n return ''\n }\n\n if (val === null) {\n return encode(key)\n }\n\n if (Array.isArray(val)) {\n var result = [];\n val.forEach(function (val2) {\n if (val2 === undefined) {\n return\n }\n if (val2 === null) {\n result.push(encode(key));\n } else {\n result.push(encode(key) + '=' + encode(val2));\n }\n });\n return result.join('&')\n }\n\n return encode(key) + '=' + encode(val)\n })\n .filter(function (x) { return x.length > 0; })\n .join('&')\n : null;\n return res ? (\"?\" + res) : ''\n}\n\n/* */\n\nvar trailingSlashRE = /\\/?$/;\n\nfunction createRoute (\n record,\n location,\n redirectedFrom,\n router\n) {\n var stringifyQuery = router && router.options.stringifyQuery;\n\n var query = location.query || {};\n try {\n query = clone(query);\n } catch (e) {}\n\n var route = {\n name: location.name || (record && record.name),\n meta: (record && record.meta) || {},\n path: location.path || '/',\n hash: location.hash || '',\n query: query,\n params: location.params || {},\n fullPath: getFullPath(location, stringifyQuery),\n matched: record ? formatMatch(record) : []\n };\n if (redirectedFrom) {\n route.redirectedFrom = getFullPath(redirectedFrom, stringifyQuery);\n }\n return Object.freeze(route)\n}\n\nfunction clone (value) {\n if (Array.isArray(value)) {\n return value.map(clone)\n } else if (value && typeof value === 'object') {\n var res = {};\n for (var key in value) {\n res[key] = clone(value[key]);\n }\n return res\n } else {\n return value\n }\n}\n\n// the starting route that represents the initial state\nvar START = createRoute(null, {\n path: '/'\n});\n\nfunction formatMatch (record) {\n var res = [];\n while (record) {\n res.unshift(record);\n record = record.parent;\n }\n return res\n}\n\nfunction getFullPath (\n ref,\n _stringifyQuery\n) {\n var path = ref.path;\n var query = ref.query; if ( query === void 0 ) query = {};\n var hash = ref.hash; if ( hash === void 0 ) hash = '';\n\n var stringify = _stringifyQuery || stringifyQuery;\n return (path || '/') + stringify(query) + hash\n}\n\nfunction isSameRoute (a, b, onlyPath) {\n if (b === START) {\n return a === b\n } else if (!b) {\n return false\n } else if (a.path && b.path) {\n return a.path.replace(trailingSlashRE, '') === b.path.replace(trailingSlashRE, '') && (onlyPath ||\n a.hash === b.hash &&\n isObjectEqual(a.query, b.query))\n } else if (a.name && b.name) {\n return (\n a.name === b.name &&\n (onlyPath || (\n a.hash === b.hash &&\n isObjectEqual(a.query, b.query) &&\n isObjectEqual(a.params, b.params))\n )\n )\n } else {\n return false\n }\n}\n\nfunction isObjectEqual (a, b) {\n if ( a === void 0 ) a = {};\n if ( b === void 0 ) b = {};\n\n // handle null value #1566\n if (!a || !b) { return a === b }\n var aKeys = Object.keys(a).sort();\n var bKeys = Object.keys(b).sort();\n if (aKeys.length !== bKeys.length) {\n return false\n }\n return aKeys.every(function (key, i) {\n var aVal = a[key];\n var bKey = bKeys[i];\n if (bKey !== key) { return false }\n var bVal = b[key];\n // query values can be null and undefined\n if (aVal == null || bVal == null) { return aVal === bVal }\n // check nested equality\n if (typeof aVal === 'object' && typeof bVal === 'object') {\n return isObjectEqual(aVal, bVal)\n }\n return String(aVal) === String(bVal)\n })\n}\n\nfunction isIncludedRoute (current, target) {\n return (\n current.path.replace(trailingSlashRE, '/').indexOf(\n target.path.replace(trailingSlashRE, '/')\n ) === 0 &&\n (!target.hash || current.hash === target.hash) &&\n queryIncludes(current.query, target.query)\n )\n}\n\nfunction queryIncludes (current, target) {\n for (var key in target) {\n if (!(key in current)) {\n return false\n }\n }\n return true\n}\n\nfunction handleRouteEntered (route) {\n for (var i = 0; i < route.matched.length; i++) {\n var record = route.matched[i];\n for (var name in record.instances) {\n var instance = record.instances[name];\n var cbs = record.enteredCbs[name];\n if (!instance || !cbs) { continue }\n delete record.enteredCbs[name];\n for (var i$1 = 0; i$1 < cbs.length; i$1++) {\n if (!instance._isBeingDestroyed) { cbs[i$1](instance); }\n }\n }\n }\n}\n\nvar View = {\n name: 'RouterView',\n functional: true,\n props: {\n name: {\n type: String,\n default: 'default'\n }\n },\n render: function render (_, ref) {\n var props = ref.props;\n var children = ref.children;\n var parent = ref.parent;\n var data = ref.data;\n\n // used by devtools to display a router-view badge\n data.routerView = true;\n\n // directly use parent context's createElement() function\n // so that components rendered by router-view can resolve named slots\n var h = parent.$createElement;\n var name = props.name;\n var route = parent.$route;\n var cache = parent._routerViewCache || (parent._routerViewCache = {});\n\n // determine current view depth, also check to see if the tree\n // has been toggled inactive but kept-alive.\n var depth = 0;\n var inactive = false;\n while (parent && parent._routerRoot !== parent) {\n var vnodeData = parent.$vnode ? parent.$vnode.data : {};\n if (vnodeData.routerView) {\n depth++;\n }\n if (vnodeData.keepAlive && parent._directInactive && parent._inactive) {\n inactive = true;\n }\n parent = parent.$parent;\n }\n data.routerViewDepth = depth;\n\n // render previous view if the tree is inactive and kept-alive\n if (inactive) {\n var cachedData = cache[name];\n var cachedComponent = cachedData && cachedData.component;\n if (cachedComponent) {\n // #2301\n // pass props\n if (cachedData.configProps) {\n fillPropsinData(cachedComponent, data, cachedData.route, cachedData.configProps);\n }\n return h(cachedComponent, data, children)\n } else {\n // render previous empty view\n return h()\n }\n }\n\n var matched = route.matched[depth];\n var component = matched && matched.components[name];\n\n // render empty node if no matched route or no config component\n if (!matched || !component) {\n cache[name] = null;\n return h()\n }\n\n // cache component\n cache[name] = { component: component };\n\n // attach instance registration hook\n // this will be called in the instance's injected lifecycle hooks\n data.registerRouteInstance = function (vm, val) {\n // val could be undefined for unregistration\n var current = matched.instances[name];\n if (\n (val && current !== vm) ||\n (!val && current === vm)\n ) {\n matched.instances[name] = val;\n }\n }\n\n // also register instance in prepatch hook\n // in case the same component instance is reused across different routes\n ;(data.hook || (data.hook = {})).prepatch = function (_, vnode) {\n matched.instances[name] = vnode.componentInstance;\n };\n\n // register instance in init hook\n // in case kept-alive component be actived when routes changed\n data.hook.init = function (vnode) {\n if (vnode.data.keepAlive &&\n vnode.componentInstance &&\n vnode.componentInstance !== matched.instances[name]\n ) {\n matched.instances[name] = vnode.componentInstance;\n }\n\n // if the route transition has already been confirmed then we weren't\n // able to call the cbs during confirmation as the component was not\n // registered yet, so we call it here.\n handleRouteEntered(route);\n };\n\n var configProps = matched.props && matched.props[name];\n // save route and configProps in cache\n if (configProps) {\n extend(cache[name], {\n route: route,\n configProps: configProps\n });\n fillPropsinData(component, data, route, configProps);\n }\n\n return h(component, data, children)\n }\n};\n\nfunction fillPropsinData (component, data, route, configProps) {\n // resolve props\n var propsToPass = data.props = resolveProps(route, configProps);\n if (propsToPass) {\n // clone to prevent mutation\n propsToPass = data.props = extend({}, propsToPass);\n // pass non-declared props as attrs\n var attrs = data.attrs = data.attrs || {};\n for (var key in propsToPass) {\n if (!component.props || !(key in component.props)) {\n attrs[key] = propsToPass[key];\n delete propsToPass[key];\n }\n }\n }\n}\n\nfunction resolveProps (route, config) {\n switch (typeof config) {\n case 'undefined':\n return\n case 'object':\n return config\n case 'function':\n return config(route)\n case 'boolean':\n return config ? route.params : undefined\n default:\n if (process.env.NODE_ENV !== 'production') {\n warn(\n false,\n \"props in \\\"\" + (route.path) + \"\\\" is a \" + (typeof config) + \", \" +\n \"expecting an object, function or boolean.\"\n );\n }\n }\n}\n\n/* */\n\nfunction resolvePath (\n relative,\n base,\n append\n) {\n var firstChar = relative.charAt(0);\n if (firstChar === '/') {\n return relative\n }\n\n if (firstChar === '?' || firstChar === '#') {\n return base + relative\n }\n\n var stack = base.split('/');\n\n // remove trailing segment if:\n // - not appending\n // - appending to trailing slash (last segment is empty)\n if (!append || !stack[stack.length - 1]) {\n stack.pop();\n }\n\n // resolve relative path\n var segments = relative.replace(/^\\//, '').split('/');\n for (var i = 0; i < segments.length; i++) {\n var segment = segments[i];\n if (segment === '..') {\n stack.pop();\n } else if (segment !== '.') {\n stack.push(segment);\n }\n }\n\n // ensure leading slash\n if (stack[0] !== '') {\n stack.unshift('');\n }\n\n return stack.join('/')\n}\n\nfunction parsePath (path) {\n var hash = '';\n var query = '';\n\n var hashIndex = path.indexOf('#');\n if (hashIndex >= 0) {\n hash = path.slice(hashIndex);\n path = path.slice(0, hashIndex);\n }\n\n var queryIndex = path.indexOf('?');\n if (queryIndex >= 0) {\n query = path.slice(queryIndex + 1);\n path = path.slice(0, queryIndex);\n }\n\n return {\n path: path,\n query: query,\n hash: hash\n }\n}\n\nfunction cleanPath (path) {\n return path.replace(/\\/+/g, '/')\n}\n\nvar isarray = Array.isArray || function (arr) {\n return Object.prototype.toString.call(arr) == '[object Array]';\n};\n\n/**\n * Expose `pathToRegexp`.\n */\nvar pathToRegexp_1 = pathToRegexp;\nvar parse_1 = parse;\nvar compile_1 = compile;\nvar tokensToFunction_1 = tokensToFunction;\nvar tokensToRegExp_1 = tokensToRegExp;\n\n/**\n * The main path matching regexp utility.\n *\n * @type {RegExp}\n */\nvar PATH_REGEXP = new RegExp([\n // Match escaped characters that would otherwise appear in future matches.\n // This allows the user to escape special characters that won't transform.\n '(\\\\\\\\.)',\n // Match Express-style parameters and un-named parameters with a prefix\n // and optional suffixes. Matches appear as:\n //\n // \"/:test(\\\\d+)?\" => [\"/\", \"test\", \"\\d+\", undefined, \"?\", undefined]\n // \"/route(\\\\d+)\" => [undefined, undefined, undefined, \"\\d+\", undefined, undefined]\n // \"/*\" => [\"/\", undefined, undefined, undefined, undefined, \"*\"]\n '([\\\\/.])?(?:(?:\\\\:(\\\\w+)(?:\\\\(((?:\\\\\\\\.|[^\\\\\\\\()])+)\\\\))?|\\\\(((?:\\\\\\\\.|[^\\\\\\\\()])+)\\\\))([+*?])?|(\\\\*))'\n].join('|'), 'g');\n\n/**\n * Parse a string for the raw tokens.\n *\n * @param {string} str\n * @param {Object=} options\n * @return {!Array}\n */\nfunction parse (str, options) {\n var tokens = [];\n var key = 0;\n var index = 0;\n var path = '';\n var defaultDelimiter = options && options.delimiter || '/';\n var res;\n\n while ((res = PATH_REGEXP.exec(str)) != null) {\n var m = res[0];\n var escaped = res[1];\n var offset = res.index;\n path += str.slice(index, offset);\n index = offset + m.length;\n\n // Ignore already escaped sequences.\n if (escaped) {\n path += escaped[1];\n continue\n }\n\n var next = str[index];\n var prefix = res[2];\n var name = res[3];\n var capture = res[4];\n var group = res[5];\n var modifier = res[6];\n var asterisk = res[7];\n\n // Push the current path onto the tokens.\n if (path) {\n tokens.push(path);\n path = '';\n }\n\n var partial = prefix != null && next != null && next !== prefix;\n var repeat = modifier === '+' || modifier === '*';\n var optional = modifier === '?' || modifier === '*';\n var delimiter = res[2] || defaultDelimiter;\n var pattern = capture || group;\n\n tokens.push({\n name: name || key++,\n prefix: prefix || '',\n delimiter: delimiter,\n optional: optional,\n repeat: repeat,\n partial: partial,\n asterisk: !!asterisk,\n pattern: pattern ? escapeGroup(pattern) : (asterisk ? '.*' : '[^' + escapeString(delimiter) + ']+?')\n });\n }\n\n // Match any characters still remaining.\n if (index < str.length) {\n path += str.substr(index);\n }\n\n // If the path exists, push it onto the end.\n if (path) {\n tokens.push(path);\n }\n\n return tokens\n}\n\n/**\n * Compile a string to a template function for the path.\n *\n * @param {string} str\n * @param {Object=} options\n * @return {!function(Object=, Object=)}\n */\nfunction compile (str, options) {\n return tokensToFunction(parse(str, options), options)\n}\n\n/**\n * Prettier encoding of URI path segments.\n *\n * @param {string}\n * @return {string}\n */\nfunction encodeURIComponentPretty (str) {\n return encodeURI(str).replace(/[\\/?#]/g, function (c) {\n return '%' + c.charCodeAt(0).toString(16).toUpperCase()\n })\n}\n\n/**\n * Encode the asterisk parameter. Similar to `pretty`, but allows slashes.\n *\n * @param {string}\n * @return {string}\n */\nfunction encodeAsterisk (str) {\n return encodeURI(str).replace(/[?#]/g, function (c) {\n return '%' + c.charCodeAt(0).toString(16).toUpperCase()\n })\n}\n\n/**\n * Expose a method for transforming tokens into the path function.\n */\nfunction tokensToFunction (tokens, options) {\n // Compile all the tokens into regexps.\n var matches = new Array(tokens.length);\n\n // Compile all the patterns before compilation.\n for (var i = 0; i < tokens.length; i++) {\n if (typeof tokens[i] === 'object') {\n matches[i] = new RegExp('^(?:' + tokens[i].pattern + ')$', flags(options));\n }\n }\n\n return function (obj, opts) {\n var path = '';\n var data = obj || {};\n var options = opts || {};\n var encode = options.pretty ? encodeURIComponentPretty : encodeURIComponent;\n\n for (var i = 0; i < tokens.length; i++) {\n var token = tokens[i];\n\n if (typeof token === 'string') {\n path += token;\n\n continue\n }\n\n var value = data[token.name];\n var segment;\n\n if (value == null) {\n if (token.optional) {\n // Prepend partial segment prefixes.\n if (token.partial) {\n path += token.prefix;\n }\n\n continue\n } else {\n throw new TypeError('Expected \"' + token.name + '\" to be defined')\n }\n }\n\n if (isarray(value)) {\n if (!token.repeat) {\n throw new TypeError('Expected \"' + token.name + '\" to not repeat, but received `' + JSON.stringify(value) + '`')\n }\n\n if (value.length === 0) {\n if (token.optional) {\n continue\n } else {\n throw new TypeError('Expected \"' + token.name + '\" to not be empty')\n }\n }\n\n for (var j = 0; j < value.length; j++) {\n segment = encode(value[j]);\n\n if (!matches[i].test(segment)) {\n throw new TypeError('Expected all \"' + token.name + '\" to match \"' + token.pattern + '\", but received `' + JSON.stringify(segment) + '`')\n }\n\n path += (j === 0 ? token.prefix : token.delimiter) + segment;\n }\n\n continue\n }\n\n segment = token.asterisk ? encodeAsterisk(value) : encode(value);\n\n if (!matches[i].test(segment)) {\n throw new TypeError('Expected \"' + token.name + '\" to match \"' + token.pattern + '\", but received \"' + segment + '\"')\n }\n\n path += token.prefix + segment;\n }\n\n return path\n }\n}\n\n/**\n * Escape a regular expression string.\n *\n * @param {string} str\n * @return {string}\n */\nfunction escapeString (str) {\n return str.replace(/([.+*?=^!:${}()[\\]|\\/\\\\])/g, '\\\\$1')\n}\n\n/**\n * Escape the capturing group by escaping special characters and meaning.\n *\n * @param {string} group\n * @return {string}\n */\nfunction escapeGroup (group) {\n return group.replace(/([=!:$\\/()])/g, '\\\\$1')\n}\n\n/**\n * Attach the keys as a property of the regexp.\n *\n * @param {!RegExp} re\n * @param {Array} keys\n * @return {!RegExp}\n */\nfunction attachKeys (re, keys) {\n re.keys = keys;\n return re\n}\n\n/**\n * Get the flags for a regexp from the options.\n *\n * @param {Object} options\n * @return {string}\n */\nfunction flags (options) {\n return options && options.sensitive ? '' : 'i'\n}\n\n/**\n * Pull out keys from a regexp.\n *\n * @param {!RegExp} path\n * @param {!Array} keys\n * @return {!RegExp}\n */\nfunction regexpToRegexp (path, keys) {\n // Use a negative lookahead to match only capturing groups.\n var groups = path.source.match(/\\((?!\\?)/g);\n\n if (groups) {\n for (var i = 0; i < groups.length; i++) {\n keys.push({\n name: i,\n prefix: null,\n delimiter: null,\n optional: false,\n repeat: false,\n partial: false,\n asterisk: false,\n pattern: null\n });\n }\n }\n\n return attachKeys(path, keys)\n}\n\n/**\n * Transform an array into a regexp.\n *\n * @param {!Array} path\n * @param {Array} keys\n * @param {!Object} options\n * @return {!RegExp}\n */\nfunction arrayToRegexp (path, keys, options) {\n var parts = [];\n\n for (var i = 0; i < path.length; i++) {\n parts.push(pathToRegexp(path[i], keys, options).source);\n }\n\n var regexp = new RegExp('(?:' + parts.join('|') + ')', flags(options));\n\n return attachKeys(regexp, keys)\n}\n\n/**\n * Create a path regexp from string input.\n *\n * @param {string} path\n * @param {!Array} keys\n * @param {!Object} options\n * @return {!RegExp}\n */\nfunction stringToRegexp (path, keys, options) {\n return tokensToRegExp(parse(path, options), keys, options)\n}\n\n/**\n * Expose a function for taking tokens and returning a RegExp.\n *\n * @param {!Array} tokens\n * @param {(Array|Object)=} keys\n * @param {Object=} options\n * @return {!RegExp}\n */\nfunction tokensToRegExp (tokens, keys, options) {\n if (!isarray(keys)) {\n options = /** @type {!Object} */ (keys || options);\n keys = [];\n }\n\n options = options || {};\n\n var strict = options.strict;\n var end = options.end !== false;\n var route = '';\n\n // Iterate over the tokens and create our regexp string.\n for (var i = 0; i < tokens.length; i++) {\n var token = tokens[i];\n\n if (typeof token === 'string') {\n route += escapeString(token);\n } else {\n var prefix = escapeString(token.prefix);\n var capture = '(?:' + token.pattern + ')';\n\n keys.push(token);\n\n if (token.repeat) {\n capture += '(?:' + prefix + capture + ')*';\n }\n\n if (token.optional) {\n if (!token.partial) {\n capture = '(?:' + prefix + '(' + capture + '))?';\n } else {\n capture = prefix + '(' + capture + ')?';\n }\n } else {\n capture = prefix + '(' + capture + ')';\n }\n\n route += capture;\n }\n }\n\n var delimiter = escapeString(options.delimiter || '/');\n var endsWithDelimiter = route.slice(-delimiter.length) === delimiter;\n\n // In non-strict mode we allow a slash at the end of match. If the path to\n // match already ends with a slash, we remove it for consistency. The slash\n // is valid at the end of a path match, not in the middle. This is important\n // in non-ending mode, where \"/test/\" shouldn't match \"/test//route\".\n if (!strict) {\n route = (endsWithDelimiter ? route.slice(0, -delimiter.length) : route) + '(?:' + delimiter + '(?=$))?';\n }\n\n if (end) {\n route += '$';\n } else {\n // In non-ending mode, we need the capturing groups to match as much as\n // possible by using a positive lookahead to the end or next path segment.\n route += strict && endsWithDelimiter ? '' : '(?=' + delimiter + '|$)';\n }\n\n return attachKeys(new RegExp('^' + route, flags(options)), keys)\n}\n\n/**\n * Normalize the given path string, returning a regular expression.\n *\n * An empty array can be passed in for the keys, which will hold the\n * placeholder key descriptions. For example, using `/user/:id`, `keys` will\n * contain `[{ name: 'id', delimiter: '/', optional: false, repeat: false }]`.\n *\n * @param {(string|RegExp|Array)} path\n * @param {(Array|Object)=} keys\n * @param {Object=} options\n * @return {!RegExp}\n */\nfunction pathToRegexp (path, keys, options) {\n if (!isarray(keys)) {\n options = /** @type {!Object} */ (keys || options);\n keys = [];\n }\n\n options = options || {};\n\n if (path instanceof RegExp) {\n return regexpToRegexp(path, /** @type {!Array} */ (keys))\n }\n\n if (isarray(path)) {\n return arrayToRegexp(/** @type {!Array} */ (path), /** @type {!Array} */ (keys), options)\n }\n\n return stringToRegexp(/** @type {string} */ (path), /** @type {!Array} */ (keys), options)\n}\npathToRegexp_1.parse = parse_1;\npathToRegexp_1.compile = compile_1;\npathToRegexp_1.tokensToFunction = tokensToFunction_1;\npathToRegexp_1.tokensToRegExp = tokensToRegExp_1;\n\n/* */\n\n// $flow-disable-line\nvar regexpCompileCache = Object.create(null);\n\nfunction fillParams (\n path,\n params,\n routeMsg\n) {\n params = params || {};\n try {\n var filler =\n regexpCompileCache[path] ||\n (regexpCompileCache[path] = pathToRegexp_1.compile(path));\n\n // Fix #2505 resolving asterisk routes { name: 'not-found', params: { pathMatch: '/not-found' }}\n // and fix #3106 so that you can work with location descriptor object having params.pathMatch equal to empty string\n if (typeof params.pathMatch === 'string') { params[0] = params.pathMatch; }\n\n return filler(params, { pretty: true })\n } catch (e) {\n if (process.env.NODE_ENV !== 'production') {\n // Fix #3072 no warn if `pathMatch` is string\n warn(typeof params.pathMatch === 'string', (\"missing param for \" + routeMsg + \": \" + (e.message)));\n }\n return ''\n } finally {\n // delete the 0 if it was added\n delete params[0];\n }\n}\n\n/* */\n\nfunction normalizeLocation (\n raw,\n current,\n append,\n router\n) {\n var next = typeof raw === 'string' ? { path: raw } : raw;\n // named target\n if (next._normalized) {\n return next\n } else if (next.name) {\n next = extend({}, raw);\n var params = next.params;\n if (params && typeof params === 'object') {\n next.params = extend({}, params);\n }\n return next\n }\n\n // relative params\n if (!next.path && next.params && current) {\n next = extend({}, next);\n next._normalized = true;\n var params$1 = extend(extend({}, current.params), next.params);\n if (current.name) {\n next.name = current.name;\n next.params = params$1;\n } else if (current.matched.length) {\n var rawPath = current.matched[current.matched.length - 1].path;\n next.path = fillParams(rawPath, params$1, (\"path \" + (current.path)));\n } else if (process.env.NODE_ENV !== 'production') {\n warn(false, \"relative params navigation requires a current route.\");\n }\n return next\n }\n\n var parsedPath = parsePath(next.path || '');\n var basePath = (current && current.path) || '/';\n var path = parsedPath.path\n ? resolvePath(parsedPath.path, basePath, append || next.append)\n : basePath;\n\n var query = resolveQuery(\n parsedPath.query,\n next.query,\n router && router.options.parseQuery\n );\n\n var hash = next.hash || parsedPath.hash;\n if (hash && hash.charAt(0) !== '#') {\n hash = \"#\" + hash;\n }\n\n return {\n _normalized: true,\n path: path,\n query: query,\n hash: hash\n }\n}\n\n/* */\n\n// work around weird flow bug\nvar toTypes = [String, Object];\nvar eventTypes = [String, Array];\n\nvar noop = function () {};\n\nvar warnedCustomSlot;\nvar warnedTagProp;\nvar warnedEventProp;\n\nvar Link = {\n name: 'RouterLink',\n props: {\n to: {\n type: toTypes,\n required: true\n },\n tag: {\n type: String,\n default: 'a'\n },\n custom: Boolean,\n exact: Boolean,\n exactPath: Boolean,\n append: Boolean,\n replace: Boolean,\n activeClass: String,\n exactActiveClass: String,\n ariaCurrentValue: {\n type: String,\n default: 'page'\n },\n event: {\n type: eventTypes,\n default: 'click'\n }\n },\n render: function render (h) {\n var this$1 = this;\n\n var router = this.$router;\n var current = this.$route;\n var ref = router.resolve(\n this.to,\n current,\n this.append\n );\n var location = ref.location;\n var route = ref.route;\n var href = ref.href;\n\n var classes = {};\n var globalActiveClass = router.options.linkActiveClass;\n var globalExactActiveClass = router.options.linkExactActiveClass;\n // Support global empty active class\n var activeClassFallback =\n globalActiveClass == null ? 'router-link-active' : globalActiveClass;\n var exactActiveClassFallback =\n globalExactActiveClass == null\n ? 'router-link-exact-active'\n : globalExactActiveClass;\n var activeClass =\n this.activeClass == null ? activeClassFallback : this.activeClass;\n var exactActiveClass =\n this.exactActiveClass == null\n ? exactActiveClassFallback\n : this.exactActiveClass;\n\n var compareTarget = route.redirectedFrom\n ? createRoute(null, normalizeLocation(route.redirectedFrom), null, router)\n : route;\n\n classes[exactActiveClass] = isSameRoute(current, compareTarget, this.exactPath);\n classes[activeClass] = this.exact || this.exactPath\n ? classes[exactActiveClass]\n : isIncludedRoute(current, compareTarget);\n\n var ariaCurrentValue = classes[exactActiveClass] ? this.ariaCurrentValue : null;\n\n var handler = function (e) {\n if (guardEvent(e)) {\n if (this$1.replace) {\n router.replace(location, noop);\n } else {\n router.push(location, noop);\n }\n }\n };\n\n var on = { click: guardEvent };\n if (Array.isArray(this.event)) {\n this.event.forEach(function (e) {\n on[e] = handler;\n });\n } else {\n on[this.event] = handler;\n }\n\n var data = { class: classes };\n\n var scopedSlot =\n !this.$scopedSlots.$hasNormal &&\n this.$scopedSlots.default &&\n this.$scopedSlots.default({\n href: href,\n route: route,\n navigate: handler,\n isActive: classes[activeClass],\n isExactActive: classes[exactActiveClass]\n });\n\n if (scopedSlot) {\n if (process.env.NODE_ENV !== 'production' && !this.custom) {\n !warnedCustomSlot && warn(false, 'In Vue Router 4, the v-slot API will by default wrap its content with an element. Use the custom prop to remove this warning:\\n\\n');\n warnedCustomSlot = true;\n }\n if (scopedSlot.length === 1) {\n return scopedSlot[0]\n } else if (scopedSlot.length > 1 || !scopedSlot.length) {\n if (process.env.NODE_ENV !== 'production') {\n warn(\n false,\n (\" with to=\\\"\" + (this.to) + \"\\\" is trying to use a scoped slot but it didn't provide exactly one child. Wrapping the content with a span element.\")\n );\n }\n return scopedSlot.length === 0 ? h() : h('span', {}, scopedSlot)\n }\n }\n\n if (process.env.NODE_ENV !== 'production') {\n if ('tag' in this.$options.propsData && !warnedTagProp) {\n warn(\n false,\n \"'s tag prop is deprecated and has been removed in Vue Router 4. Use the v-slot API to remove this warning: https://next.router.vuejs.org/guide/migration/#removal-of-event-and-tag-props-in-router-link.\"\n );\n warnedTagProp = true;\n }\n if ('event' in this.$options.propsData && !warnedEventProp) {\n warn(\n false,\n \"'s event prop is deprecated and has been removed in Vue Router 4. Use the v-slot API to remove this warning: https://next.router.vuejs.org/guide/migration/#removal-of-event-and-tag-props-in-router-link.\"\n );\n warnedEventProp = true;\n }\n }\n\n if (this.tag === 'a') {\n data.on = on;\n data.attrs = { href: href, 'aria-current': ariaCurrentValue };\n } else {\n // find the first child and apply listener and href\n var a = findAnchor(this.$slots.default);\n if (a) {\n // in case the is a static node\n a.isStatic = false;\n var aData = (a.data = extend({}, a.data));\n aData.on = aData.on || {};\n // transform existing events in both objects into arrays so we can push later\n for (var event in aData.on) {\n var handler$1 = aData.on[event];\n if (event in on) {\n aData.on[event] = Array.isArray(handler$1) ? handler$1 : [handler$1];\n }\n }\n // append new listeners for router-link\n for (var event$1 in on) {\n if (event$1 in aData.on) {\n // on[event] is always a function\n aData.on[event$1].push(on[event$1]);\n } else {\n aData.on[event$1] = handler;\n }\n }\n\n var aAttrs = (a.data.attrs = extend({}, a.data.attrs));\n aAttrs.href = href;\n aAttrs['aria-current'] = ariaCurrentValue;\n } else {\n // doesn't have child, apply listener to self\n data.on = on;\n }\n }\n\n return h(this.tag, data, this.$slots.default)\n }\n};\n\nfunction guardEvent (e) {\n // don't redirect with control keys\n if (e.metaKey || e.altKey || e.ctrlKey || e.shiftKey) { return }\n // don't redirect when preventDefault called\n if (e.defaultPrevented) { return }\n // don't redirect on right click\n if (e.button !== undefined && e.button !== 0) { return }\n // don't redirect if `target=\"_blank\"`\n if (e.currentTarget && e.currentTarget.getAttribute) {\n var target = e.currentTarget.getAttribute('target');\n if (/\\b_blank\\b/i.test(target)) { return }\n }\n // this may be a Weex event which doesn't have this method\n if (e.preventDefault) {\n e.preventDefault();\n }\n return true\n}\n\nfunction findAnchor (children) {\n if (children) {\n var child;\n for (var i = 0; i < children.length; i++) {\n child = children[i];\n if (child.tag === 'a') {\n return child\n }\n if (child.children && (child = findAnchor(child.children))) {\n return child\n }\n }\n }\n}\n\nvar _Vue;\n\nfunction install (Vue) {\n if (install.installed && _Vue === Vue) { return }\n install.installed = true;\n\n _Vue = Vue;\n\n var isDef = function (v) { return v !== undefined; };\n\n var registerInstance = function (vm, callVal) {\n var i = vm.$options._parentVnode;\n if (isDef(i) && isDef(i = i.data) && isDef(i = i.registerRouteInstance)) {\n i(vm, callVal);\n }\n };\n\n Vue.mixin({\n beforeCreate: function beforeCreate () {\n if (isDef(this.$options.router)) {\n this._routerRoot = this;\n this._router = this.$options.router;\n this._router.init(this);\n Vue.util.defineReactive(this, '_route', this._router.history.current);\n } else {\n this._routerRoot = (this.$parent && this.$parent._routerRoot) || this;\n }\n registerInstance(this, this);\n },\n destroyed: function destroyed () {\n registerInstance(this);\n }\n });\n\n Object.defineProperty(Vue.prototype, '$router', {\n get: function get () { return this._routerRoot._router }\n });\n\n Object.defineProperty(Vue.prototype, '$route', {\n get: function get () { return this._routerRoot._route }\n });\n\n Vue.component('RouterView', View);\n Vue.component('RouterLink', Link);\n\n var strats = Vue.config.optionMergeStrategies;\n // use the same hook merging strategy for route hooks\n strats.beforeRouteEnter = strats.beforeRouteLeave = strats.beforeRouteUpdate = strats.created;\n}\n\n/* */\n\nvar inBrowser = typeof window !== 'undefined';\n\n/* */\n\nfunction createRouteMap (\n routes,\n oldPathList,\n oldPathMap,\n oldNameMap,\n parentRoute\n) {\n // the path list is used to control path matching priority\n var pathList = oldPathList || [];\n // $flow-disable-line\n var pathMap = oldPathMap || Object.create(null);\n // $flow-disable-line\n var nameMap = oldNameMap || Object.create(null);\n\n routes.forEach(function (route) {\n addRouteRecord(pathList, pathMap, nameMap, route, parentRoute);\n });\n\n // ensure wildcard routes are always at the end\n for (var i = 0, l = pathList.length; i < l; i++) {\n if (pathList[i] === '*') {\n pathList.push(pathList.splice(i, 1)[0]);\n l--;\n i--;\n }\n }\n\n if (process.env.NODE_ENV === 'development') {\n // warn if routes do not include leading slashes\n var found = pathList\n // check for missing leading slash\n .filter(function (path) { return path && path.charAt(0) !== '*' && path.charAt(0) !== '/'; });\n\n if (found.length > 0) {\n var pathNames = found.map(function (path) { return (\"- \" + path); }).join('\\n');\n warn(false, (\"Non-nested routes must include a leading slash character. Fix the following routes: \\n\" + pathNames));\n }\n }\n\n return {\n pathList: pathList,\n pathMap: pathMap,\n nameMap: nameMap\n }\n}\n\nfunction addRouteRecord (\n pathList,\n pathMap,\n nameMap,\n route,\n parent,\n matchAs\n) {\n var path = route.path;\n var name = route.name;\n if (process.env.NODE_ENV !== 'production') {\n assert(path != null, \"\\\"path\\\" is required in a route configuration.\");\n assert(\n typeof route.component !== 'string',\n \"route config \\\"component\\\" for path: \" + (String(\n path || name\n )) + \" cannot be a \" + \"string id. Use an actual component instead.\"\n );\n\n warn(\n // eslint-disable-next-line no-control-regex\n !/[^\\u0000-\\u007F]+/.test(path),\n \"Route with path \\\"\" + path + \"\\\" contains unencoded characters, make sure \" +\n \"your path is correctly encoded before passing it to the router. Use \" +\n \"encodeURI to encode static segments of your path.\"\n );\n }\n\n var pathToRegexpOptions =\n route.pathToRegexpOptions || {};\n var normalizedPath = normalizePath(path, parent, pathToRegexpOptions.strict);\n\n if (typeof route.caseSensitive === 'boolean') {\n pathToRegexpOptions.sensitive = route.caseSensitive;\n }\n\n var record = {\n path: normalizedPath,\n regex: compileRouteRegex(normalizedPath, pathToRegexpOptions),\n components: route.components || { default: route.component },\n alias: route.alias\n ? typeof route.alias === 'string'\n ? [route.alias]\n : route.alias\n : [],\n instances: {},\n enteredCbs: {},\n name: name,\n parent: parent,\n matchAs: matchAs,\n redirect: route.redirect,\n beforeEnter: route.beforeEnter,\n meta: route.meta || {},\n props:\n route.props == null\n ? {}\n : route.components\n ? route.props\n : { default: route.props }\n };\n\n if (route.children) {\n // Warn if route is named, does not redirect and has a default child route.\n // If users navigate to this route by name, the default child will\n // not be rendered (GH Issue #629)\n if (process.env.NODE_ENV !== 'production') {\n if (\n route.name &&\n !route.redirect &&\n route.children.some(function (child) { return /^\\/?$/.test(child.path); })\n ) {\n warn(\n false,\n \"Named Route '\" + (route.name) + \"' has a default child route. \" +\n \"When navigating to this named route (:to=\\\"{name: '\" + (route.name) + \"'\\\"), \" +\n \"the default child route will not be rendered. Remove the name from \" +\n \"this route and use the name of the default child route for named \" +\n \"links instead.\"\n );\n }\n }\n route.children.forEach(function (child) {\n var childMatchAs = matchAs\n ? cleanPath((matchAs + \"/\" + (child.path)))\n : undefined;\n addRouteRecord(pathList, pathMap, nameMap, child, record, childMatchAs);\n });\n }\n\n if (!pathMap[record.path]) {\n pathList.push(record.path);\n pathMap[record.path] = record;\n }\n\n if (route.alias !== undefined) {\n var aliases = Array.isArray(route.alias) ? route.alias : [route.alias];\n for (var i = 0; i < aliases.length; ++i) {\n var alias = aliases[i];\n if (process.env.NODE_ENV !== 'production' && alias === path) {\n warn(\n false,\n (\"Found an alias with the same value as the path: \\\"\" + path + \"\\\". You have to remove that alias. It will be ignored in development.\")\n );\n // skip in dev to make it work\n continue\n }\n\n var aliasRoute = {\n path: alias,\n children: route.children\n };\n addRouteRecord(\n pathList,\n pathMap,\n nameMap,\n aliasRoute,\n parent,\n record.path || '/' // matchAs\n );\n }\n }\n\n if (name) {\n if (!nameMap[name]) {\n nameMap[name] = record;\n } else if (process.env.NODE_ENV !== 'production' && !matchAs) {\n warn(\n false,\n \"Duplicate named routes definition: \" +\n \"{ name: \\\"\" + name + \"\\\", path: \\\"\" + (record.path) + \"\\\" }\"\n );\n }\n }\n}\n\nfunction compileRouteRegex (\n path,\n pathToRegexpOptions\n) {\n var regex = pathToRegexp_1(path, [], pathToRegexpOptions);\n if (process.env.NODE_ENV !== 'production') {\n var keys = Object.create(null);\n regex.keys.forEach(function (key) {\n warn(\n !keys[key.name],\n (\"Duplicate param keys in route with path: \\\"\" + path + \"\\\"\")\n );\n keys[key.name] = true;\n });\n }\n return regex\n}\n\nfunction normalizePath (\n path,\n parent,\n strict\n) {\n if (!strict) { path = path.replace(/\\/$/, ''); }\n if (path[0] === '/') { return path }\n if (parent == null) { return path }\n return cleanPath(((parent.path) + \"/\" + path))\n}\n\n/* */\n\n\n\nfunction createMatcher (\n routes,\n router\n) {\n var ref = createRouteMap(routes);\n var pathList = ref.pathList;\n var pathMap = ref.pathMap;\n var nameMap = ref.nameMap;\n\n function addRoutes (routes) {\n createRouteMap(routes, pathList, pathMap, nameMap);\n }\n\n function addRoute (parentOrRoute, route) {\n var parent = (typeof parentOrRoute !== 'object') ? nameMap[parentOrRoute] : undefined;\n // $flow-disable-line\n createRouteMap([route || parentOrRoute], pathList, pathMap, nameMap, parent);\n\n // add aliases of parent\n if (parent && parent.alias.length) {\n createRouteMap(\n // $flow-disable-line route is defined if parent is\n parent.alias.map(function (alias) { return ({ path: alias, children: [route] }); }),\n pathList,\n pathMap,\n nameMap,\n parent\n );\n }\n }\n\n function getRoutes () {\n return pathList.map(function (path) { return pathMap[path]; })\n }\n\n function match (\n raw,\n currentRoute,\n redirectedFrom\n ) {\n var location = normalizeLocation(raw, currentRoute, false, router);\n var name = location.name;\n\n if (name) {\n var record = nameMap[name];\n if (process.env.NODE_ENV !== 'production') {\n warn(record, (\"Route with name '\" + name + \"' does not exist\"));\n }\n if (!record) { return _createRoute(null, location) }\n var paramNames = record.regex.keys\n .filter(function (key) { return !key.optional; })\n .map(function (key) { return key.name; });\n\n if (typeof location.params !== 'object') {\n location.params = {};\n }\n\n if (currentRoute && typeof currentRoute.params === 'object') {\n for (var key in currentRoute.params) {\n if (!(key in location.params) && paramNames.indexOf(key) > -1) {\n location.params[key] = currentRoute.params[key];\n }\n }\n }\n\n location.path = fillParams(record.path, location.params, (\"named route \\\"\" + name + \"\\\"\"));\n return _createRoute(record, location, redirectedFrom)\n } else if (location.path) {\n location.params = {};\n for (var i = 0; i < pathList.length; i++) {\n var path = pathList[i];\n var record$1 = pathMap[path];\n if (matchRoute(record$1.regex, location.path, location.params)) {\n return _createRoute(record$1, location, redirectedFrom)\n }\n }\n }\n // no match\n return _createRoute(null, location)\n }\n\n function redirect (\n record,\n location\n ) {\n var originalRedirect = record.redirect;\n var redirect = typeof originalRedirect === 'function'\n ? originalRedirect(createRoute(record, location, null, router))\n : originalRedirect;\n\n if (typeof redirect === 'string') {\n redirect = { path: redirect };\n }\n\n if (!redirect || typeof redirect !== 'object') {\n if (process.env.NODE_ENV !== 'production') {\n warn(\n false, (\"invalid redirect option: \" + (JSON.stringify(redirect)))\n );\n }\n return _createRoute(null, location)\n }\n\n var re = redirect;\n var name = re.name;\n var path = re.path;\n var query = location.query;\n var hash = location.hash;\n var params = location.params;\n query = re.hasOwnProperty('query') ? re.query : query;\n hash = re.hasOwnProperty('hash') ? re.hash : hash;\n params = re.hasOwnProperty('params') ? re.params : params;\n\n if (name) {\n // resolved named direct\n var targetRecord = nameMap[name];\n if (process.env.NODE_ENV !== 'production') {\n assert(targetRecord, (\"redirect failed: named route \\\"\" + name + \"\\\" not found.\"));\n }\n return match({\n _normalized: true,\n name: name,\n query: query,\n hash: hash,\n params: params\n }, undefined, location)\n } else if (path) {\n // 1. resolve relative redirect\n var rawPath = resolveRecordPath(path, record);\n // 2. resolve params\n var resolvedPath = fillParams(rawPath, params, (\"redirect route with path \\\"\" + rawPath + \"\\\"\"));\n // 3. rematch with existing query and hash\n return match({\n _normalized: true,\n path: resolvedPath,\n query: query,\n hash: hash\n }, undefined, location)\n } else {\n if (process.env.NODE_ENV !== 'production') {\n warn(false, (\"invalid redirect option: \" + (JSON.stringify(redirect))));\n }\n return _createRoute(null, location)\n }\n }\n\n function alias (\n record,\n location,\n matchAs\n ) {\n var aliasedPath = fillParams(matchAs, location.params, (\"aliased route with path \\\"\" + matchAs + \"\\\"\"));\n var aliasedMatch = match({\n _normalized: true,\n path: aliasedPath\n });\n if (aliasedMatch) {\n var matched = aliasedMatch.matched;\n var aliasedRecord = matched[matched.length - 1];\n location.params = aliasedMatch.params;\n return _createRoute(aliasedRecord, location)\n }\n return _createRoute(null, location)\n }\n\n function _createRoute (\n record,\n location,\n redirectedFrom\n ) {\n if (record && record.redirect) {\n return redirect(record, redirectedFrom || location)\n }\n if (record && record.matchAs) {\n return alias(record, location, record.matchAs)\n }\n return createRoute(record, location, redirectedFrom, router)\n }\n\n return {\n match: match,\n addRoute: addRoute,\n getRoutes: getRoutes,\n addRoutes: addRoutes\n }\n}\n\nfunction matchRoute (\n regex,\n path,\n params\n) {\n var m = path.match(regex);\n\n if (!m) {\n return false\n } else if (!params) {\n return true\n }\n\n for (var i = 1, len = m.length; i < len; ++i) {\n var key = regex.keys[i - 1];\n if (key) {\n // Fix #1994: using * with props: true generates a param named 0\n params[key.name || 'pathMatch'] = typeof m[i] === 'string' ? decode(m[i]) : m[i];\n }\n }\n\n return true\n}\n\nfunction resolveRecordPath (path, record) {\n return resolvePath(path, record.parent ? record.parent.path : '/', true)\n}\n\n/* */\n\n// use User Timing api (if present) for more accurate key precision\nvar Time =\n inBrowser && window.performance && window.performance.now\n ? window.performance\n : Date;\n\nfunction genStateKey () {\n return Time.now().toFixed(3)\n}\n\nvar _key = genStateKey();\n\nfunction getStateKey () {\n return _key\n}\n\nfunction setStateKey (key) {\n return (_key = key)\n}\n\n/* */\n\nvar positionStore = Object.create(null);\n\nfunction setupScroll () {\n // Prevent browser scroll behavior on History popstate\n if ('scrollRestoration' in window.history) {\n window.history.scrollRestoration = 'manual';\n }\n // Fix for #1585 for Firefox\n // Fix for #2195 Add optional third attribute to workaround a bug in safari https://bugs.webkit.org/show_bug.cgi?id=182678\n // Fix for #2774 Support for apps loaded from Windows file shares not mapped to network drives: replaced location.origin with\n // window.location.protocol + '//' + window.location.host\n // location.host contains the port and location.hostname doesn't\n var protocolAndPath = window.location.protocol + '//' + window.location.host;\n var absolutePath = window.location.href.replace(protocolAndPath, '');\n // preserve existing history state as it could be overriden by the user\n var stateCopy = extend({}, window.history.state);\n stateCopy.key = getStateKey();\n window.history.replaceState(stateCopy, '', absolutePath);\n window.addEventListener('popstate', handlePopState);\n return function () {\n window.removeEventListener('popstate', handlePopState);\n }\n}\n\nfunction handleScroll (\n router,\n to,\n from,\n isPop\n) {\n if (!router.app) {\n return\n }\n\n var behavior = router.options.scrollBehavior;\n if (!behavior) {\n return\n }\n\n if (process.env.NODE_ENV !== 'production') {\n assert(typeof behavior === 'function', \"scrollBehavior must be a function\");\n }\n\n // wait until re-render finishes before scrolling\n router.app.$nextTick(function () {\n var position = getScrollPosition();\n var shouldScroll = behavior.call(\n router,\n to,\n from,\n isPop ? position : null\n );\n\n if (!shouldScroll) {\n return\n }\n\n if (typeof shouldScroll.then === 'function') {\n shouldScroll\n .then(function (shouldScroll) {\n scrollToPosition((shouldScroll), position);\n })\n .catch(function (err) {\n if (process.env.NODE_ENV !== 'production') {\n assert(false, err.toString());\n }\n });\n } else {\n scrollToPosition(shouldScroll, position);\n }\n });\n}\n\nfunction saveScrollPosition () {\n var key = getStateKey();\n if (key) {\n positionStore[key] = {\n x: window.pageXOffset,\n y: window.pageYOffset\n };\n }\n}\n\nfunction handlePopState (e) {\n saveScrollPosition();\n if (e.state && e.state.key) {\n setStateKey(e.state.key);\n }\n}\n\nfunction getScrollPosition () {\n var key = getStateKey();\n if (key) {\n return positionStore[key]\n }\n}\n\nfunction getElementPosition (el, offset) {\n var docEl = document.documentElement;\n var docRect = docEl.getBoundingClientRect();\n var elRect = el.getBoundingClientRect();\n return {\n x: elRect.left - docRect.left - offset.x,\n y: elRect.top - docRect.top - offset.y\n }\n}\n\nfunction isValidPosition (obj) {\n return isNumber(obj.x) || isNumber(obj.y)\n}\n\nfunction normalizePosition (obj) {\n return {\n x: isNumber(obj.x) ? obj.x : window.pageXOffset,\n y: isNumber(obj.y) ? obj.y : window.pageYOffset\n }\n}\n\nfunction normalizeOffset (obj) {\n return {\n x: isNumber(obj.x) ? obj.x : 0,\n y: isNumber(obj.y) ? obj.y : 0\n }\n}\n\nfunction isNumber (v) {\n return typeof v === 'number'\n}\n\nvar hashStartsWithNumberRE = /^#\\d/;\n\nfunction scrollToPosition (shouldScroll, position) {\n var isObject = typeof shouldScroll === 'object';\n if (isObject && typeof shouldScroll.selector === 'string') {\n // getElementById would still fail if the selector contains a more complicated query like #main[data-attr]\n // but at the same time, it doesn't make much sense to select an element with an id and an extra selector\n var el = hashStartsWithNumberRE.test(shouldScroll.selector) // $flow-disable-line\n ? document.getElementById(shouldScroll.selector.slice(1)) // $flow-disable-line\n : document.querySelector(shouldScroll.selector);\n\n if (el) {\n var offset =\n shouldScroll.offset && typeof shouldScroll.offset === 'object'\n ? shouldScroll.offset\n : {};\n offset = normalizeOffset(offset);\n position = getElementPosition(el, offset);\n } else if (isValidPosition(shouldScroll)) {\n position = normalizePosition(shouldScroll);\n }\n } else if (isObject && isValidPosition(shouldScroll)) {\n position = normalizePosition(shouldScroll);\n }\n\n if (position) {\n // $flow-disable-line\n if ('scrollBehavior' in document.documentElement.style) {\n window.scrollTo({\n left: position.x,\n top: position.y,\n // $flow-disable-line\n behavior: shouldScroll.behavior\n });\n } else {\n window.scrollTo(position.x, position.y);\n }\n }\n}\n\n/* */\n\nvar supportsPushState =\n inBrowser &&\n (function () {\n var ua = window.navigator.userAgent;\n\n if (\n (ua.indexOf('Android 2.') !== -1 || ua.indexOf('Android 4.0') !== -1) &&\n ua.indexOf('Mobile Safari') !== -1 &&\n ua.indexOf('Chrome') === -1 &&\n ua.indexOf('Windows Phone') === -1\n ) {\n return false\n }\n\n return window.history && typeof window.history.pushState === 'function'\n })();\n\nfunction pushState (url, replace) {\n saveScrollPosition();\n // try...catch the pushState call to get around Safari\n // DOM Exception 18 where it limits to 100 pushState calls\n var history = window.history;\n try {\n if (replace) {\n // preserve existing history state as it could be overriden by the user\n var stateCopy = extend({}, history.state);\n stateCopy.key = getStateKey();\n history.replaceState(stateCopy, '', url);\n } else {\n history.pushState({ key: setStateKey(genStateKey()) }, '', url);\n }\n } catch (e) {\n window.location[replace ? 'replace' : 'assign'](url);\n }\n}\n\nfunction replaceState (url) {\n pushState(url, true);\n}\n\n/* */\n\nfunction runQueue (queue, fn, cb) {\n var step = function (index) {\n if (index >= queue.length) {\n cb();\n } else {\n if (queue[index]) {\n fn(queue[index], function () {\n step(index + 1);\n });\n } else {\n step(index + 1);\n }\n }\n };\n step(0);\n}\n\n// When changing thing, also edit router.d.ts\nvar NavigationFailureType = {\n redirected: 2,\n aborted: 4,\n cancelled: 8,\n duplicated: 16\n};\n\nfunction createNavigationRedirectedError (from, to) {\n return createRouterError(\n from,\n to,\n NavigationFailureType.redirected,\n (\"Redirected when going from \\\"\" + (from.fullPath) + \"\\\" to \\\"\" + (stringifyRoute(\n to\n )) + \"\\\" via a navigation guard.\")\n )\n}\n\nfunction createNavigationDuplicatedError (from, to) {\n var error = createRouterError(\n from,\n to,\n NavigationFailureType.duplicated,\n (\"Avoided redundant navigation to current location: \\\"\" + (from.fullPath) + \"\\\".\")\n );\n // backwards compatible with the first introduction of Errors\n error.name = 'NavigationDuplicated';\n return error\n}\n\nfunction createNavigationCancelledError (from, to) {\n return createRouterError(\n from,\n to,\n NavigationFailureType.cancelled,\n (\"Navigation cancelled from \\\"\" + (from.fullPath) + \"\\\" to \\\"\" + (to.fullPath) + \"\\\" with a new navigation.\")\n )\n}\n\nfunction createNavigationAbortedError (from, to) {\n return createRouterError(\n from,\n to,\n NavigationFailureType.aborted,\n (\"Navigation aborted from \\\"\" + (from.fullPath) + \"\\\" to \\\"\" + (to.fullPath) + \"\\\" via a navigation guard.\")\n )\n}\n\nfunction createRouterError (from, to, type, message) {\n var error = new Error(message);\n error._isRouter = true;\n error.from = from;\n error.to = to;\n error.type = type;\n\n return error\n}\n\nvar propertiesToLog = ['params', 'query', 'hash'];\n\nfunction stringifyRoute (to) {\n if (typeof to === 'string') { return to }\n if ('path' in to) { return to.path }\n var location = {};\n propertiesToLog.forEach(function (key) {\n if (key in to) { location[key] = to[key]; }\n });\n return JSON.stringify(location, null, 2)\n}\n\nfunction isError (err) {\n return Object.prototype.toString.call(err).indexOf('Error') > -1\n}\n\nfunction isNavigationFailure (err, errorType) {\n return (\n isError(err) &&\n err._isRouter &&\n (errorType == null || err.type === errorType)\n )\n}\n\n/* */\n\nfunction resolveAsyncComponents (matched) {\n return function (to, from, next) {\n var hasAsync = false;\n var pending = 0;\n var error = null;\n\n flatMapComponents(matched, function (def, _, match, key) {\n // if it's a function and doesn't have cid attached,\n // assume it's an async component resolve function.\n // we are not using Vue's default async resolving mechanism because\n // we want to halt the navigation until the incoming component has been\n // resolved.\n if (typeof def === 'function' && def.cid === undefined) {\n hasAsync = true;\n pending++;\n\n var resolve = once(function (resolvedDef) {\n if (isESModule(resolvedDef)) {\n resolvedDef = resolvedDef.default;\n }\n // save resolved on async factory in case it's used elsewhere\n def.resolved = typeof resolvedDef === 'function'\n ? resolvedDef\n : _Vue.extend(resolvedDef);\n match.components[key] = resolvedDef;\n pending--;\n if (pending <= 0) {\n next();\n }\n });\n\n var reject = once(function (reason) {\n var msg = \"Failed to resolve async component \" + key + \": \" + reason;\n process.env.NODE_ENV !== 'production' && warn(false, msg);\n if (!error) {\n error = isError(reason)\n ? reason\n : new Error(msg);\n next(error);\n }\n });\n\n var res;\n try {\n res = def(resolve, reject);\n } catch (e) {\n reject(e);\n }\n if (res) {\n if (typeof res.then === 'function') {\n res.then(resolve, reject);\n } else {\n // new syntax in Vue 2.3\n var comp = res.component;\n if (comp && typeof comp.then === 'function') {\n comp.then(resolve, reject);\n }\n }\n }\n }\n });\n\n if (!hasAsync) { next(); }\n }\n}\n\nfunction flatMapComponents (\n matched,\n fn\n) {\n return flatten(matched.map(function (m) {\n return Object.keys(m.components).map(function (key) { return fn(\n m.components[key],\n m.instances[key],\n m, key\n ); })\n }))\n}\n\nfunction flatten (arr) {\n return Array.prototype.concat.apply([], arr)\n}\n\nvar hasSymbol =\n typeof Symbol === 'function' &&\n typeof Symbol.toStringTag === 'symbol';\n\nfunction isESModule (obj) {\n return obj.__esModule || (hasSymbol && obj[Symbol.toStringTag] === 'Module')\n}\n\n// in Webpack 2, require.ensure now also returns a Promise\n// so the resolve/reject functions may get called an extra time\n// if the user uses an arrow function shorthand that happens to\n// return that Promise.\nfunction once (fn) {\n var called = false;\n return function () {\n var args = [], len = arguments.length;\n while ( len-- ) args[ len ] = arguments[ len ];\n\n if (called) { return }\n called = true;\n return fn.apply(this, args)\n }\n}\n\n/* */\n\nvar History = function History (router, base) {\n this.router = router;\n this.base = normalizeBase(base);\n // start with a route object that stands for \"nowhere\"\n this.current = START;\n this.pending = null;\n this.ready = false;\n this.readyCbs = [];\n this.readyErrorCbs = [];\n this.errorCbs = [];\n this.listeners = [];\n};\n\nHistory.prototype.listen = function listen (cb) {\n this.cb = cb;\n};\n\nHistory.prototype.onReady = function onReady (cb, errorCb) {\n if (this.ready) {\n cb();\n } else {\n this.readyCbs.push(cb);\n if (errorCb) {\n this.readyErrorCbs.push(errorCb);\n }\n }\n};\n\nHistory.prototype.onError = function onError (errorCb) {\n this.errorCbs.push(errorCb);\n};\n\nHistory.prototype.transitionTo = function transitionTo (\n location,\n onComplete,\n onAbort\n) {\n var this$1 = this;\n\n var route;\n // catch redirect option https://github.com/vuejs/vue-router/issues/3201\n try {\n route = this.router.match(location, this.current);\n } catch (e) {\n this.errorCbs.forEach(function (cb) {\n cb(e);\n });\n // Exception should still be thrown\n throw e\n }\n var prev = this.current;\n this.confirmTransition(\n route,\n function () {\n this$1.updateRoute(route);\n onComplete && onComplete(route);\n this$1.ensureURL();\n this$1.router.afterHooks.forEach(function (hook) {\n hook && hook(route, prev);\n });\n\n // fire ready cbs once\n if (!this$1.ready) {\n this$1.ready = true;\n this$1.readyCbs.forEach(function (cb) {\n cb(route);\n });\n }\n },\n function (err) {\n if (onAbort) {\n onAbort(err);\n }\n if (err && !this$1.ready) {\n // Initial redirection should not mark the history as ready yet\n // because it's triggered by the redirection instead\n // https://github.com/vuejs/vue-router/issues/3225\n // https://github.com/vuejs/vue-router/issues/3331\n if (!isNavigationFailure(err, NavigationFailureType.redirected) || prev !== START) {\n this$1.ready = true;\n this$1.readyErrorCbs.forEach(function (cb) {\n cb(err);\n });\n }\n }\n }\n );\n};\n\nHistory.prototype.confirmTransition = function confirmTransition (route, onComplete, onAbort) {\n var this$1 = this;\n\n var current = this.current;\n this.pending = route;\n var abort = function (err) {\n // changed after adding errors with\n // https://github.com/vuejs/vue-router/pull/3047 before that change,\n // redirect and aborted navigation would produce an err == null\n if (!isNavigationFailure(err) && isError(err)) {\n if (this$1.errorCbs.length) {\n this$1.errorCbs.forEach(function (cb) {\n cb(err);\n });\n } else {\n if (process.env.NODE_ENV !== 'production') {\n warn(false, 'uncaught error during route navigation:');\n }\n console.error(err);\n }\n }\n onAbort && onAbort(err);\n };\n var lastRouteIndex = route.matched.length - 1;\n var lastCurrentIndex = current.matched.length - 1;\n if (\n isSameRoute(route, current) &&\n // in the case the route map has been dynamically appended to\n lastRouteIndex === lastCurrentIndex &&\n route.matched[lastRouteIndex] === current.matched[lastCurrentIndex]\n ) {\n this.ensureURL();\n if (route.hash) {\n handleScroll(this.router, current, route, false);\n }\n return abort(createNavigationDuplicatedError(current, route))\n }\n\n var ref = resolveQueue(\n this.current.matched,\n route.matched\n );\n var updated = ref.updated;\n var deactivated = ref.deactivated;\n var activated = ref.activated;\n\n var queue = [].concat(\n // in-component leave guards\n extractLeaveGuards(deactivated),\n // global before hooks\n this.router.beforeHooks,\n // in-component update hooks\n extractUpdateHooks(updated),\n // in-config enter guards\n activated.map(function (m) { return m.beforeEnter; }),\n // async components\n resolveAsyncComponents(activated)\n );\n\n var iterator = function (hook, next) {\n if (this$1.pending !== route) {\n return abort(createNavigationCancelledError(current, route))\n }\n try {\n hook(route, current, function (to) {\n if (to === false) {\n // next(false) -> abort navigation, ensure current URL\n this$1.ensureURL(true);\n abort(createNavigationAbortedError(current, route));\n } else if (isError(to)) {\n this$1.ensureURL(true);\n abort(to);\n } else if (\n typeof to === 'string' ||\n (typeof to === 'object' &&\n (typeof to.path === 'string' || typeof to.name === 'string'))\n ) {\n // next('/') or next({ path: '/' }) -> redirect\n abort(createNavigationRedirectedError(current, route));\n if (typeof to === 'object' && to.replace) {\n this$1.replace(to);\n } else {\n this$1.push(to);\n }\n } else {\n // confirm transition and pass on the value\n next(to);\n }\n });\n } catch (e) {\n abort(e);\n }\n };\n\n runQueue(queue, iterator, function () {\n // wait until async components are resolved before\n // extracting in-component enter guards\n var enterGuards = extractEnterGuards(activated);\n var queue = enterGuards.concat(this$1.router.resolveHooks);\n runQueue(queue, iterator, function () {\n if (this$1.pending !== route) {\n return abort(createNavigationCancelledError(current, route))\n }\n this$1.pending = null;\n onComplete(route);\n if (this$1.router.app) {\n this$1.router.app.$nextTick(function () {\n handleRouteEntered(route);\n });\n }\n });\n });\n};\n\nHistory.prototype.updateRoute = function updateRoute (route) {\n this.current = route;\n this.cb && this.cb(route);\n};\n\nHistory.prototype.setupListeners = function setupListeners () {\n // Default implementation is empty\n};\n\nHistory.prototype.teardown = function teardown () {\n // clean up event listeners\n // https://github.com/vuejs/vue-router/issues/2341\n this.listeners.forEach(function (cleanupListener) {\n cleanupListener();\n });\n this.listeners = [];\n\n // reset current history route\n // https://github.com/vuejs/vue-router/issues/3294\n this.current = START;\n this.pending = null;\n};\n\nfunction normalizeBase (base) {\n if (!base) {\n if (inBrowser) {\n // respect tag\n var baseEl = document.querySelector('base');\n base = (baseEl && baseEl.getAttribute('href')) || '/';\n // strip full URL origin\n base = base.replace(/^https?:\\/\\/[^\\/]+/, '');\n } else {\n base = '/';\n }\n }\n // make sure there's the starting slash\n if (base.charAt(0) !== '/') {\n base = '/' + base;\n }\n // remove trailing slash\n return base.replace(/\\/$/, '')\n}\n\nfunction resolveQueue (\n current,\n next\n) {\n var i;\n var max = Math.max(current.length, next.length);\n for (i = 0; i < max; i++) {\n if (current[i] !== next[i]) {\n break\n }\n }\n return {\n updated: next.slice(0, i),\n activated: next.slice(i),\n deactivated: current.slice(i)\n }\n}\n\nfunction extractGuards (\n records,\n name,\n bind,\n reverse\n) {\n var guards = flatMapComponents(records, function (def, instance, match, key) {\n var guard = extractGuard(def, name);\n if (guard) {\n return Array.isArray(guard)\n ? guard.map(function (guard) { return bind(guard, instance, match, key); })\n : bind(guard, instance, match, key)\n }\n });\n return flatten(reverse ? guards.reverse() : guards)\n}\n\nfunction extractGuard (\n def,\n key\n) {\n if (typeof def !== 'function') {\n // extend now so that global mixins are applied.\n def = _Vue.extend(def);\n }\n return def.options[key]\n}\n\nfunction extractLeaveGuards (deactivated) {\n return extractGuards(deactivated, 'beforeRouteLeave', bindGuard, true)\n}\n\nfunction extractUpdateHooks (updated) {\n return extractGuards(updated, 'beforeRouteUpdate', bindGuard)\n}\n\nfunction bindGuard (guard, instance) {\n if (instance) {\n return function boundRouteGuard () {\n return guard.apply(instance, arguments)\n }\n }\n}\n\nfunction extractEnterGuards (\n activated\n) {\n return extractGuards(\n activated,\n 'beforeRouteEnter',\n function (guard, _, match, key) {\n return bindEnterGuard(guard, match, key)\n }\n )\n}\n\nfunction bindEnterGuard (\n guard,\n match,\n key\n) {\n return function routeEnterGuard (to, from, next) {\n return guard(to, from, function (cb) {\n if (typeof cb === 'function') {\n if (!match.enteredCbs[key]) {\n match.enteredCbs[key] = [];\n }\n match.enteredCbs[key].push(cb);\n }\n next(cb);\n })\n }\n}\n\n/* */\n\nvar HTML5History = /*@__PURE__*/(function (History) {\n function HTML5History (router, base) {\n History.call(this, router, base);\n\n this._startLocation = getLocation(this.base);\n }\n\n if ( History ) HTML5History.__proto__ = History;\n HTML5History.prototype = Object.create( History && History.prototype );\n HTML5History.prototype.constructor = HTML5History;\n\n HTML5History.prototype.setupListeners = function setupListeners () {\n var this$1 = this;\n\n if (this.listeners.length > 0) {\n return\n }\n\n var router = this.router;\n var expectScroll = router.options.scrollBehavior;\n var supportsScroll = supportsPushState && expectScroll;\n\n if (supportsScroll) {\n this.listeners.push(setupScroll());\n }\n\n var handleRoutingEvent = function () {\n var current = this$1.current;\n\n // Avoiding first `popstate` event dispatched in some browsers but first\n // history route not updated since async guard at the same time.\n var location = getLocation(this$1.base);\n if (this$1.current === START && location === this$1._startLocation) {\n return\n }\n\n this$1.transitionTo(location, function (route) {\n if (supportsScroll) {\n handleScroll(router, route, current, true);\n }\n });\n };\n window.addEventListener('popstate', handleRoutingEvent);\n this.listeners.push(function () {\n window.removeEventListener('popstate', handleRoutingEvent);\n });\n };\n\n HTML5History.prototype.go = function go (n) {\n window.history.go(n);\n };\n\n HTML5History.prototype.push = function push (location, onComplete, onAbort) {\n var this$1 = this;\n\n var ref = this;\n var fromRoute = ref.current;\n this.transitionTo(location, function (route) {\n pushState(cleanPath(this$1.base + route.fullPath));\n handleScroll(this$1.router, route, fromRoute, false);\n onComplete && onComplete(route);\n }, onAbort);\n };\n\n HTML5History.prototype.replace = function replace (location, onComplete, onAbort) {\n var this$1 = this;\n\n var ref = this;\n var fromRoute = ref.current;\n this.transitionTo(location, function (route) {\n replaceState(cleanPath(this$1.base + route.fullPath));\n handleScroll(this$1.router, route, fromRoute, false);\n onComplete && onComplete(route);\n }, onAbort);\n };\n\n HTML5History.prototype.ensureURL = function ensureURL (push) {\n if (getLocation(this.base) !== this.current.fullPath) {\n var current = cleanPath(this.base + this.current.fullPath);\n push ? pushState(current) : replaceState(current);\n }\n };\n\n HTML5History.prototype.getCurrentLocation = function getCurrentLocation () {\n return getLocation(this.base)\n };\n\n return HTML5History;\n}(History));\n\nfunction getLocation (base) {\n var path = window.location.pathname;\n var pathLowerCase = path.toLowerCase();\n var baseLowerCase = base.toLowerCase();\n // base=\"/a\" shouldn't turn path=\"/app\" into \"/a/pp\"\n // https://github.com/vuejs/vue-router/issues/3555\n // so we ensure the trailing slash in the base\n if (base && ((pathLowerCase === baseLowerCase) ||\n (pathLowerCase.indexOf(cleanPath(baseLowerCase + '/')) === 0))) {\n path = path.slice(base.length);\n }\n return (path || '/') + window.location.search + window.location.hash\n}\n\n/* */\n\nvar HashHistory = /*@__PURE__*/(function (History) {\n function HashHistory (router, base, fallback) {\n History.call(this, router, base);\n // check history fallback deeplinking\n if (fallback && checkFallback(this.base)) {\n return\n }\n ensureSlash();\n }\n\n if ( History ) HashHistory.__proto__ = History;\n HashHistory.prototype = Object.create( History && History.prototype );\n HashHistory.prototype.constructor = HashHistory;\n\n // this is delayed until the app mounts\n // to avoid the hashchange listener being fired too early\n HashHistory.prototype.setupListeners = function setupListeners () {\n var this$1 = this;\n\n if (this.listeners.length > 0) {\n return\n }\n\n var router = this.router;\n var expectScroll = router.options.scrollBehavior;\n var supportsScroll = supportsPushState && expectScroll;\n\n if (supportsScroll) {\n this.listeners.push(setupScroll());\n }\n\n var handleRoutingEvent = function () {\n var current = this$1.current;\n if (!ensureSlash()) {\n return\n }\n this$1.transitionTo(getHash(), function (route) {\n if (supportsScroll) {\n handleScroll(this$1.router, route, current, true);\n }\n if (!supportsPushState) {\n replaceHash(route.fullPath);\n }\n });\n };\n var eventType = supportsPushState ? 'popstate' : 'hashchange';\n window.addEventListener(\n eventType,\n handleRoutingEvent\n );\n this.listeners.push(function () {\n window.removeEventListener(eventType, handleRoutingEvent);\n });\n };\n\n HashHistory.prototype.push = function push (location, onComplete, onAbort) {\n var this$1 = this;\n\n var ref = this;\n var fromRoute = ref.current;\n this.transitionTo(\n location,\n function (route) {\n pushHash(route.fullPath);\n handleScroll(this$1.router, route, fromRoute, false);\n onComplete && onComplete(route);\n },\n onAbort\n );\n };\n\n HashHistory.prototype.replace = function replace (location, onComplete, onAbort) {\n var this$1 = this;\n\n var ref = this;\n var fromRoute = ref.current;\n this.transitionTo(\n location,\n function (route) {\n replaceHash(route.fullPath);\n handleScroll(this$1.router, route, fromRoute, false);\n onComplete && onComplete(route);\n },\n onAbort\n );\n };\n\n HashHistory.prototype.go = function go (n) {\n window.history.go(n);\n };\n\n HashHistory.prototype.ensureURL = function ensureURL (push) {\n var current = this.current.fullPath;\n if (getHash() !== current) {\n push ? pushHash(current) : replaceHash(current);\n }\n };\n\n HashHistory.prototype.getCurrentLocation = function getCurrentLocation () {\n return getHash()\n };\n\n return HashHistory;\n}(History));\n\nfunction checkFallback (base) {\n var location = getLocation(base);\n if (!/^\\/#/.test(location)) {\n window.location.replace(cleanPath(base + '/#' + location));\n return true\n }\n}\n\nfunction ensureSlash () {\n var path = getHash();\n if (path.charAt(0) === '/') {\n return true\n }\n replaceHash('/' + path);\n return false\n}\n\nfunction getHash () {\n // We can't use window.location.hash here because it's not\n // consistent across browsers - Firefox will pre-decode it!\n var href = window.location.href;\n var index = href.indexOf('#');\n // empty path\n if (index < 0) { return '' }\n\n href = href.slice(index + 1);\n\n return href\n}\n\nfunction getUrl (path) {\n var href = window.location.href;\n var i = href.indexOf('#');\n var base = i >= 0 ? href.slice(0, i) : href;\n return (base + \"#\" + path)\n}\n\nfunction pushHash (path) {\n if (supportsPushState) {\n pushState(getUrl(path));\n } else {\n window.location.hash = path;\n }\n}\n\nfunction replaceHash (path) {\n if (supportsPushState) {\n replaceState(getUrl(path));\n } else {\n window.location.replace(getUrl(path));\n }\n}\n\n/* */\n\nvar AbstractHistory = /*@__PURE__*/(function (History) {\n function AbstractHistory (router, base) {\n History.call(this, router, base);\n this.stack = [];\n this.index = -1;\n }\n\n if ( History ) AbstractHistory.__proto__ = History;\n AbstractHistory.prototype = Object.create( History && History.prototype );\n AbstractHistory.prototype.constructor = AbstractHistory;\n\n AbstractHistory.prototype.push = function push (location, onComplete, onAbort) {\n var this$1 = this;\n\n this.transitionTo(\n location,\n function (route) {\n this$1.stack = this$1.stack.slice(0, this$1.index + 1).concat(route);\n this$1.index++;\n onComplete && onComplete(route);\n },\n onAbort\n );\n };\n\n AbstractHistory.prototype.replace = function replace (location, onComplete, onAbort) {\n var this$1 = this;\n\n this.transitionTo(\n location,\n function (route) {\n this$1.stack = this$1.stack.slice(0, this$1.index).concat(route);\n onComplete && onComplete(route);\n },\n onAbort\n );\n };\n\n AbstractHistory.prototype.go = function go (n) {\n var this$1 = this;\n\n var targetIndex = this.index + n;\n if (targetIndex < 0 || targetIndex >= this.stack.length) {\n return\n }\n var route = this.stack[targetIndex];\n this.confirmTransition(\n route,\n function () {\n var prev = this$1.current;\n this$1.index = targetIndex;\n this$1.updateRoute(route);\n this$1.router.afterHooks.forEach(function (hook) {\n hook && hook(route, prev);\n });\n },\n function (err) {\n if (isNavigationFailure(err, NavigationFailureType.duplicated)) {\n this$1.index = targetIndex;\n }\n }\n );\n };\n\n AbstractHistory.prototype.getCurrentLocation = function getCurrentLocation () {\n var current = this.stack[this.stack.length - 1];\n return current ? current.fullPath : '/'\n };\n\n AbstractHistory.prototype.ensureURL = function ensureURL () {\n // noop\n };\n\n return AbstractHistory;\n}(History));\n\n/* */\n\nvar VueRouter = function VueRouter (options) {\n if ( options === void 0 ) options = {};\n\n if (process.env.NODE_ENV !== 'production') {\n warn(this instanceof VueRouter, \"Router must be called with the new operator.\");\n }\n this.app = null;\n this.apps = [];\n this.options = options;\n this.beforeHooks = [];\n this.resolveHooks = [];\n this.afterHooks = [];\n this.matcher = createMatcher(options.routes || [], this);\n\n var mode = options.mode || 'hash';\n this.fallback =\n mode === 'history' && !supportsPushState && options.fallback !== false;\n if (this.fallback) {\n mode = 'hash';\n }\n if (!inBrowser) {\n mode = 'abstract';\n }\n this.mode = mode;\n\n switch (mode) {\n case 'history':\n this.history = new HTML5History(this, options.base);\n break\n case 'hash':\n this.history = new HashHistory(this, options.base, this.fallback);\n break\n case 'abstract':\n this.history = new AbstractHistory(this, options.base);\n break\n default:\n if (process.env.NODE_ENV !== 'production') {\n assert(false, (\"invalid mode: \" + mode));\n }\n }\n};\n\nvar prototypeAccessors = { currentRoute: { configurable: true } };\n\nVueRouter.prototype.match = function match (raw, current, redirectedFrom) {\n return this.matcher.match(raw, current, redirectedFrom)\n};\n\nprototypeAccessors.currentRoute.get = function () {\n return this.history && this.history.current\n};\n\nVueRouter.prototype.init = function init (app /* Vue component instance */) {\n var this$1 = this;\n\n process.env.NODE_ENV !== 'production' &&\n assert(\n install.installed,\n \"not installed. Make sure to call `Vue.use(VueRouter)` \" +\n \"before creating root instance.\"\n );\n\n this.apps.push(app);\n\n // set up app destroyed handler\n // https://github.com/vuejs/vue-router/issues/2639\n app.$once('hook:destroyed', function () {\n // clean out app from this.apps array once destroyed\n var index = this$1.apps.indexOf(app);\n if (index > -1) { this$1.apps.splice(index, 1); }\n // ensure we still have a main app or null if no apps\n // we do not release the router so it can be reused\n if (this$1.app === app) { this$1.app = this$1.apps[0] || null; }\n\n if (!this$1.app) { this$1.history.teardown(); }\n });\n\n // main app previously initialized\n // return as we don't need to set up new history listener\n if (this.app) {\n return\n }\n\n this.app = app;\n\n var history = this.history;\n\n if (history instanceof HTML5History || history instanceof HashHistory) {\n var handleInitialScroll = function (routeOrError) {\n var from = history.current;\n var expectScroll = this$1.options.scrollBehavior;\n var supportsScroll = supportsPushState && expectScroll;\n\n if (supportsScroll && 'fullPath' in routeOrError) {\n handleScroll(this$1, routeOrError, from, false);\n }\n };\n var setupListeners = function (routeOrError) {\n history.setupListeners();\n handleInitialScroll(routeOrError);\n };\n history.transitionTo(\n history.getCurrentLocation(),\n setupListeners,\n setupListeners\n );\n }\n\n history.listen(function (route) {\n this$1.apps.forEach(function (app) {\n app._route = route;\n });\n });\n};\n\nVueRouter.prototype.beforeEach = function beforeEach (fn) {\n return registerHook(this.beforeHooks, fn)\n};\n\nVueRouter.prototype.beforeResolve = function beforeResolve (fn) {\n return registerHook(this.resolveHooks, fn)\n};\n\nVueRouter.prototype.afterEach = function afterEach (fn) {\n return registerHook(this.afterHooks, fn)\n};\n\nVueRouter.prototype.onReady = function onReady (cb, errorCb) {\n this.history.onReady(cb, errorCb);\n};\n\nVueRouter.prototype.onError = function onError (errorCb) {\n this.history.onError(errorCb);\n};\n\nVueRouter.prototype.push = function push (location, onComplete, onAbort) {\n var this$1 = this;\n\n // $flow-disable-line\n if (!onComplete && !onAbort && typeof Promise !== 'undefined') {\n return new Promise(function (resolve, reject) {\n this$1.history.push(location, resolve, reject);\n })\n } else {\n this.history.push(location, onComplete, onAbort);\n }\n};\n\nVueRouter.prototype.replace = function replace (location, onComplete, onAbort) {\n var this$1 = this;\n\n // $flow-disable-line\n if (!onComplete && !onAbort && typeof Promise !== 'undefined') {\n return new Promise(function (resolve, reject) {\n this$1.history.replace(location, resolve, reject);\n })\n } else {\n this.history.replace(location, onComplete, onAbort);\n }\n};\n\nVueRouter.prototype.go = function go (n) {\n this.history.go(n);\n};\n\nVueRouter.prototype.back = function back () {\n this.go(-1);\n};\n\nVueRouter.prototype.forward = function forward () {\n this.go(1);\n};\n\nVueRouter.prototype.getMatchedComponents = function getMatchedComponents (to) {\n var route = to\n ? to.matched\n ? to\n : this.resolve(to).route\n : this.currentRoute;\n if (!route) {\n return []\n }\n return [].concat.apply(\n [],\n route.matched.map(function (m) {\n return Object.keys(m.components).map(function (key) {\n return m.components[key]\n })\n })\n )\n};\n\nVueRouter.prototype.resolve = function resolve (\n to,\n current,\n append\n) {\n current = current || this.history.current;\n var location = normalizeLocation(to, current, append, this);\n var route = this.match(location, current);\n var fullPath = route.redirectedFrom || route.fullPath;\n var base = this.history.base;\n var href = createHref(base, fullPath, this.mode);\n return {\n location: location,\n route: route,\n href: href,\n // for backwards compat\n normalizedTo: location,\n resolved: route\n }\n};\n\nVueRouter.prototype.getRoutes = function getRoutes () {\n return this.matcher.getRoutes()\n};\n\nVueRouter.prototype.addRoute = function addRoute (parentOrRoute, route) {\n this.matcher.addRoute(parentOrRoute, route);\n if (this.history.current !== START) {\n this.history.transitionTo(this.history.getCurrentLocation());\n }\n};\n\nVueRouter.prototype.addRoutes = function addRoutes (routes) {\n if (process.env.NODE_ENV !== 'production') {\n warn(false, 'router.addRoutes() is deprecated and has been removed in Vue Router 4. Use router.addRoute() instead.');\n }\n this.matcher.addRoutes(routes);\n if (this.history.current !== START) {\n this.history.transitionTo(this.history.getCurrentLocation());\n }\n};\n\nObject.defineProperties( VueRouter.prototype, prototypeAccessors );\n\nfunction registerHook (list, fn) {\n list.push(fn);\n return function () {\n var i = list.indexOf(fn);\n if (i > -1) { list.splice(i, 1); }\n }\n}\n\nfunction createHref (base, fullPath, mode) {\n var path = mode === 'hash' ? '#' + fullPath : fullPath;\n return base ? cleanPath(base + '/' + path) : path\n}\n\nVueRouter.install = install;\nVueRouter.version = '3.5.3';\nVueRouter.isNavigationFailure = isNavigationFailure;\nVueRouter.NavigationFailureType = NavigationFailureType;\nVueRouter.START_LOCATION = START;\n\nif (inBrowser && window.Vue) {\n window.Vue.use(VueRouter);\n}\n\nexport default VueRouter;\n","(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"VueSelect\"] = factory();\n\telse\n\t\troot[\"VueSelect\"] = factory();\n})(typeof self !== 'undefined' ? self : this, function() {\nreturn ","function _arrayWithoutHoles(arr) {\n if (Array.isArray(arr)) {\n for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) {\n arr2[i] = arr[i];\n }\n\n return arr2;\n }\n}\n\nmodule.exports = _arrayWithoutHoles;","function _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n\n return obj;\n}\n\nmodule.exports = _defineProperty;","function _iterableToArray(iter) {\n if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === \"[object Arguments]\") return Array.from(iter);\n}\n\nmodule.exports = _iterableToArray;","function _nonIterableSpread() {\n throw new TypeError(\"Invalid attempt to spread non-iterable instance\");\n}\n\nmodule.exports = _nonIterableSpread;","var arrayWithoutHoles = require(\"./arrayWithoutHoles\");\n\nvar iterableToArray = require(\"./iterableToArray\");\n\nvar nonIterableSpread = require(\"./nonIterableSpread\");\n\nfunction _toConsumableArray(arr) {\n return arrayWithoutHoles(arr) || iterableToArray(arr) || nonIterableSpread();\n}\n\nmodule.exports = _toConsumableArray;","function _typeof(obj) {\n \"@babel/helpers - typeof\";\n\n if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") {\n module.exports = _typeof = function _typeof(obj) {\n return typeof obj;\n };\n } else {\n module.exports = _typeof = function _typeof(obj) {\n return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n };\n }\n\n return _typeof(obj);\n}\n\nmodule.exports = _typeof;","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"v-select\",class:_vm.stateClasses,attrs:{\"dir\":_vm.dir}},[_vm._t(\"header\",null,null,_vm.scope.header),_vm._v(\" \"),_c('div',{ref:\"toggle\",staticClass:\"vs__dropdown-toggle\",attrs:{\"id\":(\"vs\" + _vm.uid + \"__combobox\"),\"role\":\"combobox\",\"aria-expanded\":_vm.dropdownOpen.toString(),\"aria-owns\":(\"vs\" + _vm.uid + \"__listbox\"),\"aria-label\":\"Search for option\"},on:{\"mousedown\":function($event){return _vm.toggleDropdown($event)}}},[_c('div',{ref:\"selectedOptions\",staticClass:\"vs__selected-options\"},[_vm._l((_vm.selectedValue),function(option){return _vm._t(\"selected-option-container\",[_c('span',{key:_vm.getOptionKey(option),staticClass:\"vs__selected\"},[_vm._t(\"selected-option\",[_vm._v(\"\\n \"+_vm._s(_vm.getOptionLabel(option))+\"\\n \")],null,_vm.normalizeOptionForSlot(option)),_vm._v(\" \"),(_vm.multiple)?_c('button',{ref:\"deselectButtons\",refInFor:true,staticClass:\"vs__deselect\",attrs:{\"disabled\":_vm.disabled,\"type\":\"button\",\"title\":(\"Deselect \" + (_vm.getOptionLabel(option))),\"aria-label\":(\"Deselect \" + (_vm.getOptionLabel(option)))},on:{\"click\":function($event){return _vm.deselect(option)}}},[_c(_vm.childComponents.Deselect,{tag:\"component\"})],1):_vm._e()],2)],{\"option\":_vm.normalizeOptionForSlot(option),\"deselect\":_vm.deselect,\"multiple\":_vm.multiple,\"disabled\":_vm.disabled})}),_vm._v(\" \"),_vm._t(\"search\",[_c('input',_vm._g(_vm._b({staticClass:\"vs__search\"},'input',_vm.scope.search.attributes,false),_vm.scope.search.events))],null,_vm.scope.search)],2),_vm._v(\" \"),_c('div',{ref:\"actions\",staticClass:\"vs__actions\"},[_c('button',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showClearButton),expression:\"showClearButton\"}],ref:\"clearButton\",staticClass:\"vs__clear\",attrs:{\"disabled\":_vm.disabled,\"type\":\"button\",\"title\":\"Clear Selected\",\"aria-label\":\"Clear Selected\"},on:{\"click\":_vm.clearSelection}},[_c(_vm.childComponents.Deselect,{tag:\"component\"})],1),_vm._v(\" \"),_vm._t(\"open-indicator\",[(!_vm.noDrop)?_c(_vm.childComponents.OpenIndicator,_vm._b({tag:\"component\"},'component',_vm.scope.openIndicator.attributes,false)):_vm._e()],null,_vm.scope.openIndicator),_vm._v(\" \"),_vm._t(\"spinner\",[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.mutableLoading),expression:\"mutableLoading\"}],staticClass:\"vs__spinner\"},[_vm._v(\"Loading...\")])],null,_vm.scope.spinner)],2)]),_vm._v(\" \"),_c('transition',{attrs:{\"name\":_vm.transition}},[(_vm.dropdownOpen)?_c('ul',{directives:[{name:\"append-to-body\",rawName:\"v-append-to-body\"}],key:(\"vs\" + _vm.uid + \"__listbox\"),ref:\"dropdownMenu\",staticClass:\"vs__dropdown-menu\",attrs:{\"id\":(\"vs\" + _vm.uid + \"__listbox\"),\"role\":\"listbox\",\"tabindex\":\"-1\"},on:{\"mousedown\":function($event){$event.preventDefault();return _vm.onMousedown($event)},\"mouseup\":_vm.onMouseUp}},[_vm._t(\"list-header\",null,null,_vm.scope.listHeader),_vm._v(\" \"),_vm._l((_vm.filteredOptions),function(option,index){return _c('li',{key:_vm.getOptionKey(option),staticClass:\"vs__dropdown-option\",class:{\n 'vs__dropdown-option--deselect':\n _vm.isOptionDeselectable(option) && index === _vm.typeAheadPointer,\n 'vs__dropdown-option--selected': _vm.isOptionSelected(option),\n 'vs__dropdown-option--highlight': index === _vm.typeAheadPointer,\n 'vs__dropdown-option--disabled': !_vm.selectable(option),\n },attrs:{\"id\":(\"vs\" + _vm.uid + \"__option-\" + index),\"role\":\"option\",\"aria-selected\":index === _vm.typeAheadPointer ? true : null},on:{\"mouseover\":function($event){_vm.selectable(option) ? (_vm.typeAheadPointer = index) : null},\"click\":function($event){$event.preventDefault();$event.stopPropagation();_vm.selectable(option) ? _vm.select(option) : null}}},[_vm._t(\"option\",[_vm._v(\"\\n \"+_vm._s(_vm.getOptionLabel(option))+\"\\n \")],null,_vm.normalizeOptionForSlot(option))],2)}),_vm._v(\" \"),(_vm.filteredOptions.length === 0)?_c('li',{staticClass:\"vs__no-options\"},[_vm._t(\"no-options\",[_vm._v(\"\\n Sorry, no matching options.\\n \")],null,_vm.scope.noOptions)],2):_vm._e(),_vm._v(\" \"),_vm._t(\"list-footer\",null,null,_vm.scope.listFooter)],2):_c('ul',{staticStyle:{\"display\":\"none\",\"visibility\":\"hidden\"},attrs:{\"id\":(\"vs\" + _vm.uid + \"__listbox\"),\"role\":\"listbox\"}})]),_vm._v(\" \"),_vm._t(\"footer\",null,null,_vm.scope.footer)],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","export default {\n props: {\n autoscroll: {\n type: Boolean,\n default: true,\n },\n },\n\n watch: {\n typeAheadPointer() {\n if (this.autoscroll) {\n this.maybeAdjustScroll()\n }\n },\n open(open) {\n if (this.autoscroll && open) {\n this.$nextTick(() => this.maybeAdjustScroll())\n }\n },\n },\n\n methods: {\n /**\n * Adjust the scroll position of the dropdown list\n * if the current pointer is outside of the\n * overflow bounds.\n * @returns {*}\n */\n maybeAdjustScroll() {\n const optionEl =\n this.$refs.dropdownMenu?.children[this.typeAheadPointer] || false\n\n if (optionEl) {\n const bounds = this.getDropdownViewport()\n const { top, bottom, height } = optionEl.getBoundingClientRect()\n\n if (top < bounds.top) {\n return (this.$refs.dropdownMenu.scrollTop = optionEl.offsetTop)\n } else if (bottom > bounds.bottom) {\n return (this.$refs.dropdownMenu.scrollTop =\n optionEl.offsetTop - (bounds.height - height))\n }\n }\n },\n\n /**\n * The currently viewable portion of the dropdownMenu.\n * @returns {{top: (string|*|number), bottom: *}}\n */\n getDropdownViewport() {\n return this.$refs.dropdownMenu\n ? this.$refs.dropdownMenu.getBoundingClientRect()\n : {\n height: 0,\n top: 0,\n bottom: 0,\n }\n },\n },\n}\n","export default {\n data() {\n return {\n typeAheadPointer: -1,\n }\n },\n\n watch: {\n filteredOptions() {\n for (let i = 0; i < this.filteredOptions.length; i++) {\n if (this.selectable(this.filteredOptions[i])) {\n this.typeAheadPointer = i\n break\n }\n }\n },\n open(open) {\n if (open) {\n this.typeAheadToLastSelected()\n }\n },\n selectedValue() {\n if (this.open) {\n this.typeAheadToLastSelected()\n }\n },\n },\n\n methods: {\n /**\n * Move the typeAheadPointer visually up the list by\n * setting it to the previous selectable option.\n * @return {void}\n */\n typeAheadUp() {\n for (let i = this.typeAheadPointer - 1; i >= 0; i--) {\n if (this.selectable(this.filteredOptions[i])) {\n this.typeAheadPointer = i\n break\n }\n }\n },\n\n /**\n * Move the typeAheadPointer visually down the list by\n * setting it to the next selectable option.\n * @return {void}\n */\n typeAheadDown() {\n for (\n let i = this.typeAheadPointer + 1;\n i < this.filteredOptions.length;\n i++\n ) {\n if (this.selectable(this.filteredOptions[i])) {\n this.typeAheadPointer = i\n break\n }\n }\n },\n\n /**\n * Select the option at the current typeAheadPointer position.\n * Optionally clear the search input on selection.\n * @return {void}\n */\n typeAheadSelect() {\n const typeAheadOption = this.filteredOptions[this.typeAheadPointer]\n\n if (typeAheadOption && this.selectable(typeAheadOption)) {\n this.select(typeAheadOption)\n }\n },\n\n /**\n * Moves the pointer to the last selected option.\n */\n typeAheadToLastSelected() {\n const indexOfLastSelected =\n this.selectedValue.length !== 0\n ? this.filteredOptions.indexOf(\n this.selectedValue[this.selectedValue.length - 1]\n )\n : -1\n\n if (indexOfLastSelected !== -1) {\n this.typeAheadPointer = indexOfLastSelected\n }\n },\n },\n}\n","export default {\n props: {\n /**\n * Toggles the adding of a 'loading' class to the main\n * .v-select wrapper. Useful to control UI state when\n * results are being processed through AJAX.\n */\n loading: {\n type: Boolean,\n default: false,\n },\n },\n\n data() {\n return {\n mutableLoading: false,\n }\n },\n\n watch: {\n /**\n * Anytime the search string changes, emit the\n * 'search' event. The event is passed with two\n * parameters: the search string, and a function\n * that accepts a boolean parameter to toggle the\n * loading state.\n *\n * @emits search\n */\n search() {\n this.$emit('search', this.search, this.toggleLoading)\n },\n\n /**\n * Sync the loading prop with the internal\n * mutable loading value.\n * @param val\n */\n loading(val) {\n this.mutableLoading = val\n },\n },\n\n methods: {\n /**\n * Toggle this.loading. Optionally pass a boolean\n * value. If no value is provided, this.loading\n * will be set to the opposite of it's current value.\n * @param toggle Boolean\n * @returns {*}\n */\n toggleLoading(toggle = null) {\n if (toggle == null) {\n return (this.mutableLoading = !this.mutableLoading)\n }\n return (this.mutableLoading = toggle)\n },\n },\n}\n","/* globals __VUE_SSR_CONTEXT__ */\n\n// IMPORTANT: Do NOT use ES2015 features in this file (except for modules).\n// This module is a runtime utility for cleaner component module output and will\n// be included in the final webpack user bundle.\n\nexport default function normalizeComponent (\n scriptExports,\n render,\n staticRenderFns,\n functionalTemplate,\n injectStyles,\n scopeId,\n moduleIdentifier, /* server only */\n shadowMode /* vue-cli only */\n) {\n // Vue.extend constructor export interop\n var options = typeof scriptExports === 'function'\n ? scriptExports.options\n : scriptExports\n\n // render functions\n if (render) {\n options.render = render\n options.staticRenderFns = staticRenderFns\n options._compiled = true\n }\n\n // functional template\n if (functionalTemplate) {\n options.functional = true\n }\n\n // scopedId\n if (scopeId) {\n options._scopeId = 'data-v-' + scopeId\n }\n\n var hook\n if (moduleIdentifier) { // server build\n hook = function (context) {\n // 2.3 injection\n context =\n context || // cached call\n (this.$vnode && this.$vnode.ssrContext) || // stateful\n (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional\n // 2.2 with runInNewContext: true\n if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {\n context = __VUE_SSR_CONTEXT__\n }\n // inject component styles\n if (injectStyles) {\n injectStyles.call(this, context)\n }\n // register component module identifier for async chunk inferrence\n if (context && context._registeredComponents) {\n context._registeredComponents.add(moduleIdentifier)\n }\n }\n // used by ssr in case component is cached and beforeCreate\n // never gets called\n options._ssrRegister = hook\n } else if (injectStyles) {\n hook = shadowMode\n ? function () {\n injectStyles.call(\n this,\n (options.functional ? this.parent : this).$root.$options.shadowRoot\n )\n }\n : injectStyles\n }\n\n if (hook) {\n if (options.functional) {\n // for template-only hot-reload because in that case the render fn doesn't\n // go through the normalizer\n options._injectStyles = hook\n // register for functional component in vue file\n var originalRender = options.render\n options.render = function renderWithStyleInjection (h, context) {\n hook.call(context)\n return originalRender(h, context)\n }\n } else {\n // inject component registration as beforeCreate hook\n var existing = options.beforeCreate\n options.beforeCreate = existing\n ? [].concat(existing, hook)\n : [hook]\n }\n }\n\n return {\n exports: scriptExports,\n options: options\n }\n}\n","import { render, staticRenderFns } from \"./OpenIndicator.vue?vue&type=template&id=7e05f866&\"\nvar script = {}\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","import Deselect from './Deselect.vue'\nimport OpenIndicator from './OpenIndicator.vue'\n\nexport default {\n Deselect,\n OpenIndicator,\n}\n","import { render, staticRenderFns } from \"./Deselect.vue?vue&type=template&id=1f51e8a5&\"\nvar script = {}\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"10\",\"height\":\"10\"}},[_c('path',{attrs:{\"d\":\"M6.895455 5l2.842897-2.842898c.348864-.348863.348864-.914488 0-1.263636L9.106534.261648c-.348864-.348864-.914489-.348864-1.263636 0L5 3.104545 2.157102.261648c-.348863-.348864-.914488-.348864-1.263636 0L.261648.893466c-.348864.348864-.348864.914489 0 1.263636L3.104545 5 .261648 7.842898c-.348864.348863-.348864.914488 0 1.263636l.631818.631818c.348864.348864.914773.348864 1.263636 0L5 6.895455l2.842898 2.842897c.348863.348864.914772.348864 1.263636 0l.631818-.631818c.348864-.348864.348864-.914489 0-1.263636L6.895455 5z\"}})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"14\",\"height\":\"10\"}},[_c('path',{attrs:{\"d\":\"M9.211364 7.59931l4.48338-4.867229c.407008-.441854.407008-1.158247 0-1.60046l-.73712-.80023c-.407008-.441854-1.066904-.441854-1.474243 0L7 5.198617 2.51662.33139c-.407008-.441853-1.066904-.441853-1.474243 0l-.737121.80023c-.407008.441854-.407008 1.158248 0 1.600461l4.48338 4.867228L7 10l2.211364-2.40069z\"}})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","export default {\n inserted(el, bindings, { context }) {\n if (context.appendToBody) {\n const {\n height,\n top,\n left,\n width,\n } = context.$refs.toggle.getBoundingClientRect()\n\n let scrollX = window.scrollX || window.pageXOffset\n let scrollY = window.scrollY || window.pageYOffset\n\n el.unbindPosition = context.calculatePosition(el, context, {\n width: width + 'px',\n left: scrollX + left + 'px',\n top: scrollY + top + height + 'px',\n })\n\n document.body.appendChild(el)\n }\n },\n\n unbind(el, bindings, { context }) {\n if (context.appendToBody) {\n if (el.unbindPosition && typeof el.unbindPosition === 'function') {\n el.unbindPosition()\n }\n if (el.parentNode) {\n el.parentNode.removeChild(el)\n }\n }\n },\n}\n","/**\n * @param sortable {object}\n * @return {string}\n */\nfunction sortAndStringify(sortable) {\n const ordered = {}\n\n Object.keys(sortable)\n .sort()\n .forEach((key) => {\n ordered[key] = sortable[key]\n })\n\n return JSON.stringify(ordered)\n}\n\nexport default sortAndStringify\n","let idCount = 0\n\n/**\n * Dead simple unique ID implementation.\n * Thanks lodash!\n * @return {number}\n */\nfunction uniqueId() {\n return ++idCount\n}\n\nexport default uniqueId\n","import { render, staticRenderFns } from \"./Select.vue?vue&type=template&id=182a4084&\"\nimport script from \"./Select.vue?vue&type=script&lang=js&\"\nexport * from \"./Select.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Select.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","\n\n\n \n
\n
\n \n \n \n \n {{ getOptionLabel(option) }}\n \n \n \n \n \n \n\n \n \n \n
\n\n \n
\n \n \n\n \n \n \n\n \n Loading...
\n \n \n\n\n\n","import ajax from './ajax.js'\nimport pointer from './typeAheadPointer.js'\nimport pointerScroll from './pointerScroll.js'\n\nexport default { ajax, pointer, pointerScroll }\n","import VueSelect from './components/Select.vue'\nimport mixins from './mixins/index.js'\n\nexport default VueSelect\nexport { VueSelect, mixins }\n","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\nvar _bindProps = require('../utils/bindProps.js');\n\nvar _simulateArrowDown = require('../utils/simulateArrowDown.js');\n\nvar _simulateArrowDown2 = _interopRequireDefault(_simulateArrowDown);\n\nvar _mapElementFactory = require('./mapElementFactory');\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar mappedProps = {\n bounds: {\n type: Object\n },\n componentRestrictions: {\n type: Object,\n // Do not bind -- must check for undefined\n // in the property\n noBind: true\n },\n types: {\n type: Array,\n default: function _default() {\n return [];\n }\n }\n};\n\nvar props = {\n selectFirstOnEnter: {\n required: false,\n type: Boolean,\n default: false\n },\n options: {\n type: Object\n }\n};\n\nexports.default = {\n mounted: function mounted() {\n var _this = this;\n\n this.$gmapApiPromiseLazy().then(function () {\n if (_this.selectFirstOnEnter) {\n (0, _simulateArrowDown2.default)(_this.$refs.input);\n }\n\n if (typeof google.maps.places.Autocomplete !== 'function') {\n throw new Error('google.maps.places.Autocomplete is undefined. Did you add \\'places\\' to libraries when loading Google Maps?');\n }\n\n /* eslint-disable no-unused-vars */\n var finalOptions = _extends({}, (0, _bindProps.getPropsValues)(_this, mappedProps), _this.options);\n\n _this.$autocomplete = new google.maps.places.Autocomplete(_this.$refs.input, finalOptions);\n (0, _bindProps.bindProps)(_this, _this.$autocomplete, mappedProps);\n\n _this.$watch('componentRestrictions', function (v) {\n if (v !== undefined) {\n _this.$autocomplete.setComponentRestrictions(v);\n }\n });\n\n // Not using `bindEvents` because we also want\n // to return the result of `getPlace()`\n _this.$autocomplete.addListener('place_changed', function () {\n _this.$emit('place_changed', _this.$autocomplete.getPlace());\n });\n });\n },\n\n props: _extends({}, (0, _mapElementFactory.mappedPropsToVueProps)(mappedProps), props)\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _mapElementFactory = require('./mapElementFactory');\n\nvar _mapElementFactory2 = _interopRequireDefault(_mapElementFactory);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar props = {\n center: {\n type: Object,\n twoWay: true,\n required: true\n },\n radius: {\n type: Number,\n twoWay: true\n },\n draggable: {\n type: Boolean,\n default: false\n },\n editable: {\n type: Boolean,\n default: false\n },\n options: {\n type: Object,\n twoWay: false\n }\n};\n\nvar events = ['click', 'dblclick', 'drag', 'dragend', 'dragstart', 'mousedown', 'mousemove', 'mouseout', 'mouseover', 'mouseup', 'rightclick'];\n\nexports.default = (0, _mapElementFactory2.default)({\n mappedProps: props,\n name: 'circle',\n ctr: function ctr() {\n return google.maps.Circle;\n },\n events: events\n});","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _mapElementFactory = require('./mapElementFactory.js');\n\nvar _mapElementFactory2 = _interopRequireDefault(_mapElementFactory);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar props = {\n options: {\n type: Object,\n required: false,\n default: function _default() {\n return {};\n }\n },\n position: {\n type: Object,\n twoWay: true\n },\n zIndex: {\n type: Number,\n twoWay: true\n }\n};\n\nvar events = ['domready', 'closeclick', 'content_changed'];\n\nexports.default = (0, _mapElementFactory2.default)({\n mappedProps: props,\n events: events,\n name: 'infoWindow',\n ctr: function ctr() {\n return google.maps.InfoWindow;\n },\n props: {\n opened: {\n type: Boolean,\n default: true\n }\n },\n\n inject: {\n '$markerPromise': {\n default: null\n }\n },\n\n mounted: function mounted() {\n var el = this.$refs.flyaway;\n el.parentNode.removeChild(el);\n },\n beforeCreate: function beforeCreate(options) {\n var _this = this;\n\n options.content = this.$refs.flyaway;\n\n if (this.$markerPromise) {\n delete options.position;\n return this.$markerPromise.then(function (mo) {\n _this.$markerObject = mo;\n return mo;\n });\n }\n },\n\n\n methods: {\n _openInfoWindow: function _openInfoWindow() {\n if (this.opened) {\n if (this.$markerObject !== null) {\n this.$infoWindowObject.open(this.$map, this.$markerObject);\n } else {\n this.$infoWindowObject.open(this.$map);\n }\n } else {\n this.$infoWindowObject.close();\n }\n }\n },\n\n afterCreate: function afterCreate() {\n var _this2 = this;\n\n this._openInfoWindow();\n this.$watch('opened', function () {\n _this2._openInfoWindow();\n });\n }\n});","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _slicedToArray = function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"]) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError(\"Invalid attempt to destructure non-iterable instance\"); } }; }();\n\nvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\nexports.default = function (options) {\n var mappedProps = options.mappedProps,\n name = options.name,\n ctr = options.ctr,\n ctrArgs = options.ctrArgs,\n events = options.events,\n beforeCreate = options.beforeCreate,\n afterCreate = options.afterCreate,\n props = options.props,\n rest = _objectWithoutProperties(options, ['mappedProps', 'name', 'ctr', 'ctrArgs', 'events', 'beforeCreate', 'afterCreate', 'props']);\n\n var promiseName = '$' + name + 'Promise';\n var instanceName = '$' + name + 'Object';\n\n assert(!(rest.props instanceof Array), '`props` should be an object, not Array');\n\n return _extends({}, typeof GENERATE_DOC !== 'undefined' ? { $vgmOptions: options } : {}, {\n mixins: [_mapElementMixin2.default],\n props: _extends({}, props, mappedPropsToVueProps(mappedProps)),\n render: function render() {\n return '';\n },\n provide: function provide() {\n var _this = this;\n\n var promise = this.$mapPromise.then(function (map) {\n // Infowindow needs this to be immediately available\n _this.$map = map;\n\n // Initialize the maps with the given options\n var options = _extends({}, _this.options, {\n map: map\n }, (0, _bindProps.getPropsValues)(_this, mappedProps));\n delete options.options; // delete the extra options\n\n if (beforeCreate) {\n var result = beforeCreate.bind(_this)(options);\n\n if (result instanceof Promise) {\n return result.then(function () {\n return { options: options };\n });\n }\n }\n return { options: options };\n }).then(function (_ref) {\n var _Function$prototype$b;\n\n var options = _ref.options;\n\n var ConstructorObject = ctr();\n // https://stackoverflow.com/questions/1606797/use-of-apply-with-new-operator-is-this-possible\n _this[instanceName] = ctrArgs ? new ((_Function$prototype$b = Function.prototype.bind).call.apply(_Function$prototype$b, [ConstructorObject, null].concat(_toConsumableArray(ctrArgs(options, (0, _bindProps.getPropsValues)(_this, props || {}))))))() : new ConstructorObject(options);\n\n (0, _bindProps.bindProps)(_this, _this[instanceName], mappedProps);\n (0, _bindEvents2.default)(_this, _this[instanceName], events);\n\n if (afterCreate) {\n afterCreate.bind(_this)(_this[instanceName]);\n }\n return _this[instanceName];\n });\n this[promiseName] = promise;\n return _defineProperty({}, promiseName, promise);\n },\n destroyed: function destroyed() {\n // Note: not all Google Maps components support maps\n if (this[instanceName] && this[instanceName].setMap) {\n this[instanceName].setMap(null);\n }\n }\n }, rest);\n};\n\nexports.mappedPropsToVueProps = mappedPropsToVueProps;\n\nvar _bindEvents = require('../utils/bindEvents.js');\n\nvar _bindEvents2 = _interopRequireDefault(_bindEvents);\n\nvar _bindProps = require('../utils/bindProps.js');\n\nvar _mapElementMixin = require('./mapElementMixin');\n\nvar _mapElementMixin2 = _interopRequireDefault(_mapElementMixin);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nfunction _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }\n\nfunction _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }\n\n/**\r\n *\r\n * @param {Object} options\r\n * @param {Object} options.mappedProps - Definitions of props\r\n * @param {Object} options.mappedProps.PROP.type - Value type\r\n * @param {Boolean} options.mappedProps.PROP.twoWay\r\n * - Whether the prop has a corresponding PROP_changed\r\n * event\r\n * @param {Boolean} options.mappedProps.PROP.noBind\r\n * - If true, do not apply the default bindProps / bindEvents.\r\n * However it will still be added to the list of component props\r\n * @param {Object} options.props - Regular Vue-style props.\r\n * Note: must be in the Object form because it will be\r\n * merged with the `mappedProps`\r\n *\r\n * @param {Object} options.events - Google Maps API events\r\n * that are not bound to a corresponding prop\r\n * @param {String} options.name - e.g. `polyline`\r\n * @param {=> String} options.ctr - constructor, e.g.\r\n * `google.maps.Polyline`. However, since this is not\r\n * generally available during library load, this becomes\r\n * a function instead, e.g. () => google.maps.Polyline\r\n * which will be called only after the API has been loaded\r\n * @param {(MappedProps, OtherVueProps) => Array} options.ctrArgs -\r\n * If the constructor in `ctr` needs to be called with\r\n * arguments other than a single `options` object, e.g. for\r\n * GroundOverlay, we call `new GroundOverlay(url, bounds, options)`\r\n * then pass in a function that returns the argument list as an array\r\n *\r\n * Otherwise, the constructor will be called with an `options` object,\r\n * with property and values merged from:\r\n *\r\n * 1. the `options` property, if any\r\n * 2. a `map` property with the Google Maps\r\n * 3. all the properties passed to the component in `mappedProps`\r\n * @param {Object => Any} options.beforeCreate -\r\n * Hook to modify the options passed to the initializer\r\n * @param {(options.ctr, Object) => Any} options.afterCreate -\r\n * Hook called when\r\n *\r\n */\n\n\nfunction assert(v, message) {\n if (!v) throw new Error(message);\n}\n\n/**\r\n * Strips out the extraneous properties we have in our\r\n * props definitions\r\n * @param {Object} props\r\n */\nfunction mappedPropsToVueProps(mappedProps) {\n return Object.entries(mappedProps).map(function (_ref3) {\n var _ref4 = _slicedToArray(_ref3, 2),\n key = _ref4[0],\n prop = _ref4[1];\n\n var value = {};\n\n if ('type' in prop) value.type = prop.type;\n if ('default' in prop) value.default = prop.default;\n if ('required' in prop) value.required = prop.required;\n\n return [key, value];\n }).reduce(function (acc, _ref5) {\n var _ref6 = _slicedToArray(_ref5, 2),\n key = _ref6[0],\n val = _ref6[1];\n\n acc[key] = val;\n return acc;\n }, {});\n}","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n/**\n * @class MapElementMixin\n *\n * Extends components to include the following fields:\n *\n * @property $map The Google map (valid only after the promise returns)\n *\n *\n * */\nexports.default = {\n inject: {\n '$mapPromise': { default: 'abcdef' }\n },\n\n provide: function provide() {\n var _this = this;\n\n // Note: although this mixin is not \"providing\" anything,\n // components' expect the `$map` property to be present on the component.\n // In order for that to happen, this mixin must intercept the $mapPromise\n // .then(() =>) first before its component does so.\n //\n // Since a provide() on a mixin is executed before a provide() on the\n // component, putting this code in provide() ensures that the $map is\n // already set by the time the\n // component's provide() is called.\n this.$mapPromise.then(function (map) {\n _this.$map = map;\n });\n\n return {};\n }\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\nvar _bindEvents = require('../utils/bindEvents.js');\n\nvar _bindEvents2 = _interopRequireDefault(_bindEvents);\n\nvar _bindProps = require('../utils/bindProps.js');\n\nvar _mountableMixin = require('../utils/mountableMixin.js');\n\nvar _mountableMixin2 = _interopRequireDefault(_mountableMixin);\n\nvar _TwoWayBindingWrapper = require('../utils/TwoWayBindingWrapper.js');\n\nvar _TwoWayBindingWrapper2 = _interopRequireDefault(_TwoWayBindingWrapper);\n\nvar _WatchPrimitiveProperties = require('../utils/WatchPrimitiveProperties.js');\n\nvar _WatchPrimitiveProperties2 = _interopRequireDefault(_WatchPrimitiveProperties);\n\nvar _mapElementFactory = require('./mapElementFactory.js');\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar props = {\n center: {\n required: true,\n twoWay: true,\n type: Object,\n noBind: true\n },\n zoom: {\n required: false,\n twoWay: true,\n type: Number,\n noBind: true\n },\n heading: {\n type: Number,\n twoWay: true\n },\n mapTypeId: {\n twoWay: true,\n type: String\n },\n tilt: {\n twoWay: true,\n type: Number\n },\n options: {\n type: Object,\n default: function _default() {\n return {};\n }\n }\n};\n\nvar events = ['bounds_changed', 'click', 'dblclick', 'drag', 'dragend', 'dragstart', 'idle', 'mousemove', 'mouseout', 'mouseover', 'resize', 'rightclick', 'tilesloaded'];\n\n// Plain Google Maps methods exposed here for convenience\nvar linkedMethods = ['panBy', 'panTo', 'panToBounds', 'fitBounds'].reduce(function (all, methodName) {\n all[methodName] = function () {\n if (this.$mapObject) {\n this.$mapObject[methodName].apply(this.$mapObject, arguments);\n }\n };\n return all;\n}, {});\n\n// Other convenience methods exposed by Vue Google Maps\nvar customMethods = {\n resize: function resize() {\n if (this.$mapObject) {\n google.maps.event.trigger(this.$mapObject, 'resize');\n }\n },\n resizePreserveCenter: function resizePreserveCenter() {\n if (!this.$mapObject) {\n return;\n }\n\n var oldCenter = this.$mapObject.getCenter();\n google.maps.event.trigger(this.$mapObject, 'resize');\n this.$mapObject.setCenter(oldCenter);\n },\n\n\n /// Override mountableMixin::_resizeCallback\n /// because resizePreserveCenter is usually the\n /// expected behaviour\n _resizeCallback: function _resizeCallback() {\n this.resizePreserveCenter();\n }\n};\n\nexports.default = {\n mixins: [_mountableMixin2.default],\n props: (0, _mapElementFactory.mappedPropsToVueProps)(props),\n\n provide: function provide() {\n var _this = this;\n\n this.$mapPromise = new Promise(function (resolve, reject) {\n _this.$mapPromiseDeferred = { resolve: resolve, reject: reject };\n });\n return {\n '$mapPromise': this.$mapPromise\n };\n },\n\n\n computed: {\n finalLat: function finalLat() {\n return this.center && typeof this.center.lat === 'function' ? this.center.lat() : this.center.lat;\n },\n finalLng: function finalLng() {\n return this.center && typeof this.center.lng === 'function' ? this.center.lng() : this.center.lng;\n },\n finalLatLng: function finalLatLng() {\n return { lat: this.finalLat, lng: this.finalLng };\n }\n },\n\n watch: {\n zoom: function zoom(_zoom) {\n if (this.$mapObject) {\n this.$mapObject.setZoom(_zoom);\n }\n }\n },\n\n mounted: function mounted() {\n var _this2 = this;\n\n return this.$gmapApiPromiseLazy().then(function () {\n // getting the DOM element where to create the map\n var element = _this2.$refs['vue-map'];\n\n // creating the map\n var options = _extends({}, _this2.options, (0, _bindProps.getPropsValues)(_this2, props));\n delete options.options;\n _this2.$mapObject = new google.maps.Map(element, options);\n\n // binding properties (two and one way)\n (0, _bindProps.bindProps)(_this2, _this2.$mapObject, props);\n // binding events\n (0, _bindEvents2.default)(_this2, _this2.$mapObject, events);\n\n // manually trigger center and zoom\n (0, _TwoWayBindingWrapper2.default)(function (increment, decrement, shouldUpdate) {\n _this2.$mapObject.addListener('center_changed', function () {\n if (shouldUpdate()) {\n _this2.$emit('center_changed', _this2.$mapObject.getCenter());\n }\n decrement();\n });\n\n (0, _WatchPrimitiveProperties2.default)(_this2, ['finalLat', 'finalLng'], function updateCenter() {\n increment();\n _this2.$mapObject.setCenter(_this2.finalLatLng);\n });\n });\n _this2.$mapObject.addListener('zoom_changed', function () {\n _this2.$emit('zoom_changed', _this2.$mapObject.getZoom());\n });\n _this2.$mapObject.addListener('bounds_changed', function () {\n _this2.$emit('bounds_changed', _this2.$mapObject.getBounds());\n });\n\n _this2.$mapPromiseDeferred.resolve(_this2.$mapObject);\n\n return _this2.$mapObject;\n }).catch(function (error) {\n throw error;\n });\n },\n\n methods: _extends({}, customMethods, linkedMethods)\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _mapElementFactory = require('./mapElementFactory.js');\n\nvar _mapElementFactory2 = _interopRequireDefault(_mapElementFactory);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar props = {\n animation: {\n twoWay: true,\n type: Number\n },\n attribution: {\n type: Object\n },\n clickable: {\n type: Boolean,\n twoWay: true,\n default: true\n },\n cursor: {\n type: String,\n twoWay: true\n },\n draggable: {\n type: Boolean,\n twoWay: true,\n default: false\n },\n icon: {\n twoWay: true\n },\n label: {},\n opacity: {\n type: Number,\n default: 1\n },\n options: {\n type: Object\n },\n place: {\n type: Object\n },\n position: {\n type: Object,\n twoWay: true\n },\n shape: {\n type: Object,\n twoWay: true\n },\n title: {\n type: String,\n twoWay: true\n },\n zIndex: {\n type: Number,\n twoWay: true\n },\n visible: {\n twoWay: true,\n default: true\n }\n};\n\nvar events = ['click', 'rightclick', 'dblclick', 'drag', 'dragstart', 'dragend', 'mouseup', 'mousedown', 'mouseover', 'mouseout'];\n\n/**\n * @class Marker\n *\n * Marker class with extra support for\n *\n * - Embedded info windows\n * - Clustered markers\n *\n * Support for clustered markers is for backward-compatability\n * reasons. Otherwise we should use a cluster-marker mixin or\n * subclass.\n */\nexports.default = (0, _mapElementFactory2.default)({\n mappedProps: props,\n events: events,\n name: 'marker',\n ctr: function ctr() {\n return google.maps.Marker;\n },\n\n inject: {\n '$clusterPromise': {\n default: null\n }\n },\n\n render: function render(h) {\n if (!this.$slots.default || this.$slots.default.length === 0) {\n return '';\n } else if (this.$slots.default.length === 1) {\n // So that infowindows can have a marker parent\n return this.$slots.default[0];\n } else {\n return h('div', this.$slots.default);\n }\n },\n destroyed: function destroyed() {\n if (!this.$markerObject) {\n return;\n }\n\n if (this.$clusterObject) {\n // Repaint will be performed in `updated()` of cluster\n this.$clusterObject.removeMarker(this.$markerObject, true);\n } else {\n this.$markerObject.setMap(null);\n }\n },\n beforeCreate: function beforeCreate(options) {\n if (this.$clusterPromise) {\n options.map = null;\n }\n\n return this.$clusterPromise;\n },\n afterCreate: function afterCreate(inst) {\n var _this = this;\n\n if (this.$clusterPromise) {\n this.$clusterPromise.then(function (co) {\n co.addMarker(inst);\n _this.$clusterObject = co;\n });\n }\n }\n});","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _bindProps = require('../utils/bindProps.js');\n\nvar _simulateArrowDown = require('../utils/simulateArrowDown.js');\n\nvar _simulateArrowDown2 = _interopRequireDefault(_simulateArrowDown);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }\n\nvar props = {\n bounds: {\n type: Object\n },\n defaultPlace: {\n type: String,\n default: ''\n },\n componentRestrictions: {\n type: Object,\n default: null\n },\n types: {\n type: Array,\n default: function _default() {\n return [];\n }\n },\n placeholder: {\n required: false,\n type: String\n },\n className: {\n required: false,\n type: String\n },\n label: {\n required: false,\n type: String,\n default: null\n },\n selectFirstOnEnter: {\n require: false,\n type: Boolean,\n default: false\n }\n};\n\nexports.default = {\n mounted: function mounted() {\n var _this = this;\n\n var input = this.$refs.input;\n\n // Allow default place to be set\n input.value = this.defaultPlace;\n this.$watch('defaultPlace', function () {\n input.value = _this.defaultPlace;\n });\n\n this.$gmapApiPromiseLazy().then(function () {\n var options = (0, _bindProps.getPropsValues)(_this, props);\n if (_this.selectFirstOnEnter) {\n (0, _simulateArrowDown2.default)(_this.$refs.input);\n }\n\n if (typeof google.maps.places.Autocomplete !== 'function') {\n throw new Error('google.maps.places.Autocomplete is undefined. Did you add \\'places\\' to libraries when loading Google Maps?');\n }\n\n _this.autoCompleter = new google.maps.places.Autocomplete(_this.$refs.input, options);\n\n var placeholder = props.placeholder,\n place = props.place,\n defaultPlace = props.defaultPlace,\n className = props.className,\n label = props.label,\n selectFirstOnEnter = props.selectFirstOnEnter,\n rest = _objectWithoutProperties(props, ['placeholder', 'place', 'defaultPlace', 'className', 'label', 'selectFirstOnEnter']); // eslint-disable-line\n\n\n (0, _bindProps.bindProps)(_this, _this.autoCompleter, rest);\n\n _this.autoCompleter.addListener('place_changed', function () {\n _this.$emit('place_changed', _this.autoCompleter.getPlace());\n });\n });\n },\n created: function created() {\n console.warn('The PlaceInput class is deprecated! Please consider using the Autocomplete input instead'); // eslint-disable-line no-console\n },\n\n props: props\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _slicedToArray = function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"]) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError(\"Invalid attempt to destructure non-iterable instance\"); } }; }();\n\nvar _mapElementFactory = require('./mapElementFactory.js');\n\nvar _mapElementFactory2 = _interopRequireDefault(_mapElementFactory);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar props = {\n draggable: {\n type: Boolean\n },\n editable: {\n type: Boolean\n },\n options: {\n type: Object\n },\n path: {\n type: Array,\n twoWay: true,\n noBind: true\n },\n paths: {\n type: Array,\n twoWay: true,\n noBind: true\n }\n};\n\nvar events = ['click', 'dblclick', 'drag', 'dragend', 'dragstart', 'mousedown', 'mousemove', 'mouseout', 'mouseover', 'mouseup', 'rightclick'];\n\nexports.default = (0, _mapElementFactory2.default)({\n props: {\n deepWatch: {\n type: Boolean,\n default: false\n }\n },\n events: events,\n mappedProps: props,\n name: 'polygon',\n ctr: function ctr() {\n return google.maps.Polygon;\n },\n\n beforeCreate: function beforeCreate(options) {\n if (!options.path) delete options.path;\n if (!options.paths) delete options.paths;\n },\n afterCreate: function afterCreate(inst) {\n var _this = this;\n\n var clearEvents = function () {};\n\n // Watch paths, on our own, because we do not want to set either when it is\n // empty\n this.$watch('paths', function (paths) {\n if (paths) {\n clearEvents();\n\n inst.setPaths(paths);\n\n var updatePaths = function () {\n _this.$emit('paths_changed', inst.getPaths());\n };\n var eventListeners = [];\n\n var mvcArray = inst.getPaths();\n for (var i = 0; i < mvcArray.getLength(); i++) {\n var mvcPath = mvcArray.getAt(i);\n eventListeners.push([mvcPath, mvcPath.addListener('insert_at', updatePaths)]);\n eventListeners.push([mvcPath, mvcPath.addListener('remove_at', updatePaths)]);\n eventListeners.push([mvcPath, mvcPath.addListener('set_at', updatePaths)]);\n }\n eventListeners.push([mvcArray, mvcArray.addListener('insert_at', updatePaths)]);\n eventListeners.push([mvcArray, mvcArray.addListener('remove_at', updatePaths)]);\n eventListeners.push([mvcArray, mvcArray.addListener('set_at', updatePaths)]);\n\n clearEvents = function () {\n eventListeners.map(function (_ref) {\n var _ref2 = _slicedToArray(_ref, 2),\n obj = _ref2[0],\n listenerHandle = _ref2[1];\n\n return (// eslint-disable-line no-unused-vars\n google.maps.event.removeListener(listenerHandle)\n );\n });\n };\n }\n }, {\n deep: this.deepWatch,\n immediate: true\n });\n\n this.$watch('path', function (path) {\n if (path) {\n clearEvents();\n\n inst.setPaths(path);\n\n var mvcPath = inst.getPath();\n var eventListeners = [];\n\n var updatePaths = function () {\n _this.$emit('path_changed', inst.getPath());\n };\n\n eventListeners.push([mvcPath, mvcPath.addListener('insert_at', updatePaths)]);\n eventListeners.push([mvcPath, mvcPath.addListener('remove_at', updatePaths)]);\n eventListeners.push([mvcPath, mvcPath.addListener('set_at', updatePaths)]);\n\n clearEvents = function () {\n eventListeners.map(function (_ref3) {\n var _ref4 = _slicedToArray(_ref3, 2),\n obj = _ref4[0],\n listenerHandle = _ref4[1];\n\n return (// eslint-disable-line no-unused-vars\n google.maps.event.removeListener(listenerHandle)\n );\n });\n };\n }\n }, {\n deep: this.deepWatch,\n immediate: true\n });\n }\n});","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _slicedToArray = function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"]) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError(\"Invalid attempt to destructure non-iterable instance\"); } }; }();\n\nvar _mapElementFactory = require('./mapElementFactory.js');\n\nvar _mapElementFactory2 = _interopRequireDefault(_mapElementFactory);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar props = {\n draggable: {\n type: Boolean\n },\n editable: {\n type: Boolean\n },\n options: {\n twoWay: false,\n type: Object\n },\n path: {\n type: Array,\n twoWay: true\n }\n};\n\nvar events = ['click', 'dblclick', 'drag', 'dragend', 'dragstart', 'mousedown', 'mousemove', 'mouseout', 'mouseover', 'mouseup', 'rightclick'];\n\nexports.default = (0, _mapElementFactory2.default)({\n mappedProps: props,\n props: {\n deepWatch: {\n type: Boolean,\n default: false\n }\n },\n events: events,\n\n name: 'polyline',\n ctr: function ctr() {\n return google.maps.Polyline;\n },\n\n afterCreate: function afterCreate() {\n var _this = this;\n\n var clearEvents = function () {};\n\n this.$watch('path', function (path) {\n if (path) {\n clearEvents();\n\n _this.$polylineObject.setPath(path);\n\n var mvcPath = _this.$polylineObject.getPath();\n var eventListeners = [];\n\n var updatePaths = function () {\n _this.$emit('path_changed', _this.$polylineObject.getPath());\n };\n\n eventListeners.push([mvcPath, mvcPath.addListener('insert_at', updatePaths)]);\n eventListeners.push([mvcPath, mvcPath.addListener('remove_at', updatePaths)]);\n eventListeners.push([mvcPath, mvcPath.addListener('set_at', updatePaths)]);\n\n clearEvents = function () {\n eventListeners.map(function (_ref) {\n var _ref2 = _slicedToArray(_ref, 2),\n obj = _ref2[0],\n listenerHandle = _ref2[1];\n\n return (// eslint-disable-line no-unused-vars\n google.maps.event.removeListener(listenerHandle)\n );\n });\n };\n }\n }, {\n deep: this.deepWatch,\n immediate: true\n });\n }\n});","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _mapElementFactory = require('./mapElementFactory.js');\n\nvar _mapElementFactory2 = _interopRequireDefault(_mapElementFactory);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar props = {\n bounds: {\n type: Object,\n twoWay: true\n },\n draggable: {\n type: Boolean,\n default: false\n },\n editable: {\n type: Boolean,\n default: false\n },\n options: {\n type: Object,\n twoWay: false\n }\n};\n\nvar events = ['click', 'dblclick', 'drag', 'dragend', 'dragstart', 'mousedown', 'mousemove', 'mouseout', 'mouseover', 'mouseup', 'rightclick'];\n\nexports.default = (0, _mapElementFactory2.default)({\n mappedProps: props,\n name: 'rectangle',\n ctr: function ctr() {\n return google.maps.Rectangle;\n },\n events: events\n});","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\nvar _bindEvents = require('../utils/bindEvents.js');\n\nvar _bindEvents2 = _interopRequireDefault(_bindEvents);\n\nvar _bindProps = require('../utils/bindProps.js');\n\nvar _mountableMixin = require('../utils/mountableMixin.js');\n\nvar _mountableMixin2 = _interopRequireDefault(_mountableMixin);\n\nvar _TwoWayBindingWrapper = require('../utils/TwoWayBindingWrapper.js');\n\nvar _TwoWayBindingWrapper2 = _interopRequireDefault(_TwoWayBindingWrapper);\n\nvar _WatchPrimitiveProperties = require('../utils/WatchPrimitiveProperties.js');\n\nvar _WatchPrimitiveProperties2 = _interopRequireDefault(_WatchPrimitiveProperties);\n\nvar _mapElementFactory = require('./mapElementFactory.js');\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar props = {\n zoom: {\n twoWay: true,\n type: Number\n },\n pov: {\n twoWay: true,\n type: Object,\n trackProperties: ['pitch', 'heading']\n },\n position: {\n twoWay: true,\n type: Object,\n noBind: true\n },\n pano: {\n twoWay: true,\n type: String\n },\n motionTracking: {\n twoWay: false,\n type: Boolean\n },\n visible: {\n twoWay: true,\n type: Boolean,\n default: true\n },\n options: {\n twoWay: false,\n type: Object,\n default: function _default() {\n return {};\n }\n }\n};\n\nvar events = ['closeclick', 'status_changed'];\n\nexports.default = {\n mixins: [_mountableMixin2.default],\n props: (0, _mapElementFactory.mappedPropsToVueProps)(props),\n replace: false, // necessary for css styles\n methods: {\n resize: function resize() {\n if (this.$panoObject) {\n google.maps.event.trigger(this.$panoObject, 'resize');\n }\n }\n },\n\n provide: function provide() {\n var _this = this;\n\n var promise = new Promise(function (resolve, reject) {\n _this.$panoPromiseDeferred = { resolve: resolve, reject: reject };\n });\n return {\n '$panoPromise': promise,\n '$mapPromise': promise // so that we can use it with markers\n };\n },\n\n\n computed: {\n finalLat: function finalLat() {\n return this.position && typeof this.position.lat === 'function' ? this.position.lat() : this.position.lat;\n },\n finalLng: function finalLng() {\n return this.position && typeof this.position.lng === 'function' ? this.position.lng() : this.position.lng;\n },\n finalLatLng: function finalLatLng() {\n return {\n lat: this.finalLat,\n lng: this.finalLng\n };\n }\n },\n\n watch: {\n zoom: function zoom(_zoom) {\n if (this.$panoObject) {\n this.$panoObject.setZoom(_zoom);\n }\n }\n },\n\n mounted: function mounted() {\n var _this2 = this;\n\n return this.$gmapApiPromiseLazy().then(function () {\n // getting the DOM element where to create the map\n var element = _this2.$refs['vue-street-view-pano'];\n\n // creating the map\n var options = _extends({}, _this2.options, (0, _bindProps.getPropsValues)(_this2, props));\n delete options.options;\n\n _this2.$panoObject = new google.maps.StreetViewPanorama(element, options);\n\n // binding properties (two and one way)\n (0, _bindProps.bindProps)(_this2, _this2.$panoObject, props);\n // binding events\n (0, _bindEvents2.default)(_this2, _this2.$panoObject, events);\n\n // manually trigger position\n (0, _TwoWayBindingWrapper2.default)(function (increment, decrement, shouldUpdate) {\n // Panos take a while to load\n increment();\n\n _this2.$panoObject.addListener('position_changed', function () {\n if (shouldUpdate()) {\n _this2.$emit('position_changed', _this2.$panoObject.getPosition());\n }\n decrement();\n });\n\n (0, _WatchPrimitiveProperties2.default)(_this2, ['finalLat', 'finalLng'], function updateCenter() {\n increment();\n _this2.$panoObject.setPosition(_this2.finalLatLng);\n });\n });\n\n _this2.$panoPromiseDeferred.resolve(_this2.$panoObject);\n\n return _this2.$panoPromise;\n }).catch(function (error) {\n throw error;\n });\n }\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.StreetViewPanorama = exports.MountableMixin = exports.Autocomplete = exports.MapElementFactory = exports.MapElementMixin = exports.PlaceInput = exports.Map = exports.InfoWindow = exports.Rectangle = exports.Cluster = exports.Circle = exports.Polygon = exports.Polyline = exports.Marker = exports.loadGmapApi = undefined;\n\nvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\n// Vue component imports\n\n\nexports.install = install;\nexports.gmapApi = gmapApi;\n\nvar _lazyValue = require('./utils/lazyValue');\n\nvar _lazyValue2 = _interopRequireDefault(_lazyValue);\n\nvar _manager = require('./manager');\n\nvar _marker = require('./components/marker');\n\nvar _marker2 = _interopRequireDefault(_marker);\n\nvar _polyline = require('./components/polyline');\n\nvar _polyline2 = _interopRequireDefault(_polyline);\n\nvar _polygon = require('./components/polygon');\n\nvar _polygon2 = _interopRequireDefault(_polygon);\n\nvar _circle = require('./components/circle');\n\nvar _circle2 = _interopRequireDefault(_circle);\n\nvar _rectangle = require('./components/rectangle');\n\nvar _rectangle2 = _interopRequireDefault(_rectangle);\n\nvar _infoWindow = require('./components/infoWindow.vue');\n\nvar _infoWindow2 = _interopRequireDefault(_infoWindow);\n\nvar _map = require('./components/map.vue');\n\nvar _map2 = _interopRequireDefault(_map);\n\nvar _streetViewPanorama = require('./components/streetViewPanorama.vue');\n\nvar _streetViewPanorama2 = _interopRequireDefault(_streetViewPanorama);\n\nvar _placeInput = require('./components/placeInput.vue');\n\nvar _placeInput2 = _interopRequireDefault(_placeInput);\n\nvar _autocomplete = require('./components/autocomplete.vue');\n\nvar _autocomplete2 = _interopRequireDefault(_autocomplete);\n\nvar _mapElementMixin = require('./components/mapElementMixin');\n\nvar _mapElementMixin2 = _interopRequireDefault(_mapElementMixin);\n\nvar _mapElementFactory = require('./components/mapElementFactory');\n\nvar _mapElementFactory2 = _interopRequireDefault(_mapElementFactory);\n\nvar _mountableMixin = require('./utils/mountableMixin');\n\nvar _mountableMixin2 = _interopRequireDefault(_mountableMixin);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\n// HACK: Cluster should be loaded conditionally\n// However in the web version, it's not possible to write\n// `import 'vue2-google-maps/src/components/cluster'`, so we need to\n// import it anyway (but we don't have to register it)\n// Therefore we use babel-plugin-transform-inline-environment-variables to\n// set BUILD_DEV to truthy / falsy\nvar Cluster = undefined;\n\nvar GmapApi = null;\n\n// export everything\nexports.loadGmapApi = _manager.loadGmapApi;\nexports.Marker = _marker2.default;\nexports.Polyline = _polyline2.default;\nexports.Polygon = _polygon2.default;\nexports.Circle = _circle2.default;\nexports.Cluster = Cluster;\nexports.Rectangle = _rectangle2.default;\nexports.InfoWindow = _infoWindow2.default;\nexports.Map = _map2.default;\nexports.PlaceInput = _placeInput2.default;\nexports.MapElementMixin = _mapElementMixin2.default;\nexports.MapElementFactory = _mapElementFactory2.default;\nexports.Autocomplete = _autocomplete2.default;\nexports.MountableMixin = _mountableMixin2.default;\nexports.StreetViewPanorama = _streetViewPanorama2.default;\nfunction install(Vue, options) {\n // Set defaults\n options = _extends({\n installComponents: true,\n autobindAllEvents: false\n }, options);\n\n // Update the global `GmapApi`. This will allow\n // components to use the `google` global reactively\n // via:\n // import {gmapApi} from 'vue2-google-maps'\n // export default { computed: { google: gmapApi } }\n GmapApi = new Vue({ data: { gmapApi: null } });\n\n var defaultResizeBus = new Vue();\n\n // Use a lazy to only load the API when\n // a VGM component is loaded\n var gmapApiPromiseLazy = makeGmapApiPromiseLazy(options);\n\n Vue.mixin({\n created: function created() {\n this.$gmapDefaultResizeBus = defaultResizeBus;\n this.$gmapOptions = options;\n this.$gmapApiPromiseLazy = gmapApiPromiseLazy;\n }\n });\n Vue.$gmapDefaultResizeBus = defaultResizeBus;\n Vue.$gmapApiPromiseLazy = gmapApiPromiseLazy;\n\n if (options.installComponents) {\n Vue.component('GmapMap', _map2.default);\n Vue.component('GmapMarker', _marker2.default);\n Vue.component('GmapInfoWindow', _infoWindow2.default);\n Vue.component('GmapPolyline', _polyline2.default);\n Vue.component('GmapPolygon', _polygon2.default);\n Vue.component('GmapCircle', _circle2.default);\n Vue.component('GmapRectangle', _rectangle2.default);\n Vue.component('GmapAutocomplete', _autocomplete2.default);\n Vue.component('GmapPlaceInput', _placeInput2.default);\n Vue.component('GmapStreetViewPanorama', _streetViewPanorama2.default);\n }\n}\n\nfunction makeGmapApiPromiseLazy(options) {\n // Things to do once the API is loaded\n function onApiLoaded() {\n GmapApi.gmapApi = {};\n return window.google;\n }\n\n if (options.load) {\n // If library should load the API\n return (0, _lazyValue2.default)(function () {\n // Load the\n // This will only be evaluated once\n if (typeof window === 'undefined') {\n // server side -- never resolve this promise\n return new Promise(function () {}).then(onApiLoaded);\n } else {\n return new Promise(function (resolve, reject) {\n try {\n window['vueGoogleMapsInit'] = resolve;\n (0, _manager.loadGmapApi)(options.load, options.loadCn);\n } catch (err) {\n reject(err);\n }\n }).then(onApiLoaded);\n }\n });\n } else {\n // If library should not handle API, provide\n // end-users with the global `vueGoogleMapsInit: () => undefined`\n // when the Google Maps API has been loaded\n var promise = new Promise(function (resolve) {\n if (typeof window === 'undefined') {\n // Do nothing if run from server-side\n return;\n }\n window['vueGoogleMapsInit'] = resolve;\n }).then(onApiLoaded);\n\n return (0, _lazyValue2.default)(function () {\n return promise;\n });\n }\n}\n\nfunction gmapApi() {\n return GmapApi.gmapApi && window.google;\n}","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _typeof = typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; };\n\nvar isApiSetUp = false;\n\n/**\n * @param apiKey API Key, or object with the URL parameters. For example\n * to use Google Maps Premium API, pass\n * `{ client:
}`.\n * You may pass the libraries and/or version (as `v`) parameter into\n * this parameter and skip the next two parameters\n * @param version Google Maps version\n * @param libraries Libraries to load (@see\n * https://developers.google.com/maps/documentation/javascript/libraries)\n * @param loadCn Boolean. If set to true, the map will be loaded from google maps China\n * (@see https://developers.google.com/maps/documentation/javascript/basics#GoogleMapsChina)\n *\n * Example:\n * ```\n * import {load} from 'vue-google-maps'\n *\n * load()\n *\n * load({\n * key: ,\n * })\n *\n * load({\n * client: ,\n * channel: \n * })\n * ```\n */\nvar loadGmapApi = exports.loadGmapApi = function (options, loadCn) {\n if (typeof document === 'undefined') {\n // Do nothing if run from server-side\n return;\n }\n if (!isApiSetUp) {\n isApiSetUp = true;\n\n var googleMapScript = document.createElement('SCRIPT');\n\n // Allow options to be an object.\n // This is to support more esoteric means of loading Google Maps,\n // such as Google for business\n // https://developers.google.com/maps/documentation/javascript/get-api-key#premium-auth\n if ((typeof options === 'undefined' ? 'undefined' : _typeof(options)) !== 'object') {\n throw new Error('options should be an object');\n }\n\n // libraries\n if (Array.prototype.isPrototypeOf(options.libraries)) {\n options.libraries = options.libraries.join(',');\n }\n options['callback'] = 'vueGoogleMapsInit';\n\n var baseUrl = 'https://maps.googleapis.com/';\n\n if (typeof loadCn === 'boolean' && loadCn === true) {\n baseUrl = 'https://maps.google.cn/';\n }\n\n var url = baseUrl + 'maps/api/js?' + Object.keys(options).map(function (key) {\n return encodeURIComponent(key) + '=' + encodeURIComponent(options[key]);\n }).join('&');\n\n googleMapScript.setAttribute('src', url);\n googleMapScript.setAttribute('async', '');\n googleMapScript.setAttribute('defer', '');\n document.head.appendChild(googleMapScript);\n } else {\n throw new Error('You already started the loading of google maps');\n }\n};","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = TwoWayBindingWrapper;\n/**\r\n * When you have two-way bindings, but the actual bound value will not equal\r\n * the value you initially passed in, then to avoid an infinite loop you\r\n * need to increment a counter every time you pass in a value, decrement the\r\n * same counter every time the bound value changed, but only bubble up\r\n * the event when the counter is zero.\r\n *\r\nExample:\r\n\r\nLet's say DrawingRecognitionCanvas is a deep-learning backed canvas\r\nthat, when given the name of an object (e.g. 'dog'), draws a dog.\r\nBut whenever the drawing on it changes, it also sends back its interpretation\r\nof the image by way of the @newObjectRecognized event.\r\n\r\n\r\n\r\n\r\nnew TwoWayBindingWrapper((increment, decrement, shouldUpdate) => {\r\n this.$watch('identifiedObject', () => {\r\n // new object passed in\r\n increment()\r\n })\r\n this.$deepLearningBackend.on('drawingChanged', () => {\r\n recognizeObject(this.$deepLearningBackend)\r\n .then((object) => {\r\n decrement()\r\n if (shouldUpdate()) {\r\n this.$emit('newObjectRecognized', object.name)\r\n }\r\n })\r\n })\r\n})\r\n */\nfunction TwoWayBindingWrapper(fn) {\n var counter = 0;\n\n fn(function () {\n counter += 1;\n }, function () {\n counter = Math.max(0, counter - 1);\n }, function () {\n return counter === 0;\n });\n}","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = WatchPrimitiveProperties;\n/**\r\n * Watch the individual properties of a PoD object, instead of the object\r\n * per se. This is different from a deep watch where both the reference\r\n * and the individual values are watched.\r\n *\r\n * In effect, it throttles the multiple $watch to execute at most once per tick.\r\n */\nfunction WatchPrimitiveProperties(vueInst, propertiesToTrack, handler) {\n var immediate = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;\n\n var isHandled = false;\n\n function requestHandle() {\n if (!isHandled) {\n isHandled = true;\n vueInst.$nextTick(function () {\n isHandled = false;\n handler();\n });\n }\n }\n\n var _iteratorNormalCompletion = true;\n var _didIteratorError = false;\n var _iteratorError = undefined;\n\n try {\n for (var _iterator = propertiesToTrack[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {\n var prop = _step.value;\n\n vueInst.$watch(prop, requestHandle, { immediate: immediate });\n }\n } catch (err) {\n _didIteratorError = true;\n _iteratorError = err;\n } finally {\n try {\n if (!_iteratorNormalCompletion && _iterator.return) {\n _iterator.return();\n }\n } finally {\n if (_didIteratorError) {\n throw _iteratorError;\n }\n }\n }\n}","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nexports.default = function (vueInst, googleMapsInst, events) {\n var _loop = function (eventName) {\n if (vueInst.$gmapOptions.autobindAllEvents || vueInst.$listeners[eventName]) {\n googleMapsInst.addListener(eventName, function (ev) {\n vueInst.$emit(eventName, ev);\n });\n }\n };\n\n var _iteratorNormalCompletion = true;\n var _didIteratorError = false;\n var _iteratorError = undefined;\n\n try {\n for (var _iterator = events[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {\n var eventName = _step.value;\n\n _loop(eventName);\n }\n } catch (err) {\n _didIteratorError = true;\n _iteratorError = err;\n } finally {\n try {\n if (!_iteratorNormalCompletion && _iterator.return) {\n _iterator.return();\n }\n } finally {\n if (_didIteratorError) {\n throw _iteratorError;\n }\n }\n }\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.getPropsValues = getPropsValues;\nexports.bindProps = bindProps;\n\nvar _WatchPrimitiveProperties = require('../utils/WatchPrimitiveProperties');\n\nvar _WatchPrimitiveProperties2 = _interopRequireDefault(_WatchPrimitiveProperties);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction capitalizeFirstLetter(string) {\n return string.charAt(0).toUpperCase() + string.slice(1);\n}\n\nfunction getPropsValues(vueInst, props) {\n return Object.keys(props).reduce(function (acc, prop) {\n if (vueInst[prop] !== undefined) {\n acc[prop] = vueInst[prop];\n }\n return acc;\n }, {});\n}\n\n/**\n * Binds the properties defined in props to the google maps instance.\n * If the prop is an Object type, and we wish to track the properties\n * of the object (e.g. the lat and lng of a LatLng), then we do a deep\n * watch. For deep watch, we also prevent the _changed event from being\n * emitted if the data source was external.\n */\nfunction bindProps(vueInst, googleMapsInst, props) {\n var _loop = function (attribute) {\n var _props$attribute = props[attribute],\n twoWay = _props$attribute.twoWay,\n type = _props$attribute.type,\n trackProperties = _props$attribute.trackProperties,\n noBind = _props$attribute.noBind;\n\n\n if (noBind) return 'continue';\n\n var setMethodName = 'set' + capitalizeFirstLetter(attribute);\n var getMethodName = 'get' + capitalizeFirstLetter(attribute);\n var eventName = attribute.toLowerCase() + '_changed';\n var initialValue = vueInst[attribute];\n\n if (typeof googleMapsInst[setMethodName] === 'undefined') {\n throw new Error(setMethodName + ' is not a method of (the Maps object corresponding to) ' + vueInst.$options._componentTag);\n }\n\n // We need to avoid an endless\n // propChanged -> event emitted -> propChanged -> event emitted loop\n // although this may really be the user's responsibility\n if (type !== Object || !trackProperties) {\n // Track the object deeply\n vueInst.$watch(attribute, function () {\n var attributeValue = vueInst[attribute];\n\n googleMapsInst[setMethodName](attributeValue);\n }, {\n immediate: typeof initialValue !== 'undefined',\n deep: type === Object\n });\n } else {\n (0, _WatchPrimitiveProperties2.default)(vueInst, trackProperties.map(function (prop) {\n return attribute + '.' + prop;\n }), function () {\n googleMapsInst[setMethodName](vueInst[attribute]);\n }, vueInst[attribute] !== undefined);\n }\n\n if (twoWay && (vueInst.$gmapOptions.autobindAllEvents || vueInst.$listeners[eventName])) {\n googleMapsInst.addListener(eventName, function () {\n // eslint-disable-line no-unused-vars\n vueInst.$emit(eventName, googleMapsInst[getMethodName]());\n });\n }\n };\n\n for (var attribute in props) {\n var _ret = _loop(attribute);\n\n if (_ret === 'continue') continue;\n }\n}","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\n// This piece of code was orignally written by sindresorhus and can be seen here\n// https://github.com/sindresorhus/lazy-value/blob/master/index.js\n\nexports.default = function (fn) {\n var called = false;\n var ret = void 0;\n\n return function () {\n if (!called) {\n called = true;\n ret = fn();\n }\n\n return ret;\n };\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n/*\nMixin for objects that are mounted by Google Maps\nJavascript API.\n\nThese are objects that are sensitive to element resize\noperations so it exposes a property which accepts a bus\n\n*/\n\nexports.default = {\n props: ['resizeBus'],\n\n data: function data() {\n return {\n _actualResizeBus: null\n };\n },\n created: function created() {\n if (typeof this.resizeBus === 'undefined') {\n this.$data._actualResizeBus = this.$gmapDefaultResizeBus;\n } else {\n this.$data._actualResizeBus = this.resizeBus;\n }\n },\n\n\n methods: {\n _resizeCallback: function _resizeCallback() {\n this.resize();\n },\n _delayedResizeCallback: function _delayedResizeCallback() {\n var _this = this;\n\n this.$nextTick(function () {\n return _this._resizeCallback();\n });\n }\n },\n\n watch: {\n resizeBus: function resizeBus(newVal) {\n // eslint-disable-line no-unused-vars\n this.$data._actualResizeBus = newVal;\n },\n '$data._actualResizeBus': function $data_actualResizeBus(newVal, oldVal) {\n if (oldVal) {\n oldVal.$off('resize', this._delayedResizeCallback);\n }\n if (newVal) {\n newVal.$on('resize', this._delayedResizeCallback);\n }\n }\n },\n\n destroyed: function destroyed() {\n if (this.$data._actualResizeBus) {\n this.$data._actualResizeBus.$off('resize', this._delayedResizeCallback);\n }\n }\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\n// This piece of code was orignally written by amirnissim and can be seen here\n// http://stackoverflow.com/a/11703018/2694653\n// This has been ported to Vanilla.js by GuillaumeLeclerc\nexports.default = function (input) {\n var _addEventListener = input.addEventListener ? input.addEventListener : input.attachEvent;\n\n function addEventListenerWrapper(type, listener) {\n // Simulate a 'down arrow' keypress on hitting 'return' when no pac suggestion is selected,\n // and then trigger the original listener.\n if (type === 'keydown') {\n var origListener = listener;\n listener = function (event) {\n var suggestionSelected = document.getElementsByClassName('pac-item-selected').length > 0;\n if (event.which === 13 && !suggestionSelected) {\n var simulatedEvent = document.createEvent('Event');\n simulatedEvent.keyCode = 40;\n simulatedEvent.which = 40;\n origListener.apply(input, [simulatedEvent]);\n }\n origListener.apply(input, [event]);\n };\n }\n _addEventListener.apply(input, [type, listener]);\n }\n\n input.addEventListener = addEventListenerWrapper;\n input.attachEvent = addEventListenerWrapper;\n};","/*!\n * Vue.js v2.6.14\n * (c) 2014-2021 Evan You\n * Released under the MIT License.\n */\n/* */\n\nvar emptyObject = Object.freeze({});\n\n// These helpers produce better VM code in JS engines due to their\n// explicitness and function inlining.\nfunction isUndef (v) {\n return v === undefined || v === null\n}\n\nfunction isDef (v) {\n return v !== undefined && v !== null\n}\n\nfunction isTrue (v) {\n return v === true\n}\n\nfunction isFalse (v) {\n return v === false\n}\n\n/**\n * Check if value is primitive.\n */\nfunction isPrimitive (value) {\n return (\n typeof value === 'string' ||\n typeof value === 'number' ||\n // $flow-disable-line\n typeof value === 'symbol' ||\n typeof value === 'boolean'\n )\n}\n\n/**\n * Quick object check - this is primarily used to tell\n * Objects from primitive values when we know the value\n * is a JSON-compliant type.\n */\nfunction isObject (obj) {\n return obj !== null && typeof obj === 'object'\n}\n\n/**\n * Get the raw type string of a value, e.g., [object Object].\n */\nvar _toString = Object.prototype.toString;\n\nfunction toRawType (value) {\n return _toString.call(value).slice(8, -1)\n}\n\n/**\n * Strict object type check. Only returns true\n * for plain JavaScript objects.\n */\nfunction isPlainObject (obj) {\n return _toString.call(obj) === '[object Object]'\n}\n\nfunction isRegExp (v) {\n return _toString.call(v) === '[object RegExp]'\n}\n\n/**\n * Check if val is a valid array index.\n */\nfunction isValidArrayIndex (val) {\n var n = parseFloat(String(val));\n return n >= 0 && Math.floor(n) === n && isFinite(val)\n}\n\nfunction isPromise (val) {\n return (\n isDef(val) &&\n typeof val.then === 'function' &&\n typeof val.catch === 'function'\n )\n}\n\n/**\n * Convert a value to a string that is actually rendered.\n */\nfunction toString (val) {\n return val == null\n ? ''\n : Array.isArray(val) || (isPlainObject(val) && val.toString === _toString)\n ? JSON.stringify(val, null, 2)\n : String(val)\n}\n\n/**\n * Convert an input value to a number for persistence.\n * If the conversion fails, return original string.\n */\nfunction toNumber (val) {\n var n = parseFloat(val);\n return isNaN(n) ? val : n\n}\n\n/**\n * Make a map and return a function for checking if a key\n * is in that map.\n */\nfunction makeMap (\n str,\n expectsLowerCase\n) {\n var map = Object.create(null);\n var list = str.split(',');\n for (var i = 0; i < list.length; i++) {\n map[list[i]] = true;\n }\n return expectsLowerCase\n ? function (val) { return map[val.toLowerCase()]; }\n : function (val) { return map[val]; }\n}\n\n/**\n * Check if a tag is a built-in tag.\n */\nvar isBuiltInTag = makeMap('slot,component', true);\n\n/**\n * Check if an attribute is a reserved attribute.\n */\nvar isReservedAttribute = makeMap('key,ref,slot,slot-scope,is');\n\n/**\n * Remove an item from an array.\n */\nfunction remove (arr, item) {\n if (arr.length) {\n var index = arr.indexOf(item);\n if (index > -1) {\n return arr.splice(index, 1)\n }\n }\n}\n\n/**\n * Check whether an object has the property.\n */\nvar hasOwnProperty = Object.prototype.hasOwnProperty;\nfunction hasOwn (obj, key) {\n return hasOwnProperty.call(obj, key)\n}\n\n/**\n * Create a cached version of a pure function.\n */\nfunction cached (fn) {\n var cache = Object.create(null);\n return (function cachedFn (str) {\n var hit = cache[str];\n return hit || (cache[str] = fn(str))\n })\n}\n\n/**\n * Camelize a hyphen-delimited string.\n */\nvar camelizeRE = /-(\\w)/g;\nvar camelize = cached(function (str) {\n return str.replace(camelizeRE, function (_, c) { return c ? c.toUpperCase() : ''; })\n});\n\n/**\n * Capitalize a string.\n */\nvar capitalize = cached(function (str) {\n return str.charAt(0).toUpperCase() + str.slice(1)\n});\n\n/**\n * Hyphenate a camelCase string.\n */\nvar hyphenateRE = /\\B([A-Z])/g;\nvar hyphenate = cached(function (str) {\n return str.replace(hyphenateRE, '-$1').toLowerCase()\n});\n\n/**\n * Simple bind polyfill for environments that do not support it,\n * e.g., PhantomJS 1.x. Technically, we don't need this anymore\n * since native bind is now performant enough in most browsers.\n * But removing it would mean breaking code that was able to run in\n * PhantomJS 1.x, so this must be kept for backward compatibility.\n */\n\n/* istanbul ignore next */\nfunction polyfillBind (fn, ctx) {\n function boundFn (a) {\n var l = arguments.length;\n return l\n ? l > 1\n ? fn.apply(ctx, arguments)\n : fn.call(ctx, a)\n : fn.call(ctx)\n }\n\n boundFn._length = fn.length;\n return boundFn\n}\n\nfunction nativeBind (fn, ctx) {\n return fn.bind(ctx)\n}\n\nvar bind = Function.prototype.bind\n ? nativeBind\n : polyfillBind;\n\n/**\n * Convert an Array-like object to a real Array.\n */\nfunction toArray (list, start) {\n start = start || 0;\n var i = list.length - start;\n var ret = new Array(i);\n while (i--) {\n ret[i] = list[i + start];\n }\n return ret\n}\n\n/**\n * Mix properties into target object.\n */\nfunction extend (to, _from) {\n for (var key in _from) {\n to[key] = _from[key];\n }\n return to\n}\n\n/**\n * Merge an Array of Objects into a single Object.\n */\nfunction toObject (arr) {\n var res = {};\n for (var i = 0; i < arr.length; i++) {\n if (arr[i]) {\n extend(res, arr[i]);\n }\n }\n return res\n}\n\n/* eslint-disable no-unused-vars */\n\n/**\n * Perform no operation.\n * Stubbing args to make Flow happy without leaving useless transpiled code\n * with ...rest (https://flow.org/blog/2017/05/07/Strict-Function-Call-Arity/).\n */\nfunction noop (a, b, c) {}\n\n/**\n * Always return false.\n */\nvar no = function (a, b, c) { return false; };\n\n/* eslint-enable no-unused-vars */\n\n/**\n * Return the same value.\n */\nvar identity = function (_) { return _; };\n\n/**\n * Check if two values are loosely equal - that is,\n * if they are plain objects, do they have the same shape?\n */\nfunction looseEqual (a, b) {\n if (a === b) { return true }\n var isObjectA = isObject(a);\n var isObjectB = isObject(b);\n if (isObjectA && isObjectB) {\n try {\n var isArrayA = Array.isArray(a);\n var isArrayB = Array.isArray(b);\n if (isArrayA && isArrayB) {\n return a.length === b.length && a.every(function (e, i) {\n return looseEqual(e, b[i])\n })\n } else if (a instanceof Date && b instanceof Date) {\n return a.getTime() === b.getTime()\n } else if (!isArrayA && !isArrayB) {\n var keysA = Object.keys(a);\n var keysB = Object.keys(b);\n return keysA.length === keysB.length && keysA.every(function (key) {\n return looseEqual(a[key], b[key])\n })\n } else {\n /* istanbul ignore next */\n return false\n }\n } catch (e) {\n /* istanbul ignore next */\n return false\n }\n } else if (!isObjectA && !isObjectB) {\n return String(a) === String(b)\n } else {\n return false\n }\n}\n\n/**\n * Return the first index at which a loosely equal value can be\n * found in the array (if value is a plain object, the array must\n * contain an object of the same shape), or -1 if it is not present.\n */\nfunction looseIndexOf (arr, val) {\n for (var i = 0; i < arr.length; i++) {\n if (looseEqual(arr[i], val)) { return i }\n }\n return -1\n}\n\n/**\n * Ensure a function is called only once.\n */\nfunction once (fn) {\n var called = false;\n return function () {\n if (!called) {\n called = true;\n fn.apply(this, arguments);\n }\n }\n}\n\nvar SSR_ATTR = 'data-server-rendered';\n\nvar ASSET_TYPES = [\n 'component',\n 'directive',\n 'filter'\n];\n\nvar LIFECYCLE_HOOKS = [\n 'beforeCreate',\n 'created',\n 'beforeMount',\n 'mounted',\n 'beforeUpdate',\n 'updated',\n 'beforeDestroy',\n 'destroyed',\n 'activated',\n 'deactivated',\n 'errorCaptured',\n 'serverPrefetch'\n];\n\n/* */\n\n\n\nvar config = ({\n /**\n * Option merge strategies (used in core/util/options)\n */\n // $flow-disable-line\n optionMergeStrategies: Object.create(null),\n\n /**\n * Whether to suppress warnings.\n */\n silent: false,\n\n /**\n * Show production mode tip message on boot?\n */\n productionTip: process.env.NODE_ENV !== 'production',\n\n /**\n * Whether to enable devtools\n */\n devtools: process.env.NODE_ENV !== 'production',\n\n /**\n * Whether to record perf\n */\n performance: false,\n\n /**\n * Error handler for watcher errors\n */\n errorHandler: null,\n\n /**\n * Warn handler for watcher warns\n */\n warnHandler: null,\n\n /**\n * Ignore certain custom elements\n */\n ignoredElements: [],\n\n /**\n * Custom user key aliases for v-on\n */\n // $flow-disable-line\n keyCodes: Object.create(null),\n\n /**\n * Check if a tag is reserved so that it cannot be registered as a\n * component. This is platform-dependent and may be overwritten.\n */\n isReservedTag: no,\n\n /**\n * Check if an attribute is reserved so that it cannot be used as a component\n * prop. This is platform-dependent and may be overwritten.\n */\n isReservedAttr: no,\n\n /**\n * Check if a tag is an unknown element.\n * Platform-dependent.\n */\n isUnknownElement: no,\n\n /**\n * Get the namespace of an element\n */\n getTagNamespace: noop,\n\n /**\n * Parse the real tag name for the specific platform.\n */\n parsePlatformTagName: identity,\n\n /**\n * Check if an attribute must be bound using property, e.g. value\n * Platform-dependent.\n */\n mustUseProp: no,\n\n /**\n * Perform updates asynchronously. Intended to be used by Vue Test Utils\n * This will significantly reduce performance if set to false.\n */\n async: true,\n\n /**\n * Exposed for legacy reasons\n */\n _lifecycleHooks: LIFECYCLE_HOOKS\n});\n\n/* */\n\n/**\n * unicode letters used for parsing html tags, component names and property paths.\n * using https://www.w3.org/TR/html53/semantics-scripting.html#potentialcustomelementname\n * skipping \\u10000-\\uEFFFF due to it freezing up PhantomJS\n */\nvar 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/;\n\n/**\n * Check if a string starts with $ or _\n */\nfunction isReserved (str) {\n var c = (str + '').charCodeAt(0);\n return c === 0x24 || c === 0x5F\n}\n\n/**\n * Define a property.\n */\nfunction def (obj, key, val, enumerable) {\n Object.defineProperty(obj, key, {\n value: val,\n enumerable: !!enumerable,\n writable: true,\n configurable: true\n });\n}\n\n/**\n * Parse simple path.\n */\nvar bailRE = new RegExp((\"[^\" + (unicodeRegExp.source) + \".$_\\\\d]\"));\nfunction parsePath (path) {\n if (bailRE.test(path)) {\n return\n }\n var segments = path.split('.');\n return function (obj) {\n for (var i = 0; i < segments.length; i++) {\n if (!obj) { return }\n obj = obj[segments[i]];\n }\n return obj\n }\n}\n\n/* */\n\n// can we use __proto__?\nvar hasProto = '__proto__' in {};\n\n// Browser environment sniffing\nvar inBrowser = typeof window !== 'undefined';\nvar inWeex = typeof WXEnvironment !== 'undefined' && !!WXEnvironment.platform;\nvar weexPlatform = inWeex && WXEnvironment.platform.toLowerCase();\nvar UA = inBrowser && window.navigator.userAgent.toLowerCase();\nvar isIE = UA && /msie|trident/.test(UA);\nvar isIE9 = UA && UA.indexOf('msie 9.0') > 0;\nvar isEdge = UA && UA.indexOf('edge/') > 0;\nvar isAndroid = (UA && UA.indexOf('android') > 0) || (weexPlatform === 'android');\nvar isIOS = (UA && /iphone|ipad|ipod|ios/.test(UA)) || (weexPlatform === 'ios');\nvar isChrome = UA && /chrome\\/\\d+/.test(UA) && !isEdge;\nvar isPhantomJS = UA && /phantomjs/.test(UA);\nvar isFF = UA && UA.match(/firefox\\/(\\d+)/);\n\n// Firefox has a \"watch\" function on Object.prototype...\nvar nativeWatch = ({}).watch;\n\nvar supportsPassive = false;\nif (inBrowser) {\n try {\n var opts = {};\n Object.defineProperty(opts, 'passive', ({\n get: function get () {\n /* istanbul ignore next */\n supportsPassive = true;\n }\n })); // https://github.com/facebook/flow/issues/285\n window.addEventListener('test-passive', null, opts);\n } catch (e) {}\n}\n\n// this needs to be lazy-evaled because vue may be required before\n// vue-server-renderer can set VUE_ENV\nvar _isServer;\nvar isServerRendering = function () {\n if (_isServer === undefined) {\n /* istanbul ignore if */\n if (!inBrowser && !inWeex && typeof global !== 'undefined') {\n // detect presence of vue-server-renderer and avoid\n // Webpack shimming the process\n _isServer = global['process'] && global['process'].env.VUE_ENV === 'server';\n } else {\n _isServer = false;\n }\n }\n return _isServer\n};\n\n// detect devtools\nvar devtools = inBrowser && window.__VUE_DEVTOOLS_GLOBAL_HOOK__;\n\n/* istanbul ignore next */\nfunction isNative (Ctor) {\n return typeof Ctor === 'function' && /native code/.test(Ctor.toString())\n}\n\nvar hasSymbol =\n typeof Symbol !== 'undefined' && isNative(Symbol) &&\n typeof Reflect !== 'undefined' && isNative(Reflect.ownKeys);\n\nvar _Set;\n/* istanbul ignore if */ // $flow-disable-line\nif (typeof Set !== 'undefined' && isNative(Set)) {\n // use native Set when available.\n _Set = Set;\n} else {\n // a non-standard Set polyfill that only works with primitive keys.\n _Set = /*@__PURE__*/(function () {\n function Set () {\n this.set = Object.create(null);\n }\n Set.prototype.has = function has (key) {\n return this.set[key] === true\n };\n Set.prototype.add = function add (key) {\n this.set[key] = true;\n };\n Set.prototype.clear = function clear () {\n this.set = Object.create(null);\n };\n\n return Set;\n }());\n}\n\n/* */\n\nvar warn = noop;\nvar tip = noop;\nvar generateComponentTrace = (noop); // work around flow check\nvar formatComponentName = (noop);\n\nif (process.env.NODE_ENV !== 'production') {\n var hasConsole = typeof console !== 'undefined';\n var classifyRE = /(?:^|[-_])(\\w)/g;\n var classify = function (str) { return str\n .replace(classifyRE, function (c) { return c.toUpperCase(); })\n .replace(/[-_]/g, ''); };\n\n warn = function (msg, vm) {\n var trace = vm ? generateComponentTrace(vm) : '';\n\n if (config.warnHandler) {\n config.warnHandler.call(null, msg, vm, trace);\n } else if (hasConsole && (!config.silent)) {\n console.error((\"[Vue warn]: \" + msg + trace));\n }\n };\n\n tip = function (msg, vm) {\n if (hasConsole && (!config.silent)) {\n console.warn(\"[Vue tip]: \" + msg + (\n vm ? generateComponentTrace(vm) : ''\n ));\n }\n };\n\n formatComponentName = function (vm, includeFile) {\n if (vm.$root === vm) {\n return ''\n }\n var options = typeof vm === 'function' && vm.cid != null\n ? vm.options\n : vm._isVue\n ? vm.$options || vm.constructor.options\n : vm;\n var name = options.name || options._componentTag;\n var file = options.__file;\n if (!name && file) {\n var match = file.match(/([^/\\\\]+)\\.vue$/);\n name = match && match[1];\n }\n\n return (\n (name ? (\"<\" + (classify(name)) + \">\") : \"\") +\n (file && includeFile !== false ? (\" at \" + file) : '')\n )\n };\n\n var repeat = function (str, n) {\n var res = '';\n while (n) {\n if (n % 2 === 1) { res += str; }\n if (n > 1) { str += str; }\n n >>= 1;\n }\n return res\n };\n\n generateComponentTrace = function (vm) {\n if (vm._isVue && vm.$parent) {\n var tree = [];\n var currentRecursiveSequence = 0;\n while (vm) {\n if (tree.length > 0) {\n var last = tree[tree.length - 1];\n if (last.constructor === vm.constructor) {\n currentRecursiveSequence++;\n vm = vm.$parent;\n continue\n } else if (currentRecursiveSequence > 0) {\n tree[tree.length - 1] = [last, currentRecursiveSequence];\n currentRecursiveSequence = 0;\n }\n }\n tree.push(vm);\n vm = vm.$parent;\n }\n return '\\n\\nfound in\\n\\n' + tree\n .map(function (vm, i) { return (\"\" + (i === 0 ? '---> ' : repeat(' ', 5 + i * 2)) + (Array.isArray(vm)\n ? ((formatComponentName(vm[0])) + \"... (\" + (vm[1]) + \" recursive calls)\")\n : formatComponentName(vm))); })\n .join('\\n')\n } else {\n return (\"\\n\\n(found in \" + (formatComponentName(vm)) + \")\")\n }\n };\n}\n\n/* */\n\nvar uid = 0;\n\n/**\n * A dep is an observable that can have multiple\n * directives subscribing to it.\n */\nvar Dep = function Dep () {\n this.id = uid++;\n this.subs = [];\n};\n\nDep.prototype.addSub = function addSub (sub) {\n this.subs.push(sub);\n};\n\nDep.prototype.removeSub = function removeSub (sub) {\n remove(this.subs, sub);\n};\n\nDep.prototype.depend = function depend () {\n if (Dep.target) {\n Dep.target.addDep(this);\n }\n};\n\nDep.prototype.notify = function notify () {\n // stabilize the subscriber list first\n var subs = this.subs.slice();\n if (process.env.NODE_ENV !== 'production' && !config.async) {\n // subs aren't sorted in scheduler if not running async\n // we need to sort them now to make sure they fire in correct\n // order\n subs.sort(function (a, b) { return a.id - b.id; });\n }\n for (var i = 0, l = subs.length; i < l; i++) {\n subs[i].update();\n }\n};\n\n// The current target watcher being evaluated.\n// This is globally unique because only one watcher\n// can be evaluated at a time.\nDep.target = null;\nvar targetStack = [];\n\nfunction pushTarget (target) {\n targetStack.push(target);\n Dep.target = target;\n}\n\nfunction popTarget () {\n targetStack.pop();\n Dep.target = targetStack[targetStack.length - 1];\n}\n\n/* */\n\nvar VNode = function VNode (\n tag,\n data,\n children,\n text,\n elm,\n context,\n componentOptions,\n asyncFactory\n) {\n this.tag = tag;\n this.data = data;\n this.children = children;\n this.text = text;\n this.elm = elm;\n this.ns = undefined;\n this.context = context;\n this.fnContext = undefined;\n this.fnOptions = undefined;\n this.fnScopeId = undefined;\n this.key = data && data.key;\n this.componentOptions = componentOptions;\n this.componentInstance = undefined;\n this.parent = undefined;\n this.raw = false;\n this.isStatic = false;\n this.isRootInsert = true;\n this.isComment = false;\n this.isCloned = false;\n this.isOnce = false;\n this.asyncFactory = asyncFactory;\n this.asyncMeta = undefined;\n this.isAsyncPlaceholder = false;\n};\n\nvar prototypeAccessors = { child: { configurable: true } };\n\n// DEPRECATED: alias for componentInstance for backwards compat.\n/* istanbul ignore next */\nprototypeAccessors.child.get = function () {\n return this.componentInstance\n};\n\nObject.defineProperties( VNode.prototype, prototypeAccessors );\n\nvar createEmptyVNode = function (text) {\n if ( text === void 0 ) text = '';\n\n var node = new VNode();\n node.text = text;\n node.isComment = true;\n return node\n};\n\nfunction createTextVNode (val) {\n return new VNode(undefined, undefined, undefined, String(val))\n}\n\n// optimized shallow clone\n// used for static nodes and slot nodes because they may be reused across\n// multiple renders, cloning them avoids errors when DOM manipulations rely\n// on their elm reference.\nfunction cloneVNode (vnode) {\n var cloned = new VNode(\n vnode.tag,\n vnode.data,\n // #7975\n // clone children array to avoid mutating original in case of cloning\n // a child.\n vnode.children && vnode.children.slice(),\n vnode.text,\n vnode.elm,\n vnode.context,\n vnode.componentOptions,\n vnode.asyncFactory\n );\n cloned.ns = vnode.ns;\n cloned.isStatic = vnode.isStatic;\n cloned.key = vnode.key;\n cloned.isComment = vnode.isComment;\n cloned.fnContext = vnode.fnContext;\n cloned.fnOptions = vnode.fnOptions;\n cloned.fnScopeId = vnode.fnScopeId;\n cloned.asyncMeta = vnode.asyncMeta;\n cloned.isCloned = true;\n return cloned\n}\n\n/*\n * not type checking this file because flow doesn't play well with\n * dynamically accessing methods on Array prototype\n */\n\nvar arrayProto = Array.prototype;\nvar arrayMethods = Object.create(arrayProto);\n\nvar methodsToPatch = [\n 'push',\n 'pop',\n 'shift',\n 'unshift',\n 'splice',\n 'sort',\n 'reverse'\n];\n\n/**\n * Intercept mutating methods and emit events\n */\nmethodsToPatch.forEach(function (method) {\n // cache original method\n var original = arrayProto[method];\n def(arrayMethods, method, function mutator () {\n var args = [], len = arguments.length;\n while ( len-- ) args[ len ] = arguments[ len ];\n\n var result = original.apply(this, args);\n var ob = this.__ob__;\n var inserted;\n switch (method) {\n case 'push':\n case 'unshift':\n inserted = args;\n break\n case 'splice':\n inserted = args.slice(2);\n break\n }\n if (inserted) { ob.observeArray(inserted); }\n // notify change\n ob.dep.notify();\n return result\n });\n});\n\n/* */\n\nvar arrayKeys = Object.getOwnPropertyNames(arrayMethods);\n\n/**\n * In some cases we may want to disable observation inside a component's\n * update computation.\n */\nvar shouldObserve = true;\n\nfunction toggleObserving (value) {\n shouldObserve = value;\n}\n\n/**\n * Observer class that is attached to each observed\n * object. Once attached, the observer converts the target\n * object's property keys into getter/setters that\n * collect dependencies and dispatch updates.\n */\nvar Observer = function Observer (value) {\n this.value = value;\n this.dep = new Dep();\n this.vmCount = 0;\n def(value, '__ob__', this);\n if (Array.isArray(value)) {\n if (hasProto) {\n protoAugment(value, arrayMethods);\n } else {\n copyAugment(value, arrayMethods, arrayKeys);\n }\n this.observeArray(value);\n } else {\n this.walk(value);\n }\n};\n\n/**\n * Walk through all properties and convert them into\n * getter/setters. This method should only be called when\n * value type is Object.\n */\nObserver.prototype.walk = function walk (obj) {\n var keys = Object.keys(obj);\n for (var i = 0; i < keys.length; i++) {\n defineReactive$$1(obj, keys[i]);\n }\n};\n\n/**\n * Observe a list of Array items.\n */\nObserver.prototype.observeArray = function observeArray (items) {\n for (var i = 0, l = items.length; i < l; i++) {\n observe(items[i]);\n }\n};\n\n// helpers\n\n/**\n * Augment a target Object or Array by intercepting\n * the prototype chain using __proto__\n */\nfunction protoAugment (target, src) {\n /* eslint-disable no-proto */\n target.__proto__ = src;\n /* eslint-enable no-proto */\n}\n\n/**\n * Augment a target Object or Array by defining\n * hidden properties.\n */\n/* istanbul ignore next */\nfunction copyAugment (target, src, keys) {\n for (var i = 0, l = keys.length; i < l; i++) {\n var key = keys[i];\n def(target, key, src[key]);\n }\n}\n\n/**\n * Attempt to create an observer instance for a value,\n * returns the new observer if successfully observed,\n * or the existing observer if the value already has one.\n */\nfunction observe (value, asRootData) {\n if (!isObject(value) || value instanceof VNode) {\n return\n }\n var ob;\n if (hasOwn(value, '__ob__') && value.__ob__ instanceof Observer) {\n ob = value.__ob__;\n } else if (\n shouldObserve &&\n !isServerRendering() &&\n (Array.isArray(value) || isPlainObject(value)) &&\n Object.isExtensible(value) &&\n !value._isVue\n ) {\n ob = new Observer(value);\n }\n if (asRootData && ob) {\n ob.vmCount++;\n }\n return ob\n}\n\n/**\n * Define a reactive property on an Object.\n */\nfunction defineReactive$$1 (\n obj,\n key,\n val,\n customSetter,\n shallow\n) {\n var dep = new Dep();\n\n var property = Object.getOwnPropertyDescriptor(obj, key);\n if (property && property.configurable === false) {\n return\n }\n\n // cater for pre-defined getter/setters\n var getter = property && property.get;\n var setter = property && property.set;\n if ((!getter || setter) && arguments.length === 2) {\n val = obj[key];\n }\n\n var childOb = !shallow && observe(val);\n Object.defineProperty(obj, key, {\n enumerable: true,\n configurable: true,\n get: function reactiveGetter () {\n var value = getter ? getter.call(obj) : val;\n if (Dep.target) {\n dep.depend();\n if (childOb) {\n childOb.dep.depend();\n if (Array.isArray(value)) {\n dependArray(value);\n }\n }\n }\n return value\n },\n set: function reactiveSetter (newVal) {\n var value = getter ? getter.call(obj) : val;\n /* eslint-disable no-self-compare */\n if (newVal === value || (newVal !== newVal && value !== value)) {\n return\n }\n /* eslint-enable no-self-compare */\n if (process.env.NODE_ENV !== 'production' && customSetter) {\n customSetter();\n }\n // #7981: for accessor properties without setter\n if (getter && !setter) { return }\n if (setter) {\n setter.call(obj, newVal);\n } else {\n val = newVal;\n }\n childOb = !shallow && observe(newVal);\n dep.notify();\n }\n });\n}\n\n/**\n * Set a property on an object. Adds the new property and\n * triggers change notification if the property doesn't\n * already exist.\n */\nfunction set (target, key, val) {\n if (process.env.NODE_ENV !== 'production' &&\n (isUndef(target) || isPrimitive(target))\n ) {\n warn((\"Cannot set reactive property on undefined, null, or primitive value: \" + ((target))));\n }\n if (Array.isArray(target) && isValidArrayIndex(key)) {\n target.length = Math.max(target.length, key);\n target.splice(key, 1, val);\n return val\n }\n if (key in target && !(key in Object.prototype)) {\n target[key] = val;\n return val\n }\n var ob = (target).__ob__;\n if (target._isVue || (ob && ob.vmCount)) {\n process.env.NODE_ENV !== 'production' && warn(\n 'Avoid adding reactive properties to a Vue instance or its root $data ' +\n 'at runtime - declare it upfront in the data option.'\n );\n return val\n }\n if (!ob) {\n target[key] = val;\n return val\n }\n defineReactive$$1(ob.value, key, val);\n ob.dep.notify();\n return val\n}\n\n/**\n * Delete a property and trigger change if necessary.\n */\nfunction del (target, key) {\n if (process.env.NODE_ENV !== 'production' &&\n (isUndef(target) || isPrimitive(target))\n ) {\n warn((\"Cannot delete reactive property on undefined, null, or primitive value: \" + ((target))));\n }\n if (Array.isArray(target) && isValidArrayIndex(key)) {\n target.splice(key, 1);\n return\n }\n var ob = (target).__ob__;\n if (target._isVue || (ob && ob.vmCount)) {\n process.env.NODE_ENV !== 'production' && warn(\n 'Avoid deleting properties on a Vue instance or its root $data ' +\n '- just set it to null.'\n );\n return\n }\n if (!hasOwn(target, key)) {\n return\n }\n delete target[key];\n if (!ob) {\n return\n }\n ob.dep.notify();\n}\n\n/**\n * Collect dependencies on array elements when the array is touched, since\n * we cannot intercept array element access like property getters.\n */\nfunction dependArray (value) {\n for (var e = (void 0), i = 0, l = value.length; i < l; i++) {\n e = value[i];\n e && e.__ob__ && e.__ob__.dep.depend();\n if (Array.isArray(e)) {\n dependArray(e);\n }\n }\n}\n\n/* */\n\n/**\n * Option overwriting strategies are functions that handle\n * how to merge a parent option value and a child option\n * value into the final value.\n */\nvar strats = config.optionMergeStrategies;\n\n/**\n * Options with restrictions\n */\nif (process.env.NODE_ENV !== 'production') {\n strats.el = strats.propsData = function (parent, child, vm, key) {\n if (!vm) {\n warn(\n \"option \\\"\" + key + \"\\\" can only be used during instance \" +\n 'creation with the `new` keyword.'\n );\n }\n return defaultStrat(parent, child)\n };\n}\n\n/**\n * Helper that recursively merges two data objects together.\n */\nfunction mergeData (to, from) {\n if (!from) { return to }\n var key, toVal, fromVal;\n\n var keys = hasSymbol\n ? Reflect.ownKeys(from)\n : Object.keys(from);\n\n for (var i = 0; i < keys.length; i++) {\n key = keys[i];\n // in case the object is already observed...\n if (key === '__ob__') { continue }\n toVal = to[key];\n fromVal = from[key];\n if (!hasOwn(to, key)) {\n set(to, key, fromVal);\n } else if (\n toVal !== fromVal &&\n isPlainObject(toVal) &&\n isPlainObject(fromVal)\n ) {\n mergeData(toVal, fromVal);\n }\n }\n return to\n}\n\n/**\n * Data\n */\nfunction mergeDataOrFn (\n parentVal,\n childVal,\n vm\n) {\n if (!vm) {\n // in a Vue.extend merge, both should be functions\n if (!childVal) {\n return parentVal\n }\n if (!parentVal) {\n return childVal\n }\n // when parentVal & childVal are both present,\n // we need to return a function that returns the\n // merged result of both functions... no need to\n // check if parentVal is a function here because\n // it has to be a function to pass previous merges.\n return function mergedDataFn () {\n return mergeData(\n typeof childVal === 'function' ? childVal.call(this, this) : childVal,\n typeof parentVal === 'function' ? parentVal.call(this, this) : parentVal\n )\n }\n } else {\n return function mergedInstanceDataFn () {\n // instance merge\n var instanceData = typeof childVal === 'function'\n ? childVal.call(vm, vm)\n : childVal;\n var defaultData = typeof parentVal === 'function'\n ? parentVal.call(vm, vm)\n : parentVal;\n if (instanceData) {\n return mergeData(instanceData, defaultData)\n } else {\n return defaultData\n }\n }\n }\n}\n\nstrats.data = function (\n parentVal,\n childVal,\n vm\n) {\n if (!vm) {\n if (childVal && typeof childVal !== 'function') {\n process.env.NODE_ENV !== 'production' && warn(\n 'The \"data\" option should be a function ' +\n 'that returns a per-instance value in component ' +\n 'definitions.',\n vm\n );\n\n return parentVal\n }\n return mergeDataOrFn(parentVal, childVal)\n }\n\n return mergeDataOrFn(parentVal, childVal, vm)\n};\n\n/**\n * Hooks and props are merged as arrays.\n */\nfunction mergeHook (\n parentVal,\n childVal\n) {\n var res = childVal\n ? parentVal\n ? parentVal.concat(childVal)\n : Array.isArray(childVal)\n ? childVal\n : [childVal]\n : parentVal;\n return res\n ? dedupeHooks(res)\n : res\n}\n\nfunction dedupeHooks (hooks) {\n var res = [];\n for (var i = 0; i < hooks.length; i++) {\n if (res.indexOf(hooks[i]) === -1) {\n res.push(hooks[i]);\n }\n }\n return res\n}\n\nLIFECYCLE_HOOKS.forEach(function (hook) {\n strats[hook] = mergeHook;\n});\n\n/**\n * Assets\n *\n * When a vm is present (instance creation), we need to do\n * a three-way merge between constructor options, instance\n * options and parent options.\n */\nfunction mergeAssets (\n parentVal,\n childVal,\n vm,\n key\n) {\n var res = Object.create(parentVal || null);\n if (childVal) {\n process.env.NODE_ENV !== 'production' && assertObjectType(key, childVal, vm);\n return extend(res, childVal)\n } else {\n return res\n }\n}\n\nASSET_TYPES.forEach(function (type) {\n strats[type + 's'] = mergeAssets;\n});\n\n/**\n * Watchers.\n *\n * Watchers hashes should not overwrite one\n * another, so we merge them as arrays.\n */\nstrats.watch = function (\n parentVal,\n childVal,\n vm,\n key\n) {\n // work around Firefox's Object.prototype.watch...\n if (parentVal === nativeWatch) { parentVal = undefined; }\n if (childVal === nativeWatch) { childVal = undefined; }\n /* istanbul ignore if */\n if (!childVal) { return Object.create(parentVal || null) }\n if (process.env.NODE_ENV !== 'production') {\n assertObjectType(key, childVal, vm);\n }\n if (!parentVal) { return childVal }\n var ret = {};\n extend(ret, parentVal);\n for (var key$1 in childVal) {\n var parent = ret[key$1];\n var child = childVal[key$1];\n if (parent && !Array.isArray(parent)) {\n parent = [parent];\n }\n ret[key$1] = parent\n ? parent.concat(child)\n : Array.isArray(child) ? child : [child];\n }\n return ret\n};\n\n/**\n * Other object hashes.\n */\nstrats.props =\nstrats.methods =\nstrats.inject =\nstrats.computed = function (\n parentVal,\n childVal,\n vm,\n key\n) {\n if (childVal && process.env.NODE_ENV !== 'production') {\n assertObjectType(key, childVal, vm);\n }\n if (!parentVal) { return childVal }\n var ret = Object.create(null);\n extend(ret, parentVal);\n if (childVal) { extend(ret, childVal); }\n return ret\n};\nstrats.provide = mergeDataOrFn;\n\n/**\n * Default strategy.\n */\nvar defaultStrat = function (parentVal, childVal) {\n return childVal === undefined\n ? parentVal\n : childVal\n};\n\n/**\n * Validate component names\n */\nfunction checkComponents (options) {\n for (var key in options.components) {\n validateComponentName(key);\n }\n}\n\nfunction validateComponentName (name) {\n if (!new RegExp((\"^[a-zA-Z][\\\\-\\\\.0-9_\" + (unicodeRegExp.source) + \"]*$\")).test(name)) {\n warn(\n 'Invalid component name: \"' + name + '\". Component names ' +\n 'should conform to valid custom element name in html5 specification.'\n );\n }\n if (isBuiltInTag(name) || config.isReservedTag(name)) {\n warn(\n 'Do not use built-in or reserved HTML elements as component ' +\n 'id: ' + name\n );\n }\n}\n\n/**\n * Ensure all props option syntax are normalized into the\n * Object-based format.\n */\nfunction normalizeProps (options, vm) {\n var props = options.props;\n if (!props) { return }\n var res = {};\n var i, val, name;\n if (Array.isArray(props)) {\n i = props.length;\n while (i--) {\n val = props[i];\n if (typeof val === 'string') {\n name = camelize(val);\n res[name] = { type: null };\n } else if (process.env.NODE_ENV !== 'production') {\n warn('props must be strings when using array syntax.');\n }\n }\n } else if (isPlainObject(props)) {\n for (var key in props) {\n val = props[key];\n name = camelize(key);\n res[name] = isPlainObject(val)\n ? val\n : { type: val };\n }\n } else if (process.env.NODE_ENV !== 'production') {\n warn(\n \"Invalid value for option \\\"props\\\": expected an Array or an Object, \" +\n \"but got \" + (toRawType(props)) + \".\",\n vm\n );\n }\n options.props = res;\n}\n\n/**\n * Normalize all injections into Object-based format\n */\nfunction normalizeInject (options, vm) {\n var inject = options.inject;\n if (!inject) { return }\n var normalized = options.inject = {};\n if (Array.isArray(inject)) {\n for (var i = 0; i < inject.length; i++) {\n normalized[inject[i]] = { from: inject[i] };\n }\n } else if (isPlainObject(inject)) {\n for (var key in inject) {\n var val = inject[key];\n normalized[key] = isPlainObject(val)\n ? extend({ from: key }, val)\n : { from: val };\n }\n } else if (process.env.NODE_ENV !== 'production') {\n warn(\n \"Invalid value for option \\\"inject\\\": expected an Array or an Object, \" +\n \"but got \" + (toRawType(inject)) + \".\",\n vm\n );\n }\n}\n\n/**\n * Normalize raw function directives into object format.\n */\nfunction normalizeDirectives (options) {\n var dirs = options.directives;\n if (dirs) {\n for (var key in dirs) {\n var def$$1 = dirs[key];\n if (typeof def$$1 === 'function') {\n dirs[key] = { bind: def$$1, update: def$$1 };\n }\n }\n }\n}\n\nfunction assertObjectType (name, value, vm) {\n if (!isPlainObject(value)) {\n warn(\n \"Invalid value for option \\\"\" + name + \"\\\": expected an Object, \" +\n \"but got \" + (toRawType(value)) + \".\",\n vm\n );\n }\n}\n\n/**\n * Merge two option objects into a new one.\n * Core utility used in both instantiation and inheritance.\n */\nfunction mergeOptions (\n parent,\n child,\n vm\n) {\n if (process.env.NODE_ENV !== 'production') {\n checkComponents(child);\n }\n\n if (typeof child === 'function') {\n child = child.options;\n }\n\n normalizeProps(child, vm);\n normalizeInject(child, vm);\n normalizeDirectives(child);\n\n // Apply extends and mixins on the child options,\n // but only if it is a raw options object that isn't\n // the result of another mergeOptions call.\n // Only merged options has the _base property.\n if (!child._base) {\n if (child.extends) {\n parent = mergeOptions(parent, child.extends, vm);\n }\n if (child.mixins) {\n for (var i = 0, l = child.mixins.length; i < l; i++) {\n parent = mergeOptions(parent, child.mixins[i], vm);\n }\n }\n }\n\n var options = {};\n var key;\n for (key in parent) {\n mergeField(key);\n }\n for (key in child) {\n if (!hasOwn(parent, key)) {\n mergeField(key);\n }\n }\n function mergeField (key) {\n var strat = strats[key] || defaultStrat;\n options[key] = strat(parent[key], child[key], vm, key);\n }\n return options\n}\n\n/**\n * Resolve an asset.\n * This function is used because child instances need access\n * to assets defined in its ancestor chain.\n */\nfunction resolveAsset (\n options,\n type,\n id,\n warnMissing\n) {\n /* istanbul ignore if */\n if (typeof id !== 'string') {\n return\n }\n var assets = options[type];\n // check local registration variations first\n if (hasOwn(assets, id)) { return assets[id] }\n var camelizedId = camelize(id);\n if (hasOwn(assets, camelizedId)) { return assets[camelizedId] }\n var PascalCaseId = capitalize(camelizedId);\n if (hasOwn(assets, PascalCaseId)) { return assets[PascalCaseId] }\n // fallback to prototype chain\n var res = assets[id] || assets[camelizedId] || assets[PascalCaseId];\n if (process.env.NODE_ENV !== 'production' && warnMissing && !res) {\n warn(\n 'Failed to resolve ' + type.slice(0, -1) + ': ' + id,\n options\n );\n }\n return res\n}\n\n/* */\n\n\n\nfunction validateProp (\n key,\n propOptions,\n propsData,\n vm\n) {\n var prop = propOptions[key];\n var absent = !hasOwn(propsData, key);\n var value = propsData[key];\n // boolean casting\n var booleanIndex = getTypeIndex(Boolean, prop.type);\n if (booleanIndex > -1) {\n if (absent && !hasOwn(prop, 'default')) {\n value = false;\n } else if (value === '' || value === hyphenate(key)) {\n // only cast empty string / same name to boolean if\n // boolean has higher priority\n var stringIndex = getTypeIndex(String, prop.type);\n if (stringIndex < 0 || booleanIndex < stringIndex) {\n value = true;\n }\n }\n }\n // check default value\n if (value === undefined) {\n value = getPropDefaultValue(vm, prop, key);\n // since the default value is a fresh copy,\n // make sure to observe it.\n var prevShouldObserve = shouldObserve;\n toggleObserving(true);\n observe(value);\n toggleObserving(prevShouldObserve);\n }\n if (\n process.env.NODE_ENV !== 'production' &&\n // skip validation for weex recycle-list child component props\n !(false)\n ) {\n assertProp(prop, key, value, vm, absent);\n }\n return value\n}\n\n/**\n * Get the default value of a prop.\n */\nfunction getPropDefaultValue (vm, prop, key) {\n // no default, return undefined\n if (!hasOwn(prop, 'default')) {\n return undefined\n }\n var def = prop.default;\n // warn against non-factory defaults for Object & Array\n if (process.env.NODE_ENV !== 'production' && isObject(def)) {\n warn(\n 'Invalid default value for prop \"' + key + '\": ' +\n 'Props with type Object/Array must use a factory function ' +\n 'to return the default value.',\n vm\n );\n }\n // the raw prop value was also undefined from previous render,\n // return previous default value to avoid unnecessary watcher trigger\n if (vm && vm.$options.propsData &&\n vm.$options.propsData[key] === undefined &&\n vm._props[key] !== undefined\n ) {\n return vm._props[key]\n }\n // call factory function for non-Function types\n // a value is Function if its prototype is function even across different execution context\n return typeof def === 'function' && getType(prop.type) !== 'Function'\n ? def.call(vm)\n : def\n}\n\n/**\n * Assert whether a prop is valid.\n */\nfunction assertProp (\n prop,\n name,\n value,\n vm,\n absent\n) {\n if (prop.required && absent) {\n warn(\n 'Missing required prop: \"' + name + '\"',\n vm\n );\n return\n }\n if (value == null && !prop.required) {\n return\n }\n var type = prop.type;\n var valid = !type || type === true;\n var expectedTypes = [];\n if (type) {\n if (!Array.isArray(type)) {\n type = [type];\n }\n for (var i = 0; i < type.length && !valid; i++) {\n var assertedType = assertType(value, type[i], vm);\n expectedTypes.push(assertedType.expectedType || '');\n valid = assertedType.valid;\n }\n }\n\n var haveExpectedTypes = expectedTypes.some(function (t) { return t; });\n if (!valid && haveExpectedTypes) {\n warn(\n getInvalidTypeMessage(name, value, expectedTypes),\n vm\n );\n return\n }\n var validator = prop.validator;\n if (validator) {\n if (!validator(value)) {\n warn(\n 'Invalid prop: custom validator check failed for prop \"' + name + '\".',\n vm\n );\n }\n }\n}\n\nvar simpleCheckRE = /^(String|Number|Boolean|Function|Symbol|BigInt)$/;\n\nfunction assertType (value, type, vm) {\n var valid;\n var expectedType = getType(type);\n if (simpleCheckRE.test(expectedType)) {\n var t = typeof value;\n valid = t === expectedType.toLowerCase();\n // for primitive wrapper objects\n if (!valid && t === 'object') {\n valid = value instanceof type;\n }\n } else if (expectedType === 'Object') {\n valid = isPlainObject(value);\n } else if (expectedType === 'Array') {\n valid = Array.isArray(value);\n } else {\n try {\n valid = value instanceof type;\n } catch (e) {\n warn('Invalid prop type: \"' + String(type) + '\" is not a constructor', vm);\n valid = false;\n }\n }\n return {\n valid: valid,\n expectedType: expectedType\n }\n}\n\nvar functionTypeCheckRE = /^\\s*function (\\w+)/;\n\n/**\n * Use function string name to check built-in types,\n * because a simple equality check will fail when running\n * across different vms / iframes.\n */\nfunction getType (fn) {\n var match = fn && fn.toString().match(functionTypeCheckRE);\n return match ? match[1] : ''\n}\n\nfunction isSameType (a, b) {\n return getType(a) === getType(b)\n}\n\nfunction getTypeIndex (type, expectedTypes) {\n if (!Array.isArray(expectedTypes)) {\n return isSameType(expectedTypes, type) ? 0 : -1\n }\n for (var i = 0, len = expectedTypes.length; i < len; i++) {\n if (isSameType(expectedTypes[i], type)) {\n return i\n }\n }\n return -1\n}\n\nfunction getInvalidTypeMessage (name, value, expectedTypes) {\n var message = \"Invalid prop: type check failed for prop \\\"\" + name + \"\\\".\" +\n \" Expected \" + (expectedTypes.map(capitalize).join(', '));\n var expectedType = expectedTypes[0];\n var receivedType = toRawType(value);\n // check if we need to specify expected value\n if (\n expectedTypes.length === 1 &&\n isExplicable(expectedType) &&\n isExplicable(typeof value) &&\n !isBoolean(expectedType, receivedType)\n ) {\n message += \" with value \" + (styleValue(value, expectedType));\n }\n message += \", got \" + receivedType + \" \";\n // check if we need to specify received value\n if (isExplicable(receivedType)) {\n message += \"with value \" + (styleValue(value, receivedType)) + \".\";\n }\n return message\n}\n\nfunction styleValue (value, type) {\n if (type === 'String') {\n return (\"\\\"\" + value + \"\\\"\")\n } else if (type === 'Number') {\n return (\"\" + (Number(value)))\n } else {\n return (\"\" + value)\n }\n}\n\nvar EXPLICABLE_TYPES = ['string', 'number', 'boolean'];\nfunction isExplicable (value) {\n return EXPLICABLE_TYPES.some(function (elem) { return value.toLowerCase() === elem; })\n}\n\nfunction isBoolean () {\n var args = [], len = arguments.length;\n while ( len-- ) args[ len ] = arguments[ len ];\n\n return args.some(function (elem) { return elem.toLowerCase() === 'boolean'; })\n}\n\n/* */\n\nfunction handleError (err, vm, info) {\n // Deactivate deps tracking while processing error handler to avoid possible infinite rendering.\n // See: https://github.com/vuejs/vuex/issues/1505\n pushTarget();\n try {\n if (vm) {\n var cur = vm;\n while ((cur = cur.$parent)) {\n var hooks = cur.$options.errorCaptured;\n if (hooks) {\n for (var i = 0; i < hooks.length; i++) {\n try {\n var capture = hooks[i].call(cur, err, vm, info) === false;\n if (capture) { return }\n } catch (e) {\n globalHandleError(e, cur, 'errorCaptured hook');\n }\n }\n }\n }\n }\n globalHandleError(err, vm, info);\n } finally {\n popTarget();\n }\n}\n\nfunction invokeWithErrorHandling (\n handler,\n context,\n args,\n vm,\n info\n) {\n var res;\n try {\n res = args ? handler.apply(context, args) : handler.call(context);\n if (res && !res._isVue && isPromise(res) && !res._handled) {\n res.catch(function (e) { return handleError(e, vm, info + \" (Promise/async)\"); });\n // issue #9511\n // avoid catch triggering multiple times when nested calls\n res._handled = true;\n }\n } catch (e) {\n handleError(e, vm, info);\n }\n return res\n}\n\nfunction globalHandleError (err, vm, info) {\n if (config.errorHandler) {\n try {\n return config.errorHandler.call(null, err, vm, info)\n } catch (e) {\n // if the user intentionally throws the original error in the handler,\n // do not log it twice\n if (e !== err) {\n logError(e, null, 'config.errorHandler');\n }\n }\n }\n logError(err, vm, info);\n}\n\nfunction logError (err, vm, info) {\n if (process.env.NODE_ENV !== 'production') {\n warn((\"Error in \" + info + \": \\\"\" + (err.toString()) + \"\\\"\"), vm);\n }\n /* istanbul ignore else */\n if ((inBrowser || inWeex) && typeof console !== 'undefined') {\n console.error(err);\n } else {\n throw err\n }\n}\n\n/* */\n\nvar isUsingMicroTask = false;\n\nvar callbacks = [];\nvar pending = false;\n\nfunction flushCallbacks () {\n pending = false;\n var copies = callbacks.slice(0);\n callbacks.length = 0;\n for (var i = 0; i < copies.length; i++) {\n copies[i]();\n }\n}\n\n// Here we have async deferring wrappers using microtasks.\n// In 2.5 we used (macro) tasks (in combination with microtasks).\n// However, it has subtle problems when state is changed right before repaint\n// (e.g. #6813, out-in transitions).\n// Also, using (macro) tasks in event handler would cause some weird behaviors\n// that cannot be circumvented (e.g. #7109, #7153, #7546, #7834, #8109).\n// So we now use microtasks everywhere, again.\n// A major drawback of this tradeoff is that there are some scenarios\n// where microtasks have too high a priority and fire in between supposedly\n// sequential events (e.g. #4521, #6690, which have workarounds)\n// or even between bubbling of the same event (#6566).\nvar timerFunc;\n\n// The nextTick behavior leverages the microtask queue, which can be accessed\n// via either native Promise.then or MutationObserver.\n// MutationObserver has wider support, however it is seriously bugged in\n// UIWebView in iOS >= 9.3.3 when triggered in touch event handlers. It\n// completely stops working after triggering a few times... so, if native\n// Promise is available, we will use it:\n/* istanbul ignore next, $flow-disable-line */\nif (typeof Promise !== 'undefined' && isNative(Promise)) {\n var p = Promise.resolve();\n timerFunc = function () {\n p.then(flushCallbacks);\n // In problematic UIWebViews, Promise.then doesn't completely break, but\n // it can get stuck in a weird state where callbacks are pushed into the\n // microtask queue but the queue isn't being flushed, until the browser\n // needs to do some other work, e.g. handle a timer. Therefore we can\n // \"force\" the microtask queue to be flushed by adding an empty timer.\n if (isIOS) { setTimeout(noop); }\n };\n isUsingMicroTask = true;\n} else if (!isIE && typeof MutationObserver !== 'undefined' && (\n isNative(MutationObserver) ||\n // PhantomJS and iOS 7.x\n MutationObserver.toString() === '[object MutationObserverConstructor]'\n)) {\n // Use MutationObserver where native Promise is not available,\n // e.g. PhantomJS, iOS7, Android 4.4\n // (#6466 MutationObserver is unreliable in IE11)\n var counter = 1;\n var observer = new MutationObserver(flushCallbacks);\n var textNode = document.createTextNode(String(counter));\n observer.observe(textNode, {\n characterData: true\n });\n timerFunc = function () {\n counter = (counter + 1) % 2;\n textNode.data = String(counter);\n };\n isUsingMicroTask = true;\n} else if (typeof setImmediate !== 'undefined' && isNative(setImmediate)) {\n // Fallback to setImmediate.\n // Technically it leverages the (macro) task queue,\n // but it is still a better choice than setTimeout.\n timerFunc = function () {\n setImmediate(flushCallbacks);\n };\n} else {\n // Fallback to setTimeout.\n timerFunc = function () {\n setTimeout(flushCallbacks, 0);\n };\n}\n\nfunction nextTick (cb, ctx) {\n var _resolve;\n callbacks.push(function () {\n if (cb) {\n try {\n cb.call(ctx);\n } catch (e) {\n handleError(e, ctx, 'nextTick');\n }\n } else if (_resolve) {\n _resolve(ctx);\n }\n });\n if (!pending) {\n pending = true;\n timerFunc();\n }\n // $flow-disable-line\n if (!cb && typeof Promise !== 'undefined') {\n return new Promise(function (resolve) {\n _resolve = resolve;\n })\n }\n}\n\n/* */\n\n/* not type checking this file because flow doesn't play well with Proxy */\n\nvar initProxy;\n\nif (process.env.NODE_ENV !== 'production') {\n var allowedGlobals = makeMap(\n 'Infinity,undefined,NaN,isFinite,isNaN,' +\n 'parseFloat,parseInt,decodeURI,decodeURIComponent,encodeURI,encodeURIComponent,' +\n 'Math,Number,Date,Array,Object,Boolean,String,RegExp,Map,Set,JSON,Intl,BigInt,' +\n 'require' // for Webpack/Browserify\n );\n\n var warnNonPresent = function (target, key) {\n warn(\n \"Property or method \\\"\" + key + \"\\\" is not defined on the instance but \" +\n 'referenced during render. Make sure that this property is reactive, ' +\n 'either in the data option, or for class-based components, by ' +\n 'initializing the property. ' +\n 'See: https://vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties.',\n target\n );\n };\n\n var warnReservedPrefix = function (target, key) {\n warn(\n \"Property \\\"\" + key + \"\\\" must be accessed with \\\"$data.\" + key + \"\\\" because \" +\n 'properties starting with \"$\" or \"_\" are not proxied in the Vue instance to ' +\n 'prevent conflicts with Vue internals. ' +\n 'See: https://vuejs.org/v2/api/#data',\n target\n );\n };\n\n var hasProxy =\n typeof Proxy !== 'undefined' && isNative(Proxy);\n\n if (hasProxy) {\n var isBuiltInModifier = makeMap('stop,prevent,self,ctrl,shift,alt,meta,exact');\n config.keyCodes = new Proxy(config.keyCodes, {\n set: function set (target, key, value) {\n if (isBuiltInModifier(key)) {\n warn((\"Avoid overwriting built-in modifier in config.keyCodes: .\" + key));\n return false\n } else {\n target[key] = value;\n return true\n }\n }\n });\n }\n\n var hasHandler = {\n has: function has (target, key) {\n var has = key in target;\n var isAllowed = allowedGlobals(key) ||\n (typeof key === 'string' && key.charAt(0) === '_' && !(key in target.$data));\n if (!has && !isAllowed) {\n if (key in target.$data) { warnReservedPrefix(target, key); }\n else { warnNonPresent(target, key); }\n }\n return has || !isAllowed\n }\n };\n\n var getHandler = {\n get: function get (target, key) {\n if (typeof key === 'string' && !(key in target)) {\n if (key in target.$data) { warnReservedPrefix(target, key); }\n else { warnNonPresent(target, key); }\n }\n return target[key]\n }\n };\n\n initProxy = function initProxy (vm) {\n if (hasProxy) {\n // determine which proxy handler to use\n var options = vm.$options;\n var handlers = options.render && options.render._withStripped\n ? getHandler\n : hasHandler;\n vm._renderProxy = new Proxy(vm, handlers);\n } else {\n vm._renderProxy = vm;\n }\n };\n}\n\n/* */\n\nvar seenObjects = new _Set();\n\n/**\n * Recursively traverse an object to evoke all converted\n * getters, so that every nested property inside the object\n * is collected as a \"deep\" dependency.\n */\nfunction traverse (val) {\n _traverse(val, seenObjects);\n seenObjects.clear();\n}\n\nfunction _traverse (val, seen) {\n var i, keys;\n var isA = Array.isArray(val);\n if ((!isA && !isObject(val)) || Object.isFrozen(val) || val instanceof VNode) {\n return\n }\n if (val.__ob__) {\n var depId = val.__ob__.dep.id;\n if (seen.has(depId)) {\n return\n }\n seen.add(depId);\n }\n if (isA) {\n i = val.length;\n while (i--) { _traverse(val[i], seen); }\n } else {\n keys = Object.keys(val);\n i = keys.length;\n while (i--) { _traverse(val[keys[i]], seen); }\n }\n}\n\nvar mark;\nvar measure;\n\nif (process.env.NODE_ENV !== 'production') {\n var perf = inBrowser && window.performance;\n /* istanbul ignore if */\n if (\n perf &&\n perf.mark &&\n perf.measure &&\n perf.clearMarks &&\n perf.clearMeasures\n ) {\n mark = function (tag) { return perf.mark(tag); };\n measure = function (name, startTag, endTag) {\n perf.measure(name, startTag, endTag);\n perf.clearMarks(startTag);\n perf.clearMarks(endTag);\n // perf.clearMeasures(name)\n };\n }\n}\n\n/* */\n\nvar normalizeEvent = cached(function (name) {\n var passive = name.charAt(0) === '&';\n name = passive ? name.slice(1) : name;\n var once$$1 = name.charAt(0) === '~'; // Prefixed last, checked first\n name = once$$1 ? name.slice(1) : name;\n var capture = name.charAt(0) === '!';\n name = capture ? name.slice(1) : name;\n return {\n name: name,\n once: once$$1,\n capture: capture,\n passive: passive\n }\n});\n\nfunction createFnInvoker (fns, vm) {\n function invoker () {\n var arguments$1 = arguments;\n\n var fns = invoker.fns;\n if (Array.isArray(fns)) {\n var cloned = fns.slice();\n for (var i = 0; i < cloned.length; i++) {\n invokeWithErrorHandling(cloned[i], null, arguments$1, vm, \"v-on handler\");\n }\n } else {\n // return handler return value for single handlers\n return invokeWithErrorHandling(fns, null, arguments, vm, \"v-on handler\")\n }\n }\n invoker.fns = fns;\n return invoker\n}\n\nfunction updateListeners (\n on,\n oldOn,\n add,\n remove$$1,\n createOnceHandler,\n vm\n) {\n var name, def$$1, cur, old, event;\n for (name in on) {\n def$$1 = cur = on[name];\n old = oldOn[name];\n event = normalizeEvent(name);\n if (isUndef(cur)) {\n process.env.NODE_ENV !== 'production' && warn(\n \"Invalid handler for event \\\"\" + (event.name) + \"\\\": got \" + String(cur),\n vm\n );\n } else if (isUndef(old)) {\n if (isUndef(cur.fns)) {\n cur = on[name] = createFnInvoker(cur, vm);\n }\n if (isTrue(event.once)) {\n cur = on[name] = createOnceHandler(event.name, cur, event.capture);\n }\n add(event.name, cur, event.capture, event.passive, event.params);\n } else if (cur !== old) {\n old.fns = cur;\n on[name] = old;\n }\n }\n for (name in oldOn) {\n if (isUndef(on[name])) {\n event = normalizeEvent(name);\n remove$$1(event.name, oldOn[name], event.capture);\n }\n }\n}\n\n/* */\n\nfunction mergeVNodeHook (def, hookKey, hook) {\n if (def instanceof VNode) {\n def = def.data.hook || (def.data.hook = {});\n }\n var invoker;\n var oldHook = def[hookKey];\n\n function wrappedHook () {\n hook.apply(this, arguments);\n // important: remove merged hook to ensure it's called only once\n // and prevent memory leak\n remove(invoker.fns, wrappedHook);\n }\n\n if (isUndef(oldHook)) {\n // no existing hook\n invoker = createFnInvoker([wrappedHook]);\n } else {\n /* istanbul ignore if */\n if (isDef(oldHook.fns) && isTrue(oldHook.merged)) {\n // already a merged invoker\n invoker = oldHook;\n invoker.fns.push(wrappedHook);\n } else {\n // existing plain hook\n invoker = createFnInvoker([oldHook, wrappedHook]);\n }\n }\n\n invoker.merged = true;\n def[hookKey] = invoker;\n}\n\n/* */\n\nfunction extractPropsFromVNodeData (\n data,\n Ctor,\n tag\n) {\n // we are only extracting raw values here.\n // validation and default values are handled in the child\n // component itself.\n var propOptions = Ctor.options.props;\n if (isUndef(propOptions)) {\n return\n }\n var res = {};\n var attrs = data.attrs;\n var props = data.props;\n if (isDef(attrs) || isDef(props)) {\n for (var key in propOptions) {\n var altKey = hyphenate(key);\n if (process.env.NODE_ENV !== 'production') {\n var keyInLowerCase = key.toLowerCase();\n if (\n key !== keyInLowerCase &&\n attrs && hasOwn(attrs, keyInLowerCase)\n ) {\n tip(\n \"Prop \\\"\" + keyInLowerCase + \"\\\" is passed to component \" +\n (formatComponentName(tag || Ctor)) + \", but the declared prop name is\" +\n \" \\\"\" + key + \"\\\". \" +\n \"Note that HTML attributes are case-insensitive and camelCased \" +\n \"props need to use their kebab-case equivalents when using in-DOM \" +\n \"templates. You should probably use \\\"\" + altKey + \"\\\" instead of \\\"\" + key + \"\\\".\"\n );\n }\n }\n checkProp(res, props, key, altKey, true) ||\n checkProp(res, attrs, key, altKey, false);\n }\n }\n return res\n}\n\nfunction checkProp (\n res,\n hash,\n key,\n altKey,\n preserve\n) {\n if (isDef(hash)) {\n if (hasOwn(hash, key)) {\n res[key] = hash[key];\n if (!preserve) {\n delete hash[key];\n }\n return true\n } else if (hasOwn(hash, altKey)) {\n res[key] = hash[altKey];\n if (!preserve) {\n delete hash[altKey];\n }\n return true\n }\n }\n return false\n}\n\n/* */\n\n// The template compiler attempts to minimize the need for normalization by\n// statically analyzing the template at compile time.\n//\n// For plain HTML markup, normalization can be completely skipped because the\n// generated render function is guaranteed to return Array. There are\n// two cases where extra normalization is needed:\n\n// 1. When the children contains components - because a functional component\n// may return an Array instead of a single root. In this case, just a simple\n// normalization is needed - if any child is an Array, we flatten the whole\n// thing with Array.prototype.concat. It is guaranteed to be only 1-level deep\n// because functional components already normalize their own children.\nfunction simpleNormalizeChildren (children) {\n for (var i = 0; i < children.length; i++) {\n if (Array.isArray(children[i])) {\n return Array.prototype.concat.apply([], children)\n }\n }\n return children\n}\n\n// 2. When the children contains constructs that always generated nested Arrays,\n// e.g. , , v-for, or when the children is provided by user\n// with hand-written render functions / JSX. In such cases a full normalization\n// is needed to cater to all possible types of children values.\nfunction normalizeChildren (children) {\n return isPrimitive(children)\n ? [createTextVNode(children)]\n : Array.isArray(children)\n ? normalizeArrayChildren(children)\n : undefined\n}\n\nfunction isTextNode (node) {\n return isDef(node) && isDef(node.text) && isFalse(node.isComment)\n}\n\nfunction normalizeArrayChildren (children, nestedIndex) {\n var res = [];\n var i, c, lastIndex, last;\n for (i = 0; i < children.length; i++) {\n c = children[i];\n if (isUndef(c) || typeof c === 'boolean') { continue }\n lastIndex = res.length - 1;\n last = res[lastIndex];\n // nested\n if (Array.isArray(c)) {\n if (c.length > 0) {\n c = normalizeArrayChildren(c, ((nestedIndex || '') + \"_\" + i));\n // merge adjacent text nodes\n if (isTextNode(c[0]) && isTextNode(last)) {\n res[lastIndex] = createTextVNode(last.text + (c[0]).text);\n c.shift();\n }\n res.push.apply(res, c);\n }\n } else if (isPrimitive(c)) {\n if (isTextNode(last)) {\n // merge adjacent text nodes\n // this is necessary for SSR hydration because text nodes are\n // essentially merged when rendered to HTML strings\n res[lastIndex] = createTextVNode(last.text + c);\n } else if (c !== '') {\n // convert primitive to vnode\n res.push(createTextVNode(c));\n }\n } else {\n if (isTextNode(c) && isTextNode(last)) {\n // merge adjacent text nodes\n res[lastIndex] = createTextVNode(last.text + c.text);\n } else {\n // default key for nested array children (likely generated by v-for)\n if (isTrue(children._isVList) &&\n isDef(c.tag) &&\n isUndef(c.key) &&\n isDef(nestedIndex)) {\n c.key = \"__vlist\" + nestedIndex + \"_\" + i + \"__\";\n }\n res.push(c);\n }\n }\n }\n return res\n}\n\n/* */\n\nfunction initProvide (vm) {\n var provide = vm.$options.provide;\n if (provide) {\n vm._provided = typeof provide === 'function'\n ? provide.call(vm)\n : provide;\n }\n}\n\nfunction initInjections (vm) {\n var result = resolveInject(vm.$options.inject, vm);\n if (result) {\n toggleObserving(false);\n Object.keys(result).forEach(function (key) {\n /* istanbul ignore else */\n if (process.env.NODE_ENV !== 'production') {\n defineReactive$$1(vm, key, result[key], function () {\n warn(\n \"Avoid mutating an injected value directly since the changes will be \" +\n \"overwritten whenever the provided component re-renders. \" +\n \"injection being mutated: \\\"\" + key + \"\\\"\",\n vm\n );\n });\n } else {\n defineReactive$$1(vm, key, result[key]);\n }\n });\n toggleObserving(true);\n }\n}\n\nfunction resolveInject (inject, vm) {\n if (inject) {\n // inject is :any because flow is not smart enough to figure out cached\n var result = Object.create(null);\n var keys = hasSymbol\n ? Reflect.ownKeys(inject)\n : Object.keys(inject);\n\n for (var i = 0; i < keys.length; i++) {\n var key = keys[i];\n // #6574 in case the inject object is observed...\n if (key === '__ob__') { continue }\n var provideKey = inject[key].from;\n var source = vm;\n while (source) {\n if (source._provided && hasOwn(source._provided, provideKey)) {\n result[key] = source._provided[provideKey];\n break\n }\n source = source.$parent;\n }\n if (!source) {\n if ('default' in inject[key]) {\n var provideDefault = inject[key].default;\n result[key] = typeof provideDefault === 'function'\n ? provideDefault.call(vm)\n : provideDefault;\n } else if (process.env.NODE_ENV !== 'production') {\n warn((\"Injection \\\"\" + key + \"\\\" not found\"), vm);\n }\n }\n }\n return result\n }\n}\n\n/* */\n\n\n\n/**\n * Runtime helper for resolving raw children VNodes into a slot object.\n */\nfunction resolveSlots (\n children,\n context\n) {\n if (!children || !children.length) {\n return {}\n }\n var slots = {};\n for (var i = 0, l = children.length; i < l; i++) {\n var child = children[i];\n var data = child.data;\n // remove slot attribute if the node is resolved as a Vue slot node\n if (data && data.attrs && data.attrs.slot) {\n delete data.attrs.slot;\n }\n // named slots should only be respected if the vnode was rendered in the\n // same context.\n if ((child.context === context || child.fnContext === context) &&\n data && data.slot != null\n ) {\n var name = data.slot;\n var slot = (slots[name] || (slots[name] = []));\n if (child.tag === 'template') {\n slot.push.apply(slot, child.children || []);\n } else {\n slot.push(child);\n }\n } else {\n (slots.default || (slots.default = [])).push(child);\n }\n }\n // ignore slots that contains only whitespace\n for (var name$1 in slots) {\n if (slots[name$1].every(isWhitespace)) {\n delete slots[name$1];\n }\n }\n return slots\n}\n\nfunction isWhitespace (node) {\n return (node.isComment && !node.asyncFactory) || node.text === ' '\n}\n\n/* */\n\nfunction isAsyncPlaceholder (node) {\n return node.isComment && node.asyncFactory\n}\n\n/* */\n\nfunction normalizeScopedSlots (\n slots,\n normalSlots,\n prevSlots\n) {\n var res;\n var hasNormalSlots = Object.keys(normalSlots).length > 0;\n var isStable = slots ? !!slots.$stable : !hasNormalSlots;\n var key = slots && slots.$key;\n if (!slots) {\n res = {};\n } else if (slots._normalized) {\n // fast path 1: child component re-render only, parent did not change\n return slots._normalized\n } else if (\n isStable &&\n prevSlots &&\n prevSlots !== emptyObject &&\n key === prevSlots.$key &&\n !hasNormalSlots &&\n !prevSlots.$hasNormal\n ) {\n // fast path 2: stable scoped slots w/ no normal slots to proxy,\n // only need to normalize once\n return prevSlots\n } else {\n res = {};\n for (var key$1 in slots) {\n if (slots[key$1] && key$1[0] !== '$') {\n res[key$1] = normalizeScopedSlot(normalSlots, key$1, slots[key$1]);\n }\n }\n }\n // expose normal slots on scopedSlots\n for (var key$2 in normalSlots) {\n if (!(key$2 in res)) {\n res[key$2] = proxyNormalSlot(normalSlots, key$2);\n }\n }\n // avoriaz seems to mock a non-extensible $scopedSlots object\n // and when that is passed down this would cause an error\n if (slots && Object.isExtensible(slots)) {\n (slots)._normalized = res;\n }\n def(res, '$stable', isStable);\n def(res, '$key', key);\n def(res, '$hasNormal', hasNormalSlots);\n return res\n}\n\nfunction normalizeScopedSlot(normalSlots, key, fn) {\n var normalized = function () {\n var res = arguments.length ? fn.apply(null, arguments) : fn({});\n res = res && typeof res === 'object' && !Array.isArray(res)\n ? [res] // single vnode\n : normalizeChildren(res);\n var vnode = res && res[0];\n return res && (\n !vnode ||\n (res.length === 1 && vnode.isComment && !isAsyncPlaceholder(vnode)) // #9658, #10391\n ) ? undefined\n : res\n };\n // this is a slot using the new v-slot syntax without scope. although it is\n // compiled as a scoped slot, render fn users would expect it to be present\n // on this.$slots because the usage is semantically a normal slot.\n if (fn.proxy) {\n Object.defineProperty(normalSlots, key, {\n get: normalized,\n enumerable: true,\n configurable: true\n });\n }\n return normalized\n}\n\nfunction proxyNormalSlot(slots, key) {\n return function () { return slots[key]; }\n}\n\n/* */\n\n/**\n * Runtime helper for rendering v-for lists.\n */\nfunction renderList (\n val,\n render\n) {\n var ret, i, l, keys, key;\n if (Array.isArray(val) || typeof val === 'string') {\n ret = new Array(val.length);\n for (i = 0, l = val.length; i < l; i++) {\n ret[i] = render(val[i], i);\n }\n } else if (typeof val === 'number') {\n ret = new Array(val);\n for (i = 0; i < val; i++) {\n ret[i] = render(i + 1, i);\n }\n } else if (isObject(val)) {\n if (hasSymbol && val[Symbol.iterator]) {\n ret = [];\n var iterator = val[Symbol.iterator]();\n var result = iterator.next();\n while (!result.done) {\n ret.push(render(result.value, ret.length));\n result = iterator.next();\n }\n } else {\n keys = Object.keys(val);\n ret = new Array(keys.length);\n for (i = 0, l = keys.length; i < l; i++) {\n key = keys[i];\n ret[i] = render(val[key], key, i);\n }\n }\n }\n if (!isDef(ret)) {\n ret = [];\n }\n (ret)._isVList = true;\n return ret\n}\n\n/* */\n\n/**\n * Runtime helper for rendering \n */\nfunction renderSlot (\n name,\n fallbackRender,\n props,\n bindObject\n) {\n var scopedSlotFn = this.$scopedSlots[name];\n var nodes;\n if (scopedSlotFn) {\n // scoped slot\n props = props || {};\n if (bindObject) {\n if (process.env.NODE_ENV !== 'production' && !isObject(bindObject)) {\n warn('slot v-bind without argument expects an Object', this);\n }\n props = extend(extend({}, bindObject), props);\n }\n nodes =\n scopedSlotFn(props) ||\n (typeof fallbackRender === 'function' ? fallbackRender() : fallbackRender);\n } else {\n nodes =\n this.$slots[name] ||\n (typeof fallbackRender === 'function' ? fallbackRender() : fallbackRender);\n }\n\n var target = props && props.slot;\n if (target) {\n return this.$createElement('template', { slot: target }, nodes)\n } else {\n return nodes\n }\n}\n\n/* */\n\n/**\n * Runtime helper for resolving filters\n */\nfunction resolveFilter (id) {\n return resolveAsset(this.$options, 'filters', id, true) || identity\n}\n\n/* */\n\nfunction isKeyNotMatch (expect, actual) {\n if (Array.isArray(expect)) {\n return expect.indexOf(actual) === -1\n } else {\n return expect !== actual\n }\n}\n\n/**\n * Runtime helper for checking keyCodes from config.\n * exposed as Vue.prototype._k\n * passing in eventKeyName as last argument separately for backwards compat\n */\nfunction checkKeyCodes (\n eventKeyCode,\n key,\n builtInKeyCode,\n eventKeyName,\n builtInKeyName\n) {\n var mappedKeyCode = config.keyCodes[key] || builtInKeyCode;\n if (builtInKeyName && eventKeyName && !config.keyCodes[key]) {\n return isKeyNotMatch(builtInKeyName, eventKeyName)\n } else if (mappedKeyCode) {\n return isKeyNotMatch(mappedKeyCode, eventKeyCode)\n } else if (eventKeyName) {\n return hyphenate(eventKeyName) !== key\n }\n return eventKeyCode === undefined\n}\n\n/* */\n\n/**\n * Runtime helper for merging v-bind=\"object\" into a VNode's data.\n */\nfunction bindObjectProps (\n data,\n tag,\n value,\n asProp,\n isSync\n) {\n if (value) {\n if (!isObject(value)) {\n process.env.NODE_ENV !== 'production' && warn(\n 'v-bind without argument expects an Object or Array value',\n this\n );\n } else {\n if (Array.isArray(value)) {\n value = toObject(value);\n }\n var hash;\n var loop = function ( key ) {\n if (\n key === 'class' ||\n key === 'style' ||\n isReservedAttribute(key)\n ) {\n hash = data;\n } else {\n var type = data.attrs && data.attrs.type;\n hash = asProp || config.mustUseProp(tag, type, key)\n ? data.domProps || (data.domProps = {})\n : data.attrs || (data.attrs = {});\n }\n var camelizedKey = camelize(key);\n var hyphenatedKey = hyphenate(key);\n if (!(camelizedKey in hash) && !(hyphenatedKey in hash)) {\n hash[key] = value[key];\n\n if (isSync) {\n var on = data.on || (data.on = {});\n on[(\"update:\" + key)] = function ($event) {\n value[key] = $event;\n };\n }\n }\n };\n\n for (var key in value) loop( key );\n }\n }\n return data\n}\n\n/* */\n\n/**\n * Runtime helper for rendering static trees.\n */\nfunction renderStatic (\n index,\n isInFor\n) {\n var cached = this._staticTrees || (this._staticTrees = []);\n var tree = cached[index];\n // if has already-rendered static tree and not inside v-for,\n // we can reuse the same tree.\n if (tree && !isInFor) {\n return tree\n }\n // otherwise, render a fresh tree.\n tree = cached[index] = this.$options.staticRenderFns[index].call(\n this._renderProxy,\n null,\n this // for render fns generated for functional component templates\n );\n markStatic(tree, (\"__static__\" + index), false);\n return tree\n}\n\n/**\n * Runtime helper for v-once.\n * Effectively it means marking the node as static with a unique key.\n */\nfunction markOnce (\n tree,\n index,\n key\n) {\n markStatic(tree, (\"__once__\" + index + (key ? (\"_\" + key) : \"\")), true);\n return tree\n}\n\nfunction markStatic (\n tree,\n key,\n isOnce\n) {\n if (Array.isArray(tree)) {\n for (var i = 0; i < tree.length; i++) {\n if (tree[i] && typeof tree[i] !== 'string') {\n markStaticNode(tree[i], (key + \"_\" + i), isOnce);\n }\n }\n } else {\n markStaticNode(tree, key, isOnce);\n }\n}\n\nfunction markStaticNode (node, key, isOnce) {\n node.isStatic = true;\n node.key = key;\n node.isOnce = isOnce;\n}\n\n/* */\n\nfunction bindObjectListeners (data, value) {\n if (value) {\n if (!isPlainObject(value)) {\n process.env.NODE_ENV !== 'production' && warn(\n 'v-on without argument expects an Object value',\n this\n );\n } else {\n var on = data.on = data.on ? extend({}, data.on) : {};\n for (var key in value) {\n var existing = on[key];\n var ours = value[key];\n on[key] = existing ? [].concat(existing, ours) : ours;\n }\n }\n }\n return data\n}\n\n/* */\n\nfunction resolveScopedSlots (\n fns, // see flow/vnode\n res,\n // the following are added in 2.6\n hasDynamicKeys,\n contentHashKey\n) {\n res = res || { $stable: !hasDynamicKeys };\n for (var i = 0; i < fns.length; i++) {\n var slot = fns[i];\n if (Array.isArray(slot)) {\n resolveScopedSlots(slot, res, hasDynamicKeys);\n } else if (slot) {\n // marker for reverse proxying v-slot without scope on this.$slots\n if (slot.proxy) {\n slot.fn.proxy = true;\n }\n res[slot.key] = slot.fn;\n }\n }\n if (contentHashKey) {\n (res).$key = contentHashKey;\n }\n return res\n}\n\n/* */\n\nfunction bindDynamicKeys (baseObj, values) {\n for (var i = 0; i < values.length; i += 2) {\n var key = values[i];\n if (typeof key === 'string' && key) {\n baseObj[values[i]] = values[i + 1];\n } else if (process.env.NODE_ENV !== 'production' && key !== '' && key !== null) {\n // null is a special value for explicitly removing a binding\n warn(\n (\"Invalid value for dynamic directive argument (expected string or null): \" + key),\n this\n );\n }\n }\n return baseObj\n}\n\n// helper to dynamically append modifier runtime markers to event names.\n// ensure only append when value is already string, otherwise it will be cast\n// to string and cause the type check to miss.\nfunction prependModifier (value, symbol) {\n return typeof value === 'string' ? symbol + value : value\n}\n\n/* */\n\nfunction installRenderHelpers (target) {\n target._o = markOnce;\n target._n = toNumber;\n target._s = toString;\n target._l = renderList;\n target._t = renderSlot;\n target._q = looseEqual;\n target._i = looseIndexOf;\n target._m = renderStatic;\n target._f = resolveFilter;\n target._k = checkKeyCodes;\n target._b = bindObjectProps;\n target._v = createTextVNode;\n target._e = createEmptyVNode;\n target._u = resolveScopedSlots;\n target._g = bindObjectListeners;\n target._d = bindDynamicKeys;\n target._p = prependModifier;\n}\n\n/* */\n\nfunction FunctionalRenderContext (\n data,\n props,\n children,\n parent,\n Ctor\n) {\n var this$1 = this;\n\n var options = Ctor.options;\n // ensure the createElement function in functional components\n // gets a unique context - this is necessary for correct named slot check\n var contextVm;\n if (hasOwn(parent, '_uid')) {\n contextVm = Object.create(parent);\n // $flow-disable-line\n contextVm._original = parent;\n } else {\n // the context vm passed in is a functional context as well.\n // in this case we want to make sure we are able to get a hold to the\n // real context instance.\n contextVm = parent;\n // $flow-disable-line\n parent = parent._original;\n }\n var isCompiled = isTrue(options._compiled);\n var needNormalization = !isCompiled;\n\n this.data = data;\n this.props = props;\n this.children = children;\n this.parent = parent;\n this.listeners = data.on || emptyObject;\n this.injections = resolveInject(options.inject, parent);\n this.slots = function () {\n if (!this$1.$slots) {\n normalizeScopedSlots(\n data.scopedSlots,\n this$1.$slots = resolveSlots(children, parent)\n );\n }\n return this$1.$slots\n };\n\n Object.defineProperty(this, 'scopedSlots', ({\n enumerable: true,\n get: function get () {\n return normalizeScopedSlots(data.scopedSlots, this.slots())\n }\n }));\n\n // support for compiled functional template\n if (isCompiled) {\n // exposing $options for renderStatic()\n this.$options = options;\n // pre-resolve slots for renderSlot()\n this.$slots = this.slots();\n this.$scopedSlots = normalizeScopedSlots(data.scopedSlots, this.$slots);\n }\n\n if (options._scopeId) {\n this._c = function (a, b, c, d) {\n var vnode = createElement(contextVm, a, b, c, d, needNormalization);\n if (vnode && !Array.isArray(vnode)) {\n vnode.fnScopeId = options._scopeId;\n vnode.fnContext = parent;\n }\n return vnode\n };\n } else {\n this._c = function (a, b, c, d) { return createElement(contextVm, a, b, c, d, needNormalization); };\n }\n}\n\ninstallRenderHelpers(FunctionalRenderContext.prototype);\n\nfunction createFunctionalComponent (\n Ctor,\n propsData,\n data,\n contextVm,\n children\n) {\n var options = Ctor.options;\n var props = {};\n var propOptions = options.props;\n if (isDef(propOptions)) {\n for (var key in propOptions) {\n props[key] = validateProp(key, propOptions, propsData || emptyObject);\n }\n } else {\n if (isDef(data.attrs)) { mergeProps(props, data.attrs); }\n if (isDef(data.props)) { mergeProps(props, data.props); }\n }\n\n var renderContext = new FunctionalRenderContext(\n data,\n props,\n children,\n contextVm,\n Ctor\n );\n\n var vnode = options.render.call(null, renderContext._c, renderContext);\n\n if (vnode instanceof VNode) {\n return cloneAndMarkFunctionalResult(vnode, data, renderContext.parent, options, renderContext)\n } else if (Array.isArray(vnode)) {\n var vnodes = normalizeChildren(vnode) || [];\n var res = new Array(vnodes.length);\n for (var i = 0; i < vnodes.length; i++) {\n res[i] = cloneAndMarkFunctionalResult(vnodes[i], data, renderContext.parent, options, renderContext);\n }\n return res\n }\n}\n\nfunction cloneAndMarkFunctionalResult (vnode, data, contextVm, options, renderContext) {\n // #7817 clone node before setting fnContext, otherwise if the node is reused\n // (e.g. it was from a cached normal slot) the fnContext causes named slots\n // that should not be matched to match.\n var clone = cloneVNode(vnode);\n clone.fnContext = contextVm;\n clone.fnOptions = options;\n if (process.env.NODE_ENV !== 'production') {\n (clone.devtoolsMeta = clone.devtoolsMeta || {}).renderContext = renderContext;\n }\n if (data.slot) {\n (clone.data || (clone.data = {})).slot = data.slot;\n }\n return clone\n}\n\nfunction mergeProps (to, from) {\n for (var key in from) {\n to[camelize(key)] = from[key];\n }\n}\n\n/* */\n\n/* */\n\n/* */\n\n/* */\n\n// inline hooks to be invoked on component VNodes during patch\nvar componentVNodeHooks = {\n init: function init (vnode, hydrating) {\n if (\n vnode.componentInstance &&\n !vnode.componentInstance._isDestroyed &&\n vnode.data.keepAlive\n ) {\n // kept-alive components, treat as a patch\n var mountedNode = vnode; // work around flow\n componentVNodeHooks.prepatch(mountedNode, mountedNode);\n } else {\n var child = vnode.componentInstance = createComponentInstanceForVnode(\n vnode,\n activeInstance\n );\n child.$mount(hydrating ? vnode.elm : undefined, hydrating);\n }\n },\n\n prepatch: function prepatch (oldVnode, vnode) {\n var options = vnode.componentOptions;\n var child = vnode.componentInstance = oldVnode.componentInstance;\n updateChildComponent(\n child,\n options.propsData, // updated props\n options.listeners, // updated listeners\n vnode, // new parent vnode\n options.children // new children\n );\n },\n\n insert: function insert (vnode) {\n var context = vnode.context;\n var componentInstance = vnode.componentInstance;\n if (!componentInstance._isMounted) {\n componentInstance._isMounted = true;\n callHook(componentInstance, 'mounted');\n }\n if (vnode.data.keepAlive) {\n if (context._isMounted) {\n // vue-router#1212\n // During updates, a kept-alive component's child components may\n // change, so directly walking the tree here may call activated hooks\n // on incorrect children. Instead we push them into a queue which will\n // be processed after the whole patch process ended.\n queueActivatedComponent(componentInstance);\n } else {\n activateChildComponent(componentInstance, true /* direct */);\n }\n }\n },\n\n destroy: function destroy (vnode) {\n var componentInstance = vnode.componentInstance;\n if (!componentInstance._isDestroyed) {\n if (!vnode.data.keepAlive) {\n componentInstance.$destroy();\n } else {\n deactivateChildComponent(componentInstance, true /* direct */);\n }\n }\n }\n};\n\nvar hooksToMerge = Object.keys(componentVNodeHooks);\n\nfunction createComponent (\n Ctor,\n data,\n context,\n children,\n tag\n) {\n if (isUndef(Ctor)) {\n return\n }\n\n var baseCtor = context.$options._base;\n\n // plain options object: turn it into a constructor\n if (isObject(Ctor)) {\n Ctor = baseCtor.extend(Ctor);\n }\n\n // if at this stage it's not a constructor or an async component factory,\n // reject.\n if (typeof Ctor !== 'function') {\n if (process.env.NODE_ENV !== 'production') {\n warn((\"Invalid Component definition: \" + (String(Ctor))), context);\n }\n return\n }\n\n // async component\n var asyncFactory;\n if (isUndef(Ctor.cid)) {\n asyncFactory = Ctor;\n Ctor = resolveAsyncComponent(asyncFactory, baseCtor);\n if (Ctor === undefined) {\n // return a placeholder node for async component, which is rendered\n // as a comment node but preserves all the raw information for the node.\n // the information will be used for async server-rendering and hydration.\n return createAsyncPlaceholder(\n asyncFactory,\n data,\n context,\n children,\n tag\n )\n }\n }\n\n data = data || {};\n\n // resolve constructor options in case global mixins are applied after\n // component constructor creation\n resolveConstructorOptions(Ctor);\n\n // transform component v-model data into props & events\n if (isDef(data.model)) {\n transformModel(Ctor.options, data);\n }\n\n // extract props\n var propsData = extractPropsFromVNodeData(data, Ctor, tag);\n\n // functional component\n if (isTrue(Ctor.options.functional)) {\n return createFunctionalComponent(Ctor, propsData, data, context, children)\n }\n\n // extract listeners, since these needs to be treated as\n // child component listeners instead of DOM listeners\n var listeners = data.on;\n // replace with listeners with .native modifier\n // so it gets processed during parent component patch.\n data.on = data.nativeOn;\n\n if (isTrue(Ctor.options.abstract)) {\n // abstract components do not keep anything\n // other than props & listeners & slot\n\n // work around flow\n var slot = data.slot;\n data = {};\n if (slot) {\n data.slot = slot;\n }\n }\n\n // install component management hooks onto the placeholder node\n installComponentHooks(data);\n\n // return a placeholder vnode\n var name = Ctor.options.name || tag;\n var vnode = new VNode(\n (\"vue-component-\" + (Ctor.cid) + (name ? (\"-\" + name) : '')),\n data, undefined, undefined, undefined, context,\n { Ctor: Ctor, propsData: propsData, listeners: listeners, tag: tag, children: children },\n asyncFactory\n );\n\n return vnode\n}\n\nfunction createComponentInstanceForVnode (\n // we know it's MountedComponentVNode but flow doesn't\n vnode,\n // activeInstance in lifecycle state\n parent\n) {\n var options = {\n _isComponent: true,\n _parentVnode: vnode,\n parent: parent\n };\n // check inline-template render functions\n var inlineTemplate = vnode.data.inlineTemplate;\n if (isDef(inlineTemplate)) {\n options.render = inlineTemplate.render;\n options.staticRenderFns = inlineTemplate.staticRenderFns;\n }\n return new vnode.componentOptions.Ctor(options)\n}\n\nfunction installComponentHooks (data) {\n var hooks = data.hook || (data.hook = {});\n for (var i = 0; i < hooksToMerge.length; i++) {\n var key = hooksToMerge[i];\n var existing = hooks[key];\n var toMerge = componentVNodeHooks[key];\n if (existing !== toMerge && !(existing && existing._merged)) {\n hooks[key] = existing ? mergeHook$1(toMerge, existing) : toMerge;\n }\n }\n}\n\nfunction mergeHook$1 (f1, f2) {\n var merged = function (a, b) {\n // flow complains about extra args which is why we use any\n f1(a, b);\n f2(a, b);\n };\n merged._merged = true;\n return merged\n}\n\n// transform component v-model info (value and callback) into\n// prop and event handler respectively.\nfunction transformModel (options, data) {\n var prop = (options.model && options.model.prop) || 'value';\n var event = (options.model && options.model.event) || 'input'\n ;(data.attrs || (data.attrs = {}))[prop] = data.model.value;\n var on = data.on || (data.on = {});\n var existing = on[event];\n var callback = data.model.callback;\n if (isDef(existing)) {\n if (\n Array.isArray(existing)\n ? existing.indexOf(callback) === -1\n : existing !== callback\n ) {\n on[event] = [callback].concat(existing);\n }\n } else {\n on[event] = callback;\n }\n}\n\n/* */\n\nvar SIMPLE_NORMALIZE = 1;\nvar ALWAYS_NORMALIZE = 2;\n\n// wrapper function for providing a more flexible interface\n// without getting yelled at by flow\nfunction createElement (\n context,\n tag,\n data,\n children,\n normalizationType,\n alwaysNormalize\n) {\n if (Array.isArray(data) || isPrimitive(data)) {\n normalizationType = children;\n children = data;\n data = undefined;\n }\n if (isTrue(alwaysNormalize)) {\n normalizationType = ALWAYS_NORMALIZE;\n }\n return _createElement(context, tag, data, children, normalizationType)\n}\n\nfunction _createElement (\n context,\n tag,\n data,\n children,\n normalizationType\n) {\n if (isDef(data) && isDef((data).__ob__)) {\n process.env.NODE_ENV !== 'production' && warn(\n \"Avoid using observed data object as vnode data: \" + (JSON.stringify(data)) + \"\\n\" +\n 'Always create fresh vnode data objects in each render!',\n context\n );\n return createEmptyVNode()\n }\n // object syntax in v-bind\n if (isDef(data) && isDef(data.is)) {\n tag = data.is;\n }\n if (!tag) {\n // in case of component :is set to falsy value\n return createEmptyVNode()\n }\n // warn against non-primitive key\n if (process.env.NODE_ENV !== 'production' &&\n isDef(data) && isDef(data.key) && !isPrimitive(data.key)\n ) {\n {\n warn(\n 'Avoid using non-primitive value as key, ' +\n 'use string/number value instead.',\n context\n );\n }\n }\n // support single function children as default scoped slot\n if (Array.isArray(children) &&\n typeof children[0] === 'function'\n ) {\n data = data || {};\n data.scopedSlots = { default: children[0] };\n children.length = 0;\n }\n if (normalizationType === ALWAYS_NORMALIZE) {\n children = normalizeChildren(children);\n } else if (normalizationType === SIMPLE_NORMALIZE) {\n children = simpleNormalizeChildren(children);\n }\n var vnode, ns;\n if (typeof tag === 'string') {\n var Ctor;\n ns = (context.$vnode && context.$vnode.ns) || config.getTagNamespace(tag);\n if (config.isReservedTag(tag)) {\n // platform built-in elements\n if (process.env.NODE_ENV !== 'production' && isDef(data) && isDef(data.nativeOn) && data.tag !== 'component') {\n warn(\n (\"The .native modifier for v-on is only valid on components but it was used on <\" + tag + \">.\"),\n context\n );\n }\n vnode = new VNode(\n config.parsePlatformTagName(tag), data, children,\n undefined, undefined, context\n );\n } else if ((!data || !data.pre) && isDef(Ctor = resolveAsset(context.$options, 'components', tag))) {\n // component\n vnode = createComponent(Ctor, data, context, children, tag);\n } else {\n // unknown or unlisted namespaced elements\n // check at runtime because it may get assigned a namespace when its\n // parent normalizes children\n vnode = new VNode(\n tag, data, children,\n undefined, undefined, context\n );\n }\n } else {\n // direct component options / constructor\n vnode = createComponent(tag, data, context, children);\n }\n if (Array.isArray(vnode)) {\n return vnode\n } else if (isDef(vnode)) {\n if (isDef(ns)) { applyNS(vnode, ns); }\n if (isDef(data)) { registerDeepBindings(data); }\n return vnode\n } else {\n return createEmptyVNode()\n }\n}\n\nfunction applyNS (vnode, ns, force) {\n vnode.ns = ns;\n if (vnode.tag === 'foreignObject') {\n // use default namespace inside foreignObject\n ns = undefined;\n force = true;\n }\n if (isDef(vnode.children)) {\n for (var i = 0, l = vnode.children.length; i < l; i++) {\n var child = vnode.children[i];\n if (isDef(child.tag) && (\n isUndef(child.ns) || (isTrue(force) && child.tag !== 'svg'))) {\n applyNS(child, ns, force);\n }\n }\n }\n}\n\n// ref #5318\n// necessary to ensure parent re-render when deep bindings like :style and\n// :class are used on slot nodes\nfunction registerDeepBindings (data) {\n if (isObject(data.style)) {\n traverse(data.style);\n }\n if (isObject(data.class)) {\n traverse(data.class);\n }\n}\n\n/* */\n\nfunction initRender (vm) {\n vm._vnode = null; // the root of the child tree\n vm._staticTrees = null; // v-once cached trees\n var options = vm.$options;\n var parentVnode = vm.$vnode = options._parentVnode; // the placeholder node in parent tree\n var renderContext = parentVnode && parentVnode.context;\n vm.$slots = resolveSlots(options._renderChildren, renderContext);\n vm.$scopedSlots = emptyObject;\n // bind the createElement fn to this instance\n // so that we get proper render context inside it.\n // args order: tag, data, children, normalizationType, alwaysNormalize\n // internal version is used by render functions compiled from templates\n vm._c = function (a, b, c, d) { return createElement(vm, a, b, c, d, false); };\n // normalization is always applied for the public version, used in\n // user-written render functions.\n vm.$createElement = function (a, b, c, d) { return createElement(vm, a, b, c, d, true); };\n\n // $attrs & $listeners are exposed for easier HOC creation.\n // they need to be reactive so that HOCs using them are always updated\n var parentData = parentVnode && parentVnode.data;\n\n /* istanbul ignore else */\n if (process.env.NODE_ENV !== 'production') {\n defineReactive$$1(vm, '$attrs', parentData && parentData.attrs || emptyObject, function () {\n !isUpdatingChildComponent && warn(\"$attrs is readonly.\", vm);\n }, true);\n defineReactive$$1(vm, '$listeners', options._parentListeners || emptyObject, function () {\n !isUpdatingChildComponent && warn(\"$listeners is readonly.\", vm);\n }, true);\n } else {\n defineReactive$$1(vm, '$attrs', parentData && parentData.attrs || emptyObject, null, true);\n defineReactive$$1(vm, '$listeners', options._parentListeners || emptyObject, null, true);\n }\n}\n\nvar currentRenderingInstance = null;\n\nfunction renderMixin (Vue) {\n // install runtime convenience helpers\n installRenderHelpers(Vue.prototype);\n\n Vue.prototype.$nextTick = function (fn) {\n return nextTick(fn, this)\n };\n\n Vue.prototype._render = function () {\n var vm = this;\n var ref = vm.$options;\n var render = ref.render;\n var _parentVnode = ref._parentVnode;\n\n if (_parentVnode) {\n vm.$scopedSlots = normalizeScopedSlots(\n _parentVnode.data.scopedSlots,\n vm.$slots,\n vm.$scopedSlots\n );\n }\n\n // set parent vnode. this allows render functions to have access\n // to the data on the placeholder node.\n vm.$vnode = _parentVnode;\n // render self\n var vnode;\n try {\n // There's no need to maintain a stack because all render fns are called\n // separately from one another. Nested component's render fns are called\n // when parent component is patched.\n currentRenderingInstance = vm;\n vnode = render.call(vm._renderProxy, vm.$createElement);\n } catch (e) {\n handleError(e, vm, \"render\");\n // return error render result,\n // or previous vnode to prevent render error causing blank component\n /* istanbul ignore else */\n if (process.env.NODE_ENV !== 'production' && vm.$options.renderError) {\n try {\n vnode = vm.$options.renderError.call(vm._renderProxy, vm.$createElement, e);\n } catch (e) {\n handleError(e, vm, \"renderError\");\n vnode = vm._vnode;\n }\n } else {\n vnode = vm._vnode;\n }\n } finally {\n currentRenderingInstance = null;\n }\n // if the returned array contains only a single node, allow it\n if (Array.isArray(vnode) && vnode.length === 1) {\n vnode = vnode[0];\n }\n // return empty vnode in case the render function errored out\n if (!(vnode instanceof VNode)) {\n if (process.env.NODE_ENV !== 'production' && Array.isArray(vnode)) {\n warn(\n 'Multiple root nodes returned from render function. Render function ' +\n 'should return a single root node.',\n vm\n );\n }\n vnode = createEmptyVNode();\n }\n // set parent\n vnode.parent = _parentVnode;\n return vnode\n };\n}\n\n/* */\n\nfunction ensureCtor (comp, base) {\n if (\n comp.__esModule ||\n (hasSymbol && comp[Symbol.toStringTag] === 'Module')\n ) {\n comp = comp.default;\n }\n return isObject(comp)\n ? base.extend(comp)\n : comp\n}\n\nfunction createAsyncPlaceholder (\n factory,\n data,\n context,\n children,\n tag\n) {\n var node = createEmptyVNode();\n node.asyncFactory = factory;\n node.asyncMeta = { data: data, context: context, children: children, tag: tag };\n return node\n}\n\nfunction resolveAsyncComponent (\n factory,\n baseCtor\n) {\n if (isTrue(factory.error) && isDef(factory.errorComp)) {\n return factory.errorComp\n }\n\n if (isDef(factory.resolved)) {\n return factory.resolved\n }\n\n var owner = currentRenderingInstance;\n if (owner && isDef(factory.owners) && factory.owners.indexOf(owner) === -1) {\n // already pending\n factory.owners.push(owner);\n }\n\n if (isTrue(factory.loading) && isDef(factory.loadingComp)) {\n return factory.loadingComp\n }\n\n if (owner && !isDef(factory.owners)) {\n var owners = factory.owners = [owner];\n var sync = true;\n var timerLoading = null;\n var timerTimeout = null\n\n ;(owner).$on('hook:destroyed', function () { return remove(owners, owner); });\n\n var forceRender = function (renderCompleted) {\n for (var i = 0, l = owners.length; i < l; i++) {\n (owners[i]).$forceUpdate();\n }\n\n if (renderCompleted) {\n owners.length = 0;\n if (timerLoading !== null) {\n clearTimeout(timerLoading);\n timerLoading = null;\n }\n if (timerTimeout !== null) {\n clearTimeout(timerTimeout);\n timerTimeout = null;\n }\n }\n };\n\n var resolve = once(function (res) {\n // cache resolved\n factory.resolved = ensureCtor(res, baseCtor);\n // invoke callbacks only if this is not a synchronous resolve\n // (async resolves are shimmed as synchronous during SSR)\n if (!sync) {\n forceRender(true);\n } else {\n owners.length = 0;\n }\n });\n\n var reject = once(function (reason) {\n process.env.NODE_ENV !== 'production' && warn(\n \"Failed to resolve async component: \" + (String(factory)) +\n (reason ? (\"\\nReason: \" + reason) : '')\n );\n if (isDef(factory.errorComp)) {\n factory.error = true;\n forceRender(true);\n }\n });\n\n var res = factory(resolve, reject);\n\n if (isObject(res)) {\n if (isPromise(res)) {\n // () => Promise\n if (isUndef(factory.resolved)) {\n res.then(resolve, reject);\n }\n } else if (isPromise(res.component)) {\n res.component.then(resolve, reject);\n\n if (isDef(res.error)) {\n factory.errorComp = ensureCtor(res.error, baseCtor);\n }\n\n if (isDef(res.loading)) {\n factory.loadingComp = ensureCtor(res.loading, baseCtor);\n if (res.delay === 0) {\n factory.loading = true;\n } else {\n timerLoading = setTimeout(function () {\n timerLoading = null;\n if (isUndef(factory.resolved) && isUndef(factory.error)) {\n factory.loading = true;\n forceRender(false);\n }\n }, res.delay || 200);\n }\n }\n\n if (isDef(res.timeout)) {\n timerTimeout = setTimeout(function () {\n timerTimeout = null;\n if (isUndef(factory.resolved)) {\n reject(\n process.env.NODE_ENV !== 'production'\n ? (\"timeout (\" + (res.timeout) + \"ms)\")\n : null\n );\n }\n }, res.timeout);\n }\n }\n }\n\n sync = false;\n // return in case resolved synchronously\n return factory.loading\n ? factory.loadingComp\n : factory.resolved\n }\n}\n\n/* */\n\nfunction getFirstComponentChild (children) {\n if (Array.isArray(children)) {\n for (var i = 0; i < children.length; i++) {\n var c = children[i];\n if (isDef(c) && (isDef(c.componentOptions) || isAsyncPlaceholder(c))) {\n return c\n }\n }\n }\n}\n\n/* */\n\n/* */\n\nfunction initEvents (vm) {\n vm._events = Object.create(null);\n vm._hasHookEvent = false;\n // init parent attached events\n var listeners = vm.$options._parentListeners;\n if (listeners) {\n updateComponentListeners(vm, listeners);\n }\n}\n\nvar target;\n\nfunction add (event, fn) {\n target.$on(event, fn);\n}\n\nfunction remove$1 (event, fn) {\n target.$off(event, fn);\n}\n\nfunction createOnceHandler (event, fn) {\n var _target = target;\n return function onceHandler () {\n var res = fn.apply(null, arguments);\n if (res !== null) {\n _target.$off(event, onceHandler);\n }\n }\n}\n\nfunction updateComponentListeners (\n vm,\n listeners,\n oldListeners\n) {\n target = vm;\n updateListeners(listeners, oldListeners || {}, add, remove$1, createOnceHandler, vm);\n target = undefined;\n}\n\nfunction eventsMixin (Vue) {\n var hookRE = /^hook:/;\n Vue.prototype.$on = function (event, fn) {\n var vm = this;\n if (Array.isArray(event)) {\n for (var i = 0, l = event.length; i < l; i++) {\n vm.$on(event[i], fn);\n }\n } else {\n (vm._events[event] || (vm._events[event] = [])).push(fn);\n // optimize hook:event cost by using a boolean flag marked at registration\n // instead of a hash lookup\n if (hookRE.test(event)) {\n vm._hasHookEvent = true;\n }\n }\n return vm\n };\n\n Vue.prototype.$once = function (event, fn) {\n var vm = this;\n function on () {\n vm.$off(event, on);\n fn.apply(vm, arguments);\n }\n on.fn = fn;\n vm.$on(event, on);\n return vm\n };\n\n Vue.prototype.$off = function (event, fn) {\n var vm = this;\n // all\n if (!arguments.length) {\n vm._events = Object.create(null);\n return vm\n }\n // array of events\n if (Array.isArray(event)) {\n for (var i$1 = 0, l = event.length; i$1 < l; i$1++) {\n vm.$off(event[i$1], fn);\n }\n return vm\n }\n // specific event\n var cbs = vm._events[event];\n if (!cbs) {\n return vm\n }\n if (!fn) {\n vm._events[event] = null;\n return vm\n }\n // specific handler\n var cb;\n var i = cbs.length;\n while (i--) {\n cb = cbs[i];\n if (cb === fn || cb.fn === fn) {\n cbs.splice(i, 1);\n break\n }\n }\n return vm\n };\n\n Vue.prototype.$emit = function (event) {\n var vm = this;\n if (process.env.NODE_ENV !== 'production') {\n var lowerCaseEvent = event.toLowerCase();\n if (lowerCaseEvent !== event && vm._events[lowerCaseEvent]) {\n tip(\n \"Event \\\"\" + lowerCaseEvent + \"\\\" is emitted in component \" +\n (formatComponentName(vm)) + \" but the handler is registered for \\\"\" + event + \"\\\". \" +\n \"Note that HTML attributes are case-insensitive and you cannot use \" +\n \"v-on to listen to camelCase events when using in-DOM templates. \" +\n \"You should probably use \\\"\" + (hyphenate(event)) + \"\\\" instead of \\\"\" + event + \"\\\".\"\n );\n }\n }\n var cbs = vm._events[event];\n if (cbs) {\n cbs = cbs.length > 1 ? toArray(cbs) : cbs;\n var args = toArray(arguments, 1);\n var info = \"event handler for \\\"\" + event + \"\\\"\";\n for (var i = 0, l = cbs.length; i < l; i++) {\n invokeWithErrorHandling(cbs[i], vm, args, vm, info);\n }\n }\n return vm\n };\n}\n\n/* */\n\nvar activeInstance = null;\nvar isUpdatingChildComponent = false;\n\nfunction setActiveInstance(vm) {\n var prevActiveInstance = activeInstance;\n activeInstance = vm;\n return function () {\n activeInstance = prevActiveInstance;\n }\n}\n\nfunction initLifecycle (vm) {\n var options = vm.$options;\n\n // locate first non-abstract parent\n var parent = options.parent;\n if (parent && !options.abstract) {\n while (parent.$options.abstract && parent.$parent) {\n parent = parent.$parent;\n }\n parent.$children.push(vm);\n }\n\n vm.$parent = parent;\n vm.$root = parent ? parent.$root : vm;\n\n vm.$children = [];\n vm.$refs = {};\n\n vm._watcher = null;\n vm._inactive = null;\n vm._directInactive = false;\n vm._isMounted = false;\n vm._isDestroyed = false;\n vm._isBeingDestroyed = false;\n}\n\nfunction lifecycleMixin (Vue) {\n Vue.prototype._update = function (vnode, hydrating) {\n var vm = this;\n var prevEl = vm.$el;\n var prevVnode = vm._vnode;\n var restoreActiveInstance = setActiveInstance(vm);\n vm._vnode = vnode;\n // Vue.prototype.__patch__ is injected in entry points\n // based on the rendering backend used.\n if (!prevVnode) {\n // initial render\n vm.$el = vm.__patch__(vm.$el, vnode, hydrating, false /* removeOnly */);\n } else {\n // updates\n vm.$el = vm.__patch__(prevVnode, vnode);\n }\n restoreActiveInstance();\n // update __vue__ reference\n if (prevEl) {\n prevEl.__vue__ = null;\n }\n if (vm.$el) {\n vm.$el.__vue__ = vm;\n }\n // if parent is an HOC, update its $el as well\n if (vm.$vnode && vm.$parent && vm.$vnode === vm.$parent._vnode) {\n vm.$parent.$el = vm.$el;\n }\n // updated hook is called by the scheduler to ensure that children are\n // updated in a parent's updated hook.\n };\n\n Vue.prototype.$forceUpdate = function () {\n var vm = this;\n if (vm._watcher) {\n vm._watcher.update();\n }\n };\n\n Vue.prototype.$destroy = function () {\n var vm = this;\n if (vm._isBeingDestroyed) {\n return\n }\n callHook(vm, 'beforeDestroy');\n vm._isBeingDestroyed = true;\n // remove self from parent\n var parent = vm.$parent;\n if (parent && !parent._isBeingDestroyed && !vm.$options.abstract) {\n remove(parent.$children, vm);\n }\n // teardown watchers\n if (vm._watcher) {\n vm._watcher.teardown();\n }\n var i = vm._watchers.length;\n while (i--) {\n vm._watchers[i].teardown();\n }\n // remove reference from data ob\n // frozen object may not have observer.\n if (vm._data.__ob__) {\n vm._data.__ob__.vmCount--;\n }\n // call the last hook...\n vm._isDestroyed = true;\n // invoke destroy hooks on current rendered tree\n vm.__patch__(vm._vnode, null);\n // fire destroyed hook\n callHook(vm, 'destroyed');\n // turn off all instance listeners.\n vm.$off();\n // remove __vue__ reference\n if (vm.$el) {\n vm.$el.__vue__ = null;\n }\n // release circular reference (#6759)\n if (vm.$vnode) {\n vm.$vnode.parent = null;\n }\n };\n}\n\nfunction mountComponent (\n vm,\n el,\n hydrating\n) {\n vm.$el = el;\n if (!vm.$options.render) {\n vm.$options.render = createEmptyVNode;\n if (process.env.NODE_ENV !== 'production') {\n /* istanbul ignore if */\n if ((vm.$options.template && vm.$options.template.charAt(0) !== '#') ||\n vm.$options.el || el) {\n warn(\n 'You are using the runtime-only build of Vue where the template ' +\n 'compiler is not available. Either pre-compile the templates into ' +\n 'render functions, or use the compiler-included build.',\n vm\n );\n } else {\n warn(\n 'Failed to mount component: template or render function not defined.',\n vm\n );\n }\n }\n }\n callHook(vm, 'beforeMount');\n\n var updateComponent;\n /* istanbul ignore if */\n if (process.env.NODE_ENV !== 'production' && config.performance && mark) {\n updateComponent = function () {\n var name = vm._name;\n var id = vm._uid;\n var startTag = \"vue-perf-start:\" + id;\n var endTag = \"vue-perf-end:\" + id;\n\n mark(startTag);\n var vnode = vm._render();\n mark(endTag);\n measure((\"vue \" + name + \" render\"), startTag, endTag);\n\n mark(startTag);\n vm._update(vnode, hydrating);\n mark(endTag);\n measure((\"vue \" + name + \" patch\"), startTag, endTag);\n };\n } else {\n updateComponent = function () {\n vm._update(vm._render(), hydrating);\n };\n }\n\n // we set this to vm._watcher inside the watcher's constructor\n // since the watcher's initial patch may call $forceUpdate (e.g. inside child\n // component's mounted hook), which relies on vm._watcher being already defined\n new Watcher(vm, updateComponent, noop, {\n before: function before () {\n if (vm._isMounted && !vm._isDestroyed) {\n callHook(vm, 'beforeUpdate');\n }\n }\n }, true /* isRenderWatcher */);\n hydrating = false;\n\n // manually mounted instance, call mounted on self\n // mounted is called for render-created child components in its inserted hook\n if (vm.$vnode == null) {\n vm._isMounted = true;\n callHook(vm, 'mounted');\n }\n return vm\n}\n\nfunction updateChildComponent (\n vm,\n propsData,\n listeners,\n parentVnode,\n renderChildren\n) {\n if (process.env.NODE_ENV !== 'production') {\n isUpdatingChildComponent = true;\n }\n\n // determine whether component has slot children\n // we need to do this before overwriting $options._renderChildren.\n\n // check if there are dynamic scopedSlots (hand-written or compiled but with\n // dynamic slot names). Static scoped slots compiled from template has the\n // \"$stable\" marker.\n var newScopedSlots = parentVnode.data.scopedSlots;\n var oldScopedSlots = vm.$scopedSlots;\n var hasDynamicScopedSlot = !!(\n (newScopedSlots && !newScopedSlots.$stable) ||\n (oldScopedSlots !== emptyObject && !oldScopedSlots.$stable) ||\n (newScopedSlots && vm.$scopedSlots.$key !== newScopedSlots.$key) ||\n (!newScopedSlots && vm.$scopedSlots.$key)\n );\n\n // Any static slot children from the parent may have changed during parent's\n // update. Dynamic scoped slots may also have changed. In such cases, a forced\n // update is necessary to ensure correctness.\n var needsForceUpdate = !!(\n renderChildren || // has new static slots\n vm.$options._renderChildren || // has old static slots\n hasDynamicScopedSlot\n );\n\n vm.$options._parentVnode = parentVnode;\n vm.$vnode = parentVnode; // update vm's placeholder node without re-render\n\n if (vm._vnode) { // update child tree's parent\n vm._vnode.parent = parentVnode;\n }\n vm.$options._renderChildren = renderChildren;\n\n // update $attrs and $listeners hash\n // these are also reactive so they may trigger child update if the child\n // used them during render\n vm.$attrs = parentVnode.data.attrs || emptyObject;\n vm.$listeners = listeners || emptyObject;\n\n // update props\n if (propsData && vm.$options.props) {\n toggleObserving(false);\n var props = vm._props;\n var propKeys = vm.$options._propKeys || [];\n for (var i = 0; i < propKeys.length; i++) {\n var key = propKeys[i];\n var propOptions = vm.$options.props; // wtf flow?\n props[key] = validateProp(key, propOptions, propsData, vm);\n }\n toggleObserving(true);\n // keep a copy of raw propsData\n vm.$options.propsData = propsData;\n }\n\n // update listeners\n listeners = listeners || emptyObject;\n var oldListeners = vm.$options._parentListeners;\n vm.$options._parentListeners = listeners;\n updateComponentListeners(vm, listeners, oldListeners);\n\n // resolve slots + force update if has children\n if (needsForceUpdate) {\n vm.$slots = resolveSlots(renderChildren, parentVnode.context);\n vm.$forceUpdate();\n }\n\n if (process.env.NODE_ENV !== 'production') {\n isUpdatingChildComponent = false;\n }\n}\n\nfunction isInInactiveTree (vm) {\n while (vm && (vm = vm.$parent)) {\n if (vm._inactive) { return true }\n }\n return false\n}\n\nfunction activateChildComponent (vm, direct) {\n if (direct) {\n vm._directInactive = false;\n if (isInInactiveTree(vm)) {\n return\n }\n } else if (vm._directInactive) {\n return\n }\n if (vm._inactive || vm._inactive === null) {\n vm._inactive = false;\n for (var i = 0; i < vm.$children.length; i++) {\n activateChildComponent(vm.$children[i]);\n }\n callHook(vm, 'activated');\n }\n}\n\nfunction deactivateChildComponent (vm, direct) {\n if (direct) {\n vm._directInactive = true;\n if (isInInactiveTree(vm)) {\n return\n }\n }\n if (!vm._inactive) {\n vm._inactive = true;\n for (var i = 0; i < vm.$children.length; i++) {\n deactivateChildComponent(vm.$children[i]);\n }\n callHook(vm, 'deactivated');\n }\n}\n\nfunction callHook (vm, hook) {\n // #7573 disable dep collection when invoking lifecycle hooks\n pushTarget();\n var handlers = vm.$options[hook];\n var info = hook + \" hook\";\n if (handlers) {\n for (var i = 0, j = handlers.length; i < j; i++) {\n invokeWithErrorHandling(handlers[i], vm, null, vm, info);\n }\n }\n if (vm._hasHookEvent) {\n vm.$emit('hook:' + hook);\n }\n popTarget();\n}\n\n/* */\n\nvar MAX_UPDATE_COUNT = 100;\n\nvar queue = [];\nvar activatedChildren = [];\nvar has = {};\nvar circular = {};\nvar waiting = false;\nvar flushing = false;\nvar index = 0;\n\n/**\n * Reset the scheduler's state.\n */\nfunction resetSchedulerState () {\n index = queue.length = activatedChildren.length = 0;\n has = {};\n if (process.env.NODE_ENV !== 'production') {\n circular = {};\n }\n waiting = flushing = false;\n}\n\n// Async edge case #6566 requires saving the timestamp when event listeners are\n// attached. However, calling performance.now() has a perf overhead especially\n// if the page has thousands of event listeners. Instead, we take a timestamp\n// every time the scheduler flushes and use that for all event listeners\n// attached during that flush.\nvar currentFlushTimestamp = 0;\n\n// Async edge case fix requires storing an event listener's attach timestamp.\nvar getNow = Date.now;\n\n// Determine what event timestamp the browser is using. Annoyingly, the\n// timestamp can either be hi-res (relative to page load) or low-res\n// (relative to UNIX epoch), so in order to compare time we have to use the\n// same timestamp type when saving the flush timestamp.\n// All IE versions use low-res event timestamps, and have problematic clock\n// implementations (#9632)\nif (inBrowser && !isIE) {\n var performance = window.performance;\n if (\n performance &&\n typeof performance.now === 'function' &&\n getNow() > document.createEvent('Event').timeStamp\n ) {\n // if the event timestamp, although evaluated AFTER the Date.now(), is\n // smaller than it, it means the event is using a hi-res timestamp,\n // and we need to use the hi-res version for event listener timestamps as\n // well.\n getNow = function () { return performance.now(); };\n }\n}\n\n/**\n * Flush both queues and run the watchers.\n */\nfunction flushSchedulerQueue () {\n currentFlushTimestamp = getNow();\n flushing = true;\n var watcher, id;\n\n // Sort queue before flush.\n // This ensures that:\n // 1. Components are updated from parent to child. (because parent is always\n // created before the child)\n // 2. A component's user watchers are run before its render watcher (because\n // user watchers are created before the render watcher)\n // 3. If a component is destroyed during a parent component's watcher run,\n // its watchers can be skipped.\n queue.sort(function (a, b) { return a.id - b.id; });\n\n // do not cache length because more watchers might be pushed\n // as we run existing watchers\n for (index = 0; index < queue.length; index++) {\n watcher = queue[index];\n if (watcher.before) {\n watcher.before();\n }\n id = watcher.id;\n has[id] = null;\n watcher.run();\n // in dev build, check and stop circular updates.\n if (process.env.NODE_ENV !== 'production' && has[id] != null) {\n circular[id] = (circular[id] || 0) + 1;\n if (circular[id] > MAX_UPDATE_COUNT) {\n warn(\n 'You may have an infinite update loop ' + (\n watcher.user\n ? (\"in watcher with expression \\\"\" + (watcher.expression) + \"\\\"\")\n : \"in a component render function.\"\n ),\n watcher.vm\n );\n break\n }\n }\n }\n\n // keep copies of post queues before resetting state\n var activatedQueue = activatedChildren.slice();\n var updatedQueue = queue.slice();\n\n resetSchedulerState();\n\n // call component updated and activated hooks\n callActivatedHooks(activatedQueue);\n callUpdatedHooks(updatedQueue);\n\n // devtool hook\n /* istanbul ignore if */\n if (devtools && config.devtools) {\n devtools.emit('flush');\n }\n}\n\nfunction callUpdatedHooks (queue) {\n var i = queue.length;\n while (i--) {\n var watcher = queue[i];\n var vm = watcher.vm;\n if (vm._watcher === watcher && vm._isMounted && !vm._isDestroyed) {\n callHook(vm, 'updated');\n }\n }\n}\n\n/**\n * Queue a kept-alive component that was activated during patch.\n * The queue will be processed after the entire tree has been patched.\n */\nfunction queueActivatedComponent (vm) {\n // setting _inactive to false here so that a render function can\n // rely on checking whether it's in an inactive tree (e.g. router-view)\n vm._inactive = false;\n activatedChildren.push(vm);\n}\n\nfunction callActivatedHooks (queue) {\n for (var i = 0; i < queue.length; i++) {\n queue[i]._inactive = true;\n activateChildComponent(queue[i], true /* true */);\n }\n}\n\n/**\n * Push a watcher into the watcher queue.\n * Jobs with duplicate IDs will be skipped unless it's\n * pushed when the queue is being flushed.\n */\nfunction queueWatcher (watcher) {\n var id = watcher.id;\n if (has[id] == null) {\n has[id] = true;\n if (!flushing) {\n queue.push(watcher);\n } else {\n // if already flushing, splice the watcher based on its id\n // if already past its id, it will be run next immediately.\n var i = queue.length - 1;\n while (i > index && queue[i].id > watcher.id) {\n i--;\n }\n queue.splice(i + 1, 0, watcher);\n }\n // queue the flush\n if (!waiting) {\n waiting = true;\n\n if (process.env.NODE_ENV !== 'production' && !config.async) {\n flushSchedulerQueue();\n return\n }\n nextTick(flushSchedulerQueue);\n }\n }\n}\n\n/* */\n\n\n\nvar uid$2 = 0;\n\n/**\n * A watcher parses an expression, collects dependencies,\n * and fires callback when the expression value changes.\n * This is used for both the $watch() api and directives.\n */\nvar Watcher = function Watcher (\n vm,\n expOrFn,\n cb,\n options,\n isRenderWatcher\n) {\n this.vm = vm;\n if (isRenderWatcher) {\n vm._watcher = this;\n }\n vm._watchers.push(this);\n // options\n if (options) {\n this.deep = !!options.deep;\n this.user = !!options.user;\n this.lazy = !!options.lazy;\n this.sync = !!options.sync;\n this.before = options.before;\n } else {\n this.deep = this.user = this.lazy = this.sync = false;\n }\n this.cb = cb;\n this.id = ++uid$2; // uid for batching\n this.active = true;\n this.dirty = this.lazy; // for lazy watchers\n this.deps = [];\n this.newDeps = [];\n this.depIds = new _Set();\n this.newDepIds = new _Set();\n this.expression = process.env.NODE_ENV !== 'production'\n ? expOrFn.toString()\n : '';\n // parse expression for getter\n if (typeof expOrFn === 'function') {\n this.getter = expOrFn;\n } else {\n this.getter = parsePath(expOrFn);\n if (!this.getter) {\n this.getter = noop;\n process.env.NODE_ENV !== 'production' && warn(\n \"Failed watching path: \\\"\" + expOrFn + \"\\\" \" +\n 'Watcher only accepts simple dot-delimited paths. ' +\n 'For full control, use a function instead.',\n vm\n );\n }\n }\n this.value = this.lazy\n ? undefined\n : this.get();\n};\n\n/**\n * Evaluate the getter, and re-collect dependencies.\n */\nWatcher.prototype.get = function get () {\n pushTarget(this);\n var value;\n var vm = this.vm;\n try {\n value = this.getter.call(vm, vm);\n } catch (e) {\n if (this.user) {\n handleError(e, vm, (\"getter for watcher \\\"\" + (this.expression) + \"\\\"\"));\n } else {\n throw e\n }\n } finally {\n // \"touch\" every property so they are all tracked as\n // dependencies for deep watching\n if (this.deep) {\n traverse(value);\n }\n popTarget();\n this.cleanupDeps();\n }\n return value\n};\n\n/**\n * Add a dependency to this directive.\n */\nWatcher.prototype.addDep = function addDep (dep) {\n var id = dep.id;\n if (!this.newDepIds.has(id)) {\n this.newDepIds.add(id);\n this.newDeps.push(dep);\n if (!this.depIds.has(id)) {\n dep.addSub(this);\n }\n }\n};\n\n/**\n * Clean up for dependency collection.\n */\nWatcher.prototype.cleanupDeps = function cleanupDeps () {\n var i = this.deps.length;\n while (i--) {\n var dep = this.deps[i];\n if (!this.newDepIds.has(dep.id)) {\n dep.removeSub(this);\n }\n }\n var tmp = this.depIds;\n this.depIds = this.newDepIds;\n this.newDepIds = tmp;\n this.newDepIds.clear();\n tmp = this.deps;\n this.deps = this.newDeps;\n this.newDeps = tmp;\n this.newDeps.length = 0;\n};\n\n/**\n * Subscriber interface.\n * Will be called when a dependency changes.\n */\nWatcher.prototype.update = function update () {\n /* istanbul ignore else */\n if (this.lazy) {\n this.dirty = true;\n } else if (this.sync) {\n this.run();\n } else {\n queueWatcher(this);\n }\n};\n\n/**\n * Scheduler job interface.\n * Will be called by the scheduler.\n */\nWatcher.prototype.run = function run () {\n if (this.active) {\n var value = this.get();\n if (\n value !== this.value ||\n // Deep watchers and watchers on Object/Arrays should fire even\n // when the value is the same, because the value may\n // have mutated.\n isObject(value) ||\n this.deep\n ) {\n // set new value\n var oldValue = this.value;\n this.value = value;\n if (this.user) {\n var info = \"callback for watcher \\\"\" + (this.expression) + \"\\\"\";\n invokeWithErrorHandling(this.cb, this.vm, [value, oldValue], this.vm, info);\n } else {\n this.cb.call(this.vm, value, oldValue);\n }\n }\n }\n};\n\n/**\n * Evaluate the value of the watcher.\n * This only gets called for lazy watchers.\n */\nWatcher.prototype.evaluate = function evaluate () {\n this.value = this.get();\n this.dirty = false;\n};\n\n/**\n * Depend on all deps collected by this watcher.\n */\nWatcher.prototype.depend = function depend () {\n var i = this.deps.length;\n while (i--) {\n this.deps[i].depend();\n }\n};\n\n/**\n * Remove self from all dependencies' subscriber list.\n */\nWatcher.prototype.teardown = function teardown () {\n if (this.active) {\n // remove self from vm's watcher list\n // this is a somewhat expensive operation so we skip it\n // if the vm is being destroyed.\n if (!this.vm._isBeingDestroyed) {\n remove(this.vm._watchers, this);\n }\n var i = this.deps.length;\n while (i--) {\n this.deps[i].removeSub(this);\n }\n this.active = false;\n }\n};\n\n/* */\n\nvar sharedPropertyDefinition = {\n enumerable: true,\n configurable: true,\n get: noop,\n set: noop\n};\n\nfunction proxy (target, sourceKey, key) {\n sharedPropertyDefinition.get = function proxyGetter () {\n return this[sourceKey][key]\n };\n sharedPropertyDefinition.set = function proxySetter (val) {\n this[sourceKey][key] = val;\n };\n Object.defineProperty(target, key, sharedPropertyDefinition);\n}\n\nfunction initState (vm) {\n vm._watchers = [];\n var opts = vm.$options;\n if (opts.props) { initProps(vm, opts.props); }\n if (opts.methods) { initMethods(vm, opts.methods); }\n if (opts.data) {\n initData(vm);\n } else {\n observe(vm._data = {}, true /* asRootData */);\n }\n if (opts.computed) { initComputed(vm, opts.computed); }\n if (opts.watch && opts.watch !== nativeWatch) {\n initWatch(vm, opts.watch);\n }\n}\n\nfunction initProps (vm, propsOptions) {\n var propsData = vm.$options.propsData || {};\n var props = vm._props = {};\n // cache prop keys so that future props updates can iterate using Array\n // instead of dynamic object key enumeration.\n var keys = vm.$options._propKeys = [];\n var isRoot = !vm.$parent;\n // root instance props should be converted\n if (!isRoot) {\n toggleObserving(false);\n }\n var loop = function ( key ) {\n keys.push(key);\n var value = validateProp(key, propsOptions, propsData, vm);\n /* istanbul ignore else */\n if (process.env.NODE_ENV !== 'production') {\n var hyphenatedKey = hyphenate(key);\n if (isReservedAttribute(hyphenatedKey) ||\n config.isReservedAttr(hyphenatedKey)) {\n warn(\n (\"\\\"\" + hyphenatedKey + \"\\\" is a reserved attribute and cannot be used as component prop.\"),\n vm\n );\n }\n defineReactive$$1(props, key, value, function () {\n if (!isRoot && !isUpdatingChildComponent) {\n warn(\n \"Avoid mutating a prop directly since the value will be \" +\n \"overwritten whenever the parent component re-renders. \" +\n \"Instead, use a data or computed property based on the prop's \" +\n \"value. Prop being mutated: \\\"\" + key + \"\\\"\",\n vm\n );\n }\n });\n } else {\n defineReactive$$1(props, key, value);\n }\n // static props are already proxied on the component's prototype\n // during Vue.extend(). We only need to proxy props defined at\n // instantiation here.\n if (!(key in vm)) {\n proxy(vm, \"_props\", key);\n }\n };\n\n for (var key in propsOptions) loop( key );\n toggleObserving(true);\n}\n\nfunction initData (vm) {\n var data = vm.$options.data;\n data = vm._data = typeof data === 'function'\n ? getData(data, vm)\n : data || {};\n if (!isPlainObject(data)) {\n data = {};\n process.env.NODE_ENV !== 'production' && warn(\n 'data functions should return an object:\\n' +\n 'https://vuejs.org/v2/guide/components.html#data-Must-Be-a-Function',\n vm\n );\n }\n // proxy data on instance\n var keys = Object.keys(data);\n var props = vm.$options.props;\n var methods = vm.$options.methods;\n var i = keys.length;\n while (i--) {\n var key = keys[i];\n if (process.env.NODE_ENV !== 'production') {\n if (methods && hasOwn(methods, key)) {\n warn(\n (\"Method \\\"\" + key + \"\\\" has already been defined as a data property.\"),\n vm\n );\n }\n }\n if (props && hasOwn(props, key)) {\n process.env.NODE_ENV !== 'production' && warn(\n \"The data property \\\"\" + key + \"\\\" is already declared as a prop. \" +\n \"Use prop default value instead.\",\n vm\n );\n } else if (!isReserved(key)) {\n proxy(vm, \"_data\", key);\n }\n }\n // observe data\n observe(data, true /* asRootData */);\n}\n\nfunction getData (data, vm) {\n // #7573 disable dep collection when invoking data getters\n pushTarget();\n try {\n return data.call(vm, vm)\n } catch (e) {\n handleError(e, vm, \"data()\");\n return {}\n } finally {\n popTarget();\n }\n}\n\nvar computedWatcherOptions = { lazy: true };\n\nfunction initComputed (vm, computed) {\n // $flow-disable-line\n var watchers = vm._computedWatchers = Object.create(null);\n // computed properties are just getters during SSR\n var isSSR = isServerRendering();\n\n for (var key in computed) {\n var userDef = computed[key];\n var getter = typeof userDef === 'function' ? userDef : userDef.get;\n if (process.env.NODE_ENV !== 'production' && getter == null) {\n warn(\n (\"Getter is missing for computed property \\\"\" + key + \"\\\".\"),\n vm\n );\n }\n\n if (!isSSR) {\n // create internal watcher for the computed property.\n watchers[key] = new Watcher(\n vm,\n getter || noop,\n noop,\n computedWatcherOptions\n );\n }\n\n // component-defined computed properties are already defined on the\n // component prototype. We only need to define computed properties defined\n // at instantiation here.\n if (!(key in vm)) {\n defineComputed(vm, key, userDef);\n } else if (process.env.NODE_ENV !== 'production') {\n if (key in vm.$data) {\n warn((\"The computed property \\\"\" + key + \"\\\" is already defined in data.\"), vm);\n } else if (vm.$options.props && key in vm.$options.props) {\n warn((\"The computed property \\\"\" + key + \"\\\" is already defined as a prop.\"), vm);\n } else if (vm.$options.methods && key in vm.$options.methods) {\n warn((\"The computed property \\\"\" + key + \"\\\" is already defined as a method.\"), vm);\n }\n }\n }\n}\n\nfunction defineComputed (\n target,\n key,\n userDef\n) {\n var shouldCache = !isServerRendering();\n if (typeof userDef === 'function') {\n sharedPropertyDefinition.get = shouldCache\n ? createComputedGetter(key)\n : createGetterInvoker(userDef);\n sharedPropertyDefinition.set = noop;\n } else {\n sharedPropertyDefinition.get = userDef.get\n ? shouldCache && userDef.cache !== false\n ? createComputedGetter(key)\n : createGetterInvoker(userDef.get)\n : noop;\n sharedPropertyDefinition.set = userDef.set || noop;\n }\n if (process.env.NODE_ENV !== 'production' &&\n sharedPropertyDefinition.set === noop) {\n sharedPropertyDefinition.set = function () {\n warn(\n (\"Computed property \\\"\" + key + \"\\\" was assigned to but it has no setter.\"),\n this\n );\n };\n }\n Object.defineProperty(target, key, sharedPropertyDefinition);\n}\n\nfunction createComputedGetter (key) {\n return function computedGetter () {\n var watcher = this._computedWatchers && this._computedWatchers[key];\n if (watcher) {\n if (watcher.dirty) {\n watcher.evaluate();\n }\n if (Dep.target) {\n watcher.depend();\n }\n return watcher.value\n }\n }\n}\n\nfunction createGetterInvoker(fn) {\n return function computedGetter () {\n return fn.call(this, this)\n }\n}\n\nfunction initMethods (vm, methods) {\n var props = vm.$options.props;\n for (var key in methods) {\n if (process.env.NODE_ENV !== 'production') {\n if (typeof methods[key] !== 'function') {\n warn(\n \"Method \\\"\" + key + \"\\\" has type \\\"\" + (typeof methods[key]) + \"\\\" in the component definition. \" +\n \"Did you reference the function correctly?\",\n vm\n );\n }\n if (props && hasOwn(props, key)) {\n warn(\n (\"Method \\\"\" + key + \"\\\" has already been defined as a prop.\"),\n vm\n );\n }\n if ((key in vm) && isReserved(key)) {\n warn(\n \"Method \\\"\" + key + \"\\\" conflicts with an existing Vue instance method. \" +\n \"Avoid defining component methods that start with _ or $.\"\n );\n }\n }\n vm[key] = typeof methods[key] !== 'function' ? noop : bind(methods[key], vm);\n }\n}\n\nfunction initWatch (vm, watch) {\n for (var key in watch) {\n var handler = watch[key];\n if (Array.isArray(handler)) {\n for (var i = 0; i < handler.length; i++) {\n createWatcher(vm, key, handler[i]);\n }\n } else {\n createWatcher(vm, key, handler);\n }\n }\n}\n\nfunction createWatcher (\n vm,\n expOrFn,\n handler,\n options\n) {\n if (isPlainObject(handler)) {\n options = handler;\n handler = handler.handler;\n }\n if (typeof handler === 'string') {\n handler = vm[handler];\n }\n return vm.$watch(expOrFn, handler, options)\n}\n\nfunction stateMixin (Vue) {\n // flow somehow has problems with directly declared definition object\n // when using Object.defineProperty, so we have to procedurally build up\n // the object here.\n var dataDef = {};\n dataDef.get = function () { return this._data };\n var propsDef = {};\n propsDef.get = function () { return this._props };\n if (process.env.NODE_ENV !== 'production') {\n dataDef.set = function () {\n warn(\n 'Avoid replacing instance root $data. ' +\n 'Use nested data properties instead.',\n this\n );\n };\n propsDef.set = function () {\n warn(\"$props is readonly.\", this);\n };\n }\n Object.defineProperty(Vue.prototype, '$data', dataDef);\n Object.defineProperty(Vue.prototype, '$props', propsDef);\n\n Vue.prototype.$set = set;\n Vue.prototype.$delete = del;\n\n Vue.prototype.$watch = function (\n expOrFn,\n cb,\n options\n ) {\n var vm = this;\n if (isPlainObject(cb)) {\n return createWatcher(vm, expOrFn, cb, options)\n }\n options = options || {};\n options.user = true;\n var watcher = new Watcher(vm, expOrFn, cb, options);\n if (options.immediate) {\n var info = \"callback for immediate watcher \\\"\" + (watcher.expression) + \"\\\"\";\n pushTarget();\n invokeWithErrorHandling(cb, vm, [watcher.value], vm, info);\n popTarget();\n }\n return function unwatchFn () {\n watcher.teardown();\n }\n };\n}\n\n/* */\n\nvar uid$3 = 0;\n\nfunction initMixin (Vue) {\n Vue.prototype._init = function (options) {\n var vm = this;\n // a uid\n vm._uid = uid$3++;\n\n var startTag, endTag;\n /* istanbul ignore if */\n if (process.env.NODE_ENV !== 'production' && config.performance && mark) {\n startTag = \"vue-perf-start:\" + (vm._uid);\n endTag = \"vue-perf-end:\" + (vm._uid);\n mark(startTag);\n }\n\n // a flag to avoid this being observed\n vm._isVue = true;\n // merge options\n if (options && options._isComponent) {\n // optimize internal component instantiation\n // since dynamic options merging is pretty slow, and none of the\n // internal component options needs special treatment.\n initInternalComponent(vm, options);\n } else {\n vm.$options = mergeOptions(\n resolveConstructorOptions(vm.constructor),\n options || {},\n vm\n );\n }\n /* istanbul ignore else */\n if (process.env.NODE_ENV !== 'production') {\n initProxy(vm);\n } else {\n vm._renderProxy = vm;\n }\n // expose real self\n vm._self = vm;\n initLifecycle(vm);\n initEvents(vm);\n initRender(vm);\n callHook(vm, 'beforeCreate');\n initInjections(vm); // resolve injections before data/props\n initState(vm);\n initProvide(vm); // resolve provide after data/props\n callHook(vm, 'created');\n\n /* istanbul ignore if */\n if (process.env.NODE_ENV !== 'production' && config.performance && mark) {\n vm._name = formatComponentName(vm, false);\n mark(endTag);\n measure((\"vue \" + (vm._name) + \" init\"), startTag, endTag);\n }\n\n if (vm.$options.el) {\n vm.$mount(vm.$options.el);\n }\n };\n}\n\nfunction initInternalComponent (vm, options) {\n var opts = vm.$options = Object.create(vm.constructor.options);\n // doing this because it's faster than dynamic enumeration.\n var parentVnode = options._parentVnode;\n opts.parent = options.parent;\n opts._parentVnode = parentVnode;\n\n var vnodeComponentOptions = parentVnode.componentOptions;\n opts.propsData = vnodeComponentOptions.propsData;\n opts._parentListeners = vnodeComponentOptions.listeners;\n opts._renderChildren = vnodeComponentOptions.children;\n opts._componentTag = vnodeComponentOptions.tag;\n\n if (options.render) {\n opts.render = options.render;\n opts.staticRenderFns = options.staticRenderFns;\n }\n}\n\nfunction resolveConstructorOptions (Ctor) {\n var options = Ctor.options;\n if (Ctor.super) {\n var superOptions = resolveConstructorOptions(Ctor.super);\n var cachedSuperOptions = Ctor.superOptions;\n if (superOptions !== cachedSuperOptions) {\n // super option changed,\n // need to resolve new options.\n Ctor.superOptions = superOptions;\n // check if there are any late-modified/attached options (#4976)\n var modifiedOptions = resolveModifiedOptions(Ctor);\n // update base extend options\n if (modifiedOptions) {\n extend(Ctor.extendOptions, modifiedOptions);\n }\n options = Ctor.options = mergeOptions(superOptions, Ctor.extendOptions);\n if (options.name) {\n options.components[options.name] = Ctor;\n }\n }\n }\n return options\n}\n\nfunction resolveModifiedOptions (Ctor) {\n var modified;\n var latest = Ctor.options;\n var sealed = Ctor.sealedOptions;\n for (var key in latest) {\n if (latest[key] !== sealed[key]) {\n if (!modified) { modified = {}; }\n modified[key] = latest[key];\n }\n }\n return modified\n}\n\nfunction Vue (options) {\n if (process.env.NODE_ENV !== 'production' &&\n !(this instanceof Vue)\n ) {\n warn('Vue is a constructor and should be called with the `new` keyword');\n }\n this._init(options);\n}\n\ninitMixin(Vue);\nstateMixin(Vue);\neventsMixin(Vue);\nlifecycleMixin(Vue);\nrenderMixin(Vue);\n\n/* */\n\nfunction initUse (Vue) {\n Vue.use = function (plugin) {\n var installedPlugins = (this._installedPlugins || (this._installedPlugins = []));\n if (installedPlugins.indexOf(plugin) > -1) {\n return this\n }\n\n // additional parameters\n var args = toArray(arguments, 1);\n args.unshift(this);\n if (typeof plugin.install === 'function') {\n plugin.install.apply(plugin, args);\n } else if (typeof plugin === 'function') {\n plugin.apply(null, args);\n }\n installedPlugins.push(plugin);\n return this\n };\n}\n\n/* */\n\nfunction initMixin$1 (Vue) {\n Vue.mixin = function (mixin) {\n this.options = mergeOptions(this.options, mixin);\n return this\n };\n}\n\n/* */\n\nfunction initExtend (Vue) {\n /**\n * Each instance constructor, including Vue, has a unique\n * cid. This enables us to create wrapped \"child\n * constructors\" for prototypal inheritance and cache them.\n */\n Vue.cid = 0;\n var cid = 1;\n\n /**\n * Class inheritance\n */\n Vue.extend = function (extendOptions) {\n extendOptions = extendOptions || {};\n var Super = this;\n var SuperId = Super.cid;\n var cachedCtors = extendOptions._Ctor || (extendOptions._Ctor = {});\n if (cachedCtors[SuperId]) {\n return cachedCtors[SuperId]\n }\n\n var name = extendOptions.name || Super.options.name;\n if (process.env.NODE_ENV !== 'production' && name) {\n validateComponentName(name);\n }\n\n var Sub = function VueComponent (options) {\n this._init(options);\n };\n Sub.prototype = Object.create(Super.prototype);\n Sub.prototype.constructor = Sub;\n Sub.cid = cid++;\n Sub.options = mergeOptions(\n Super.options,\n extendOptions\n );\n Sub['super'] = Super;\n\n // For props and computed properties, we define the proxy getters on\n // the Vue instances at extension time, on the extended prototype. This\n // avoids Object.defineProperty calls for each instance created.\n if (Sub.options.props) {\n initProps$1(Sub);\n }\n if (Sub.options.computed) {\n initComputed$1(Sub);\n }\n\n // allow further extension/mixin/plugin usage\n Sub.extend = Super.extend;\n Sub.mixin = Super.mixin;\n Sub.use = Super.use;\n\n // create asset registers, so extended classes\n // can have their private assets too.\n ASSET_TYPES.forEach(function (type) {\n Sub[type] = Super[type];\n });\n // enable recursive self-lookup\n if (name) {\n Sub.options.components[name] = Sub;\n }\n\n // keep a reference to the super options at extension time.\n // later at instantiation we can check if Super's options have\n // been updated.\n Sub.superOptions = Super.options;\n Sub.extendOptions = extendOptions;\n Sub.sealedOptions = extend({}, Sub.options);\n\n // cache constructor\n cachedCtors[SuperId] = Sub;\n return Sub\n };\n}\n\nfunction initProps$1 (Comp) {\n var props = Comp.options.props;\n for (var key in props) {\n proxy(Comp.prototype, \"_props\", key);\n }\n}\n\nfunction initComputed$1 (Comp) {\n var computed = Comp.options.computed;\n for (var key in computed) {\n defineComputed(Comp.prototype, key, computed[key]);\n }\n}\n\n/* */\n\nfunction initAssetRegisters (Vue) {\n /**\n * Create asset registration methods.\n */\n ASSET_TYPES.forEach(function (type) {\n Vue[type] = function (\n id,\n definition\n ) {\n if (!definition) {\n return this.options[type + 's'][id]\n } else {\n /* istanbul ignore if */\n if (process.env.NODE_ENV !== 'production' && type === 'component') {\n validateComponentName(id);\n }\n if (type === 'component' && isPlainObject(definition)) {\n definition.name = definition.name || id;\n definition = this.options._base.extend(definition);\n }\n if (type === 'directive' && typeof definition === 'function') {\n definition = { bind: definition, update: definition };\n }\n this.options[type + 's'][id] = definition;\n return definition\n }\n };\n });\n}\n\n/* */\n\n\n\n\n\nfunction getComponentName (opts) {\n return opts && (opts.Ctor.options.name || opts.tag)\n}\n\nfunction matches (pattern, name) {\n if (Array.isArray(pattern)) {\n return pattern.indexOf(name) > -1\n } else if (typeof pattern === 'string') {\n return pattern.split(',').indexOf(name) > -1\n } else if (isRegExp(pattern)) {\n return pattern.test(name)\n }\n /* istanbul ignore next */\n return false\n}\n\nfunction pruneCache (keepAliveInstance, filter) {\n var cache = keepAliveInstance.cache;\n var keys = keepAliveInstance.keys;\n var _vnode = keepAliveInstance._vnode;\n for (var key in cache) {\n var entry = cache[key];\n if (entry) {\n var name = entry.name;\n if (name && !filter(name)) {\n pruneCacheEntry(cache, key, keys, _vnode);\n }\n }\n }\n}\n\nfunction pruneCacheEntry (\n cache,\n key,\n keys,\n current\n) {\n var entry = cache[key];\n if (entry && (!current || entry.tag !== current.tag)) {\n entry.componentInstance.$destroy();\n }\n cache[key] = null;\n remove(keys, key);\n}\n\nvar patternTypes = [String, RegExp, Array];\n\nvar KeepAlive = {\n name: 'keep-alive',\n abstract: true,\n\n props: {\n include: patternTypes,\n exclude: patternTypes,\n max: [String, Number]\n },\n\n methods: {\n cacheVNode: function cacheVNode() {\n var ref = this;\n var cache = ref.cache;\n var keys = ref.keys;\n var vnodeToCache = ref.vnodeToCache;\n var keyToCache = ref.keyToCache;\n if (vnodeToCache) {\n var tag = vnodeToCache.tag;\n var componentInstance = vnodeToCache.componentInstance;\n var componentOptions = vnodeToCache.componentOptions;\n cache[keyToCache] = {\n name: getComponentName(componentOptions),\n tag: tag,\n componentInstance: componentInstance,\n };\n keys.push(keyToCache);\n // prune oldest entry\n if (this.max && keys.length > parseInt(this.max)) {\n pruneCacheEntry(cache, keys[0], keys, this._vnode);\n }\n this.vnodeToCache = null;\n }\n }\n },\n\n created: function created () {\n this.cache = Object.create(null);\n this.keys = [];\n },\n\n destroyed: function destroyed () {\n for (var key in this.cache) {\n pruneCacheEntry(this.cache, key, this.keys);\n }\n },\n\n mounted: function mounted () {\n var this$1 = this;\n\n this.cacheVNode();\n this.$watch('include', function (val) {\n pruneCache(this$1, function (name) { return matches(val, name); });\n });\n this.$watch('exclude', function (val) {\n pruneCache(this$1, function (name) { return !matches(val, name); });\n });\n },\n\n updated: function updated () {\n this.cacheVNode();\n },\n\n render: function render () {\n var slot = this.$slots.default;\n var vnode = getFirstComponentChild(slot);\n var componentOptions = vnode && vnode.componentOptions;\n if (componentOptions) {\n // check pattern\n var name = getComponentName(componentOptions);\n var ref = this;\n var include = ref.include;\n var exclude = ref.exclude;\n if (\n // not included\n (include && (!name || !matches(include, name))) ||\n // excluded\n (exclude && name && matches(exclude, name))\n ) {\n return vnode\n }\n\n var ref$1 = this;\n var cache = ref$1.cache;\n var keys = ref$1.keys;\n var key = vnode.key == null\n // same constructor may get registered as different local components\n // so cid alone is not enough (#3269)\n ? componentOptions.Ctor.cid + (componentOptions.tag ? (\"::\" + (componentOptions.tag)) : '')\n : vnode.key;\n if (cache[key]) {\n vnode.componentInstance = cache[key].componentInstance;\n // make current key freshest\n remove(keys, key);\n keys.push(key);\n } else {\n // delay setting the cache until update\n this.vnodeToCache = vnode;\n this.keyToCache = key;\n }\n\n vnode.data.keepAlive = true;\n }\n return vnode || (slot && slot[0])\n }\n};\n\nvar builtInComponents = {\n KeepAlive: KeepAlive\n};\n\n/* */\n\nfunction initGlobalAPI (Vue) {\n // config\n var configDef = {};\n configDef.get = function () { return config; };\n if (process.env.NODE_ENV !== 'production') {\n configDef.set = function () {\n warn(\n 'Do not replace the Vue.config object, set individual fields instead.'\n );\n };\n }\n Object.defineProperty(Vue, 'config', configDef);\n\n // exposed util methods.\n // NOTE: these are not considered part of the public API - avoid relying on\n // them unless you are aware of the risk.\n Vue.util = {\n warn: warn,\n extend: extend,\n mergeOptions: mergeOptions,\n defineReactive: defineReactive$$1\n };\n\n Vue.set = set;\n Vue.delete = del;\n Vue.nextTick = nextTick;\n\n // 2.6 explicit observable API\n Vue.observable = function (obj) {\n observe(obj);\n return obj\n };\n\n Vue.options = Object.create(null);\n ASSET_TYPES.forEach(function (type) {\n Vue.options[type + 's'] = Object.create(null);\n });\n\n // this is used to identify the \"base\" constructor to extend all plain-object\n // components with in Weex's multi-instance scenarios.\n Vue.options._base = Vue;\n\n extend(Vue.options.components, builtInComponents);\n\n initUse(Vue);\n initMixin$1(Vue);\n initExtend(Vue);\n initAssetRegisters(Vue);\n}\n\ninitGlobalAPI(Vue);\n\nObject.defineProperty(Vue.prototype, '$isServer', {\n get: isServerRendering\n});\n\nObject.defineProperty(Vue.prototype, '$ssrContext', {\n get: function get () {\n /* istanbul ignore next */\n return this.$vnode && this.$vnode.ssrContext\n }\n});\n\n// expose FunctionalRenderContext for ssr runtime helper installation\nObject.defineProperty(Vue, 'FunctionalRenderContext', {\n value: FunctionalRenderContext\n});\n\nVue.version = '2.6.14';\n\n/* */\n\n// these are reserved for web because they are directly compiled away\n// during template compilation\nvar isReservedAttr = makeMap('style,class');\n\n// attributes that should be using props for binding\nvar acceptValue = makeMap('input,textarea,option,select,progress');\nvar mustUseProp = function (tag, type, attr) {\n return (\n (attr === 'value' && acceptValue(tag)) && type !== 'button' ||\n (attr === 'selected' && tag === 'option') ||\n (attr === 'checked' && tag === 'input') ||\n (attr === 'muted' && tag === 'video')\n )\n};\n\nvar isEnumeratedAttr = makeMap('contenteditable,draggable,spellcheck');\n\nvar isValidContentEditableValue = makeMap('events,caret,typing,plaintext-only');\n\nvar convertEnumeratedValue = function (key, value) {\n return isFalsyAttrValue(value) || value === 'false'\n ? 'false'\n // allow arbitrary string value for contenteditable\n : key === 'contenteditable' && isValidContentEditableValue(value)\n ? value\n : 'true'\n};\n\nvar isBooleanAttr = makeMap(\n 'allowfullscreen,async,autofocus,autoplay,checked,compact,controls,declare,' +\n 'default,defaultchecked,defaultmuted,defaultselected,defer,disabled,' +\n 'enabled,formnovalidate,hidden,indeterminate,inert,ismap,itemscope,loop,multiple,' +\n 'muted,nohref,noresize,noshade,novalidate,nowrap,open,pauseonexit,readonly,' +\n 'required,reversed,scoped,seamless,selected,sortable,' +\n 'truespeed,typemustmatch,visible'\n);\n\nvar xlinkNS = 'http://www.w3.org/1999/xlink';\n\nvar isXlink = function (name) {\n return name.charAt(5) === ':' && name.slice(0, 5) === 'xlink'\n};\n\nvar getXlinkProp = function (name) {\n return isXlink(name) ? name.slice(6, name.length) : ''\n};\n\nvar isFalsyAttrValue = function (val) {\n return val == null || val === false\n};\n\n/* */\n\nfunction genClassForVnode (vnode) {\n var data = vnode.data;\n var parentNode = vnode;\n var childNode = vnode;\n while (isDef(childNode.componentInstance)) {\n childNode = childNode.componentInstance._vnode;\n if (childNode && childNode.data) {\n data = mergeClassData(childNode.data, data);\n }\n }\n while (isDef(parentNode = parentNode.parent)) {\n if (parentNode && parentNode.data) {\n data = mergeClassData(data, parentNode.data);\n }\n }\n return renderClass(data.staticClass, data.class)\n}\n\nfunction mergeClassData (child, parent) {\n return {\n staticClass: concat(child.staticClass, parent.staticClass),\n class: isDef(child.class)\n ? [child.class, parent.class]\n : parent.class\n }\n}\n\nfunction renderClass (\n staticClass,\n dynamicClass\n) {\n if (isDef(staticClass) || isDef(dynamicClass)) {\n return concat(staticClass, stringifyClass(dynamicClass))\n }\n /* istanbul ignore next */\n return ''\n}\n\nfunction concat (a, b) {\n return a ? b ? (a + ' ' + b) : a : (b || '')\n}\n\nfunction stringifyClass (value) {\n if (Array.isArray(value)) {\n return stringifyArray(value)\n }\n if (isObject(value)) {\n return stringifyObject(value)\n }\n if (typeof value === 'string') {\n return value\n }\n /* istanbul ignore next */\n return ''\n}\n\nfunction stringifyArray (value) {\n var res = '';\n var stringified;\n for (var i = 0, l = value.length; i < l; i++) {\n if (isDef(stringified = stringifyClass(value[i])) && stringified !== '') {\n if (res) { res += ' '; }\n res += stringified;\n }\n }\n return res\n}\n\nfunction stringifyObject (value) {\n var res = '';\n for (var key in value) {\n if (value[key]) {\n if (res) { res += ' '; }\n res += key;\n }\n }\n return res\n}\n\n/* */\n\nvar namespaceMap = {\n svg: 'http://www.w3.org/2000/svg',\n math: 'http://www.w3.org/1998/Math/MathML'\n};\n\nvar isHTMLTag = makeMap(\n 'html,body,base,head,link,meta,style,title,' +\n 'address,article,aside,footer,header,h1,h2,h3,h4,h5,h6,hgroup,nav,section,' +\n 'div,dd,dl,dt,figcaption,figure,picture,hr,img,li,main,ol,p,pre,ul,' +\n 'a,b,abbr,bdi,bdo,br,cite,code,data,dfn,em,i,kbd,mark,q,rp,rt,rtc,ruby,' +\n 's,samp,small,span,strong,sub,sup,time,u,var,wbr,area,audio,map,track,video,' +\n 'embed,object,param,source,canvas,script,noscript,del,ins,' +\n 'caption,col,colgroup,table,thead,tbody,td,th,tr,' +\n 'button,datalist,fieldset,form,input,label,legend,meter,optgroup,option,' +\n 'output,progress,select,textarea,' +\n 'details,dialog,menu,menuitem,summary,' +\n 'content,element,shadow,template,blockquote,iframe,tfoot'\n);\n\n// this map is intentionally selective, only covering SVG elements that may\n// contain child elements.\nvar isSVG = makeMap(\n 'svg,animate,circle,clippath,cursor,defs,desc,ellipse,filter,font-face,' +\n 'foreignobject,g,glyph,image,line,marker,mask,missing-glyph,path,pattern,' +\n 'polygon,polyline,rect,switch,symbol,text,textpath,tspan,use,view',\n true\n);\n\nvar isReservedTag = function (tag) {\n return isHTMLTag(tag) || isSVG(tag)\n};\n\nfunction getTagNamespace (tag) {\n if (isSVG(tag)) {\n return 'svg'\n }\n // basic support for MathML\n // note it doesn't support other MathML elements being component roots\n if (tag === 'math') {\n return 'math'\n }\n}\n\nvar unknownElementCache = Object.create(null);\nfunction isUnknownElement (tag) {\n /* istanbul ignore if */\n if (!inBrowser) {\n return true\n }\n if (isReservedTag(tag)) {\n return false\n }\n tag = tag.toLowerCase();\n /* istanbul ignore if */\n if (unknownElementCache[tag] != null) {\n return unknownElementCache[tag]\n }\n var el = document.createElement(tag);\n if (tag.indexOf('-') > -1) {\n // http://stackoverflow.com/a/28210364/1070244\n return (unknownElementCache[tag] = (\n el.constructor === window.HTMLUnknownElement ||\n el.constructor === window.HTMLElement\n ))\n } else {\n return (unknownElementCache[tag] = /HTMLUnknownElement/.test(el.toString()))\n }\n}\n\nvar isTextInputType = makeMap('text,number,password,search,email,tel,url');\n\n/* */\n\n/**\n * Query an element selector if it's not an element already.\n */\nfunction query (el) {\n if (typeof el === 'string') {\n var selected = document.querySelector(el);\n if (!selected) {\n process.env.NODE_ENV !== 'production' && warn(\n 'Cannot find element: ' + el\n );\n return document.createElement('div')\n }\n return selected\n } else {\n return el\n }\n}\n\n/* */\n\nfunction createElement$1 (tagName, vnode) {\n var elm = document.createElement(tagName);\n if (tagName !== 'select') {\n return elm\n }\n // false or null will remove the attribute but undefined will not\n if (vnode.data && vnode.data.attrs && vnode.data.attrs.multiple !== undefined) {\n elm.setAttribute('multiple', 'multiple');\n }\n return elm\n}\n\nfunction createElementNS (namespace, tagName) {\n return document.createElementNS(namespaceMap[namespace], tagName)\n}\n\nfunction createTextNode (text) {\n return document.createTextNode(text)\n}\n\nfunction createComment (text) {\n return document.createComment(text)\n}\n\nfunction insertBefore (parentNode, newNode, referenceNode) {\n parentNode.insertBefore(newNode, referenceNode);\n}\n\nfunction removeChild (node, child) {\n node.removeChild(child);\n}\n\nfunction appendChild (node, child) {\n node.appendChild(child);\n}\n\nfunction parentNode (node) {\n return node.parentNode\n}\n\nfunction nextSibling (node) {\n return node.nextSibling\n}\n\nfunction tagName (node) {\n return node.tagName\n}\n\nfunction setTextContent (node, text) {\n node.textContent = text;\n}\n\nfunction setStyleScope (node, scopeId) {\n node.setAttribute(scopeId, '');\n}\n\nvar nodeOps = /*#__PURE__*/Object.freeze({\n createElement: createElement$1,\n createElementNS: createElementNS,\n createTextNode: createTextNode,\n createComment: createComment,\n insertBefore: insertBefore,\n removeChild: removeChild,\n appendChild: appendChild,\n parentNode: parentNode,\n nextSibling: nextSibling,\n tagName: tagName,\n setTextContent: setTextContent,\n setStyleScope: setStyleScope\n});\n\n/* */\n\nvar ref = {\n create: function create (_, vnode) {\n registerRef(vnode);\n },\n update: function update (oldVnode, vnode) {\n if (oldVnode.data.ref !== vnode.data.ref) {\n registerRef(oldVnode, true);\n registerRef(vnode);\n }\n },\n destroy: function destroy (vnode) {\n registerRef(vnode, true);\n }\n};\n\nfunction registerRef (vnode, isRemoval) {\n var key = vnode.data.ref;\n if (!isDef(key)) { return }\n\n var vm = vnode.context;\n var ref = vnode.componentInstance || vnode.elm;\n var refs = vm.$refs;\n if (isRemoval) {\n if (Array.isArray(refs[key])) {\n remove(refs[key], ref);\n } else if (refs[key] === ref) {\n refs[key] = undefined;\n }\n } else {\n if (vnode.data.refInFor) {\n if (!Array.isArray(refs[key])) {\n refs[key] = [ref];\n } else if (refs[key].indexOf(ref) < 0) {\n // $flow-disable-line\n refs[key].push(ref);\n }\n } else {\n refs[key] = ref;\n }\n }\n}\n\n/**\n * Virtual DOM patching algorithm based on Snabbdom by\n * Simon Friis Vindum (@paldepind)\n * Licensed under the MIT License\n * https://github.com/paldepind/snabbdom/blob/master/LICENSE\n *\n * modified by Evan You (@yyx990803)\n *\n * Not type-checking this because this file is perf-critical and the cost\n * of making flow understand it is not worth it.\n */\n\nvar emptyNode = new VNode('', {}, []);\n\nvar hooks = ['create', 'activate', 'update', 'remove', 'destroy'];\n\nfunction sameVnode (a, b) {\n return (\n a.key === b.key &&\n a.asyncFactory === b.asyncFactory && (\n (\n a.tag === b.tag &&\n a.isComment === b.isComment &&\n isDef(a.data) === isDef(b.data) &&\n sameInputType(a, b)\n ) || (\n isTrue(a.isAsyncPlaceholder) &&\n isUndef(b.asyncFactory.error)\n )\n )\n )\n}\n\nfunction sameInputType (a, b) {\n if (a.tag !== 'input') { return true }\n var i;\n var typeA = isDef(i = a.data) && isDef(i = i.attrs) && i.type;\n var typeB = isDef(i = b.data) && isDef(i = i.attrs) && i.type;\n return typeA === typeB || isTextInputType(typeA) && isTextInputType(typeB)\n}\n\nfunction createKeyToOldIdx (children, beginIdx, endIdx) {\n var i, key;\n var map = {};\n for (i = beginIdx; i <= endIdx; ++i) {\n key = children[i].key;\n if (isDef(key)) { map[key] = i; }\n }\n return map\n}\n\nfunction createPatchFunction (backend) {\n var i, j;\n var cbs = {};\n\n var modules = backend.modules;\n var nodeOps = backend.nodeOps;\n\n for (i = 0; i < hooks.length; ++i) {\n cbs[hooks[i]] = [];\n for (j = 0; j < modules.length; ++j) {\n if (isDef(modules[j][hooks[i]])) {\n cbs[hooks[i]].push(modules[j][hooks[i]]);\n }\n }\n }\n\n function emptyNodeAt (elm) {\n return new VNode(nodeOps.tagName(elm).toLowerCase(), {}, [], undefined, elm)\n }\n\n function createRmCb (childElm, listeners) {\n function remove$$1 () {\n if (--remove$$1.listeners === 0) {\n removeNode(childElm);\n }\n }\n remove$$1.listeners = listeners;\n return remove$$1\n }\n\n function removeNode (el) {\n var parent = nodeOps.parentNode(el);\n // element may have already been removed due to v-html / v-text\n if (isDef(parent)) {\n nodeOps.removeChild(parent, el);\n }\n }\n\n function isUnknownElement$$1 (vnode, inVPre) {\n return (\n !inVPre &&\n !vnode.ns &&\n !(\n config.ignoredElements.length &&\n config.ignoredElements.some(function (ignore) {\n return isRegExp(ignore)\n ? ignore.test(vnode.tag)\n : ignore === vnode.tag\n })\n ) &&\n config.isUnknownElement(vnode.tag)\n )\n }\n\n var creatingElmInVPre = 0;\n\n function createElm (\n vnode,\n insertedVnodeQueue,\n parentElm,\n refElm,\n nested,\n ownerArray,\n index\n ) {\n if (isDef(vnode.elm) && isDef(ownerArray)) {\n // This vnode was used in a previous render!\n // now it's used as a new node, overwriting its elm would cause\n // potential patch errors down the road when it's used as an insertion\n // reference node. Instead, we clone the node on-demand before creating\n // associated DOM element for it.\n vnode = ownerArray[index] = cloneVNode(vnode);\n }\n\n vnode.isRootInsert = !nested; // for transition enter check\n if (createComponent(vnode, insertedVnodeQueue, parentElm, refElm)) {\n return\n }\n\n var data = vnode.data;\n var children = vnode.children;\n var tag = vnode.tag;\n if (isDef(tag)) {\n if (process.env.NODE_ENV !== 'production') {\n if (data && data.pre) {\n creatingElmInVPre++;\n }\n if (isUnknownElement$$1(vnode, creatingElmInVPre)) {\n warn(\n 'Unknown custom element: <' + tag + '> - did you ' +\n 'register the component correctly? For recursive components, ' +\n 'make sure to provide the \"name\" option.',\n vnode.context\n );\n }\n }\n\n vnode.elm = vnode.ns\n ? nodeOps.createElementNS(vnode.ns, tag)\n : nodeOps.createElement(tag, vnode);\n setScope(vnode);\n\n /* istanbul ignore if */\n {\n createChildren(vnode, children, insertedVnodeQueue);\n if (isDef(data)) {\n invokeCreateHooks(vnode, insertedVnodeQueue);\n }\n insert(parentElm, vnode.elm, refElm);\n }\n\n if (process.env.NODE_ENV !== 'production' && data && data.pre) {\n creatingElmInVPre--;\n }\n } else if (isTrue(vnode.isComment)) {\n vnode.elm = nodeOps.createComment(vnode.text);\n insert(parentElm, vnode.elm, refElm);\n } else {\n vnode.elm = nodeOps.createTextNode(vnode.text);\n insert(parentElm, vnode.elm, refElm);\n }\n }\n\n function createComponent (vnode, insertedVnodeQueue, parentElm, refElm) {\n var i = vnode.data;\n if (isDef(i)) {\n var isReactivated = isDef(vnode.componentInstance) && i.keepAlive;\n if (isDef(i = i.hook) && isDef(i = i.init)) {\n i(vnode, false /* hydrating */);\n }\n // after calling the init hook, if the vnode is a child component\n // it should've created a child instance and mounted it. the child\n // component also has set the placeholder vnode's elm.\n // in that case we can just return the element and be done.\n if (isDef(vnode.componentInstance)) {\n initComponent(vnode, insertedVnodeQueue);\n insert(parentElm, vnode.elm, refElm);\n if (isTrue(isReactivated)) {\n reactivateComponent(vnode, insertedVnodeQueue, parentElm, refElm);\n }\n return true\n }\n }\n }\n\n function initComponent (vnode, insertedVnodeQueue) {\n if (isDef(vnode.data.pendingInsert)) {\n insertedVnodeQueue.push.apply(insertedVnodeQueue, vnode.data.pendingInsert);\n vnode.data.pendingInsert = null;\n }\n vnode.elm = vnode.componentInstance.$el;\n if (isPatchable(vnode)) {\n invokeCreateHooks(vnode, insertedVnodeQueue);\n setScope(vnode);\n } else {\n // empty component root.\n // skip all element-related modules except for ref (#3455)\n registerRef(vnode);\n // make sure to invoke the insert hook\n insertedVnodeQueue.push(vnode);\n }\n }\n\n function reactivateComponent (vnode, insertedVnodeQueue, parentElm, refElm) {\n var i;\n // hack for #4339: a reactivated component with inner transition\n // does not trigger because the inner node's created hooks are not called\n // again. It's not ideal to involve module-specific logic in here but\n // there doesn't seem to be a better way to do it.\n var innerNode = vnode;\n while (innerNode.componentInstance) {\n innerNode = innerNode.componentInstance._vnode;\n if (isDef(i = innerNode.data) && isDef(i = i.transition)) {\n for (i = 0; i < cbs.activate.length; ++i) {\n cbs.activate[i](emptyNode, innerNode);\n }\n insertedVnodeQueue.push(innerNode);\n break\n }\n }\n // unlike a newly created component,\n // a reactivated keep-alive component doesn't insert itself\n insert(parentElm, vnode.elm, refElm);\n }\n\n function insert (parent, elm, ref$$1) {\n if (isDef(parent)) {\n if (isDef(ref$$1)) {\n if (nodeOps.parentNode(ref$$1) === parent) {\n nodeOps.insertBefore(parent, elm, ref$$1);\n }\n } else {\n nodeOps.appendChild(parent, elm);\n }\n }\n }\n\n function createChildren (vnode, children, insertedVnodeQueue) {\n if (Array.isArray(children)) {\n if (process.env.NODE_ENV !== 'production') {\n checkDuplicateKeys(children);\n }\n for (var i = 0; i < children.length; ++i) {\n createElm(children[i], insertedVnodeQueue, vnode.elm, null, true, children, i);\n }\n } else if (isPrimitive(vnode.text)) {\n nodeOps.appendChild(vnode.elm, nodeOps.createTextNode(String(vnode.text)));\n }\n }\n\n function isPatchable (vnode) {\n while (vnode.componentInstance) {\n vnode = vnode.componentInstance._vnode;\n }\n return isDef(vnode.tag)\n }\n\n function invokeCreateHooks (vnode, insertedVnodeQueue) {\n for (var i$1 = 0; i$1 < cbs.create.length; ++i$1) {\n cbs.create[i$1](emptyNode, vnode);\n }\n i = vnode.data.hook; // Reuse variable\n if (isDef(i)) {\n if (isDef(i.create)) { i.create(emptyNode, vnode); }\n if (isDef(i.insert)) { insertedVnodeQueue.push(vnode); }\n }\n }\n\n // set scope id attribute for scoped CSS.\n // this is implemented as a special case to avoid the overhead\n // of going through the normal attribute patching process.\n function setScope (vnode) {\n var i;\n if (isDef(i = vnode.fnScopeId)) {\n nodeOps.setStyleScope(vnode.elm, i);\n } else {\n var ancestor = vnode;\n while (ancestor) {\n if (isDef(i = ancestor.context) && isDef(i = i.$options._scopeId)) {\n nodeOps.setStyleScope(vnode.elm, i);\n }\n ancestor = ancestor.parent;\n }\n }\n // for slot content they should also get the scopeId from the host instance.\n if (isDef(i = activeInstance) &&\n i !== vnode.context &&\n i !== vnode.fnContext &&\n isDef(i = i.$options._scopeId)\n ) {\n nodeOps.setStyleScope(vnode.elm, i);\n }\n }\n\n function addVnodes (parentElm, refElm, vnodes, startIdx, endIdx, insertedVnodeQueue) {\n for (; startIdx <= endIdx; ++startIdx) {\n createElm(vnodes[startIdx], insertedVnodeQueue, parentElm, refElm, false, vnodes, startIdx);\n }\n }\n\n function invokeDestroyHook (vnode) {\n var i, j;\n var data = vnode.data;\n if (isDef(data)) {\n if (isDef(i = data.hook) && isDef(i = i.destroy)) { i(vnode); }\n for (i = 0; i < cbs.destroy.length; ++i) { cbs.destroy[i](vnode); }\n }\n if (isDef(i = vnode.children)) {\n for (j = 0; j < vnode.children.length; ++j) {\n invokeDestroyHook(vnode.children[j]);\n }\n }\n }\n\n function removeVnodes (vnodes, startIdx, endIdx) {\n for (; startIdx <= endIdx; ++startIdx) {\n var ch = vnodes[startIdx];\n if (isDef(ch)) {\n if (isDef(ch.tag)) {\n removeAndInvokeRemoveHook(ch);\n invokeDestroyHook(ch);\n } else { // Text node\n removeNode(ch.elm);\n }\n }\n }\n }\n\n function removeAndInvokeRemoveHook (vnode, rm) {\n if (isDef(rm) || isDef(vnode.data)) {\n var i;\n var listeners = cbs.remove.length + 1;\n if (isDef(rm)) {\n // we have a recursively passed down rm callback\n // increase the listeners count\n rm.listeners += listeners;\n } else {\n // directly removing\n rm = createRmCb(vnode.elm, listeners);\n }\n // recursively invoke hooks on child component root node\n if (isDef(i = vnode.componentInstance) && isDef(i = i._vnode) && isDef(i.data)) {\n removeAndInvokeRemoveHook(i, rm);\n }\n for (i = 0; i < cbs.remove.length; ++i) {\n cbs.remove[i](vnode, rm);\n }\n if (isDef(i = vnode.data.hook) && isDef(i = i.remove)) {\n i(vnode, rm);\n } else {\n rm();\n }\n } else {\n removeNode(vnode.elm);\n }\n }\n\n function updateChildren (parentElm, oldCh, newCh, insertedVnodeQueue, removeOnly) {\n var oldStartIdx = 0;\n var newStartIdx = 0;\n var oldEndIdx = oldCh.length - 1;\n var oldStartVnode = oldCh[0];\n var oldEndVnode = oldCh[oldEndIdx];\n var newEndIdx = newCh.length - 1;\n var newStartVnode = newCh[0];\n var newEndVnode = newCh[newEndIdx];\n var oldKeyToIdx, idxInOld, vnodeToMove, refElm;\n\n // removeOnly is a special flag used only by \n // to ensure removed elements stay in correct relative positions\n // during leaving transitions\n var canMove = !removeOnly;\n\n if (process.env.NODE_ENV !== 'production') {\n checkDuplicateKeys(newCh);\n }\n\n while (oldStartIdx <= oldEndIdx && newStartIdx <= newEndIdx) {\n if (isUndef(oldStartVnode)) {\n oldStartVnode = oldCh[++oldStartIdx]; // Vnode has been moved left\n } else if (isUndef(oldEndVnode)) {\n oldEndVnode = oldCh[--oldEndIdx];\n } else if (sameVnode(oldStartVnode, newStartVnode)) {\n patchVnode(oldStartVnode, newStartVnode, insertedVnodeQueue, newCh, newStartIdx);\n oldStartVnode = oldCh[++oldStartIdx];\n newStartVnode = newCh[++newStartIdx];\n } else if (sameVnode(oldEndVnode, newEndVnode)) {\n patchVnode(oldEndVnode, newEndVnode, insertedVnodeQueue, newCh, newEndIdx);\n oldEndVnode = oldCh[--oldEndIdx];\n newEndVnode = newCh[--newEndIdx];\n } else if (sameVnode(oldStartVnode, newEndVnode)) { // Vnode moved right\n patchVnode(oldStartVnode, newEndVnode, insertedVnodeQueue, newCh, newEndIdx);\n canMove && nodeOps.insertBefore(parentElm, oldStartVnode.elm, nodeOps.nextSibling(oldEndVnode.elm));\n oldStartVnode = oldCh[++oldStartIdx];\n newEndVnode = newCh[--newEndIdx];\n } else if (sameVnode(oldEndVnode, newStartVnode)) { // Vnode moved left\n patchVnode(oldEndVnode, newStartVnode, insertedVnodeQueue, newCh, newStartIdx);\n canMove && nodeOps.insertBefore(parentElm, oldEndVnode.elm, oldStartVnode.elm);\n oldEndVnode = oldCh[--oldEndIdx];\n newStartVnode = newCh[++newStartIdx];\n } else {\n if (isUndef(oldKeyToIdx)) { oldKeyToIdx = createKeyToOldIdx(oldCh, oldStartIdx, oldEndIdx); }\n idxInOld = isDef(newStartVnode.key)\n ? oldKeyToIdx[newStartVnode.key]\n : findIdxInOld(newStartVnode, oldCh, oldStartIdx, oldEndIdx);\n if (isUndef(idxInOld)) { // New element\n createElm(newStartVnode, insertedVnodeQueue, parentElm, oldStartVnode.elm, false, newCh, newStartIdx);\n } else {\n vnodeToMove = oldCh[idxInOld];\n if (sameVnode(vnodeToMove, newStartVnode)) {\n patchVnode(vnodeToMove, newStartVnode, insertedVnodeQueue, newCh, newStartIdx);\n oldCh[idxInOld] = undefined;\n canMove && nodeOps.insertBefore(parentElm, vnodeToMove.elm, oldStartVnode.elm);\n } else {\n // same key but different element. treat as new element\n createElm(newStartVnode, insertedVnodeQueue, parentElm, oldStartVnode.elm, false, newCh, newStartIdx);\n }\n }\n newStartVnode = newCh[++newStartIdx];\n }\n }\n if (oldStartIdx > oldEndIdx) {\n refElm = isUndef(newCh[newEndIdx + 1]) ? null : newCh[newEndIdx + 1].elm;\n addVnodes(parentElm, refElm, newCh, newStartIdx, newEndIdx, insertedVnodeQueue);\n } else if (newStartIdx > newEndIdx) {\n removeVnodes(oldCh, oldStartIdx, oldEndIdx);\n }\n }\n\n function checkDuplicateKeys (children) {\n var seenKeys = {};\n for (var i = 0; i < children.length; i++) {\n var vnode = children[i];\n var key = vnode.key;\n if (isDef(key)) {\n if (seenKeys[key]) {\n warn(\n (\"Duplicate keys detected: '\" + key + \"'. This may cause an update error.\"),\n vnode.context\n );\n } else {\n seenKeys[key] = true;\n }\n }\n }\n }\n\n function findIdxInOld (node, oldCh, start, end) {\n for (var i = start; i < end; i++) {\n var c = oldCh[i];\n if (isDef(c) && sameVnode(node, c)) { return i }\n }\n }\n\n function patchVnode (\n oldVnode,\n vnode,\n insertedVnodeQueue,\n ownerArray,\n index,\n removeOnly\n ) {\n if (oldVnode === vnode) {\n return\n }\n\n if (isDef(vnode.elm) && isDef(ownerArray)) {\n // clone reused vnode\n vnode = ownerArray[index] = cloneVNode(vnode);\n }\n\n var elm = vnode.elm = oldVnode.elm;\n\n if (isTrue(oldVnode.isAsyncPlaceholder)) {\n if (isDef(vnode.asyncFactory.resolved)) {\n hydrate(oldVnode.elm, vnode, insertedVnodeQueue);\n } else {\n vnode.isAsyncPlaceholder = true;\n }\n return\n }\n\n // reuse element for static trees.\n // note we only do this if the vnode is cloned -\n // if the new node is not cloned it means the render functions have been\n // reset by the hot-reload-api and we need to do a proper re-render.\n if (isTrue(vnode.isStatic) &&\n isTrue(oldVnode.isStatic) &&\n vnode.key === oldVnode.key &&\n (isTrue(vnode.isCloned) || isTrue(vnode.isOnce))\n ) {\n vnode.componentInstance = oldVnode.componentInstance;\n return\n }\n\n var i;\n var data = vnode.data;\n if (isDef(data) && isDef(i = data.hook) && isDef(i = i.prepatch)) {\n i(oldVnode, vnode);\n }\n\n var oldCh = oldVnode.children;\n var ch = vnode.children;\n if (isDef(data) && isPatchable(vnode)) {\n for (i = 0; i < cbs.update.length; ++i) { cbs.update[i](oldVnode, vnode); }\n if (isDef(i = data.hook) && isDef(i = i.update)) { i(oldVnode, vnode); }\n }\n if (isUndef(vnode.text)) {\n if (isDef(oldCh) && isDef(ch)) {\n if (oldCh !== ch) { updateChildren(elm, oldCh, ch, insertedVnodeQueue, removeOnly); }\n } else if (isDef(ch)) {\n if (process.env.NODE_ENV !== 'production') {\n checkDuplicateKeys(ch);\n }\n if (isDef(oldVnode.text)) { nodeOps.setTextContent(elm, ''); }\n addVnodes(elm, null, ch, 0, ch.length - 1, insertedVnodeQueue);\n } else if (isDef(oldCh)) {\n removeVnodes(oldCh, 0, oldCh.length - 1);\n } else if (isDef(oldVnode.text)) {\n nodeOps.setTextContent(elm, '');\n }\n } else if (oldVnode.text !== vnode.text) {\n nodeOps.setTextContent(elm, vnode.text);\n }\n if (isDef(data)) {\n if (isDef(i = data.hook) && isDef(i = i.postpatch)) { i(oldVnode, vnode); }\n }\n }\n\n function invokeInsertHook (vnode, queue, initial) {\n // delay insert hooks for component root nodes, invoke them after the\n // element is really inserted\n if (isTrue(initial) && isDef(vnode.parent)) {\n vnode.parent.data.pendingInsert = queue;\n } else {\n for (var i = 0; i < queue.length; ++i) {\n queue[i].data.hook.insert(queue[i]);\n }\n }\n }\n\n var hydrationBailed = false;\n // list of modules that can skip create hook during hydration because they\n // are already rendered on the client or has no need for initialization\n // Note: style is excluded because it relies on initial clone for future\n // deep updates (#7063).\n var isRenderedModule = makeMap('attrs,class,staticClass,staticStyle,key');\n\n // Note: this is a browser-only function so we can assume elms are DOM nodes.\n function hydrate (elm, vnode, insertedVnodeQueue, inVPre) {\n var i;\n var tag = vnode.tag;\n var data = vnode.data;\n var children = vnode.children;\n inVPre = inVPre || (data && data.pre);\n vnode.elm = elm;\n\n if (isTrue(vnode.isComment) && isDef(vnode.asyncFactory)) {\n vnode.isAsyncPlaceholder = true;\n return true\n }\n // assert node match\n if (process.env.NODE_ENV !== 'production') {\n if (!assertNodeMatch(elm, vnode, inVPre)) {\n return false\n }\n }\n if (isDef(data)) {\n if (isDef(i = data.hook) && isDef(i = i.init)) { i(vnode, true /* hydrating */); }\n if (isDef(i = vnode.componentInstance)) {\n // child component. it should have hydrated its own tree.\n initComponent(vnode, insertedVnodeQueue);\n return true\n }\n }\n if (isDef(tag)) {\n if (isDef(children)) {\n // empty element, allow client to pick up and populate children\n if (!elm.hasChildNodes()) {\n createChildren(vnode, children, insertedVnodeQueue);\n } else {\n // v-html and domProps: innerHTML\n if (isDef(i = data) && isDef(i = i.domProps) && isDef(i = i.innerHTML)) {\n if (i !== elm.innerHTML) {\n /* istanbul ignore if */\n if (process.env.NODE_ENV !== 'production' &&\n typeof console !== 'undefined' &&\n !hydrationBailed\n ) {\n hydrationBailed = true;\n console.warn('Parent: ', elm);\n console.warn('server innerHTML: ', i);\n console.warn('client innerHTML: ', elm.innerHTML);\n }\n return false\n }\n } else {\n // iterate and compare children lists\n var childrenMatch = true;\n var childNode = elm.firstChild;\n for (var i$1 = 0; i$1 < children.length; i$1++) {\n if (!childNode || !hydrate(childNode, children[i$1], insertedVnodeQueue, inVPre)) {\n childrenMatch = false;\n break\n }\n childNode = childNode.nextSibling;\n }\n // if childNode is not null, it means the actual childNodes list is\n // longer than the virtual children list.\n if (!childrenMatch || childNode) {\n /* istanbul ignore if */\n if (process.env.NODE_ENV !== 'production' &&\n typeof console !== 'undefined' &&\n !hydrationBailed\n ) {\n hydrationBailed = true;\n console.warn('Parent: ', elm);\n console.warn('Mismatching childNodes vs. VNodes: ', elm.childNodes, children);\n }\n return false\n }\n }\n }\n }\n if (isDef(data)) {\n var fullInvoke = false;\n for (var key in data) {\n if (!isRenderedModule(key)) {\n fullInvoke = true;\n invokeCreateHooks(vnode, insertedVnodeQueue);\n break\n }\n }\n if (!fullInvoke && data['class']) {\n // ensure collecting deps for deep class bindings for future updates\n traverse(data['class']);\n }\n }\n } else if (elm.data !== vnode.text) {\n elm.data = vnode.text;\n }\n return true\n }\n\n function assertNodeMatch (node, vnode, inVPre) {\n if (isDef(vnode.tag)) {\n return vnode.tag.indexOf('vue-component') === 0 || (\n !isUnknownElement$$1(vnode, inVPre) &&\n vnode.tag.toLowerCase() === (node.tagName && node.tagName.toLowerCase())\n )\n } else {\n return node.nodeType === (vnode.isComment ? 8 : 3)\n }\n }\n\n return function patch (oldVnode, vnode, hydrating, removeOnly) {\n if (isUndef(vnode)) {\n if (isDef(oldVnode)) { invokeDestroyHook(oldVnode); }\n return\n }\n\n var isInitialPatch = false;\n var insertedVnodeQueue = [];\n\n if (isUndef(oldVnode)) {\n // empty mount (likely as component), create new root element\n isInitialPatch = true;\n createElm(vnode, insertedVnodeQueue);\n } else {\n var isRealElement = isDef(oldVnode.nodeType);\n if (!isRealElement && sameVnode(oldVnode, vnode)) {\n // patch existing root node\n patchVnode(oldVnode, vnode, insertedVnodeQueue, null, null, removeOnly);\n } else {\n if (isRealElement) {\n // mounting to a real element\n // check if this is server-rendered content and if we can perform\n // a successful hydration.\n if (oldVnode.nodeType === 1 && oldVnode.hasAttribute(SSR_ATTR)) {\n oldVnode.removeAttribute(SSR_ATTR);\n hydrating = true;\n }\n if (isTrue(hydrating)) {\n if (hydrate(oldVnode, vnode, insertedVnodeQueue)) {\n invokeInsertHook(vnode, insertedVnodeQueue, true);\n return oldVnode\n } else if (process.env.NODE_ENV !== 'production') {\n warn(\n 'The client-side rendered virtual DOM tree is not matching ' +\n 'server-rendered content. This is likely caused by incorrect ' +\n 'HTML markup, for example nesting block-level elements inside ' +\n ', or missing
. Bailing hydration and performing ' +\n 'full client-side render.'\n );\n }\n }\n // either not server-rendered, or hydration failed.\n // create an empty node and replace it\n oldVnode = emptyNodeAt(oldVnode);\n }\n\n // replacing existing element\n var oldElm = oldVnode.elm;\n var parentElm = nodeOps.parentNode(oldElm);\n\n // create new node\n createElm(\n vnode,\n insertedVnodeQueue,\n // extremely rare edge case: do not insert if old element is in a\n // leaving transition. Only happens when combining transition +\n // keep-alive + HOCs. (#4590)\n oldElm._leaveCb ? null : parentElm,\n nodeOps.nextSibling(oldElm)\n );\n\n // update parent placeholder node element, recursively\n if (isDef(vnode.parent)) {\n var ancestor = vnode.parent;\n var patchable = isPatchable(vnode);\n while (ancestor) {\n for (var i = 0; i < cbs.destroy.length; ++i) {\n cbs.destroy[i](ancestor);\n }\n ancestor.elm = vnode.elm;\n if (patchable) {\n for (var i$1 = 0; i$1 < cbs.create.length; ++i$1) {\n cbs.create[i$1](emptyNode, ancestor);\n }\n // #6513\n // invoke insert hooks that may have been merged by create hooks.\n // e.g. for directives that uses the \"inserted\" hook.\n var insert = ancestor.data.hook.insert;\n if (insert.merged) {\n // start at index 1 to avoid re-invoking component mounted hook\n for (var i$2 = 1; i$2 < insert.fns.length; i$2++) {\n insert.fns[i$2]();\n }\n }\n } else {\n registerRef(ancestor);\n }\n ancestor = ancestor.parent;\n }\n }\n\n // destroy old node\n if (isDef(parentElm)) {\n removeVnodes([oldVnode], 0, 0);\n } else if (isDef(oldVnode.tag)) {\n invokeDestroyHook(oldVnode);\n }\n }\n }\n\n invokeInsertHook(vnode, insertedVnodeQueue, isInitialPatch);\n return vnode.elm\n }\n}\n\n/* */\n\nvar directives = {\n create: updateDirectives,\n update: updateDirectives,\n destroy: function unbindDirectives (vnode) {\n updateDirectives(vnode, emptyNode);\n }\n};\n\nfunction updateDirectives (oldVnode, vnode) {\n if (oldVnode.data.directives || vnode.data.directives) {\n _update(oldVnode, vnode);\n }\n}\n\nfunction _update (oldVnode, vnode) {\n var isCreate = oldVnode === emptyNode;\n var isDestroy = vnode === emptyNode;\n var oldDirs = normalizeDirectives$1(oldVnode.data.directives, oldVnode.context);\n var newDirs = normalizeDirectives$1(vnode.data.directives, vnode.context);\n\n var dirsWithInsert = [];\n var dirsWithPostpatch = [];\n\n var key, oldDir, dir;\n for (key in newDirs) {\n oldDir = oldDirs[key];\n dir = newDirs[key];\n if (!oldDir) {\n // new directive, bind\n callHook$1(dir, 'bind', vnode, oldVnode);\n if (dir.def && dir.def.inserted) {\n dirsWithInsert.push(dir);\n }\n } else {\n // existing directive, update\n dir.oldValue = oldDir.value;\n dir.oldArg = oldDir.arg;\n callHook$1(dir, 'update', vnode, oldVnode);\n if (dir.def && dir.def.componentUpdated) {\n dirsWithPostpatch.push(dir);\n }\n }\n }\n\n if (dirsWithInsert.length) {\n var callInsert = function () {\n for (var i = 0; i < dirsWithInsert.length; i++) {\n callHook$1(dirsWithInsert[i], 'inserted', vnode, oldVnode);\n }\n };\n if (isCreate) {\n mergeVNodeHook(vnode, 'insert', callInsert);\n } else {\n callInsert();\n }\n }\n\n if (dirsWithPostpatch.length) {\n mergeVNodeHook(vnode, 'postpatch', function () {\n for (var i = 0; i < dirsWithPostpatch.length; i++) {\n callHook$1(dirsWithPostpatch[i], 'componentUpdated', vnode, oldVnode);\n }\n });\n }\n\n if (!isCreate) {\n for (key in oldDirs) {\n if (!newDirs[key]) {\n // no longer present, unbind\n callHook$1(oldDirs[key], 'unbind', oldVnode, oldVnode, isDestroy);\n }\n }\n }\n}\n\nvar emptyModifiers = Object.create(null);\n\nfunction normalizeDirectives$1 (\n dirs,\n vm\n) {\n var res = Object.create(null);\n if (!dirs) {\n // $flow-disable-line\n return res\n }\n var i, dir;\n for (i = 0; i < dirs.length; i++) {\n dir = dirs[i];\n if (!dir.modifiers) {\n // $flow-disable-line\n dir.modifiers = emptyModifiers;\n }\n res[getRawDirName(dir)] = dir;\n dir.def = resolveAsset(vm.$options, 'directives', dir.name, true);\n }\n // $flow-disable-line\n return res\n}\n\nfunction getRawDirName (dir) {\n return dir.rawName || ((dir.name) + \".\" + (Object.keys(dir.modifiers || {}).join('.')))\n}\n\nfunction callHook$1 (dir, hook, vnode, oldVnode, isDestroy) {\n var fn = dir.def && dir.def[hook];\n if (fn) {\n try {\n fn(vnode.elm, dir, vnode, oldVnode, isDestroy);\n } catch (e) {\n handleError(e, vnode.context, (\"directive \" + (dir.name) + \" \" + hook + \" hook\"));\n }\n }\n}\n\nvar baseModules = [\n ref,\n directives\n];\n\n/* */\n\nfunction updateAttrs (oldVnode, vnode) {\n var opts = vnode.componentOptions;\n if (isDef(opts) && opts.Ctor.options.inheritAttrs === false) {\n return\n }\n if (isUndef(oldVnode.data.attrs) && isUndef(vnode.data.attrs)) {\n return\n }\n var key, cur, old;\n var elm = vnode.elm;\n var oldAttrs = oldVnode.data.attrs || {};\n var attrs = vnode.data.attrs || {};\n // clone observed objects, as the user probably wants to mutate it\n if (isDef(attrs.__ob__)) {\n attrs = vnode.data.attrs = extend({}, attrs);\n }\n\n for (key in attrs) {\n cur = attrs[key];\n old = oldAttrs[key];\n if (old !== cur) {\n setAttr(elm, key, cur, vnode.data.pre);\n }\n }\n // #4391: in IE9, setting type can reset value for input[type=radio]\n // #6666: IE/Edge forces progress value down to 1 before setting a max\n /* istanbul ignore if */\n if ((isIE || isEdge) && attrs.value !== oldAttrs.value) {\n setAttr(elm, 'value', attrs.value);\n }\n for (key in oldAttrs) {\n if (isUndef(attrs[key])) {\n if (isXlink(key)) {\n elm.removeAttributeNS(xlinkNS, getXlinkProp(key));\n } else if (!isEnumeratedAttr(key)) {\n elm.removeAttribute(key);\n }\n }\n }\n}\n\nfunction setAttr (el, key, value, isInPre) {\n if (isInPre || el.tagName.indexOf('-') > -1) {\n baseSetAttr(el, key, value);\n } else if (isBooleanAttr(key)) {\n // set attribute for blank value\n // e.g. \n if (isFalsyAttrValue(value)) {\n el.removeAttribute(key);\n } else {\n // technically allowfullscreen is a boolean attribute for