├── .gitignore
├── release-minor.bat
├── release-patch.bat
├── .editorconfig
├── src
    ├── index.js
    ├── constants
    │   └── index.js
    ├── components
    │   ├── GridRowHandle.vue
    │   ├── GridCell.vue
    │   ├── GridHeaderCell.vue
    │   ├── GridHeader.vue
    │   ├── GridHeaderRowHandle.vue
    │   ├── GridRow.vue
    │   └── Grid.vue
    └── data
    │   └── simple.js
├── .babelrc
├── docs-src
    ├── GridEvents.vue
    ├── index.js
    ├── router.js
    ├── GridOptions.vue
    ├── GridMetricsValue.vue
    ├── GridInteractions.vue
    ├── Sidebar.vue
    ├── App.vue
    └── GridMetrics.vue
├── docs
    ├── docs.bundle.css
    └── index.html
├── dist
    ├── vue-grid.css
    └── vue-grid.min.js
├── LICENSE
├── README.md
└── package.json


/.gitignore:
--------------------------------------------------------------------------------
1 | .DS_Store
2 | node_modules/
3 | npm-debug.log
4 | 


--------------------------------------------------------------------------------
/release-minor.bat:
--------------------------------------------------------------------------------
1 | call npm version minor
2 | call yarn
3 | call yarn run build
4 | call git add package.json
5 | echo **** Don't forget to update the `gh-pages` branch and run `npm publish` ****
6 | 


--------------------------------------------------------------------------------
/release-patch.bat:
--------------------------------------------------------------------------------
1 | call npm version patch
2 | call yarn
3 | call yarn run build
4 | call git add package.json
5 | echo **** Don't forget to update the `gh-pages` branch and run `npm publish` ****
6 | 


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


--------------------------------------------------------------------------------
/src/index.js:
--------------------------------------------------------------------------------
 1 | import VueGrid from './components/Grid.vue'
 2 | 
 3 | // expose component to global scope
 4 | if (typeof window !== 'undefined' && window.Vue) {
 5 |   Vue.component('vue-grid', VueGrid)
 6 | }
 7 | 
 8 | export { VueGrid }
 9 | 
10 | export default VueGrid
11 | 


--------------------------------------------------------------------------------
/.babelrc:
--------------------------------------------------------------------------------
 1 | {
 2 |   "presets": [
 3 |     ["es2015", "stage-2"]
 4 |   ],
 5 |   "plugins": [
 6 |     "lodash",
 7 |     "transform-es2015-destructuring",
 8 |     "transform-es2015-parameters",
 9 |     "transform-object-rest-spread"
10 |   ],
11 |   "comments": false
12 | }
13 | 


--------------------------------------------------------------------------------
/docs-src/GridEvents.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div>
 3 |     <div class="f6 b pv2 ph2 ttu mid-gray bg-near-white bt bb b--black-10" style="font-size: 11px">Events</div>
 4 |     <table class="w-100 pv1 ph2 f6 dark-gray h3">
 5 |     </table>
 6 |   </div>
 7 | </template>
 8 | 
 9 | <script>
10 |   export default {
11 |   }
12 | </script>
13 | 


--------------------------------------------------------------------------------
/docs-src/index.js:
--------------------------------------------------------------------------------
 1 | import Vue from 'vue'
 2 | import App from './App.vue'
 3 | import router from './router'
 4 | 
 5 | const app = new Vue({
 6 |   el: '#app',
 7 |   // provide the router using the 'router' option.
 8 |   // this will inject the router to make the whole app router-aware.
 9 |   router,
10 |   render: h => h(App)
11 | })
12 | 


--------------------------------------------------------------------------------
/docs-src/router.js:
--------------------------------------------------------------------------------
 1 | import Vue from 'vue'
 2 | import VueRouter from 'vue-router'
 3 | import GridInteractions from './GridInteractions.vue'
 4 | 
 5 | // use VueRouter for handling browser history
 6 | Vue.use(VueRouter)
 7 | 
 8 | const routes = [
 9 |   { path: '*', redirect: '/interactions' }, // catch all route to redirect 404s
10 |   { path: '/', redirect: '/interactions' },
11 |   { path: '/interactions', component: GridInteractions }
12 | ]
13 | 
14 | export default new VueRouter({
15 |   //mode: 'history', // use HTML5 history
16 |   base: '/vue-grid/', // serve app from /vue-grid base folder
17 |   routes
18 | })
19 | 


--------------------------------------------------------------------------------
/src/constants/index.js:
--------------------------------------------------------------------------------
 1 | const DEFAULT_START = 0
 2 | const DEFAULT_LIMIT = 50
 3 | const DEFAULT_ROW_HEIGHT = 23
 4 | const DEFAULT_ROW_HANDLE_WIDTH = 70
 5 | const ROW_HANDLE_MIN_WIDTH = 30
 6 | const ROW_HANDLE_MAX_WIDTH = 200
 7 | const DEFAULT_COLUMN_WIDTH = 130
 8 | const COLUMN_MIN_WIDTH = 30
 9 | const COLUMN_MAX_WIDTH = 1200
10 | const COLUMN_RESIZE_HANDLE_WIDTH = 4
11 | 
12 | export {
13 |   DEFAULT_START,
14 |   DEFAULT_LIMIT,
15 |   DEFAULT_ROW_HEIGHT,
16 |   DEFAULT_ROW_HANDLE_WIDTH,
17 |   ROW_HANDLE_MIN_WIDTH,
18 |   ROW_HANDLE_MAX_WIDTH,
19 |   DEFAULT_COLUMN_WIDTH,
20 |   COLUMN_MIN_WIDTH,
21 |   COLUMN_MAX_WIDTH,
22 |   COLUMN_RESIZE_HANDLE_WIDTH
23 | }
24 | 


