├── .builderrc
├── .gitignore
├── .npmignore
├── .npmrc
├── README.md
├── example
    ├── .babelrc
    ├── .editorconfig
    ├── README.md
    ├── index.html
    ├── package-lock.json
    ├── package.json
    ├── src
    │   ├── App.vue
    │   ├── Foo.vue
    │   ├── assets
    │   │   └── logo.png
    │   └── main.js
    └── webpack.config.js
├── global.js
├── package.json
└── src
    ├── index.js
    └── test.js


/.builderrc:
--------------------------------------------------------------------------------
1 | ---
2 | archetypes:
3 |   - builder-js-package
4 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | .DS_Store
 2 | node_modules/
 3 | npm-debug.log
 4 | package-lock.json
 5 | 
 6 | # ignore build files
 7 | /*.js
 8 | /*.js.map
 9 | !/global.js
10 | 


--------------------------------------------------------------------------------
/.npmignore:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/trusktr/vue-web-component/172895ee5984f5825b952364eda689a9423d299b/.npmignore


--------------------------------------------------------------------------------
/.npmrc:
--------------------------------------------------------------------------------
1 | package-lock=false
2 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
  1 | 
  2 | vue-web-component
  3 | -----------------
  4 | 
  5 | Generate custom elements from [Vue](https://vuejs.org) component definitions.
  6 | 
  7 | #### `npm install vue-web-component --save`
  8 | 
  9 | ### What?
 10 | 
 11 | `vue-web-component` generates Web Components (Custom Elements) that are
 12 | consumable in any sort of web application and can be manipulated by any view
 13 | library like Vue, React, Angular, and others. Custom Elements are user-defined
 14 | elements that the browser knows how to work with just like with builtin
 15 | elements.
 16 | 
 17 | Plus, it's just easy to write Web Components this way!
 18 | 
 19 | `vue-web-component` takes the authoring of Custom Elements one step further by
 20 | letting you define a Vue component from which to render the content of your
 21 | Custom Element. Attribute changes on the generated custom element are
 22 | automatically propagated to the underlying Vue component instance, and the
 23 | elements are composable with ShadowDOM.
 24 | 
 25 | Behind the scenes, utilities offered by [SkateJS](http://skatejs.netlify.com/)
 26 | are used in wiring up the functionality. SkateJS provides a set of powerfully
 27 | simple mixins that make defining custom elements super simple and convenient,
 28 | on top of the browser's native Web Components APIs.
 29 | 
 30 | #### Pros:
 31 | 
 32 | 1. Using Vue makes it easy to describe how the DOM content of your custom
 33 |    element will change depending on attribute.
 34 | 1. Morphing your DOM will be automatically fast thanks to Vue's dom diffing.
 35 | 1. Modifying properties (attributes) of your element will re-render your
 36 |    component DOM content automatically, it's nice!
 37 | 1. Vue single-file-component files are super nice to work with, and support a
 38 |    variety of languages like Pug, CoffeeScript, TypeScript, Sass, Less, Stylus,
 39 |    and more.
 40 | 1. For a wide variety of elements, using this approach makes it dirt simple to
 41 |    write custom elements.
 42 | 1. There's awesome tooling around Vue like loaders and syntax plugins for
 43 |    various editors, that make working with Vue magical.
 44 | 1. There's many ways to define a Vue component, all of which work with
 45 |    `vue-web-component`. For example, see [7 Ways to Define a Component Template
 46 |    in
 47 |    VueJS](https://medium.com/js-dojo/7-ways-to-define-a-component-template-in-vuejs-c04e0c72900d).
 48 | 
 49 | #### Cons:
 50 | 
 51 | 1. Not all custom elements need a view layer for describing how their inner DOM
 52 |    changes. It can be leaner to just define the static DOM yourself in this
 53 |    case yourself, and [SkateJS](https://github.com/skatejs/skatejs/) is a great
 54 |    tool for that. Though, doing it with Vue will still be simple!
 55 | 1. When writing a Vue-based component, you have less control of the Web
 56 |    Components APIs. Usually that's okay, but sometimes you may want more
 57 |    control.  Well, the good thing is the that the output from `VueWebComponent`
 58 |    is a SkateJS class with useful methods and properties that you can set and
 59 |    override. See below for more detail.
 60 | 1. A component doesn't always need DOM content. It might be a pure-JavaScript
 61 |    component. In that case using vanilla Web Components APIs can be preferable
 62 |    rather than loading a `new Vue`, but it depends on your case.
 63 | 
 64 | ### But, [`vue-custom-element`](https://github.com/karol-f/vue-custom-element) already exists. Why another one?
 65 | 
 66 | `vue-custom-element` didn't meet some requirements. I needed the following:
 67 | 
 68 | 1. Elements are instantiated only once
 69 | 1. Elements are nestable and composable
 70 | 1. Elements distribute as expected with ShadowDOM.
 71 | 
 72 | See here for details on [why `vue-custom-element` didn't meet these
 73 | requirements](https://github.com/karol-f/vue-custom-element/issues/74).
 74 | 
 75 | Requirements
 76 | ============
 77 | 
 78 | - You'll need a Web Component polyfill to run this in older browsers that don't
 79 |   yet have Custom Elements and/or ShadowDOM.
 80 | - The source is not transpiled for older browsers so you may have to transpile
 81 |   this in your own build setup.
 82 | 
 83 | Basic Usage
 84 | ===========
 85 | 
 86 | You can import a Vue component then make a custom element out of it:
 87 | 
 88 | ```js
 89 | import Foo from './Foo.vue'
 90 | import VueWebComponent from 'vue-web-component'
 91 | 
 92 | // define a custom element with the Vue component
 93 | customElements.define('foo-element', VueWebComponent( Foo ) )
 94 | 
 95 | // now use it with regular DOM APIs
 96 | document.body.innerHTML = `
 97 |     <foo-element></foo-element>
 98 | `
 99 | ```
100 | 
101 | You can also define the custom element inline, using an object literal of the
102 | same format as a Vue component:
103 | 
104 | ```js
105 | import VueWebComponent from 'vue-web-component'
106 | 
107 | // define a custom element using an object literal
108 | customElements.define('foo-element', VueWebComponent( {
109 |     props: {
110 |         // ...
111 |     },
112 |     data: () => ({
113 |         // ...
114 |     }),
115 |     methods: {
116 |         // ...
117 |     },
118 |     mounted() {
119 |         // ...
120 |     },
121 |     // etc
122 | } ) )
123 | 
124 | // now use it with regular DOM APIs
125 | document.body.innerHTML = `
126 |     <foo-element></foo-element>
127 | `
128 | ```
129 | 
130 | Usage inside other Vue components
131 | =================================
132 | 
133 | Whether you create a Custom Element from a Vue component or not is your choice.
134 | You can use the Vue component inside another component without using it in the
135 | custom element form. The following example shows usage of both forms inside a
136 | Vue component, where the result is the same for all uses of the Foo component:
137 | 
138 | 
139 | ```vue
140 | <template>
141 |   <div class="app">
142 |     <!-- Foo as a Vue component, the value for `message` gets passed as an object literally -->
143 |     <foo :message="{n: 999}"></foo>
144 | 
145 |     <!-- Foo as a custom element, the value for `message` gets deserialized first, then passed to the underlying Vue component -->
146 |     <!-- The element will be passed the literal attribute value, the string '{"n": 111}', and then deserialize it. -->
147 |     <foo-element message='{"n": 111}'></foo-element>
148 | 
149 |     <!-- Foo as a custom element, the value for `message` gets deserialized first, then passed to the underlying Vue component -->
150 |     <!-- Vue will calculate the value of the attribute (it'll be the string `{"n": 111}`) then pass that string to the element which will deserialize it. -->
151 |     <foo-element v-bind:message='`{"n": 111}`'></foo-element>
152 |   </div>
153 | </template>
154 | 
155 | <script>
156 |   import Foo from './Foo'
157 |   import VueWebComponent from 'vue-web-component'
158 | 
159 |   // We'll use Foo as a custom element...
160 |   customElements.define('foo-element', VueWebComponent(Foo))
161 | 
162 |   export default {
163 | 
164 |     // ...and we'll use Foo as a Vue component directly too
165 |     components: { Foo }
166 |   }
167 | </script>
168 | ```
169 | 
170 | Scoped styles
171 | =============
172 | 
173 | Scoped styles (using `<style scoped>`) should work as expected. If not, please
174 | file a bug.
175 | 
176 | In fact, scoped styles work better with elements made with `vue-web-components`
177 | because styles can not leak into deeper shadow roots!!!  This is a win!!
178 | Scoped styles with plain Vue components, on the other hand, will effect all
179 | content of sub-components in the element where the style is
180 | defined](https://github.com/vuejs/vue-loader/issues/957). This means that you
181 | can use `vue-web-component` to create style boundaries in your application when
182 | otherwise you cannot do this with Vue alone.
183 | 
184 | `vue-web-component` copies global styles generated by Vue and injects them into
185 | the generated element's shadow root because global styles otherwise would not
186 | have any effect on the content of the generated elements, due to the rules of
187 | how ShadowDOM works.
188 | 
189 | Props from Attributes
190 | =====================
191 | 
192 | Props that you define in your Vue component will be available as attributes on
193 | the generated custom element.
194 | 
195 | For example, in the Vue component:
196 | 
197 | ```vue
198 | <!-- FooBar.vue -->
199 | <template> <span> {{ msg }} </span> </template>
200 | <script>
201 |     export default {
202 |         props: {
203 |             msg: Number
204 |         },
205 |     }
206 | </script>
207 | ```
208 | 
209 | you can use the attributes to set values, as expected:
210 | 
211 | ```js
212 | import FooBar from './FooBar.vue'
213 | import VueWebComponent from 'vue-web-component'
214 | 
215 | customElements.define( 'foo-bar', VueWebComponent( FooBar ) )
216 | 
217 | document.body.innerHTML = `
218 |     <foo-bar msg="42"></foo-bar>
219 | `
220 | 
221 | document.querySelector('foo-bar').setAttribute('msg', 2.71828)
222 | ```
223 | 
224 | In that example, because the type of `msg` is `Number`, the attribute value on
225 | the element will be deserialized into a number with `parseFloat`, thanks to some
226 | convenient features of SkateJS. Keep in mind that if you do something like
227 | `msg="asdf35"`, then this will yield a `NaN` just as expected from
228 | `parseFloat`.
229 | 
230 | Supported prop types are `Number`, `String`, `Boolean`, `Object`, `Array`, and `null`
231 | (`null` is the default in Vue, which is basically like `any` in Typescript,
232 | which means the values can be anything).
233 | 
234 | TODO: `Symbol` type. If you really need that, please open an issue or PR. Thanks!
235 | 
236 | ### caveats with prop from attributes
237 | 
238 | The following caveats apply only if you use the component as an element
239 | generated with `vue-web-component`. Otherwise, using it as a Vue component inside
240 | another component does not have these caveats.
241 | 
242 | Custom constructor types are not supported. We don't have a way (yet) to
243 | deserialize a string into a specific constructor. See below, and PRs welcome!
244 | 
245 | At the moment, `vue-web-component` supports only simple prop types, like the
246 | ones that were just listed in the previous paragraph. If you use more complex
247 | prop types, like custom validators, `Function`, and OR types, for example
248 | 
249 | ```js
250 | props: {
251 |     msg: [String, Number] // String OR Number
252 | }
253 | ```
254 | 
255 | that won't work well, and the prop will be treated like `any` in TypeScript,
256 | and what this means in practice is that the string value of the generated
257 | element's `msg` attribute will not be deserialized, and the string value will be
258 | passed to the inner Vue component to do whatever it wants with the string
259 | value.
260 | 
261 | To get the best use out of the runtime type system, see the following example
262 | to get an idea of what may and may not work well:
263 | 
264 | ```vue
265 | <!-- FooBar.vue -->
266 | <template> ... </template>
267 | <script>
268 |     export default {
269 |         props: {
270 |             foo: Number, // works fine
271 |             bar: String, // works fine
272 |             baz: Object, // works fine
273 |             lorem: Boolean, // works fine
274 |             ipsum: null, // works fine, any type
275 |             barbaz: Array, // works fine
276 |             foobar: Function // won't work, usually you can emit events instead
277 |             blah: { // works fine, just like others, its just using the object form
278 |                 type: Number,
279 |                 default: 5,
280 |             },
281 |             boing: { // works fine
282 |                 type: Object,
283 |                 default: () => ({foo: 'bar'}),
284 |             },
285 |             lala: { // may not work
286 |                 validator: function(value) {
287 |                     typeof value === 'string' // always true
288 |                 }
289 |             }
290 |             something: CustomConstructor, // won't work
291 |         },
292 | 
293 |         // or
294 | 
295 |         props: [ 'foo', 'bar', 'baz' ], // may not work well
296 |     }
297 | </script>
298 | ```
299 | 
300 | It's key to note that element attributes are always strings. Therefore, string
301 | values get deserialized into their appropriate types. If a prop doesn't have a type
302 | then the attribute value will be left as-is: a string.
303 | 
304 | SkateJS (and Custom Elements by default) does not yet have a tool for passing non-string values to elements
305 | (like A-Frame does), at least for now.
306 | 
307 | With this in mind, here's how the the following would work based on the above props types:
308 | 
309 | ```html
310 | <!-- Number: The string "5" will be converted into a Number then passed to the Vue component -->
311 | <foo-bar foo="5"></foo-bar>
312 | <foo-bar blah="5"></foo-bar>
313 | 
314 | <!-- String: The string "5" will be passed as is -->
315 | <foo-bar bar="5"></foo-bar>
316 | 
317 | <!-- Object: The string '{"n":123}' will be converted into an object with JSON.parse()
318 | and passed to the Vue component -->
319 | <foo-bar baz='{"n":123}'></foo-bar>
320 | <foo-bar boing='{"n":123}'></foo-bar>
321 | 
322 | <!-- Boolean: Boolean attributes are not based on their value. Instead, if the
323 | attribute exists, the value passed to the Vue component is `true` regardless
324 | of the attribute value. If the attribute doesn't exist, then `false` is passed.  -->
325 | <!-- In all of the following, Vue receives a value of `true`: -->
326 | <foo-bar lorem></foo-bar>
327 | <foo-bar lorem="false"></foo-bar>
328 | <foo-bar lorem="true"></foo-bar>
329 | <foo-bar lorem="blah blah"></foo-bar>
330 | <!-- Only in the following does the Vue component receive `false` for lorem: -->
331 | <foo-bar></foo-bar>
332 | 
333 | <!-- null ("any"): When props is an array like `props:['foo','bar','baz']`, or the
334 | value is `null`, the attributes are treated the same as String, and their values are
335 | passed as-is. The string "anything" is passed as-is: -->
336 | <foo-bar ipsum="anything"></foo-bar>
337 | 
338 | <!-- Array: The string '[1,2,3]' will be converted into an Array with JSON.parse()
339 | and passed to the Vue component -->
340 | <foo-bar barbaz='[1,2,3]'></foo-bar>
341 | 
342 | <!-- Function: This doesn't work. There's (currently) no meaningful way to convert a string to a function.
343 | Usually this use case is for parents to pass functions to children, but this means a parent element
344 | would have to convert the function to a string, then it would need to be converted back to a function in the child
345 | which means all variable scope is lost, so this would be pointless for most cases. The type will be treated as
346 | String, and the attribute value will be passed as a string to the Vue component. -->
347 | <foo-bar foobar="function() { this is basically pointless! (for now) }"></foo-bar>
348 | 
349 | <!-- Custom validator: Props with a custom validator will be treated as String and passed as-is to the Vue component.
350 | The validator function will therefore receive the string value. Then this is only good with string values! -->
351 | <foo-bar lala="I am a string passed to the validator function"></foo-bar>
352 | 
353 | <!-- CustomConstructor: This currently will not work. PRs Welcome! The attribute value will be treated as String
354 | and be sent as-is to the Vue component. -->
355 | <foo-bar something="I am a string that gets passed on, no instance of CustomConstructor will be created"></foo-bar>
356 | ```
357 | 
358 | Props from instance properties
359 | ==============================
360 | 
361 | Not only can you set attributes on the generated elements, but you can also set
362 | matching properties on the instances.
363 | 
364 | For example, given the following Vue component,
365 | 
366 | ```vue
367 | <!-- FooBar.vue -->
368 | <template> <span> {{ msg }} </span> </template>
369 | <script>
370 |     export default {
371 |         props: {
372 |             msg: Number
373 |         },
374 |     }
375 | </script>
376 | ```
377 | 
378 | you can set properties on the element instance directly, similarly to how we
379 | can do on Vue component instances:
380 | 
381 | ```js
382 | import FooBar from './FooBar.vue'
383 | import VueWebComponent from 'vue-web-component'
384 | 
385 | customElements.define( 'foo-bar', VueWebComponent( FooBar ) )
386 | 
387 | document.body.innerHTML = `
388 |     <foo-bar msg="42"></foo-bar>
389 | `
390 | 
391 | const el = document.querySelector('foo-bar')
392 | el.msg = 2.71828
393 | ```
394 | 
395 | Using the property method, you can skip many (if not all) of the caveats
396 | mentioned in the previous section regarding props from attributes, because you
397 | can pass any value you want from JavaScript and it will go directly to the Vue
398 | component instance.
399 | 
400 | Nesting and composition
401 | =======================
402 | 
403 | Elements generated with `vue-web-component` from Vue components are fully
404 | nestable and composable. For example, given that we've generated the elements
405 | `<foo-bar>` and `<lorem-ipsum>` out of Vue components, we can compose them in
406 | the DOM and they will appear that way in the DOM when you look at the inspector
407 | (as expected, but this was not the case with `vue-custom-element`):
408 | 
409 | ```js
410 | document.body.innerHTML = `
411 |     <foo-bar>
412 |         <lorem-ipsum>
413 |             <foo-bar></foo-bar>
414 |         </lorem-ipsum>
415 |         <foo-bar>
416 |             <lorem-ipsum></lorem-ipsum>
417 |         </foo-bar>
418 |     </foo-bar>
419 |     <lorem-ipsum></lorem-ipsum>
420 | `
421 | ```
422 | 
423 | Use with ShadowDOM
424 | ==================
425 | 
426 | Elements generated by `vue-web-component` have a ShadowDOM root by default. A
427 | special element, `<real-slot>` is registered for you by `vue-web-component` that
428 | you can use to define **_real_** ShadowDOM `<slot>` elements. Using `<slot>`
429 | instead of `<real-slot>` won't work as you expect because those will be treated
430 | as Vue's virtual slots when Vue renders it's template, which won't work with
431 | actual ShadowDOM.
432 | 
433 | Given the following code,
434 | 
435 | ```vue
436 | <!-- FooBar.vue -->
437 | <template>
438 |     <div>
439 |         <real-slot></real-slot>
440 |     </div>
441 | <template>
442 | ```
443 | 
444 | ```vue
445 | <!-- LoremIpsum.vue -->
446 | <template>
447 |     <p>
448 |         <real-slot></real-slot>
449 |     </p>
450 | <template>
451 | ```
452 | 
453 | ```js
454 | import FooBar from './FooBar'
455 | import LoremIpsum from './LoremIpsum'
456 | import VueWebComponent from 'vue-web-component'
457 | 
458 | customElements.define('foo-bar', VueWebComponent(FooBar))
459 | customElements.define('lorem-ipsum', VueWebComponent(LoremIpsum))
460 | 
461 | document.body.innerHTML = `
462 |     <foo-bar id="foo">
463 |         <lorem-ipsum id="lorem">Hello</lorem-ipsum>
464 |     </foo-bar>
465 | `
466 | ```
467 | 
468 | then the DOM will contain the following (take a look in the element inspector):
469 | 
470 | ```html
471 | <foo-bar id="foo">
472 |     <#shadow-root>
473 |         <div>
474 |             <real-slot>
475 |                 <slot>
476 |                     ↳ <lorem-ipsum id="lorem"> // distributed node
477 |                 </slot>
478 |             </real-slot>
479 |         </div>
480 |     </#shadow-root>
481 |     <lorem-ipsum id="lorem">
482 |         <#shadow-root>
483 |             <p>
484 |                 <real-slot>
485 |                     <slot>
486 |                         ↳ "Hello" // distributed node
487 |                     </slot>
488 |                 </real-slot>
489 |             </p>
490 |         </#shadow-root>
491 |         Hello
492 |     </lorem-ipsum>
493 | </foo-bar>
494 | ```
495 | 
496 | The "composed tree" (an internal tree based on the composition of shadow roots
497 | in the DOM that determines the final content that the browser will render) will
498 | look like this:
499 | 
500 | ```html
501 | <foo-bar id="foo">
502 |     <div>
503 |         <real-slot>
504 |             <lorem-ipsum id="lorem">
505 |                 <p>
506 |                     <real-slot>
507 |                         Hello
508 |                     </real-slot>
509 |                 </p>
510 |             </lorem-ipsum>
511 |         </real-slot>
512 |     </div>
513 | </foo-bar>
514 | ```
515 | 
516 | Note, the `<real-slot>` elements remain as part of the composed tree, and they
517 | behave like inline elements. Feel free to style them as needed.
518 | 
519 | In the near future (or perhaps now depending on when you read this), browsers
520 | will have a `display: contents` CSS property that will make an element render
521 | only it's content and an element with `display:contents` will render as if it
522 | was not in the tree and only its children were in its place. The `<real-slot>`
523 | elements are given this styling, and when this style is supported, the
524 | "composed tree" will be more like this:
525 | 
526 | ```html
527 | <foo-bar id="foo">
528 |     <div>
529 |         <lorem-ipsum id="lorem">
530 |             <p>
531 |                 Hello
532 |             </p>
533 |         </lorem-ipsum>
534 |     </div>
535 | </foo-bar>
536 | ```
537 | 
538 | TODO
539 | ====
540 | 
541 | - [ ] Add API that allows Vue component authors to be able to more easily work
542 |   around edge cases when they detect that their component is used as a custom
543 |   element.
544 | 


--------------------------------------------------------------------------------
/example/.babelrc:
--------------------------------------------------------------------------------
1 | {
2 |   "presets": [
3 |     ["env", { "modules": false, "targets": {
4 |       "node": "current"
5 |     } } ],
6 |     "stage-3"
7 |   ]
8 | }
9 | 


--------------------------------------------------------------------------------
/example/.editorconfig:
--------------------------------------------------------------------------------
 1 | root = true
 2 | 
 3 | [*]
 4 | charset = utf-8
 5 | indent_style = space
 6 | indent_size = 2
 7 | end_of_line = lf
 8 | insert_final_newline = true
 9 | trim_trailing_whitespace = true
10 | 


--------------------------------------------------------------------------------
/example/README.md:
--------------------------------------------------------------------------------
 1 | # vue-element
 2 | 
 3 | > Make custom elements from Vue components.
 4 | 
 5 | ## Build Setup
 6 | 
 7 | ``` bash
 8 | # install dependencies
 9 | npm install
10 | 
11 | # serve with hot reload at localhost:8080
12 | npm run dev
13 | 
14 | # build for production with minification
15 | npm run build
16 | ```
17 | 
18 | For detailed explanation on how things work, consult the [docs for vue-loader](http://vuejs.github.io/vue-loader).
19 | 


--------------------------------------------------------------------------------
/example/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 |   <head>
 4 |     <meta charset="utf-8">
 5 |     <title>vue-element</title>
 6 |   </head>
 7 |   <body>
 8 |     <script src="/dist/build.js"></script>
 9 |   </body>
10 | </html>
11 | 


--------------------------------------------------------------------------------
/example/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "vue-element",
 3 |   "description": "Make custom elements from Vue components.",
 4 |   "version": "1.0.0",
 5 |   "author": "Joe Pea <joe@trusktr.io>",
 6 |   "license": "MIT",
 7 |   "private": true,
 8 |   "scripts": {
 9 |     "dev": "cross-env NODE_ENV=development webpack-dev-server --open --hot",
10 |     "build": "cross-env NODE_ENV=production webpack --progress --hide-modules"
11 |   },
12 |   "dependencies": {
13 |     "vue": "^2.5.11"
14 |   },
15 |   "devDependencies": {
16 |     "babel-core": "^6.26.0",
17 |     "babel-loader": "^7.1.2",
18 |     "babel-preset-env": "^1.6.0",
19 |     "babel-preset-stage-3": "^6.24.1",
20 |     "cross-env": "^5.0.5",
21 |     "css-loader": "^0.28.7",
22 |     "file-loader": "^1.1.4",
23 |     "vue-loader": "^13.0.5",
24 |     "vue-template-compiler": "^2.4.4",
25 |     "webpack": "^3.6.0",
26 |     "webpack-dev-server": "^2.9.1"
27 |   }
28 | }
29 | 


--------------------------------------------------------------------------------
/example/src/App.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div class="app">
 3 |     <foo :message="{n: 999}"></foo>
 4 |     <foo-element message='{"n": 111}'></foo-element>
 5 |     <img src="./assets/logo.png">
 6 |     <h1>{{ msg }}</h1>
 7 |     <real-slot></real-slot>
 8 |   </div>
 9 | </template>
10 | 
11 | <script>
12 |   import Foo from './Foo'
13 | 
14 |   console.log(' Foo in App ', Foo)
15 | 
16 |   export default {
17 |     name: 'app',
18 |     data () {
19 |       return {
20 |         msg: 'Welcome to Your Vue.js App'
21 |       }
22 |     },
23 |     components: { Foo }
24 |   }
25 | </script>
26 | 
27 | <style scoped>
28 |   .app {
29 |     font-family: 'Avenir', Helvetica, Arial, sans-serif;
30 |     -webkit-font-smoothing: antialiased;
31 |     -moz-osx-font-smoothing: grayscale;
32 |     text-align: center;
33 |     color: #2c3e50;
34 |     margin-top: 60px;
35 |     border: solid 2px teal;
36 |     padding: 10px;
37 |   }
38 | 
39 |   h1, h2 {
40 |     font-weight: normal;
41 |   }
42 | 
43 |   ul {
44 |     list-style-type: none;
45 |     padding: 0;
46 |   }
47 | 
48 |   li {
49 |     display: inline-block;
50 |     margin: 0 10px;
51 |   }
52 | 
53 |   a {
54 |     color: #42b983;
55 |   }
56 | </style>
57 | 


--------------------------------------------------------------------------------
/example/src/Foo.vue:
--------------------------------------------------------------------------------
 1 | 
 2 | <template>
 3 |   <div> foo: {{message.n}} </div>
 4 | </template>
 5 | 
 6 | <style scoped>
 7 |   div {
 8 |     background: pink;
 9 |   }
10 | </style>
11 | 
12 | <script>
13 |   export default {
14 |     props: {
15 |       message: {
16 |         type: Object,
17 |         default: () => ({n: 8}),
18 |       }
19 |     },
20 |   }
21 | </script>
22 | 


--------------------------------------------------------------------------------
/example/src/assets/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/trusktr/vue-web-component/172895ee5984f5825b952364eda689a9423d299b/example/src/assets/logo.png


--------------------------------------------------------------------------------
/example/src/main.js:
--------------------------------------------------------------------------------
 1 | import App from './App.vue'
 2 | import Foo from './Foo.vue'
 3 | import VueWebComponent from '../../src/index'
 4 | 
 5 | console.log('App in main:', App)
 6 | console.log('Foo in main:', Foo)
 7 | console.log('Foo props sync 1', Foo.props)
 8 | 
 9 | customElements.define('app-element', VueWebComponent( App ) )
10 | customElements.define('foo-element', VueWebComponent( Foo ) )
11 | 
12 | console.log('Foo props sync 2', Foo.props)
13 | 
14 | // finally, test the element, and you can also nest them (take a look at the
15 | // element inspector)
16 | document.body.innerHTML = `
17 |   <app-element>
18 |     <foo-element id="test" message='{"n":555}'></foo-element>
19 |     <app-element></app-element>
20 |   </app-element>
21 | `
22 | 
23 | console.log('Foo props sync 3', Foo.props)
24 | 
25 | setTimeout(() => {
26 |   console.log('Foo props async', Foo.props)
27 |   console.log(test.props)
28 | }, 500)
29 | 
30 | /////////////////////////////////////////////////////////////////////////////
31 | /////////////////////////////////////////////////////////////////////////////
32 | 
33 | //import Foo from './Foo.vue'
34 | //import Vue from 'vue'
35 | //import VueWebComponent from '../../src/index'
36 | 
37 | //document.body.innerHTML = '<div id="root"><foo-element></foo-element></div>'
38 | //const root = document.querySelector('#root')
39 | 
40 | ////new Vue({
41 |   ////el: root,
42 |   ////components: { fooElement: Foo },
43 | ////})
44 | 
45 | //customElements.define('foo-element', VueWebComponent(Foo))
46 | 
47 | /////////////////////////////////////////////////////////////////////////////
48 | /////////////////////////////////////////////////////////////////////////////
49 | 
50 | //import { props, withComponent } from 'skatejs'
51 | //import VueWebComponent from '../../src/index'
52 | 
53 | //class MyEl extends withComponent(HTMLElement) {
54 |   //static get props() {
55 |     //return {
56 |       //msg: props.object,
57 |       //bool: props.boolean,
58 |     //}
59 |   //}
60 | 
61 |   //render() {
62 |     //return `
63 |       //msg: ${this.msg.n}
64 |       //<h1><real-slot></real-slot></h1>
65 |       //<span><real-slot name="foo"></real-slot></span>
66 |     //`
67 |   //}
68 | 
69 |   //updated(...args) {
70 |     //super.updated(...args)
71 |     //console.log('updated!', this.msg, this.bool)
72 |   //}
73 | //}
74 | 
75 | //customElements.define('my-el', MyEl)
76 | 
77 | //document.body.innerHTML = `
78 |   //<my-el id="myel" msg='{"n":57}'><p slot="foo">test</p></my-el>
79 | //`
80 | 
81 | //setTimeout(() => myel.msg = {n:65}, 2000)
82 | 


--------------------------------------------------------------------------------
/example/webpack.config.js:
--------------------------------------------------------------------------------
 1 | var path = require('path')
 2 | var webpack = require('webpack')
 3 | 
 4 | module.exports = {
 5 |   entry: './src/main.js',
 6 |   output: {
 7 |     path: path.resolve(__dirname, './dist'),
 8 |     publicPath: '/dist/',
 9 |     filename: 'build.js'
10 |   },
11 |   module: {
12 |     rules: [
13 |       {
14 |         test: /\.css$/,
15 |         use: [
16 |           'vue-style-loader',
17 |           'css-loader'
18 |         ],
19 |       },      {
20 |         test: /\.vue$/,
21 |         loader: 'vue-loader',
22 |         options: {
23 |           loaders: {
24 |           }
25 |           // other vue-loader options go here
26 |         }
27 |       },
28 |       {
29 |         test: /\.js$/,
30 |         loader: 'babel-loader',
31 | 
32 |         // see tips on including specific node_modules: https://github.com/webpack/webpack/issues/2031
33 |         //exclude: /node_modules\/(?!(skatejs)\/).*/,
34 |         exclude: function(modulePath) {
35 |           return /node_modules/.test(modulePath) &&
36 |             !/node_modules\/skatejs/.test(modulePath);
37 |         },
38 | 
39 |       },
40 |       {
41 |         test: /\.(png|jpg|gif|svg)$/,
42 |         loader: 'file-loader',
43 |         options: {
44 |           name: '[name].[ext]?[hash]'
45 |         }
46 |       }
47 |     ]
48 |   },
49 |   resolve: {
50 |     alias: {
51 |       'vue$': 'vue/dist/vue.esm.js',
52 |       'skatejs': 'skatejs/dist/esnext',
53 |     },
54 |     mainFields: ['esnext', 'browser', 'module', 'main'],
55 |     extensions: ['*', '.js', '.vue', '.json']
56 |   },
57 |   devServer: {
58 |     historyApiFallback: true,
59 |     noInfo: true,
60 |     overlay: true
61 |   },
62 |   performance: {
63 |     hints: false
64 |   },
65 |   devtool: '#eval-source-map'
66 | }
67 | 
68 | if (process.env.NODE_ENV === 'production') {
69 |   module.exports.devtool = '#source-map'
70 |   // http://vue-loader.vuejs.org/en/workflow/production.html
71 |   module.exports.plugins = (module.exports.plugins || []).concat([
72 |     new webpack.DefinePlugin({
73 |       'process.env': {
74 |         NODE_ENV: '"production"'
75 |       }
76 |     }),
77 |     new webpack.optimize.UglifyJsPlugin({
78 |       sourceMap: true,
79 |       compress: {
80 |         warnings: false
81 |       }
82 |     }),
83 |     new webpack.LoaderOptionsPlugin({
84 |       minimize: true
85 |     })
86 |   ])
87 | }
88 | 