--------------------------------------------------------------------------------
/docs/docs.bundle.css:
--------------------------------------------------------------------------------
1 | body,html{font-family:Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:100%}html{height:100%}body{min-height:100%;overflow:hidden}.router-link,.sidebar-link{color:#555}.router-link-active,.router-link:hover,.sidebar-link:hover{background-color:rgba(0,0,0,.05)}.router-link-active{color:#357edd}.vg-container{font-family:Arial,sans-serif;font-size:13px;color:#333}.vg-thead{box-shadow:inset 0 -1px 0 #ddd}.vg-td,.vg-th{margin-top:-1px;margin-left:-1px;padding-top:1px;border-color:#ddd}.vg-td-inner,.vg-th-inner{padding:4px 5px}.flex-fill{-ms-flex:1 1;flex:1 1;min-width:0;min-height:0}.b--light-moon-gray{border-color:#ddd}.lh-1{line-height:1}.cursor-resize-ew{cursor:ew-resize}


--------------------------------------------------------------------------------
/dist/vue-grid.css:
--------------------------------------------------------------------------------
 1 | /*!
 2 |  * vue-grid v0.2.8 (https://github.com/dzwillia/vue-grid)
 3 |  * (c) 2017 David Z. Williams
 4 |  * Released under the MIT License.
 5 |  */
 6 | 
 7 | .vg-container {
 8 |   font-family: Arial, sans-serif;
 9 |   font-size: 13px;
10 |   color: #333;
11 | }
12 | .vg-thead {
13 |   box-shadow: inset 0 -1px 0 #ddd;
14 | }
15 | .vg-th,
16 | .vg-td {
17 |   margin-top: -1px;
18 |   margin-left: -1px;
19 |   padding-top: 1px;
20 |   border-color: #ddd;
21 | }
22 | .vg-th-inner,
23 | .vg-td-inner {
24 |   padding: 4px 5px 4px;
25 | }
26 | 
27 | /* misc */
28 | .flex-fill {
29 |   -ms-flex: 1 1;
30 |       flex: 1 1;
31 |   min-width: 0;
32 |   /* 1 */
33 |   min-height: 0;
34 |   /* 1 */
35 | }
36 | .b--light-moon-gray {
37 |   border-color: #ddd;
38 | }
39 | .lh-1 {
40 |   line-height: 1;
41 | }
42 | .cursor-resize-ew {
43 |   cursor: ew-resize;
44 | }
45 | 


--------------------------------------------------------------------------------
/docs-src/GridOptions.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div>
 3 |     <div class="f6 b pv2 ph2 ttu mid-gray bg-near-white bt bb b--black-10" style="font-size: 11px">Options</div>
 4 |     <table class="w-100 pv1 ph2 f6 dark-gray">
 5 |       <tr>
 6 |         <td class="pv1 pr2">
 7 |           <label ref="live-scroll-checkbox" option-name="live_scroll" @click="toggleLiveScroll">
 8 |               <input type="checkbox" :value="liveScroll"> Live scroll
 9 |           </label>
10 |         </td>
11 |       </tr>
12 |     </table>
13 |   </div>
14 | </template>
15 | 
16 | <script>
17 |   export default {
18 |     props: {
19 |       'live-scroll': {
20 |         type: Boolean,
21 |         default: false
22 |       }
23 |     },
24 |     methods: {
25 |       toggleLiveScroll() {
26 |         var option_name = this.$refs['live-scroll-checkbox'].getAttribute('option-name')
27 |         this.$emit('option-change', option_name, !this.liveScroll)
28 |       }
29 |     }
30 |   }
31 | </script>
32 | 


--------------------------------------------------------------------------------
/docs-src/GridMetricsValue.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <span class="vg-metric-value" :class="cls">{{val}}</span>
 3 | </template>
 4 | 
 5 | <script>
 6 |   import _ from 'lodash'
 7 | 
 8 |   export default {
 9 |     props: {
10 |       'val': {
11 |         required: true
12 |       }
13 |     },
14 |     watch: {
15 |       val(val, old_val) {
16 |         this.cls = 'vg-metric-value-changed'
17 |         this.resetStyles()
18 |       }
19 |     },
20 |     data() {
21 |       return {
22 |         cls: 'vg-metric-value-static'
23 |       }
24 |     },
25 |     mounted() {
26 |       this.resetStyles = _.debounce(function() {
27 |         this.cls = 'vg-metric-value-static'
28 |       }, 100)
29 |     }
30 |   }
31 | </script>
32 | 
33 | <style>
34 |   .vg-metric-value {
35 |     padding: 0 2px;
36 |   }
37 | 
38 |   .vg-metric-value-static {
39 |     padding: 0 2px;
40 |     background: inherit;
41 |     color: inherit;
42 |     transition: all 0.9s ease-out;
43 |   }
44 | 
45 |   .vg-metric-value-changed {
46 |     background-color: #4488ff;
47 |     color: #fff;
48 |   }
49 | </style>
50 | 


--------------------------------------------------------------------------------
/src/components/GridRowHandle.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div class="absolute nowrap" :style="row_style">
 3 |     <div class="h-100 lh-1 light-silver tr vg-td-inner" :style="inner_row_handle_style">{{rowIndex+1}}</div>
 4 |   </div>
 5 | </template>
 6 | 
 7 | <script>
 8 |   import {
 9 |     DEFAULT_ROW_HEIGHT,
10 |     DEFAULT_ROW_HANDLE_WIDTH
11 |   } from '../constants'
12 | 
13 |   export default {
14 |     props: {
15 |       'row-index': {
16 |         type: Number,
17 |         required: true
18 |       },
19 |       'row-height': {
20 |         type: Number,
21 |         default: DEFAULT_ROW_HEIGHT
22 |       },
23 |       'row-handle-width': {
24 |         type: Number,
25 |         default: DEFAULT_ROW_HEIGHT
26 |       }
27 |     },
28 |     computed: {
29 |       row_style() {
30 |         return {
31 |           'top': (this.rowIndex*this.rowHeight)+'px',
32 |           'height': (this.rowHeight+1)+'px'
33 |         }
34 |       },
35 |       inner_row_handle_style() {
36 |         return {
37 |           'width': this.rowHandleWidth+'px'
38 |         }
39 |       }
40 |     }
41 |   }
42 | </script>
43 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2017 
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/src/components/GridCell.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div>
 3 |     <div class="h-100 lh-1 vg-td-inner" :class="cls" :style="'width: '+width+'px'">
 4 |       <span ref="content">{{value}}</span>
 5 |     </div>
 6 |   </div>
 7 | </template>
 8 | 
 9 | <script>
10 |   import _ from 'lodash'
11 | 
12 |   export default {
13 |     props: {
14 |       'col': {
15 |         type: Object,
16 |         required: true
17 |       },
18 |       'value': {
19 |         required: true
20 |       },
21 |       'width': {
22 |         type: Number,
23 |         required: true
24 |       }
25 |     },
26 |     data() {
27 |       return {
28 |         content_width: 0
29 |       }
30 |     },
31 |     computed: {
32 |       cls() {
33 |         switch (_.get(this.col, 'type', 'text'))
34 |         {
35 |           case 'bool':
36 |           case 'boolean':
37 |           case 'date':
38 |           case 'datetime':
39 |             return 'tc'
40 |           case 'integer':
41 |           case 'float':
42 |           case 'number':
43 |           case 'numeric':
44 |             return 'tr'
45 |         }
46 | 
47 |         return ''
48 |       }
49 |     },
50 |     mounted() {
51 |       var el = this.$refs['content']
52 |       this.content_width = el ? el.offsetWidth : 0
53 |       this.$emit('determine-auto-width', this.col, this.content_width)
54 |     }
55 |   }
56 | </script>
57 | 


--------------------------------------------------------------------------------
/docs/index.html:
--------------------------------------------------------------------------------
 1 | <!doctype html>
 2 | <html lang="en">
 3 |   <head>
 4 |     <meta charset="utf-8">
 5 |     <title>vue-grid - A flexible grid component for Vue.js</title>
 6 |     <meta http-equiv="x-ua-compatible" content="ie=edge">
 7 |     <meta name="viewport" content="width=device-width, initial-scale=1">
 8 | 
 9 |     <meta name="description" content="A flexible grid component for Vue.js">
10 | 
11 |     <meta name="twitter:title" content="dzwillia/vue-grid">
12 |     <meta name="twitter:description" content="A flexible grid component for Vue.js">
13 | 
14 |     <meta property="og:title" content="dzwillia/vue-grid">
15 |     <meta property="og:url" content="https://github.com/dzwillia/vue-grid/">
16 |     <meta property="og:description" content="A flexible grid component for Vue.js">
17 | 
18 |     <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
19 |     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,700">
20 |     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tachyons/4.6.1/tachyons.min.css" integrity="sha256-eu1dpzpUytdOAUmB67Qi3mBb6HFjruP8BoAzk4lKiSc=" crossorigin="anonymous" />
21 |     <link rel="stylesheet" href="docs.bundle.css">
22 |   </head>
23 |   <body>
24 |     <div id="app"></div>
25 |     <script src="docs.bundle.js"></script>
26 |   </body>
27 | </html>
28 | 


--------------------------------------------------------------------------------
/src/components/GridHeaderCell.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div>
 3 |     <!-- cell content -->
 4 |     <div class="h-100 lh-1 vg-th-inner" :style="'width: '+width+'px'">
 5 |       <span ref="content">{{value}}</span>
 6 |     </div>
 7 | 
 8 |     <!-- column resize handle -->
 9 |     <div
10 |       class="absolute top-0 bottom-0 right-0 cursor-resize-ew"
11 |       :style="'width: '+column_resize_handle_width+'px'"
12 |       @mousedown="onColumnResizerMousedown"
13 |     ></div>
14 |   </div>
15 | </template>
16 | 
17 | <script>
18 |   import {
19 |     COLUMN_RESIZE_HANDLE_WIDTH
20 |   } from '../constants'
21 | 
22 |   export default {
23 |     props: {
24 |       'col': {
25 |         type: Object,
26 |         required: true
27 |       },
28 |       'value': {
29 |         required: true
30 |       },
31 |       'width': {
32 |         type: Number,
33 |         required: true
34 |       }
35 |     },
36 |     data() {
37 |       return {
38 |         content_width: 0,
39 |         column_resize_handle_width: COLUMN_RESIZE_HANDLE_WIDTH
40 |       }
41 |     },
42 |     mounted() {
43 |       var el = this.$refs['content']
44 |       this.content_width = el ? el.offsetWidth : 0
45 |       this.$emit('determine-auto-width', this.col, this.content_width)
46 |     },
47 |     methods: {
48 |       onColumnResizerMousedown() {
49 |         this.$emit('column-resizer-mousedown', this.col)
50 |       }
51 |     }
52 |   }
53 | </script>
54 | 


--------------------------------------------------------------------------------
/src/components/GridHeader.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div class="relative nowrap">
 3 |     <grid-header-cell
 4 |       class="dib v-top overflow-hidden ba bg-near-white relative tc vg-th"
 5 |       v-for="(col, index) in columns"
 6 |       :col="col"
 7 |       :value="getColumnName(col)"
 8 |       :width="col.pixel_width || 0"
 9 |       :style="'height: '+(rowHeight+1)+'px'"
10 |       @column-resizer-mousedown="onColumnResizerMousedown"
11 |       @determine-auto-width="onHeaderCellDetermineWidth"
12 |     ></grid-header-cell>
13 |   </div>
14 | </template>
15 | 
16 | <script>
17 |   import {
18 |     DEFAULT_ROW_HEIGHT
19 |   } from '../constants'
20 |   import _ from 'lodash'
21 |   import GridHeaderCell from './GridHeaderCell.vue'
22 | 
23 |   export default {
24 |     props: {
25 |       'row-height': {
26 |         type: Number,
27 |         default: DEFAULT_ROW_HEIGHT
28 |       },
29 |       'columns': {
30 |         type: Array,
31 |         required: true
32 |       }
33 |     },
34 |     components: {
35 |       GridHeaderCell
36 |     },
37 |     methods: {
38 |       getColumnName(col) {
39 |         return _.get(col, 'name', '')
40 |       },
41 |       onColumnResizerMousedown(col) {
42 |         this.$emit('start-column-resize', col)
43 |       },
44 |       onHeaderCellDetermineWidth(col, width) {
45 |         this.$emit('determine-cell-auto-width', 'header', col, width)
46 |       }
47 |     }
48 |   }
49 | </script>
50 | 


--------------------------------------------------------------------------------
/src/components/GridHeaderRowHandle.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div class="overflow-hidden ba absolute bg-near-white z-1 vg-th" :style="row_handle_style">
 3 |     <div class="h-100 lh-1 light-silver tr vg-th-inner" :style="inner_row_handle_style"></div>
 4 | 
 5 |     <!-- row handle resize handle -->
 6 |     <div
 7 |       class="absolute top-0 bottom-0 right-0 cursor-resize-ew"
 8 |       :style="'width: '+column_resize_handle_width+'px'"
 9 |       @mousedown="onRowHandleResizerMousedown"
10 |     ></div>
11 |   </div>
12 | </template>
13 | 
14 | <script>
15 |   import {
16 |     DEFAULT_ROW_HEIGHT,
17 |     DEFAULT_ROW_HANDLE_WIDTH,
18 |     COLUMN_RESIZE_HANDLE_WIDTH
19 |   } from '../constants'
20 | 
21 |   export default {
22 |     props: {
23 |       'row-height': {
24 |         type: Number,
25 |         default: DEFAULT_ROW_HEIGHT
26 |       },
27 |       'row-handle-width': {
28 |         type: Number,
29 |         default: DEFAULT_ROW_HEIGHT
30 |       }
31 |     },
32 |     data() {
33 |       return {
34 |         column_resize_handle_width: COLUMN_RESIZE_HANDLE_WIDTH
35 |       }
36 |     },
37 |     computed: {
38 |       row_handle_style() {
39 |         return {
40 |           'height': (this.rowHeight+1)+'px'
41 |         }
42 |       },
43 |       inner_row_handle_style() {
44 |         return {
45 |           'width': this.rowHandleWidth+'px'
46 |         }
47 |       }
48 |     },
49 |     methods: {
50 |       onRowHandleResizerMousedown() {
51 |         this.$emit('start-row-handle-resize')
52 |       },
53 |     }
54 |   }
55 | </script>
56 | 


--------------------------------------------------------------------------------
/docs-src/GridInteractions.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div class="flex flex-row overflow-hidden">
 3 |     <div class="flex-fill br b--black-20">
 4 |       <grid
 5 |         data-url="https://dzwillia.github.io/vue-grid/data/items.json"
 6 |         :live-scroll="live_scroll"
 7 |         @metrics-change="onGridMetricsChange"
 8 |       ></grid>
 9 |     </div>
10 |     <div class="flex-none overflow-auto" style="min-width: 300px; margin-top: -1px">
11 |       <grid-metrics class="w-100" :metrics="metrics"></grid-metrics>
12 |       <grid-events class="w-100"></grid-events>
13 |       <grid-options
14 |         class="w-100"
15 |         :live-scroll="live_scroll"
16 |         @option-change="onGridOptionChange"
17 |       >
18 |       </grid-options>
19 |     </div>
20 |   </div>
21 | </template>
22 | 
23 | <script>
24 |   import _ from 'lodash'
25 |   import Grid from '../src/components/Grid.vue'
26 |   import GridMetrics from './GridMetrics.vue'
27 |   import GridEvents from './GridEvents.vue'
28 |   import GridOptions from './GridOptions.vue'
29 | 
30 |   export default {
31 |     components: {
32 |       Grid,
33 |       GridMetrics,
34 |       GridEvents,
35 |       GridOptions
36 |     },
37 |     data() {
38 |       return {
39 |         metrics: {},
40 |         live_scroll: true
41 |       }
42 |     },
43 |     methods: {
44 |       onGridMetricsChange(val, old_val) {
45 |         this.metrics = _.assign({}, val)
46 |       },
47 |       onGridOptionChange(option_name, val) {
48 |         this.live_scroll = val
49 |       }
50 |     }
51 |   }
52 | </script>
53 | 


--------------------------------------------------------------------------------
/src/components/GridRow.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div class="absolute nowrap" :style="row_style">
 3 |     <grid-cell
 4 |       class="dib v-top overflow-hidden ba vg-td"
 5 |       v-for="(col, index) in columns"
 6 |       :col="col"
 7 |       :value="row[getColumnName(col)]"
 8 |       :width="col.pixel_width || 0"
 9 |       :style="'height: '+(rowHeight+1)+'px'"
10 |       @determine-auto-width="onCellDetermineWidth"
11 |     ></grid-cell>
12 |   </div>
13 | </template>
14 | 
15 | <script>
16 |   import {
17 |     DEFAULT_ROW_HEIGHT
18 |   } from '../constants'
19 |   import _ from 'lodash'
20 |   import GridCell from './GridCell.vue'
21 | 
22 |   export default {
23 |     props: {
24 |       'row': {
25 |         type: Object,
26 |         required: true
27 |       },
28 |       'row-index': {
29 |         type: Number,
30 |         required: true
31 |       },
32 |       'row-height': {
33 |         type: Number,
34 |         default: DEFAULT_ROW_HEIGHT
35 |       },
36 |       'columns': {
37 |         type: Array,
38 |         required: true
39 |       }
40 |     },
41 |     components: {
42 |       GridCell
43 |     },
44 |     computed: {
45 |       row_style() {
46 |         return {
47 |           'top': (this.rowIndex*this.rowHeight)+'px'
48 |         }
49 |       }
50 |     },
51 |     methods: {
52 |       getColumnName(col) {
53 |         return _.get(col, 'name', '')
54 |       },
55 |       onCellDetermineWidth(col, width) {
56 |         this.$emit('determine-cell-auto-width', this.rowIndex, col, width)
57 |       }
58 |     }
59 |   }
60 | </script>
61 | 


--------------------------------------------------------------------------------
/docs-src/Sidebar.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div>
 3 |     <div class="lh-copy f6 ma3">{{description}}.</div>
 4 |     <div class="lh-copy f6 ma3">Created by: <a href="https://www.twitter.com/padredaveo" class="blue">David Z. Williams</a></div>
 5 |     <div class="bb b--black-20 mh3 mb3"></div>
 6 |     <a
 7 |       class="flex flex-row items-center no-underline truncate link f5 fw6 pa3 sidebar-link"
 8 |       style="outline: none"
 9 |       href="https://github.com/dzwillia/vue-grid/tree/master"
10 |       rel="noopener"
11 |       target="_blank"
12 |     >
13 |       <span class="mr3">Getting Started</span>
14 |       <svg fill="#555555" height="18" viewBox="0 0 24 24" width="18" xmlns="http://www.w3.org/2000/svg">
15 |         <path d="M0 0h24v24H0z" fill="none"/>
16 |         <path d="M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"/>
17 |       </svg>
18 |     </a>
19 |     <router-link v-for="item in navItems" :to="item.route" class="db no-underline truncate link f5 fw6 pa3">
20 |       {{item.name}}
21 |     </router-link>
22 |   </div>
23 | </template>
24 | 
25 | <script>
26 |   import {
27 |     description
28 |   } from '../package.json'
29 | 
30 |   const navItems = [
31 |     {
32 |       route: 'interactions',
33 |       name: 'Interactions'
34 |     }
35 |   ]
36 | 
37 |   export default {
38 |     name: 'app',
39 |     data () {
40 |       return {
41 |         navItems
42 |       }
43 |     },
44 |     computed: {
45 |       description () {
46 |         return description
47 |       }
48 |     }
49 |   }
50 | </script>
51 | 
52 | <style>
53 |   .sidebar-link,
54 |   .router-link {
55 |     color: #555;
56 |   }
57 | 
58 |   .sidebar-link:hover,
59 |   .router-link:hover {
60 |     background-color: rgba(0,0,0,0.05);
61 |   }
62 | 
63 |   .router-link-active {
64 |     background-color: rgba(0,0,0,0.05);
65 |     color: #357edd;
66 |   }
67 | </style>
68 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # vue-grid
 2 | > A flexible grid component for Vue.js
 3 | 
 4 | vue-grid is designed to be an advanced [Vue.js](http://vuejs.org) grid component allowing for fast loading and rendering of tabular data.
 5 | 
 6 | ## Documentation
 7 | [https://github.com/dzwillia/vue-grid/](https://github.com/dzwillia/vue-grid/)
 8 | 
 9 | ## Demo
10 | 
11 | [https://dzwillia.github.io/vue-grid](https://dzwillia.github.io/vue-grid)
12 | 
13 | ## Requirements
14 | * [Vue.js](http://vuejs.org/) (^v2.1.4)
15 | 
16 | ## Browser support
17 | IE 10+ (due to [Flexbox support](https://caniuse.com/#feat=flexbox)).
18 | 
19 | ## Installation
20 | 
21 | ### NPM
22 | 
23 | ```bash
24 | npm install vue-grid2 --save
25 | ```
26 | 
27 | ### Usage
28 | > All styling for this component is done using [Tachyons.css](https://github.com/tachyons-css/tachyons/). No external CSS files are required at this time.
29 | 
30 | ### ES6
31 | 
32 | ```js
33 | <grid
34 |   data-url="https://enter-your-data/url/endpoint/here"
35 | ></grid>
36 | ```
37 | 
38 | Please note that for now the JSON payload must be formatted as follows:
39 | 
40 | ```json
41 | {
42 |   "columns": [
43 |     { "name": "col1" },
44 |     { "name": "col2" },
45 |     { "name": "col3" }
46 |   ],
47 |   "rows": [
48 |     {
49 |       "col1": "Column 1 Row 1",
50 |       "col2": "Column 2 Row 1",
51 |       "col3": "Column 3 Row 1"
52 |     },{
53 |       "col1": "Column 1 Row 2",
54 |       "col2": "Column 2 Row 2",
55 |       "col3": "Column 3 Row 2"
56 |     },{
57 |       "col1": "Column 1 Row 3",
58 |       "col2": "Column 2 Row 3",
59 |       "col3": "Column 3 Row 3"
60 |     }
61 |   ],
62 |   "total_count": 1000
63 | }
64 | ```
65 | 
66 | The `columns` node only needs to be provided on the first call.
67 | 
68 | ## License
69 | vue-grid is open source and released under the [MIT License](LICENSE).
70 | 
71 | Copyright (c) 2017 [David Z Williams](https://twitter.com/padredaveo).
72 | 
73 | > *PS: I would love to know if you're using vue-grid. Tweet to me at [@padredaveo](https://twitter.com/padredaveo)*.
74 | 


--------------------------------------------------------------------------------
/src/data/simple.js:
--------------------------------------------------------------------------------
 1 | export default {
 2 |   total_count: 10,
 3 |   columns: [
 4 |     { name: 'id' },
 5 |     { name: 'first_name' },
 6 |     { name: 'last_name' },
 7 |     { name: 'email' },
 8 |     { name: 'gender' },
 9 |     { name: 'ip_address' }
10 |   ],
11 |   rows: [{
12 |     id: 1,
13 |     first_name: 'Phyllis',
14 |     last_name: 'Johnston',
15 |     email: 'pjohnston0@drupal.org',
16 |     gender: 'Female',
17 |     ip_address: '210.13.57.74'
18 |   },{
19 |     id: 2,
20 |     first_name: 'Billy',
21 |     last_name: 'Olson',
22 |     email: 'bolson1@altervista.org',
23 |     gender: 'Male',
24 |     ip_address: '51.200.83.232'
25 |   },{
26 |     id: 3,
27 |     first_name: 'Peter',
28 |     last_name: 'Porter',
29 |     email: 'pporter2@ed.gov',
30 |     gender: 'Male',
31 |     ip_address: '214.130.223.48'
32 |   },{
33 |     id: 4,
34 |     first_name: 'Alan',
35 |     last_name: 'Chapman',
36 |     email: 'achapman3@addtoany.com',
37 |     gender: 'Male',
38 |     ip_address: '105.113.204.220'
39 |   },{
40 |     id: 5,
41 |     first_name: 'Amanda',
42 |     last_name: 'Murray',
43 |     email: 'amurray4@fda.gov',
44 |     gender: 'Female',
45 |     ip_address: '229.239.160.173'
46 |   },{
47 |     id: 6,
48 |     first_name: 'Heather',
49 |     last_name: 'Wood',
50 |     email: 'hwood5@tmall.com',
51 |     gender: 'Female',
52 |     ip_address: '39.18.172.229'
53 |   },{
54 |     id: 7,
55 |     first_name: 'Peter',
56 |     last_name: 'Hunter',
57 |     email: 'phunter6@is.gd',
58 |     gender: 'Male',
59 |     ip_address: '132.201.130.155'
60 |   },{
61 |     id: 8,
62 |     first_name: 'Sean',
63 |     last_name: 'Hamilton',
64 |     email: 'shamilton7@fotki.com',
65 |     gender: 'Male',
66 |     ip_address: '128.145.63.156'
67 |   },{
68 |     id: 9,
69 |     first_name: 'Juan',
70 |     last_name: 'Castillo',
71 |     email: 'jcastillo8@pcworld.com',
72 |     gender: 'Male',
73 |     ip_address: '207.133.114.80'
74 |   },{
75 |     id: 10,
76 |     first_name: 'Deborah',
77 |     last_name: 'Harper',
78 |     email: 'dharper9@cargocollective.com',
79 |     gender: 'Female',
80 |     ip_address: '164.129.103.105'
81 |   }]
82 | }
83 | 


--------------------------------------------------------------------------------
/docs-src/App.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div id="app" class="fixed absolute--fill flex flex-column">
 3 |     <!-- navbar -->
 4 |     <div class="flex-none flex flex-row items-center pv3 ph4 bg-blue white">
 5 |       <div class="flex-fill">
 6 |         <a :href="'https://github.com/dzwillia/vue-grid/releases/tag/v'+version" class="white no-underline underline-hover">vue-grid {{version}}</a>
 7 |       </div>
 8 |       <div class="flex-none">
 9 |         <a href="https://github.com/dzwillia/vue-grid" rel="noopener" target="_blank" title="View on Github"><svg xmlns="http://www.w3.org/2000/svg" fill="white" width="32" height="32" viewBox="0 0 16 16"><path d="M8 .198c-4.418 0-8 3.582-8 8 0 3.535 2.292 6.533 5.47 7.59.4.075.548-.173.548-.384 0-.19-.008-.82-.01-1.49-2.227.485-2.696-.943-2.696-.943-.364-.924-.888-1.17-.888-1.17-.726-.497.055-.486.055-.486.802.056 1.225.824 1.225.824.714 1.223 1.872.87 2.328.665.072-.517.28-.87.508-1.07-1.776-.202-3.644-.888-3.644-3.954 0-.874.313-1.588.824-2.148-.083-.202-.357-1.015.077-2.117 0 0 .672-.215 2.2.82.64-.177 1.323-.266 2.003-.27.68.004 1.365.093 2.004.27 1.527-1.035 2.198-.82 2.198-.82.435 1.102.162 1.916.08 2.117.512.56.822 1.274.822 2.147 0 3.072-1.872 3.748-3.653 3.946.288.248.544.735.544 1.48 0 1.07-.01 1.933-.01 2.196 0 .213.145.462.55.384 3.178-1.06 5.467-4.057 5.467-7.59 0-4.418-3.58-8-8-8z"></path></svg></a>
10 |       </div>
11 |     </div>
12 |     <div class="flex-fill flex flex-row">
13 |       <sidebar class="flex-none br b--black-20 overflow-auto" style="width: 16rem"></sidebar>
14 |       <router-view class="flex-fill relative"></router-view>
15 |     </div>
16 |   </div>
17 | </template>
18 | 
19 | <script>
20 |   import Sidebar from './Sidebar.vue'
21 | 
22 |   export default {
23 |     name: 'app',
24 |     components: {
25 |       Sidebar
26 |     },
27 |     computed: {
28 |       version() {
29 |         return VERSION
30 |       }
31 |     }
32 |   }
33 | </script>
34 | 
35 | <style>
36 |   html, body {
37 |     font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
38 |     font-size: 100%;
39 |   }
40 | 
41 |   html {
42 |     height: 100%;
43 |   }
44 | 
45 |   body {
46 |     min-height: 100%;
47 |     overflow: hidden;
48 |   }
49 | </style>
50 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "vue-grid2",
 3 |   "version": "0.2.15",
 4 |   "description": "A flexible grid component for Vue.js",
 5 |   "author": "David Z. Williams <dave@flex.io>",
 6 |   "main": "dist/vue-grid.js",
 7 |   "scripts": {
 8 |     "dev": "cross-env NODE_ENV=development webpack-dev-server --config ./build/webpack.dev.js --open --inline --hot",
 9 |     "build:debug": "cross-env NODE_ENV=debug webpack --config build/webpack.dist.js",
10 |     "build:release": "cross-env NODE_ENV=production webpack --config build/webpack.dist.js",
11 |     "build:docs": "webpack --config build/webpack.docs.js",
12 |     "build": "npm run build:debug && npm run build:release && npm run build:docs",
13 |     "clean": "rimraf ./dist ./docs/docs.bundle.css ./docs/docs.bundle.js"
14 |   },
15 |   "repository": {
16 |     "type": "git",
17 |     "url": "git+https://github.com/dzwillia/vue-grid.git"
18 |   },
19 |   "keywords": [
20 |     "vue",
21 |     "vuejs",
22 |     "ui",
23 |     "components",
24 |     "table",
25 |     "grid"
26 |   ],
27 |   "license": "MIT",
28 |   "bugs": {
29 |     "url": "https://github.com/dzwillia/vue-grid/issues"
30 |   },
31 |   "homepage": "https://github.com/dzwillia/vue-grid/",
32 |   "dependencies": {
33 |     "axios": "^0.16.1",
34 |     "tachyons": "^4.6.1",
35 |     "vue-resize-directive": "^1.0.0",
36 |     "vue-router": "^2.5.3",
37 |     "vue-simple-spinner": "^1.2.8"
38 |   },
39 |   "devDependencies": {
40 |     "autoprefixer": "^6.7.7",
41 |     "babel-core": "^6.0.0",
42 |     "babel-loader": "^7.1.2",
43 |     "babel-plugin-lodash": "^3.2.11",
44 |     "babel-plugin-transform-es2015-destructuring": "^6.19.0",
45 |     "babel-plugin-transform-es2015-parameters": "^6.18.0",
46 |     "babel-plugin-transform-object-rest-spread": "^6.19.0",
47 |     "babel-plugin-transform-runtime": "^6.23.0",
48 |     "babel-preset-env": "^1.4.0",
49 |     "babel-preset-es2015": "^6.0.0",
50 |     "babel-preset-stage-2": "^6.24.1",
51 |     "cross-env": "^3.0.0",
52 |     "css-loader": "^0.25.0",
53 |     "deep-assign": "^2.0.0",
54 |     "extract-text-webpack-plugin": "^3.0.0",
55 |     "rimraf": "^2.6.1",
56 |     "vue": "^2.2.6",
57 |     "vue-loader": "^11.3.3",
58 |     "vue-style-loader": "^3.0.0",
59 |     "vue-template-compiler": "^2.2.6",
60 |     "webpack": "^3.5.6",
61 |     "webpack-bundle-analyzer": "^2.2.1",
62 |     "webpack-dev-server": "^2.7.1"
63 |   }
64 | }
65 | 


--------------------------------------------------------------------------------
/docs-src/GridMetrics.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div>
  3 |     <div class="f6 b pv2 ph2 ttu mid-gray bg-near-white bt bb b--black-10" style="font-size: 11px">Metrics</div>
  4 |     <table class="w-100 pv1 ph2 f6 dark-gray">
  5 |       <tbody>
  6 |         <tr>
  7 |           <td class="pv1a pr2 b ttu mid-gray bb b--black-10" style="font-size: 11px" colspan="2">Dimensions</td>
  8 |         </tr>
  9 |         <tr>
 10 |           <td class="pv1a pr2">Mouse position:</td>
 11 |           <td class="pv1a pl2 tr">
 12 |             x: <grid-metrics-value :val="metrics.mouse_x"></grid-metrics-value>
 13 |             y: <grid-metrics-value :val="metrics.mouse_y"></grid-metrics-value>
 14 |           </td>
 15 |         </tr>
 16 |         <tr>
 17 |           <td class="pv1a pr2">Scroll top:</td>
 18 |           <td class="pv1a pl2 tr"><grid-metrics-value :val="metrics.scroll_top"></grid-metrics-value></td>
 19 |         </tr>
 20 |         <tr>
 21 |           <td class="pv1a pr2">Scroll left:</td>
 22 |           <td class="pv1a pl2 tr"><grid-metrics-value :val="metrics.scroll_left"></grid-metrics-value></td>
 23 |         </tr>
 24 |         <tr>
 25 |           <td class="pv1a pr2">Offset top:</td>
 26 |           <td class="pv1a pl2 tr"><grid-metrics-value :val="metrics.offset_top"></grid-metrics-value></td>
 27 |         </tr>
 28 |         <tr>
 29 |           <td class="pv1a pr2">Offset left:</td>
 30 |           <td class="pv1a pl2 tr"><grid-metrics-value :val="metrics.offset_left"></grid-metrics-value></td>
 31 |         </tr>
 32 |         <tr>
 33 |           <td class="pv1a pr2">Offset height:</td>
 34 |           <td class="pv1a pl2 tr"><grid-metrics-value :val="metrics.offset_height"></grid-metrics-value></td>
 35 |         </tr>
 36 |         <tr>
 37 |           <td class="pv1a pr2">Offset width:</td>
 38 |           <td class="pv1a pl2 tr"><grid-metrics-value :val="metrics.offset_width"></grid-metrics-value></td>
 39 |         </tr>
 40 |         <tr>
 41 |           <td class="pv1a pr2">Client height:</td>
 42 |           <td class="pv1a pl2 tr"><grid-metrics-value :val="metrics.client_height"></grid-metrics-value></td>
 43 |         </tr>
 44 |         <tr>
 45 |           <td class="pv1a pr2">Client width:</td>
 46 |           <td class="pv1a pl2 tr"><grid-metrics-value :val="metrics.client_width"></grid-metrics-value></td>
 47 |         </tr>
 48 |         <tr>
 49 |           <td class="pv1a pr2">Content height:</td>
 50 |           <td class="pv1a pl2 tr"><grid-metrics-value :val="metrics.total_height"></grid-metrics-value></td>
 51 |         </tr>
 52 |         <tr>
 53 |           <td class="pv1a pr2">Content width:</td>
 54 |           <td class="pv1a pl2 tr"><grid-metrics-value :val="metrics.total_width"></grid-metrics-value></td>
 55 |         </tr>
 56 |         <tr>
 57 |           <td class="pv1a pr2">Row handle width:</td>
 58 |           <td class="pv1a pl2 tr"><grid-metrics-value :val="metrics.row_handle_width"></grid-metrics-value></td>
 59 |         </tr>
 60 |         <tr>
 61 |           <td class="pv1a pr2 b ttu mid-gray bb b--black-10" style="font-size: 11px" colspan="2"><div class="mt2">Calculated Values</div></td>
 62 |         </tr>
 63 |         <tr>
 64 |           <td class="pv1a pr2">Rendered row count:</td>
 65 |           <td class="pv1a pl2 tr"><grid-metrics-value :val="metrics.rendered_row_count"></grid-metrics-value></td>
 66 |         </tr>
 67 |         <tr>
 68 |           <td class="pv1a pr2">Cached row count:</td>
 69 |           <td class="pv1a pl2 tr"><grid-metrics-value :val="metrics.cached_row_count"></grid-metrics-value></td>
 70 |         </tr>
 71 |         <tr>
 72 |           <td class="pv1a pr2">First visible row:</td>
 73 |           <td class="pv1a pl2 tr"><grid-metrics-value :val="metrics.first_visible_row"></grid-metrics-value></td>
 74 |         </tr>
 75 |         <tr>
 76 |           <td class="pv1a pr2">Last visible row:</td>
 77 |           <td class="pv1a pl2 tr"><grid-metrics-value :val="metrics.last_visible_row"></grid-metrics-value></td>
 78 |         </tr>
 79 |         <tr>
 80 |           <td class="pv1a pr2">Visible row count:</td>
 81 |           <td class="pv1a pl2 tr"><grid-metrics-value :val="metrics.visible_row_count"></grid-metrics-value></td>
 82 |         </tr>
 83 |         <tr>
 84 |           <td class="pv1a pr2">Total row count:</td>
 85 |           <td class="pv1a pl2 tr"><grid-metrics-value :val="metrics.total_row_count"></grid-metrics-value></td>
 86 |         </tr>
 87 |         <tr>
 88 |           <td class="pv1a pr2">Visible column count:</td>
 89 |           <td class="pv1a pl2 tr"><grid-metrics-value :val="metrics.visible_column_count"></grid-metrics-value></td>
 90 |         </tr>
 91 |         <tr>
 92 |           <td class="pv1a pr2">Total column count:</td>
 93 |           <td class="pv1a pl2 tr"><grid-metrics-value :val="metrics.total_column_count"></grid-metrics-value></td>
 94 |         </tr>
 95 |         <tr>
 96 |           <td class="pv1a pr2 b ttu mid-gray bb b--black-10" style="font-size: 11px" colspan="2"><div class="mt2">First visible column</div></td>
 97 |         </tr>
 98 |         <tr>
 99 |           <td class="pv1a" colspan="2">
100 |             <div class="mt1">
101 |               <table class="w-100 collapse" style="font-size: 11px">
102 |                 <thead>
103 |                   <tr>
104 |                     <th class="pv1a ph1 bg-near-white ba b--light-moon-gray fw6 pr3 w1 tl">Attribute</th>
105 |                     <th class="pv1a ph1 bg-near-white ba b--light-moon-gray fw6 w1 tr">Value</th>
106 |                   </tr>
107 |                 </thead>
108 |                 <tbody>
109 |                   <tr v-for="(v, k) in first_visible_column">
110 |                     <td class="pv1a ph1 ba b--light-moon-gray pr3 w1">{{k}}</td>
111 |                     <td class="pv1a ph1 ba b--light-moon-gray tr"><grid-metrics-value :val="v"></grid-metrics-value></td>
112 |                   </tr>
113 |                 </tbody>
114 |               </table>
115 |             </div>
116 |           </td>
117 |         </tr>
118 |         <tr>
119 |           <td class="pv1a pr2 b ttu mid-gray bb b--black-10" style="font-size: 11px" colspan="2"><div class="mt2">Last visible column</div></td>
120 |         </tr>
121 |         <tr>
122 |           <td class="pv1a" colspan="2">
123 |             <div class="mt1">
124 |               <table class="w-100 collapse" style="font-size: 11px">
125 |                 <thead>
126 |                   <tr>
127 |                     <th class="pv1a ph1 bg-near-white ba b--light-moon-gray fw6 pr3 w1 tl">Attribute</th>
128 |                     <th class="pv1a ph1 bg-near-white ba b--light-moon-gray fw6 w1 tr">Value</th>
129 |                   </tr>
130 |                 </thead>
131 |                 <tbody>
132 |                   <tr v-for="(v, k) in last_visible_column">
133 |                     <td  class="pv1a ph1 ba b--light-moon-gray pr3 w1">{{k}}</td>
134 |                     <td  class="pv1a ph1 ba b--light-moon-gray tr"><grid-metrics-value :val="v"></grid-metrics-value></td>
135 |                   </tr>
136 |                 </tbody>
137 |               </table>
138 |             </div>
139 |           </td>
140 |         </tr>
141 |       </tbody>
142 |     </table>
143 |   </div>
144 | </template>
145 | 
146 | <script>
147 |   import _ from 'lodash'
148 |   import GridMetricsValue from './GridMetricsValue.vue'
149 | 
150 |   export default {
151 |     props: {
152 |       'metrics': {
153 |         type: Object,
154 |         default: () => { return {} }
155 |       }
156 |     },
157 |     components: {
158 |       GridMetricsValue
159 |     },
160 |     computed: {
161 |       first_visible_column() {
162 |         var col = _.get(this.metrics, 'first_visible_column', {})
163 |         return col
164 |       },
165 |       last_visible_column() {
166 |         var col = _.get(this.metrics, 'last_visible_column', {})
167 |         return col
168 |       }
169 |     }
170 |   }
171 | </script>
172 | 
173 | <style>
174 |   .pv1a {
175 |     padding-top: 2px;
176 |     padding-bottom: 2px;
177 |   }
178 | </style>
179 | 


--------------------------------------------------------------------------------
/src/components/Grid.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div class="flex flex-column relative bg-white h-100 vg-container" ref="container">
  3 | 
  4 |     <div class="flex flex-column justify-center h-100" v-if="!inited">
  5 |       <spinner size="large" message="Loading..."></spinner>
  6 |     </div>
  7 | 
  8 |     <div class="flex flex-column relative bg-white h-100 overflow-hidden" v-else>
  9 |       <!-- grid header row handle -->
 10 |       <grid-header-row-handle class="z-2 ba bg-near-white vg-td"
 11 |         :row-height="row_height"
 12 |         :row-handle-width="row_handle_width"
 13 |         @start-row-handle-resize="onStartRowHandleResize"
 14 |         v-if="inited"
 15 |       ></grid-header-row-handle>
 16 | 
 17 |       <!-- grid header -->
 18 |       <div
 19 |         class="flex-none overflow-hidden bg-near-white vg-thead"
 20 |         :style="'margin-left: '+(row_handle_width+left_of_render_cols_width-scroll_left+1)+'px'"
 21 |       >
 22 |         <grid-header
 23 |           :row-handle-width="row_handle_width"
 24 |           :columns="render_cols"
 25 |           @start-column-resize="onStartColumnResize"
 26 |           @determine-cell-auto-width="initializeColumnWidths"
 27 |         ></grid-header>
 28 |       </div>
 29 | 
 30 |       <!-- row handles -->
 31 |       <div class="absolute z-1" :style="'top: '+(row_height-scroll_top)+'px'">
 32 |         <grid-row-handle
 33 |           v-for="(row, index) in render_rows"
 34 |           class="ba bg-near-white vg-td"
 35 |           :row-index="start+index"
 36 |           :row-height="row_height"
 37 |           :row-handle-width="row_handle_width"
 38 |         ></grid-row-handle>
 39 |       </div>
 40 | 
 41 |       <!-- grid body -->
 42 |       <div
 43 |         ref="tbody"
 44 |         class="flex-fill relative overflow-auto vg-tbody"
 45 |         :style="'margin-left: '+(row_handle_width+1)+'px'"
 46 |         @scroll="onScroll"
 47 |         v-resize="onResize"
 48 |       >
 49 |         <!-- yardsticks -->
 50 |         <div class="absolute top-0 left-0" :style="'z-index: -1; width: 1px; height: '+total_height+'px'"></div>
 51 |         <div class="absolute top-0 left-0" :style="'z-index: -1; height: 1px; width: '+total_width+'px'"></div>
 52 | 
 53 |         <!-- rows -->
 54 |         <grid-row
 55 |           v-for="(row, index) in render_rows"
 56 |           :row="row"
 57 |           :row-index="start+index"
 58 |           :row-height="row_height"
 59 |           :columns="render_cols"
 60 |           :style="'padding-left: '+left_of_render_cols_width+'px'"
 61 |           @determine-cell-auto-width="initializeColumnWidths"
 62 |         ></grid-row>
 63 |       </div>
 64 |     </div>
 65 |   </div>
 66 | </template>
 67 | 
 68 | <script>
 69 |   import {
 70 |     DEFAULT_START,
 71 |     DEFAULT_LIMIT,
 72 |     DEFAULT_ROW_HEIGHT,
 73 |     DEFAULT_ROW_HANDLE_WIDTH,
 74 |     ROW_HANDLE_MIN_WIDTH,
 75 |     ROW_HANDLE_MAX_WIDTH,
 76 |     DEFAULT_COLUMN_WIDTH,
 77 |     COLUMN_MIN_WIDTH,
 78 |     COLUMN_MAX_WIDTH
 79 |   } from '../constants'
 80 |   import _ from 'lodash'
 81 |   import axios from 'axios'
 82 |   import resize from 'vue-resize-directive'
 83 |   import GridHeaderRowHandle from './GridHeaderRowHandle.vue'
 84 |   import GridHeader from './GridHeader.vue'
 85 |   import GridRowHandle from './GridRowHandle.vue'
 86 |   import GridRow from './GridRow.vue'
 87 |   import Spinner from 'vue-simple-spinner'
 88 | 
 89 |   var getOffset = function(el) {
 90 |     var top = 0
 91 |     var left = 0
 92 | 
 93 |     do {
 94 |       if (!isNaN(el.offsetTop))
 95 |           top += el.offsetTop
 96 |       if (!isNaN(el.offsetLeft))
 97 |           left += el.offsetLeft
 98 |     } while (el = el.offsetParent)
 99 | 
100 |     return { left, top }
101 |   }
102 | 
103 |   export default {
104 |     props: {
105 |       'data-url': {
106 |         type: String,
107 |         default: ''
108 |       },
109 |       'custom-headers': {
110 |         type: Object,
111 |         default: () => { return {} }
112 |       },
113 |       /* show empty cells on vertical scroll */
114 |       'live-scroll': {
115 |         type: Boolean,
116 |         default: false
117 |       },
118 |       /* remove off-screen cells from the DOM on horizontal scroll */
119 |       'virtual-scroll': {
120 |         type: Boolean,
121 |         default: true
122 |       }
123 |     },
124 |     components: {
125 |       GridHeaderRowHandle,
126 |       GridHeader,
127 |       GridRowHandle,
128 |       GridRow,
129 |       Spinner
130 |     },
131 |     directives: {
132 |       resize
133 |     },
134 |     watch: {
135 |       scroll_top(val, old_val) {
136 |         this.$emit('scroll-top-change', val, old_val)
137 |       },
138 |       scroll_left(val, old_val) {
139 |         this.$emit('scroll-left-change', val, old_val)
140 |       },
141 |       total_height(val, old_val) {
142 |         this.$emit('total-height-change', val, old_val)
143 |       },
144 |       rendered_row_count(val, old_val) {
145 |         this.$emit('rendered-row-count-change', val, old_val)
146 |       },
147 |       cached_row_count(val, old_val) {
148 |         this.$emit('cached-row-count-change', val, old_val)
149 |       },
150 |       total_row_count(val, old_val) {
151 |         this.$emit('total-row-count-change', val, old_val)
152 |       },
153 |       first_visible_row(val, old_val) {
154 |         this.$emit('first-visible-row-change', val, old_val)
155 |       },
156 |       last_visible_row(val, old_val) {
157 |         this.$emit('last-visible-row-change', val, old_val)
158 |       },
159 |       visible_row_count(val, old_val) {
160 |         this.$emit('visible-row-count-change', val, old_val)
161 |       },
162 |       first_visible_column(val, old_val) {
163 |         this.$emit('first-visible-column-change', val, old_val)
164 |       },
165 |       last_visible_column(val, old_val) {
166 |         this.$emit('last-visible-column-change', val, old_val)
167 |       },
168 |       visible_column_count(val, old_val) {
169 |         this.$emit('visible-column-count-change', val, old_val)
170 |       },
171 |       metrics(val, old_val) {
172 |         this.$emit('metrics-change', val, old_val)
173 |       }
174 |     },
175 |     data() {
176 |       return {
177 |         uid: _.uniqueId('vue-grid-'),
178 | 
179 |         inited: false,
180 |         col_widths_inited: false,
181 | 
182 |         start: DEFAULT_START, // initial start
183 |         limit: DEFAULT_LIMIT, // initial limit
184 |         total_row_count: 0, // returned by query
185 | 
186 |         columns: [],
187 |         resize_col: null,
188 |         resize_row_handle: null,
189 | 
190 |         rows: [],
191 |         cached_rows: {},
192 |         row_height: DEFAULT_ROW_HEIGHT,
193 |         row_handle_width: DEFAULT_ROW_HANDLE_WIDTH,
194 | 
195 |         client_height: 0,
196 |         client_width: 0,
197 | 
198 |         container_offset_top: 0,
199 |         container_offset_left: 0,
200 | 
201 |         offset_top: 0,
202 |         offset_left: 0,
203 |         offset_height: 0,
204 |         offset_width: 0,
205 | 
206 |         scroll_top: 0,
207 |         scroll_left: 0,
208 | 
209 |         mousedown_x: -1,
210 |         mousedown_y: -1,
211 |         mouse_x: 0,
212 |         mouse_y: 0,
213 | 
214 |         is_horizontal_scroll_active: false
215 |       }
216 |     },
217 |     computed: {
218 |       total_height() {
219 |         return this.row_height * this.total_row_count
220 |       },
221 |       total_width() {
222 |         return _.sum(_.map(this.columns, 'pixel_width'))
223 |       },
224 |       rendered_row_count() {
225 |         return _.size(this.rows)
226 |       },
227 |       cached_row_count() {
228 |         return _.size(this.cached_rows)
229 |       },
230 |       first_visible_row() {
231 |         return Math.floor(this.scroll_top/this.row_height)
232 |       },
233 |       last_visible_row() {
234 |         return Math.min(Math.ceil((this.scroll_top+this.client_height)/this.row_height), this.total_row_count)
235 |       },
236 |       visible_row_count() {
237 |         return this.last_visible_row-this.first_visible_row
238 |       },
239 |       rows_in_cache() {
240 |         var missing_rows = false
241 | 
242 |         if (this.cached_row_count == 0)
243 |           return false
244 | 
245 |         for (var i = this.start; i < this.start+this.limit; ++i)
246 |         {
247 |           if (i < this.total_row_count && !this.cached_rows[i])
248 |           {
249 |             missing_rows = true
250 |             break
251 |           }
252 |         }
253 | 
254 |         return missing_rows ? false : true
255 |       },
256 |       render_rows() {
257 |         if (this.liveScroll)
258 |           return this.rows
259 | 
260 |         var rows = []
261 |         for (var i = this.start; i < this.start+this.limit; ++i)
262 |         {
263 |           if (i < this.total_row_count)
264 |             rows.push(this.cached_rows[i] || {})
265 |         }
266 |         return rows
267 |       },
268 |       left_of_render_cols() {
269 |         if (!this.virtualScroll)
270 |           return []
271 | 
272 |         // this value should be an empty array since we're showing
273 |         // all columns when scrolling horizontally
274 |         if (this.is_potential_horizontal_scroll)
275 |           return []
276 | 
277 |         var left = (-1 * this.scroll_left)
278 |         return _.filter(this.columns, (c) => {
279 |           var is_offscreen_left = left+c.pixel_width+1 < 0
280 |           left += c.pixel_width+1
281 |           return is_offscreen_left
282 |         })
283 |       },
284 |       left_of_render_cols_width() {
285 |         return _.sum(_.map(this.left_of_render_cols, (c) => { return c.pixel_width+1 }))
286 |       },
287 |       render_cols() {
288 |         if (!this.virtualScroll)
289 |           return this.columns
290 | 
291 |         // horizontal scroll operations are far more performant with
292 |         // all columns visible since this is a normal browser scroll event
293 |         // and there are no expensive calculations that need to happen
294 |         if (this.is_potential_horizontal_scroll)
295 |           return this.columns
296 | 
297 |         // if we haven't yet initialized our column widths,
298 |         // we need to return all columns so that the cells
299 |         // are renderend and the cell contents can be measured
300 |         if (!this.col_widths_inited)
301 |           return this.columns
302 | 
303 |         var left = (-1 * this.scroll_left)
304 |         return _.filter(this.columns, (c) => {
305 |           var is_offscreen_left = left+c.pixel_width+1 < 0
306 |           var is_offscreen_right = left > this.client_width
307 |           left += c.pixel_width+1
308 |           return !is_offscreen_left && !is_offscreen_right
309 |         })
310 |       },
311 |       first_visible_column() {
312 |         return _.first(this.render_cols)
313 |       },
314 |       last_visible_column() {
315 |         return _.last(this.render_cols)
316 |       },
317 |       visible_column_count() {
318 |         return _.size(this.render_cols)
319 |       },
320 |       total_column_count() {
321 |         return _.size(this.columns)
322 |       },
323 |       resize_delta() {
324 |         return this.mousedown_x == -1 ? 0 : this.mouse_x - this.mousedown_x
325 |       },
326 |       vertical_scrollbar_left() {
327 |         return this.offset_left+this.client_width
328 |       },
329 |       vertical_scrollbar_right() {
330 |         return this.offset_left+this.offset_width
331 |       },
332 |       horizontal_scrollbar_top() {
333 |         return this.offset_top+this.client_height
334 |       },
335 |       horizontal_scrollbar_bottom() {
336 |         return this.offset_top+this.offset_height
337 |       },
338 |       is_potential_horizontal_scroll() {
339 |         if (this.is_horizontal_scroll_active)
340 |           return true
341 | 
342 |         // handle bottom-right corner: if we're closer to the vertical
343 |         // scrollbar than we are to the horizontal scrollbar, return 'false'
344 |         if (this.mouse_x/this.vertical_scrollbar_left >
345 |             this.mouse_y/this.horizontal_scrollbar_top)
346 |           return false
347 | 
348 |         // for the rest of the viewport, return 'true' when we get close
349 |         // to the horizontal scrollbar
350 |         if (this.mouse_y >= this.horizontal_scrollbar_top*2/3 &&
351 |             this.mouse_y < this.horizontal_scrollbar_bottom)
352 |         {
353 |           return true
354 |         }
355 | 
356 |         return false
357 |       },
358 |       metrics() {
359 |         var computed_data = this._computedWatchers
360 |         computed_data = _.omit(computed_data, ['metrics'])
361 |         computed_data = _.mapValues(computed_data, (k, v) => { return this[v] })
362 | 
363 |         var filtered_data = _.pick(this.$data, [
364 |           'start',
365 |           'limit',
366 |           'rows',
367 |           'total_row_count',
368 |           'columns',
369 |           'total_column_count',
370 |           'cached_rows',
371 |           'row_height',
372 |           'row_handle_width',
373 |           'mouse_x',
374 |           'mouse_y',
375 |           'scroll_top',
376 |           'scroll_left',
377 |           'offset_top',
378 |           'offset_left',
379 |           'offset_height',
380 |           'offset_width',
381 |           'client_height',
382 |           'client_width',
383 |           'total_height',
384 |           'total_width'
385 |         ])
386 | 
387 |         return _.assign({}, filtered_data, computed_data)
388 |       }
389 |     },
390 |     mounted() {
391 |       this.active_xhr = null
392 |       this.cancelXhr = null
393 |       this.default_col_widths = {}
394 | 
395 |       // initialize container offset
396 |       var offset = getOffset(this.$refs['container'])
397 |       this.container_offset_top = offset.top
398 |       this.container_offset_left = offset.left
399 | 
400 |       // initialize the client dimensions
401 |       this.client_height = this.$el.clientHeight
402 |       this.client_width = this.$el.clientWidth
403 | 
404 |       // establish our debounced and throttled methods (we need these functions
405 |       // to be members of this component since we've run into reference
406 |       // issues using _.debounce() and _.throttle() directly on the method
407 |       this.tryFetchDebounced = _.debounce(this.tryFetch, 50, { leading: false, trailing: true })
408 |       this.resizeRowHandleThrottled = _.throttle(this.resizeRowHandle, 20)
409 |       this.resizeColumnThrottled = _.throttle(this.resizeColumn, 20)
410 |       //this.scrollVerticalThrottled = _.debounce(this.scrollVertical, 5, { leading: false, trailing: true })
411 |       this.scrollVerticalThrottled = _.throttle(this.scrollVertical, 5, { leading: false, trailing: true })
412 | 
413 |       // do our initial fetch
414 |       this.tryFetch()
415 | 
416 |       // document-level mouse down
417 |       this.onDocumentMousedown = (evt) => {
418 |         this.mousedown_x = evt.pageX
419 |         this.mousedown_y = evt.pageY
420 |       }
421 | 
422 |       // document-level mouse up
423 |       this.onDocumentMouseup = (evt) => {
424 |         this.mousedown_x = -1
425 |         this.mousedown_y = -1
426 |         this.resize_col = null
427 |         this.resize_row_handle = null
428 |         this.is_horizontal_scroll_active = false
429 |         this.updateStyle('cursor', '')
430 |         this.updateStyle('noselect', '')
431 |       }
432 | 
433 |       // document-level mouse move
434 |       this.onDocumentMousemove = (evt) => {
435 |         this.mouse_x = evt.pageX
436 |         this.mouse_y = evt.pageY
437 | 
438 |         if (!_.isNil(this.resize_row_handle))
439 |           this.resizeRowHandleThrottled()
440 | 
441 |         if (!_.isNil(this.resize_col))
442 |           this.resizeColumnThrottled()
443 |       }
444 | 
445 |       // create document-level event handlers
446 |       document.addEventListener('mousedown', this.onDocumentMousedown)
447 |       document.addEventListener('mouseup', this.onDocumentMouseup)
448 |       document.addEventListener('mousemove', this.onDocumentMousemove)
449 |     },
450 |     beforeDestroy() {
451 |       // destroy document-level event handlers
452 |       document.removeEventListener('mousedown', this.onDocumentMousedown)
453 |       document.removeEventListener('mouseup', this.onDocumentMouseup)
454 |       document.removeEventListener('mousemove', this.onDocumentMousemove)
455 |     },
456 |     methods: {
457 |       getFetchUrl(start, limit) {
458 |         var url = this.dataUrl+'?start='+start+'&limit='+limit
459 |         return this.inited ? url : url + '&metadata=true'
460 |       },
461 |       tryFetch() {
462 |         var me = this
463 | 
464 |         // we need to get the start and limit before we do the AJAX call this the grid's
465 |         // start and limit could potentially have changed by the time the callback resolves
466 |         var fetch_start = this.start
467 |         var fetch_limit = this.limit
468 |         var fetch_url = this.getFetchUrl(fetch_start, fetch_limit)
469 | 
470 |         // if the last XHR is still active, kill it now
471 |         if (!_.isNil(this.active_xhr) && !_.isNil(this.cancelXhr))
472 |         {
473 |           this.cancelXhr()
474 | 
475 |           // reset XHR variables
476 |           this.active_xhr = null
477 |           this.cancelXhr = null
478 |         }
479 | 
480 |         // if all of the rows exist in our row cache, we're done
481 |         if (this.rows_in_cache)
482 |           return
483 | 
484 |         var CancelToken = axios.CancelToken
485 |         this.active_xhr = axios.get(fetch_url, {
486 |           headers: this.customHeaders,
487 |           cancelToken: new CancelToken(function executor(c) {
488 |             // an executor function receives a cancel function as a parameter
489 |             me.cancelXhr = c
490 |           })
491 |         }).then(response => {
492 |           var resdata = response.data
493 | 
494 |           if (_.isNumber(resdata.total_count))
495 |             this.total_row_count = resdata.total_count
496 | 
497 |           // store our column info
498 |           if (!this.inited && _.isArray(resdata.columns))
499 |           {
500 |             // include default column info with each column
501 |             var temp_cols = _.map(resdata.columns, (col) => {
502 |               return _.assign({ pixel_width: DEFAULT_COLUMN_WIDTH }, col)
503 |             })
504 | 
505 |             this.columns = [].concat(temp_cols)
506 |           }
507 | 
508 |           // store the current set of rows
509 |           this.rows = [].concat(resdata.rows)
510 | 
511 |           // cache the current set of rows
512 |           var start = fetch_start
513 |           var limit = fetch_limit
514 |           var row_count = this.total_row_count
515 |           var temp_cached_rows = {}
516 |           var idx = 0
517 | 
518 |           for (var r = start; r < start+limit && r < row_count; ++r)
519 |           {
520 |             temp_cached_rows[r] = this.rows[idx]
521 |             idx++
522 |           }
523 | 
524 |           // add the temporary cached rows to our stored cached rows
525 |           this.cached_rows = _.assign({}, this.cached_rows, temp_cached_rows)
526 | 
527 |           // set our init flag to true so we don't get columns after this
528 |           this.inited = true
529 | 
530 |           // reset XHR variables
531 |           this.active_xhr = null
532 |           this.cancelXhr = null
533 |         })
534 |       },
535 | 
536 |       onStartRowHandleResize(col) {
537 |         this.resize_row_handle = { old_width: this.row_handle_width }
538 |         this.updateStyle('cursor', 'html, body { cursor: ew-resize !important; }')
539 |         this.updateStyle('noselect', 'html, body { -moz-user-select: none !important; user-select: none !important }')
540 |       },
541 | 
542 |       onStartColumnResize(col) {
543 |         this.resize_col = _.cloneDeep(col)
544 |         this.updateStyle('cursor', 'html, body { cursor: ew-resize !important; }')
545 |         this.updateStyle('noselect', 'html, body { -moz-user-select: none !important; user-select: none !important }')
546 |       },
547 | 
548 |       onResize(resize_el) {
549 |         var container_el = this.$refs['container']
550 |         this.offset_top = this.container_offset_top+resize_el.offsetTop
551 |         this.offset_left = this.container_offset_left+resize_el.offsetLeft
552 |         this.offset_height = resize_el.offsetHeight
553 |         this.offset_width = resize_el.offsetWidth
554 |         this.client_height = resize_el.clientHeight
555 |         this.client_width = resize_el.clientWidth
556 | 
557 |         this.$nextTick(() => {
558 |           // check to see if all of the visible rows have been queried for
559 |           if (this.last_visible_row >= this.start+this.rendered_row_count)
560 |           {
561 |             this.start = this.first_visible_row
562 |             this.tryFetchDebounced()
563 |           }
564 |         })
565 |       },
566 | 
567 |       onScroll() {
568 |         var new_scroll_top = this.$refs['tbody'].scrollTop
569 |         var new_scroll_left = this.$refs['tbody'].scrollLeft
570 | 
571 |         // vertical scrolls
572 |         if (this.scroll_top != new_scroll_top)
573 |           return this.scrollVerticalThrottled(new_scroll_top, this.scroll_top)
574 | 
575 |         // horizontal scrolls
576 |         if (this.scroll_left != new_scroll_left)
577 |           return this.scrollHorizontal(new_scroll_left, this.scroll_left)
578 |       },
579 | 
580 |       scrollVertical(val, old_val) {
581 |         this.scroll_top = val
582 | 
583 |         // scrolling down
584 |         if (this.last_visible_row >= this.start+this.rendered_row_count)
585 |         {
586 |           this.start = this.first_visible_row
587 |           this.tryFetchDebounced()
588 |         }
589 | 
590 |         // scrolling up
591 |         if (this.first_visible_row < this.start)
592 |         {
593 |           this.start = this.first_visible_row
594 |           this.tryFetchDebounced()
595 |         }
596 |       },
597 | 
598 |       scrollHorizontal(val, old_val) {
599 |         this.is_horizontal_scroll_active = true
600 |         this.scroll_left = val
601 |       },
602 | 
603 |       resizeRowHandle() {
604 |         var old_width = this.resize_row_handle.old_width
605 |         var new_width = old_width + this.resize_delta
606 |         new_width = Math.max(ROW_HANDLE_MIN_WIDTH, new_width)
607 |         new_width = Math.min(ROW_HANDLE_MAX_WIDTH, new_width)
608 |         this.row_handle_width = new_width
609 |       },
610 | 
611 |       resizeColumn() {
612 |         var lookup_col = _.find(this.columns, { name: _.get(this.resize_col, 'name') })
613 |         if (!_.isNil(lookup_col))
614 |         {
615 |           var temp_cols = _.map(this.columns, (col) => {
616 |             if (_.get(col, 'name') == _.get(lookup_col, 'name'))
617 |             {
618 |               var old_width = _.get(this.resize_col, 'pixel_width', DEFAULT_COLUMN_WIDTH)
619 |               var pixel_width = old_width + this.resize_delta
620 |               pixel_width = Math.max(COLUMN_MIN_WIDTH, pixel_width)
621 |               pixel_width = Math.min(COLUMN_MAX_WIDTH, pixel_width)
622 |               return _.assign({}, lookup_col, { pixel_width })
623 |             }
624 | 
625 |             return col
626 |           })
627 | 
628 |           this.columns = [].concat(temp_cols)
629 |         }
630 |       },
631 | 
632 |       initializeColumnWidths(row_index, col, width) {
633 |         // once we've initialized our column widths, we're done
634 |         if (this.col_widths_inited)
635 |           return
636 | 
637 |         var min_width = _.defaultTo(this.default_col_widths[col.name], COLUMN_MIN_WIDTH)
638 |         var new_width = Math.max(min_width, width+20) // make columns a little wider than they need to be
639 |         new_width = Math.min(new_width, COLUMN_MAX_WIDTH)
640 |         this.default_col_widths[col.name] = new_width
641 | 
642 |         var is_header = row_index == 'header'
643 |         var is_last_row = row_index == this.rendered_row_count-1
644 | 
645 |         if (is_header || is_last_row)
646 |         {
647 |           var temp_cols = _.map(this.columns, (col) => {
648 |             var pixel_width = this.default_col_widths[col.name]
649 |             return _.assign({}, col, { pixel_width })
650 |           })
651 | 
652 |           this.columns = [].concat(temp_cols)
653 |           this.$nextTick(() => { this.col_widths_inited = true })
654 |         }
655 |       },
656 | 
657 |       updateStyle(id_suffix, style_str) {
658 |         var head_el = document.head || document.getElementsByTagName('head')[0]
659 |         var style_el = document.getElementById(this.uid+'-'+id_suffix)
660 | 
661 |         // a style with this ID already exists; remove it
662 |         if (style_el)
663 |           head_el.removeChild(style_el)
664 | 
665 |         // no style string specified; we're done
666 |         if (!_.isString(style_str) || style_str.length == 0)
667 |           return
668 | 
669 |         // add style to the <head>
670 |         style_el = document.createElement('style')
671 |         style_el.type = 'text/css'
672 |         style_el.id = this.uid+'-'+id_suffix
673 | 
674 |         if (style_el.styleSheet)
675 |           style_el.styleSheet.cssText = style_str
676 |            else
677 |           style_el.appendChild(document.createTextNode(style_str))
678 | 
679 |         head_el.appendChild(style_el)
680 |       }
681 |     }
682 |   }
683 | </script>
684 | 
685 | <style>
686 |   .vg-container {
687 |     font-family: Arial, sans-serif;
688 |     font-size: 13px;
689 |     color: #333;
690 |   }
691 | 
692 |   .vg-thead {
693 |     box-shadow: inset 0 -1px 0 #ddd;
694 |   }
695 | 
696 |   .vg-th,
697 |   .vg-td {
698 |     margin-top: -1px;
699 |     margin-left: -1px;
700 |     padding-top: 1px;
701 |     border-color: #ddd;
702 |   }
703 | 
704 |   .vg-th-inner,
705 |   .vg-td-inner {
706 |     padding: 4px 5px 4px;
707 |   }
708 | 
709 |   /* misc */
710 | 
711 |   .flex-fill {
712 |     flex: 1 1;
713 |     min-width: 0; /* 1 */
714 |     min-height: 0; /* 1 */
715 |   }
716 | 
717 |   .b--light-moon-gray {
718 |     border-color: #ddd;
719 |   }
720 | 
721 |   .lh-1 {
722 |     line-height: 1;
723 |   }
724 | 
725 |   .cursor-resize-ew {
726 |     cursor: ew-resize;
727 |   }
728 | </style>
729 | 


--------------------------------------------------------------------------------
/dist/vue-grid.min.js:
--------------------------------------------------------------------------------
 1 | /*!
 2 |  * vue-grid v0.2.15 (https://github.com/dzwillia/vue-grid)
 3 |  * (c) 2024 David Z. Williams
 4 |  * Released under the MIT License.
 5 |  */
 6 | !function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.VueGrid=e():t.VueGrid=e()}(this,function(){return function(t){function e(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return t[r].call(o.exports,o,o.exports,e),o.l=!0,o.exports}var n={};return e.m=t,e.c=n,e.d=function(t,n,r){e.o(t,n)||Object.defineProperty(t,n,{configurable:!1,enumerable:!0,get:r})},e.n=function(t){var n=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(n,"a",n),n},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="",e(e.s=86)}([function(t,e){var n=Array.isArray;t.exports=n},function(t,e,n){"use strict";function r(t){return"[object Array]"===O.call(t)}function o(t){return"undefined"!=typeof Buffer&&Buffer.isBuffer&&Buffer.isBuffer(t)}function i(t){return"[object ArrayBuffer]"===O.call(t)}function u(t){return"undefined"!=typeof FormData&&t instanceof FormData}function s(t){return"undefined"!=typeof ArrayBuffer&&ArrayBuffer.isView?ArrayBuffer.isView(t):t&&t.buffer&&t.buffer instanceof ArrayBuffer}function c(t){return"string"==typeof t}function a(t){return"number"==typeof t}function f(t){return void 0===t}function l(t){return null!==t&&"object"==typeof t}function d(t){return"[object Date]"===O.call(t)}function p(t){return"[object File]"===O.call(t)}function h(t){return"[object Blob]"===O.call(t)}function v(t){return"[object Function]"===O.call(t)}function _(t){return l(t)&&v(t.pipe)}function m(t){return"undefined"!=typeof URLSearchParams&&t instanceof URLSearchParams}function y(t){return t.replace(/^\s*/,"").replace(/\s*$/,"")}function x(){return("undefined"==typeof navigator||"ReactNative"!==navigator.product)&&("undefined"!=typeof window&&"undefined"!=typeof document)}function b(t,e){if(null!==t&&void 0!==t)if("object"==typeof t||r(t)||(t=[t]),r(t))for(var n=0,o=t.length;n<o;n++)e.call(null,t[n],n,t);else for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&e.call(null,t[i],i,t)}function w(){function t(t,n){"object"==typeof e[n]&&"object"==typeof t?e[n]=w(e[n],t):e[n]=t}for(var e={},n=0,r=arguments.length;n<r;n++)b(arguments[n],t);return e}function g(t,e,n){return b(e,function(e,r){t[r]=n&&"function"==typeof e?j(e,n):e}),t}var j=n(81),O=Object.prototype.toString;t.exports={isArray:r,isArrayBuffer:i,isBuffer:o,isFormData:u,isArrayBufferView:s,isString:c,isNumber:a,isObject:l,isUndefined:f,isDate:d,isFile:p,isBlob:h,isFunction:v,isStream:_,isURLSearchParams:m,isStandardBrowserEnv:x,forEach:b,merge:w,extend:g,trim:y}},function(t,e,n){var r=n(45),o="object"==typeof self&&self&&self.Object===Object&&self,i=r||o||Function("return this")();t.exports=i},function(t,e){function n(t){var e=typeof t;return null!=t&&("object"==e||"function"==e)}t.exports=n},function(t,e,n){function r(t){return null==t?void 0===t?c:s:a&&a in Object(t)?i(t):u(t)}var o=n(10),i=n(94),u=n(95),s="[object Null]",c="[object Undefined]",a=o?o.toStringTag:void 0;t.exports=r},function(t,e){function n(t){return null!=t&&"object"==typeof t}t.exports=n},function(t,e,n){function r(t){return null!=t&&i(t.length)&&!o(t)}var o=n(47),i=n(38);t.exports=r},function(t,e){t.exports=function(t,e,n,r){var o,i=t=t||{},u=typeof t.default;"object"!==u&&"function"!==u||(o=t,i=t.default);var s="function"==typeof i?i.options:i;if(e&&(s.render=e.render,s.staticRenderFns=e.staticRenderFns),n&&(s._scopeId=n),r){var c=Object.create(s.computed||null);Object.keys(r).forEach(function(t){var e=r[t];c[t]=function(){return e}}),s.computed=c}return{esModule:o,exports:i,options:s}}},function(t,e,n){function r(t,e){var n=i(t,e);return o(n)?n:void 0}var o=n(103),i=n(106);t.exports=r},function(t,e,n){function r(t){return u(t)?o(t):i(t)}var o=n(59),i=n(61),u=n(6);t.exports=r},function(t,e,n){var r=n(2),o=r.Symbol;t.exports=o},function(t,e,n){function r(t,e){return o(t)?t:i(t,e)?[t]:u(s(t))}var o=n(0),i=n(28),u=n(97),s=n(49);t.exports=r},function(t,e,n){function r(t){if("string"==typeof t||o(t))return t;var e=t+"";return"0"==e&&1/t==-i?"-0":e}var o=n(18),i=1/0;t.exports=r},function(t,e,n){function r(t,e,n,r){var u=!n;n||(n={});for(var s=-1,c=e.length;++s<c;){var a=e[s],f=r?r(n[a],t[a],a,n,t):void 0;void 0===f&&(f=t[a]),u?i(n,a,f):o(n,a,f)}return n}var o=n(27),i=n(40);t.exports=r},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.DEFAULT_START=0,e.DEFAULT_LIMIT=50,e.DEFAULT_ROW_HEIGHT=23,e.DEFAULT_ROW_HANDLE_WIDTH=70,e.ROW_HANDLE_MIN_WIDTH=30,e.ROW_HANDLE_MAX_WIDTH=200,e.DEFAULT_COLUMN_WIDTH=130,e.COLUMN_MIN_WIDTH=30,e.COLUMN_MAX_WIDTH=1200,e.COLUMN_RESIZE_HANDLE_WIDTH=4},function(t,e,n){function r(t,e,n){var r=null==t?void 0:o(t,e);return void 0===r?n:r}var o=n(17);t.exports=r},function(t,e,n){function r(t){return"function"==typeof t?t:null==t?u:"object"==typeof t?s(t)?i(t[0],t[1]):o(t):c(t)}var o=n(124),i=n(151),u=n(26),s=n(0),c=n(154);t.exports=r},function(t,e,n){function r(t,e){e=o(e,t);for(var n=0,r=e.length;null!=t&&n<r;)t=t[i(e[n++])];return n&&n==r?t:void 0}var o=n(11),i=n(12);t.exports=r},function(t,e,n){function r(t){return"symbol"==typeof t||i(t)&&o(t)==u}var o=n(4),i=n(5),u="[object Symbol]";t.exports=r},function(t,e,n){var r=n(8),o=r(Object,"create");t.exports=o},function(t,e,n){function r(t){var e=-1,n=null==t?0:t.length;for(this.clear();++e<n;){var r=t[e];this.set(r[0],r[1])}}var o=n(111),i=n(112),u=n(113),s=n(114),c=n(115);r.prototype.clear=o,r.prototype.delete=i,r.prototype.get=u,r.prototype.has=s,r.prototype.set=c,t.exports=r},function(t,e,n){function r(t,e){for(var n=t.length;n--;)if(o(t[n][0],e))return n;return-1}var o=n(22);t.exports=r},function(t,e){function n(t,e){return t===e||t!==t&&e!==e}t.exports=n},function(t,e,n){function r(t,e){var n=t.__data__;return o(e)?n["string"==typeof e?"string":"hash"]:n.map}var o=n(117);t.exports=r},function(t,e){function n(t,e){return!!(e=null==e?r:e)&&("number"==typeof t||o.test(t))&&t>-1&&t%1==0&&t<e}var r=9007199254740991,o=/^(?:0|[1-9]\d*)$/;t.exports=n},function(t,e){function n(t){var e=t&&t.constructor;return t===("function"==typeof e&&e.prototype||r)}var r=Object.prototype;t.exports=n},function(t,e){function n(t){return t}t.exports=n},function(t,e,n){function r(t,e,n){var r=t[e];s.call(t,e)&&i(r,n)&&(void 0!==n||e in t)||o(t,e,n)}var o=n(40),i=n(22),u=Object.prototype,s=u.hasOwnProperty;t.exports=r},function(t,e,n){function r(t,e){if(o(t))return!1;var n=typeof t;return!("number"!=n&&"symbol"!=n&&"boolean"!=n&&null!=t&&!i(t))||(s.test(t)||!u.test(t)||null!=e&&t in Object(e))}var o=n(0),i=n(18),u=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,s=/^\w*$/;t.exports=r},function(t,e,n){function r(t){var e=-1,n=null==t?0:t.length;for(this.clear();++e<n;){var r=t[e];this.set(r[0],r[1])}}var o=n(100),i=n(116),u=n(118),s=n(119),c=n(120);r.prototype.clear=o,r.prototype.delete=i,r.prototype.get=u,r.prototype.has=s,r.prototype.set=c,t.exports=r},function(t,e,n){var r=n(8),o=n(2),i=r(o,"Map");t.exports=i},function(t,e){function n(t,e){for(var n=-1,r=null==t?0:t.length,o=Array(r);++n<r;)o[n]=e(t[n],n,t);return o}t.exports=n},function(t,e,n){function r(t){var e=this.__data__=new o(t);this.size=e.size}var o=n(20),i=n(126),u=n(127),s=n(128),c=n(129),a=n(130);r.prototype.clear=i,r.prototype.delete=u,r.prototype.get=s,r.prototype.has=c,r.prototype.set=a,t.exports=r},function(t,e){function n(t,e){for(var n=-1,r=e.length,o=t.length;++n<r;)t[o+n]=e[n];return t}t.exports=n},function(t,e,n){var r=n(57),o=n(58),i=Object.prototype,u=i.propertyIsEnumerable,s=Object.getOwnPropertySymbols,c=s?function(t){return null==t?[]:(t=Object(t),r(s(t),function(e){return u.call(t,e)}))}:o;t.exports=c},function(t,e,n){var r=n(140),o=n(5),i=Object.prototype,u=i.hasOwnProperty,s=i.propertyIsEnumerable,c=r(function(){return arguments}())?r:function(t){return o(t)&&u.call(t,"callee")&&!s.call(t,"callee")};t.exports=c},function(t,e,n){(function(t){var r=n(2),o=n(141),i="object"==typeof e&&e&&!e.nodeType&&e,u=i&&"object"==typeof t&&t&&!t.nodeType&&t,s=u&&u.exports===i,c=s?r.Buffer:void 0,a=c?c.isBuffer:void 0,f=a||o;t.exports=f}).call(e,n(37)(t))},function(t,e){t.exports=function(t){return t.webpackPolyfill||(t.deprecate=function(){},t.paths=[],t.children||(t.children=[]),Object.defineProperty(t,"loaded",{enumerable:!0,get:function(){return t.l}}),Object.defineProperty(t,"id",{enumerable:!0,get:function(){return t.i}}),t.webpackPolyfill=1),t}},function(t,e){function n(t){return"number"==typeof t&&t>-1&&t%1==0&&t<=r}var r=9007199254740991;t.exports=n},function(t,e,n){var r=n(146),o=n(30),i=n(147),u=n(148),s=n(149),c=n(4),a=n(48),f=a(r),l=a(o),d=a(i),p=a(u),h=a(s),v=c;(r&&"[object DataView]"!=v(new r(new ArrayBuffer(1)))||o&&"[object Map]"!=v(new o)||i&&"[object Promise]"!=v(i.resolve())||u&&"[object Set]"!=v(new u)||s&&"[object WeakMap]"!=v(new s))&&(v=function(t){var e=c(t),n="[object Object]"==e?t.constructor:void 0,r=n?a(n):"";if(r)switch(r){case f:return"[object DataView]";case l:return"[object Map]";case d:return"[object Promise]";case p:return"[object Set]";case h:return"[object WeakMap]"}return e}),t.exports=v},function(t,e,n){function r(t,e,n){"__proto__"==e&&o?o(t,e,{configurable:!0,enumerable:!0,value:n,writable:!0}):t[e]=n}var o=n(69);t.exports=r},function(t,e,n){var r=n(62),o=r(Object.getPrototypeOf,Object);t.exports=o},function(t,e,n){function r(t){var e=new t.constructor(t.byteLength);return new o(e).set(new o(t)),e}var o=n(52);t.exports=r},function(t,e,n){"use strict";function r(t,e){!o.isUndefined(t)&&o.isUndefined(t["Content-Type"])&&(t["Content-Type"]=e)}var o=n(1),i=n(228),u={"Content-Type":"application/x-www-form-urlencoded"},s={adapter:function(){var t;return"undefined"!=typeof XMLHttpRequest?t=n(82):"undefined"!=typeof process&&(t=n(82)),t}(),transformRequest:[function(t,e){return i(e,"Content-Type"),o.isFormData(t)||o.isArrayBuffer(t)||o.isBuffer(t)||o.isStream(t)||o.isFile(t)||o.isBlob(t)?t:o.isArrayBufferView(t)?t.buffer:o.isURLSearchParams(t)?(r(e,"application/x-www-form-urlencoded;charset=utf-8"),t.toString()):o.isObject(t)?(r(e,"application/json;charset=utf-8"),JSON.stringify(t)):t}],transformResponse:[function(t){if("string"==typeof t)try{t=JSON.parse(t)}catch(t){}return t}],timeout:0,xsrfCookieName:"XSRF-TOKEN",xsrfHeaderName:"X-XSRF-TOKEN",maxContentLength:-1,validateStatus:function(t){return t>=200&&t<300}};s.headers={common:{Accept:"application/json, text/plain, */*"}},o.forEach(["delete","get","head"],function(t){s.headers[t]={}}),o.forEach(["post","put","patch"],function(t){s.headers[t]=o.merge(u)}),t.exports=s},function(t,e,n){function r(t){return"string"==typeof t||!i(t)&&u(t)&&o(t)==s}var o=n(4),i=n(0),u=n(5),s="[object String]";t.exports=r},function(t,e,n){(function(e){var n="object"==typeof e&&e&&e.Object===Object&&e;t.exports=n}).call(e,n(46))},function(t,e){var n;n=function(){return this}();try{n=n||Function("return this")()||(0,eval)("this")}catch(t){"object"==typeof window&&(n=window)}t.exports=n},function(t,e,n){function r(t){if(!i(t))return!1;var e=o(t);return e==s||e==c||e==u||e==a}var o=n(4),i=n(3),u="[object AsyncFunction]",s="[object Function]",c="[object GeneratorFunction]",a="[object Proxy]";t.exports=r},function(t,e){function n(t){if(null!=t){try{return o.call(t)}catch(t){}try{return t+""}catch(t){}}return""}var r=Function.prototype,o=r.toString;t.exports=n},function(t,e,n){function r(t){return null==t?"":o(t)}var o=n(121);t.exports=r},function(t,e,n){function r(t,e,n,u,s){return t===e||(null==t||null==e||!i(t)&&!i(e)?t!==t&&e!==e:o(t,e,n,u,r,s))}var o=n(131),i=n(5);t.exports=r},function(t,e,n){function r(t,e,n,r,a,f){var l=n&s,d=t.length,p=e.length;if(d!=p&&!(l&&p>d))return!1;var h=f.get(t);if(h&&f.get(e))return h==e;var v=-1,_=!0,m=n&c?new o:void 0;for(f.set(t,e),f.set(e,t);++v<d;){var y=t[v],x=e[v];if(r)var b=l?r(x,y,v,e,t,f):r(y,x,v,t,e,f);if(void 0!==b){if(b)continue;_=!1;break}if(m){if(!i(e,function(t,e){if(!u(m,e)&&(y===t||a(y,t,n,r,f)))return m.push(e)})){_=!1;break}}else if(y!==x&&!a(y,x,n,r,f)){_=!1;break}}return f.delete(t),f.delete(e),_}var o=n(132),i=n(135),u=n(136),s=1,c=2;t.exports=r},function(t,e,n){var r=n(2),o=r.Uint8Array;t.exports=o},function(t,e){function n(t){var e=-1,n=Array(t.size);return t.forEach(function(t,r){n[++e]=[r,t]}),n}t.exports=n},function(t,e){function n(t){var e=-1,n=Array(t.size);return t.forEach(function(t){n[++e]=t}),n}t.exports=n},function(t,e,n){function r(t){return o(t,u,i)}var o=n(56),i=n(34),u=n(9);t.exports=r},function(t,e,n){function r(t,e,n){var r=e(t);return i(t)?r:o(r,n(t))}var o=n(33),i=n(0);t.exports=r},function(t,e){function n(t,e){for(var n=-1,r=null==t?0:t.length,o=0,i=[];++n<r;){var u=t[n];e(u,n,t)&&(i[o++]=u)}return i}t.exports=n},function(t,e){function n(){return[]}t.exports=n},function(t,e,n){function r(t,e){var n=u(t),r=!n&&i(t),f=!n&&!r&&s(t),d=!n&&!r&&!f&&a(t),p=n||r||f||d,h=p?o(t.length,String):[],v=h.length;for(var _ in t)!e&&!l.call(t,_)||p&&("length"==_||f&&("offset"==_||"parent"==_)||d&&("buffer"==_||"byteLength"==_||"byteOffset"==_)||c(_,v))||h.push(_);return h}var o=n(139),i=n(35),u=n(0),s=n(36),c=n(24),a=n(60),f=Object.prototype,l=f.hasOwnProperty;t.exports=r},function(t,e,n){var r=n(142),o=n(143),i=n(144),u=i&&i.isTypedArray,s=u?o(u):r;t.exports=s},function(t,e,n){function r(t){if(!o(t))return i(t);var e=[];for(var n in Object(t))s.call(t,n)&&"constructor"!=n&&e.push(n);return e}var o=n(25),i=n(145),u=Object.prototype,s=u.hasOwnProperty;t.exports=r},function(t,e){function n(t,e){return function(n){return t(e(n))}}t.exports=n},function(t,e,n){function r(t){return t===t&&!o(t)}var o=n(3);t.exports=r},function(t,e){function n(t,e){return function(n){return null!=n&&(n[t]===e&&(void 0!==e||t in Object(n)))}}t.exports=n},function(t,e,n){function r(t,e){return null!=t&&i(t,e,o)}var o=n(152),i=n(153);t.exports=r},function(t,e){function n(t){return function(e){return null==e?void 0:e[t]}}t.exports=n},function(t,e,n){function r(t){if("number"==typeof t)return t;if(i(t))return u;if(o(t)){var e="function"==typeof t.valueOf?t.valueOf():t;t=o(e)?e+"":e}if("string"!=typeof t)return 0===t?t:+t;t=t.replace(s,"");var n=a.test(t);return n||f.test(t)?l(t.slice(2),n?2:8):c.test(t)?u:+t}var o=n(3),i=n(18),u=NaN,s=/^\s+|\s+$/g,c=/^[-+]0x[0-9a-f]+$/i,a=/^0b[01]+$/i,f=/^0o[0-7]+$/i,l=parseInt;t.exports=r},function(t,e,n){function r(t,e,n,M,R,N){var D,L=e&j,H=e&O,F=e&z;if(n&&(D=R?n(t,M,R,N):n(t)),void 0!==D)return D;if(!w(t))return t;var U=x(t);if(U){if(D=_(t),!L)return f(t,D)}else{var I=v(t),P=I==E||I==A;if(b(t))return a(t,L);if(I==C||I==S||P&&!R){if(D=H||P?{}:y(t),!L)return H?d(t,c(D,t)):l(t,s(D,t))}else{if(!T[I])return R?t:{};D=m(t,I,r,L)}}N||(N=new o);var W=N.get(t);if(W)return W;N.set(t,D);var $=F?H?h:p:H?keysIn:g,B=U?void 0:$(t);return i(B||t,function(o,i){B&&(i=o,o=t[i]),u(D,i,r(o,e,n,i,t,N))}),D}var o=n(32),i=n(161),u=n(27),s=n(162),c=n(163),a=n(166),f=n(167),l=n(168),d=n(169),p=n(55),h=n(72),v=n(39),_=n(170),m=n(171),y=n(180),x=n(0),b=n(36),w=n(3),g=n(9),j=1,O=2,z=4,S="[object Arguments]",E="[object Function]",A="[object GeneratorFunction]",C="[object Object]",T={};T[S]=T["[object Array]"]=T["[object ArrayBuffer]"]=T["[object DataView]"]=T["[object Boolean]"]=T["[object Date]"]=T["[object Float32Array]"]=T["[object Float64Array]"]=T["[object Int8Array]"]=T["[object Int16Array]"]=T["[object Int32Array]"]=T["[object Map]"]=T["[object Number]"]=T[C]=T["[object RegExp]"]=T["[object Set]"]=T["[object String]"]=T["[object Symbol]"]=T["[object Uint8Array]"]=T["[object Uint8ClampedArray]"]=T["[object Uint16Array]"]=T["[object Uint32Array]"]=!0,T["[object Error]"]=T[E]=T["[object WeakMap]"]=!1,t.exports=r},function(t,e,n){var r=n(8),o=function(){try{var t=r(Object,"defineProperty");return t({},"",{}),t}catch(t){}}();t.exports=o},function(t,e,n){function r(t){return u(t)?o(t,!0):i(t)}var o=n(59),i=n(164),u=n(6);t.exports=r},function(t,e,n){var r=n(33),o=n(41),i=n(34),u=n(58),s=Object.getOwnPropertySymbols,c=s?function(t){for(var e=[];t;)r(e,i(t)),t=o(t);return e}:u;t.exports=c},function(t,e,n){function r(t){return o(t,u,i)}var o=n(56),i=n(71),u=n(70);t.exports=r},function(t,e){function n(t,e,n,r){var o=-1,i=null==t?0:t.length;for(r&&i&&(n=t[++o]);++o<i;)n=e(n,t[o],o,t);return n}t.exports=n},function(t,e,n){function r(t,e,n){function r(e){var n=y,r=x;return y=x=void 0,O=e,w=t.apply(r,n)}function f(t){return O=t,g=setTimeout(p,e),z?r(t):w}function l(t){var n=t-j,r=t-O,o=e-n;return S?a(o,b-r):o}function d(t){var n=t-j,r=t-O;return void 0===j||n>=e||n<0||S&&r>=b}function p(){var t=i();if(d(t))return h(t);g=setTimeout(p,l(t))}function h(t){return g=void 0,E&&y?r(t):(y=x=void 0,w)}function v(){void 0!==g&&clearTimeout(g),O=0,y=j=x=g=void 0}function _(){return void 0===g?w:h(i())}function m(){var t=i(),n=d(t);if(y=arguments,x=this,j=t,n){if(void 0===g)return f(j);if(S)return g=setTimeout(p,e),r(j)}return void 0===g&&(g=setTimeout(p,e)),w}var y,x,b,w,g,j,O=0,z=!1,S=!1,E=!0;if("function"!=typeof t)throw new TypeError(s);return e=u(e)||0,o(n)&&(z=!!n.leading,S="maxWait"in n,b=S?c(u(n.maxWait)||0,e):b,E="trailing"in n?!!n.trailing:E),m.cancel=v,m.flush=_,m}var o=n(3),i=n(185),u=n(67),s="Expected a function",c=Math.max,a=Math.min;t.exports=r},function(t,e,n){function r(t,e,n){return e=i(void 0===e?t.length-1:e,0),function(){for(var r=arguments,u=-1,s=i(r.length-e,0),c=Array(s);++u<s;)c[u]=r[e+u];u=-1;for(var a=Array(e+1);++u<e;)a[u]=r[u];return a[e]=n(c),o(t,this,a)}}var o=n(189),i=Math.max;t.exports=r},function(t,e,n){var r=n(190),o=n(192),i=o(r);t.exports=i},function(t,e,n){function r(t){return u(i(t,void 0,o),t+"")}var o=n(198),i=n(75),u=n(76);t.exports=r},function(t,e,n){function r(t,e){return t&&o(t,e,i)}var o=n(202),i=n(9);t.exports=r},function(t,e){function n(t){var e=null==t?0:t.length;return e?t[e-1]:void 0}t.exports=n},function(t,e,n){var r=n(78),o=n(214),i=o(r);t.exports=i},function(t,e,n){"use strict";t.exports=function(t,e){return function(){for(var n=new Array(arguments.length),r=0;r<n.length;r++)n[r]=arguments[r];return t.apply(e,n)}}},function(t,e,n){"use strict";var r=n(1),o=n(229),i=n(231),u=n(232),s=n(233),c=n(83),a="undefined"!=typeof window&&window.btoa&&window.btoa.bind(window)||n(234);t.exports=function(t){return new Promise(function(e,f){var l=t.data,d=t.headers;r.isFormData(l)&&delete d["Content-Type"];var p=new XMLHttpRequest,h="onreadystatechange",v=!1;if("undefined"==typeof window||!window.XDomainRequest||"withCredentials"in p||s(t.url)||(p=new window.XDomainRequest,h="onload",v=!0,p.onprogress=function(){},p.ontimeout=function(){}),t.auth){var _=t.auth.username||"",m=t.auth.password||"";d.Authorization="Basic "+a(_+":"+m)}if(p.open(t.method.toUpperCase(),i(t.url,t.params,t.paramsSerializer),!0),p.timeout=t.timeout,p[h]=function(){if(p&&(4===p.readyState||v)&&(0!==p.status||p.responseURL&&0===p.responseURL.indexOf("file:"))){var n="getAllResponseHeaders"in p?u(p.getAllResponseHeaders()):null,r=t.responseType&&"text"!==t.responseType?p.response:p.responseText,i={data:r,status:1223===p.status?204:p.status,statusText:1223===p.status?"No Content":p.statusText,headers:n,config:t,request:p};o(e,f,i),p=null}},p.onerror=function(){f(c("Network Error",t)),p=null},p.ontimeout=function(){f(c("timeout of "+t.timeout+"ms exceeded",t,"ECONNABORTED")),p=null},r.isStandardBrowserEnv()){var y=n(235),x=(t.withCredentials||s(t.url))&&t.xsrfCookieName?y.read(t.xsrfCookieName):void 0;x&&(d[t.xsrfHeaderName]=x)}if("setRequestHeader"in p&&r.forEach(d,function(t,e){void 0===l&&"content-type"===e.toLowerCase()?delete d[e]:p.setRequestHeader(e,t)}),t.withCredentials&&(p.withCredentials=!0),t.responseType)try{p.responseType=t.responseType}catch(e){if("json"!==t.responseType)throw e}"function"==typeof t.onDownloadProgress&&p.addEventListener("progress",t.onDownloadProgress),"function"==typeof t.onUploadProgress&&p.upload&&p.upload.addEventListener("progress",t.onUploadProgress),t.cancelToken&&t.cancelToken.promise.then(function(t){p&&(p.abort(),f(t),p=null)}),void 0===l&&(l=null),p.send(l)})}},function(t,e,n){"use strict";var r=n(230);t.exports=function(t,e,n,o){var i=new Error(t);return r(i,e,n,o)}},function(t,e,n){"use strict";t.exports=function(t){return!(!t||!t.__CANCEL__)}},function(t,e,n){"use strict";function r(t){this.message=t}r.prototype.toString=function(){return"Cancel"+(this.message?": "+this.message:"")},r.prototype.__CANCEL__=!0,t.exports=r},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.VueGrid=void 0;var r=n(87),o=function(t){return t&&t.__esModule?t:{default:t}}(r);"undefined"!=typeof window&&window.Vue&&Vue.component("vue-grid",o.default),e.VueGrid=o.default,e.default=o.default},function(t,e,n){n(88);var r=n(7)(n(93),n(265),null,null);t.exports=r.exports},function(t,e,n){var r=n(89);"string"==typeof r&&(r=[[t.i,r,""]]),r.locals&&(t.exports=r.locals);n(91)("21a70cb4",r,!0)},function(t,e,n){e=t.exports=n(90)(),e.push([t.i,".vg-container{font-family:Arial,sans-serif;font-size:13px;color:#333}.vg-thead{box-shadow:inset 0 -1px 0 #ddd}.vg-td,.vg-th{margin-top:-1px;margin-left:-1px;padding-top:1px;border-color:#ddd}.vg-td-inner,.vg-th-inner{padding:4px 5px}.flex-fill{-ms-flex:1 1;flex:1 1;min-width:0;min-height:0}.b--light-moon-gray{border-color:#ddd}.lh-1{line-height:1}.cursor-resize-ew{cursor:ew-resize}",""])},function(t,e){t.exports=function(){var t=[];return t.toString=function(){for(var t=[],e=0;e<this.length;e++){var n=this[e];n[2]?t.push("@media "+n[2]+"{"+n[1]+"}"):t.push(n[1])}return t.join("")},t.i=function(e,n){"string"==typeof e&&(e=[[null,e,""]]);for(var r={},o=0;o<this.length;o++){var i=this[o][0];"number"==typeof i&&(r[i]=!0)}for(o=0;o<e.length;o++){var u=e[o];"number"==typeof u[0]&&r[u[0]]||(n&&!u[2]?u[2]=n:n&&(u[2]="("+u[2]+") and ("+n+")"),t.push(u))}},t}},function(t,e,n){function r(t){for(var e=0;e<t.length;e++){var n=t[e],r=f[n.id];if(r){r.refs++;for(var o=0;o<r.parts.length;o++)r.parts[o](n.parts[o]);for(;o<n.parts.length;o++)r.parts.push(i(n.parts[o]));r.parts.length>n.parts.length&&(r.parts.length=n.parts.length)}else{for(var u=[],o=0;o<n.parts.length;o++)u.push(i(n.parts[o]));f[n.id]={id:n.id,refs:1,parts:u}}}}function o(){var t=document.createElement("style");return t.type="text/css",l.appendChild(t),t}function i(t){var e,n,r=document.querySelector('style[data-vue-ssr-id~="'+t.id+'"]');if(r){if(h)return v;r.parentNode.removeChild(r)}if(_){var i=p++;r=d||(d=o()),e=u.bind(null,r,i,!1),n=u.bind(null,r,i,!0)}else r=o(),e=s.bind(null,r),n=function(){r.parentNode.removeChild(r)};return e(t),function(r){if(r){if(r.css===t.css&&r.media===t.media&&r.sourceMap===t.sourceMap)return;e(t=r)}else n()}}function u(t,e,n,r){var o=n?"":r.css;if(t.styleSheet)t.styleSheet.cssText=m(e,o);else{var i=document.createTextNode(o),u=t.childNodes;u[e]&&t.removeChild(u[e]),u.length?t.insertBefore(i,u[e]):t.appendChild(i)}}function s(t,e){var n=e.css,r=e.media,o=e.sourceMap;if(r&&t.setAttribute("media",r),o&&(n+="\n/*# sourceURL="+o.sources[0]+" */",n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(o))))+" */"),t.styleSheet)t.styleSheet.cssText=n;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(n))}}var c="undefined"!=typeof document;if("undefined"!=typeof DEBUG&&DEBUG&&!c)throw new Error("vue-style-loader cannot be used in a non-browser environment. Use { target: 'node' } in your Webpack config to indicate a server-rendering environment.");var a=n(92),f={},l=c&&(document.head||document.getElementsByTagName("head")[0]),d=null,p=0,h=!1,v=function(){},_="undefined"!=typeof navigator&&/msie [6-9]\b/.test(navigator.userAgent.toLowerCase());t.exports=function(t,e,n){h=n;var o=a(t,e);return r(o),function(e){for(var n=[],i=0;i<o.length;i++){var u=o[i],s=f[u.id];s.refs--,n.push(s)}e?(o=a(t,e),r(o)):o=[];for(var i=0;i<n.length;i++){var s=n[i];if(0===s.refs){for(var c=0;c<s.parts.length;c++)s.parts[c]();delete f[s.id]}}}};var m=function(){var t=[];return function(e,n){return t[e]=n,t.filter(Boolean).join("\n")}}()},function(t,e){t.exports=function(t,e){for(var n=[],r={},o=0;o<e.length;o++){var i=e[o],u=i[0],s=i[1],c=i[2],a=i[3],f={id:t+":"+o,css:s,media:c,sourceMap:a};r[u]?r[u].parts.push(f):n.push(r[u]={id:u,parts:[f]})}return n}},function(t,e,n){"use strict";function r(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=n(44),i=r(o),u=n(96),s=r(u),c=n(15),a=r(c),f=n(122),l=r(f),d=n(160),p=r(d),h=n(0),v=r(h),_=n(182),m=r(_),y=n(183),x=r(y),b=n(184),w=r(b),g=n(74),j=r(g),O=n(186),z=r(O),S=n(194),E=r(S),A=n(201),C=r(A),T=n(204),M=r(T),R=n(79),N=r(R),D=n(210),L=r(D),H=n(212),F=r(H),U=n(215),I=r(U),P=n(220),W=r(P),$=n(222),B=r($),k=n(224),q=r(k),G=n(14),V=n(225),X=r(V),J=n(243),Z=r(J),K=n(246),Q=r(K),Y=n(249),tt=r(Y),et=n(255),nt=r(et),rt=n(258),ot=r(rt),it=n(264),ut=r(it),st=function(t){var e=0,n=0;do{isNaN(t.offsetTop)||(e+=t.offsetTop),isNaN(t.offsetLeft)||(n+=t.offsetLeft)}while(t=t.offsetParent);return{left:n,top:e}};e.default={props:{"data-url":{type:String,default:""},"custom-headers":{type:Object,default:function(){return{}}},"live-scroll":{type:Boolean,default:!1},"virtual-scroll":{type:Boolean,default:!0}},components:{GridHeaderRowHandle:Q.default,GridHeader:tt.default,GridRowHandle:nt.default,GridRow:ot.default,Spinner:ut.default},directives:{resize:Z.default},watch:{scroll_top:function(t,e){this.$emit("scroll-top-change",t,e)},scroll_left:function(t,e){this.$emit("scroll-left-change",t,e)},total_height:function(t,e){this.$emit("total-height-change",t,e)},rendered_row_count:function(t,e){this.$emit("rendered-row-count-change",t,e)},cached_row_count:function(t,e){this.$emit("cached-row-count-change",t,e)},total_row_count:function(t,e){this.$emit("total-row-count-change",t,e)},first_visible_row:function(t,e){this.$emit("first-visible-row-change",t,e)},last_visible_row:function(t,e){this.$emit("last-visible-row-change",t,e)},visible_row_count:function(t,e){this.$emit("visible-row-count-change",t,e)},first_visible_column:function(t,e){this.$emit("first-visible-column-change",t,e)},last_visible_column:function(t,e){this.$emit("last-visible-column-change",t,e)},visible_column_count:function(t,e){this.$emit("visible-column-count-change",t,e)},metrics:function(t,e){this.$emit("metrics-change",t,e)}},data:function(){return{uid:(0,q.default)("vue-grid-"),inited:!1,col_widths_inited:!1,start:G.DEFAULT_START,limit:G.DEFAULT_LIMIT,total_row_count:0,columns:[],resize_col:null,resize_row_handle:null,rows:[],cached_rows:{},row_height:G.DEFAULT_ROW_HEIGHT,row_handle_width:G.DEFAULT_ROW_HANDLE_WIDTH,client_height:0,client_width:0,container_offset_top:0,container_offset_left:0,offset_top:0,offset_left:0,offset_height:0,offset_width:0,scroll_top:0,scroll_left:0,mousedown_x:-1,mousedown_y:-1,mouse_x:0,mouse_y:0,is_horizontal_scroll_active:!1}},computed:{total_height:function(){return this.row_height*this.total_row_count},total_width:function(){return(0,B.default)((0,W.default)(this.columns,"pixel_width"))},rendered_row_count:function(){return(0,I.default)(this.rows)},cached_row_count:function(){return(0,I.default)(this.cached_rows)},first_visible_row:function(){return Math.floor(this.scroll_top/this.row_height)},last_visible_row:function(){return Math.min(Math.ceil((this.scroll_top+this.client_height)/this.row_height),this.total_row_count)},visible_row_count:function(){return this.last_visible_row-this.first_visible_row},rows_in_cache:function(){var t=!1;if(0==this.cached_row_count)return!1;for(var e=this.start;e<this.start+this.limit;++e)if(e<this.total_row_count&&!this.cached_rows[e]){t=!0;break}return!t},render_rows:function(){if(this.liveScroll)return this.rows;for(var t=[],e=this.start;e<this.start+this.limit;++e)e<this.total_row_count&&t.push(this.cached_rows[e]||{});return t},left_of_render_cols:function(){if(!this.virtualScroll)return[];if(this.is_potential_horizontal_scroll)return[];var t=-1*this.scroll_left;return(0,F.default)(this.columns,function(e){var n=t+e.pixel_width+1<0;return t+=e.pixel_width+1,n})},left_of_render_cols_width:function(){return(0,B.default)((0,W.default)(this.left_of_render_cols,function(t){return t.pixel_width+1}))},render_cols:function(){var t=this;if(!this.virtualScroll)return this.columns;if(this.is_potential_horizontal_scroll)return this.columns;if(!this.col_widths_inited)return this.columns;var e=-1*this.scroll_left;return(0,F.default)(this.columns,function(n){var r=e+n.pixel_width+1<0,o=e>t.client_width;return e+=n.pixel_width+1,!r&&!o})},first_visible_column:function(){return(0,L.default)(this.render_cols)},last_visible_column:function(){return(0,N.default)(this.render_cols)},visible_column_count:function(){return(0,I.default)(this.render_cols)},total_column_count:function(){return(0,I.default)(this.columns)},resize_delta:function(){return-1==this.mousedown_x?0:this.mouse_x-this.mousedown_x},vertical_scrollbar_left:function(){return this.offset_left+this.client_width},vertical_scrollbar_right:function(){return this.offset_left+this.offset_width},horizontal_scrollbar_top:function(){return this.offset_top+this.client_height},horizontal_scrollbar_bottom:function(){return this.offset_top+this.offset_height},is_potential_horizontal_scroll:function(){return!!this.is_horizontal_scroll_active||!(this.mouse_x/this.vertical_scrollbar_left>this.mouse_y/this.horizontal_scrollbar_top)&&(this.mouse_y>=2*this.horizontal_scrollbar_top/3&&this.mouse_y<this.horizontal_scrollbar_bottom)},metrics:function(){var t=this,e=this._computedWatchers;e=(0,M.default)(e,["metrics"]),e=(0,C.default)(e,function(e,n){return t[n]});var n=(0,E.default)(this.$data,["start","limit","rows","total_row_count","columns","total_column_count","cached_rows","row_height","row_handle_width","mouse_x","mouse_y","scroll_top","scroll_left","offset_top","offset_left","offset_height","offset_width","client_height","client_width","total_height","total_width"]);return(0,z.default)({},n,e)}},mounted:function(){var t=this;this.active_xhr=null,this.cancelXhr=null,this.default_col_widths={};var e=st(this.$refs.container);this.container_offset_top=e.top,this.container_offset_left=e.left,this.client_height=this.$el.clientHeight,this.client_width=this.$el.clientWidth,this.tryFetchDebounced=(0,j.default)(this.tryFetch,50,{leading:!1,trailing:!0}),this.resizeRowHandleThrottled=(0,w.default)(this.resizeRowHandle,20),this.resizeColumnThrottled=(0,w.default)(this.resizeColumn,20),this.scrollVerticalThrottled=(0,w.default)(this.scrollVertical,5,{leading:!1,trailing:!0}),this.tryFetch(),this.onDocumentMousedown=function(e){t.mousedown_x=e.pageX,t.mousedown_y=e.pageY},this.onDocumentMouseup=function(e){t.mousedown_x=-1,t.mousedown_y=-1,t.resize_col=null,t.resize_row_handle=null,t.is_horizontal_scroll_active=!1,t.updateStyle("cursor",""),t.updateStyle("noselect","")},this.onDocumentMousemove=function(e){t.mouse_x=e.pageX,t.mouse_y=e.pageY,(0,x.default)(t.resize_row_handle)||t.resizeRowHandleThrottled(),(0,x.default)(t.resize_col)||t.resizeColumnThrottled()},document.addEventListener("mousedown",this.onDocumentMousedown),document.addEventListener("mouseup",this.onDocumentMouseup),document.addEventListener("mousemove",this.onDocumentMousemove)},beforeDestroy:function(){document.removeEventListener("mousedown",this.onDocumentMousedown),document.removeEventListener("mouseup",this.onDocumentMouseup),document.removeEventListener("mousemove",this.onDocumentMousemove)},methods:{getFetchUrl:function(t,e){var n=this.dataUrl+"?start="+t+"&limit="+e;return this.inited?n:n+"&metadata=true"},tryFetch:function(){var t=this,e=this,n=this.start,r=this.limit,o=this.getFetchUrl(n,r);if((0,x.default)(this.active_xhr)||(0,x.default)(this.cancelXhr)||(this.cancelXhr(),this.active_xhr=null,this.cancelXhr=null),!this.rows_in_cache){var i=X.default.CancelToken;this.active_xhr=X.default.get(o,{headers:this.customHeaders,cancelToken:new i(function(t){e.cancelXhr=t})}).then(function(e){var o=e.data;if((0,m.default)(o.total_count)&&(t.total_row_count=o.total_count),!t.inited&&(0,v.default)(o.columns)){var i=(0,W.default)(o.columns,function(t){return(0,z.default)({pixel_width:G.DEFAULT_COLUMN_WIDTH},t)});t.columns=[].concat(i)}t.rows=[].concat(o.rows);for(var u=n,s=r,c=t.total_row_count,a={},f=0,l=u;l<u+s&&l<c;++l)a[l]=t.rows[f],f++;t.cached_rows=(0,z.default)({},t.cached_rows,a),t.inited=!0,t.active_xhr=null,t.cancelXhr=null})}},onStartRowHandleResize:function(t){this.resize_row_handle={old_width:this.row_handle_width},this.updateStyle("cursor","html, body { cursor: ew-resize !important; }"),this.updateStyle("noselect","html, body { -moz-user-select: none !important; user-select: none !important }")},onStartColumnResize:function(t){this.resize_col=(0,p.default)(t),this.updateStyle("cursor","html, body { cursor: ew-resize !important; }"),this.updateStyle("noselect","html, body { -moz-user-select: none !important; user-select: none !important }")},onResize:function(t){var e=this;this.$refs.container;this.offset_top=this.container_offset_top+t.offsetTop,this.offset_left=this.container_offset_left+t.offsetLeft,this.offset_height=t.offsetHeight,this.offset_width=t.offsetWidth,this.client_height=t.clientHeight,this.client_width=t.clientWidth,this.$nextTick(function(){e.last_visible_row>=e.start+e.rendered_row_count&&(e.start=e.first_visible_row,e.tryFetchDebounced())})},onScroll:function(){var t=this.$refs.tbody.scrollTop,e=this.$refs.tbody.scrollLeft;return this.scroll_top!=t?this.scrollVerticalThrottled(t,this.scroll_top):this.scroll_left!=e?this.scrollHorizontal(e,this.scroll_left):void 0},scrollVertical:function(t,e){this.scroll_top=t,this.last_visible_row>=this.start+this.rendered_row_count&&(this.start=this.first_visible_row,this.tryFetchDebounced()),this.first_visible_row<this.start&&(this.start=this.first_visible_row,this.tryFetchDebounced())},scrollHorizontal:function(t,e){this.is_horizontal_scroll_active=!0,this.scroll_left=t},resizeRowHandle:function(){var t=this.resize_row_handle.old_width,e=t+this.resize_delta;e=Math.max(G.ROW_HANDLE_MIN_WIDTH,e),e=Math.min(G.ROW_HANDLE_MAX_WIDTH,e),this.row_handle_width=e},resizeColumn:function(){var t=this,e=(0,l.default)(this.columns,{name:(0,a.default)(this.resize_col,"name")});if(!(0,x.default)(e)){var n=(0,W.default)(this.columns,function(n){if((0,a.default)(n,"name")==(0,a.default)(e,"name")){var r=(0,a.default)(t.resize_col,"pixel_width",G.DEFAULT_COLUMN_WIDTH),o=r+t.resize_delta;return o=Math.max(G.COLUMN_MIN_WIDTH,o),o=Math.min(G.COLUMN_MAX_WIDTH,o),(0,z.default)({},e,{pixel_width:o})}return n});this.columns=[].concat(n)}},initializeColumnWidths:function(t,e,n){var r=this;if(!this.col_widths_inited){var o=(0,s.default)(this.default_col_widths[e.name],G.COLUMN_MIN_WIDTH),i=Math.max(o,n+20);i=Math.min(i,G.COLUMN_MAX_WIDTH),this.default_col_widths[e.name]=i;var u="header"==t,c=t==this.rendered_row_count-1;if(u||c){var a=(0,W.default)(this.columns,function(t){var e=r.default_col_widths[t.name];return(0,z.default)({},t,{pixel_width:e})});this.columns=[].concat(a),this.$nextTick(function(){r.col_widths_inited=!0})}}},updateStyle:function(t,e){var n=document.head||document.getElementsByTagName("head")[0],r=document.getElementById(this.uid+"-"+t);r&&n.removeChild(r),(0,i.default)(e)&&0!=e.length&&(r=document.createElement("style"),r.type="text/css",r.id=this.uid+"-"+t,r.styleSheet?r.styleSheet.cssText=e:r.appendChild(document.createTextNode(e)),n.appendChild(r))}}}},function(t,e,n){function r(t){var e=u.call(t,c),n=t[c];try{t[c]=void 0;var r=!0}catch(t){}var o=s.call(t);return r&&(e?t[c]=n:delete t[c]),o}var o=n(10),i=Object.prototype,u=i.hasOwnProperty,s=i.toString,c=o?o.toStringTag:void 0;t.exports=r},function(t,e){function n(t){return o.call(t)}var r=Object.prototype,o=r.toString;t.exports=n},function(t,e){function n(t,e){return null==t||t!==t?e:t}t.exports=n},function(t,e,n){var r=n(98),o=/^\./,i=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,u=/\\(\\)?/g,s=r(function(t){var e=[];return o.test(t)&&e.push(""),t.replace(i,function(t,n,r,o){e.push(r?o.replace(u,"$1"):n||t)}),e});t.exports=s},function(t,e,n){function r(t){var e=o(t,function(t){return n.size===i&&n.clear(),t}),n=e.cache;return e}var o=n(99),i=500;t.exports=r},function(t,e,n){function r(t,e){if("function"!=typeof t||null!=e&&"function"!=typeof e)throw new TypeError(i);var n=function(){var r=arguments,o=e?e.apply(this,r):r[0],i=n.cache;if(i.has(o))return i.get(o);var u=t.apply(this,r);return n.cache=i.set(o,u)||i,u};return n.cache=new(r.Cache||o),n}var o=n(29),i="Expected a function";r.Cache=o,t.exports=r},function(t,e,n){function r(){this.size=0,this.__data__={hash:new o,map:new(u||i),string:new o}}var o=n(101),i=n(20),u=n(30);t.exports=r},function(t,e,n){function r(t){var e=-1,n=null==t?0:t.length;for(this.clear();++e<n;){var r=t[e];this.set(r[0],r[1])}}var o=n(102),i=n(107),u=n(108),s=n(109),c=n(110);r.prototype.clear=o,r.prototype.delete=i,r.prototype.get=u,r.prototype.has=s,r.prototype.set=c,t.exports=r},function(t,e,n){function r(){this.__data__=o?o(null):{},this.size=0}var o=n(19);t.exports=r},function(t,e,n){function r(t){return!(!u(t)||i(t))&&(o(t)?h:a).test(s(t))}var o=n(47),i=n(104),u=n(3),s=n(48),c=/[\\^$.*+?()[\]{}|]/g,a=/^\[object .+?Constructor\]$/,f=Function.prototype,l=Object.prototype,d=f.toString,p=l.hasOwnProperty,h=RegExp("^"+d.call(p).replace(c,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");t.exports=r},function(t,e,n){function r(t){return!!i&&i in t}var o=n(105),i=function(){var t=/[^.]+$/.exec(o&&o.keys&&o.keys.IE_PROTO||"");return t?"Symbol(src)_1."+t:""}();t.exports=r},function(t,e,n){var r=n(2),o=r["__core-js_shared__"];t.exports=o},function(t,e){function n(t,e){return null==t?void 0:t[e]}t.exports=n},function(t,e){function n(t){var e=this.has(t)&&delete this.__data__[t];return this.size-=e?1:0,e}t.exports=n},function(t,e,n){function r(t){var e=this.__data__;if(o){var n=e[t];return n===i?void 0:n}return s.call(e,t)?e[t]:void 0}var o=n(19),i="__lodash_hash_undefined__",u=Object.prototype,s=u.hasOwnProperty;t.exports=r},function(t,e,n){function r(t){var e=this.__data__;return o?void 0!==e[t]:u.call(e,t)}var o=n(19),i=Object.prototype,u=i.hasOwnProperty;t.exports=r},function(t,e,n){function r(t,e){var n=this.__data__;return this.size+=this.has(t)?0:1,n[t]=o&&void 0===e?i:e,this}var o=n(19),i="__lodash_hash_undefined__";t.exports=r},function(t,e){function n(){this.__data__=[],this.size=0}t.exports=n},function(t,e,n){function r(t){var e=this.__data__,n=o(e,t);return!(n<0)&&(n==e.length-1?e.pop():u.call(e,n,1),--this.size,!0)}var o=n(21),i=Array.prototype,u=i.splice;t.exports=r},function(t,e,n){function r(t){var e=this.__data__,n=o(e,t);return n<0?void 0:e[n][1]}var o=n(21);t.exports=r},function(t,e,n){function r(t){return o(this.__data__,t)>-1}var o=n(21);t.exports=r},function(t,e,n){function r(t,e){var n=this.__data__,r=o(n,t);return r<0?(++this.size,n.push([t,e])):n[r][1]=e,this}var o=n(21);t.exports=r},function(t,e,n){function r(t){var e=o(this,t).delete(t);return this.size-=e?1:0,e}var o=n(23);t.exports=r},function(t,e){function n(t){var e=typeof t;return"string"==e||"number"==e||"symbol"==e||"boolean"==e?"__proto__"!==t:null===t}t.exports=n},function(t,e,n){function r(t){return o(this,t).get(t)}var o=n(23);t.exports=r},function(t,e,n){function r(t){return o(this,t).has(t)}var o=n(23);t.exports=r},function(t,e,n){function r(t,e){var n=o(this,t),r=n.size;return n.set(t,e),this.size+=n.size==r?0:1,this}var o=n(23);t.exports=r},function(t,e,n){function r(t){if("string"==typeof t)return t;if(u(t))return i(t,r)+"";if(s(t))return f?f.call(t):"";var e=t+"";return"0"==e&&1/t==-c?"-0":e}var o=n(10),i=n(31),u=n(0),s=n(18),c=1/0,a=o?o.prototype:void 0,f=a?a.toString:void 0;t.exports=r},function(t,e,n){var r=n(123),o=n(156),i=r(o);t.exports=i},function(t,e,n){function r(t){return function(e,n,r){var s=Object(e);if(!i(e)){var c=o(n,3);e=u(e),n=function(t){return c(s[t],t,s)}}var a=t(e,n,r);return a>-1?s[c?e[a]:a]:void 0}}var o=n(16),i=n(6),u=n(9);t.exports=r},function(t,e,n){function r(t){var e=i(t);return 1==e.length&&e[0][2]?u(e[0][0],e[0][1]):function(n){return n===t||o(n,t,e)}}var o=n(125),i=n(150),u=n(64);t.exports=r},function(t,e,n){function r(t,e,n,r){var c=n.length,a=c,f=!r;if(null==t)return!a;for(t=Object(t);c--;){var l=n[c];if(f&&l[2]?l[1]!==t[l[0]]:!(l[0]in t))return!1}for(;++c<a;){l=n[c];var d=l[0],p=t[d],h=l[1];if(f&&l[2]){if(void 0===p&&!(d in t))return!1}else{var v=new o;if(r)var _=r(p,h,d,t,e,v);if(!(void 0===_?i(h,p,u|s,r,v):_))return!1}}return!0}var o=n(32),i=n(50),u=1,s=2;t.exports=r},function(t,e,n){function r(){this.__data__=new o,this.size=0}var o=n(20);t.exports=r},function(t,e){function n(t){var e=this.__data__,n=e.delete(t);return this.size=e.size,n}t.exports=n},function(t,e){function n(t){return this.__data__.get(t)}t.exports=n},function(t,e){function n(t){return this.__data__.has(t)}t.exports=n},function(t,e,n){function r(t,e){var n=this.__data__;if(n instanceof o){var r=n.__data__;if(!i||r.length<s-1)return r.push([t,e]),this.size=++n.size,this;n=this.__data__=new u(r)}return n.set(t,e),this.size=n.size,this}var o=n(20),i=n(30),u=n(29),s=200;t.exports=r},function(t,e,n){function r(t,e,n,r,_,y){var x=a(t),b=a(e),w=x?h:c(t),g=b?h:c(e);w=w==p?v:w,g=g==p?v:g;var j=w==v,O=g==v,z=w==g;if(z&&f(t)){if(!f(e))return!1;x=!0,j=!1}if(z&&!j)return y||(y=new o),x||l(t)?i(t,e,n,r,_,y):u(t,e,w,n,r,_,y);if(!(n&d)){var S=j&&m.call(t,"__wrapped__"),E=O&&m.call(e,"__wrapped__");if(S||E){var A=S?t.value():t,C=E?e.value():e;return y||(y=new o),_(A,C,n,r,y)}}return!!z&&(y||(y=new o),s(t,e,n,r,_,y))}var o=n(32),i=n(51),u=n(137),s=n(138),c=n(39),a=n(0),f=n(36),l=n(60),d=1,p="[object Arguments]",h="[object Array]",v="[object Object]",_=Object.prototype,m=_.hasOwnProperty;t.exports=r},function(t,e,n){function r(t){var e=-1,n=null==t?0:t.length;for(this.__data__=new o;++e<n;)this.add(t[e])}var o=n(29),i=n(133),u=n(134);r.prototype.add=r.prototype.push=i,r.prototype.has=u,t.exports=r},function(t,e){function n(t){return this.__data__.set(t,r),this}var r="__lodash_hash_undefined__";t.exports=n},function(t,e){function n(t){return this.__data__.has(t)}t.exports=n},function(t,e){function n(t,e){for(var n=-1,r=null==t?0:t.length;++n<r;)if(e(t[n],n,t))return!0;return!1}t.exports=n},function(t,e){function n(t,e){return t.has(e)}t.exports=n},function(t,e,n){function r(t,e,n,r,o,j,z){switch(n){case g:if(t.byteLength!=e.byteLength||t.byteOffset!=e.byteOffset)return!1;t=t.buffer,e=e.buffer;case w:return!(t.byteLength!=e.byteLength||!j(new i(t),new i(e)));case d:case p:case _:return u(+t,+e);case h:return t.name==e.name&&t.message==e.message;case m:case x:return t==e+"";case v:var S=c;case y:var E=r&f;if(S||(S=a),t.size!=e.size&&!E)return!1;var A=z.get(t);if(A)return A==e;r|=l,z.set(t,e);var C=s(S(t),S(e),r,o,j,z);return z.delete(t),C;case b:if(O)return O.call(t)==O.call(e)}return!1}var o=n(10),i=n(52),u=n(22),s=n(51),c=n(53),a=n(54),f=1,l=2,d="[object Boolean]",p="[object Date]",h="[object Error]",v="[object Map]",_="[object Number]",m="[object RegExp]",y="[object Set]",x="[object String]",b="[object Symbol]",w="[object ArrayBuffer]",g="[object DataView]",j=o?o.prototype:void 0,O=j?j.valueOf:void 0;t.exports=r},function(t,e,n){function r(t,e,n,r,u,c){var a=n&i,f=o(t),l=f.length;if(l!=o(e).length&&!a)return!1;for(var d=l;d--;){var p=f[d];if(!(a?p in e:s.call(e,p)))return!1}var h=c.get(t);if(h&&c.get(e))return h==e;var v=!0;c.set(t,e),c.set(e,t);for(var _=a;++d<l;){p=f[d];var m=t[p],y=e[p];if(r)var x=a?r(y,m,p,e,t,c):r(m,y,p,t,e,c);if(!(void 0===x?m===y||u(m,y,n,r,c):x)){v=!1;break}_||(_="constructor"==p)}if(v&&!_){var b=t.constructor,w=e.constructor;b!=w&&"constructor"in t&&"constructor"in e&&!("function"==typeof b&&b instanceof b&&"function"==typeof w&&w instanceof w)&&(v=!1)}return c.delete(t),c.delete(e),v}var o=n(55),i=1,u=Object.prototype,s=u.hasOwnProperty;t.exports=r},function(t,e){function n(t,e){for(var n=-1,r=Array(t);++n<t;)r[n]=e(n);return r}t.exports=n},function(t,e,n){function r(t){return i(t)&&o(t)==u}var o=n(4),i=n(5),u="[object Arguments]";t.exports=r},function(t,e){function n(){return!1}t.exports=n},function(t,e,n){function r(t){return u(t)&&i(t.length)&&!!s[o(t)]}var o=n(4),i=n(38),u=n(5),s={};s["[object Float32Array]"]=s["[object Float64Array]"]=s["[object Int8Array]"]=s["[object Int16Array]"]=s["[object Int32Array]"]=s["[object Uint8Array]"]=s["[object Uint8ClampedArray]"]=s["[object Uint16Array]"]=s["[object Uint32Array]"]=!0,s["[object Arguments]"]=s["[object Array]"]=s["[object ArrayBuffer]"]=s["[object Boolean]"]=s["[object DataView]"]=s["[object Date]"]=s["[object Error]"]=s["[object Function]"]=s["[object Map]"]=s["[object Number]"]=s["[object Object]"]=s["[object RegExp]"]=s["[object Set]"]=s["[object String]"]=s["[object WeakMap]"]=!1,t.exports=r},function(t,e){function n(t){return function(e){return t(e)}}t.exports=n},function(t,e,n){(function(t){var r=n(45),o="object"==typeof e&&e&&!e.nodeType&&e,i=o&&"object"==typeof t&&t&&!t.nodeType&&t,u=i&&i.exports===o,s=u&&r.process,c=function(){try{return s&&s.binding&&s.binding("util")}catch(t){}}();t.exports=c}).call(e,n(37)(t))},function(t,e,n){var r=n(62),o=r(Object.keys,Object);t.exports=o},function(t,e,n){var r=n(8),o=n(2),i=r(o,"DataView");t.exports=i},function(t,e,n){var r=n(8),o=n(2),i=r(o,"Promise");t.exports=i},function(t,e,n){var r=n(8),o=n(2),i=r(o,"Set");t.exports=i},function(t,e,n){var r=n(8),o=n(2),i=r(o,"WeakMap");t.exports=i},function(t,e,n){function r(t){for(var e=i(t),n=e.length;n--;){var r=e[n],u=t[r];e[n]=[r,u,o(u)]}return e}var o=n(63),i=n(9);t.exports=r},function(t,e,n){function r(t,e){return s(t)&&c(e)?a(f(t),e):function(n){var r=i(n,t);return void 0===r&&r===e?u(n,t):o(e,r,l|d)}}var o=n(50),i=n(15),u=n(65),s=n(28),c=n(63),a=n(64),f=n(12),l=1,d=2;t.exports=r},function(t,e){function n(t,e){return null!=t&&e in Object(t)}t.exports=n},function(t,e,n){function r(t,e,n){e=o(e,t);for(var r=-1,f=e.length,l=!1;++r<f;){var d=a(e[r]);if(!(l=null!=t&&n(t,d)))break;t=t[d]}return l||++r!=f?l:!!(f=null==t?0:t.length)&&c(f)&&s(d,f)&&(u(t)||i(t))}var o=n(11),i=n(35),u=n(0),s=n(24),c=n(38),a=n(12);t.exports=r},function(t,e,n){function r(t){return u(t)?o(s(t)):i(t)}var o=n(66),i=n(155),u=n(28),s=n(12);t.exports=r},function(t,e,n){function r(t){return function(e){return o(e,t)}}var o=n(17);t.exports=r},function(t,e,n){function r(t,e,n){var r=null==t?0:t.length;if(!r)return-1;var c=null==n?0:u(n);return c<0&&(c=s(r+c,0)),o(t,i(e,3),c)}var o=n(157),i=n(16),u=n(158),s=Math.max;t.exports=r},function(t,e){function n(t,e,n,r){for(var o=t.length,i=n+(r?1:-1);r?i--:++i<o;)if(e(t[i],i,t))return i;return-1}t.exports=n},function(t,e,n){function r(t){var e=o(t),n=e%1;return e===e?n?e-n:e:0}var o=n(159);t.exports=r},function(t,e,n){function r(t){if(!t)return 0===t?t:0;if((t=o(t))===i||t===-i){return(t<0?-1:1)*u}return t===t?t:0}var o=n(67),i=1/0,u=1.7976931348623157e308;t.exports=r},function(t,e,n){function r(t){return o(t,i|u)}var o=n(68),i=1,u=4;t.exports=r},function(t,e){function n(t,e){for(var n=-1,r=null==t?0:t.length;++n<r&&!1!==e(t[n],n,t););return t}t.exports=n},function(t,e,n){function r(t,e){return t&&o(e,i(e),t)}var o=n(13),i=n(9);t.exports=r},function(t,e,n){function r(t,e){return t&&o(e,i(e),t)}var o=n(13),i=n(70);t.exports=r},function(t,e,n){function r(t){if(!o(t))return u(t);var e=i(t),n=[];for(var r in t)("constructor"!=r||!e&&c.call(t,r))&&n.push(r);return n}var o=n(3),i=n(25),u=n(165),s=Object.prototype,c=s.hasOwnProperty;t.exports=r},function(t,e){function n(t){var e=[];if(null!=t)for(var n in Object(t))e.push(n);return e}t.exports=n},function(t,e,n){(function(t){function r(t,e){if(e)return t.slice();var n=t.length,r=a?a(n):new t.constructor(n);return t.copy(r),r}var o=n(2),i="object"==typeof e&&e&&!e.nodeType&&e,u=i&&"object"==typeof t&&t&&!t.nodeType&&t,s=u&&u.exports===i,c=s?o.Buffer:void 0,a=c?c.allocUnsafe:void 0;t.exports=r}).call(e,n(37)(t))},function(t,e){function n(t,e){var n=-1,r=t.length;for(e||(e=Array(r));++n<r;)e[n]=t[n];return e}t.exports=n},function(t,e,n){function r(t,e){return o(t,i(t),e)}var o=n(13),i=n(34);t.exports=r},function(t,e,n){function r(t,e){return o(t,i(t),e)}var o=n(13),i=n(71);t.exports=r},function(t,e){function n(t){var e=t.length,n=t.constructor(e);return e&&"string"==typeof t[0]&&o.call(t,"index")&&(n.index=t.index,n.input=t.input),n}var r=Object.prototype,o=r.hasOwnProperty;t.exports=n},function(t,e,n){function r(t,e,n,r){var T=t.constructor;switch(e){case x:return o(t);case l:case d:return new T(+t);case b:return i(t,r);case w:case g:case j:case O:case z:case S:case E:case A:case C:return f(t,r);case p:return u(t,r,n);case h:case m:return new T(t);case v:return s(t);case _:return c(t,r,n);case y:return a(t)}}var o=n(42),i=n(172),u=n(173),s=n(175),c=n(176),a=n(178),f=n(179),l="[object Boolean]",d="[object Date]",p="[object Map]",h="[object Number]",v="[object RegExp]",_="[object Set]",m="[object String]",y="[object Symbol]",x="[object ArrayBuffer]",b="[object DataView]",w="[object Float32Array]",g="[object Float64Array]",j="[object Int8Array]",O="[object Int16Array]",z="[object Int32Array]",S="[object Uint8Array]",E="[object Uint8ClampedArray]",A="[object Uint16Array]",C="[object Uint32Array]";t.exports=r},function(t,e,n){function r(t,e){var n=e?o(t.buffer):t.buffer;return new t.constructor(n,t.byteOffset,t.byteLength)}var o=n(42);t.exports=r},function(t,e,n){function r(t,e,n){var r=e?n(u(t),s):u(t);return i(r,o,new t.constructor)}var o=n(174),i=n(73),u=n(53),s=1;t.exports=r},function(t,e){function n(t,e){return t.set(e[0],e[1]),t}t.exports=n},function(t,e){function n(t){var e=new t.constructor(t.source,r.exec(t));return e.lastIndex=t.lastIndex,e}var r=/\w*$/;t.exports=n},function(t,e,n){function r(t,e,n){var r=e?n(u(t),s):u(t);return i(r,o,new t.constructor)}var o=n(177),i=n(73),u=n(54),s=1;t.exports=r},function(t,e){function n(t,e){return t.add(e),t}t.exports=n},function(t,e,n){function r(t){return u?Object(u.call(t)):{}}var o=n(10),i=o?o.prototype:void 0,u=i?i.valueOf:void 0;t.exports=r},function(t,e,n){function r(t,e){var n=e?o(t.buffer):t.buffer;return new t.constructor(n,t.byteOffset,t.length)}var o=n(42);t.exports=r},function(t,e,n){function r(t){return"function"!=typeof t.constructor||u(t)?{}:o(i(t))}var o=n(181),i=n(41),u=n(25);t.exports=r},function(t,e,n){var r=n(3),o=Object.create,i=function(){function t(){}return function(e){if(!r(e))return{};if(o)return o(e);t.prototype=e;var n=new t;return t.prototype=void 0,n}}();t.exports=i},function(t,e,n){function r(t){return"number"==typeof t||i(t)&&o(t)==u}var o=n(4),i=n(5),u="[object Number]";t.exports=r},function(t,e){function n(t){return null==t}t.exports=n},function(t,e,n){function r(t,e,n){var r=!0,s=!0;if("function"!=typeof t)throw new TypeError(u);return i(n)&&(r="leading"in n?!!n.leading:r,s="trailing"in n?!!n.trailing:s),o(t,e,{leading:r,maxWait:e,trailing:s})}var o=n(74),i=n(3),u="Expected a function";t.exports=r},function(t,e,n){var r=n(2),o=function(){return r.Date.now()};t.exports=o},function(t,e,n){var r=n(27),o=n(13),i=n(187),u=n(6),s=n(25),c=n(9),a=Object.prototype,f=a.hasOwnProperty,l=i(function(t,e){if(s(e)||u(e))return void o(e,c(e),t);for(var n in e)f.call(e,n)&&r(t,n,e[n])});t.exports=l},function(t,e,n){function r(t){return o(function(e,n){var r=-1,o=n.length,u=o>1?n[o-1]:void 0,s=o>2?n[2]:void 0;for(u=t.length>3&&"function"==typeof u?(o--,u):void 0,s&&i(n[0],n[1],s)&&(u=o<3?void 0:u,o=1),e=Object(e);++r<o;){var c=n[r];c&&t(e,c,r,u)}return e})}var o=n(188),i=n(193);t.exports=r},function(t,e,n){function r(t,e){return u(i(t,e,o),t+"")}var o=n(26),i=n(75),u=n(76);t.exports=r},function(t,e){function n(t,e,n){switch(n.length){case 0:return t.call(e);case 1:return t.call(e,n[0]);case 2:return t.call(e,n[0],n[1]);case 3:return t.call(e,n[0],n[1],n[2])}return t.apply(e,n)}t.exports=n},function(t,e,n){var r=n(191),o=n(69),i=n(26),u=o?function(t,e){return o(t,"toString",{configurable:!0,enumerable:!1,value:r(e),writable:!0})}:i;t.exports=u},function(t,e){function n(t){return function(){return t}}t.exports=n},function(t,e){function n(t){var e=0,n=0;return function(){var u=i(),s=o-(u-n);if(n=u,s>0){if(++e>=r)return arguments[0]}else e=0;return t.apply(void 0,arguments)}}var r=800,o=16,i=Date.now;t.exports=n},function(t,e,n){function r(t,e,n){if(!s(n))return!1;var r=typeof e;return!!("number"==r?i(n)&&u(e,n.length):"string"==r&&e in n)&&o(n[e],t)}var o=n(22),i=n(6),u=n(24),s=n(3);t.exports=r},function(t,e,n){var r=n(195),o=n(77),i=o(function(t,e){return null==t?{}:r(t,e)});t.exports=i},function(t,e,n){function r(t,e){return o(t,e,function(e,n){return i(t,n)})}var o=n(196),i=n(65);t.exports=r},function(t,e,n){function r(t,e,n){for(var r=-1,s=e.length,c={};++r<s;){var a=e[r],f=o(t,a);n(f,a)&&i(c,u(a,t),f)}return c}var o=n(17),i=n(197),u=n(11);t.exports=r},function(t,e,n){function r(t,e,n,r){if(!s(t))return t;e=i(e,t);for(var a=-1,f=e.length,l=f-1,d=t;null!=d&&++a<f;){var p=c(e[a]),h=n;if(a!=l){var v=d[p];h=r?r(v,p,d):void 0,void 0===h&&(h=s(v)?v:u(e[a+1])?[]:{})}o(d,p,h),d=d[p]}return t}var o=n(27),i=n(11),u=n(24),s=n(3),c=n(12);t.exports=r},function(t,e,n){function r(t){return(null==t?0:t.length)?o(t,1):[]}var o=n(199);t.exports=r},function(t,e,n){function r(t,e,n,u,s){var c=-1,a=t.length;for(n||(n=i),s||(s=[]);++c<a;){var f=t[c];e>0&&n(f)?e>1?r(f,e-1,n,u,s):o(s,f):u||(s[s.length]=f)}return s}var o=n(33),i=n(200);t.exports=r},function(t,e,n){function r(t){return u(t)||i(t)||!!(s&&t&&t[s])}var o=n(10),i=n(35),u=n(0),s=o?o.isConcatSpreadable:void 0;t.exports=r},function(t,e,n){function r(t,e){var n={};return e=u(e,3),i(t,function(t,r,i){o(n,r,e(t,r,i))}),n}var o=n(40),i=n(78),u=n(16);t.exports=r},function(t,e,n){var r=n(203),o=r();t.exports=o},function(t,e){function n(t){return function(e,n,r){for(var o=-1,i=Object(e),u=r(e),s=u.length;s--;){var c=u[t?s:++o];if(!1===n(i[c],c,i))break}return e}}t.exports=n},function(t,e,n){var r=n(31),o=n(68),i=n(205),u=n(11),s=n(13),c=n(208),a=n(77),f=n(72),l=a(function(t,e){var n={};if(null==t)return n;var a=!1;e=r(e,function(e){return e=u(e,t),a||(a=e.length>1),e}),s(t,f(t),n),a&&(n=o(n,7,c));for(var l=e.length;l--;)i(n,e[l]);return n});t.exports=l},function(t,e,n){function r(t,e){return e=o(e,t),null==(t=u(t,e))||delete t[s(i(e))]}var o=n(11),i=n(79),u=n(206),s=n(12);t.exports=r},function(t,e,n){function r(t,e){return e.length<2?t:o(t,i(e,0,-1))}var o=n(17),i=n(207);t.exports=r},function(t,e){function n(t,e,n){var r=-1,o=t.length;e<0&&(e=-e>o?0:o+e),n=n>o?o:n,n<0&&(n+=o),o=e>n?0:n-e>>>0,e>>>=0;for(var i=Array(o);++r<o;)i[r]=t[r+e];return i}t.exports=n},function(t,e,n){function r(t){return o(t)?void 0:t}var o=n(209);t.exports=r},function(t,e,n){function r(t){if(!u(t)||o(t)!=s)return!1;var e=i(t);if(null===e)return!0;var n=l.call(e,"constructor")&&e.constructor;return"function"==typeof n&&n instanceof n&&f.call(n)==d}var o=n(4),i=n(41),u=n(5),s="[object Object]",c=Function.prototype,a=Object.prototype,f=c.toString,l=a.hasOwnProperty,d=f.call(Object);t.exports=r},function(t,e,n){t.exports=n(211)},function(t,e){function n(t){return t&&t.length?t[0]:void 0}t.exports=n},function(t,e,n){function r(t,e){return(s(t)?o:i)(t,u(e,3))}var o=n(57),i=n(213),u=n(16),s=n(0);t.exports=r},function(t,e,n){function r(t,e){var n=[];return o(t,function(t,r,o){e(t,r,o)&&n.push(t)}),n}var o=n(80);t.exports=r},function(t,e,n){function r(t,e){return function(n,r){if(null==n)return n;if(!o(n))return t(n,r);for(var i=n.length,u=e?i:-1,s=Object(n);(e?u--:++u<i)&&!1!==r(s[u],u,s););return n}}var o=n(6);t.exports=r},function(t,e,n){function r(t){if(null==t)return 0;if(u(t))return s(t)?c(t):t.length;var e=i(t);return e==a||e==f?t.size:o(t).length}var o=n(61),i=n(39),u=n(6),s=n(44),c=n(216),a="[object Map]",f="[object Set]";t.exports=r},function(t,e,n){function r(t){return i(t)?u(t):o(t)}var o=n(217),i=n(218),u=n(219);t.exports=r},function(t,e,n){var r=n(66),o=r("length");t.exports=o},function(t,e){function n(t){return r.test(t)}var r=RegExp("[\\u200d\\ud800-\\udfff\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff\\ufe0e\\ufe0f]");t.exports=n},function(t,e){function n(t){for(var e=l.lastIndex=0;l.test(t);)++e;return e}var r="[\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff]",o="\\ud83c[\\udffb-\\udfff]",i="(?:\\ud83c[\\udde6-\\uddff]){2}",u="[\\ud800-\\udbff][\\udc00-\\udfff]",s="(?:[\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff]|\\ud83c[\\udffb-\\udfff])?",c="(?:\\u200d(?:"+["[^\\ud800-\\udfff]",i,u].join("|")+")[\\ufe0e\\ufe0f]?"+s+")*",a="[\\ufe0e\\ufe0f]?"+s+c,f="(?:"+["[^\\ud800-\\udfff]"+r+"?",r,i,u,"[\\ud800-\\udfff]"].join("|")+")",l=RegExp(o+"(?="+o+")|"+f+a,"g");t.exports=n},function(t,e,n){function r(t,e){return(s(t)?o:u)(t,i(e,3))}var o=n(31),i=n(16),u=n(221),s=n(0);t.exports=r},function(t,e,n){function r(t,e){var n=-1,r=i(t)?Array(t.length):[];return o(t,function(t,o,i){r[++n]=e(t,o,i)}),r}var o=n(80),i=n(6);t.exports=r},function(t,e,n){function r(t){return t&&t.length?o(t,i):0}var o=n(223),i=n(26);t.exports=r},function(t,e){function n(t,e){for(var n,r=-1,o=t.length;++r<o;){var i=e(t[r]);void 0!==i&&(n=void 0===n?i:n+i)}return n}t.exports=n},function(t,e,n){function r(t){var e=++i;return o(t)+e}var o=n(49),i=0;t.exports=r},function(t,e,n){t.exports=n(226)},function(t,e,n){"use strict";function r(t){var e=new u(t),n=i(u.prototype.request,e);return o.extend(n,u.prototype,e),o.extend(n,e),n}var o=n(1),i=n(81),u=n(227),s=n(43),c=r(s);c.Axios=u,c.create=function(t){return r(o.merge(s,t))},c.Cancel=n(85),c.CancelToken=n(241),c.isCancel=n(84),c.all=function(t){return Promise.all(t)},c.spread=n(242),t.exports=c,t.exports.default=c},function(t,e,n){"use strict";function r(t){this.defaults=t,this.interceptors={request:new u,response:new u}}var o=n(43),i=n(1),u=n(236),s=n(237),c=n(239),a=n(240);r.prototype.request=function(t){"string"==typeof t&&(t=i.merge({url:arguments[0]},arguments[1])),t=i.merge(o,this.defaults,{method:"get"},t),t.baseURL&&!c(t.url)&&(t.url=a(t.baseURL,t.url));var e=[s,void 0],n=Promise.resolve(t);for(this.interceptors.request.forEach(function(t){e.unshift(t.fulfilled,t.rejected)}),this.interceptors.response.forEach(function(t){e.push(t.fulfilled,t.rejected)});e.length;)n=n.then(e.shift(),e.shift());return n},i.forEach(["delete","get","head","options"],function(t){r.prototype[t]=function(e,n){return this.request(i.merge(n||{},{method:t,url:e}))}}),i.forEach(["post","put","patch"],function(t){r.prototype[t]=function(e,n,r){return this.request(i.merge(r||{},{method:t,url:e,data:n}))}}),t.exports=r},function(t,e,n){"use strict";var r=n(1);t.exports=function(t,e){r.forEach(t,function(n,r){r!==e&&r.toUpperCase()===e.toUpperCase()&&(t[e]=n,delete t[r])})}},function(t,e,n){"use strict";var r=n(83);t.exports=function(t,e,n){var o=n.config.validateStatus;n.status&&o&&!o(n.status)?e(r("Request failed with status code "+n.status,n.config,null,n)):t(n)}},function(t,e,n){"use strict";t.exports=function(t,e,n,r){return t.config=e,n&&(t.code=n),t.response=r,t}},function(t,e,n){"use strict";function r(t){return encodeURIComponent(t).replace(/%40/gi,"@").replace(/%3A/gi,":").replace(/%24/g,"$").replace(/%2C/gi,",").replace(/%20/g,"+").replace(/%5B/gi,"[").replace(/%5D/gi,"]")}var o=n(1);t.exports=function(t,e,n){if(!e)return t;var i;if(n)i=n(e);else if(o.isURLSearchParams(e))i=e.toString();else{var u=[];o.forEach(e,function(t,e){null!==t&&void 0!==t&&(o.isArray(t)&&(e+="[]"),o.isArray(t)||(t=[t]),o.forEach(t,function(t){o.isDate(t)?t=t.toISOString():o.isObject(t)&&(t=JSON.stringify(t)),u.push(r(e)+"="+r(t))}))}),i=u.join("&")}return i&&(t+=(-1===t.indexOf("?")?"?":"&")+i),t}},function(t,e,n){"use strict";var r=n(1);t.exports=function(t){var e,n,o,i={};return t?(r.forEach(t.split("\n"),function(t){o=t.indexOf(":"),e=r.trim(t.substr(0,o)).toLowerCase(),n=r.trim(t.substr(o+1)),e&&(i[e]=i[e]?i[e]+", "+n:n)}),i):i}},function(t,e,n){"use strict";var r=n(1);t.exports=r.isStandardBrowserEnv()?function(){function t(t){var e=t;return n&&(o.setAttribute("href",e),e=o.href),o.setAttribute("href",e),{href:o.href,protocol:o.protocol?o.protocol.replace(/:$/,""):"",host:o.host,search:o.search?o.search.replace(/^\?/,""):"",hash:o.hash?o.hash.replace(/^#/,""):"",hostname:o.hostname,port:o.port,pathname:"/"===o.pathname.charAt(0)?o.pathname:"/"+o.pathname}}var e,n=/(msie|trident)/i.test(navigator.userAgent),o=document.createElement("a");return e=t(window.location.href),function(n){var o=r.isString(n)?t(n):n;return o.protocol===e.protocol&&o.host===e.host}}():function(){return function(){return!0}}()},function(t,e,n){"use strict";function r(){this.message="String contains an invalid character"}function o(t){for(var e,n,o=String(t),u="",s=0,c=i;o.charAt(0|s)||(c="=",s%1);u+=c.charAt(63&e>>8-s%1*8)){if((n=o.charCodeAt(s+=.75))>255)throw new r;e=e<<8|n}return u}var i="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";r.prototype=new Error,r.prototype.code=5,r.prototype.name="InvalidCharacterError",t.exports=o},function(t,e,n){"use strict";var r=n(1);t.exports=r.isStandardBrowserEnv()?function(){return{write:function(t,e,n,o,i,u){var s=[];s.push(t+"="+encodeURIComponent(e)),r.isNumber(n)&&s.push("expires="+new Date(n).toGMTString()),r.isString(o)&&s.push("path="+o),r.isString(i)&&s.push("domain="+i),!0===u&&s.push("secure"),document.cookie=s.join("; ")},read:function(t){var e=document.cookie.match(new RegExp("(^|;\\s*)("+t+")=([^;]*)"));return e?decodeURIComponent(e[3]):null},remove:function(t){this.write(t,"",Date.now()-864e5)}}}():function(){return{write:function(){},read:function(){return null},remove:function(){}}}()},function(t,e,n){"use strict";function r(){this.handlers=[]}var o=n(1);r.prototype.use=function(t,e){return this.handlers.push({fulfilled:t,rejected:e}),this.handlers.length-1},r.prototype.eject=function(t){this.handlers[t]&&(this.handlers[t]=null)},r.prototype.forEach=function(t){o.forEach(this.handlers,function(e){null!==e&&t(e)})},t.exports=r},function(t,e,n){"use strict";function r(t){t.cancelToken&&t.cancelToken.throwIfRequested()}var o=n(1),i=n(238),u=n(84),s=n(43);t.exports=function(t){return r(t),t.headers=t.headers||{},t.data=i(t.data,t.headers,t.transformRequest),t.headers=o.merge(t.headers.common||{},t.headers[t.method]||{},t.headers||{}),o.forEach(["delete","get","head","post","put","patch","common"],function(e){delete t.headers[e]}),(t.adapter||s.adapter)(t).then(function(e){return r(t),e.data=i(e.data,e.headers,t.transformResponse),e},function(e){return u(e)||(r(t),e&&e.response&&(e.response.data=i(e.response.data,e.response.headers,t.transformResponse))),Promise.reject(e)})}},function(t,e,n){"use strict";var r=n(1);t.exports=function(t,e,n){return r.forEach(n,function(n){t=n(t,e)}),t}},function(t,e,n){"use strict";t.exports=function(t){return/^([a-z][a-z\d\+\-\.]*:)?\/\//i.test(t)}},function(t,e,n){"use strict";t.exports=function(t,e){return e?t.replace(/\/+$/,"")+"/"+e.replace(/^\/+/,""):t}},function(t,e,n){"use strict";function r(t){if("function"!=typeof t)throw new TypeError("executor must be a function.");var e;this.promise=new Promise(function(t){e=t});var n=this;t(function(t){n.reason||(n.reason=new o(t),e(n.reason))})}var o=n(85);r.prototype.throwIfRequested=function(){if(this.reason)throw this.reason},r.source=function(){var t;return{token:new r(function(e){t=e}),cancel:t}},t.exports=r},function(t,e,n){"use strict";t.exports=function(t){return function(e){return t.apply(null,e)}}},function(t,e,n){!function(e,r){t.exports=r(n(244),n(245))}(0,function(t,e){return function(t){function e(r){if(n[r])return n[r].exports;var o=n[r]={exports:{},id:r,loaded:!1};return t[r].call(o.exports,o,o.exports,e),o.loaded=!0,o.exports}var n={};return e.m=t,e.c=n,e.p="/",e(0)}([function(t,e,n){var r,o,i;!function(u,s){o=[t,e,n(9),n(36),n(37)],r=s,void 0!==(i="function"==typeof r?r.apply(e,o):r)&&(t.exports=i)}(0,function(t,e,n,r,o){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}function u(t){if(!t)return d;var e=(0,s.default)(t);return e.length?Number(e[0]):d}Object.defineProperty(e,"__esModule",{value:!0});var s=i(n),c=i(r),a=i(o),f=a.default.debounce,l=void 0===f?a.default:f,d=150;e.default={inserted:function(t,e){var n=e.value,r=e.arg,o=e.modifiers,i=function(){return n(t)};switch(r){case"debounce":i=l(function(){return n(t)},u(o));break;case"throttle":var s=u(o);i=l(function(){return n(t)},s,{leading:!0,trailing:!0,maxWait:s})}(0,c.default)(t,i)}},t.exports=e.default})},function(t,e){var n=t.exports={version:"2.4.0"};"number"==typeof __e&&(__e=n)},function(t,e,n){t.exports=!n(3)(function(){return 7!=Object.defineProperty({},"a",{get:function(){return 7}}).a})},function(t,e){t.exports=function(t){try{return!!t()}catch(t){return!0}}},function(t,e){var n=t.exports="undefined"!=typeof window&&window.Math==Math?window:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")();"number"==typeof __g&&(__g=n)},function(t,e){t.exports=function(t){return"object"==typeof t?null!==t:"function"==typeof t}},function(t,e){t.exports=function(t){if(void 0==t)throw TypeError("Can't call method on  "+t);return t}},function(t,e){var n=Math.ceil,r=Math.floor;t.exports=function(t){return isNaN(t=+t)?0:(t>0?r:n)(t)}},function(t,e,n){var r=n(22),o=n(6);t.exports=function(t){return r(o(t))}},function(t,e,n){t.exports={default:n(10),__esModule:!0}},function(t,e,n){n(35),t.exports=n(1).Object.keys},function(t,e){t.exports=function(t){if("function"!=typeof t)throw TypeError(t+" is not a function!");return t}},function(t,e,n){var r=n(5);t.exports=function(t){if(!r(t))throw TypeError(t+" is not an object!");return t}},function(t,e,n){var r=n(8),o=n(31),i=n(30);t.exports=function(t){return function(e,n,u){var s,c=r(e),a=o(c.length),f=i(u,a);if(t&&n!=n){for(;a>f;)if((s=c[f++])!=s)return!0}else for(;a>f;f++)if((t||f in c)&&c[f]===n)return t||f||0;return!t&&-1}}},function(t,e){var n={}.toString;t.exports=function(t){return n.call(t).slice(8,-1)}},function(t,e,n){var r=n(11);t.exports=function(t,e,n){if(r(t),void 0===e)return t;switch(n){case 1:return function(n){return t.call(e,n)};case 2:return function(n,r){return t.call(e,n,r)};case 3:return function(n,r,o){return t.call(e,n,r,o)}}return function(){return t.apply(e,arguments)}}},function(t,e,n){var r=n(5),o=n(4).document,i=r(o)&&r(o.createElement);t.exports=function(t){return i?o.createElement(t):{}}},function(t,e){t.exports="constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf".split(",")},function(t,e,n){var r=n(4),o=n(1),i=n(15),u=n(20),s="prototype",c=function(t,e,n){var a,f,l,d=t&c.F,p=t&c.G,h=t&c.S,v=t&c.P,_=t&c.B,m=t&c.W,y=p?o:o[e]||(o[e]={}),x=y[s],b=p?r:h?r[e]:(r[e]||{})[s];p&&(n=e);for(a in n)(f=!d&&b&&void 0!==b[a])&&a in y||(l=f?b[a]:n[a],y[a]=p&&"function"!=typeof b[a]?n[a]:_&&f?i(l,r):m&&b[a]==l?function(t){var e=function(e,n,r){if(this instanceof t){switch(arguments.length){case 0:return new t;case 1:return new t(e);case 2:return new t(e,n)}return new t(e,n,r)}return t.apply(this,arguments)};return e[s]=t[s],e}(l):v&&"function"==typeof l?i(Function.call,l):l,v&&((y.virtual||(y.virtual={}))[a]=l,t&c.R&&x&&!x[a]&&u(x,a,l)))};c.F=1,c.G=2,c.S=4,c.P=8,c.B=16,c.W=32,c.U=64,c.R=128,t.exports=c},function(t,e){var n={}.hasOwnProperty;t.exports=function(t,e){return n.call(t,e)}},function(t,e,n){var r=n(23),o=n(27);t.exports=n(2)?function(t,e,n){return r.f(t,e,o(1,n))}:function(t,e,n){return t[e]=n,t}},function(t,e,n){t.exports=!n(2)&&!n(3)(function(){return 7!=Object.defineProperty(n(16)("div"),"a",{get:function(){return 7}}).a})},function(t,e,n){var r=n(14);t.exports=Object("z").propertyIsEnumerable(0)?Object:function(t){return"String"==r(t)?t.split(""):Object(t)}},function(t,e,n){var r=n(12),o=n(21),i=n(33),u=Object.defineProperty;e.f=n(2)?Object.defineProperty:function(t,e,n){if(r(t),e=i(e,!0),r(n),o)try{return u(t,e,n)}catch(t){}if("get"in n||"set"in n)throw TypeError("Accessors not supported!");return"value"in n&&(t[e]=n.value),t}},function(t,e,n){var r=n(19),o=n(8),i=n(13)(!1),u=n(28)("IE_PROTO");t.exports=function(t,e){var n,s=o(t),c=0,a=[];for(n in s)n!=u&&r(s,n)&&a.push(n);for(;e.length>c;)r(s,n=e[c++])&&(~i(a,n)||a.push(n));return a}},function(t,e,n){var r=n(24),o=n(17);t.exports=Object.keys||function(t){return r(t,o)}},function(t,e,n){var r=n(18),o=n(1),i=n(3);t.exports=function(t,e){var n=(o.Object||{})[t]||Object[t],u={};u[t]=e(n),r(r.S+r.F*i(function(){n(1)}),"Object",u)}},function(t,e){t.exports=function(t,e){return{enumerable:!(1&t),configurable:!(2&t),writable:!(4&t),value:e}}},function(t,e,n){var r=n(29)("keys"),o=n(34);t.exports=function(t){return r[t]||(r[t]=o(t))}},function(t,e,n){var r=n(4),o="__core-js_shared__",i=r[o]||(r[o]={});t.exports=function(t){return i[t]||(i[t]={})}},function(t,e,n){var r=n(7),o=Math.max,i=Math.min;t.exports=function(t,e){return t=r(t),t<0?o(t+e,0):i(t,e)}},function(t,e,n){var r=n(7),o=Math.min;t.exports=function(t){return t>0?o(r(t),9007199254740991):0}},function(t,e,n){var r=n(6);t.exports=function(t){return Object(r(t))}},function(t,e,n){var r=n(5);t.exports=function(t,e){if(!r(t))return t;var n,o;if(e&&"function"==typeof(n=t.toString)&&!r(o=n.call(t)))return o;if("function"==typeof(n=t.valueOf)&&!r(o=n.call(t)))return o;if(!e&&"function"==typeof(n=t.toString)&&!r(o=n.call(t)))return o;throw TypeError("Can't convert object to primitive value")}},function(t,e){var n=0,r=Math.random();t.exports=function(t){return"Symbol(".concat(void 0===t?"":t,")_",(++n+r).toString(36))}},function(t,e,n){var r=n(32),o=n(25);n(26)("keys",function(){return function(t){return o(r(t))}})},function(e,n){e.exports=t},function(t,n){t.exports=e}])})},function(t,e,n){var r,o;!function(i,u){r=u,void 0!==(o="function"==typeof r?r.call(e,n,e,t):r)&&(t.exports=o)}(0,function(){function t(t,e){var n=Object.prototype.toString.call(t),r="[object Array]"===n||"[object NodeList]"===n||"[object HTMLCollection]"===n||"[object Object]"===n||"undefined"!=typeof jQuery&&t instanceof jQuery||"undefined"!=typeof Elements&&t instanceof Elements,o=0,i=t.length;if(r)for(;o<i;o++)e(t[o]);else e(t)}if("undefined"==typeof window)return null;var e=window.requestAnimationFrame||window.mozRequestAnimationFrame||window.webkitRequestAnimationFrame||function(t){return window.setTimeout(t,20)},n=function(r,o){function i(){var t=[];this.add=function(e){t.push(e)};var e,n;this.call=function(){for(e=0,n=t.length;e<n;e++)t[e].call()},this.remove=function(r){var o=[];for(e=0,n=t.length;e<n;e++)t[e]!==r&&o.push(t[e]);t=o},this.length=function(){return t.length}}function u(t,e){return t.currentStyle?t.currentStyle[e]:window.getComputedStyle?window.getComputedStyle(t,null).getPropertyValue(e):t.style[e]}function s(t,n){if(t.resizedAttached){if(t.resizedAttached)return void t.resizedAttached.add(n)}else t.resizedAttached=new i,t.resizedAttached.add(n);t.resizeSensor=document.createElement("div"),t.resizeSensor.className="resize-sensor";var r="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; z-index: -1; visibility: hidden;",o="position: absolute; left: 0; top: 0; transition: 0s;";t.resizeSensor.style.cssText=r,t.resizeSensor.innerHTML='<div class="resize-sensor-expand" style="'+r+'"><div style="'+o+'"></div></div><div class="resize-sensor-shrink" style="'+r+'"><div style="'+o+' width: 200%; height: 200%"></div></div>',t.appendChild(t.resizeSensor),"static"==u(t,"position")&&(t.style.position="relative");var s,c,a,f,l=t.resizeSensor.childNodes[0],d=l.childNodes[0],p=t.resizeSensor.childNodes[1],h=t.offsetWidth,v=t.offsetHeight,_=function(){d.style.width="100000px",d.style.height="100000px",l.scrollLeft=1e5,l.scrollTop=1e5,p.scrollLeft=1e5,p.scrollTop=1e5};_();var m=function(){c=0,s&&(h=a,v=f,t.resizedAttached&&t.resizedAttached.call())},y=function(){a=t.offsetWidth,f=t.offsetHeight,s=a!=h||f!=v,s&&!c&&(c=e(m)),_()},x=function(t,e,n){t.attachEvent?t.attachEvent("on"+e,n):t.addEventListener(e,n)};x(l,"scroll",y),x(p,"scroll",y)}t(r,function(t){s(t,o)}),this.detach=function(t){n.detach(r,t)}};return n.detach=function(e,n){t(e,function(t){t.resizedAttached&&"function"==typeof n&&(t.resizedAttached.remove(n),t.resizedAttached.length())||t.resizeSensor&&(t.contains(t.resizeSensor)&&t.removeChild(t.resizeSensor),delete t.resizeSensor,delete t.resizedAttached)})},n})},function(t,e,n){(function(e){function n(t,e,n){function o(e){var n=v,r=_;return v=_=void 0,O=e,y=t.apply(r,n)}function i(t){return O=t,x=setTimeout(f,e),z?o(t):y}function c(t){var n=t-j,r=t-O,o=e-n;return S?w(o,m-r):o}function a(t){var n=t-j,r=t-O;return void 0===j||n>=e||n<0||S&&r>=m}function f(){var t=g();if(a(t))return l(t);x=setTimeout(f,c(t))}function l(t){return x=void 0,E&&v?o(t):(v=_=void 0,y)}function d(){void 0!==x&&clearTimeout(x),O=0,v=j=_=x=void 0}function p(){return void 0===x?y:l(g())}function h(){var t=g(),n=a(t);if(v=arguments,_=this,j=t,n){if(void 0===x)return i(j);if(S)return x=setTimeout(f,e),o(j)}return void 0===x&&(x=setTimeout(f,e)),y}var v,_,m,y,x,j,O=0,z=!1,S=!1,E=!0;if("function"!=typeof t)throw new TypeError(s);return e=u(e)||0,r(n)&&(z=!!n.leading,S="maxWait"in n,m=S?b(u(n.maxWait)||0,e):m,E="trailing"in n?!!n.trailing:E),h.cancel=d,h.flush=p,h}function r(t){var e=typeof t;return!!t&&("object"==e||"function"==e)}function o(t){return!!t&&"object"==typeof t}function i(t){return"symbol"==typeof t||o(t)&&x.call(t)==a}function u(t){if("number"==typeof t)return t;if(i(t))return c;if(r(t)){var e="function"==typeof t.valueOf?t.valueOf():t;t=r(e)?e+"":e}if("string"!=typeof t)return 0===t?t:+t;t=t.replace(f,"");var n=d.test(t);return n||p.test(t)?h(t.slice(2),n?2:8):l.test(t)?c:+t}var s="Expected a function",c=NaN,a="[object Symbol]",f=/^\s+|\s+$/g,l=/^[-+]0x[0-9a-f]+$/i,d=/^0b[01]+$/i,p=/^0o[0-7]+$/i,h=parseInt,v="object"==typeof e&&e&&e.Object===Object&&e,_="object"==typeof self&&self&&self.Object===Object&&self,m=v||_||Function("return this")(),y=Object.prototype,x=y.toString,b=Math.max,w=Math.min,g=function(){return m.Date.now()};t.exports=n}).call(e,n(46))},function(t,e,n){var r=n(7)(n(247),n(248),null,null);t.exports=r.exports},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=n(14);e.default={props:{"row-height":{type:Number,default:r.DEFAULT_ROW_HEIGHT},"row-handle-width":{type:Number,default:r.DEFAULT_ROW_HEIGHT}},data:function(){return{column_resize_handle_width:r.COLUMN_RESIZE_HANDLE_WIDTH}},computed:{row_handle_style:function(){return{height:this.rowHeight+1+"px"}},inner_row_handle_style:function(){return{width:this.rowHandleWidth+"px"}}},methods:{onRowHandleResizerMousedown:function(){this.$emit("start-row-handle-resize")}}}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"overflow-hidden ba absolute bg-near-white z-1 vg-th",style:t.row_handle_style},[n("div",{staticClass:"h-100 lh-1 light-silver tr vg-th-inner",style:t.inner_row_handle_style}),t._v(" "),n("div",{staticClass:"absolute top-0 bottom-0 right-0 cursor-resize-ew",style:"width: "+t.column_resize_handle_width+"px",on:{mousedown:t.onRowHandleResizerMousedown}})])},staticRenderFns:[]}},function(t,e,n){var r=n(7)(n(250),n(254),null,null);t.exports=r.exports},function(t,e,n){"use strict";function r(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=n(15),i=r(o),u=n(14),s=n(251),c=r(s);e.default={props:{"row-height":{type:Number,default:u.DEFAULT_ROW_HEIGHT},columns:{type:Array,required:!0}},components:{GridHeaderCell:c.default},methods:{getColumnName:function(t){return(0,i.default)(t,"name","")},onColumnResizerMousedown:function(t){this.$emit("start-column-resize",t)},onHeaderCellDetermineWidth:function(t,e){this.$emit("determine-cell-auto-width","header",t,e)}}}},function(t,e,n){var r=n(7)(n(252),n(253),null,null);t.exports=r.exports},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=n(14);e.default={props:{col:{type:Object,required:!0},value:{required:!0},width:{type:Number,required:!0}},data:function(){return{content_width:0,column_resize_handle_width:r.COLUMN_RESIZE_HANDLE_WIDTH}},mounted:function(){var t=this.$refs.content;this.content_width=t?t.offsetWidth:0,this.$emit("determine-auto-width",this.col,this.content_width)},methods:{onColumnResizerMousedown:function(){this.$emit("column-resizer-mousedown",this.col)}}}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",[n("div",{staticClass:"h-100 lh-1 vg-th-inner",style:"width: "+t.width+"px"},[n("span",{ref:"content"},[t._v(t._s(t.value))])]),t._v(" "),n("div",{staticClass:"absolute top-0 bottom-0 right-0 cursor-resize-ew",style:"width: "+t.column_resize_handle_width+"px",on:{mousedown:t.onColumnResizerMousedown}})])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"relative nowrap"},t._l(t.columns,function(e,r){return n("grid-header-cell",{staticClass:"dib v-top overflow-hidden ba bg-near-white relative tc vg-th",style:"height: "+(t.rowHeight+1)+"px",attrs:{col:e,value:t.getColumnName(e),width:e.pixel_width||0},on:{"column-resizer-mousedown":t.onColumnResizerMousedown,"determine-auto-width":t.onHeaderCellDetermineWidth}})}))},staticRenderFns:[]}},function(t,e,n){var r=n(7)(n(256),n(257),null,null);t.exports=r.exports},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=n(14);e.default={props:{"row-index":{type:Number,required:!0},"row-height":{type:Number,default:r.DEFAULT_ROW_HEIGHT},"row-handle-width":{type:Number,default:r.DEFAULT_ROW_HEIGHT}},computed:{row_style:function(){return{top:this.rowIndex*this.rowHeight+"px",height:this.rowHeight+1+"px"}},inner_row_handle_style:function(){return{width:this.rowHandleWidth+"px"}}}}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"absolute nowrap",style:t.row_style},[n("div",{staticClass:"h-100 lh-1 light-silver tr vg-td-inner",style:t.inner_row_handle_style},[t._v(t._s(t.rowIndex+1))])])},staticRenderFns:[]}},function(t,e,n){var r=n(7)(n(259),n(263),null,null);t.exports=r.exports},function(t,e,n){"use strict";function r(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=n(15),i=r(o),u=n(14),s=n(260),c=r(s);e.default={props:{row:{type:Object,required:!0},"row-index":{type:Number,required:!0},"row-height":{type:Number,default:u.DEFAULT_ROW_HEIGHT},columns:{type:Array,required:!0}},components:{GridCell:c.default},computed:{row_style:function(){return{top:this.rowIndex*this.rowHeight+"px"}}},methods:{getColumnName:function(t){return(0,i.default)(t,"name","")},onCellDetermineWidth:function(t,e){this.$emit("determine-cell-auto-width",this.rowIndex,t,e)}}}},function(t,e,n){var r=n(7)(n(261),n(262),null,null);t.exports=r.exports},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=n(15),o=function(t){return t&&t.__esModule?t:{default:t}}(r);e.default={props:{col:{type:Object,required:!0},value:{required:!0},width:{type:Number,required:!0}},data:function(){return{content_width:0}},computed:{cls:function(){switch((0,o.default)(this.col,"type","text")){case"bool":case"boolean":case"date":case"datetime":return"tc";case"integer":case"float":case"number":case"numeric":return"tr"}return""}},mounted:function(){var t=this.$refs.content;this.content_width=t?t.offsetWidth:0,this.$emit("determine-auto-width",this.col,this.content_width)}}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",[n("div",{staticClass:"h-100 lh-1 vg-td-inner",class:t.cls,style:"width: "+t.width+"px"},[n("span",{ref:"content"},[t._v(t._s(t.value))])])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"absolute nowrap",style:t.row_style},t._l(t.columns,function(e,r){return n("grid-cell",{staticClass:"dib v-top overflow-hidden ba vg-td",style:"height: "+(t.rowHeight+1)+"px",attrs:{col:e,value:t.row[t.getColumnName(e)],width:e.pixel_width||0},on:{"determine-auto-width":t.onCellDetermineWidth}})}))},staticRenderFns:[]}},function(t,e,n){/*!
 7 |  * vue-simple-spinner v1.2.8 (https://github.com/dzwillia/vue-simple-spinner)
 8 |  * (c) 2017 David Z. Williams
 9 |  * Released under the MIT License.
10 |  */
11 | !function(e,n){t.exports=n()}(0,function(){return function(t){function e(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return t[r].call(o.exports,o,o.exports,e),o.l=!0,o.exports}var n={};return e.m=t,e.c=n,e.d=function(t,n,r){e.o(t,n)||Object.defineProperty(t,n,{configurable:!1,enumerable:!0,get:r})},e.n=function(t){var n=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(n,"a",n),n},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="",e(e.s=0)}([function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.VueSimpleSpinner=void 0;var r=n(1),o=function(t){return t&&t.__esModule?t:{default:t}}(r);"undefined"!=typeof window&&window.Vue&&Vue.component("vue-simple-spinner",o.default),e.VueSimpleSpinner=o.default,e.default=o.default},function(t,e,n){n(2);var r=n(7)(n(8),n(9),null,null);t.exports=r.exports},function(t,e,n){var r=n(3);"string"==typeof r&&(r=[[t.i,r,""]]),r.locals&&(t.exports=r.locals);n(5)("d89557e4",r,!0)},function(t,e,n){e=t.exports=n(4)(),e.push([t.i,".vue-simple-spinner{transition:all .3s linear}@keyframes vue-simple-spinner-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}",""])},function(t,e){t.exports=function(){var t=[];return t.toString=function(){for(var t=[],e=0;e<this.length;e++){var n=this[e];n[2]?t.push("@media "+n[2]+"{"+n[1]+"}"):t.push(n[1])}return t.join("")},t.i=function(e,n){"string"==typeof e&&(e=[[null,e,""]]);for(var r={},o=0;o<this.length;o++){var i=this[o][0];"number"==typeof i&&(r[i]=!0)}for(o=0;o<e.length;o++){var u=e[o];"number"==typeof u[0]&&r[u[0]]||(n&&!u[2]?u[2]=n:n&&(u[2]="("+u[2]+") and ("+n+")"),t.push(u))}},t}},function(t,e,n){function r(t){for(var e=0;e<t.length;e++){var n=t[e],r=f[n.id];if(r){r.refs++;for(var o=0;o<r.parts.length;o++)r.parts[o](n.parts[o]);for(;o<n.parts.length;o++)r.parts.push(i(n.parts[o]));r.parts.length>n.parts.length&&(r.parts.length=n.parts.length)}else{for(var u=[],o=0;o<n.parts.length;o++)u.push(i(n.parts[o]));f[n.id]={id:n.id,refs:1,parts:u}}}}function o(){var t=document.createElement("style");return t.type="text/css",l.appendChild(t),t}function i(t){var e,n,r=document.querySelector('style[data-vue-ssr-id~="'+t.id+'"]');if(r){if(h)return v;r.parentNode.removeChild(r)}if(_){var i=p++;r=d||(d=o()),e=u.bind(null,r,i,!1),n=u.bind(null,r,i,!0)}else r=o(),e=s.bind(null,r),n=function(){r.parentNode.removeChild(r)};return e(t),function(r){if(r){if(r.css===t.css&&r.media===t.media&&r.sourceMap===t.sourceMap)return;e(t=r)}else n()}}function u(t,e,n,r){var o=n?"":r.css;if(t.styleSheet)t.styleSheet.cssText=m(e,o);else{var i=document.createTextNode(o),u=t.childNodes;u[e]&&t.removeChild(u[e]),u.length?t.insertBefore(i,u[e]):t.appendChild(i)}}function s(t,e){var n=e.css,r=e.media,o=e.sourceMap;if(r&&t.setAttribute("media",r),o&&(n+="\n/*# sourceURL="+o.sources[0]+" */",n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(o))))+" */"),t.styleSheet)t.styleSheet.cssText=n;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(n))}}var c="undefined"!=typeof document;if("undefined"!=typeof DEBUG&&DEBUG&&!c)throw new Error("vue-style-loader cannot be used in a non-browser environment. Use { target: 'node' } in your Webpack config to indicate a server-rendering environment.");var a=n(6),f={},l=c&&(document.head||document.getElementsByTagName("head")[0]),d=null,p=0,h=!1,v=function(){},_="undefined"!=typeof navigator&&/msie [6-9]\b/.test(navigator.userAgent.toLowerCase());t.exports=function(t,e,n){h=n;var o=a(t,e);return r(o),function(e){for(var n=[],i=0;i<o.length;i++){var u=o[i],s=f[u.id];s.refs--,n.push(s)}e?(o=a(t,e),r(o)):o=[];for(var i=0;i<n.length;i++){var s=n[i];if(0===s.refs){for(var c=0;c<s.parts.length;c++)s.parts[c]();delete f[s.id]}}}};var m=function(){var t=[];return function(e,n){return t[e]=n,t.filter(Boolean).join("\n")}}()},function(t,e){t.exports=function(t,e){for(var n=[],r={},o=0;o<e.length;o++){var i=e[o],u=i[0],s=i[1],c=i[2],a=i[3],f={id:t+":"+o,css:s,media:c,sourceMap:a};r[u]?r[u].parts.push(f):n.push(r[u]={id:u,parts:[f]})}return n}},function(t,e){t.exports=function(t,e,n,r){var o,i=t=t||{},u=typeof t.default;"object"!==u&&"function"!==u||(o=t,i=t.default);var s="function"==typeof i?i.options:i;if(e&&(s.render=e.render,s.staticRenderFns=e.staticRenderFns),n&&(s._scopeId=n),r){var c=Object.create(s.computed||null);Object.keys(r).forEach(function(t){var e=r[t];c[t]=function(){return e}}),s.computed=c}return{esModule:o,exports:i,options:s}}},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=function(t){return!isNaN(parseFloat(t))&&isFinite(t)};e.default={name:"vue-simple-spinner",props:{size:{default:32},"line-size":{type:Number,default:3},"line-bg-color":{type:String,default:"#eee"},"line-fg-color":{type:String,default:"#2196f3"},speed:{type:Number,default:.8},spacing:{type:Number,default:4},message:{type:String,default:""},"font-size":{type:Number,default:13},"text-fg-color":{type:String,default:"#555"}},computed:{size_px:function(){switch(this.size){case"tiny":return 12;case"small":return 16;case"medium":return 32;case"large":return 48;case"big":return 64;case"huge":return 96;case"massive":return 128}return r(this.size)?this.size:32},line_size_px:function(){switch(this.size){case"tiny":return 1;case"small":return 2;case"medium":case"large":return 3;case"big":case"huge":return 4;case"massive":return 5}return r(this.lineSize)?this.lineSize:4},text_margin_top:function(){switch(this.size){case"tiny":case"small":case"medium":case"large":case"big":case"huge":case"massive":return Math.min(Math.max(Math.ceil(this.size_px/8),3),12)}return r(this.spacing)?this.spacing:4},text_font_size:function(){switch(this.size){case"tiny":case"small":case"medium":case"large":case"big":case"huge":case"massive":return Math.min(Math.max(Math.ceil(.4*this.size_px),11),32)}return r(this.fontSize)?this.fontSize:13},spinner_style:function(){return{margin:"0 auto","border-radius":"100%",border:this.line_size_px+"px solid "+this.lineBgColor,"border-top":this.line_size_px+"px solid "+this.lineFgColor,width:this.size_px+"px",height:this.size_px+"px",animation:"vue-simple-spinner-spin "+this.speed+"s linear infinite"}},text_style:function(){return{"margin-top":this.text_margin_top+"px",color:this.textFgColor,"font-size":this.text_font_size+"px","text-align":"center"}}}}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",[n("div",{staticClass:"vue-simple-spinner",style:t.spinner_style}),t._v(" "),t.message.length>0?n("div",{staticClass:"vue-simple-spinner-text",style:t.text_style},[t._v(t._s(t.message))]):t._e()])},staticRenderFns:[]}}]).default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{ref:"container",staticClass:"flex flex-column relative bg-white h-100 vg-container"},[t.inited?n("div",{staticClass:"flex flex-column relative bg-white h-100 overflow-hidden"},[t.inited?n("grid-header-row-handle",{staticClass:"z-2 ba bg-near-white vg-td",attrs:{"row-height":t.row_height,"row-handle-width":t.row_handle_width},on:{"start-row-handle-resize":t.onStartRowHandleResize}}):t._e(),t._v(" "),n("div",{staticClass:"flex-none overflow-hidden bg-near-white vg-thead",style:"margin-left: "+(t.row_handle_width+t.left_of_render_cols_width-t.scroll_left+1)+"px"},[n("grid-header",{attrs:{"row-handle-width":t.row_handle_width,columns:t.render_cols},on:{"start-column-resize":t.onStartColumnResize,"determine-cell-auto-width":t.initializeColumnWidths}})],1),t._v(" "),n("div",{staticClass:"absolute z-1",style:"top: "+(t.row_height-t.scroll_top)+"px"},t._l(t.render_rows,function(e,r){return n("grid-row-handle",{staticClass:"ba bg-near-white vg-td",attrs:{"row-index":t.start+r,"row-height":t.row_height,"row-handle-width":t.row_handle_width}})})),t._v(" "),n("div",{directives:[{name:"resize",rawName:"v-resize",value:t.onResize,expression:"onResize"}],ref:"tbody",staticClass:"flex-fill relative overflow-auto vg-tbody",style:"margin-left: "+(t.row_handle_width+1)+"px",on:{scroll:t.onScroll}},[n("div",{staticClass:"absolute top-0 left-0",style:"z-index: -1; width: 1px; height: "+t.total_height+"px"}),t._v(" "),n("div",{staticClass:"absolute top-0 left-0",style:"z-index: -1; height: 1px; width: "+t.total_width+"px"}),t._v(" "),t._l(t.render_rows,function(e,r){return n("grid-row",{style:"padding-left: "+t.left_of_render_cols_width+"px",attrs:{row:e,"row-index":t.start+r,"row-height":t.row_height,columns:t.render_cols},on:{"determine-cell-auto-width":t.initializeColumnWidths}})})],2)],1):n("div",{staticClass:"flex flex-column justify-center h-100"},[n("spinner",{attrs:{size:"large",message:"Loading..."}})],1)])},staticRenderFns:[]}}]).default});


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