--------------------------------------------------------------------------------
/global.js:
--------------------------------------------------------------------------------
1 | var vueWebComponent=function(e){function t(o){if(n[o])return n[o].exports;var r=n[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,t),r.l=!0,r.exports}var n={};return t.m=e,t.c=n,t.d=function(e,n,o){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:o})},t.n=function(e){var n=e&&e.__esModule?function(){return e['default']}:function(){return e};return t.d(n,'a',n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p='',t(t.s=56)}([function(e){var t=e.exports={version:'2.5.3'};'number'==typeof __e&&(__e=t)},function(e){var t=e.exports='undefined'!=typeof window&&window.Math==Math?window:'undefined'!=typeof self&&self.Math==Math?self:Function('return this')();'number'==typeof __g&&(__g=t)},function(e){e.exports=function(e){return'object'==typeof e?null!==e:'function'==typeof e}},function(e,t,n){var o=n(1),r=n(0),a=n(35),i=n(9),s='prototype',d=function(e,t,n){var p=e&d.F,l=e&d.G,c=e&d.S,u=e&d.P,y=e&d.B,m=e&d.W,f=l?r:r[t]||(r[t]={}),_=f[s],h=l?o:c?o[t]:(o[t]||{})[s],g,v,b;for(g in l&&(n=t),n)v=!p&&h&&void 0!==h[g],v&&g in f||(b=v?h[g]:n[g],f[g]=l&&'function'!=typeof h[g]?n[g]:y&&v?a(b,o):m&&h[g]==b?function(e){var t=function(t,n,o){if(this instanceof e){switch(arguments.length){case 0:return new e;case 1:return new e(t);case 2:return new e(t,n);}return new e(t,n,o)}return e.apply(this,arguments)};return t[s]=e[s],t}(b):u&&'function'==typeof b?a(Function.call,b):b,u&&((f.virtual||(f.virtual={}))[g]=b,e&d.R&&_&&!_[g]&&i(_,g,b)))};d.F=1,d.G=2,d.S=4,d.P=8,d.B=16,d.W=32,d.U=64,d.R=128,e.exports=d},function(e,t,n){var o=n(10),r=n(36),a=n(18),i=Object.defineProperty;t.f=n(5)?Object.defineProperty:function(e,t,n){if(o(e),t=a(t,!0),o(n),r)try{return i(e,t,n)}catch(t){}if('get'in n||'set'in n)throw TypeError('Accessors not supported!');return'value'in n&&(e[t]=n.value),e}},function(e,t,n){e.exports=!n(6)(function(){return 7!=Object.defineProperty({},'a',{get:function(){return 7}}).a})},function(e){e.exports=function(e){try{return!!e()}catch(t){return!0}}},function(e){var t={}.hasOwnProperty;e.exports=function(e,n){return t.call(e,n)}},function(e,t,n){var o=n(39),r=n(19);e.exports=function(e){return o(r(e))}},function(e,t,n){var o=n(4),r=n(12);e.exports=n(5)?function(e,t,n){return o.f(e,t,r(1,n))}:function(e,t,n){return e[t]=n,e}},function(e,t,n){var o=n(2);e.exports=function(e){if(!o(e))throw TypeError(e+' is not an object!');return e}},function(e,t,n){var o=n(22)('wks'),r=n(15),a=n(1).Symbol,i='function'==typeof a,s=e.exports=function(e){return o[e]||(o[e]=i&&a[e]||(i?a:r)('Symbol.'+e))};s.store=o},function(e){e.exports=function(e,t){return{enumerable:!(1&e),configurable:!(2&e),writable:!(4&e),value:t}}},function(e,t,n){var o=n(10),r=n(60),a=n(23),i=n(21)('IE_PROTO'),s=function(){},d='prototype',p=function(){var e=n(37)('iframe'),t=a.length,o='<',r='>',i;for(e.style.display='none',n(64).appendChild(e),e.src='javascript:',i=e.contentWindow.document,i.open(),i.write(o+'script'+r+'document.F=Object'+o+'/script'+r),i.close(),p=i.F;t--;)delete p[d][a[t]];return p()};e.exports=Object.create||function(e,t){var n;return null===e?n=p():(s[d]=o(e),n=new s,s[d]=null,n[i]=e),void 0===t?n:r(n,t)}},function(e,t,n){var o=n(38),r=n(23);e.exports=Object.keys||function(e){return o(e,r)}},function(e){var t=0,n=Math.random();e.exports=function(e){return'Symbol('.concat(e===void 0?'':e,')_',(++t+n).toString(36))}},function(e,t){t.f={}.propertyIsEnumerable},function(e){e.exports=function(e){if('function'!=typeof e)throw TypeError(e+' is not a function!');return e}},function(e,t,n){var o=n(2);e.exports=function(e,t){if(!o(e))return e;var n,r;if(t&&'function'==typeof(n=e.toString)&&!o(r=n.call(e)))return r;if('function'==typeof(n=e.valueOf)&&!o(r=n.call(e)))return r;if(!t&&'function'==typeof(n=e.toString)&&!o(r=n.call(e)))return r;throw TypeError('Can\'t convert object to primitive value')}},function(e){e.exports=function(e){if(e==void 0)throw TypeError('Can\'t call method on  '+e);return e}},function(e){var t=Math.ceil,n=Math.floor;e.exports=function(e){return isNaN(e=+e)?0:(0<e?n:t)(e)}},function(e,t,n){var o=n(22)('keys'),r=n(15);e.exports=function(e){return o[e]||(o[e]=r(e))}},function(e,t,n){var o=n(1),r='__core-js_shared__',a=o[r]||(o[r]={});e.exports=function(e){return a[e]||(a[e]={})}},function(e){e.exports=['constructor','hasOwnProperty','isPrototypeOf','propertyIsEnumerable','toLocaleString','toString','valueOf']},function(e,t,n){var o=n(3),r=n(0),a=n(6);e.exports=function(e,t){var n=(r.Object||{})[e]||Object[e],i={};i[e]=t(n),o(o.S+o.F*a(function(){n(1)}),'Object',i)}},function(e,t){t.f=Object.getOwnPropertySymbols},function(e,t,n){var o=n(19);e.exports=function(e){return Object(o(e))}},function(e,t,n){var o=n(16),r=n(12),a=n(8),i=n(18),s=n(7),d=n(36),p=Object.getOwnPropertyDescriptor;t.f=n(5)?p:function(e,t){if(e=a(e),t=i(t,!0),d)try{return p(e,t)}catch(t){}return s(e,t)?r(!o.f.call(e,t),e[t]):void 0}},function(e){e.exports=!0},function(e){e.exports={}},function(e,t,n){var o=n(4).f,r=n(7),a=n(11)('toStringTag');e.exports=function(e,t,n){e&&!r(e=n?e:e.prototype,a)&&o(e,a,{configurable:!0,value:t})}},function(e,t,n){t.f=n(11)},function(e,t,n){var o=n(1),r=n(0),a=n(28),i=n(31),s=n(4).f;e.exports=function(e){var t=r.Symbol||(r.Symbol=a?{}:o.Symbol||{});'_'==e.charAt(0)||e in t||s(t,e,{value:i.f(e)})}},function(e){var t=function(){return this}();try{t=t||Function('return this')()||(1,eval)('this')}catch(n){'object'==typeof window&&(t=window)}e.exports=t},function(e,t,n){'use strict';t.a=function(e){return'string'==typeof e?e.split(/([_A-Z])/).reduce(function(e,t,n){var o=e&&0!=n%2?'-':'';return t='_'===t?'':t,''+e+o+t.toLowerCase()}):e},n.d(t,'b',function(){return o}),t.c=function(e){e=e||{};var t=Object.getOwnPropertyNames(e);return Object.getOwnPropertySymbols?t.concat(Object.getOwnPropertySymbols(e)):t},t.d=function(e){return e=(e||++r)+'','function'==typeof Symbol?Symbol(e):'__skate_'+e};var o=function(e){return null==e},r=0},function(e,t,n){var o=n(17);e.exports=function(e,t,n){return(o(e),void 0===t)?e:1===n?function(n){return e.call(t,n)}:2===n?function(n,o){return e.call(t,n,o)}:3===n?function(n,o,r){return e.call(t,n,o,r)}:function(){return e.apply(t,arguments)}}},function(e,t,n){e.exports=!n(5)&&!n(6)(function(){return 7!=Object.defineProperty(n(37)('div'),'a',{get:function(){return 7}}).a})},function(e,t,n){var o=n(2),r=n(1).document,a=o(r)&&o(r.createElement);e.exports=function(e){return a?r.createElement(e):{}}},function(e,t,n){var o=n(7),r=n(8),a=n(61)(!1),i=n(21)('IE_PROTO');e.exports=function(e,t){var n=r(e),s=0,d=[],p;for(p in n)p!=i&&o(n,p)&&d.push(p);for(;t.length>s;)o(n,p=t[s++])&&(~a(d,p)||d.push(p));return d}},function(e,t,n){var o=n(40);e.exports=Object('z').propertyIsEnumerable(0)?Object:function(e){return'String'==o(e)?e.split(''):Object(e)}},function(e){var t={}.toString;e.exports=function(e){return t.call(e).slice(8,-1)}},function(e,t,n){var o=n(15)('meta'),r=n(2),a=n(7),i=n(4).f,s=0,d=Object.isExtensible||function(){return!0},p=!n(6)(function(){return d(Object.preventExtensions({}))}),l=function(e){i(e,o,{value:{i:'O'+ ++s,w:{}}})},c=e.exports={KEY:o,NEED:!1,fastKey:function(e,t){if(!r(e))return'symbol'==typeof e?e:('string'==typeof e?'S':'P')+e;if(!a(e,o)){if(!d(e))return'F';if(!t)return'E';l(e)}return e[o].i},getWeak:function(e,t){if(!a(e,o)){if(!d(e))return!0;if(!t)return!1;l(e)}return e[o].w},onFreeze:function(e){return p&&c.NEED&&d(e)&&!a(e,o)&&l(e),e}}},function(e,t,n){e.exports={default:n(79),__esModule:!0}},function(e,t,n){var o=n(7),r=n(26),a=n(21)('IE_PROTO'),i=Object.prototype;e.exports=Object.getPrototypeOf||function(e){return e=r(e),o(e,a)?e[a]:'function'==typeof e.constructor&&e instanceof e.constructor?e.constructor.prototype:e instanceof Object?i:null}},function(e,t,n){'use strict';function o(e){return e&&e.__esModule?e:{default:e}}t.__esModule=!0;var r=n(86),a=o(r),i=n(95),s=o(i),d='function'==typeof s.default&&'symbol'==typeof a.default?function(e){return typeof e}:function(e){return e&&'function'==typeof s.default&&e.constructor===s.default&&e!==s.default.prototype?'symbol':typeof e};t.default='function'==typeof s.default&&'symbol'===d(a.default)?function(e){return'undefined'==typeof e?'undefined':d(e)}:function(e){return e&&'function'==typeof s.default&&e.constructor===s.default&&e!==s.default.prototype?'symbol':'undefined'==typeof e?'undefined':d(e)}},function(e,t,n){'use strict';var o=n(28),r=n(3),a=n(46),i=n(9),s=n(7),d=n(29),p=n(90),l=n(30),c=n(43),u=n(11)('iterator'),y=!([].keys&&'next'in[].keys()),m='keys',f='values',_=function(){return this};e.exports=function(e,t,n,h,g,v,b){p(n,t,h);var k=function(e){return!y&&e in N?N[e]:e===m?function(){return new n(this,e)}:e===f?function(){return new n(this,e)}:function(){return new n(this,e)}},E=t+' Iterator',O=g==f,x=!1,N=e.prototype,C=N[u]||N['@@iterator']||g&&N[g],w=!y&&C||k(g),P=g?O?k('entries'):w:void 0,$='Array'==t?N.entries||C:C,A,D,T;if($&&(T=c($.call(new e)),T!==Object.prototype&&T.next&&(l(T,E,!0),!o&&!s(T,u)&&i(T,u,_))),O&&C&&C.name!==f&&(x=!0,w=function(){return C.call(this)}),(!o||b)&&(y||x||!N[u])&&i(N,u,w),d[t]=w,d[E]=_,g)if(A={values:O?w:k(f),keys:v?w:k(m),entries:P},b)for(D in A)D in N||a(N,D,A[D]);else r(r.P+r.F*(y||x),t,A);return A}},function(e,t,n){e.exports=n(9)},function(e,t,n){var o=n(38),r=n(23).concat('length','prototype');t.f=Object.getOwnPropertyNames||function(e){return o(e,r)}},function(e){function t(){throw new Error('setTimeout has not been defined')}function n(){throw new Error('clearTimeout has not been defined')}function o(e){if(l===setTimeout)return setTimeout(e,0);if((l===t||!l)&&setTimeout)return l=setTimeout,setTimeout(e,0);try{return l(e,0)}catch(t){try{return l.call(null,e,0)}catch(t){return l.call(this,e,0)}}}function r(e){if(c===clearTimeout)return clearTimeout(e);if((c===n||!c)&&clearTimeout)return c=clearTimeout,clearTimeout(e);try{return c(e)}catch(t){try{return c.call(null,e)}catch(t){return c.call(this,e)}}}function a(){y&&f&&(y=!1,f.length?u=f.concat(u):m=-1,u.length&&s())}function s(){if(!y){var e=o(a);y=!0;for(var t=u.length;t;){for(f=u,u=[];++m<t;)f&&f[m].run();m=-1,t=u.length}f=null,y=!1,r(e)}}function d(e,t){this.fun=e,this.array=t}function i(){}var p=e.exports={},l,c;(function(){try{l='function'==typeof setTimeout?setTimeout:t}catch(n){l=t}try{c='function'==typeof clearTimeout?clearTimeout:n}catch(t){c=n}})();var u=[],y=!1,m=-1,f;p.nextTick=function(e){var t=Array(arguments.length-1);if(1<arguments.length)for(var n=1;n<arguments.length;n++)t[n-1]=arguments[n];u.push(new d(e,t)),1!==u.length||y||o(s)},d.prototype.run=function(){this.fun.apply(null,this.array)},p.title='browser',p.browser=!0,p.env={},p.argv=[],p.version='',p.versions={},p.on=i,p.addListener=i,p.once=i,p.off=i,p.removeListener=i,p.removeAllListeners=i,p.emit=i,p.prependListener=i,p.prependOnceListener=i,p.listeners=function(){return[]},p.binding=function(){throw new Error('process.binding is not supported')},p.cwd=function(){return'/'},p.chdir=function(){throw new Error('process.chdir is not supported')},p.umask=function(){return 0}},function(e,t,n){'use strict';function o(e,t){return(-1===e.indexOf('-')?'x-'+e:e)+(t?'-'+t:'')}t.a=function(){var e=0<arguments.length&&arguments[0]!==void 0?arguments[0]:'element';e=Object(r.a)(e);for(var t=0;customElements.get(o(e,t));)++t;return o(e,t)};var r=n(34)},function(e,t){'use strict';t.a=function(e){return e._shadowRoot||(e._shadowRoot=e.shadowRoot||e.attachShadow({mode:'open'}))}},function(e,t,n){'use strict';function o(e,t){if(!(e instanceof t))throw new TypeError('Cannot call a class as a function')}function r(e,t){if(!e)throw new ReferenceError('this hasn\'t been initialised - super() hasn\'t been called');return t&&('object'==typeof t||'function'==typeof t)?t:e}function a(e,t){if('function'!=typeof t&&null!==t)throw new TypeError('Super expression must either be null or a function, not '+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}n.d(t,'a',function(){return d});var i=function(){function e(e,t){for(var n=0,o;n<t.length;n++)o=t[n],o.enumerable=o.enumerable||!1,o.configurable=!0,'value'in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}return function(t,n,o){return n&&e(t.prototype,n),o&&e(t,o),t}}(),s=function e(t,n,o){null===t&&(t=Function.prototype);var r=Object.getOwnPropertyDescriptor(t,n);if(r===void 0){var a=Object.getPrototypeOf(t);return null===a?void 0:e(a,n,o)}if('value'in r)return r.value;var i=r.get;return void 0===i?void 0:i.call(o)},d=function(){var e=0<arguments.length&&arguments[0]!==void 0?arguments[0]:HTMLElement;return function(e){function t(){return o(this,t),r(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return a(t,e),i(t,[{key:'connectedCallback',value:function(){if(s(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),'connectedCallback',this)&&s(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),'connectedCallback',this).call(this),this.childrenUpdated){var e=this.childrenUpdated.bind(this);e();var n=new MutationObserver(e);n.observe(this,{childList:!0}),this.props&&this.props.hasOwnProperty('children')&&(this.props={children:this.children})}}}]),t}(e)}},function(e,t,n){'use strict';function o(e,t){if(!(e instanceof t))throw new TypeError('Cannot call a class as a function')}function r(e,t){if(!e)throw new ReferenceError('this hasn\'t been initialised - super() hasn\'t been called');return t&&('object'==typeof t||'function'==typeof t)?t:e}function a(e,t){if('function'!=typeof t&&null!==t)throw new TypeError('Super expression must either be null or a function, not '+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}n.d(t,'a',function(){return s});var i=function(){function e(e,t){for(var n=0,o;n<t.length;n++)o=t[n],o.enumerable=o.enumerable||!1,o.configurable=!0,'value'in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}return function(t,n,o){return n&&e(t.prototype,n),o&&e(t,o),t}}(),s=function(){var e=0<arguments.length&&arguments[0]!==void 0?arguments[0]:HTMLElement;return function(e){function t(){return o(this,t),r(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return a(t,e),i(t,[{key:'context',get:function(){if(this._context)return this._context;for(var e=this;e=e.parentNode||e.host;)if('context'in e)return e.context;return{}},set:function(e){this._context=e}}]),t}(e)}},function(e,t,n){'use strict';function o(e,t){if(!(e instanceof t))throw new TypeError('Cannot call a class as a function')}function r(e,t){if(!e)throw new ReferenceError('this hasn\'t been initialised - super() hasn\'t been called');return t&&('object'==typeof t||'function'==typeof t)?t:e}function a(e,t){if('function'!=typeof t&&null!==t)throw new TypeError('Super expression must either be null or a function, not '+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}n.d(t,'a',function(){return d});var i=function(){function e(e,t){for(var n=0,o;n<t.length;n++)o=t[n],o.enumerable=o.enumerable||!1,o.configurable=!0,'value'in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}return function(t,n,o){return n&&e(t.prototype,n),o&&e(t,o),t}}(),s=function e(t,n,o){null===t&&(t=Function.prototype);var r=Object.getOwnPropertyDescriptor(t,n);if(r===void 0){var a=Object.getPrototypeOf(t);return null===a?void 0:e(a,n,o)}if('value'in r)return r.value;var i=r.get;return void 0===i?void 0:i.call(o)},d=function(){var e=0<arguments.length&&arguments[0]!==void 0?arguments[0]:HTMLElement;return function(e){function t(){return o(this,t),r(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return a(t,e),i(t,[{key:'connectedCallback',value:function(){this.connecting&&this.connecting(),s(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),'connectedCallback',this)&&s(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),'connectedCallback',this).call(this),this.connected&&this.connected()}},{key:'disconnectedCallback',value:function(){this.disconnecting&&this.disconnecting(),s(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),'disconnectedCallback',this)&&s(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),'disconnectedCallback',this).call(this),this.disconnected&&this.disconnected()}}]),t}(e)}},function(e,t,n){'use strict';function o(e,t){if(!(e instanceof t))throw new TypeError('Cannot call a class as a function')}function r(e,t){if(!e)throw new ReferenceError('this hasn\'t been initialised - super() hasn\'t been called');return t&&('object'==typeof t||'function'==typeof t)?t:e}function a(e,t){if('function'!=typeof t&&null!==t)throw new TypeError('Super expression must either be null or a function, not '+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}function i(e){if(!e.hasOwnProperty('_propsNormalised')){var t=e.props;Object(p.c)(t).forEach(function(n){var o=t[n];'function'!=typeof o&&(o=d(o)),o({constructor:e},n)})}}function s(e){window.Promise?Promise.resolve().then(e):setTimeout(e)}function d(e){var t=e||{},n=function(e,n){var o=e.constructor,r=Object(l.a)(n,t),a=Object(p.d)(n);o.hasOwnProperty('_propsNormalised')||(o._propsNormalised={}),o._propsNormalised[n]=r,r.attribute.source&&o._observedAttributes.push(r.attribute.source),Object.defineProperty(o.prototype,n,{configurable:!0,get:function(){var e=this[a];return null==e?r.default:e},set:function(e){this[a]=r.coerce(e),Object(l.c)(this,r.attribute.target,r.serialize,e),this.triggerUpdate()}})};return Object.keys(t).forEach(function(e){return n[e]=t[e]}),n}n.d(t,'b',function(){return y}),n.d(t,'a',function(){return x});var p=n(34),l=n(120),c=function(){function e(e,t){for(var n=0,o;n<t.length;n++)o=t[n],o.enumerable=o.enumerable||!1,o.configurable=!0,'value'in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}return function(t,n,o){return n&&e(t.prototype,n),o&&e(t,o),t}}(),u=function e(t,n,o){null===t&&(t=Function.prototype);var r=Object.getOwnPropertyDescriptor(t,n);if(r===void 0){var a=Object.getPrototypeOf(t);return null===a?void 0:e(a,n,o)}if('value'in r)return r.value;var i=r.get;return void 0===i?void 0:i.call(o)},y=function(){var e=0<arguments.length&&arguments[0]!==void 0?arguments[0]:HTMLElement,t,n;return n=t=function(e){function t(){var e,n,a,i;o(this,t);for(var s=arguments.length,d=Array(s),p=0;p<s;p++)d[p]=arguments[p];return i=(n=(a=r(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(d))),a),a._prevProps={},a._prevState={},a._state={},n),r(a,i)}return a(t,e),c(t,[{key:'attributeChangedCallback',value:function(e,n,o){u(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),'attributeChangedCallback',this)&&u(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),'attributeChangedCallback',this).call(this,e,n,o),Object(l.b)(this,e,o)}},{key:'connectedCallback',value:function(){u(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),'connectedCallback',this)&&u(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),'connectedCallback',this).call(this),this.triggerUpdate()}},{key:'shouldUpdate',value:function(){return!0}},{key:'triggerUpdate',value:function(){var e=this;this._updating||(this._updating=!0,s(function(){var t=e._prevProps,n=e._prevState;e.updating&&e.updating(t,n),e.updated&&e.shouldUpdate(t,n)&&e.updated(t,n),e._prevProps=e.props,e._prevState=e.state,e._updating=!1}))}},{key:'props',get:function(){var e=this;return Object(p.c)(this.constructor.props).reduce(function(t,n){return t[n]=e[n],t},{})},set:function(e){var t=this,n=this.constructor.props;Object(p.c)(e).forEach(function(o){return o in n&&(t[o]=e[o])})}},{key:'state',get:function(){return this._state},set:function(e){this._state=e,this.triggerUpdate()}}],[{key:'observedAttributes',get:function(){return i(this),this._observedAttributes}},{key:'props',get:function(){return this._props},set:function(e){this._props=e}}]),t}(e),t._observedAttributes=[],n},m=JSON.parse,f=JSON.stringify,_=Object.freeze({source:!0}),h=function(e){return Object(p.b)(e)?0:+e},g=d({attribute:_}),v=d({attribute:_,coerce:function(e){return Array.isArray(e)?e:Object(p.b)(e)?null:[e]},default:Object.freeze([]),deserialize:m,serialize:f}),b=d({attribute:_,coerce:Boolean,default:!1,deserialize:function(e){return!Object(p.b)(e)},serialize:function(e){return e?'':null}}),k=d({attribute:_,default:0,coerce:h,deserialize:h,serialize:function(e){return Object(p.b)(e)?null:+e+''}}),E=d({attribute:_,default:Object.freeze({}),deserialize:m,serialize:f}),O=d({attribute:_,default:'',coerce:String,serialize:function(e){return Object(p.b)(e)?null:e+''}}),x={any:g,array:v,boolean:b,number:k,object:E,string:O}},function(e,t,n){'use strict';function o(e,t){if(!(e instanceof t))throw new TypeError('Cannot call a class as a function')}function r(e,t){if(!e)throw new ReferenceError('this hasn\'t been initialised - super() hasn\'t been called');return t&&('object'==typeof t||'function'==typeof t)?t:e}function a(e,t){if('function'!=typeof t&&null!==t)throw new TypeError('Super expression must either be null or a function, not '+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}n.d(t,'a',function(){return p});var i=n(50),s=function(){function e(e,t){for(var n=0,o;n<t.length;n++)o=t[n],o.enumerable=o.enumerable||!1,o.configurable=!0,'value'in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}return function(t,n,o){return n&&e(t.prototype,n),o&&e(t,o),t}}(),d=function e(t,n,o){null===t&&(t=Function.prototype);var r=Object.getOwnPropertyDescriptor(t,n);if(r===void 0){var a=Object.getPrototypeOf(t);return null===a?void 0:e(a,n,o)}if('value'in r)return r.value;var i=r.get;return void 0===i?void 0:i.call(o)},p=function(){var e=0<arguments.length&&arguments[0]!==void 0?arguments[0]:HTMLElement;return function(e){function t(){return o(this,t),r(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return a(t,e),s(t,[{key:'renderer',value:function(e,n){d(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),'renderer',this)?d(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),'renderer',this).call(this,e,n):e.innerHTML=n()}},{key:'updated',value:function(){for(var e=this,n=arguments.length,o=Array(n),r=0,a;r<n;r++)o[r]=arguments[r];d(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),'updated',this)&&(a=d(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),'updated',this)).call.apply(a,[this].concat(o)),this.rendering&&this.rendering(),this.renderer(this.renderRoot,function(){return e.render&&e.render(e)}),this.rendered&&this.rendered()}},{key:'renderRoot',get:function(){return d(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),'renderRoot',this)||Object(i.a)(this)}}]),t}(e)}},function(e,t,n){'use strict';function o(e){function t(e){return'function'==typeof e.default?l()(e.default()):e.default}if(!e)return{};var n={},o=function(){return console.warn('vue-web-component: The Vue component that you converted into a custom element will receive only string values from the "'+key+'" attribute. If you\'d like string values from attributes coerced into a certain type, define that type in your Vue component. For example: props: { "'+key+'": Number }')};for(var r in e){var a=e[r],i=t(a);null===a.type?(n[r]=C.a.any,o(),console.warn('vue-web-component: You did not specify a prop type for the attribute mentioned in the previous warning. Any values for this attribute will be passed as a string value to the Vue component.')):a.type===Number?n[r]=u()({},C.a.number,{default:i}):a.type===String?n[r]=u()({},C.a.string,{default:i}):a.type===Boolean?n[r]=u()({},C.a.boolean,{default:i}):a.type===Object?n[r]=u()({},C.a.object,{default:i}):a.type===Array?n[r]=u()({},C.a.array,{default:i}):(n[r]=C.a.any,o(),console.warn('vue-web-component: You specified a type in your Vue component that is currently is not supported by vue-web-component. Any values for the attribute mentioned in the previous warning will be passed as string value to the Vue component.'))}return n}function r(e){var t=[];return~function e(n){for(var o in n._scopeId&&t.push(n._scopeId),n.components)e(n.components[o])}(e),t}function a(e){var t=document.styleSheets,n=[];return Array.prototype.forEach.call(t,function(t){var o=t.cssRules||t.rules;Array.prototype.forEach.call(o,function(t){e.some(function(e){return-1<t.selectorText.indexOf(e)})&&n.push(t)})}),n}function i(e,t,n){for(var o in e)e[o]!==t[o]&&n(o,e[o])}Object.defineProperty(t,'__esModule',{value:!0}),t['default']=function(e,t){t=t||w(function(e){function t(){return b()(this,t),E()(this,(t.__proto__||g()(t)).apply(this,arguments))}return x()(t,e),t}(HTMLElement));var n=N.a.extend(e),s=o(e.props),d=r(e),p=null;return function(e){function t(){for(var e=[],o=arguments.length;o--;)e[o]=arguments[o];b()(this,t);var r=E()(this,(a=t.__proto__||g()(t)).call.apply(a,[this].concat(e)));return r.vue_instance=new n,r.vue_instancePromise=null,r.vue_mounted=!1,r;var a}return x()(t,e),m()(t,[{key:'renderer',value:function(e){var t=this;this.vue_mounted||(this.vue_mountComponent(e),requestAnimationFrame(function(){return t.vue_applyStyle(e)}))}},{key:'vue_mountComponent',value:function(e){var t=document.createElement('tmp');t.style.display='none',e.appendChild(t),this.vue_instance.$mount(t),this.vue_mounted=!0}},{key:'vue_applyStyle',value:function(e){if(d.length){var t=document.createElement('style');t.appendChild(document.createTextNode('/* Vue styles are inside this element\'s CSSStyleSheet */')),e.appendChild(t);var n=t.sheet,o=n.cssRules||n.rules;p||(p=a(d));for(var r=0,i=p,s;r<i.length;r+=1)s=i[r],n.insertRule(s.cssText,o.length)}}},{key:'updated',value:function(e,n){var o=this;_()(t.prototype.__proto__||g()(t.prototype),'updated',this).call(this,e,n),i(this.props,e,function(e){o.vue_instance[e]=o[e]})}}],[{key:'props',get:function(){return s}}]),t}(Object(C.d)(Object(C.c)(t)))},n.d(t,'version',function(){return $});var s=n(57),d=n.n(s),p=n(67),l=n.n(p),c=n(70),u=n.n(c),y=n(74),m=n.n(y),f=n(78),_=n.n(f),h=n(42),g=n.n(h),v=n(84),b=n.n(v),k=n(85),E=n.n(k),O=n(104),x=n.n(O),N=n(112),C=n(115),w=function(e){var t=e.getOwnPropertyDescriptor,n=e.getPrototypeOf||function(e){return e.__proto__},o=e.setPrototypeOf||function(e,t){return e.__proto__=t,e},r='object'==typeof Reflect?d.a:function(e,t,n){var r=[null],a;return r.push.apply(r,t),a=e.bind.apply(e,r),o(new a,n.prototype)};return function(e){var t=n(e);return o(e,o(function(){return r(t,arguments,n(this).constructor)},t))}}(Object),P=function(e){function t(){for(var e=[],n=arguments.length;n--;)e[n]=arguments[n];b()(this,t);var o=E()(this,(r=t.__proto__||g()(t)).call.apply(r,[this].concat(e)));return o.style.display='contents',o;var r}return x()(t,e),m()(t,[{key:'connected',value:function(){this.actualSlot||(this.actualSlot=document.createElement('slot'),this.appendChild(this.actualSlot))}},{key:'updated',value:function(e){this.name&&this.name!==e.name&&this.actualSlot.setAttribute('name',this.name)}}],[{key:'props',get:function(){return{name:u()({},C.a.string,{attribute:!0})}}}]),t}(Object(C.b)(Object(C.d)(HTMLElement)));customElements.define('real-slot',P);var $='1.2.0'},function(e,t,n){e.exports={default:n(58),__esModule:!0}},function(e,t,n){n(59),e.exports=n(0).Reflect.construct},function(e,t,n){var o=n(3),r=n(13),a=n(17),i=n(10),s=n(2),d=n(6),p=n(65),l=(n(1).Reflect||{}).construct,c=d(function(){function e(){}return!(l(function(){},[],e)instanceof e)}),u=!d(function(){l(function(){})});o(o.S+o.F*(c||u),'Reflect',{construct:function(e,t){a(e),i(t);var n=3>arguments.length?e:a(arguments[2]);if(u&&!c)return l(e,t,n);if(e==n){switch(t.length){case 0:return new e;case 1:return new e(t[0]);case 2:return new e(t[0],t[1]);case 3:return new e(t[0],t[1],t[2]);case 4:return new e(t[0],t[1],t[2],t[3]);}var o=[null];return o.push.apply(o,t),new(p.apply(e,o))}var d=n.prototype,y=r(s(d)?d:Object.prototype),m=Function.apply.call(e,y,t);return s(m)?m:y}})},function(e,t,n){var o=n(4),r=n(10),a=n(14);e.exports=n(5)?Object.defineProperties:function(e,t){r(e);for(var n=a(t),s=n.length,d=0,i;s>d;)o.f(e,i=n[d++],t[i]);return e}},function(e,t,n){var o=n(8),r=n(62),a=n(63);e.exports=function(e){return function(t,n,i){var s=o(t),d=r(s.length),p=a(i,d),l;if(e&&n!=n){for(;d>p;)if(l=s[p++],l!=l)return!0;}else for(;d>p;p++)if((e||p in s)&&s[p]===n)return e||p||0;return!e&&-1}}},function(e,t,n){var o=n(20),r=Math.min;e.exports=function(e){return 0<e?r(o(e),9007199254740991):0}},function(e,t,n){var o=n(20),r=Math.max,a=Math.min;e.exports=function(e,t){return e=o(e),0>e?r(e+t,0):a(e,t)}},function(e,t,n){var o=n(1).document;e.exports=o&&o.documentElement},function(e,t,n){'use strict';var o=n(17),r=n(2),a=n(66),i=[].slice,s={},d=function(e,t,o){if(!(t in s)){for(var r=[],n=0;n<t;n++)r[n]='a['+n+']';s[t]=Function('F,a','return new F('+r.join(',')+')')}return s[t](e,o)};e.exports=Function.bind||function(e){var t=o(this),n=i.call(arguments,1),s=function(){var o=n.concat(i.call(arguments));return this instanceof s?d(t,o.length,o):a(t,o,e)};return r(t.prototype)&&(s.prototype=t.prototype),s}},function(e){e.exports=function(e,t,n){var o=n===void 0;switch(t.length){case 0:return o?e():e.call(n);case 1:return o?e(t[0]):e.call(n,t[0]);case 2:return o?e(t[0],t[1]):e.call(n,t[0],t[1]);case 3:return o?e(t[0],t[1],t[2]):e.call(n,t[0],t[1],t[2]);case 4:return o?e(t[0],t[1],t[2],t[3]):e.call(n,t[0],t[1],t[2],t[3]);}return e.apply(n,t)}},function(e,t,n){e.exports={default:n(68),__esModule:!0}},function(e,t,n){n(69),e.exports=n(0).Object.freeze},function(e,t,n){var o=n(2),r=n(41).onFreeze;n(24)('freeze',function(e){return function(t){return e&&o(t)?e(r(t)):t}})},function(e,t,n){e.exports={default:n(71),__esModule:!0}},function(e,t,n){n(72),e.exports=n(0).Object.assign},function(e,t,n){var o=n(3);o(o.S+o.F,'Object',{assign:n(73)})},function(e,t,n){'use strict';var o=n(14),r=n(25),a=n(16),i=n(26),s=n(39),d=Object.assign;e.exports=!d||n(6)(function(){var e={},t={},n=Symbol(),o='abcdefghijklmnopqrst';return e[n]=7,o.split('').forEach(function(e){t[e]=e}),7!=d({},e)[n]||Object.keys(d({},t)).join('')!=o})?function(e){for(var t=i(e),n=arguments.length,d=1,p=r.f,l=a.f;n>d;)for(var c=s(arguments[d++]),u=p?o(c).concat(p(c)):o(c),y=u.length,m=0,f;y>m;)l.call(c,f=u[m++])&&(t[f]=c[f]);return t}:d},function(e,t,n){'use strict';t.__esModule=!0;var o=n(75),r=function(e){return e&&e.__esModule?e:{default:e}}(o);t.default=function(){function e(e,t){for(var n=0,o;n<t.length;n++)o=t[n],o.enumerable=o.enumerable||!1,o.configurable=!0,'value'in o&&(o.writable=!0),(0,r.default)(e,o.key,o)}return function(t,n,o){return n&&e(t.prototype,n),o&&e(t,o),t}}()},function(e,t,n){e.exports={default:n(76),__esModule:!0}},function(e,t,n){n(77);var o=n(0).Object;e.exports=function(e,t,n){return o.defineProperty(e,t,n)}},function(e,t,n){var o=n(3);o(o.S+o.F*!n(5),'Object',{defineProperty:n(4).f})},function(e,t,n){'use strict';function o(e){return e&&e.__esModule?e:{default:e}}t.__esModule=!0;var r=n(42),a=o(r),i=n(81),s=o(i);t.default=function e(t,n,o){null===t&&(t=Function.prototype);var r=(0,s.default)(t,n);if(r===void 0){var i=(0,a.default)(t);return null===i?void 0:e(i,n,o)}if('value'in r)return r.value;var d=r.get;return void 0===d?void 0:d.call(o)}},function(e,t,n){n(80),e.exports=n(0).Object.getPrototypeOf},function(e,t,n){var o=n(26),r=n(43);n(24)('getPrototypeOf',function(){return function(e){return r(o(e))}})},function(e,t,n){e.exports={default:n(82),__esModule:!0}},function(e,t,n){n(83);var o=n(0).Object;e.exports=function(e,t){return o.getOwnPropertyDescriptor(e,t)}},function(e,t,n){var o=n(8),r=n(27).f;n(24)('getOwnPropertyDescriptor',function(){return function(e,t){return r(o(e),t)}})},function(e,t){'use strict';t.__esModule=!0,t.default=function(e,t){if(!(e instanceof t))throw new TypeError('Cannot call a class as a function')}},function(e,t,n){'use strict';t.__esModule=!0;var o=n(44),r=function(e){return e&&e.__esModule?e:{default:e}}(o);t.default=function(e,t){if(!e)throw new ReferenceError('this hasn\'t been initialised - super() hasn\'t been called');return t&&('object'===('undefined'==typeof t?'undefined':(0,r.default)(t))||'function'==typeof t)?t:e}},function(e,t,n){e.exports={default:n(87),__esModule:!0}},function(e,t,n){n(88),n(91),e.exports=n(31).f('iterator')},function(e,t,n){'use strict';var o=n(89)(!0);n(45)(String,'String',function(e){this._t=e+'',this._i=0},function(){var e=this._t,t=this._i,n;return t>=e.length?{value:void 0,done:!0}:(n=o(e,t),this._i+=n.length,{value:n,done:!1})})},function(e,t,n){var o=n(20),r=n(19);e.exports=function(e){return function(t,n){var d=r(t)+'',s=o(n),i=d.length,p,a;return 0>s||s>=i?e?'':void 0:(p=d.charCodeAt(s),55296>p||56319<p||s+1===i||56320>(a=d.charCodeAt(s+1))||57343<a?e?d.charAt(s):p:e?d.slice(s,s+2):(p-55296<<10)+(a-56320)+65536)}}},function(e,t,n){'use strict';var o=n(13),r=n(12),a=n(30),i={};n(9)(i,n(11)('iterator'),function(){return this}),e.exports=function(e,t,n){e.prototype=o(i,{next:r(1,n)}),a(e,t+' Iterator')}},function(e,t,n){n(92);for(var o=n(1),r=n(9),a=n(29),s=n(11)('toStringTag'),d='CSSRuleList,CSSStyleDeclaration,CSSValueList,ClientRectList,DOMRectList,DOMStringList,DOMTokenList,DataTransferItemList,FileList,HTMLAllCollection,HTMLCollection,HTMLFormElement,HTMLSelectElement,MediaList,MimeTypeArray,NamedNodeMap,NodeList,PaintRequestList,Plugin,PluginArray,SVGLengthList,SVGNumberList,SVGPathSegList,SVGPointList,SVGStringList,SVGTransformList,SourceBufferList,StyleSheetList,TextTrackCueList,TextTrackList,TouchList'.split(','),p=0;p<d.length;p++){var i=d[p],l=o[i],c=l&&l.prototype;c&&!c[s]&&r(c,s,i),a[i]=a.Array}},function(e,t,n){'use strict';var o=n(93),r=n(94),a=n(29),i=n(8);e.exports=n(45)(Array,'Array',function(e,t){this._t=i(e),this._i=0,this._k=t},function(){var e=this._t,t=this._k,n=this._i++;return!e||n>=e.length?(this._t=void 0,r(1)):'keys'==t?r(0,n):'values'==t?r(0,e[n]):r(0,[n,e[n]])},'values'),a.Arguments=a.Array,o('keys'),o('values'),o('entries')},function(e){e.exports=function(){}},function(e){e.exports=function(e,t){return{value:t,done:!!e}}},function(e,t,n){e.exports={default:n(96),__esModule:!0}},function(e,t,n){n(97),n(101),n(102),n(103),e.exports=n(0).Symbol},function(e,t,n){'use strict';var o=n(1),r=n(7),a=n(5),i=n(3),s=n(46),d=n(41).KEY,p=n(6),l=n(22),c=n(30),u=n(15),y=n(11),m=n(31),f=n(32),_=n(98),h=n(99),g=n(10),v=n(2),b=n(8),O=n(18),E=n(12),x=n(13),N=n(100),C=n(27),w=n(4),P=n(14),$=C.f,A=w.f,D=N.f,T=o.Symbol,S=o.JSON,I=S&&S.stringify,V='prototype',M=y('_hidden'),L=y('toPrimitive'),R={}.propertyIsEnumerable,F=l('symbol-registry'),z=l('symbols'),H=l('op-symbols'),U=Object[V],K='function'==typeof T,Y=o.QObject,B=!Y||!Y[V]||!Y[V].findChild,G=a&&p(function(){return 7!=x(A({},'a',{get:function(){return A(this,'a',{value:7}).a}})).a})?function(e,t,n){var o=$(U,t);o&&delete U[t],A(e,t,n),o&&e!==U&&A(U,t,o)}:A,W=function(e){var t=z[e]=x(T[V]);return t._k=e,t},q=K&&'symbol'==typeof T.iterator?function(e){return'symbol'==typeof e}:function(e){return e instanceof T},J=function(e,t,n){return e===U&&J(H,t,n),g(e),t=O(t,!0),g(n),r(z,t)?(n.enumerable?(r(e,M)&&e[M][t]&&(e[M][t]=!1),n=x(n,{enumerable:E(0,!1)})):(!r(e,M)&&A(e,M,E(1,{})),e[M][t]=!0),G(e,t,n)):A(e,t,n)},X=function(e,t){g(e);for(var n=_(t=b(t)),o=0,r=n.length,a;r>o;)J(e,a=n[o++],t[a]);return e},Q=function(e){var t=R.call(this,e=O(e,!0));return this===U&&r(z,e)&&!r(H,e)?!1:t||!r(this,e)||!r(z,e)||r(this,M)&&this[M][e]?t:!0},Z=function(e,t){if(e=b(e),t=O(t,!0),e!==U||!r(z,t)||r(H,t)){var n=$(e,t);return n&&r(z,t)&&!(r(e,M)&&e[M][t])&&(n.enumerable=!0),n}},ee=function(e){for(var t=D(b(e)),n=[],o=0,a;t.length>o;)r(z,a=t[o++])||a==M||a==d||n.push(a);return n},te=function(e){for(var t=e===U,n=D(t?H:b(e)),o=[],a=0,i;n.length>a;)r(z,i=n[a++])&&(!t||r(U,i))&&o.push(z[i]);return o};K||(T=function(){if(this instanceof T)throw TypeError('Symbol is not a constructor!');var e=u(0<arguments.length?arguments[0]:void 0),t=function(n){this===U&&t.call(H,n),r(this,M)&&r(this[M],e)&&(this[M][e]=!1),G(this,e,E(1,n))};return a&&B&&G(U,e,{configurable:!0,set:t}),W(e)},s(T[V],'toString',function(){return this._k}),C.f=Z,w.f=J,n(47).f=N.f=ee,n(16).f=Q,n(25).f=te,a&&!n(28)&&s(U,'propertyIsEnumerable',Q,!0),m.f=function(e){return W(y(e))}),i(i.G+i.W+i.F*!K,{Symbol:T});for(var ne=['hasInstance','isConcatSpreadable','iterator','match','replace','search','species','split','toPrimitive','toStringTag','unscopables'],oe=0;ne.length>oe;)y(ne[oe++]);for(var j=P(y.store),re=0;j.length>re;)f(j[re++]);i(i.S+i.F*!K,'Symbol',{for:function(e){return r(F,e+='')?F[e]:F[e]=T(e)},keyFor:function(e){if(!q(e))throw TypeError(e+' is not a symbol!');for(var t in F)if(F[t]===e)return t},useSetter:function(){B=!0},useSimple:function(){B=!1}}),i(i.S+i.F*!K,'Object',{create:function(e,t){return t===void 0?x(e):X(x(e),t)},defineProperty:J,defineProperties:X,getOwnPropertyDescriptor:Z,getOwnPropertyNames:ee,getOwnPropertySymbols:te}),S&&i(i.S+i.F*(!K||p(function(){var e=T();return'[null]'!=I([e])||'{}'!=I({a:e})||'{}'!=I(Object(e))})),'JSON',{stringify:function(e){for(var t=[e],n=1,o,r;arguments.length>n;)t.push(arguments[n++]);if(r=o=t[1],(v(o)||void 0!==e)&&!q(e))return h(o)||(o=function(e,t){if('function'==typeof r&&(t=r.call(this,e,t)),!q(t))return t}),t[1]=o,I.apply(S,t)}}),T[V][L]||n(9)(T[V],L,T[V].valueOf),c(T,'Symbol'),c(Math,'Math',!0),c(o.JSON,'JSON',!0)},function(e,t,n){var o=n(14),r=n(25),a=n(16);e.exports=function(e){var t=o(e),n=r.f;if(n)for(var s=n(e),d=a.f,p=0,i;s.length>p;)d.call(e,i=s[p++])&&t.push(i);return t}},function(e,t,n){var o=n(40);e.exports=Array.isArray||function(e){return'Array'==o(e)}},function(e,t,n){var o=n(8),r=n(47).f,a={}.toString,i='object'==typeof window&&window&&Object.getOwnPropertyNames?Object.getOwnPropertyNames(window):[],s=function(e){try{return r(e)}catch(t){return i.slice()}};e.exports.f=function(e){return i&&'[object Window]'==a.call(e)?s(e):r(o(e))}},function(){},function(e,t,n){n(32)('asyncIterator')},function(e,t,n){n(32)('observable')},function(e,t,n){'use strict';function o(e){return e&&e.__esModule?e:{default:e}}t.__esModule=!0;var r=n(105),a=o(r),i=n(109),s=o(i),d=n(44),p=o(d);t.default=function(e,t){if('function'!=typeof t&&null!==t)throw new TypeError('Super expression must either be null or a function, not '+('undefined'==typeof t?'undefined':(0,p.default)(t)));e.prototype=(0,s.default)(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(a.default?(0,a.default)(e,t):e.__proto__=t)}},function(e,t,n){e.exports={default:n(106),__esModule:!0}},function(e,t,n){n(107),e.exports=n(0).Object.setPrototypeOf},function(e,t,n){var o=n(3);o(o.S,'Object',{setPrototypeOf:n(108).set})},function(e,t,n){var o=n(2),r=n(10),a=function(e,t){if(r(e),!o(t)&&null!==t)throw TypeError(t+': can\'t set as prototype!')};e.exports={set:Object.setPrototypeOf||('__proto__'in{}?function(e,t,o){try{o=n(35)(Function.call,n(27).f(Object.prototype,'__proto__').set,2),o(e,[]),t=!(e instanceof Array)}catch(n){t=!0}return function(e,n){return a(e,n),t?e.__proto__=n:o(e,n),e}}({},!1):void 0),check:a}},function(e,t,n){e.exports={default:n(110),__esModule:!0}},function(e,t,n){n(111);var o=n(0).Object;e.exports=function(e,t){return o.create(e,t)}},function(e,t,n){var o=n(3);o(o.S,'Object',{create:n(13)})},function(e,t,n){'use strict';var o=Math.max;(function(n,e,r){function s(e){return e===void 0||null===e}function d(e){return e!==void 0&&null!==e}function u(e){return!0===e}function a(e){return!1===e}function l(e){return'string'==typeof e||'number'==typeof e||'symbol'==typeof e||'boolean'==typeof e}function c(e){return null!==e&&'object'==typeof e}function y(e){return co.call(e).slice(8,-1)}function m(e){return'[object Object]'===co.call(e)}function i(e){return'[object RegExp]'===co.call(e)}function f(e){var t=parseFloat(e+'');return 0<=t&&Math.floor(t)===t&&isFinite(e)}function _(e){return null==e?'':'object'==typeof e?JSON.stringify(e,null,2):e+''}function h(e){var t=parseFloat(e);return isNaN(t)?e:t}function g(e,t){for(var n=Object.create(null),o=e.split(','),r=0;r<o.length;r++)n[o[r]]=!0;return t?function(e){return n[e.toLowerCase()]}:function(e){return n[e]}}function v(e,t){if(e.length){var n=e.indexOf(t);if(-1<n)return e.splice(n,1)}}function b(e,t){return mo.call(e,t)}function k(e){var t=Object.create(null);return function(n){var o=t[n];return o||(t[n]=e(n))}}function E(e,t){function n(n){var o=arguments.length;return o?1<o?e.apply(t,arguments):e.call(t,n):e.call(t)}return n._length=e.length,n}function O(e,t){t=t||0;for(var n=e.length-t,o=Array(n);n--;)o[n]=e[n+t];return o}function x(e,t){for(var n in t)e[n]=t[n];return e}function N(e){for(var t={},n=0;n<e.length;n++)e[n]&&x(t,e[n]);return t}function C(){}function w(e,t){if(e===t)return!0;var n=c(e),o=c(t);if(n&&o)try{var r=Array.isArray(e),a=Array.isArray(t);if(r&&a)return e.length===t.length&&e.every(function(n,e){return w(n,t[e])});if(!r&&!a){var i=Object.keys(e),s=Object.keys(t);return i.length===s.length&&i.every(function(n){return w(e[n],t[n])})}return!1}catch(t){return!1}else return n||o?!1:e+''===t+''}function P(e,t){for(var n=0;n<e.length;n++)if(w(e[n],t))return n;return-1}function $(e){var t=!1;return function(){t||(t=!0,e.apply(this,arguments))}}function A(e){var t=(e+'').charCodeAt(0);return 36===t||95===t}function D(e,t,n,o){Object.defineProperty(e,t,{value:n,enumerable:!!o,writable:!0,configurable:!0})}function T(e){if(!Co.test(e)){var t=e.split('.');return function(e){for(var n=0;n<t.length;n++){if(!e)return;e=e[t[n]]}return e}}}function S(e){return'function'==typeof e&&/native code/.test(e.toString())}function I(e){tr.target&&nr.push(tr.target),tr.target=e}function V(){tr.target=nr.pop()}function M(e){return new or(void 0,void 0,void 0,e+'')}function L(e,t){var n=e.componentOptions,o=new or(e.tag,e.data,e.children,e.text,e.elm,e.context,n,e.asyncFactory);return o.ns=e.ns,o.isStatic=e.isStatic,o.key=e.key,o.isComment=e.isComment,o.fnContext=e.fnContext,o.fnOptions=e.fnOptions,o.fnScopeId=e.fnScopeId,o.isCloned=!0,t&&(e.children&&(o.children=j(e.children,!0)),n&&n.children&&(n.children=j(n.children,!0))),o}function j(e,t){for(var n=e.length,o=Array(n),r=0;r<n;r++)o[r]=L(e[r],t);return o}function R(e,t){e.__proto__=t}function F(e,t,n){for(var o=0,r=n.length,a;o<r;o++)a=n[o],D(e,a,t[a])}function z(e,t){if(c(e)&&!(e instanceof or)){var n;return b(e,'__ob__')&&e.__ob__ instanceof lr?n=e.__ob__:pr.shouldConvert&&!zo()&&(Array.isArray(e)||m(e))&&Object.isExtensible(e)&&!e._isVue&&(n=new lr(e)),t&&n&&n.vmCount++,n}}function H(e,t,o,r,a){var i=new tr,s=Object.getOwnPropertyDescriptor(e,t);if(!(s&&!1===s.configurable)){var d=s&&s.get,p=s&&s.set,l=!a&&z(o);Object.defineProperty(e,t,{enumerable:!0,configurable:!0,get:function(){var t=d?d.call(e):o;return tr.target&&(i.depend(),l&&(l.dep.depend(),Array.isArray(t)&&Y(t))),t},set:function(t){var s=d?d.call(e):o;t===s||t!==t&&s!==s||('production'!==n.env.NODE_ENV&&r&&r(),p?p.call(e,t):o=t,l=!a&&z(t),i.notify())}})}}function U(e,t,r){if(Array.isArray(e)&&f(t))return e.length=o(e.length,t),e.splice(t,1,r),r;if(t in e&&!(t in Object.prototype))return e[t]=r,r;var a=e.__ob__;return e._isVue||a&&a.vmCount?('production'!==n.env.NODE_ENV&&Bo('Avoid adding reactive properties to a Vue instance or its root $data at runtime - declare it upfront in the data option.'),r):a?(H(a.value,t,r),a.dep.notify(),r):(e[t]=r,r)}function K(e,t){if(Array.isArray(e)&&f(t))return void e.splice(t,1);var o=e.__ob__;if(e._isVue||o&&o.vmCount)return void('production'!==n.env.NODE_ENV&&Bo('Avoid deleting properties on a Vue instance or its root $data - just set it to null.'));b(e,t)&&(delete e[t],o&&o.dep.notify())}function Y(t){for(var n=void 0,e=0,o=t.length;e<o;e++)n=t[e],n&&n.__ob__&&n.__ob__.dep.depend(),Array.isArray(n)&&Y(n)}function B(e,t){if(!t)return e;for(var n=Object.keys(t),o=0,r,a,i;o<n.length;o++)r=n[o],a=e[r],i=t[r],b(e,r)?m(a)&&m(i)&&B(a,i):U(e,r,i);return e}function G(e,t,n){return n?function(){var o='function'==typeof t?t.call(n,n):t,r='function'==typeof e?e.call(n,n):e;return o?B(o,r):r}:t?e?function(){return B('function'==typeof t?t.call(this,this):t,'function'==typeof e?e.call(this,this):e)}:t:e}function W(e,t){return t?e?e.concat(t):Array.isArray(t)?t:[t]:e}function q(e,t,o,r){var a=Object.create(e||null);return t?('production'!==n.env.NODE_ENV&&te(r,t,o),x(a,t)):a}function J(e){for(var t in e.components)X(t)}function X(e){/^[a-zA-Z][\w-]*$/.test(e)||Bo('Invalid component name: "'+e+'". Component names can only contain alphanumeric characters and the hyphen, and must start with a letter.'),(uo(e)||No.isReservedTag(e))&&Bo('Do not use built-in or reserved HTML elements as component id: '+e)}function Q(e,t){var o=e.props;if(o){var r={},a,i,s;if(Array.isArray(o))for(a=o.length;a--;)i=o[a],'string'==typeof i?(s=_o(i),r[s]={type:null}):'production'!==n.env.NODE_ENV&&Bo('props must be strings when using array syntax.');else if(m(o))for(var d in o)i=o[d],s=_o(d),r[s]=m(i)?i:{type:i};else'production'!==n.env.NODE_ENV&&Bo('Invalid value for option "props": expected an Array or an Object, but got '+y(o)+'.',t);e.props=r}}function Z(e,t){var o=e.inject;if(o){var r=e.inject={};if(Array.isArray(o))for(var a=0;a<o.length;a++)r[o[a]]={from:o[a]};else if(m(o))for(var i in o){var s=o[i];r[i]=m(s)?x({from:i},s):{from:s}}else'production'!==n.env.NODE_ENV&&Bo('Invalid value for option "inject": expected an Array or an Object, but got '+y(o)+'.',t)}}function ee(e){var t=e.directives;if(t)for(var n in t){var o=t[n];'function'==typeof o&&(t[n]={bind:o,update:o})}}function te(e,t,n){m(t)||Bo('Invalid value for option "'+e+'": expected an Object, but got '+y(t)+'.',n)}function ne(e,t,o){function r(n){var r=cr[n]||ur;d[n]=r(e[n],t[n],o,n)}'production'!==n.env.NODE_ENV&&J(t),'function'==typeof t&&(t=t.options),Q(t,o),Z(t,o),ee(t);var a=t.extends;if(a&&(e=ne(e,a,o)),t.mixins)for(var s=0,i=t.mixins.length;s<i;s++)e=ne(e,t.mixins[s],o);var d={},p;for(p in e)r(p);for(p in t)b(e,p)||r(p);return d}function oe(e,t,o,r){if('string'==typeof o){var a=e[t];if(b(a,o))return a[o];var i=_o(o);if(b(a,i))return a[i];var s=ho(i);if(b(a,s))return a[s];var d=a[o]||a[i]||a[s];return'production'!==n.env.NODE_ENV&&r&&!d&&Bo('Failed to resolve '+t.slice(0,-1)+': '+o,e),d}}function re(e,t,o,r){var a=t[e],i=!b(o,e),s=o[e];if(pe(Boolean,a.type)&&(i&&!b(a,'default')?s=!1:!pe(String,a.type)&&(''===s||s===vo(e))&&(s=!0)),void 0===s){s=ae(r,a,e);var d=pr.shouldConvert;pr.shouldConvert=!0,z(s),pr.shouldConvert=d}return'production'===n.env.NODE_ENV||!1||ie(a,e,s,r,i),s}function ae(e,t,o){if(b(t,'default')){var r=t.default;return'production'!==n.env.NODE_ENV&&c(r)&&Bo('Invalid default value for prop "'+o+'": Props with type Object/Array must use a factory function to return the default value.',e),e&&e.$options.propsData&&void 0===e.$options.propsData[o]&&void 0!==e._props[o]?e._props[o]:'function'==typeof r&&'Function'!==de(t.type)?r.call(e):r}}function ie(e,t,n,o,r){if(e.required&&r)return void Bo('Missing required prop: "'+t+'"',o);if(null!=n||e.required){var a=e.type,s=!a||!0===a,d=[];if(a){Array.isArray(a)||(a=[a]);for(var p=0,i;p<a.length&&!s;p++)i=se(n,a[p]),d.push(i.expectedType||''),s=i.valid}if(!s)return void Bo('Invalid prop: type check failed for prop "'+t+'". Expected '+d.map(ho).join(', ')+', got '+y(n)+'.',o);var l=e.validator;l&&!l(n)&&Bo('Invalid prop: custom validator check failed for prop "'+t+'".',o)}}function se(e,n){var o=de(n),r;if(yr.test(o)){var a=typeof e;r=a===o.toLowerCase(),r||'object'!=a||(r=e instanceof n)}else r='Object'===o?m(e):'Array'===o?Array.isArray(e):e instanceof n;return{valid:r,expectedType:o}}function de(e){var t=e&&e.toString().match(/^\s*function (\w+)/);return t?t[1]:''}function pe(e,t){if(!Array.isArray(t))return de(t)===de(e);for(var n=0,o=t.length;n<o;n++)if(de(t[n])===de(e))return!0;return!1}function le(e,t,n){if(t)for(var o=t,r;o=o.$parent;)if(r=o.$options.errorCaptured,r)for(var a=0;a<r.length;a++)try{var i=!1===r[a].call(o,e,t,n);if(i)return}catch(t){ce(t,o,'errorCaptured hook')}ce(e,t,n)}function ce(e,t,n){if(No.errorHandler)try{return No.errorHandler.call(null,e,t,n)}catch(t){ue(t,null,'config.errorHandler')}ue(e,t,n)}function ue(e,t,o){if('production'!==n.env.NODE_ENV&&Bo('Error in '+o+': "'+e.toString()+'"',t),(Po||$o)&&'undefined'!=typeof console)console.error(e);else throw e}function ye(){fr=!1;var e=mr.slice(0);mr.length=0;for(var t=0;t<e.length;t++)e[t]()}function me(e){return e._withTask||(e._withTask=function(){_r=!0;var t=e.apply(null,arguments);return _r=!1,t})}function fe(e,t){var n;if(mr.push(function(){if(e)try{e.call(t)}catch(n){le(n,t,'nextTick')}else n&&n(t)}),fr||(fr=!0,_r?gr():hr()),!e&&'undefined'!=typeof Promise)return new Promise(function(e){n=e})}function _e(e){he(e,Pr),Pr.clear()}function he(e,t){var n=Array.isArray(e),o,r;if((n||c(e))&&!Object.isFrozen(e)){if(e.__ob__){var a=e.__ob__.dep.id;if(t.has(a))return;t.add(a)}if(n)for(o=e.length;o--;)he(e[o],t);else for(r=Object.keys(e),o=r.length;o--;)he(e[r[o]],t)}}function ge(e){function t(){var e=arguments,n=t.fns;if(Array.isArray(n))for(var o=n.slice(),r=0;r<o.length;r++)o[r].apply(null,e);else return n.apply(null,arguments)}return t.fns=e,t}function ve(e,t,o,r,a){var i,d,p,l,c;for(i in e)d=p=e[i],l=t[i],c=Tr(i),s(p)?'production'!==n.env.NODE_ENV&&Bo('Invalid handler for event "'+c.name+'": got '+(p+''),a):s(l)?(s(p.fns)&&(p=e[i]=ge(p)),o(c.name,p,c.once,c.capture,c.passive,c.params)):p!==l&&(l.fns=p,e[i]=l);for(i in t)s(e[i])&&(c=Tr(i),r(c.name,t[i],c.capture))}function be(e,t,n){function o(){n.apply(this,arguments),v(a.fns,o)}e instanceof or&&(e=e.data.hook||(e.data.hook={}));var r=e[t],a;s(r)?a=ge([o]):d(r.fns)&&u(r.merged)?(a=r,a.fns.push(o)):a=ge([r,o]),a.merged=!0,e[t]=a}function ke(e,t,o){var r=t.options.props;if(!s(r)){var a={},i=e.attrs,p=e.props;if(d(i)||d(p))for(var l in r){var c=vo(l);if('production'!==n.env.NODE_ENV){var u=l.toLowerCase();l!==u&&i&&b(i,u)&&Go('Prop "'+u+'" is passed to component '+qo(o||t)+', but the declared prop name is "'+l+'". Note that HTML attributes are case-insensitive and camelCased props need to use their kebab-case equivalents when using in-DOM templates. You should probably use "'+c+'" instead of "'+l+'".')}Ee(a,p,l,c,!0)||Ee(a,i,l,c,!1)}return a}}function Ee(e,t,n,o,r){if(d(t)){if(b(t,n))return e[n]=t[n],r||delete t[n],!0;if(b(t,o))return e[n]=t[o],r||delete t[o],!0}return!1}function Oe(e){for(var t=0;t<e.length;t++)if(Array.isArray(e[t]))return Array.prototype.concat.apply([],e);return e}function xe(e){return l(e)?[M(e)]:Array.isArray(e)?Ce(e):void 0}function Ne(e){return d(e)&&d(e.text)&&a(e.isComment)}function Ce(e,t){var n=[],o,r,a,i;for(o=0;o<e.length;o++)(r=e[o],!(s(r)||'boolean'==typeof r))&&(a=n.length-1,i=n[a],Array.isArray(r)?0<r.length&&(r=Ce(r,(t||'')+'_'+o),Ne(r[0])&&Ne(i)&&(n[a]=M(i.text+r[0].text),r.shift()),n.push.apply(n,r)):l(r)?Ne(i)?n[a]=M(i.text+r):''!==r&&n.push(M(r)):Ne(r)&&Ne(i)?n[a]=M(i.text+r.text):(u(e._isVList)&&d(r.tag)&&s(r.key)&&d(t)&&(r.key='__vlist'+t+'_'+o+'__'),n.push(r)));return n}function we(e,t){return(e.__esModule||Uo&&'Module'===e[Symbol.toStringTag])&&(e=e.default),c(e)?t.extend(e):e}function Pe(e,t,n,o,r){var a=ar();return a.asyncFactory=e,a.asyncMeta={data:t,context:n,children:o,tag:r},a}function $e(e,t,o){if(u(e.error)&&d(e.errorComp))return e.errorComp;if(d(e.resolved))return e.resolved;if(u(e.loading)&&d(e.loadingComp))return e.loadingComp;if(d(e.contexts))e.contexts.push(o);else{var r=e.contexts=[o],a=!0,i=function(){for(var e=0,t=r.length;e<t;e++)r[e].$forceUpdate()},p=$(function(n){e.resolved=we(n,t),a||i()}),l=$(function(t){'production'!==n.env.NODE_ENV&&Bo('Failed to resolve async component: '+(e+'')+(t?'\nReason: '+t:'')),d(e.errorComp)&&(e.error=!0,i())}),y=e(p,l);return c(y)&&('function'==typeof y.then?s(e.resolved)&&y.then(p,l):d(y.component)&&'function'==typeof y.component.then&&(y.component.then(p,l),d(y.error)&&(e.errorComp=we(y.error,t)),d(y.loading)&&(e.loadingComp=we(y.loading,t),0===y.delay?e.loading=!0:setTimeout(function(){s(e.resolved)&&s(e.error)&&(e.loading=!0,i())},y.delay||200)),d(y.timeout)&&setTimeout(function(){s(e.resolved)&&l('production'===n.env.NODE_ENV?null:'timeout ('+y.timeout+'ms)')},y.timeout))),a=!1,e.loading?e.loadingComp:e.resolved}}function Ae(e){return e.isComment&&e.asyncFactory}function De(e){if(Array.isArray(e))for(var t=0,n;t<e.length;t++)if(n=e[t],d(n)&&(d(n.componentOptions)||Ae(n)))return n}function Te(e){e._events=Object.create(null),e._hasHookEvent=!1;var t=e.$options._parentListeners;t&&Ve(e,t)}function Se(e,t,n){n?Yr.$once(e,t):Yr.$on(e,t)}function Ie(e,t){Yr.$off(e,t)}function Ve(e,t,n){Yr=e,ve(t,n||{},Se,Ie,e),Yr=void 0}function Me(e,t){var n={};if(!e)return n;for(var o=0,r=e.length;o<r;o++){var a=e[o],i=a.data;if(i&&i.attrs&&i.attrs.slot&&delete i.attrs.slot,(a.context===t||a.fnContext===t)&&i&&null!=i.slot){var s=i.slot,d=n[s]||(n[s]=[]);'template'===a.tag?d.push.apply(d,a.children||[]):d.push(a)}else(n.default||(n.default=[])).push(a)}for(var p in n)n[p].every(Le)&&delete n[p];return n}function Le(e){return e.isComment&&!e.asyncFactory||' '===e.text}function je(e,t){t=t||{};for(var n=0;n<e.length;n++)Array.isArray(e[n])?je(e[n],t):t[e[n].key]=e[n].fn;return t}function Re(e){var t=e.$options,n=t.parent;if(n&&!t.abstract){for(;n.$options.abstract&&n.$parent;)n=n.$parent;n.$children.push(e)}e.$parent=n,e.$root=n?n.$root:e,e.$children=[],e.$refs={},e._watcher=null,e._inactive=null,e._directInactive=!1,e._isMounted=!1,e._isDestroyed=!1,e._isBeingDestroyed=!1}function Fe(e,t,o){e.$el=t,e.$options.render||(e.$options.render=ar,'production'!==n.env.NODE_ENV&&(e.$options.template&&'#'!==e.$options.template.charAt(0)||e.$options.el||t?Bo('You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the compiler-included build.',e):Bo('Failed to mount component: template or render function not defined.',e))),Ye(e,'beforeMount');var r;return r='production'!==n.env.NODE_ENV&&No.performance&&$r?function(){var t=e._name,n=e._uid,r='vue-perf-start:'+n,a='vue-perf-end:'+n;$r(r);var i=e._render();$r(a),Ar('vue '+t+' render',r,a),$r(r),e._update(i,o),$r(a),Ar('vue '+t+' patch',r,a)}:function(){e._update(e._render(),o)},new Kr(e,r,C,null,!0),o=!1,null==e.$vnode&&(e._isMounted=!0,Ye(e,'mounted')),e}function ze(e,t,o,r,a){'production'!==n.env.NODE_ENV&&(Ir=!0);var s=!!(a||e.$options._renderChildren||r.data.scopedSlots||e.$scopedSlots!==lo);if(e.$options._parentVnode=r,e.$vnode=r,e._vnode&&(e._vnode.parent=r),e.$options._renderChildren=a,e.$attrs=r.data&&r.data.attrs||lo,e.$listeners=o||lo,t&&e.$options.props){pr.shouldConvert=!1;for(var d=e._props,p=e.$options._propKeys||[],l=0,i;l<p.length;l++)i=p[l],d[i]=re(i,e.$options.props,t,e);pr.shouldConvert=!0,e.$options.propsData=t}if(o){var c=e.$options._parentListeners;e.$options._parentListeners=o,Ve(e,o,c)}s&&(e.$slots=Me(a,r.context),e.$forceUpdate()),'production'!==n.env.NODE_ENV&&(Ir=!1)}function He(e){for(;e&&(e=e.$parent);)if(e._inactive)return!0;return!1}function Ue(e,t){if(t){if(e._directInactive=!1,He(e))return;}else if(e._directInactive)return;if(e._inactive||null===e._inactive){e._inactive=!1;for(var n=0;n<e.$children.length;n++)Ue(e.$children[n]);Ye(e,'activated')}}function Ke(e,t){if(!(t&&(e._directInactive=!0,He(e)))&&!e._inactive){e._inactive=!0;for(var n=0;n<e.$children.length;n++)Ke(e.$children[n]);Ye(e,'deactivated')}}function Ye(t,n){var e=t.$options[n];if(e)for(var o=0,r=e.length;o<r;o++)try{e[o].call(t)}catch(o){le(o,t,n+' hook')}t._hasHookEvent&&t.$emit('hook:'+n)}function Be(){Hr=Mr.length=Lr.length=0,jr={},'production'!==n.env.NODE_ENV&&(Rr={}),Fr=zr=!1}function Ge(){zr=!0;var e,t;for(Mr.sort(function(e,t){return e.id-t.id}),Hr=0;Hr<Mr.length;Hr++)if(e=Mr[Hr],t=e.id,jr[t]=null,e.run(),'production'!==n.env.NODE_ENV&&null!=jr[t]&&(Rr[t]=(Rr[t]||0)+1,Rr[t]>Vr)){Bo('You may have an infinite update loop '+(e.user?'in watcher with expression "'+e.expression+'"':'in a component render function.'),e.vm);break}var o=Lr.slice(),r=Mr.slice();Be(),Je(o),We(r),Ho&&No.devtools&&Ho.emit('flush')}function We(e){for(var t=e.length;t--;){var n=e[t],o=n.vm;o._watcher===n&&o._isMounted&&Ye(o,'updated')}}function qe(e){e._inactive=!1,Lr.push(e)}function Je(e){for(var t=0;t<e.length;t++)e[t]._inactive=!0,Ue(e[t],!0)}function Xe(e){var t=e.id;if(null==jr[t]){if(jr[t]=!0,!zr)Mr.push(e);else{for(var n=Mr.length-1;n>Hr&&Mr[n].id>e.id;)n--;Mr.splice(n+1,0,e)}Fr||(Fr=!0,fe(Ge))}}function Qe(e,t,n){Br.get=function(){return this[t][n]},Br.set=function(e){this[t][n]=e},Object.defineProperty(e,n,Br)}function Ze(e){e._watchers=[];var t=e.$options;t.props&&et(e,t.props),t.methods&&it(e,t.methods),t.data?tt(e):z(e._data={},!0),t.computed&&ot(e,t.computed),t.watch&&t.watch!==jo&&st(e,t.watch)}function et(e,t){var o=e.$options.propsData||{},r=e._props={},a=e.$options._propKeys=[],i=!e.$parent;pr.shouldConvert=i;var s=function(i){a.push(i);var s=re(i,t,o,e);if('production'!==n.env.NODE_ENV){var d=vo(i);(yo(d)||No.isReservedAttr(d))&&Bo('"'+d+'" is a reserved attribute and cannot be used as component prop.',e),H(r,i,s,function(){e.$parent&&!Ir&&Bo('Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop\'s value. Prop being mutated: "'+i+'"',e)})}else H(r,i,s);i in e||Qe(e,'_props',i)};for(var d in t)s(d);pr.shouldConvert=!0}function tt(e){var t=e.$options.data;t=e._data='function'==typeof t?nt(t,e):t||{},m(t)||(t={},'production'!==n.env.NODE_ENV&&Bo('data functions should return an object:\nhttps://vuejs.org/v2/guide/components.html#data-Must-Be-a-Function',e));for(var o=Object.keys(t),r=e.$options.props,a=e.$options.methods,s=o.length;s--;){var i=o[s];'production'!==n.env.NODE_ENV&&a&&b(a,i)&&Bo('Method "'+i+'" has already been defined as a data property.',e),r&&b(r,i)?'production'!==n.env.NODE_ENV&&Bo('The data property "'+i+'" is already declared as a prop. Use prop default value instead.',e):!A(i)&&Qe(e,'_data',i)}z(t,!0)}function nt(e,t){try{return e.call(t,t)}catch(n){return le(n,t,'data()'),{}}}function ot(e,t){var o=e._computedWatchers=Object.create(null),r=zo();for(var a in t){var i=t[a],s='function'==typeof i?i:i.get;'production'!==n.env.NODE_ENV&&null==s&&Bo('Getter is missing for computed property "'+a+'".',e),r||(o[a]=new Kr(e,s||C,C,Gr)),a in e?'production'!==n.env.NODE_ENV&&(a in e.$data?Bo('The computed property "'+a+'" is already defined in data.',e):e.$options.props&&a in e.$options.props&&Bo('The computed property "'+a+'" is already defined as a prop.',e)):rt(e,a,i)}}function rt(e,t,o){var r=!zo();'function'==typeof o?(Br.get=r?at(t):o,Br.set=C):(Br.get=o.get?r&&!1!==o.cache?at(t):o.get:C,Br.set=o.set?o.set:C),'production'!==n.env.NODE_ENV&&Br.set===C&&(Br.set=function(){Bo('Computed property "'+t+'" was assigned to but it has no setter.',this)}),Object.defineProperty(e,t,Br)}function at(e){return function(){var t=this._computedWatchers&&this._computedWatchers[e];if(t)return t.dirty&&t.evaluate(),tr.target&&t.depend(),t.value}}function it(e,t){var o=e.$options.props;for(var r in t)'production'!==n.env.NODE_ENV&&(null==t[r]&&Bo('Method "'+r+'" has an undefined value in the component definition. Did you reference the function correctly?',e),o&&b(o,r)&&Bo('Method "'+r+'" has already been defined as a prop.',e),r in e&&A(r)&&Bo('Method "'+r+'" conflicts with an existing Vue instance method. Avoid defining component methods that start with _ or $.')),e[r]=null==t[r]?C:E(t[r],e)}function st(e,t){for(var n in t){var o=t[n];if(Array.isArray(o))for(var r=0;r<o.length;r++)dt(e,n,o[r]);else dt(e,n,o)}}function dt(e,t,n,o){return m(n)&&(o=n,n=n.handler),'string'==typeof n&&(n=e[n]),e.$watch(t,n,o)}function pt(e){var t=e.$options.provide;t&&(e._provided='function'==typeof t?t.call(e):t)}function lt(e){var t=ct(e.$options.inject,e);t&&(pr.shouldConvert=!1,Object.keys(t).forEach(function(o){'production'===n.env.NODE_ENV?H(e,o,t[o]):H(e,o,t[o],function(){Bo('Avoid mutating an injected value directly since the changes will be overwritten whenever the provided component re-renders. injection being mutated: "'+o+'"',e)})}),pr.shouldConvert=!0)}function ct(e,t){if(e){for(var o=Object.create(null),r=Uo?Reflect.ownKeys(e).filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}):Object.keys(e),a=0;a<r.length;a++){for(var i=r[a],s=e[i].from,d=t;d;){if(d._provided&&s in d._provided){o[i]=d._provided[s];break}d=d.$parent}if(!d)if('default'in e[i]){var p=e[i].default;o[i]='function'==typeof p?p.call(t):p}else'production'!==n.env.NODE_ENV&&Bo('Injection "'+i+'" not found',t)}return o}}function ut(e,t){var n,o,r,a,i;if(Array.isArray(e)||'string'==typeof e)for(n=Array(e.length),o=0,r=e.length;o<r;o++)n[o]=t(e[o],o);else if('number'==typeof e)for(n=Array(e),o=0;o<e;o++)n[o]=t(o+1,o);else if(c(e))for(a=Object.keys(e),n=Array(a.length),(o=0,r=a.length);o<r;o++)i=a[o],n[o]=t(e[i],i,o);return d(n)&&(n._isVList=!0),n}function yt(e,t,o,r){var a=this.$scopedSlots[e],i;if(a)o=o||{},r&&('production'!==n.env.NODE_ENV&&!c(r)&&Bo('slot v-bind without argument expects an Object',this),o=x(x({},r),o)),i=a(o)||t;else{var s=this.$slots[e];s&&('production'!==n.env.NODE_ENV&&s._rendered&&Bo('Duplicate presence of slot "'+e+'" found in the same render tree - this will likely cause render errors.',this),s._rendered=!0),i=s||t}var d=o&&o.slot;return d?this.$createElement('template',{slot:d},i):i}function mt(e){return oe(this.$options,'filters',e,!0)||ko}function ft(e,t,n,o){var r=No.keyCodes[t]||n;if(r)return Array.isArray(r)?-1===r.indexOf(e):r!==e;return o?vo(o)!==t:void 0}function _t(e,t,o,r,a){if(o)if(!c(o))'production'!==n.env.NODE_ENV&&Bo('v-bind without argument expects an Object or Array value',this);else{Array.isArray(o)&&(o=N(o));var i=function(n){if('class'===n||'style'===n||yo(n))s=e;else{var i=e.attrs&&e.attrs.type;s=r||No.mustUseProp(t,i,n)?e.domProps||(e.domProps={}):e.attrs||(e.attrs={})}if(!(n in s)&&(s[n]=o[n],a)){var d=e.on||(e.on={});d['update:'+n]=function(e){o[n]=e}}},s;for(var d in o)i(d)}return e}function ht(e,t){var n=this._staticTrees||(this._staticTrees=[]),o=n[e];return o&&!t?Array.isArray(o)?j(o):L(o):(o=n[e]=this.$options.staticRenderFns[e].call(this._renderProxy,null,this),vt(o,'__static__'+e,!1),o)}function gt(e,t,n){return vt(e,'__once__'+t+(n?'_'+n:''),!0),e}function vt(e,t,n){if(Array.isArray(e))for(var o=0;o<e.length;o++)e[o]&&'string'!=typeof e[o]&&bt(e[o],t+'_'+o,n);else bt(e,t,n)}function bt(e,t,n){e.isStatic=!0,e.key=t,e.isOnce=n}function kt(e,t){if(t)if(!m(t))'production'!==n.env.NODE_ENV&&Bo('v-on without argument expects an Object value',this);else{var o=e.on=e.on?x({},e.on):{};for(var r in t){var a=o[r],i=t[r];o[r]=a?[].concat(a,i):i}}return e}function Et(e){e._o=gt,e._n=h,e._s=_,e._l=ut,e._t=yt,e._q=w,e._i=P,e._m=ht,e._f=mt,e._k=ft,e._b=_t,e._v=M,e._e=ar,e._u=je,e._g=kt}function Ot(e,t,n,o,r){var i=r.options;this.data=e,this.props=t,this.children=n,this.parent=o,this.listeners=e.on||lo,this.injections=ct(i.inject,o),this.slots=function(){return Me(n,o)};var s=Object.create(o),a=u(i._compiled),p=!a;a&&(this.$options=i,this.$slots=this.slots(),this.$scopedSlots=e.scopedSlots||lo),this._c=i._scopeId?function(e,t,n,r){var a=Dt(s,e,t,n,r,p);return a&&(a.fnScopeId=i._scopeId,a.fnContext=o),a}:function(e,t,n,o){return Dt(s,e,t,n,o,p)}}function xt(e,t,n,o,r){var a=e.options,i={},s=a.props;if(d(s))for(var p in s)i[p]=re(p,s,t||lo);else d(n.attrs)&&Nt(i,n.attrs),d(n.props)&&Nt(i,n.props);var l=new Ot(n,i,r,o,e),c=a.render.call(null,l._c,l);return c instanceof or&&(c.fnContext=o,c.fnOptions=a,n.slot&&((c.data||(c.data={})).slot=n.slot)),c}function Nt(e,t){for(var n in t)e[_o(n)]=t[n]}function Ct(e,t,o,r,a){if(!s(e)){var i=o.$options._base;if(c(e)&&(e=i.extend(e)),'function'!=typeof e)return void('production'!==n.env.NODE_ENV&&Bo('Invalid Component definition: '+(e+''),o));var p;if(s(e.cid)&&(p=e,e=$e(p,i,o),void 0===e))return Pe(p,t,o,r,a);t=t||{},Mt(e),d(t.model)&&At(e.options,t);var l=ke(t,e,a);if(u(e.options.functional))return xt(e,l,t,o,r);var y=t.on;if(t.on=t.nativeOn,u(e.options.abstract)){var m=t.slot;t={},m&&(t.slot=m)}Pt(t);var f=e.options.name||a,_=new or('vue-component-'+e.cid+(f?'-'+f:''),t,void 0,void 0,void 0,o,{Ctor:e,propsData:l,listeners:y,tag:a,children:r},p);return _}}function wt(e,t,n,o){var r={_isComponent:!0,parent:t,_parentVnode:e,_parentElm:n||null,_refElm:o||null},a=e.data.inlineTemplate;return d(a)&&(r.render=a.render,r.staticRenderFns=a.staticRenderFns),new e.componentOptions.Ctor(r)}function Pt(e){e.hook||(e.hook={});for(var t=0;t<qr.length;t++){var n=qr[t],o=e.hook[n],r=Wr[n];e.hook[n]=o?$t(r,o):r}}function $t(e,t){return function(n,o,r,a){e(n,o,r,a),t(n,o,r,a)}}function At(e,t){var n=e.model&&e.model.prop||'value',o=e.model&&e.model.event||'input';(t.props||(t.props={}))[n]=t.model.value;var r=t.on||(t.on={});r[o]=d(r[o])?[t.model.callback].concat(r[o]):t.model.callback}function Dt(e,t,n,o,r,a){return(Array.isArray(n)||l(n))&&(r=o,o=n,n=void 0),u(a)&&(r=Xr),Tt(e,t,n,o,r)}function Tt(e,t,o,r,a){if(d(o)&&d(o.__ob__))return'production'!==n.env.NODE_ENV&&Bo('Avoid using observed data object as vnode data: '+JSON.stringify(o)+'\nAlways create fresh vnode data objects in each render!',e),ar();if(d(o)&&d(o.is)&&(t=o.is),!t)return ar();'production'!==n.env.NODE_ENV&&d(o)&&d(o.key)&&!l(o.key)&&Bo('Avoid using non-primitive value as key, use string/number value instead.',e),Array.isArray(r)&&'function'==typeof r[0]&&(o=o||{},o.scopedSlots={default:r[0]},r.length=0),a===Xr?r=xe(r):a===Jr&&(r=Oe(r));var i,s;if('string'==typeof t){var p;s=e.$vnode&&e.$vnode.ns||No.getTagNamespace(t),i=No.isReservedTag(t)?new or(No.parsePlatformTagName(t),o,r,void 0,void 0,e):d(p=oe(e.$options,'components',t))?Ct(p,o,e,r,t):new or(t,o,r,void 0,void 0,e)}else i=Ct(t,o,e,r);return d(i)?(s&&St(i,s),i):ar()}function St(e,t,n){if(e.ns=t,'foreignObject'===e.tag&&(t=void 0,n=!0),d(e.children))for(var o=0,r=e.children.length,a;o<r;o++)a=e.children[o],d(a.tag)&&(s(a.ns)||u(n))&&St(a,t,n)}function It(e){e._vnode=null,e._staticTrees=null;var t=e.$options,o=e.$vnode=t._parentVnode,r=o&&o.context;e.$slots=Me(t._renderChildren,r),e.$scopedSlots=lo,e._c=function(t,n,o,r){return Dt(e,t,n,o,r,!1)},e.$createElement=function(t,n,o,r){return Dt(e,t,n,o,r,!0)};var a=o&&o.data;'production'===n.env.NODE_ENV?(H(e,'$attrs',a&&a.attrs||lo,null,!0),H(e,'$listeners',t._parentListeners||lo,null,!0)):(H(e,'$attrs',a&&a.attrs||lo,function(){Ir||Bo('$attrs is readonly.',e)},!0),H(e,'$listeners',t._parentListeners||lo,function(){Ir||Bo('$listeners is readonly.',e)},!0))}function Vt(e,t){var n=e.$options=Object.create(e.constructor.options),o=t._parentVnode;n.parent=t.parent,n._parentVnode=o,n._parentElm=t._parentElm,n._refElm=t._refElm;var r=o.componentOptions;n.propsData=r.propsData,n._parentListeners=r.listeners,n._renderChildren=r.children,n._componentTag=r.tag,t.render&&(n.render=t.render,n.staticRenderFns=t.staticRenderFns)}function Mt(e){var t=e.options;if(e.super){var n=Mt(e.super),o=e.superOptions;if(n!==o){e.superOptions=n;var r=Lt(e);r&&x(e.extendOptions,r),t=e.options=ne(n,e.extendOptions),t.name&&(t.components[t.name]=e)}}return t}function Lt(e){var t=e.options,n=e.extendOptions,o=e.sealedOptions,r;for(var a in t)t[a]!==o[a]&&(r||(r={}),r[a]=jt(t[a],n[a],o[a]));return r}function jt(e,t,n){if(Array.isArray(e)){var o=[];n=Array.isArray(n)?n:[n],t=Array.isArray(t)?t:[t];for(var r=0;r<e.length;r++)(0<=t.indexOf(e[r])||0>n.indexOf(e[r]))&&o.push(e[r]);return o}return e}function Rt(e){'production'===n.env.NODE_ENV||this instanceof Rt||Bo('Vue is a constructor and should be called with the `new` keyword'),this._init(e)}function Ft(e){e.use=function(e){var t=this._installedPlugins||(this._installedPlugins=[]);if(-1<t.indexOf(e))return this;var n=O(arguments,1);return n.unshift(this),'function'==typeof e.install?e.install.apply(e,n):'function'==typeof e&&e.apply(null,n),t.push(e),this}}function zt(e){e.mixin=function(e){return this.options=ne(this.options,e),this}}function Ht(e){e.cid=0;var t=1;e.extend=function(e){e=e||{};var o=this,r=o.cid,a=e._Ctor||(e._Ctor={});if(a[r])return a[r];var i=e.name||o.options.name;'production'!==n.env.NODE_ENV&&i&&X(i);var s=function(e){this._init(e)};return s.prototype=Object.create(o.prototype),s.prototype.constructor=s,s.cid=t++,s.options=ne(o.options,e),s['super']=o,s.options.props&&Ut(s),s.options.computed&&Kt(s),s.extend=o.extend,s.mixin=o.mixin,s.use=o.use,Oo.forEach(function(e){s[e]=o[e]}),i&&(s.options.components[i]=s),s.superOptions=o.options,s.extendOptions=e,s.sealedOptions=x({},s.options),a[r]=s,s}}function Ut(e){var t=e.options.props;for(var n in t)Qe(e.prototype,'_props',n)}function Kt(e){var t=e.options.computed;for(var n in t)rt(e.prototype,n,t[n])}function Yt(e){Oo.forEach(function(t){e[t]=function(e,o){return o?('production'!==n.env.NODE_ENV&&'component'===t&&X(e),'component'===t&&m(o)&&(o.name=o.name||e,o=this.options._base.extend(o)),'directive'===t&&'function'==typeof o&&(o={bind:o,update:o}),this.options[t+'s'][e]=o,o):this.options[t+'s'][e]}})}function Bt(e){return e&&(e.Ctor.options.name||e.tag)}function Gt(e,t){if(Array.isArray(e))return-1<e.indexOf(t);return'string'==typeof e?-1<e.split(',').indexOf(t):!!i(e)&&e.test(t)}function Wt(e,t){var n=e.cache,o=e.keys,r=e._vnode;for(var a in n){var i=n[a];if(i){var s=Bt(i.componentOptions);s&&!t(s)&&qt(n,a,o,r)}}}function qt(e,t,n,o){var r=e[t];r&&(!o||r.tag!==o.tag)&&r.componentInstance.$destroy(),e[t]=null,v(n,t)}function Jt(e){for(var t=e.data,n=e,o=e;d(o.componentInstance);)o=o.componentInstance._vnode,o&&o.data&&(t=Xt(o.data,t));for(;d(n=n.parent);)n&&n.data&&(t=Xt(t,n.data));return Qt(t.staticClass,t.class)}function Xt(e,t){return{staticClass:Zt(e.staticClass,t.staticClass),class:d(e.class)?[e.class,t.class]:t.class}}function Qt(e,t){return d(e)||d(t)?Zt(e,en(t)):''}function Zt(e,t){return e?t?e+' '+t:e:t||''}function en(e){return Array.isArray(e)?tn(e):c(e)?nn(e):'string'==typeof e?e:''}function tn(e){for(var t='',n=0,o=e.length,r;n<o;n++)d(r=en(e[n]))&&''!==r&&(t&&(t+=' '),t+=r);return t}function nn(e){var t='';for(var n in e)e[n]&&(t&&(t+=' '),t+=n);return t}function on(e){if('string'==typeof e){var t=document.querySelector(e);return t?t:('production'!==n.env.NODE_ENV&&Bo('Cannot find element: '+e),document.createElement('div'))}return e}function rn(e,t){var n=e.data.ref;if(n){var o=e.context,r=e.componentInstance||e.elm,a=o.$refs;t?Array.isArray(a[n])?v(a[n],r):a[n]===r&&(a[n]=void 0):e.data.refInFor?Array.isArray(a[n])?0>a[n].indexOf(r)&&a[n].push(r):a[n]=[r]:a[n]=r}}function an(e,t){return e.key===t.key&&(e.tag===t.tag&&e.isComment===t.isComment&&d(e.data)===d(t.data)&&sn(e,t)||u(e.isAsyncPlaceholder)&&e.asyncFactory===t.asyncFactory&&s(t.asyncFactory.error))}function sn(e,t){if('input'!==e.tag)return!0;var n=d(r=e.data)&&d(r=r.attrs)&&r.type,o=d(r=t.data)&&d(r=r.attrs)&&r.type,r;return n===o||fa(n)&&fa(o)}function dn(e,t,n){var o={},r,a;for(r=t;r<=n;++r)a=e[r].key,d(a)&&(o[a]=r);return o}function pn(e,t){(e.data.directives||t.data.directives)&&ln(e,t)}function ln(e,t){var n=e===ha,o=cn(e.data.directives,e.context),r=cn(t.data.directives,t.context),a=[],s=[],i,d,p;for(i in r)d=o[i],p=r[i],d?(p.oldValue=d.value,yn(p,'update',t,e),p.def&&p.def.componentUpdated&&s.push(p)):(yn(p,'bind',t,e),p.def&&p.def.inserted&&a.push(p));if(a.length){var l=function(){for(var n=0;n<a.length;n++)yn(a[n],'inserted',t,e)};n?be(t,'insert',l):l()}if(s.length&&be(t,'postpatch',function(){for(var n=0;n<s.length;n++)yn(s[n],'componentUpdated',t,e)}),!n)for(i in o)r[i]||yn(o[i],'unbind',e,e,t===ha)}function cn(e,t){var n=Object.create(null);if(!e)return n;var o,r;for(o=0;o<e.length;o++)r=e[o],r.modifiers||(r.modifiers=va),n[un(r)]=r,r.def=oe(t.$options,'directives',r.name,!0);return n}function un(e){return e.rawName||e.name+'.'+Object.keys(e.modifiers||{}).join('.')}function yn(t,n,o,e,r){var a=t.def&&t.def[n];if(a)try{a(o.elm,t,o,e,r)}catch(r){le(r,o.context,'directive '+t.name+' '+n+' hook')}}function mn(e,t){var n=t.componentOptions;if(!(d(n)&&!1===n.Ctor.options.inheritAttrs)&&!(s(e.data.attrs)&&s(t.data.attrs))){var o=t.elm,r=e.data.attrs||{},a=t.data.attrs||{},i,p,l;for(i in d(a.__ob__)&&(a=t.data.attrs=x({},a)),a)p=a[i],l=r[i],l!==p&&fn(o,i,p);for(i in(To||Io)&&a.value!==r.value&&fn(o,'value',a.value),r)s(a[i])&&(sa(i)?o.removeAttributeNS(ia,da(i)):!ra(i)&&o.removeAttribute(i))}}function fn(t,e,n){if(aa(e))pa(n)?t.removeAttribute(e):(n='allowfullscreen'===e&&'EMBED'===t.tagName?'true':e,t.setAttribute(e,n));else if(ra(e))t.setAttribute(e,pa(n)||'false'===n?'false':'true');else if(sa(e))pa(n)?t.removeAttributeNS(ia,da(e)):t.setAttributeNS(ia,e,n);else if(pa(n))t.removeAttribute(e);else{if(To&&!So&&'TEXTAREA'===t.tagName&&'placeholder'===e&&!t.__ieph){var o=function(n){n.stopImmediatePropagation(),t.removeEventListener('input',o)};t.addEventListener('input',o),t.__ieph=!0}t.setAttribute(e,n)}}function _n(e,t){var n=t.elm,o=t.data,r=e.data;if(!(s(o.staticClass)&&s(o.class)&&(s(r)||s(r.staticClass)&&s(r.class)))){var a=Jt(t),i=n._transitionClasses;d(i)&&(a=Zt(a,en(i))),a!==n._prevClass&&(n.setAttribute('class',a),n._prevClass=a)}}function hn(e){if(d(e[ba])){var t=To?'change':'input';e[t]=[].concat(e[ba],e[t]||[]),delete e[ba]}d(e[ka])&&(e.change=[].concat(e[ka],e.change||[]),delete e[ka])}function gn(e,t,n){var o=Ma;return function r(){var a=e.apply(null,arguments);null!==a&&bn(t,r,n,o)}}function vn(e,t,n,o,r){t=me(t),n&&(t=gn(t,e,o)),Ma.addEventListener(e,t,Ro?{capture:o,passive:r}:o)}function bn(e,t,n,o){(o||Ma).removeEventListener(e,t._withTask||t,n)}function kn(e,t){if(!(s(e.data.on)&&s(t.data.on))){var n=t.data.on||{},o=e.data.on||{};Ma=t.elm,hn(n),ve(n,o,vn,bn,t.context),Ma=void 0}}function En(e,t){if(!(s(e.data.domProps)&&s(t.data.domProps))){var n=t.elm,o=e.data.domProps||{},r=t.data.domProps||{},a,i;for(a in d(r.__ob__)&&(r=t.data.domProps=x({},r)),o)s(r[a])&&(n[a]='');for(a in r){if(i=r[a],'textContent'===a||'innerHTML'===a){if(t.children&&(t.children.length=0),i===o[a])continue;1===n.childNodes.length&&n.removeChild(n.childNodes[0])}if('value'===a){n._value=i;var p=s(i)?'':i+'';On(n,p)&&(n.value=p)}else n[a]=i}}}function On(e,t){return!e.composing&&('OPTION'===e.tagName||xn(e,t)||Nn(e,t))}function xn(e,t){var n=!0;try{n=document.activeElement!==e}catch(t){}return n&&e.value!==t}function Nn(e,t){var n=e.value,o=e._vModifiers;if(d(o)){if(o.lazy)return!1;if(o.number)return h(n)!==h(t);if(o.trim)return n.trim()!==t.trim()}return n!==t}function Cn(e){var t=wn(e.style);return e.staticStyle?x(e.staticStyle,t):t}function wn(e){return Array.isArray(e)?N(e):'string'==typeof e?Ea(e):e}function Pn(e,t){var n={},o;if(t)for(var r=e;r.componentInstance;)r=r.componentInstance._vnode,r&&r.data&&(o=Cn(r.data))&&x(n,o);(o=Cn(e.data))&&x(n,o);for(var a=e;a=a.parent;)a.data&&(o=Cn(a.data))&&x(n,o);return n}function $n(e,t){var n=t.data,o=e.data;if(!(s(n.staticStyle)&&s(n.style)&&s(o.staticStyle)&&s(o.style))){var r=t.elm,a=o.staticStyle,i=o.normalizedStyle||o.style||{},p=a||i,l=wn(t.data.style)||{},c,u;t.data.normalizedStyle=d(l.__ob__)?x({},l):l;var y=Pn(t,!0);for(u in p)s(y[u])&&Na(r,u,'');for(u in y)c=y[u],c!==p[u]&&Na(r,u,null==c?'':c)}}function An(e,t){if(t&&(t=t.trim()))if(e.classList)-1<t.indexOf(' ')?t.split(/\s+/).forEach(function(t){return e.classList.add(t)}):e.classList.add(t);else{var n=' '+(e.getAttribute('class')||'')+' ';0>n.indexOf(' '+t+' ')&&e.setAttribute('class',(n+t).trim())}}function Dn(e,t){if(t&&(t=t.trim()))if(e.classList)-1<t.indexOf(' ')?t.split(/\s+/).forEach(function(t){return e.classList.remove(t)}):e.classList.remove(t),e.classList.length||e.removeAttribute('class');else{for(var n=' '+(e.getAttribute('class')||'')+' ',o=' '+t+' ';0<=n.indexOf(o);)n=n.replace(o,' ');n=n.trim(),n?e.setAttribute('class',n):e.removeAttribute('class')}}function Tn(e){if(e){if('object'==typeof e){var t={};return!1!==e.css&&x(t,Pa(e.name||'v')),x(t,e),t}return'string'==typeof e?Pa(e):void 0}}function Sn(e){ja(function(){ja(e)})}function In(e,t){var n=e._transitionClasses||(e._transitionClasses=[]);0>n.indexOf(t)&&(n.push(t),An(e,t))}function Vn(e,t){e._transitionClasses&&v(e._transitionClasses,t),Dn(e,t)}function Mn(t,e,n){var o=Ln(t,e),r=o.type,a=o.timeout,i=o.propCount;if(!r)return n();var s=r===Aa?Sa:Va,d=0,p=function(){t.removeEventListener(s,l),n()},l=function(n){n.target===t&&++d>=i&&p()};setTimeout(function(){d<i&&p()},a+1),t.addEventListener(s,l)}function Ln(e,t){var n=window.getComputedStyle(e),r=n[Ta+'Delay'].split(', '),a=n[Ta+'Duration'].split(', '),i=jn(r,a),s=n[Ia+'Delay'].split(', '),d=n[Ia+'Duration'].split(', '),p=jn(s,d),l=0,c=0,u;t===Aa?0<i&&(u=Aa,l=i,c=a.length):t===Da?0<p&&(u=Da,l=p,c=d.length):(l=o(i,p),u=0<l?i>p?Aa:Da:null,c=u?u===Aa?a.length:d.length:0);var y=u===Aa&&Ra.test(n[Ta+'Property']);return{type:u,timeout:l,propCount:c,hasTransform:y}}function jn(e,t){for(;e.length<t.length;)e=e.concat(e);return o.apply(null,t.map(function(t,n){return Rn(t)+Rn(e[n])}))}function Rn(e){return 1e3*+e.slice(0,-1)}function Fn(e,t){var o=e.elm;d(o._leaveCb)&&(o._leaveCb.cancelled=!0,o._leaveCb());var r=Tn(e.data.transition);if(!s(r)&&!(d(o._enterCb)||1!==o.nodeType)){for(var a=r.css,i=r.type,p=r.enterClass,l=r.enterToClass,u=r.enterActiveClass,y=r.appearClass,m=r.appearToClass,f=r.appearActiveClass,_=r.beforeEnter,g=r.enter,v=r.afterEnter,b=r.enterCancelled,k=r.beforeAppear,E=r.appear,O=r.afterAppear,x=r.appearCancelled,N=r.duration,C=Sr,w=Sr.$vnode;w&&w.parent;)w=w.parent,C=w.context;var P=!C._isMounted||!e.isRootInsert;if(!P||E||''===E){var A=P&&y?y:p,D=P&&f?f:u,T=P&&m?m:l,S=P?k||_:_,I=P?'function'==typeof E?E:g:g,V=P?O||v:v,M=P?x||b:b,L=h(c(N)?N.enter:N);'production'!==n.env.NODE_ENV&&null!=L&&Hn(L,'enter',e);var j=!1!==a&&!So,R=Kn(I),F=o._enterCb=$(function(){j&&(Vn(o,T),Vn(o,D)),F.cancelled?(j&&Vn(o,A),M&&M(o)):V&&V(o),o._enterCb=null});e.data.show||be(e,'insert',function(){var t=o.parentNode,n=t&&t._pending&&t._pending[e.key];n&&n.tag===e.tag&&n.elm._leaveCb&&n.elm._leaveCb(),I&&I(o,F)}),S&&S(o),j&&(In(o,A),In(o,D),Sn(function(){In(o,T),Vn(o,A),F.cancelled||R||(Un(L)?setTimeout(F,L):Mn(o,i,F))})),e.data.show&&(t&&t(),I&&I(o,F)),j||R||F()}}}function zn(e,t){function o(){x.cancelled||(!e.data.show&&((r.parentNode._pending||(r.parentNode._pending={}))[e.key]=e),m&&m(r),k&&(In(r,l),In(r,y),Sn(function(){In(r,u),Vn(r,l),x.cancelled||E||(Un(O)?setTimeout(x,O):Mn(r,p,x))})),f&&f(r,x),!k&&!E&&x())}var r=e.elm;d(r._enterCb)&&(r._enterCb.cancelled=!0,r._enterCb());var a=Tn(e.data.transition);if(s(a)||1!==r.nodeType)return t();if(!d(r._leaveCb)){var i=a.css,p=a.type,l=a.leaveClass,u=a.leaveToClass,y=a.leaveActiveClass,m=a.beforeLeave,f=a.leave,_=a.afterLeave,g=a.leaveCancelled,v=a.delayLeave,b=a.duration,k=!1!==i&&!So,E=Kn(f),O=h(c(b)?b.leave:b);'production'!==n.env.NODE_ENV&&d(O)&&Hn(O,'leave',e);var x=r._leaveCb=$(function(){r.parentNode&&r.parentNode._pending&&(r.parentNode._pending[e.key]=null),k&&(Vn(r,u),Vn(r,y)),x.cancelled?(k&&Vn(r,l),g&&g(r)):(t(),_&&_(r)),r._leaveCb=null});v?v(o):o()}}function Hn(e,t,n){'number'==typeof e?isNaN(e)&&Bo('<transition> explicit '+t+' duration is NaN - the duration expression might be incorrect.',n.context):Bo('<transition> explicit '+t+' duration is not a valid number - got '+JSON.stringify(e)+'.',n.context)}function Un(e){return'number'==typeof e&&!isNaN(e)}function Kn(e){if(s(e))return!1;var t=e.fns;return d(t)?Kn(Array.isArray(t)?t[0]:t):1<(e._length||e.length)}function Yn(e,t){!0!==t.data.show&&Fn(t)}function Bn(e,t,n){Gn(e,t,n),(To||Io)&&setTimeout(function(){Gn(e,t,n)},0)}function Gn(e,t,o){var r=t.value,a=e.multiple;if(a&&!Array.isArray(r))return void('production'!==n.env.NODE_ENV&&Bo('<select multiple v-model="'+t.expression+'"> expects an Array value for its binding, but got '+Object.prototype.toString.call(r).slice(8,-1),o));for(var s=0,i=e.options.length,d,p;s<i;s++)if(p=e.options[s],a)d=-1<P(r,qn(p)),p.selected!==d&&(p.selected=d);else if(w(qn(p),r))return void(e.selectedIndex!==s&&(e.selectedIndex=s));a||(e.selectedIndex=-1)}function Wn(e,t){return t.every(function(t){return!w(t,e)})}function qn(e){return'_value'in e?e._value:e.value}function Jn(t){t.target.composing=!0}function Xn(t){t.target.composing&&(t.target.composing=!1,Qn(t.target,'input'))}function Qn(t,n){var o=document.createEvent('HTMLEvents');o.initEvent(n,!0,!0),t.dispatchEvent(o)}function Zn(e){return!e.componentInstance||e.data&&e.data.transition?e:Zn(e.componentInstance._vnode)}function eo(e){var t=e&&e.componentOptions;return t&&t.Ctor.options.abstract?eo(De(t.children)):e}function to(e){var t={},n=e.$options;for(var o in n.propsData)t[o]=e[o];var r=n._parentListeners;for(var a in r)t[_o(a)]=r[a];return t}function oo(e,t){if(/\d-keep-alive$/.test(t.tag))return e('keep-alive',{props:t.componentOptions.propsData})}function ro(e){for(;e=e.parent;)if(e.data.transition)return!0}function ao(e,t){return t.key===e.key&&t.tag===e.tag}function io(e){e.elm._moveCb&&e.elm._moveCb(),e.elm._enterCb&&e.elm._enterCb()}function so(e){e.data.newPos=e.elm.getBoundingClientRect()}function po(e){var t=e.data.pos,n=e.data.newPos,o=t.left-n.left,r=t.top-n.top;if(o||r){e.data.moved=!0;var a=e.elm.style;a.transform=a.WebkitTransform='translate('+o+'px,'+r+'px)',a.transitionDuration='0s'}}var lo=Object.freeze({}),co=Object.prototype.toString,uo=g('slot,component',!0),yo=g('key,ref,slot,slot-scope,is'),mo=Object.prototype.hasOwnProperty,fo=/-(\w)/g,_o=k(function(e){return e.replace(fo,function(e,t){return t?t.toUpperCase():''})}),ho=k(function(e){return e.charAt(0).toUpperCase()+e.slice(1)}),go=/\B([A-Z])/g,vo=k(function(e){return e.replace(go,'-$1').toLowerCase()}),bo=function(){return!1},ko=function(e){return e},Eo='data-server-rendered',Oo=['component','directive','filter'],xo=['beforeCreate','created','beforeMount','mounted','beforeUpdate','updated','beforeDestroy','destroyed','activated','deactivated','errorCaptured'],No={optionMergeStrategies:Object.create(null),silent:!1,productionTip:'production'!==n.env.NODE_ENV,devtools:'production'!==n.env.NODE_ENV,performance:!1,errorHandler:null,warnHandler:null,ignoredElements:[],keyCodes:Object.create(null),isReservedTag:bo,isReservedAttr:bo,isUnknownElement:bo,getTagNamespace:C,parsePlatformTagName:ko,mustUseProp:bo,_lifecycleHooks:xo},Co=/[^\w.$]/,wo='__proto__'in{},Po='undefined'!=typeof window,$o='undefined'!=typeof WXEnvironment&&!!WXEnvironment.platform,Ao=$o&&WXEnvironment.platform.toLowerCase(),Do=Po&&window.navigator.userAgent.toLowerCase(),To=Do&&/msie|trident/.test(Do),So=Do&&0<Do.indexOf('msie 9.0'),Io=Do&&0<Do.indexOf('edge/'),Vo=Do&&0<Do.indexOf('android')||'android'===Ao,Mo=Do&&/iphone|ipad|ipod|ios/.test(Do)||'ios'===Ao,Lo=Do&&/chrome\/\d+/.test(Do)&&!Io,jo={}.watch,Ro=!1;if(Po)try{var Fo={};Object.defineProperty(Fo,'passive',{get:function(){Ro=!0}}),window.addEventListener('test-passive',null,Fo)}catch(t){}var zo=function(){return void 0==Ko&&(Po||'undefined'==typeof e?Ko=!1:Ko='server'===e.process.env.VUE_ENV),Ko},Ho=Po&&window.__VUE_DEVTOOLS_GLOBAL_HOOK__,Uo='undefined'!=typeof Symbol&&S(Symbol)&&'undefined'!=typeof Reflect&&S(Reflect.ownKeys),Ko,Yo;Yo='undefined'!=typeof Set&&S(Set)?Set:function(){function e(){this.set=Object.create(null)}return e.prototype.has=function(e){return!0===this.set[e]},e.prototype.add=function(e){this.set[e]=!0},e.prototype.clear=function(){this.set=Object.create(null)},e}();var Bo=C,Go=C,Wo=C,qo=C;if('production'!==n.env.NODE_ENV){var Jo='undefined'!=typeof console,Xo=/(?:^|[-_])(\w)/g,Qo=function(e){return e.replace(Xo,function(e){return e.toUpperCase()}).replace(/[-_]/g,'')};Bo=function(e,t){var n=t?Wo(t):'';No.warnHandler?No.warnHandler.call(null,e,t,n):Jo&&!No.silent&&console.error('[Vue warn]: '+e+n)},Go=function(e,t){Jo&&!No.silent&&console.warn('[Vue tip]: '+e+(t?Wo(t):''))},qo=function(e,t){if(e.$root===e)return'<Root>';var n='function'==typeof e&&null!=e.cid?e.options:e._isVue?e.$options||e.constructor.options:e||{},o=n.name||n._componentTag,r=n.__file;if(!o&&r){var a=r.match(/([^/\\]+)\.vue$/);o=a&&a[1]}return(o?'<'+Qo(o)+'>':'<Anonymous>')+(r&&!1!==t?' at '+r:'')};var Zo=function(e,t){for(var n='';t;)1==t%2&&(n+=e),1<t&&(e+=e),t>>=1;return n};Wo=function(e){if(e._isVue&&e.$parent){for(var t=[],n=0;e;){if(0<t.length){var o=t[t.length-1];if(o.constructor===e.constructor){n++,e=e.$parent;continue}else 0<n&&(t[t.length-1]=[o,n],n=0)}t.push(e),e=e.$parent}return'\n\nfound in\n\n'+t.map(function(e,t){return''+(0===t?'---> ':Zo(' ',5+2*t))+(Array.isArray(e)?qo(e[0])+'... ('+e[1]+' recursive calls)':qo(e))}).join('\n')}return'\n\n(found in '+qo(e)+')'}}var er=0,tr=function(){this.id=er++,this.subs=[]};tr.prototype.addSub=function(e){this.subs.push(e)},tr.prototype.removeSub=function(e){v(this.subs,e)},tr.prototype.depend=function(){tr.target&&tr.target.addDep(this)},tr.prototype.notify=function(){for(var e=this.subs.slice(),t=0,n=e.length;t<n;t++)e[t].update()},tr.target=null;var nr=[],or=function(e,t,n,o,r,a,i,s){this.tag=e,this.data=t,this.children=n,this.text=o,this.elm=r,this.ns=void 0,this.context=a,this.fnContext=void 0,this.fnOptions=void 0,this.fnScopeId=void 0,this.key=t&&t.key,this.componentOptions=i,this.componentInstance=void 0,this.parent=void 0,this.raw=!1,this.isStatic=!1,this.isRootInsert=!0,this.isComment=!1,this.isCloned=!1,this.isOnce=!1,this.asyncFactory=s,this.asyncMeta=void 0,this.isAsyncPlaceholder=!1},rr={child:{configurable:!0}};rr.child.get=function(){return this.componentInstance},Object.defineProperties(or.prototype,rr);var ar=function(e){void 0===e&&(e='');var t=new or;return t.text=e,t.isComment=!0,t},ir=Array.prototype,sr=Object.create(ir);['push','pop','shift','unshift','splice','sort','reverse'].forEach(function(e){var t=ir[e];D(sr,e,function(){for(var n=[],o=arguments.length;o--;)n[o]=arguments[o];var r=t.apply(this,n),a=this.__ob__,i;return'push'===e||'unshift'===e?i=n:'splice'===e?i=n.slice(2):void 0,i&&a.observeArray(i),a.dep.notify(),r})});var dr=Object.getOwnPropertyNames(sr),pr={shouldConvert:!0},lr=function(e){if(this.value=e,this.dep=new tr,this.vmCount=0,D(e,'__ob__',this),Array.isArray(e)){var t=wo?R:F;t(e,sr,dr),this.observeArray(e)}else this.walk(e)};lr.prototype.walk=function(e){for(var t=Object.keys(e),n=0;n<t.length;n++)H(e,t[n],e[t[n]])},lr.prototype.observeArray=function(e){for(var t=0,n=e.length;t<n;t++)z(e[t])};var cr=No.optionMergeStrategies;'production'!==n.env.NODE_ENV&&(cr.el=cr.propsData=function(e,t,n,o){return n||Bo('option "'+o+'" can only be used during instance creation with the `new` keyword.'),ur(e,t)}),cr.data=function(e,t,o){return o?G(e,t,o):t&&'function'!=typeof t?('production'!==n.env.NODE_ENV&&Bo('The "data" option should be a function that returns a per-instance value in component definitions.',o),e):G(e,t)},xo.forEach(function(e){cr[e]=W}),Oo.forEach(function(e){cr[e+'s']=q}),cr.watch=function(e,t,o,r){if(e===jo&&(e=void 0),t===jo&&(t=void 0),!t)return Object.create(e||null);if('production'!==n.env.NODE_ENV&&te(r,t,o),!e)return t;var a={};for(var i in x(a,e),t){var s=a[i],d=t[i];s&&!Array.isArray(s)&&(s=[s]),a[i]=s?s.concat(d):Array.isArray(d)?d:[d]}return a},cr.props=cr.methods=cr.inject=cr.computed=function(e,t,o,r){if(t&&'production'!==n.env.NODE_ENV&&te(r,t,o),!e)return t;var a=Object.create(null);return x(a,e),t&&x(a,t),a},cr.provide=G;var ur=function(e,t){return t===void 0?e:t},yr=/^(String|Number|Boolean|Function|Symbol)$/,mr=[],fr=!1,_r=!1,hr,gr;if('undefined'!=typeof r&&S(r))gr=function(){r(ye)};else if('undefined'!=typeof MessageChannel&&(S(MessageChannel)||'[object MessageChannelConstructor]'===MessageChannel.toString())){var vr=new MessageChannel,br=vr.port2;vr.port1.onmessage=ye,gr=function(){br.postMessage(1)}}else gr=function(){setTimeout(ye,0)};if('undefined'!=typeof Promise&&S(Promise)){var kr=Promise.resolve();hr=function(){kr.then(ye),Mo&&setTimeout(C)}}else hr=gr;var p;if('production'!==n.env.NODE_ENV){var Er=g('Infinity,undefined,NaN,isFinite,isNaN,parseFloat,parseInt,decodeURI,decodeURIComponent,encodeURI,encodeURIComponent,Math,Number,Date,Array,Object,Boolean,String,RegExp,Map,Set,JSON,Intl,require'),Or=function(e,t){Bo('Property or method "'+t+'" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property. See: https://vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties.',e)},xr='undefined'!=typeof Proxy&&Proxy.toString().match(/native code/);if(xr){var Nr=g('stop,prevent,self,ctrl,shift,alt,meta,exact');No.keyCodes=new Proxy(No.keyCodes,{set:function(e,t,n){return Nr(t)?(Bo('Avoid overwriting built-in modifier in config.keyCodes: .'+t),!1):(e[t]=n,!0)}})}var Cr={has:function(e,t){var n=t in e,o=Er(t)||'_'===t.charAt(0);return n||o||Or(e,t),n||!o}},wr={get:function(e,t){return'string'!=typeof t||t in e||Or(e,t),e[t]}};p=function(e){if(xr){var t=e.$options,n=t.render&&t.render._withStripped?wr:Cr;e._renderProxy=new Proxy(e,n)}else e._renderProxy=e}}var Pr=new Yo,$r,Ar;if('production'!==n.env.NODE_ENV){var Dr=Po&&window.performance;Dr&&Dr.mark&&Dr.measure&&Dr.clearMarks&&Dr.clearMeasures&&($r=function(e){return Dr.mark(e)},Ar=function(e,t,n){Dr.measure(e,t,n),Dr.clearMarks(t),Dr.clearMarks(n),Dr.clearMeasures(e)})}var Tr=k(function(e){var t='&'===e.charAt(0);e=t?e.slice(1):e;var n='~'===e.charAt(0);e=n?e.slice(1):e;var o='!'===e.charAt(0);return e=o?e.slice(1):e,{name:e,once:n,capture:o,passive:t}}),Sr=null,Ir=!1,Vr=100,Mr=[],Lr=[],jr={},Rr={},Fr=!1,zr=!1,Hr=0,Ur=0,Kr=function(e,t,o,r,a){this.vm=e,a&&(e._watcher=this),e._watchers.push(this),r?(this.deep=!!r.deep,this.user=!!r.user,this.lazy=!!r.lazy,this.sync=!!r.sync):this.deep=this.user=this.lazy=this.sync=!1,this.cb=o,this.id=++Ur,this.active=!0,this.dirty=this.lazy,this.deps=[],this.newDeps=[],this.depIds=new Yo,this.newDepIds=new Yo,this.expression='production'===n.env.NODE_ENV?'':t.toString(),'function'==typeof t?this.getter=t:(this.getter=T(t),!this.getter&&(this.getter=function(){},'production'!==n.env.NODE_ENV&&Bo('Failed watching path: "'+t+'" Watcher only accepts simple dot-delimited paths. For full control, use a function instead.',e))),this.value=this.lazy?void 0:this.get()},Yr;Kr.prototype.get=function(){I(this);var t=this.vm,e;try{e=this.getter.call(t,t)}catch(n){if(this.user)le(n,t,'getter for watcher "'+this.expression+'"');else throw n}finally{this.deep&&_e(e),V(),this.cleanupDeps()}return e},Kr.prototype.addDep=function(e){var t=e.id;this.newDepIds.has(t)||(this.newDepIds.add(t),this.newDeps.push(e),!this.depIds.has(t)&&e.addSub(this))},Kr.prototype.cleanupDeps=function(){for(var e=this,t=this.deps.length;t--;){var n=e.deps[t];e.newDepIds.has(n.id)||n.removeSub(e)}var o=this.depIds;this.depIds=this.newDepIds,this.newDepIds=o,this.newDepIds.clear(),o=this.deps,this.deps=this.newDeps,this.newDeps=o,this.newDeps.length=0},Kr.prototype.update=function(){this.lazy?this.dirty=!0:this.sync?this.run():Xe(this)},Kr.prototype.run=function(){if(this.active){var e=this.get();if(e!==this.value||c(e)||this.deep){var t=this.value;if(this.value=e,this.user)try{this.cb.call(this.vm,e,t)}catch(t){le(t,this.vm,'callback for watcher "'+this.expression+'"')}else this.cb.call(this.vm,e,t)}}},Kr.prototype.evaluate=function(){this.value=this.get(),this.dirty=!1},Kr.prototype.depend=function(){for(var e=this,t=this.deps.length;t--;)e.deps[t].depend()},Kr.prototype.teardown=function(){var e=this;if(this.active){this.vm._isBeingDestroyed||v(this.vm._watchers,this);for(var t=this.deps.length;t--;)e.deps[t].removeSub(e);this.active=!1}};var Br={enumerable:!0,configurable:!0,get:C,set:C},Gr={lazy:!0};Et(Ot.prototype);var Wr={init:function(e,t,n,o){if(!e.componentInstance||e.componentInstance._isDestroyed){var r=e.componentInstance=wt(e,Sr,n,o);r.$mount(t?e.elm:void 0,t)}else if(e.data.keepAlive){var a=e;Wr.prepatch(a,a)}},prepatch:function(e,t){var n=t.componentOptions,o=t.componentInstance=e.componentInstance;ze(o,n.propsData,n.listeners,t,n.children)},insert:function(e){var t=e.context,n=e.componentInstance;n._isMounted||(n._isMounted=!0,Ye(n,'mounted')),e.data.keepAlive&&(t._isMounted?qe(n):Ue(n,!0))},destroy:function(e){var t=e.componentInstance;t._isDestroyed||(e.data.keepAlive?Ke(t,!0):t.$destroy())}},qr=Object.keys(Wr),Jr=1,Xr=2,Qr=0;(function(e){e.prototype._init=function(e){var t=this;t._uid=Qr++;var o,r;'production'!==n.env.NODE_ENV&&No.performance&&$r&&(o='vue-perf-start:'+t._uid,r='vue-perf-end:'+t._uid,$r(o)),t._isVue=!0,e&&e._isComponent?Vt(t,e):t.$options=ne(Mt(t.constructor),e||{},t),'production'===n.env.NODE_ENV?t._renderProxy=t:p(t),t._self=t,Re(t),Te(t),It(t),Ye(t,'beforeCreate'),lt(t),Ze(t),pt(t),Ye(t,'created'),'production'!==n.env.NODE_ENV&&No.performance&&$r&&(t._name=qo(t,!1),$r(r),Ar('vue '+t._name+' init',o,r)),t.$options.el&&t.$mount(t.$options.el)}})(Rt),function(e){var t={get:function(){return this._data}},o={};o.get=function(){return this._props},'production'!==n.env.NODE_ENV&&(t.set=function(){Bo('Avoid replacing instance root $data. Use nested data properties instead.',this)},o.set=function(){Bo('$props is readonly.',this)}),Object.defineProperty(e.prototype,'$data',t),Object.defineProperty(e.prototype,'$props',o),e.prototype.$set=U,e.prototype.$delete=K,e.prototype.$watch=function(e,t,n){var o=this;if(m(t))return dt(o,e,t,n);n=n||{},n.user=!0;var r=new Kr(o,e,t,n);return n.immediate&&t.call(o,r.value),function(){r.teardown()}}}(Rt),function(e){var t=/^hook:/;e.prototype.$on=function(e,n){var o=this,r=this;if(Array.isArray(e))for(var a=0,i=e.length;a<i;a++)o.$on(e[a],n);else(r._events[e]||(r._events[e]=[])).push(n),t.test(e)&&(r._hasHookEvent=!0);return r},e.prototype.$once=function(e,t){function n(){o.$off(e,n),t.apply(o,arguments)}var o=this;return n.fn=t,o.$on(e,n),o},e.prototype.$off=function(e,t){var n=this,o=this;if(!arguments.length)return o._events=Object.create(null),o;if(Array.isArray(e)){for(var r=0,a=e.length;r<a;r++)n.$off(e[r],t);return o}var i=o._events[e];if(!i)return o;if(!t)return o._events[e]=null,o;if(t)for(var s=i.length,d;s--;)if(d=i[s],d===t||d.fn===t){i.splice(s,1);break}return o},e.prototype.$emit=function(t){var o=this;if('production'!==n.env.NODE_ENV){var e=t.toLowerCase();e!==t&&o._events[e]&&Go('Event "'+e+'" is emitted in component '+qo(o)+' but the handler is registered for "'+t+'". Note that HTML attributes are case-insensitive and you cannot use v-on to listen to camelCase events when using in-DOM templates. You should probably use "'+vo(t)+'" instead of "'+t+'".')}var r=o._events[t];if(r){r=1<r.length?O(r):r;for(var a=O(arguments,1),s=0,i=r.length;s<i;s++)try{r[s].apply(o,a)}catch(n){le(n,o,'event handler for "'+t+'"')}}return o}}(Rt),function(e){e.prototype._update=function(e,t){var n=this;n._isMounted&&Ye(n,'beforeUpdate');var o=n.$el,r=n._vnode,a=Sr;Sr=n,n._vnode=e,r?n.$el=n.__patch__(r,e):(n.$el=n.__patch__(n.$el,e,t,!1,n.$options._parentElm,n.$options._refElm),n.$options._parentElm=n.$options._refElm=null),Sr=a,o&&(o.__vue__=null),n.$el&&(n.$el.__vue__=n),n.$vnode&&n.$parent&&n.$vnode===n.$parent._vnode&&(n.$parent.$el=n.$el)},e.prototype.$forceUpdate=function(){var e=this;e._watcher&&e._watcher.update()},e.prototype.$destroy=function(){var e=this;if(!e._isBeingDestroyed){Ye(e,'beforeDestroy'),e._isBeingDestroyed=!0;var t=e.$parent;!t||t._isBeingDestroyed||e.$options.abstract||v(t.$children,e),e._watcher&&e._watcher.teardown();for(var n=e._watchers.length;n--;)e._watchers[n].teardown();e._data.__ob__&&e._data.__ob__.vmCount--,e._isDestroyed=!0,e.__patch__(e._vnode,null),Ye(e,'destroyed'),e.$off(),e.$el&&(e.$el.__vue__=null),e.$vnode&&(e.$vnode.parent=null)}}}(Rt),function(e){Et(e.prototype),e.prototype.$nextTick=function(e){return fe(e,this)},e.prototype._render=function(){var t=this,e=t.$options,o=e.render,r=e._parentVnode;if(t._isMounted)for(var a in t.$slots){var i=t.$slots[a];(i._rendered||i[0]&&i[0].elm)&&(t.$slots[a]=j(i,!0))}t.$scopedSlots=r&&r.data.scopedSlots||lo,t.$vnode=r;var s;try{s=o.call(t._renderProxy,t.$createElement)}catch(o){if(le(o,t,'render'),'production'===n.env.NODE_ENV)s=t._vnode;else if(t.$options.renderError)try{s=t.$options.renderError.call(t._renderProxy,t.$createElement,o)}catch(n){le(n,t,'renderError'),s=t._vnode}else s=t._vnode}return s instanceof or||('production'!==n.env.NODE_ENV&&Array.isArray(s)&&Bo('Multiple root nodes returned from render function. Render function should return a single root node.',t),s=ar()),s.parent=r,s}}(Rt);var Zr=[String,RegExp,Array],ea={name:'keep-alive',abstract:!0,props:{include:Zr,exclude:Zr,max:[String,Number]},created:function(){this.cache=Object.create(null),this.keys=[]},destroyed:function(){var e=this;for(var t in e.cache)qt(e.cache,t,e.keys)},watch:{include:function(e){Wt(this,function(t){return Gt(e,t)})},exclude:function(e){Wt(this,function(t){return!Gt(e,t)})}},render:function(){var e=this.$slots.default,t=De(e),n=t&&t.componentOptions;if(n){var o=Bt(n),r=this,a=r.include,i=r.exclude;if(a&&(!o||!Gt(a,o))||i&&o&&Gt(i,o))return t;var s=this,d=s.cache,p=s.keys,l=null==t.key?n.Ctor.cid+(n.tag?'::'+n.tag:''):t.key;d[l]?(t.componentInstance=d[l].componentInstance,v(p,l),p.push(l)):(d[l]=t,p.push(l),this.max&&p.length>parseInt(this.max)&&qt(d,p[0],p,this._vnode)),t.data.keepAlive=!0}return t||e&&e[0]}},ta={KeepAlive:ea};(function(e){var t={};t.get=function(){return No},'production'!==n.env.NODE_ENV&&(t.set=function(){Bo('Do not replace the Vue.config object, set individual fields instead.')}),Object.defineProperty(e,'config',t),e.util={warn:Bo,extend:x,mergeOptions:ne,defineReactive:H},e.set=U,e.delete=K,e.nextTick=fe,e.options=Object.create(null),Oo.forEach(function(t){e.options[t+'s']=Object.create(null)}),e.options._base=e,x(e.options.components,ta),Ft(e),zt(e),Ht(e),Yt(e)})(Rt),Object.defineProperty(Rt.prototype,'$isServer',{get:zo}),Object.defineProperty(Rt.prototype,'$ssrContext',{get:function(){return this.$vnode&&this.$vnode.ssrContext}}),Rt.version='2.5.13';var na=g('style,class'),oa=g('input,textarea,option,select,progress'),ra=g('contenteditable,draggable,spellcheck'),aa=g('allowfullscreen,async,autofocus,autoplay,checked,compact,controls,declare,default,defaultchecked,defaultmuted,defaultselected,defer,disabled,enabled,formnovalidate,hidden,indeterminate,inert,ismap,itemscope,loop,multiple,muted,nohref,noresize,noshade,novalidate,nowrap,open,pauseonexit,readonly,required,reversed,scoped,seamless,selected,sortable,translate,truespeed,typemustmatch,visible'),ia='http://www.w3.org/1999/xlink',sa=function(e){return':'===e.charAt(5)&&'xlink'===e.slice(0,5)},da=function(e){return sa(e)?e.slice(6,e.length):''},pa=function(e){return null==e||!1===e},la={svg:'http://www.w3.org/2000/svg',math:'http://www.w3.org/1998/Math/MathML'},ca=g('html,body,base,head,link,meta,style,title,address,article,aside,footer,header,h1,h2,h3,h4,h5,h6,hgroup,nav,section,div,dd,dl,dt,figcaption,figure,picture,hr,img,li,main,ol,p,pre,ul,a,b,abbr,bdi,bdo,br,cite,code,data,dfn,em,i,kbd,mark,q,rp,rt,rtc,ruby,s,samp,small,span,strong,sub,sup,time,u,var,wbr,area,audio,map,track,video,embed,object,param,source,canvas,script,noscript,del,ins,caption,col,colgroup,table,thead,tbody,td,th,tr,button,datalist,fieldset,form,input,label,legend,meter,optgroup,option,output,progress,select,textarea,details,dialog,menu,menuitem,summary,content,element,shadow,template,blockquote,iframe,tfoot'),ua=g('svg,animate,circle,clippath,cursor,defs,desc,ellipse,filter,font-face,foreignObject,g,glyph,image,line,marker,mask,missing-glyph,path,pattern,polygon,polyline,rect,switch,symbol,text,textpath,tspan,use,view',!0),ya=function(e){return ca(e)||ua(e)},ma=Object.create(null),fa=g('text,number,password,search,email,tel,url'),_a=Object.freeze({createElement:function(e,t){var n=document.createElement(e);return'select'===e?(t.data&&t.data.attrs&&void 0!==t.data.attrs.multiple&&n.setAttribute('multiple','multiple'),n):n},createElementNS:function(e,t){return document.createElementNS(la[e],t)},createTextNode:function(e){return document.createTextNode(e)},createComment:function(e){return document.createComment(e)},insertBefore:function(e,t,n){e.insertBefore(t,n)},removeChild:function(e,t){e.removeChild(t)},appendChild:function(e,t){e.appendChild(t)},parentNode:function(e){return e.parentNode},nextSibling:function(e){return e.nextSibling},tagName:function(e){return e.tagName},setTextContent:function(e,t){e.textContent=t},setAttribute:function(e,t,n){e.setAttribute(t,n)}}),ha=new or('',{},[]),ga=['create','activate','update','remove','destroy'],va=Object.create(null),ba='__r',ka='__c',Ea=k(function(e){var t={},n=/;(?![^(]*\))/g,o=/:(.+)/;return e.split(n).forEach(function(e){if(e){var n=e.split(o);1<n.length&&(t[n[0].trim()]=n[1].trim())}}),t}),Oa=/^--/,xa=/\s*!important$/,Na=function(e,t,n){if(Oa.test(t))e.style.setProperty(t,n);else if(xa.test(n))e.style.setProperty(t,n.replace(xa,''),'important');else{var o=wa(t);if(Array.isArray(n))for(var r=0,a=n.length;r<a;r++)e.style[o]=n[r];else e.style[o]=n}},Ca=['Webkit','Moz','ms'],wa=k(function(e){if(La=La||document.createElement('div').style,e=_o(e),'filter'!==e&&e in La)return e;for(var t=e.charAt(0).toUpperCase()+e.slice(1),n=0,o;n<Ca.length;n++)if(o=Ca[n]+t,o in La)return o}),Pa=k(function(e){return{enterClass:e+'-enter',enterToClass:e+'-enter-to',enterActiveClass:e+'-enter-active',leaveClass:e+'-leave',leaveToClass:e+'-leave-to',leaveActiveClass:e+'-leave-active'}}),$a=Po&&!So,Aa='transition',Da='animation',Ta='transition',Sa='transitionend',Ia='animation',Va='animationend',Ma,La;$a&&(window.ontransitionend===void 0&&window.onwebkittransitionend!==void 0&&(Ta='WebkitTransition',Sa='webkitTransitionEnd'),window.onanimationend===void 0&&window.onwebkitanimationend!==void 0&&(Ia='WebkitAnimation',Va='webkitAnimationEnd'));var ja=Po?window.requestAnimationFrame?window.requestAnimationFrame.bind(window):setTimeout:function(e){return e()},Ra=/\b(transform|all)(,|$)/,Fa=Po?{create:Yn,activate:Yn,remove:function(e,t){!0===e.data.show?t():zn(e,t)}}:{},za=[{create:mn,update:mn},{create:_n,update:_n},{create:kn,update:kn},{create:En,update:En},{create:$n,update:$n},Fa].concat([{create:function(e,t){rn(t)},update:function(e,t){e.data.ref!==t.data.ref&&(rn(e,!0),rn(t))},destroy:function(e){rn(e,!0)}},{create:pn,update:pn,destroy:function(e){pn(e,ha)}}]),Ha=function(e){function t(e){return new or(I.tagName(e).toLowerCase(),{},[],void 0,e)}function o(e,t){function n(){0==--n.listeners&&r(e)}return n.listeners=t,n}function r(e){var t=I.parentNode(e);d(t)&&I.removeChild(t,e)}function a(e,t){return!t&&!e.ns&&!(No.ignoredElements.length&&No.ignoredElements.some(function(t){return i(t)?t.test(e.tag):t===e.tag}))&&No.isUnknownElement(e.tag)}function p(e,t,o,r,i){if(e.isRootInsert=!i,!c(e,t,o,r)){var s=e.data,p=e.children,l=e.tag;d(l)?('production'!==n.env.NODE_ENV&&(s&&s.pre&&L++,a(e,L)&&Bo('Unknown custom element: <'+l+'> - did you register the component correctly? For recursive components, make sure to provide the "name" option.',e.context)),e.elm=e.ns?I.createElementNS(e.ns,l):I.createElement(l,e),b(e),_(e,p,t),d(s)&&v(e,t),f(o,e.elm,r),'production'!==n.env.NODE_ENV&&s&&s.pre&&L--):u(e.isComment)?(e.elm=I.createComment(e.text),f(o,e.elm,r)):(e.elm=I.createTextNode(e.text),f(o,e.elm,r))}}function c(e,t,n,o){var r=e.data;if(d(r)){var a=d(e.componentInstance)&&r.keepAlive;if(d(r=r.hook)&&d(r=r.init)&&r(e,!1,n,o),d(e.componentInstance))return y(e,t),u(a)&&m(e,t,n,o),!0}}function y(e,t){d(e.data.pendingInsert)&&(t.push.apply(t,e.data.pendingInsert),e.data.pendingInsert=null),e.elm=e.componentInstance.$el,h(e)?(v(e,t),b(e)):(rn(e),t.push(e))}function m(e,t,n,o){for(var r=e,a;r.componentInstance;)if(r=r.componentInstance._vnode,d(a=r.data)&&d(a=a.transition)){for(a=0;a<T.activate.length;++a)T.activate[a](ha,r);t.push(r);break}f(n,e.elm,o)}function f(e,t,n){d(e)&&(d(n)?n.parentNode===e&&I.insertBefore(e,t,n):I.appendChild(e,t))}function _(e,t,o){if(Array.isArray(t)){'production'!==n.env.NODE_ENV&&C(t);for(var r=0;r<t.length;++r)p(t[r],o,e.elm,null,!0)}else l(e.text)&&I.appendChild(e.elm,I.createTextNode(e.text+''))}function h(e){for(;e.componentInstance;)e=e.componentInstance._vnode;return d(e.tag)}function v(e,t){for(var n=0;n<T.create.length;++n)T.create[n](ha,e);V=e.data.hook,d(V)&&(d(V.create)&&V.create(ha,e),d(V.insert)&&t.push(e))}function b(e){var t;if(d(t=e.fnScopeId))I.setAttribute(e.elm,t,'');else for(var n=e;n;)d(t=n.context)&&d(t=t.$options._scopeId)&&I.setAttribute(e.elm,t,''),n=n.parent;d(t=Sr)&&t!==e.context&&t!==e.fnContext&&d(t=t.$options._scopeId)&&I.setAttribute(e.elm,t,'')}function k(e,t,n,o,r,a){for(;o<=r;++o)p(n[o],a,e,t)}function E(e){var t=e.data,n,o;if(d(t))for(d(n=t.hook)&&d(n=n.destroy)&&n(e),n=0;n<T.destroy.length;++n)T.destroy[n](e);if(d(n=e.children))for(o=0;o<e.children.length;++o)E(e.children[o])}function O(e,t,n,o){for(;n<=o;++n){var a=t[n];d(a)&&(d(a.tag)?(x(a),E(a)):r(a.elm))}}function x(e,t){if(d(t)||d(e.data)){var n=T.remove.length+1,a;for(d(t)?t.listeners+=n:t=o(e.elm,n),d(a=e.componentInstance)&&d(a=a._vnode)&&d(a.data)&&x(a,t),a=0;a<T.remove.length;++a)T.remove[a](e,t);d(a=e.data.hook)&&d(a=a.remove)?a(e,t):t()}else r(e.elm)}function N(e,t,o,r,a){var i=0,l=0,c=t.length-1,u=t[0],y=t[c],m=o.length-1,f=o[0],_=o[m],h=!a,g,v,b,E;for('production'!==n.env.NODE_ENV&&C(o);i<=c&&l<=m;)s(u)?u=t[++i]:s(y)?y=t[--c]:an(u,f)?(P(u,f,r),u=t[++i],f=o[++l]):an(y,_)?(P(y,_,r),y=t[--c],_=o[--m]):an(u,_)?(P(u,_,r),h&&I.insertBefore(e,u.elm,I.nextSibling(y.elm)),u=t[++i],_=o[--m]):an(y,f)?(P(y,f,r),h&&I.insertBefore(e,y.elm,u.elm),y=t[--c],f=o[++l]):(s(g)&&(g=dn(t,i,c)),v=d(f.key)?g[f.key]:w(f,t,i,c),s(v)?p(f,r,e,u.elm):(b=t[v],an(b,f)?(P(b,f,r),t[v]=void 0,h&&I.insertBefore(e,b.elm,u.elm)):p(f,r,e,u.elm)),f=o[++l]);i>c?(E=s(o[m+1])?null:o[m+1].elm,k(e,E,o,l,m,r)):l>m&&O(e,t,i,c)}function C(e){for(var t={},n=0;n<e.length;n++){var o=e[n],r=o.key;d(r)&&(t[r]?Bo('Duplicate keys detected: \''+r+'\'. This may cause an update error.',o.context):t[r]=!0)}}function w(e,t,n,o){for(var r=n,a;r<o;r++)if(a=t[r],d(a)&&an(e,a))return r}function P(e,t,n,o){if(e!==t){var r=t.elm=e.elm;if(u(e.isAsyncPlaceholder))return void(d(t.asyncFactory.resolved)?A(e.elm,t,n):t.isAsyncPlaceholder=!0);if(u(t.isStatic)&&u(e.isStatic)&&t.key===e.key&&(u(t.isCloned)||u(t.isOnce)))return void(t.componentInstance=e.componentInstance);var a=t.data,p;d(a)&&d(p=a.hook)&&d(p=p.prepatch)&&p(e,t);var i=e.children,l=t.children;if(d(a)&&h(t)){for(p=0;p<T.update.length;++p)T.update[p](e,t);d(p=a.hook)&&d(p=p.update)&&p(e,t)}s(t.text)?d(i)&&d(l)?i!==l&&N(r,i,l,n,o):d(l)?(d(e.text)&&I.setTextContent(r,''),k(r,null,l,0,l.length-1,n)):d(i)?O(r,i,0,i.length-1):d(e.text)&&I.setTextContent(r,''):e.text!==t.text&&I.setTextContent(r,t.text),d(a)&&d(p=a.hook)&&d(p=p.postpatch)&&p(e,t)}}function $(e,t,n){if(u(n)&&d(e.parent))e.parent.data.pendingInsert=t;else for(var o=0;o<t.length;++o)t[o].data.hook.insert(t[o])}function A(e,t,o,r){var a=t.tag,s=t.data,p=t.children,l;if(r=r||s&&s.pre,t.elm=e,u(t.isComment)&&d(t.asyncFactory))return t.isAsyncPlaceholder=!0,!0;if('production'!==n.env.NODE_ENV&&!D(e,t,r))return!1;if(d(s)&&(d(l=s.hook)&&d(l=l.init)&&l(t,!0),d(l=t.componentInstance)))return y(t,o),!0;if(d(a)){if(d(p))if(!e.hasChildNodes())_(t,p,o);else if(!(d(l=s)&&d(l=l.domProps)&&d(l=l.innerHTML))){for(var i=!0,c=e.firstChild,m=0;m<p.length;m++){if(!c||!A(c,p[m],o,r)){i=!1;break}c=c.nextSibling}if(!i||c)return'production'===n.env.NODE_ENV||'undefined'==typeof console||j||(j=!0,console.warn('Parent: ',e),console.warn('Mismatching childNodes vs. VNodes: ',e.childNodes,p)),!1}else if(l!==e.innerHTML)return'production'===n.env.NODE_ENV||'undefined'==typeof console||j||(j=!0,console.warn('Parent: ',e),console.warn('server innerHTML: ',l),console.warn('client innerHTML: ',e.innerHTML)),!1;if(d(s)){var f=!1;for(var h in s)if(!R(h)){f=!0,v(t,o);break}!f&&s['class']&&_e(s['class'])}}else e.data!==t.text&&(e.data=t.text);return!0}function D(e,t,n){return d(t.tag)?0===t.tag.indexOf('vue-component')||!a(t,n)&&t.tag.toLowerCase()===(e.tagName&&e.tagName.toLowerCase()):e.nodeType===(t.isComment?8:3)}var T={},S=e.modules,I=e.nodeOps,V,M;for(V=0;V<ga.length;++V)for(T[ga[V]]=[],M=0;M<S.length;++M)d(S[M][ga[V]])&&T[ga[V]].push(S[M][ga[V]]);var L=0,j=!1,R=g('attrs,class,staticClass,staticStyle,key');return function(e,o,r,a,l,c){if(s(o))return void(d(e)&&E(e));var y=!1,m=[];if(s(e))y=!0,p(o,m,l,c);else{var f=d(e.nodeType);if(!f&&an(e,o))P(e,o,m,a);else{if(f){if(1===e.nodeType&&e.hasAttribute(Eo)&&(e.removeAttribute(Eo),r=!0),u(r)){if(A(e,o,m))return $(o,m,!0),e;'production'!==n.env.NODE_ENV&&Bo('The client-side rendered virtual DOM tree is not matching server-rendered content. This is likely caused by incorrect HTML markup, for example nesting block-level elements inside <p>, or missing <tbody>. Bailing hydration and performing full client-side render.')}e=t(e)}var _=e.elm,g=I.parentNode(_);if(p(o,m,_._leaveCb?null:g,I.nextSibling(_)),d(o.parent))for(var v=o.parent,b=h(o);v;){for(var k=0;k<T.destroy.length;++k)T.destroy[k](v);if(v.elm=o.elm,b){for(var i=0;i<T.create.length;++i)T.create[i](ha,v);var x=v.data.hook.insert;if(x.merged)for(var N=1;N<x.fns.length;N++)x.fns[N]()}else rn(v);v=v.parent}d(g)?O(g,[e],0,0):d(e.tag)&&E(e)}}return $(o,m,y),o.elm}}({nodeOps:_a,modules:za});So&&document.addEventListener('selectionchange',function(){var e=document.activeElement;e&&e.vmodel&&Qn(e,'input')});var Ua={inserted:function(e,t,n,o){'select'===n.tag?(o.elm&&!o.elm._vOptions?be(n,'postpatch',function(){Ua.componentUpdated(e,t,n)}):Bn(e,t,n.context),e._vOptions=[].map.call(e.options,qn)):('textarea'===n.tag||fa(e.type))&&(e._vModifiers=t.modifiers,!t.modifiers.lazy&&(e.addEventListener('change',Xn),!Vo&&(e.addEventListener('compositionstart',Jn),e.addEventListener('compositionend',Xn)),So&&(e.vmodel=!0)))},componentUpdated:function(e,t,n){if('select'===n.tag){Bn(e,t,n.context);var r=e._vOptions,o=e._vOptions=[].map.call(e.options,qn);if(o.some(function(e,t){return!w(e,r[t])})){var a=e.multiple?t.value.some(function(e){return Wn(e,o)}):t.value!==t.oldValue&&Wn(t.value,o);a&&Qn(e,'change')}}}},Ka={name:String,appear:Boolean,css:Boolean,mode:String,type:String,enterClass:String,leaveClass:String,enterToClass:String,leaveToClass:String,enterActiveClass:String,leaveActiveClass:String,appearClass:String,appearActiveClass:String,appearToClass:String,duration:[Number,String,Object]},Ya=x({tag:String,moveClass:String},Ka);delete Ya.mode;Rt.config.mustUseProp=function(e,t,n){return'value'===n&&oa(e)&&'button'!==t||'selected'===n&&'option'===e||'checked'===n&&'input'===e||'muted'===n&&'video'===e},Rt.config.isReservedTag=ya,Rt.config.isReservedAttr=na,Rt.config.getTagNamespace=function(e){return ua(e)?'svg':'math'===e?'math':void 0},Rt.config.isUnknownElement=function(e){if(!Po)return!0;if(ya(e))return!1;if(e=e.toLowerCase(),null!=ma[e])return ma[e];var t=document.createElement(e);return-1<e.indexOf('-')?ma[e]=t.constructor===window.HTMLUnknownElement||t.constructor===window.HTMLElement:ma[e]=/HTMLUnknownElement/.test(t.toString())},x(Rt.options.directives,{model:Ua,show:{bind:function(e,t,n){var o=t.value;n=Zn(n);var r=n.data&&n.data.transition,a=e.__vOriginalDisplay='none'===e.style.display?'':e.style.display;o&&r?(n.data.show=!0,Fn(n,function(){e.style.display=a})):e.style.display=o?a:'none'},update:function(e,t,n){var o=t.value,r=t.oldValue;if(o!==r){n=Zn(n);var a=n.data&&n.data.transition;a?(n.data.show=!0,o?Fn(n,function(){e.style.display=e.__vOriginalDisplay}):zn(n,function(){e.style.display='none'})):e.style.display=o?e.__vOriginalDisplay:'none'}},unbind:function(e,t,n,o,r){r||(e.style.display=e.__vOriginalDisplay)}}}),x(Rt.options.components,{Transition:{name:'transition',props:Ka,abstract:!0,render:function(e){var t=this,o=this.$slots.default;if(o&&(o=o.filter(function(e){return e.tag||Ae(e)}),!!o.length)){'production'!==n.env.NODE_ENV&&1<o.length&&Bo('<transition> can only be used on a single element. Use <transition-group> for lists.',this.$parent);var r=this.mode;'production'!==n.env.NODE_ENV&&r&&'in-out'!==r&&'out-in'!==r&&Bo('invalid <transition> mode: '+r,this.$parent);var a=o[0];if(ro(this.$vnode))return a;var i=eo(a);if(!i)return a;if(this._leaving)return oo(e,a);var s='__transition-'+this._uid+'-';i.key=null==i.key?i.isComment?s+'comment':s+i.tag:l(i.key)?0===(i.key+'').indexOf(s)?i.key:s+i.key:i.key;var d=(i.data||(i.data={})).transition=to(this),p=this._vnode,c=eo(p);if(i.data.directives&&i.data.directives.some(function(e){return'show'===e.name})&&(i.data.show=!0),c&&c.data&&!ao(i,c)&&!Ae(c)&&!(c.componentInstance&&c.componentInstance._vnode.isComment)){var u=c.data.transition=x({},d);if('out-in'===r)return this._leaving=!0,be(u,'afterLeave',function(){t._leaving=!1,t.$forceUpdate()}),oo(e,a);if('in-out'===r){if(Ae(i))return p;var y=function(){m()},m;be(d,'afterEnter',y),be(d,'enterCancelled',y),be(u,'delayLeave',function(e){m=e})}}return a}}},TransitionGroup:{props:Ya,render:function(e){for(var t=this.tag||this.$vnode.data.tag||'span',o=Object.create(null),r=this.prevChildren=this.children,a=this.$slots.default||[],s=this.children=[],d=to(this),p=0,i;p<a.length;p++)if(i=a[p],i.tag)if(null!=i.key&&0!==(i.key+'').indexOf('__vlist'))s.push(i),o[i.key]=i,(i.data||(i.data={})).transition=d;else if('production'!==n.env.NODE_ENV){var l=i.componentOptions,c=l?l.Ctor.options.name||l.tag||'':i.tag;Bo('<transition-group> children must be keyed: <'+c+'>')}if(r){for(var u=[],y=[],m=0,f;m<r.length;m++)f=r[m],f.data.transition=d,f.data.pos=f.elm.getBoundingClientRect(),o[f.key]?u.push(f):y.push(f);this.kept=e(t,null,u),this.removed=y}return e(t,null,s)},beforeUpdate:function(){this.__patch__(this._vnode,this.kept,!1,!0),this._vnode=this.kept},updated:function(){var e=this.prevChildren,t=this.moveClass||(this.name||'v')+'-move';e.length&&this.hasMove(e[0].elm,t)&&(e.forEach(io),e.forEach(so),e.forEach(po),this._reflow=document.body.offsetHeight,e.forEach(function(e){if(e.data.moved){var n=e.elm,o=n.style;In(n,t),o.transform=o.WebkitTransform=o.transitionDuration='',n.addEventListener(Sa,n._moveCb=function o(r){(!r||/transform$/.test(r.propertyName))&&(n.removeEventListener(Sa,o),n._moveCb=null,Vn(n,t))})}}))},methods:{hasMove:function(e,t){if(!$a)return!1;if(this._hasMove)return this._hasMove;var n=e.cloneNode();e._transitionClasses&&e._transitionClasses.forEach(function(e){Dn(n,e)}),An(n,t),n.style.display='none',this.$el.appendChild(n);var o=Ln(n);return this.$el.removeChild(n),this._hasMove=o.hasTransform}}}}),Rt.prototype.__patch__=Po?Ha:C,Rt.prototype.$mount=function(e,t){return e=e&&Po?on(e):void 0,Fe(this,e,t)},Rt.nextTick(function(){No.devtools&&(Ho?Ho.emit('init',Rt):'production'!==n.env.NODE_ENV&&Lo&&console[console.info?'info':'log']('Download the Vue Devtools extension for a better development experience:\nhttps://github.com/vuejs/vue-devtools')),'production'!==n.env.NODE_ENV&&!1!==No.productionTip&&Po&&'undefined'!=typeof console&&console[console.info?'info':'log']('You are running Vue in development mode.\nMake sure to turn on production mode when deploying for production.\nSee more tips at https://vuejs.org/guide/deployment.html')},0),t.a=Rt}).call(t,n(48),n(33),n(113).setImmediate)},function(e,t,n){(function(e){function o(e,t){this._id=e,this._clearFn=t}var r=Function.prototype.apply;t.setTimeout=function(){return new o(r.call(setTimeout,window,arguments),clearTimeout)},t.setInterval=function(){return new o(r.call(setInterval,window,arguments),clearInterval)},t.clearTimeout=t.clearInterval=function(e){e&&e.close()},o.prototype.unref=o.prototype.ref=function(){},o.prototype.close=function(){this._clearFn.call(window,this._id)},t.enroll=function(e,t){clearTimeout(e._idleTimeoutId),e._idleTimeout=t},t.unenroll=function(e){clearTimeout(e._idleTimeoutId),e._idleTimeout=-1},t._unrefActive=t.active=function(e){clearTimeout(e._idleTimeoutId);var t=e._idleTimeout;0<=t&&(e._idleTimeoutId=setTimeout(function(){e._onTimeout&&e._onTimeout()},t))},n(114),t.setImmediate='undefined'!=typeof self&&self.setImmediate||'undefined'!=typeof e&&e.setImmediate||this&&this.setImmediate,t.clearImmediate='undefined'!=typeof self&&self.clearImmediate||'undefined'!=typeof e&&e.clearImmediate||this&&this.clearImmediate}).call(t,n(33))},function(e,t,n){(function(e,t){(function(e){'use strict';function n(e){'function'!=typeof e&&(e=new Function(''+e));for(var t=Array(arguments.length-1),n=0;n<t.length;n++)t[n]=arguments[n+1];var o={callback:e,args:t};return y[u]=o,h(u),u++}function o(e){delete y[e]}function r(e){var t=e.callback,n=e.args;switch(n.length){case 0:t();break;case 1:t(n[0]);break;case 2:t(n[0],n[1]);break;case 3:t(n[0],n[1],n[2]);break;default:t.apply(void 0,n);}}function a(e){if(m)setTimeout(a,0,e);else{var t=y[e];if(t){m=!0;try{r(t)}finally{o(e),m=!1}}}}function i(){h=function(e){t.nextTick(function(){a(e)})}}function s(){if(e.postMessage&&!e.importScripts){var t=!0,n=e.onmessage;return e.onmessage=function(){t=!1},e.postMessage('','*'),e.onmessage=n,t}}function d(){var t='setImmediate$'+Math.random()+'$',n=function(n){n.source===e&&'string'==typeof n.data&&0===n.data.indexOf(t)&&a(+n.data.slice(t.length))};e.addEventListener?e.addEventListener('message',n,!1):e.attachEvent('onmessage',n),h=function(n){e.postMessage(t+n,'*')}}function p(){var e=new MessageChannel;e.port1.onmessage=function(e){var t=e.data;a(t)},h=function(t){e.port2.postMessage(t)}}function l(){var e=f.documentElement;h=function(t){var n=f.createElement('script');n.onreadystatechange=function(){a(t),n.onreadystatechange=null,e.removeChild(n),n=null},e.appendChild(n)}}function c(){h=function(e){setTimeout(a,0,e)}}if(!e.setImmediate){var u=1,y={},m=!1,f=e.document,_=Object.getPrototypeOf&&Object.getPrototypeOf(e),h;_=_&&_.setTimeout?_:e,'[object process]'==={}.toString.call(e.process)?i():s()?d():e.MessageChannel?p():f&&'onreadystatechange'in f.createElement('script')?l():c(),_.setImmediate=n,_.clearImmediate=o}})('undefined'==typeof self?'undefined'==typeof e?this:e:self)}).call(t,n(33),n(48))},function(e,t,n){'use strict';var o=n(116),r=n(117),a=n(118),i=n(49),s=n(50),d=n(51),p=n(52),l=n(119),c=n(53);n.d(t,'b',function(){return c.a});var u=n(54);n.d(t,'a',function(){return u.a}),n.d(t,'d',function(){return u.b});var y=n(55);n.d(t,'c',function(){return y.a})},function(e,t,n){'use strict';var o=n(49)},function(){'use strict';var e=Object.assign||function(e){for(var t=1,n;t<arguments.length;t++)for(var o in n=arguments[t],n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o]);return e}},function(){'use strict'},function(e,t,n){'use strict';var o=n(51),r=n(52),a=n(53),i=n(54),s=n(55)},function(e,t,n){'use strict';function o(e,t){var n=t.attribute,o='object'===('undefined'==typeof n?'undefined':i(n))?a({},n):{source:n,target:n};return!0===o.source&&(o.source=Object(r.a)(e)),!0===o.target&&(o.target=Object(r.a)(e)),o}t.a=function(e,t){var n=t.coerce,r=t.default,a=t.deserialize,i=t.serialize;return{attribute:o(e,t),coerce:n||function(e){return e},default:r,deserialize:a||function(e){return e},serialize:i||function(e){return e}}},t.b=function(e,t,n){if(!e._syncingPropertyToAttribute){var o=e.constructor._propsNormalised;for(var r in o){var a=o[r],i=a.attribute.source,s=a.deserialize;i===t&&(e._syncingAttributeToProperty=r,e[r]=null==n?n:s(n),e._syncingAttributeToProperty=null)}}},t.c=function(e,t,n,o){if(t&&e._syncingAttributeToProperty!==t){var r=n(o);e._syncingPropertyToAttribute=!0,null==r?e.removeAttribute(t):e.setAttribute(t,r),e._syncingPropertyToAttribute=!1}};var r=n(34),a=Object.assign||function(e){for(var t=1,n;t<arguments.length;t++)for(var o in n=arguments[t],n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o]);return e},i='function'==typeof Symbol&&'symbol'==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&'function'==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?'symbol':typeof e}}]);


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "vue-web-component",
 3 |   "version": "1.2.0",
 4 |   "description": "Generate custom elements from Vue components.",
 5 |   "main": "index.js",
 6 |   "scripts": {
 7 |     "clean": "builder run build:clean",
 8 |     "build": "builder run build:prod",
 9 |     "dev": "builder run build:dev",
10 |     "test": "builder run npm:test",
11 |     "preversion": "builder run npm:preversion",
12 |     "version": "builder run npm:version",
13 |     "postversion": "builder run npm:postversion"
14 |   },
15 |   "repository": {
16 |     "type": "git",
17 |     "url": "git+ssh://git@github.com/trusktr/vue-web-component.git"
18 |   },
19 |   "author": "Joe Pea <joe@trusktr.io>",
20 |   "license": "MIT",
21 |   "bugs": {
22 |     "url": "https://github.com/trusktr/vue-web-component/issues"
23 |   },
24 |   "homepage": "https://github.com/trusktr/vue-web-component#readme",
25 |   "dependencies": {
26 |     "skatejs": "^5.1.1",
27 |     "vue": "^2.5.11"
28 |   },
29 |   "devDependencies": {
30 |     "@skatejs/bore": "^4.0.3",
31 |     "@skatejs/ssr": "^0.19.1",
32 |     "@skatejs/val": "^0.4.0",
33 |     "builder": "^3.2.3",
34 |     "builder-js-package": "trusktr/builder-js-package"
35 |   }
36 | }
37 | 


--------------------------------------------------------------------------------
/src/index.js:
--------------------------------------------------------------------------------
  1 | import Vue from 'vue'
  2 | import { withLifecycle, withUpdate, withRenderer, props as skatePropTypes } from 'skatejs'
  3 | 
  4 | // create a Custom Element class from a Vue component
  5 | export default
  6 | function VueWebComponent( vueComponent, ElementClass ) {
  7 |     ElementClass = ElementClass || class extends HTMLElement {}
  8 | 
  9 |     // NOTE! This mutates the given component spec, see
 10 |     // https://github.com/vuejs/vue/issues/7494. We do this up front (instead of
 11 |     // lazily in the element's renderer callback) so that when we're ready to
 12 |     // work with the spec it has already been mutated and there won't be any
 13 |     // surprises (or uglier code that conditionally checks for both forms of the
 14 |     // spec).
 15 |     const Component = Vue.extend( vueComponent )
 16 | 
 17 |     // map from Vue prop types to SkateJS prop types
 18 |     const vuePropTypes = makeVuePropTypes( vueComponent.props )
 19 | 
 20 |     // contains scope ID of this element's Vue component as well as sub component
 21 |     // IDs
 22 |     const scopeIds = getAllScopeIds( vueComponent )
 23 | 
 24 |     // this will contain all CSS rules for this element's Vue component and
 25 |     // sub-components
 26 |     let matchingRules = null
 27 | 
 28 |     return class VueWebComponent extends withUpdate( withRenderer( ElementClass ) ) {
 29 | 
 30 |         constructor(...args) {
 31 |             super(...args)
 32 | 
 33 |             console.log(' --- VueWebComponent.constructor')
 34 | 
 35 |             this.vue_instance = new Component
 36 |             this.vue_instancePromise = null
 37 |             this.vue_mounted = false
 38 |         }
 39 | 
 40 |         /**
 41 |          * Define a renderer that mounts a Vue component in this element's shadow
 42 |          * root.
 43 |          */
 44 |         renderer( root, render ) {
 45 |             console.log(' --- VueWebComponent.renderer')
 46 |             if ( this.vue_mounted ) return
 47 | 
 48 |             // mount the component
 49 |             this.vue_mountComponent( root )
 50 | 
 51 |             // bring in the global styling
 52 |             requestAnimationFrame(() => this.vue_applyStyle( root ))
 53 |         }
 54 | 
 55 |         /**
 56 |          * mount a Vue `component` inside the given `container`. This is analgous
 57 |          * to ReactDOM.render.
 58 |          */
 59 |         vue_mountComponent( container ) {
 60 |             console.log(' --- VueWebComponent.vue_mountComponent')
 61 | 
 62 |             // `tmp` will get replaced by the DOM generated from the component
 63 |             const tmp = document.createElement( 'tmp' )
 64 |             tmp.style.display = 'none'
 65 |             container.appendChild( tmp )
 66 | 
 67 |             this.vue_instance.$mount( tmp )
 68 | 
 69 |             this.vue_mounted = true
 70 |         }
 71 | 
 72 |         /**
 73 |          * finds the global style that contains this element's Vue instance's style
 74 |          * and style of its sub-components and copies the styles into this
 75 |          * element's shadow root, otherwise the global style will not penetrate
 76 |          * into the shadow root.
 77 |          */
 78 |         vue_applyStyle( root ) {
 79 |             console.log(' --- VueWebComponent.vue_applyStyle')
 80 | 
 81 |             // if no components have scoped style
 82 |             if (! scopeIds.length ) return
 83 | 
 84 |             const newStyle = document.createElement( 'style' )
 85 | 
 86 |             // WebKit hack, requires appending a text node
 87 |             newStyle.appendChild(document.createTextNode('/* Vue styles are inside this element\'s CSSStyleSheet */'))
 88 | 
 89 |             // newStyle.sheet won't exist unless the element is first appended
 90 |             root.appendChild( newStyle )
 91 |             const newSheet = newStyle.sheet
 92 |             const newRules = newSheet.cssRules || newSheet.rules
 93 | 
 94 |             // we have to initialize this here (not outside the class) because global
 95 |             // styles are added to DOM after the first Vue instance is created
 96 |             if (! matchingRules ) matchingRules = getMatchingCSSRules( scopeIds )
 97 | 
 98 |             for ( const rule of matchingRules )
 99 |                 newSheet.insertRule(rule.cssText, newRules.length)
100 | 
101 |             // TODO: make sure this works with conditional content. Maybe
102 |             // conditional content that isn't rendered yet doesn't have it's
103 |             // styles inserted into DOM???
104 | 
105 |         }
106 | 
107 |         static get props() { return vuePropTypes }
108 | 
109 |         updated( prevProps, prevState ) {
110 |             console.log(' --- VueWebComponent.updated')
111 |             super.updated( prevProps, prevState )
112 | 
113 |             // pass this.props as first arg, whose keys are iterated on in
114 |             // forChangedProps, otherwise nothing happens the first time
115 |             // because prevProps is empty at first.
116 |             forChangedProps( this.props, prevProps, ( name, oldVal ) => {
117 |                 // pass the value along
118 |                 this.vue_instance[ name ] = this[ name ]
119 |             })
120 |         }
121 | 
122 |     }
123 | 
124 | }
125 | 
126 | // a hack class used so we don't conflict with Vue's builtin <slot> component. Is there a better way?
127 | class RealSlot extends withLifecycle( withUpdate( HTMLElement ) ) {
128 |     constructor(...args) {
129 |         super(...args)
130 |         this.style.display = 'contents'
131 |     }
132 | 
133 |     connected() {
134 |         if (this.actualSlot) return
135 |         this.actualSlot = document.createElement('slot')
136 |         this.appendChild(this.actualSlot)
137 |     }
138 | 
139 |     static get props() {
140 |         return {
141 |             name: Object.assign({}, skatePropTypes.string, {attribute: true} )
142 |         }
143 |     }
144 | 
145 |     updated(prevProps) {
146 |         if ( this.name && this.name !== prevProps.name )
147 |             this.actualSlot.setAttribute('name', this.name)
148 |     }
149 | }
150 | customElements.define('real-slot', RealSlot)
151 | 
152 | function makeVuePropTypes( vueProps ) {
153 |     console.log(' --- makeVuePropTypes')
154 |     if (! vueProps ) return {}
155 | 
156 |     const result = {}
157 | 
158 |     const warn = () => console.warn('vue-web-component: The Vue component that you converted into a custom element will receive only string values from the "'+key+'" attribute. If you\'d like string values from attributes coerced into a certain type, define that type in your Vue component. For example: props: { "'+key+'": Number }')
159 | 
160 |     function getDefault( vueProp ) {
161 |         // TODO: calling the default value factory and using that single value
162 |         // causes all instanced of the element to use the same cached value for
163 |         // Objects and Arrays. How to fix?
164 |         if (typeof vueProp.default == 'function')
165 |             return Object.freeze(vueProp.default())
166 |         else
167 |             return vueProp.default
168 |     }
169 | 
170 |     for ( const key in vueProps ) {
171 |         const prop = vueProps[ key ]
172 |         const defaultVal = getDefault(prop)
173 | 
174 |         if ( prop.type === null ) {
175 |             result[ key ] = skatePropTypes.any
176 |             warn()
177 |             console.warn('vue-web-component: You did not specify a prop type for the attribute mentioned in the previous warning. Any values for this attribute will be passed as a string value to the Vue component.')
178 |         }
179 |         else if ( prop.type === Number )
180 |             result[ key ] = Object.assign({}, skatePropTypes.number, {default:defaultVal})
181 |         else if ( prop.type === String )
182 |             result[ key ] = Object.assign({}, skatePropTypes.string, {default:defaultVal})
183 |         else if ( prop.type === Boolean )
184 |             result[ key ] = Object.assign({}, skatePropTypes.boolean, {default:defaultVal})
185 |         else if ( prop.type === Object )
186 |             result[ key ] = Object.assign({}, skatePropTypes.object, {default:defaultVal})
187 |         else if ( prop.type === Array )
188 |             result[ key ] = Object.assign({}, skatePropTypes.array, {default:defaultVal})
189 |         else {
190 |             result[ key ] = skatePropTypes.any
191 |             warn()
192 |             console.warn('vue-web-component: You specified a type in your Vue component that is currently is not supported by vue-web-component. Any values for the attribute mentioned in the previous warning will be passed as string value to the Vue component.')
193 |         }
194 | 
195 |     }
196 | 
197 |     return result
198 | 
199 | }
200 | 
201 | function getAllScopeIds( vueComponent ) {
202 |     console.log(' --- getAllScopeIds')
203 | 
204 |     const result = []
205 | 
206 |     ~function _getAllScopeIds( vueComponent ) {
207 | 
208 |         if ( vueComponent._scopeId ) result.push( vueComponent._scopeId )
209 | 
210 |         for ( const subComponent in vueComponent.components )
211 |             _getAllScopeIds( vueComponent.components[ subComponent ] )
212 | 
213 |     }( vueComponent )
214 | 
215 |     return result
216 | 
217 | }
218 | 
219 | function getMatchingCSSRules( scopeIds ) {
220 |     console.log(' --- getMatchingCSSRules')
221 |     const sheets = document.styleSheets
222 | 
223 |     const result = []
224 | 
225 |     Array.prototype.forEach.call( sheets, sheet => {
226 |         const rules = sheet.cssRules || sheet.rules
227 | 
228 |         Array.prototype.forEach.call( rules, rule => {
229 | 
230 |             if ( scopeIds.some( id => rule.selectorText.indexOf( id ) > -1 ) ) {
231 |                 result.push( rule )
232 |             }
233 | 
234 |         })
235 | 
236 |     })
237 | 
238 |     return result
239 | }
240 | 
241 | function forChangedProps(oldProps, newProps, action) {
242 |     console.log(' --- forChangedProps')
243 |     for ( const oldKey in oldProps )
244 |         if ( oldProps[ oldKey ] !== newProps[ oldKey ] )
245 |             action( oldKey, oldProps[ oldKey ] )
246 | }
247 | 
248 | // IMPORTANT! keep this line as the last line, it is auto-generated from package.json version.
249 | export const version = '1.2.0'
250 | 


--------------------------------------------------------------------------------
/src/test.js:
--------------------------------------------------------------------------------
 1 | import { mount } from '@skatejs/bore'
 2 | import { h } from '@skatejs/val'
 3 | import VueWebComponent from '.'
 4 | 
 5 | const template = h('div', {}, '{{msg}} {{name}}!')
 6 | 
 7 | const TestVue = {
 8 |     template,
 9 |     props: {
10 |         name: {
11 |             type: String,
12 |             default: 'World',
13 |         },
14 |     },
15 |     data: () => (console.log('SET UP THE DATA'), {
16 |         msg: 'Hello'
17 |     }),
18 | }
19 | 
20 | const TestElement = VueWebComponent( TestVue )
21 | customElements.define('test-element', TestElement)
22 | 
23 | test('VueWebComponent props', done => {
24 |     const el = document.createElement('test-element')
25 | 
26 |     setTimeout(() => {
27 |         console.log('TestElement content:', el.outerHTML)
28 |         expect( el.nodeName.toLowerCase() ).toBe( 'test-element' )
29 |         done()
30 |     }, 1000)
31 | })
32 | 


--------------------------------------------------------------------------------