├── .eslintignore
├── .browserslistrc
├── .firebaserc
├── .npmrc
├── postcss.config.js
├── babel.config.js
├── tests
    └── unit
    │   ├── .eslintrc.js
    │   ├── TableServer.spec.js
    │   ├── Pagination.spec.js
    │   └── Client.spec.js
├── dist
    ├── demo.html
    ├── EnaTableClient
    │   ├── demo.html
    │   └── EnaTableClient.css
    ├── EnaTableServer
    │   ├── demo.html
    │   ├── EnaTableServer.css
    │   └── EnaTableServer.umd.min.js
    └── EnaTable.css
├── proj.code-workspace
├── proj.sublime-project
├── src
    ├── main.js
    ├── components
    │   ├── mixins
    │   │   ├── filters.js
    │   │   ├── ActionsCell.vue
    │   │   ├── methods.js
    │   │   ├── default-props.js
    │   │   └── Pagination.vue
    │   ├── entry.js
    │   ├── Server.vue
    │   └── Client.vue
    └── App.vue
├── .editorconfig
├── .gitignore
├── firebase.json
├── public
    └── index.html
├── functions
    └── countries.js
├── LICENSE
├── vue.config.js
├── .circleci
    └── config.yml
├── CONTRIBUTING.md
├── .eslintrc.js
├── package.json
└── README.md


/.eslintignore:
--------------------------------------------------------------------------------
1 | node_modules/*
2 | public/*
3 | dist/*
4 | 


--------------------------------------------------------------------------------
/.browserslistrc:
--------------------------------------------------------------------------------
1 | > 1%
2 | last 2 versions
3 | not ie <= 10
4 | 


--------------------------------------------------------------------------------
/.firebaserc:
--------------------------------------------------------------------------------
1 | {
2 |   "projects": {
3 |     "default": "vue-myena-table"
4 |   }
5 | }
6 | 


--------------------------------------------------------------------------------
/.npmrc:
--------------------------------------------------------------------------------
1 | # install as dev by default
2 | save-dev = true
3 | registry=https://registry.npmjs.org
4 | 


--------------------------------------------------------------------------------
/postcss.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 |   plugins: {
3 |     autoprefixer: {},
4 |   },
5 | };
6 | 


--------------------------------------------------------------------------------
/babel.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 |   presets: [
3 |     '@vue/cli-plugin-babel/preset',
4 |   ],
5 | };
6 | 


--------------------------------------------------------------------------------
/tests/unit/.eslintrc.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 |   env: {
3 |     mocha: true,
4 |   },
5 |   rules: {
6 |     'no-unused-expressions': 'off',
7 |   },
8 | };
9 | 


--------------------------------------------------------------------------------
/dist/demo.html:
--------------------------------------------------------------------------------
 1 | <meta charset="utf-8">
 2 | <title>EnaTable demo</title>
 3 | <script src="./EnaTable.umd.js"></script>
 4 | 
 5 | <link rel="stylesheet" href="./EnaTable.css">
 6 | 
 7 | 
 8 | <script>
 9 | console.log(EnaTable)
10 | </script>
11 | 


--------------------------------------------------------------------------------
/proj.code-workspace:
--------------------------------------------------------------------------------
 1 | {
 2 | 	"folders": [
 3 | 		{
 4 | 			"path": "."
 5 | 		},
 6 | 		{
 7 | 			"path": "C:\\Users\\andyg\\hobby\\myena-advanced-select"
 8 | 		}
 9 | 	],
10 | 	"settings": {
11 | 		"npm-scripts.showStartNotification": false
12 | 	}
13 | }


--------------------------------------------------------------------------------
/proj.sublime-project:
--------------------------------------------------------------------------------
 1 | {
 2 | 	"folders":
 3 | 	[
 4 | 		{
 5 | 			"path": "."
 6 | 		}
 7 | 	],
 8 |   "settings": {
 9 |     "SublimeLinter.linters.eslint.disable": false,
10 |     "SublimeLinter.linters.eslint.selector": "text.html.vue, source.js - meta.attribute-with-value"
11 |   }
12 | }
13 | 


--------------------------------------------------------------------------------
/src/main.js:
--------------------------------------------------------------------------------
 1 | import Vue from 'vue';
 2 | 
 3 | import 'bootstrap/dist/css/bootstrap.css';
 4 | import 'font-awesome/css/font-awesome.min.css';
 5 | 
 6 | import App from './App.vue';
 7 | 
 8 | Vue.config.productionTip = false;
 9 | 
10 | new Vue({
11 |   render: h => h(App),
12 | }).$mount('#app');
13 | 


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


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | .DS_Store
 2 | node_modules
 3 | 
 4 | # local env files
 5 | .env.local
 6 | .env.*.local
 7 | 
 8 | # Log files
 9 | npm-debug.log*
10 | yarn-debug.log*
11 | yarn-error.log*
12 | 
13 | # Editor directories and files
14 | .idea
15 | .vscode
16 | *.suo
17 | *.ntvs*
18 | *.njsproj
19 | *.sln
20 | *.sw*
21 | 
22 | /proj.sublime-workspace
23 | 


--------------------------------------------------------------------------------
/firebase.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "hosting": {
 3 |     "public": "example",
 4 |     "ignore": [
 5 |       "firebase.json",
 6 |       "**/.*",
 7 |       "**/node_modules/**"
 8 |     ],
 9 |     "rewrites": [
10 |       {
11 |         "source": "**",
12 |         "destination": "/index.html"
13 |       }
14 |     ]
15 |   },
16 |   "functions": {
17 |   }
18 | }
19 | 


--------------------------------------------------------------------------------
/src/components/mixins/filters.js:
--------------------------------------------------------------------------------
 1 | export default {
 2 |   filters: {
 3 |     heading(key, headings) {
 4 |       if (undefined !== headings[key]) {
 5 |         return headings[key];
 6 |       }
 7 |       const firstUpper = w => w.charAt(0).toUpperCase() + w.slice(1);
 8 |       return key.split('_').map(firstUpper).join(' ');
 9 |     },
10 |     format: (str, ...args) => [...args].reduce((s, a) => s.replace(/%s/, a), str),
11 |   },
12 | };
13 | 


--------------------------------------------------------------------------------
/dist/EnaTableClient/demo.html:
--------------------------------------------------------------------------------
 1 | <meta charset="utf-8">
 2 | <title>EnaTableClient demo</title>
 3 | <script src="https://unpkg.com/vue"></script>
 4 | <script src="./EnaTableClient.umd.js"></script>
 5 | 
 6 | <link rel="stylesheet" href="./EnaTableClient.css">
 7 | 
 8 | 
 9 | <div id="app">
10 |   <demo></demo>
11 | </div>
12 | 
13 | <script>
14 | new Vue({
15 |   components: {
16 |     demo: EnaTableClient
17 |   }
18 | }).$mount('#app')
19 | </script>
20 | 


--------------------------------------------------------------------------------
/dist/EnaTableServer/demo.html:
--------------------------------------------------------------------------------
 1 | <meta charset="utf-8">
 2 | <title>EnaTableServer demo</title>
 3 | <script src="https://unpkg.com/vue"></script>
 4 | <script src="./EnaTableServer.umd.js"></script>
 5 | 
 6 | <link rel="stylesheet" href="./EnaTableServer.css">
 7 | 
 8 | 
 9 | <div id="app">
10 |   <demo></demo>
11 | </div>
12 | 
13 | <script>
14 | new Vue({
15 |   components: {
16 |     demo: EnaTableServer
17 |   }
18 | }).$mount('#app')
19 | </script>
20 | 


--------------------------------------------------------------------------------
/src/components/entry.js:
--------------------------------------------------------------------------------
 1 | import Vue from 'vue';
 2 | import Server from './Server.vue';
 3 | import Client from './Client.vue';
 4 | 
 5 | const components = {
 6 |   Server,
 7 |   Client,
 8 | };
 9 | 
10 | // global register components
11 | function register() {
12 |   Object.keys(components).forEach(name => Vue.component(
13 |     `${LIBNAME}${name}`,
14 |     components[name],
15 |     {
16 |       name: `${LIBNAME}${name}`,
17 |     }
18 |   ));
19 | }
20 | 
21 | export {
22 |   Server,
23 |   Client,
24 | };
25 | 
26 | export default register;
27 | 


--------------------------------------------------------------------------------
/tests/unit/TableServer.spec.js:
--------------------------------------------------------------------------------
 1 | import { expect } from 'chai';
 2 | import { shallowMount } from '@vue/test-utils';
 3 | import Server from '@/components/Server.vue';
 4 | 
 5 | describe('Server.vue', () => {
 6 |   it('renders a table with 1 row', () => {
 7 |     const wrapper = shallowMount(Server, {
 8 |       propsData: {
 9 |       },
10 |       methods: {
11 |         fetch() {
12 |           return {
13 |             data: [{ first_name: '1', id: 1 }],
14 |             total: 1,
15 |           };
16 |         },
17 |       },
18 |     });
19 |     expect(wrapper.contains('table tbody tr')).to.be.true;
20 |   });
21 | });
22 | 


--------------------------------------------------------------------------------
/public/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 |   <head>
 4 |     <meta charset="utf-8">
 5 |     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 6 |     <meta name="viewport" content="width=device-width,initial-scale=1.0">
 7 |     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
 8 |     <title><%=LIBNAME%></title>
 9 |   </head>
10 |   <body>
11 |     <noscript>
12 |       <strong>We're sorry but <%=LIBNAME%> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
13 |     </noscript>
14 |     <div id="app"></div>
15 |     <!-- built files will be auto injected -->
16 |   </body>
17 | </html>
18 | 


--------------------------------------------------------------------------------
/functions/countries.js:
--------------------------------------------------------------------------------
 1 | const countries = require('./countries.json');
 2 | 
 3 | const collator = new Intl.Collator('en', { sensitivity: 'base', numeric: true });
 4 | 
 5 | exports.handler = (event, context, callback) => {
 6 |   // your server-side functionality
 7 |   const { page = 1, per_page: perPage = 10, sort_by: sortBy = 'name', sort_dir: sortDir = 1, filter = {} } = event.queryStringParameters;
 8 |   // filter
 9 |   const filtered = countries.filter((c) => !filter.name
10 |     || (filter.name && c.name.toLowerCase().indexOf(filter.name.toLowerCase()) !== -1));
11 |   // sort
12 |   filtered.sort((a, b) => sortDir * collator.compare(a[sortBy], b[sortBy]));
13 |   // slice & send
14 |   const start = (page - 1) * perPage;
15 |   const end = start + parseInt(perPage, 10);
16 |   callback(null, {
17 |     statusCode: 200,
18 |     body: JSON.stringify({
19 |       list: filtered.slice(start, end),
20 |       total: filtered.length,
21 |     }),
22 |   });
23 | };
24 | 


--------------------------------------------------------------------------------
/src/components/mixins/ActionsCell.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div>
 3 |     <slot name="column_actions_pre" :row="row"></slot>
 4 |     <a href="#"
 5 |       role="button"
 6 |       :aria-label="`${isRowExpanded ? 'Hide' : 'Show'} details`"
 7 |       :aria-expanded="isRowExpanded ? 'true' : 'false'"
 8 |       @keydown.space.prevent="toggleRow(row[opts.uniqueKey])"
 9 |       @click.prevent="toggleRow(row[opts.uniqueKey])"
10 |       v-html="getToggleText(row)">
11 |     </a>
12 |     <slot name="column_actions_post" :row="row"></slot>
13 |   </div>
14 | </template>
15 | 
16 | <script>
17 | export default {
18 |   props: {
19 |     row: {
20 |       type: Object,
21 |       required: true,
22 |     },
23 |     isRowExpanded: {
24 |       type: Boolean,
25 |       default: false,
26 |     },
27 |     opts: {
28 |       type: Object,
29 |       required: true,
30 |     },
31 |   },
32 |   methods: {
33 |     toggleRow(id) {
34 |       this.$emit('toggleRow', id);
35 |     },
36 |     getToggleText() {
37 |       return this.isRowExpanded
38 |         ? this.opts.text.collapse
39 |         : this.opts.text.expand;
40 |     },
41 |   },
42 | };
43 | </script>
44 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | The MIT License (MIT)
 2 | 
 3 | Copyright (c) 2018 Education Networks of America
 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.


--------------------------------------------------------------------------------
/src/components/mixins/methods.js:
--------------------------------------------------------------------------------
 1 | export default {
 2 |   computed: {
 3 |     allColumns() {
 4 |       const allColumns = this.columns.slice();
 5 |       if (!this.columns.includes('actions') && this.opts.detailsRow) {
 6 |         allColumns.push('actions');
 7 |       }
 8 |       return allColumns;
 9 |     },
10 |     computedRowClasses() {
11 |       return Object.values(this.pageData).map((rowGroup) => {
12 |         return rowGroup.map((row) => {
13 |           const classes = {};
14 |           Object.keys(this.opts.rowClasses).forEach((prop) => {
15 |             if (row[prop]) {
16 |               classes[this.opts.rowClasses[prop]] = true;
17 |             }
18 |           });
19 |           return classes;
20 |         });
21 |       });
22 |     },
23 |     colspan() {
24 |       return this.allColumns.length;
25 |     },
26 |   },
27 |   methods: {
28 |     isShown(key) {
29 |       return typeof this.shown[key] === 'undefined' || this.shown[key];
30 |     },
31 |     toggleRow(id) {
32 |       this.expandedRows[id] = !this.expandedRows[id];
33 |       this.expandedRows = Object.assign({}, this.expandedRows);
34 |       this.$emit('toggleRow', id, this.expandedRows);
35 |     },
36 |     isRowExpanded(id) {
37 |       return this.expandedRows[id];
38 |     },
39 |   },
40 | };
41 | 


--------------------------------------------------------------------------------
/vue.config.js:
--------------------------------------------------------------------------------
 1 | const webpack = require('webpack');
 2 | const pkg = require('./package.json');
 3 | 
 4 | module.exports = {
 5 |   css: {
 6 |     loaderOptions: {
 7 |       css: {
 8 |         // localIdentName: `${pkg.libname}[name]_[local]_[hash:base64:5]`,
 9 |       },
10 |     },
11 |   },
12 |   lintOnSave: false,
13 |   configureWebpack: (/* config */) => {
14 |     const customConfig = {
15 |       plugins: [
16 |         new webpack.ProvidePlugin({
17 |           $: 'jquery',
18 |           jquery: 'jquery',
19 |           jQuery: 'jquery',
20 |           'window.jquery': 'jquery',
21 |           'window.jQuery': 'jquery',
22 |           'window.$': 'jquery',
23 |         }),
24 |         new webpack.DefinePlugin({
25 |           LIBNAME: JSON.stringify(pkg.libname),
26 |         }),
27 |       ],
28 |     };
29 |     // config for lib
30 |     if (process.env.VUE_CLI_BUILD_TARGET === 'lib') {
31 |       // set external modules so they won't get bundled with the lib
32 |       customConfig.externals = [
33 |         'bootbox',
34 |         'bootstrap',
35 |         'font-awesome',
36 |         'jquery',
37 |         'vue',
38 |       ];
39 |     }
40 |     // config parameter can be mutated
41 |     // or a new object (to be used with webpack-merge) returned
42 |     return customConfig;
43 |   },
44 | };
45 | 


--------------------------------------------------------------------------------
/.circleci/config.yml:
--------------------------------------------------------------------------------
 1 | # Javascript Node CircleCI 2.0 configuration file
 2 | #
 3 | # Check https://circleci.com/docs/2.0/language-javascript/ for more details
 4 | #
 5 | version: 2
 6 | jobs:
 7 |   install:
 8 |     docker:
 9 |       - image: circleci/node:10.13.0
10 | 
11 |     working_directory: ~/repo
12 | 
13 |     steps:
14 |       - checkout
15 | 
16 |       # Download and cache dependencies
17 |       - restore_cache:
18 |           keys:
19 |           - v1-dependencies-{{ checksum "package-lock.json" }}
20 |           # fallback to using the latest cache if no exact match is found
21 |           - v1-dependencies-
22 | 
23 |       - run: npm ci
24 | 
25 |       - save_cache:
26 |           paths:
27 |             - node_modules
28 |           key: v1-dependencies-{{ checksum "package-lock.json" }}
29 | 
30 |       - save_cache:
31 |           key: v1-repo-{{ .Environment.CIRCLE_SHA1 }}
32 |           paths:
33 |             - ~/repo
34 |   test:
35 |     docker:
36 |       - image: circleci/node:10.13.0
37 | 
38 |     working_directory: ~/repo
39 | 
40 |     steps:
41 |       - restore_cache:
42 |           key: v1-repo-{{ .Environment.CIRCLE_SHA1 }}
43 |       # run tests!
44 |       - run: npm run test:unit
45 | 
46 | workflows:
47 |   version: 2
48 | 
49 |   install-and-test:
50 |     jobs:
51 |       - install
52 |       - test:
53 |           requires:
54 |             - install
55 | 


--------------------------------------------------------------------------------
/dist/EnaTableClient/EnaTableClient.css:
--------------------------------------------------------------------------------
1 | .Pagination_pagination_1xsiO{margin:0}.Pagination_pagination_1xsiO>li>span,.Pagination_pagination_1xsiO>li>span:focus,.Pagination_pagination_1xsiO>li>span:hover{border-top:1px solid transparent;border-bottom:1px solid transparent}.Pagination_pagination_1xsiO>li>span:focus,.Pagination_pagination_1xsiO>li>span:hover{background-color:#fff}.Pagination_info_2cUbo{float:right}.Pagination_info_2cUbo .Pagination_perPageSelector_CN8cp{margin-left:10px;margin-right:10px}.Client_table_30YmA{border-bottom:none}.Client_table_30YmA>thead:first-child>tr:first-child>th{border-top:1px solid #333;border-bottom:1px solid #333}.Client_table_30YmA>thead:first-child>tr:first-child>th a{cursor:default;color:inherit;text-decoration:none;display:block}.Client_table_30YmA>thead:first-child>tr:first-child>th.Client_sortable_pJAaM a{cursor:pointer}.Client_table_30YmA>thead:first-child>tr:first-child>th.Client_sortable_pJAaM a:focus{text-decoration:underline}.Client_table_30YmA>thead:first-child>tr:first-child>th.Client_sortable_pJAaM i{margin-top:5px;margin-left:5px}.Client_table_30YmA tbody>tr:first-child>th{background-color:#f2f2f2}.Client_table_30YmA tbody>tr:first-child>th a+span{margin-left:5px}.Client_table_30YmA tbody>tr:first-child>th a{color:#333;font-size:16px;display:inline-block;width:20px;text-align:center}.Client_table_30YmA .Client_checkbox_2krmy{margin:0}.Client_table_30YmA .Client_checkbox_2krmy label{min-height:18px}td.Client_selectable_3NYta:hover{cursor:pointer}


--------------------------------------------------------------------------------
/CONTRIBUTING.md:
--------------------------------------------------------------------------------
 1 | # How to contribute
 2 | 
 3 | :+1::tada: Thanks for taking the time to contribute! :tada::+1:
 4 | 
 5 | ## Development guidelines
 6 | 
 7 | * Checkout the repo, install dependencies and serve the example code with `npm run serve`
 8 | 
 9 | * You can work on the components code under `src/components`.
10 | 
11 | * You can work on the example code that uses the components is in `App.vue`. This code is what is served on the Demo page
12 | 
13 | * Make sure to have ESLint enabled and fix all lint errors before pushing the code.
14 | 
15 | #### **Did you find a bug or have a suggestion for a feature?**
16 | 
17 | * **Ensure the bug/feature was not already reported** by searching on GitHub under [Issues](https://github.com/myENA/vue-table/issues).
18 | 
19 | * If you're unable to find an open issue addressing the problem, [open a new one](https://github.com/myENA/vue-table/issues/new). Be sure to include a **title and clear description**, as much relevant information as possible, optionally a **code sample** or an **executable test case** demonstrating the expected behavior that is not occurring.
20 | 
21 | #### **Did you write a patch that fixes a bug or adds a feature?**
22 | 
23 | * Ensure the existing unit tests pass, with `npm run test:unit`. Write new or adapt the existing ones to cover the change.
24 | 
25 | * Open a new GitHub pull request with the patch.
26 | 
27 | * Ensure the PR description clearly describes the problem and solution. Include the relevant issue number if applicable.
28 | 
29 | * Make sure to adapt the existing examples, as applicable.
30 | 
31 | 


--------------------------------------------------------------------------------
/dist/EnaTableServer/EnaTableServer.css:
--------------------------------------------------------------------------------
1 | .Pagination_pagination_1xsiO{margin:0}.Pagination_pagination_1xsiO>li>span,.Pagination_pagination_1xsiO>li>span:focus,.Pagination_pagination_1xsiO>li>span:hover{border-top:1px solid transparent;border-bottom:1px solid transparent}.Pagination_pagination_1xsiO>li>span:focus,.Pagination_pagination_1xsiO>li>span:hover{background-color:#fff}.Pagination_info_2cUbo{float:right}.Pagination_info_2cUbo .Pagination_perPageSelector_CN8cp{margin-left:10px;margin-right:10px}.Server_table_1-Jbh{border-bottom:none}.Server_table_1-Jbh>thead:first-child>tr:first-child>th{border-top:1px solid #333;border-bottom:1px solid #333}.Server_table_1-Jbh>thead:first-child>tr:first-child>th a{cursor:default;color:inherit;text-decoration:none;display:block}.Server_table_1-Jbh>thead:first-child>tr:first-child>th.Server_sortable_351RP a{cursor:pointer}.Server_table_1-Jbh>thead:first-child>tr:first-child>th.Server_sortable_351RP a:focus{text-decoration:underline}.Server_table_1-Jbh>thead:first-child>tr:first-child>th.Server_sortable_351RP i{margin-top:5px;margin-left:5px}.Server_table_1-Jbh tbody>tr:first-child>th{background-color:#f2f2f2}.Server_table_1-Jbh tbody>tr:first-child>th a+span{margin-left:5px}.Server_table_1-Jbh tbody>tr:first-child>th a{color:#333;font-size:16px;display:inline-block;width:20px;text-align:center}.Server_table_1-Jbh .Server_checkbox_1lyNb{margin:0}.Server_table_1-Jbh .Server_checkbox_1lyNb label{min-height:18px}.Server_pagination_3erRE{margin:0}.Server_info_2gbZL{float:right}.Server_info_2gbZL .Server_perPageSelector_3GVN9{margin-left:10px;margin-right:10px}


--------------------------------------------------------------------------------
/.eslintrc.js:
--------------------------------------------------------------------------------
 1 | module.exports = {
 2 |   root: true,
 3 |   env: {
 4 |     node: true,
 5 |   },
 6 |   extends: [
 7 |     'plugin:vue/essential',
 8 |     '@vue/airbnb',
 9 |   ],
10 |   rules: {
11 |     'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
12 |     'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
13 |     'comma-dangle': ['error', {
14 |       arrays: 'always-multiline',
15 |       objects: 'always-multiline',
16 |       imports: 'always-multiline',
17 |       exports: 'always-multiline',
18 |       functions: 'never',
19 |     }],
20 |     'import/no-extraneous-dependencies': ['error', {
21 |       devDependencies: true,
22 |       optionalDependencies: false,
23 |       peerDependencies: false,
24 |     }],
25 |     'linebreak-style': ['off'],
26 |     'no-mixed-operators': ['error', {
27 |       groups: [
28 |         ['&', '|', '^', '~', '<<', '>>', '>>>'],
29 |         ['==', '!=', '===', '!==', '>', '>=', '<', '<='],
30 |         ['&&', '||'],
31 |         ['in', 'instanceof'],
32 |       ],
33 |       allowSamePrecedence: true,
34 |     }],
35 |     'no-param-reassign': ['error', {
36 |       props: true,
37 |       ignorePropertyModificationsFor: [
38 |         'state',
39 |         'acc',
40 |       ],
41 |     }],
42 |     'object-curly-newline': ['error', {
43 |       ObjectExpression: { consistent: true },
44 |       ObjectPattern: { multiline: true },
45 |     }],
46 |     'template-curly-spacing': 'off',
47 |     indent: [
48 |       'error', 2,
49 |       { ignoredNodes: ['TemplateLiteral'] }
50 |     ],
51 |   },
52 |   parserOptions: {
53 |     parser: 'babel-eslint',
54 |   },
55 |   globals: {
56 |     LIBNAME: true,
57 |   },
58 | };
59 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "@myena/vue-table",
 3 |   "version": "0.16.15",
 4 |   "description": "Vue Table components (client/server) used in ENA projects",
 5 |   "author": "Andy Ghiuta <andy.ghiuta@gmail.com>",
 6 |   "scripts": {
 7 |     "serve": "vue-cli-service serve --host localhost",
 8 |     "build": "node build.js",
 9 |     "test:unit": "vue-cli-service test:unit",
10 |     "lint": "vue-cli-service lint",
11 |     "build:example": "vue-cli-service build --dest example",
12 |     "postversion": "git push && git push --tags && echo Run: \"npm publish\"",
13 |     "preversion": "npm run test:unit && npm run build && git add -A dist",
14 |     "test:unitw": "vue-cli-service test:unit --watch"
15 |   },
16 |   "main": "dist/index.js",
17 |   "files": [
18 |     "dist/*",
19 |     "src/components/*"
20 |   ],
21 |   "dependencies": {
22 |     "core-js": "^3.6.4",
23 |     "ramda": "^0.28.0"
24 |   },
25 |   "devDependencies": {
26 |     "@vue/cli-plugin-babel": "^4.3.1",
27 |     "@vue/cli-plugin-eslint": "^4.3.1",
28 |     "@vue/cli-plugin-unit-mocha": "^4.3.1",
29 |     "@vue/cli-service": "^4.3.1",
30 |     "@vue/eslint-config-airbnb": "^5.0.2",
31 |     "@vue/test-utils": "^1.0.0-beta.29",
32 |     "axios": "^0.26.1",
33 |     "babel-eslint": "^10.1.0",
34 |     "bootstrap": "^3.4.1",
35 |     "chai": "^4.1.2",
36 |     "eslint": "^6.7.2",
37 |     "eslint-plugin-import": "^2.20.2",
38 |     "eslint-plugin-vue": "^6.2.2",
39 |     "firebase-tools": "^6.10.0",
40 |     "font-awesome": "^4.7.0",
41 |     "glob": "^7.1.3",
42 |     "jquery": "^3.4.1",
43 |     "less": "^3.0.4",
44 |     "less-loader": "^4.1.0",
45 |     "qs": "^6.6.0",
46 |     "vue": "^2.6.11",
47 |     "vue-template-compiler": "^2.6.11"
48 |   },
49 |   "peerDependencies": {
50 |     "axios": "^0.26.1",
51 |     "bootstrap": "^3.3.7",
52 |     "font-awesome": "^4.7.0",
53 |     "jquery": "^3.3.1",
54 |     "vue": "^2.6.10"
55 |   },
56 |   "keywords": [
57 |     "vue",
58 |     "table"
59 |   ],
60 |   "libname": "EnaTable",
61 |   "license": "MIT",
62 |   "repository": "github:myENA/vue-table"
63 | }
64 | 


--------------------------------------------------------------------------------
/tests/unit/Pagination.spec.js:
--------------------------------------------------------------------------------
 1 | import { expect } from 'chai';
 2 | import { shallowMount } from '@vue/test-utils';
 3 | import Pagination from '@/components/mixins/Pagination.vue';
 4 | 
 5 | const propsData = {
 6 |   text: {
 7 |     prev: '',
 8 |     next: '',
 9 |     info: {
10 |       showing: 'Showing %s to %s of %s rows.',
11 |       records: 'records per page',
12 |       noRows: 'No rows to display',
13 |     },
14 |   },
15 |   pageInterval: 7,
16 |   perPage: 1,
17 |   perPageValues: [1],
18 |   currentPage: 1,
19 |   totalRows: 1,
20 | };
21 | describe('Pagination', () => {
22 |   it('is rendered', () => {
23 |     const wrapper = shallowMount(Pagination, {
24 |       propsData,
25 |     });
26 |     expect(wrapper.contains('div')).to.be.true;
27 |   });
28 |   it('Shows correct pages', () => {
29 |     const wrapper = shallowMount(Pagination, {
30 |       propsData,
31 |     });
32 |     expect(wrapper.vm.pagesToShow).to.be.deep.equal([]);
33 |     wrapper.setProps({ totalRows: 7, currentPage: 4 });
34 |     expect(wrapper.vm.pagesToShow).to.be.deep.equal([2, 3, 4, 5, 6]);
35 |     wrapper.setProps({ totalRows: 10, currentPage: 1 });
36 |     expect(wrapper.vm.pagesToShow).to.be.deep.equal([2, 3, 4, 5, 6, 7, 8]);
37 |     wrapper.setProps({ currentPage: 2 });
38 |     expect(wrapper.vm.pagesToShow).to.be.deep.equal([2, 3, 4, 5, 6, 7, 8]);
39 |     wrapper.setProps({ currentPage: 3 });
40 |     expect(wrapper.vm.pagesToShow).to.be.deep.equal([2, 3, 4, 5, 6, 7, 8]);
41 |     wrapper.setProps({ currentPage: 4 });
42 |     expect(wrapper.vm.pagesToShow).to.be.deep.equal([2, 3, 4, 5, 6, 7, 8]);
43 |     wrapper.setProps({ currentPage: 5 });
44 |     expect(wrapper.vm.pagesToShow).to.be.deep.equal([2, 3, 4, 5, 6, 7, 8]);
45 |     wrapper.setProps({ currentPage: 6 });
46 |     expect(wrapper.vm.pagesToShow).to.be.deep.equal([3, 4, 5, 6, 7, 8, 9]);
47 |     wrapper.setProps({ currentPage: 7 });
48 |     expect(wrapper.vm.pagesToShow).to.be.deep.equal([3, 4, 5, 6, 7, 8, 9]);
49 |     wrapper.setProps({ currentPage: 8 });
50 |     expect(wrapper.vm.pagesToShow).to.be.deep.equal([3, 4, 5, 6, 7, 8, 9]);
51 |     wrapper.setProps({ currentPage: 9 });
52 |     expect(wrapper.vm.pagesToShow).to.be.deep.equal([3, 4, 5, 6, 7, 8, 9]);
53 |     wrapper.setProps({ currentPage: 10 });
54 |     expect(wrapper.vm.pagesToShow).to.be.deep.equal([3, 4, 5, 6, 7, 8, 9]);
55 |     wrapper.setProps({ totalRows: 14, currentPage: 9 });
56 |     expect(wrapper.vm.pagesToShow).to.be.deep.equal([6, 7, 8, 9, 10, 11, 12]);
57 |   });
58 | });
59 | 


--------------------------------------------------------------------------------
/dist/EnaTable.css:
--------------------------------------------------------------------------------
1 | .Pagination_pagination_1xsiO{margin:0}.Pagination_pagination_1xsiO>li>span,.Pagination_pagination_1xsiO>li>span:focus,.Pagination_pagination_1xsiO>li>span:hover{border-top:1px solid transparent;border-bottom:1px solid transparent}.Pagination_pagination_1xsiO>li>span:focus,.Pagination_pagination_1xsiO>li>span:hover{background-color:#fff}.Pagination_info_2cUbo{float:right}.Pagination_info_2cUbo .Pagination_perPageSelector_CN8cp{margin-left:10px;margin-right:10px}.Server_table_1-Jbh{border-bottom:none}.Server_table_1-Jbh>thead:first-child>tr:first-child>th{border-top:1px solid #333;border-bottom:1px solid #333}.Server_table_1-Jbh>thead:first-child>tr:first-child>th a{cursor:default;color:inherit;text-decoration:none;display:block}.Server_table_1-Jbh>thead:first-child>tr:first-child>th.Server_sortable_351RP a{cursor:pointer}.Server_table_1-Jbh>thead:first-child>tr:first-child>th.Server_sortable_351RP a:focus{text-decoration:underline}.Server_table_1-Jbh>thead:first-child>tr:first-child>th.Server_sortable_351RP i{margin-top:5px;margin-left:5px}.Server_table_1-Jbh tbody>tr:first-child>th{background-color:#f2f2f2}.Server_table_1-Jbh tbody>tr:first-child>th a+span{margin-left:5px}.Server_table_1-Jbh tbody>tr:first-child>th a{color:#333;font-size:16px;display:inline-block;width:20px;text-align:center}.Server_table_1-Jbh .Server_checkbox_1lyNb{margin:0}.Server_table_1-Jbh .Server_checkbox_1lyNb label{min-height:18px}.Server_pagination_3erRE{margin:0}.Server_info_2gbZL{float:right}.Server_info_2gbZL .Server_perPageSelector_3GVN9{margin-left:10px;margin-right:10px}.Client_table_30YmA{border-bottom:none}.Client_table_30YmA>thead:first-child>tr:first-child>th{border-top:1px solid #333;border-bottom:1px solid #333}.Client_table_30YmA>thead:first-child>tr:first-child>th a{cursor:default;color:inherit;text-decoration:none;display:block}.Client_table_30YmA>thead:first-child>tr:first-child>th.Client_sortable_pJAaM a{cursor:pointer}.Client_table_30YmA>thead:first-child>tr:first-child>th.Client_sortable_pJAaM a:focus{text-decoration:underline}.Client_table_30YmA>thead:first-child>tr:first-child>th.Client_sortable_pJAaM i{margin-top:5px;margin-left:5px}.Client_table_30YmA tbody>tr:first-child>th{background-color:#f2f2f2}.Client_table_30YmA tbody>tr:first-child>th a+span{margin-left:5px}.Client_table_30YmA tbody>tr:first-child>th a{color:#333;font-size:16px;display:inline-block;width:20px;text-align:center}.Client_table_30YmA .Client_checkbox_2krmy{margin:0}.Client_table_30YmA .Client_checkbox_2krmy label{min-height:18px}td.Client_selectable_3NYta:hover{cursor:pointer}


--------------------------------------------------------------------------------
/src/components/mixins/default-props.js:
--------------------------------------------------------------------------------
  1 | export default {
  2 |   /**
  3 |    * Key-value pairs with the headings to overwrite (label to display)
  4 |    * can also be overwritten with slot: "heading_colname"
  5 |    *
  6 |    * @inner
  7 |    * @type {Object}
  8 |    */
  9 |   headings: {},
 10 |   /**
 11 |    * Key-value pairs with templates (components) for the column value
 12 |    *
 13 |    * @type {Object}
 14 |    */
 15 |   templates: {},
 16 |   /**
 17 |    * empty object to disable sorting for all,
 18 |    * or define what columns are sortable; defaults to all sortable
 19 |    *
 20 |    * @default
 21 |    * @type {true|Object}
 22 |    */
 23 |   sortable: true,
 24 |   /**
 25 |    * Object (key, order) to sort table by on first load (on created)
 26 |    * @type {Object}
 27 |    */
 28 |   sortBy: {
 29 |     column: null,
 30 |     order: null,
 31 |   },
 32 |   /**
 33 |    * Required, unique identifier
 34 |    *
 35 |    * @default
 36 |    * @type {String}
 37 |    */
 38 |   uniqueKey: 'id',
 39 |   /**
 40 |    * show extra row for each row with details
 41 |    *
 42 |    * @default
 43 |    * @type {Boolean}
 44 |    */
 45 |   detailsRow: false,
 46 |   /**
 47 |    * number of items per page
 48 |    *
 49 |    * @default
 50 |    * @type {Number}
 51 |    */
 52 |   perPage: 10,
 53 |   /**
 54 |    * How many pages to show in the paginator. Odd number
 55 |    *
 56 |    * @default
 57 |    * @type {Number}
 58 |    */
 59 |   pageInterval: 7,
 60 |   /**
 61 |    * values to show in the selector of items per page
 62 |    *
 63 |    * @default
 64 |    * @type {Array}
 65 |    */
 66 |   perPageValues: [1, 2, 5, 10, 20, 50],
 67 |   /**
 68 |    * Classes to use on various elements
 69 |    *
 70 |    * @inner
 71 |    * @type {Object}
 72 |    */
 73 |   classes: {
 74 |     wrapper: 'table-responsive',
 75 |     table: 'table',
 76 |     sort: {
 77 |       none: 'fa fa-sort',
 78 |       ascending: 'fa fa-sort-asc',
 79 |       descending: 'fa fa-sort-desc',
 80 |     },
 81 |     checkbox: 'checkbox',
 82 |     pagination: {
 83 |       wrapper: 'pagination',
 84 |       formControl: 'form-control',
 85 |       info: 'info form-inline',
 86 |       first: 'fa fa-angle-double-left',
 87 |       prev: 'fa fa-angle-left',
 88 |       next: 'fa fa-angle-right',
 89 |       last: 'fa fa-angle-double-right',
 90 |     },
 91 |     group: {
 92 |       show: 'fa fa-chevron-right',
 93 |       hide: 'fa fa-chevron-down',
 94 |     },
 95 |   },
 96 |   /**
 97 |    * Texts
 98 |    *
 99 |    * @type Object
100 |    */
101 |   text: {
102 |     /**
103 |      * Text to show when row can be expanded
104 |      * @type {String}
105 |      */
106 |     expand: 'Show details',
107 |     /**
108 |      * Text to show when row can be collapsed
109 |      * @type {String}
110 |      */
111 |     collapse: 'Hide details',
112 |     /**
113 |      * Message to show when there is no data
114 |      * @type {String}
115 |      */
116 |     noData: 'No data to show',
117 |     /**
118 |      * Message to show when no results are found for the search
119 |      * @type {String}
120 |      */
121 |     emptyResults: 'No results for this filter',
122 |     /**
123 |      * Message to show when no results are found for the search
124 |      * @type {String}
125 |      */
126 |     loading: 'Loading ...',
127 |     /**
128 |      * Text to show for pagination helper buttons
129 |      * @type {Object}
130 |      */
131 |     pagination: {
132 |       prev: '',
133 |       next: '',
134 |       info: {
135 |         showing: 'Showing %s to %s of %s rows.',
136 |         records: 'records per page',
137 |         noRows: 'No rows to display',
138 |       },
139 |     },
140 |   },
141 |   /*
142 |    * Key-value options for column and class
143 |    */
144 |   columnsClasses: {},
145 |   /*
146 |    * If to do inital fetch on create
147 |    */
148 |   initialFetch: true,
149 |   /*
150 |    * Key-value options for column and class
151 |    */
152 |   rowClasses: {},
153 |   /**
154 |    * Show the actions cell (with expand) last or first
155 |    */
156 |   actionsCellLast: true,
157 | };
158 | 


--------------------------------------------------------------------------------
/src/App.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <main id="app" class="container-fluid">
  3 |     <h1>Countries of Europe</h1>
  4 |     <h2>ClientTable, which needs all data pre-loaded</h2>
  5 |     <ClientTable ref="clientTable" :columns="clientColumns" :data="clientData" :options="clientOptions">
  6 |       <div slot="details_row" slot-scope="{ row }">
  7 |         <h4>Details for {{row.name}}.</h4>
  8 |         <p><strong>Alpha2Code:</strong> {{row.cca2}}</p>
  9 |         <p><strong>Domain(s):</strong> {{row.tld.join(', ')}}</p>
 10 |       </div>
 11 |     </ClientTable>
 12 |     <button @click="downloadClientCsv">Download</button>
 13 | 
 14 |     <h1>All countries</h1>
 15 |     <h2>ServerTable, which loads data page by page</h2>
 16 |     <ServerTable :columns="columns" :url="url" :options="options" ref="serverTable">
 17 |       <div slot="filter">
 18 |         <input placeholder="Search by name" v-model="options.filter.name" aria-label="Search" />
 19 |         <button @click="filter">Find</button>
 20 |       </div>
 21 |       <div slot="details_row" slot-scope="{ row }">
 22 |         <h4>Details for {{row.name}}.</h4>
 23 |         <p><strong>Alpha2Code:</strong> {{row.cca2}}</p>
 24 |         <p><strong>Domain(s):</strong> {{row.tld.join(', ')}}</p>
 25 |       </div>
 26 |     </ServerTable>
 27 |   </main>
 28 | </template>
 29 | 
 30 | <script>
 31 | import 'bootstrap/dist/js/bootstrap';
 32 | import axios from 'axios';
 33 | import Qs from 'qs';
 34 | import ServerTable from './components/Server.vue';
 35 | import ClientTable from './components/Client.vue';
 36 | 
 37 | const myServerTable = {
 38 |   extends: ServerTable,
 39 |   methods: {
 40 |     async fetch(params) {
 41 |       let { data } = await axios.get(this.url, {
 42 |         params,
 43 |         paramsSerializer(p) {
 44 |           return Qs.stringify(p, { arrayFormat: 'brackets' });
 45 |         },
 46 |       });
 47 |       // usually these actions are done on the server side
 48 |       // prepare data
 49 |       data = data.map((d) => ({
 50 |         ...d,
 51 |         tld: d.tld ?? [],
 52 |         name: d.name.common,
 53 |         capital: d.capital.join(', '),
 54 |       }));
 55 |       // filter by name
 56 |       data = data.filter((row) => !this.options.filter.name
 57 |         || row.name.common.toLowerCase().includes(this.options.filter.name.toLowerCase()));
 58 |       if (params.sort_by) {
 59 |         // sort
 60 |         data = data.sort((a, b) => params.sort_dir * `${a[params.sort_by]}`.localeCompare(`${b[params.sort_by]}`));
 61 |       }
 62 |       // paginate
 63 |       const start = (params.page - 1) * params.per_page;
 64 |       const end = start + params.per_page;
 65 |       return {
 66 |         list: data.slice(start, end),
 67 |         total: data.length,
 68 |       };
 69 |     },
 70 |     parse({ list, total }) {
 71 |       return {
 72 |         data: list,
 73 |         total,
 74 |       };
 75 |     },
 76 |   },
 77 | };
 78 | 
 79 | const myClientTable = {
 80 |   extends: ClientTable,
 81 |   methods: {
 82 | 
 83 |   },
 84 | };
 85 | 
 86 | export default {
 87 |   name: 'app',
 88 |   components: {
 89 |     ServerTable: myServerTable,
 90 |     ClientTable: myClientTable,
 91 |   },
 92 |   data: () => ({
 93 |     columns: ['name', 'capital', 'population'],
 94 |     url: 'https://restcountries.com/v3.1/region/europe',
 95 |     options: {
 96 |       perPage: 5,
 97 |       uniqueKey: 'ccn3',
 98 |       filter: {
 99 |         name: null,
100 |       },
101 |       columnsClasses: {
102 |         name: 'name-cls',
103 |       },
104 |       headings: {
105 |         name: '',
106 |       },
107 |       detailsRow: true,
108 |     },
109 |     clientColumns: ['select', 'name', 'capital', 'population'],
110 |     clientData: [],
111 |     clientOptions: {
112 |       perPage: 20,
113 |       detailsRow: true,
114 |       editable: true,
115 |       groupBy: 'subregion',
116 |       uniqueKey: 'ccn3',
117 |       nonSelectableColumns: ['population'],
118 |       // define which fields are search-able and how
119 |       search: {
120 |         name: true,
121 |         capital: true,
122 |         // population: (row, key, filter) => true,
123 |       },
124 |       searchCustom: {
125 |         capital: (row, key, filter) => row[key].toLowerCase().includes(filter.keyword),
126 |       },
127 |       // text: {
128 |       //   expand: '<i class="fa fa-chevron-right" />',
129 |       //   collapse: '<i class="fa fa-chevron-down" />',
130 |       // },
131 |     },
132 |   }),
133 |   async created() {
134 |     const { data } = await axios.get('https://restcountries.com/v3.1/region/europe');
135 |     this.clientData = data.map((d) => ({
136 |       ...d,
137 |       showSelect: true,
138 |       tld: d.tld ?? [],
139 |       name: d.name.common,
140 |       capital: d.capital.join(', '),
141 |     }));
142 |   },
143 |   methods: {
144 |     filter() {
145 |       // when filtering is applied, retrieve first page
146 |       this.$refs.serverTable.getFirstPage();
147 |     },
148 |     downloadClientCsv() {
149 |       this.$refs.clientTable.download({
150 |         filename: 'my-data.csv',
151 |         columns: ['name', 'capital', 'population'],
152 |       });
153 |     },
154 |   },
155 | };
156 | </script>
157 | 
158 | <style lang="less">
159 | 
160 | tfoot {
161 |   [class^='EnaServerTable_pagination'],
162 |   [class^='EnaServerTable_info'] {
163 |     margin: 20px 0;
164 |   }
165 | }
166 | </style>
167 | 


--------------------------------------------------------------------------------
/tests/unit/Client.spec.js:
--------------------------------------------------------------------------------
  1 | import { expect } from 'chai';
  2 | import { shallowMount } from '@vue/test-utils';
  3 | import Client from '@/components/Client.vue';
  4 | 
  5 | describe('Client.vue', () => {
  6 |   it('Renders a table with 1 row', () => {
  7 |     const wrapper = shallowMount(Client, {
  8 |       propsData: {
  9 |         data: [{ first_name: '1', id: 1 }],
 10 |       },
 11 |     });
 12 |     expect(wrapper.contains('table tbody tr')).to.be.true;
 13 | 
 14 |     const rows = wrapper.findAll('table tbody tr');
 15 |     expect(rows).to.have.lengthOf(1);
 16 |   });
 17 | 
 18 |   it('Sort by columns', async () => {
 19 |     const wrapper = shallowMount(Client, {
 20 |       propsData: {
 21 |         data: [{
 22 |           first_name: '1',
 23 |           id: 1,
 24 |           eng: 10,
 25 |         }, {
 26 |           first_name: '2',
 27 |           id: 2,
 28 |           eng: 5,
 29 |         }, {
 30 |           first_name: '3',
 31 |           id: 3,
 32 |           eng: 15,
 33 |         }],
 34 |         columns: ['first_name', 'id'],
 35 |       },
 36 |     });
 37 |     expect(wrapper.contains('table tbody tr')).to.be.true;
 38 |     const rows = wrapper.findAll('table tbody tr');
 39 |     expect(rows).to.have.lengthOf(3);
 40 | 
 41 |     wrapper.vm.sortBy({
 42 |       key: 'id',
 43 |       order: 'descending',
 44 |     });
 45 | 
 46 |     expect(wrapper.vm.pageData).to.be.deep.equal({
 47 |       all: [{
 48 |         first_name: '3',
 49 |         id: 3,
 50 |         eng: 15,
 51 |       }, {
 52 |         first_name: '2',
 53 |         id: 2,
 54 |         eng: 5,
 55 |       }, {
 56 |         first_name: '1',
 57 |         id: 1,
 58 |         eng: 10,
 59 |       }],
 60 |     });
 61 | 
 62 | 
 63 |     wrapper.setProps({
 64 |       columns: ['first_name', 'id', 'eng'],
 65 |     });
 66 |     wrapper.vm.sortBy({
 67 |       key: 'eng',
 68 |       order: 'descending',
 69 |     });
 70 |     await wrapper.vm.$nextTick();
 71 | 
 72 |     expect(wrapper.vm.pageData).to.be.deep.equal({
 73 |       all: [{
 74 |         first_name: '3',
 75 |         id: 3,
 76 |         eng: 15,
 77 |       }, {
 78 |         first_name: '1',
 79 |         id: 1,
 80 |         eng: 10,
 81 |       }, {
 82 |         first_name: '2',
 83 |         id: 2,
 84 |         eng: 5,
 85 |       }],
 86 |     });
 87 |   });
 88 | 
 89 |   it('Adds row classes on ungrouped tables', () => {
 90 |     const wrapper = shallowMount(Client, {
 91 |       propsData: {
 92 |         data: [{
 93 |           first_name: '1',
 94 |           id: 1,
 95 |           testClass: true,
 96 |         }, {
 97 |           first_name: '2',
 98 |           id: 2,
 99 |           testClass: true,
100 |         }, {
101 |           first_name: '3',
102 |           id: 3,
103 |           testClass: false,
104 |         }],
105 |         options: {
106 |           rowClasses: {
107 |             testClass: 'testClass',
108 |           },
109 |         },
110 |       },
111 |     });
112 |     expect(wrapper.contains('table tbody tr')).to.be.true;
113 | 
114 |     const rows = wrapper.findAll('table tbody tr.testClass');
115 |     expect(rows).to.have.lengthOf(2);
116 |   });
117 | 
118 |   it('Adds row classes on grouped tables', () => {
119 |     const wrapper = shallowMount(Client, {
120 |       propsData: {
121 |         data: [{
122 |           first_name: '1',
123 |           id: 1,
124 |           testClass: true,
125 |         }, {
126 |           first_name: '2',
127 |           id: 2,
128 |           testClass: false,
129 |         }, {
130 |           first_name: '2',
131 |           id: 3,
132 |           testClass: false,
133 |         }, {
134 |           first_name: '3',
135 |           id: 4,
136 |           testClass: true,
137 |         }, {
138 |           first_name: '3',
139 |           id: 5,
140 |           testClass: true,
141 |         }],
142 |         options: {
143 |           groupBy: 'first_name',
144 |           rowClasses: {
145 |             testClass: 'testClass',
146 |           },
147 |         },
148 |       },
149 |     });
150 |     expect(wrapper.contains('table tbody tr')).to.be.true;
151 | 
152 |     const rows = wrapper.findAll('table tbody tr.testClass');
153 |     expect(rows).to.have.lengthOf(3);
154 |   });
155 | });
156 | 
157 | describe('Client.vue methods', () => {
158 |   const wrapper = shallowMount(Client, {});
159 |   it('prepareValueForCsv escapes quotes', () => {
160 |     expect(wrapper.vm.prepareValueForCsv('test with quote "')).to.equal('"test with quote \\""');
161 |   });
162 |   it('prepareValueForCsv returns an empty string when input is null', () => {
163 |     expect(wrapper.vm.prepareValueForCsv(null)).to.equal('');
164 |   });
165 |   it('prepareValueForCsv returns an empty string when input is undefined', () => {
166 |     expect(wrapper.vm.prepareValueForCsv(undefined)).to.equal('');
167 |   });
168 |   it('prepareValueForCsv returns "0" when input is 0', () => {
169 |     expect(wrapper.vm.prepareValueForCsv(0)).to.equal('"0"');
170 |   });
171 |   it('prepareValueForCsv removes line feeds', () => {
172 |     expect(wrapper.vm.prepareValueForCsv('test with line feed \n')).to.equal('"test with line feed "');
173 |   });
174 |   it('prepareValueForCsv removes carriage returns', () => {
175 |     expect(wrapper.vm.prepareValueForCsv('test with carriage return \r')).to.equal('"test with carriage return "');
176 |   });
177 |   it('getFileNameWithExtension returns a filename with .csv extension when input does not have it included', () => {
178 |     expect(wrapper.vm.getFileNameWithExtension('filename')).to.equal('filename.csv');
179 |   });
180 | });
181 | 


--------------------------------------------------------------------------------
/src/components/mixins/Pagination.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div>
  3 |     <ul :class="[$style.pagination, classes.wrapper]">
  4 |       <li :class="{
  5 |           [$style.disabled]: currentPageValue === 1,
  6 |           disabled: currentPageValue === 1
  7 |         }">
  8 |         <a href="#"
  9 |           :aria-label="text.previous || 'Previous'"
 10 |           :title="text.previous || 'Previous'"
 11 |           role="button"
 12 |           @keydown.space.prevent="currentPageValue !== 1 && goToPage(currentPageValue-1)"
 13 |           @click.prevent="currentPageValue !== 1 && goToPage(currentPageValue-1)">
 14 |           <span aria-hidden="true"><i
 15 |             :class="classes.prev"
 16 |             ></i></span>{{text.prev}}</a>
 17 |       </li>
 18 |       <li :class="{
 19 |         [$style.active]: 1 === currentPageValue,
 20 |         active: 1 === currentPageValue,
 21 |         }">
 22 |         <a href="#"
 23 |           aria-label="Page 1"
 24 |           title="Page 1"
 25 |           role="button"
 26 |           @keydown.space.prevent="goToPage(1)"
 27 |           @click.prevent="goToPage(1)">
 28 |           1
 29 |         </a>
 30 |       </li>
 31 |       <li v-if="startPage > 2">
 32 |         <span>&hellip;</span>
 33 |       </li>
 34 |       <li v-for="page in pagesToShow"
 35 |         :key="page"
 36 |         :class="{
 37 |             [$style.active]: page === currentPageValue,
 38 |             active: page === currentPageValue,
 39 |           }">
 40 |         <a href="#"
 41 |           :aria-label="`Page ${page}`"
 42 |           :title="`Page ${page}`"
 43 |           role="button"
 44 |           @keydown.space.prevent="goToPage(page)"
 45 |           @click.prevent="goToPage(page)">{{page}}</a>
 46 |       </li>
 47 |       <li v-if="endPage < totalPages - 1">
 48 |         <span>&hellip;</span>
 49 |       </li>
 50 |       <li v-if="totalPages > 1"
 51 |         :class="{
 52 |           [$style.active]: totalPages === currentPageValue,
 53 |           active: totalPages === currentPageValue,
 54 |         }">
 55 |         <a href="#"
 56 |           :aria-label="`Page ${totalPages}`"
 57 |           :title="`Page ${totalPages}`"
 58 |           role="button"
 59 |           @keydown.space.prevent="goToPage(totalPages)"
 60 |           @click.prevent="goToPage(totalPages)">{{totalPages}}
 61 |         </a>
 62 |       </li>
 63 |       <li :class="{
 64 |           [$style.disabled]: currentPageValue === totalPages || totalPages === 0,
 65 |           disabled: currentPageValue === totalPages || totalPages === 0
 66 |         }">
 67 |         <a href="#"
 68 |           :aria-label="text.next || 'Next'"
 69 |           :title="text.next || 'Next'"
 70 |           role="button"
 71 |           @keydown.space.prevent="(currentPageValue !== totalPages && totalPages !== 0) && goToPage(currentPageValue+1)"
 72 |           @click.prevent="(currentPageValue !== totalPages && totalPages !== 0) && goToPage(currentPageValue+1)">{{text.next}}
 73 |           <span aria-hidden="true"><i :class="classes.next"></i></span>
 74 |         </a>
 75 |       </li>
 76 |     </ul>
 77 |     <div :class="[$style.info, classes.info]">
 78 |       <div v-if="totalRows">
 79 |         <span>
 80 |           {{text.info.showing | format(startRow+1, endRow, totalRows)}}
 81 |         </span>
 82 |         <select v-model="perPageValue"
 83 |           :class="[$style.perPageSelector, classes.formControl]"
 84 |           aria-label="Number of records per page">
 85 |           <option
 86 |             v-for="perPageValue in perPageValues"
 87 |             :value="perPageValue"
 88 |             :key="perPageValue"
 89 |             >
 90 |             {{perPageValue}}
 91 |           </option>
 92 |         </select>
 93 |         <span>
 94 |           {{text.info.records}}
 95 |         </span>
 96 |       </div>
 97 |       <div v-else>
 98 |         <span>
 99 |           {{text.info.noRows}}
100 |         </span>
101 |       </div>
102 |     </div>
103 |   </div>
104 | </template>
105 | 
106 | <style lang="less" module>
107 | .pagination {
108 |   margin: 0px;
109 |   > li > span,
110 |   > li > span:hover,
111 |   > li > span:focus {
112 |     border-top: 1px solid transparent;
113 |     border-bottom: 1px solid transparent;
114 |   }
115 |   > li > span:hover,
116 |   > li > span:focus {
117 |     background-color: #fff;
118 |   }
119 | }
120 | .info {
121 |   .perPageSelector{
122 |     margin-left: 10px;
123 |     margin-right: 10px;
124 |   }
125 |   float: right;
126 | }
127 | </style>
128 | 
129 | <script>
130 | import filters from './filters';
131 | 
132 | export default {
133 |   mixins: [filters],
134 |   props: {
135 |     classes: {
136 |       type: Object,
137 |       default: () => ({}),
138 |     },
139 |     text: {
140 |       type: Object,
141 |       default: () => ({}),
142 |     },
143 |     currentPage: {
144 |       type: Number,
145 |       default: 1,
146 |     },
147 |     perPage: {
148 |       type: Number,
149 |       default: 10,
150 |     },
151 |     perPageValues: {
152 |       type: Array,
153 |       default: () => ([1, 2, 5, 10, 20, 50]),
154 |     },
155 |     pageInterval: {
156 |       type: Number,
157 |       default: 7,
158 |     },
159 |     totalRows: {
160 |       type: Number,
161 |       required: true,
162 |     },
163 |     noPaginationOnCreate: {
164 |       type: Boolean,
165 |       required: false,
166 |     },
167 |   },
168 |   data() {
169 |     return {
170 |       perPageValue: this.perPage,
171 |       currentPageValue: this.currentPage,
172 |     };
173 |   },
174 |   computed: {
175 |     pagesToShow() {
176 |       const halfInterval = (this.pageInterval - 1) / 2;
177 |       let startPage = Math.max(2, this.currentPageValue - halfInterval);
178 |       let endPage = Math.min(this.totalPages - 1, this.currentPageValue + halfInterval);
179 |       if (startPage + this.pageInterval - 1 > endPage) {
180 |         endPage = Math.min(this.totalPages - 1, startPage + this.pageInterval - 1);
181 |       }
182 |       if (endPage - (this.pageInterval - 1)) {
183 |         startPage = Math.max(2, endPage - (this.pageInterval - 1));
184 |       }
185 |       const pages = [];
186 |       for (let i = startPage; i <= endPage; i += 1) {
187 |         pages.push(i);
188 |       }
189 |       return pages;
190 |     },
191 |     totalPages() {
192 |       return Math.ceil(this.totalRows / this.perPageValue);
193 |     },
194 |     startRow() {
195 |       return (this.currentPageValue - 1) * this.perPageValue;
196 |     },
197 |     endRow() {
198 |       return Math.min(this.startRow + this.perPageValue, this.totalRows);
199 |     },
200 |     startPage() {
201 |       return this.pagesToShow[0];
202 |     },
203 |     endPage() {
204 |       return this.pagesToShow[this.pagesToShow.length - 1];
205 |     },
206 |   },
207 |   watch: {
208 |     totalPages() {
209 |       if (this.currentPageValue > this.totalPages) {
210 |         // set the current page to the last page if the number of pages has been reduced below it
211 |         this.currentPageValue = this.totalPages;
212 |       } else if (!this.currentPageValue && this.totalPages) {
213 |         // if there was no current page and then the number of pages was set, go to first page
214 |         this.currentPageValue = 1;
215 |       }
216 |     },
217 |     perPageValue() {
218 |       this.paginate();
219 |     },
220 |     perPage() {
221 |       this.perPageValue = this.perPage;
222 |     },
223 |     currentPage() {
224 |       this.currentPageValue = this.currentPage;
225 |     },
226 |   },
227 |   created() {
228 |     if (!this.noPaginationOnCreate) {
229 |       this.paginate();
230 |     }
231 |   },
232 |   methods: {
233 |     goToPage(page) {
234 |       if (page >= 1 && page <= this.totalPages) {
235 |         this.currentPageValue = page;
236 |       }
237 |       this.paginate();
238 |     },
239 |     paginate() {
240 |       this.$emit('paginate', {
241 |         currentPage: this.currentPageValue,
242 |         perPage: this.perPageValue,
243 |       });
244 |     },
245 |   },
246 | };
247 | </script>
248 | 


--------------------------------------------------------------------------------
/src/components/Server.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div>
  3 |     <slot name="filter">
  4 |     </slot>
  5 |     <div :class="[opts.classes.wrapper, $style.wrapper]">
  6 |       <table :class="[opts.classes.table, $style.table]">
  7 |         <thead>
  8 |           <tr>
  9 |             <th v-for="key in allColumns" :key="key"
 10 |               :class="{ [$style.sortable]: opts.sortable[key], sorted: sortKey === key,
 11 |                 [opts.columnsClasses[key]]: opts.columnsClasses[key] != null }">
 12 |               <a
 13 |                 v-if="opts.headings[key] !== ''"
 14 |                 href="#"
 15 |                 :tabindex="opts.sortable[key] ? '': -1"
 16 |                 :aria-label="key | heading(opts.headings)"
 17 |                 role="button"
 18 |                 @keydown.space.prevent="sortBy({key})"
 19 |                 @click.prevent="sortBy({key})"
 20 |                 >
 21 |                 <slot :name="'heading_' + key">
 22 |                   <template>
 23 |                     {{ key | heading(opts.headings) }}
 24 |                   </template>
 25 |                 </slot>
 26 |                 <i v-if="opts.sortable[key]"
 27 |                   :class="{
 28 |                     [opts.classes.sort.none] : sortKey !== key || sortOrders[key] === null,
 29 |                     [opts.classes.sort[sortOrders[key]]] : sortKey === key,
 30 |                   }">
 31 |                 </i>
 32 |               </a>
 33 |             </th>
 34 |           </tr>
 35 |         </thead>
 36 |         <tbody v-if="isLoading">
 37 |           <tr>
 38 |             <td class="msg-row" :colspan="colspan">
 39 |               <slot name="loading"><span v-html="opts.text.loading"></span></slot>
 40 |             </td>
 41 |           </tr>
 42 |         </tbody>
 43 |         <tbody v-else-if="data.length === 0">
 44 |           <tr>
 45 |             <td class="msg-row" :colspan="colspan">
 46 |               <slot name="no_data"><span v-html="opts.text.noData"></span></slot>
 47 |             </td>
 48 |           </tr>
 49 |         </tbody>
 50 |         <tbody v-else>
 51 |           <template v-for="(entry, index) in data">
 52 |             <tr
 53 |               :key="'row_'+entry[opts.uniqueKey]"
 54 |               :data-id="entry[opts.uniqueKey]"
 55 |               :class="computedRowClasses[0][index]"
 56 |               >
 57 |               <td v-for="key in allColumns" :key="'cell_'+key"
 58 |               :class="{[opts.columnsClasses[key]]: opts.columnsClasses[key] != null }">
 59 |                 <slot :name="'column_' + key" :row="entry">
 60 |                   <component v-if="opts.templates[key]" :is="opts.templates[key]"
 61 |                     :data="entry" :column="key" :index="index">
 62 |                   </component>
 63 |                   <template v-else-if="key === 'actions'">
 64 |                     <ActionsCell
 65 |                       :row="entry"
 66 |                       :is-row-expanded="isRowExpanded(entry[opts.uniqueKey])"
 67 |                       :opts="opts"
 68 |                       @toggleRow="toggleRow"
 69 |                     >
 70 |                       <template #column_actions_pre="{row}">
 71 |                         <slot name="column_actions_pre" :row="row"/>
 72 |                       </template>
 73 |                       <template #column_actions_post="{row}">
 74 |                         <slot name="column_actions_post" :row="row"/>
 75 |                       </template>
 76 |                     </ActionsCell>
 77 |                   </template>
 78 |                   <template v-else>{{entry[key]}}</template>
 79 |                 </slot>
 80 |               </td>
 81 |             </tr>
 82 |             <tr
 83 |               v-if="opts.detailsRow"
 84 |               v-show="isRowExpanded(entry[opts.uniqueKey])"
 85 |               :key="'details_row_'+entry[opts.uniqueKey]"
 86 |               :data-details="entry[opts.uniqueKey]"
 87 |               >
 88 |               <td :colspan="colspan">
 89 |                 <slot name="details_row" :row="entry">
 90 |                 </slot>
 91 |               </td>
 92 |             </tr>
 93 |           </template>
 94 |         </tbody>
 95 |         <tfoot v-show="totalRows">
 96 |           <tr>
 97 |             <td :colspan="colspan">
 98 |               <Pagination
 99 |                 @paginate="paginate"
100 |                 :classes="opts.classes.pagination"
101 |                 :text="opts.text.pagination"
102 |                 :pageInterval="opts.pageInterval"
103 |                 :perPage="opts.perPage"
104 |                 :perPageValues="opts.perPageValues"
105 |                 :currentPage="currentPage"
106 |                 :totalRows="totalRows"
107 |                 :noPaginationOnCreate="opts.noPaginationOnCreate"
108 |               />
109 |             </td>
110 |           </tr>
111 |         </tfoot>
112 |       </table>
113 |     </div>
114 |   </div>
115 | </template>
116 | 
117 | <style lang="less" module>
118 | .table {
119 |   border-bottom: none;
120 |   > thead:first-child > tr:first-child > th {
121 |     border-top: 1px solid #333;
122 |     border-bottom: 1px solid #333;
123 |     a {
124 |       cursor: default;
125 |       color: inherit;
126 |       text-decoration: none;
127 |       display: block;
128 |     }
129 |     &.sortable {
130 |       a {
131 |         cursor: pointer;
132 |         &:focus {
133 |           text-decoration: underline;
134 |         }
135 |       }
136 |       i {
137 |         margin-top: 5px;
138 |         margin-left: 5px;
139 |       }
140 |     }
141 |   }
142 |   tbody > tr:first-child > th {
143 |     background-color: #F2F2F2;
144 |     a + span {
145 |       margin-left: 5px;
146 |     }
147 |     a {
148 |       color: #333;
149 |       font-size: 16px;
150 |       display: inline-block;
151 |       width: 20px;
152 |       text-align: center;
153 |     }
154 |   }
155 |   .checkbox {
156 |     margin: 0;
157 |     label {
158 |       min-height: 18px;
159 |     }
160 |   }
161 | }
162 | .pagination {
163 |   margin: 0px;
164 | }
165 | .info{
166 |   .perPageSelector{
167 |     margin-left: 10px;
168 |     margin-right: 10px;
169 |   }
170 |   float: right;
171 | }
172 | </style>
173 | 
174 | <script type="text/javascript">
175 | import axios from 'axios';
176 | import filters from './mixins/filters';
177 | import defaultProps from './mixins/default-props';
178 | import methods from './mixins/methods';
179 | import Pagination from './mixins/Pagination.vue';
180 | import ActionsCell from './mixins/ActionsCell.vue';
181 | 
182 | /**
183 |  * @module EnaTableServer
184 |  */
185 | export default {
186 |   mixins: [filters, methods],
187 |   components: {
188 |     Pagination,
189 |     ActionsCell,
190 |   },
191 |   props: {
192 |     /**
193 |      * URL to fetch data from
194 |      */
195 |     url: '',
196 |     /**
197 |      * List of keys to use from each object (table columns)
198 |      *
199 |      * @type {Array}
200 |      */
201 |     columns: {
202 |       type: Array,
203 |       default: () => ([]),
204 |     },
205 |     /**
206 |      * Options for the table
207 |      *
208 |      * @inner
209 |      * @type {Object}
210 |      */
211 |     options: {
212 |       type: Object,
213 |       default: () => ({}),
214 |     },
215 |     /**
216 |      * Default option values. Will be overwritten by the "options" value
217 |      *
218 |      * @type {Object<Object>}
219 |      */
220 |     defaults: {
221 |       type: Object,
222 |       default: () => ({
223 |         ...defaultProps,
224 |         /**
225 |          * Object with request params mapping
226 |          */
227 |         params: {
228 |           page: 'page',
229 |           per_page: 'per_page',
230 |           sort_by: 'sort_by',
231 |           sort_dir: 'sort_dir',
232 |         },
233 |       }),
234 |     },
235 |     /**
236 |      * Polling indicator. If true this will allow refreshing data in the background without
237 |      * showing the loading icon
238 |      * @type {Boolean}
239 |      */
240 |     polling: {
241 |       type: Boolean,
242 |       default: false,
243 |     },
244 |     /**
245 |      * Loading indicator. If true, will display the `loadingMsg` instead of the body
246 |      * @type {Boolean}
247 |      */
248 |     loadingOverride: {
249 |       type: Boolean,
250 |       default: false,
251 |     },
252 |   },
253 |   data() {
254 |     const sortOrders = {};
255 |     this.columns.forEach((key) => {
256 |       sortOrders[key] = null;
257 |     });
258 |     return {
259 |       loading: false,
260 |       sortOrders,
261 |       sortKey: '',
262 |       shown: {},
263 |       data: [],
264 |       expandedRows: {},
265 |       currentPage: 1,
266 |       perPage: this.options.perPage || this.defaults.perPage,
267 |       totalRows: 0,
268 |       pollLoading: false,
269 |     };
270 |   },
271 |   computed: {
272 |     opts() {
273 |       const opts = {
274 | 
275 |         ...this.defaults,
276 |         ...this.options,
277 |       };
278 |       const sortable = {};
279 |       this.columns.forEach((key) => {
280 |         if (opts.sortable === true || opts.sortable[key]) {
281 |           sortable[key] = opts.sortable[key] || true;
282 |         }
283 |       });
284 |       return Object.assign(
285 |         opts,
286 |         {
287 |           sortable,
288 |         }
289 |       );
290 |     },
291 |     isLoading() {
292 |       return this.polling ? this.pollLoading : this.loading;
293 |     },
294 |     pageData() {
295 |       return {
296 |         all: this.data,
297 |       };
298 |     },
299 |   },
300 |   watch: {
301 |     loadingOverride() {
302 |       this.pollLoading = this.loadingOverride;
303 |     },
304 |   },
305 |   mounted() {
306 |     if (this.opts.sortBy) {
307 |       this.sortBy(this.opts.sortBy);
308 |     }
309 |   },
310 |   created() {
311 |     if (this.opts.initialFetch) {
312 |       this.loadData(true);
313 |     }
314 |   },
315 |   methods: {
316 |     async fetch(params) {
317 |       const { data } = await axios.get(this.url, {
318 |         params,
319 |       });
320 |       return data;
321 |     },
322 |     updateLoading(show, value) {
323 |       if (this.polling && show) {
324 |         this.pollLoading = value;
325 |       } else {
326 |         this.loading = value;
327 |       }
328 |     },
329 |     async loadData(showPollLoading = false) {
330 |       this.updateLoading(showPollLoading, true);
331 | 
332 |       const params = {
333 |         [this.opts.params.page]: this.currentPage,
334 |         [this.opts.params.per_page]: this.perPage,
335 |       };
336 |       let direction;
337 |       if (this.sortOrders[this.sortKey] === 'ascending') {
338 |         direction = 1;
339 |       } else if (this.sortOrders[this.sortKey] === 'descending') {
340 |         direction = -1;
341 |       } else {
342 |         direction = 0;
343 |         this.sortKey = undefined;
344 |       }
345 |       if (this.sortKey) {
346 |         Object.assign(params, {
347 |           [this.opts.params.sort_by]: this.sortKey,
348 |           [this.opts.params.sort_dir]: direction,
349 |         });
350 |       }
351 |       try {
352 |         const {
353 |           data,
354 |           total,
355 |         } = this.parse(await this.fetch(params));
356 |         this.data = data;
357 |         this.totalRows = total;
358 |       } catch (e) {
359 |         this.data = [];
360 |         this.totalRows = 0;
361 |         throw e;
362 |       } finally {
363 |         this.updateLoading(showPollLoading, false);
364 |       }
365 |     },
366 |     parse(response) {
367 |       return response;
368 |     },
369 |     sortBy(obj) {
370 |       const { key, order } = obj;
371 |       if (this.opts.sortable[key]) {
372 |         this.sortKey = key;
373 |         this.columns.forEach((elem) => {
374 |           if (elem !== this.sortKey) {
375 |             this.sortOrders[elem] = null;
376 |           }
377 |         });
378 | 
379 |         if (order) {
380 |           this.sortOrders[key] = order;
381 |         } else if (this.sortOrders[key] === null) {
382 |           this.sortOrders[key] = 'ascending';
383 |         } else if (this.sortOrders[key] === 'ascending') {
384 |           this.sortOrders[key] = 'descending';
385 |         } else {
386 |           this.sortOrders[key] = null;
387 |         }
388 |         this.loadData(true);
389 |       }
390 |     },
391 |     getFirstPage() {
392 |       this.currentPage = 1;
393 |       this.loadData(true);
394 |     },
395 |     paginate({ currentPage, perPage }) {
396 |       this.currentPage = currentPage;
397 |       this.perPage = perPage;
398 |       this.loadData(true);
399 |     },
400 |   },
401 | };
402 | </script>
403 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
  1 | # vue-table
  2 | 
  3 | [![CircleCI (all branches)](https://img.shields.io/circleci/project/github/myENA/vue-table.svg)](https://circleci.com/gh/myENA/vue-table)
  4 | [![npm (scoped)](https://img.shields.io/npm/v/@myena/vue-table.svg)](https://www.npmjs.com/package/@myena/vue-table)
  5 | ![](https://img.shields.io/npm/dt/@myena/vue-table.svg)
  6 | [![NpmLicense](https://img.shields.io/npm/l/@myena/vue-table.svg)](https://www.npmjs.com/package/@myena/vue-table)
  7 | ![npm bundle size (minified + gzip)](https://img.shields.io/bundlephobia/minzip/@myena/vue-table.svg)
  8 | ![David](https://img.shields.io/david/peer/myena/vue-table.svg)
  9 | ![David](https://img.shields.io/david/dev/myena/vue-table.svg)
 10 | 
 11 | 
 12 | ## What's this
 13 | Components to render a table using client or remote data
 14 | 
 15 | ## Install
 16 | ```
 17 | npm install @myena/vue-table
 18 | ```
 19 | 
 20 | # Dependencies
 21 | 
 22 | - Vue 2
 23 | - Bootstrap 3
 24 | - FontAwesome 4
 25 | 
 26 | # Demo
 27 | https://myena-vue-table.netlify.app/
 28 | 
 29 | # Vue Client Table
 30 | 
 31 | Vue component for rendering a client side table with pagination, grouping, sorting, filtering, details row.
 32 | Entire table data should be given to the table and will be paginated client side. Data can come from a Vuex store.
 33 | 
 34 | ## Usage:
 35 | 
 36 | ```html
 37 | <EnaTableClient :columns="columns" :options="options" :data="data" :loading="loading">
 38 |   <my-custom-filter-component slot="filter" v-on:search="search"></my-custom-filter-component>
 39 |   <span slot="__group_meta" slot-scope="{ data }">
 40 |     <strong><span v-html="data.label"></span> (Total in group: {{data.total}})</strong>
 41 |   </span>
 42 |   <template slot="heading_column1">
 43 |     <div>Custom heading of column1</div>
 44 |   </template>
 45 |   <template slot="column_column1" slot-scope="{ row }" >
 46 |     <span><i v-if="row.column2 === 'disable'" class="fa fa-ban"></i> {{row.column1}}</span>
 47 |   </template>
 48 |   <template slot="details_row" slot-scope="{ row }">
 49 |     <div>Div for details (expanded) row</div>
 50 |   </template>
 51 | </EnaTableClient>
 52 | ```
 53 | 
 54 | ### As plugin (or in Browser)
 55 | 
 56 | ```javascript
 57 | // this will create the global (window) object "EnaTableClient"
 58 | import '@myena/vue-table/dist/EnaTableClient';
 59 | // or include as script in html : <script type="text/javascript" src="node_modules/@myena/vue-table/dist/EnaTableClient/index.js"></script>
 60 | // registers the component globally
 61 | 
 62 | // in the view that contains the table
 63 | const MyView = new Vue({
 64 |   data() {
 65 |     // Define properties
 66 |     return {
 67 |       /**
 68 |        * List of objects to present in the table
 69 |        *
 70 |        * @member
 71 |        * @type {Array}
 72 |        */
 73 |       data: Array,
 74 |       /**
 75 |        * List of keys to use from each object (table columns)
 76 |        *
 77 |        * @type {Array}
 78 |        */
 79 |       columns: Array,
 80 |       /**
 81 |        * The filter object. If updated will filter the results by the value
 82 |        *
 83 |        * @type {Object}
 84 |        */
 85 |       filter: {
 86 |         type: Object,
 87 |         default: () => ({
 88 |           // The search query string. If updated will filter the results by the value
 89 |           keyword: '',
 90 |         }),
 91 |       },
 92 |       /**
 93 |        * Loading indicator. If true, will display the `loadingMsg` instead of the body
 94 |        * @type {Boolean}
 95 |        */
 96 |       loading: {
 97 |         type: Boolean,
 98 |         default: false,
 99 |       },
100 |       /**
101 |        * Options for the table
102 |        *
103 |        * @inner
104 |        * @type {Object}
105 |        */
106 |       options: {
107 |         /**
108 |          * Classes to use on various elements
109 |          *
110 |          * @inner
111 |          * @type {Object}
112 |          */
113 |         classes: {
114 |           wrapper: 'table-responsive',
115 |           table: 'table',
116 |           formControl: 'form-control',
117 |           sort: {
118 |             none: 'fa fa-sort',
119 |             ascending: 'fa fa-sort-asc',
120 |             descending: 'fa fa-sort-desc',
121 |           },
122 |           pagination: {
123 |             wrapper: 'pagination',
124 |             info: 'info form-inline',
125 |             first: 'fa fa-angle-double-left',
126 |             prev: 'fa fa-angle-left',
127 |             next: 'fa fa-angle-right',
128 |             last: 'fa fa-angle-double-right',
129 |           },
130 |           group: {
131 |             show: 'fa fa-chevron-right',
132 |             hide: 'fa fa-chevron-down',
133 |           },
134 |         },
135 |         /**
136 |          * Key-value pairs with the headings to overwrite (label to display)
137 |          * can also be overwritten with slot: "heading_colname"
138 |          *
139 |          * @inner
140 |          * @type {Object}
141 |          */
142 |         headings: {},
143 |         /**
144 |          * Key-value pairs with templates (components) for the column value
145 |          *
146 |          * @type {Object}
147 |          */
148 |         templates: {},
149 |         /**
150 |          * Key-value pairs with custom search function per column,
151 |          * or false to disable search for that column
152 |          *
153 |          * @type {Object}
154 |          */
155 |         search: {},
156 |         /**
157 |          * Field to group by - key name
158 |          *
159 |          * @default
160 |          * @type {Boolean|String}
161 |          */
162 |         groupBy: false,
163 |         /**
164 |          * Expand/collapse groups
165 |          *
166 |          * @default
167 |          * @type {Boolean}
168 |          */
169 |         toggleGroups: false,
170 |         /**
171 |          * Object of data to use for each group "header" (key is the group value)
172 |          *
173 |          * @type {Object}
174 |          */
175 |         groupMeta: {},
176 |         /**
177 |          * Required, unique identifier
178 |          *
179 |          * @default
180 |          * @type {String}
181 |          */
182 |         uniqueKey: 'id',
183 |         /**
184 |          * show extra row for each row with details
185 |          *
186 |          * @default
187 |          * @type {Boolean}
188 |          */
189 |         detailsRow: false,
190 |         /**
191 |          * Texts
192 |          *
193 |          * @type Object
194 |          */
195 |         text: {
196 |           /**
197 |            * Text to show when row can be expanded
198 |            * @type {String}
199 |            */
200 |           expand: 'Show details',
201 |           /**
202 |            * Text to show when row can be collapsed
203 |            * @type {String}
204 |            */
205 |           collapse: 'Hide details',
206 |           /**
207 |            * Message to show when there is no data
208 |            * @type {String}
209 |            */
210 |           noData: 'No data to show',
211 |           /**
212 |            * Message to show when no results are found for the search
213 |            * @type {String}
214 |            */
215 |           emptyResults: 'No results for this filter',
216 |           /**
217 |            * Message to show when no results are found for the search
218 |            * @type {String}
219 |            */
220 |           loading: 'Loading ...',
221 |           /**
222 |            * Text to show for pagination helper buttons
223 |            * @type {Object}
224 |            */
225 |           pagination: {
226 |             next: '',
227 |             last: '',
228 |             info: {
229 |               showing: 'Showing %s to %s of %s rows.',
230 |               records: 'records per page',
231 |               noRows: 'No rows to display',
232 |             },
233 |           },
234 |         },
235 |         /**
236 |          * empty object to disable sorting for all,
237 |          * or define what columns are sortable; defaults to all sortable
238 |          *
239 |          * @default
240 |          * @type {true|Object}
241 |          */
242 |         sortable: true,
243 |         /**
244 |          * false, to disable pagination - show all; defaults to true
245 |          *
246 |          * @default
247 |          * @type {Boolean}
248 |          */
249 |         pagination: true,
250 |         /**
251 |          * number of items per page
252 |          *
253 |          * @default
254 |          * @type {Number}
255 |          */
256 |         perPage: 10,
257 |         /**
258 |          * How many pages to show in the paginator. Odd number
259 |          *
260 |          * @default
261 |          * @type {Number}
262 |          */
263 |         pageInterval: 7,
264 |         /**
265 |          * values to show in the selector of items per page
266 |          *
267 |          * @default
268 |          * @type {Array}
269 |          */
270 |         perPageValues: [1, 2, 5, 10, 20, 50],
271 |         /**
272 |          * Is the table editable (eg: can select value)
273 |          * @type {Boolean}
274 |          */
275 |         editable: false,
276 |         /**
277 |          * List of columns that should be disabled for click to select/deselect
278 |          * @type {Array}
279 |          */
280 |         nonSelectableColumns: [],
281 |         /**
282 |          * Object (key, order) to sort table by on first load (on created)
283 |          * @type {Object}
284 |          */
285 |         sortBy: {
286 |           column: null,
287 |           order: null,
288 |         },
289 |         /**
290 |          * The collator used for sorting
291 |          * @type {Intl.Collator}
292 |          */
293 |         sortCollator: new Intl.Collator('en', {
294 |           numeric: true,
295 |           sensitivity: 'base',
296 |         }),
297 |       },
298 |     };
299 |   },
300 |   // OR use computed properties instead
301 |   computed: {
302 |     data() {
303 |       return this.$store.state.myListData; // or any other source that has all data
304 |     },
305 |   },
306 |   methods: {
307 |     search(filter) {
308 |       this.searchQuery = filter.keyword;
309 |     },
310 |   },
311 |   watch: {
312 |     data(data) {
313 |       // set the group metas when data changes
314 |       // groupColumn is the same as the one used for 'groupBy' option
315 |       this.options.groupMeta = data.reduce((groupMeta, r) => {
316 |         if (!groupMeta[r.groupColumn]) {
317 |           groupMeta[r.groupColumn] = {
318 |             label: r.groupColumn,
319 |             total: 0,
320 |           };
321 |         }
322 |         groupMeta[r.groupColumn].total += 1;
323 |         return groupMeta;
324 |       }, {});
325 |     },
326 |   },
327 | });
328 | ```
329 | 
330 | ### As module/local component
331 | 
332 | ```javascript
333 | import { Client } from '@myena/vue-table';
334 | 
335 | // in the view that contains the table
336 | const MyView = new Vue({
337 |   components: {
338 |     ClientTable: Client,
339 |   },
340 |   data() {
341 |     return {
342 |       columns: ['column1', 'column2'],
343 |       options: {
344 |       },
345 |     };
346 |   },
347 |   computed: {
348 |     data() {
349 |       return this.$store.state.myListData; // or any other source that has all data
350 |     },
351 |   },
352 | });
353 | ```
354 | 
355 | # Vue Server Table
356 | 
357 | Vue component for rendering a table that loads data from the server, with pagination, sorting, filtering, details row.
358 | It doesn't support grouping.
359 | 
360 | ## Usage:
361 | 
362 | ```html
363 | <EnaTableServer :columns="columns" :options="options" ref="serverTable">
364 |   <div slot="filter">
365 |     <input placeholder="Search by name" v-model="options.filter.name"/>
366 |     <button @click="filter">Find</button>
367 |   </div>
368 |   <template slot="heading_column1">
369 |     <div>Custom heading of column1</div>
370 |   </template>
371 |   <template slot="column_column1" slot-scope="{ row }" >
372 |     <span><i v-if="row.column2 === 'disable'" class="fa fa-ban"></i> {{row.column1}}</span>
373 |   </template>
374 |   <template slot="details_row" slot-scope="{ row }">
375 |     <div>Div for details (expanded) row</div>
376 |   </template>
377 | </EnaTableServer>
378 | ```
379 | 
380 | ```javascript
381 | import axios from 'axios';
382 | import Qs from 'qs';
383 | import { Server: ServerTable } from '@myena/vue-table';
384 | 
385 | const myServerTable = {
386 |   extends: ServerTable,
387 |   methods: {
388 |     /**
389 |      * Override the fetch method
390 |      */
391 |     async fetch(params) {
392 |       const { data } = await axios.get(this.url, {
393 |         params: Object.assign({}, params, {
394 |           filter: this.options.filter,
395 |         }),
396 |         paramsSerializer(p) {
397 |           return Qs.stringify(p, { arrayFormat: 'brackets' });
398 |         },
399 |       });
400 |       return data;
401 |     },
402 |     /**
403 |      * Override the parse method to return `data` and `total` fields
404 |      */
405 |     parse({ list, total }) {
406 |       return {
407 |         data: list,
408 |         total,
409 |       };
410 |     },
411 |   },
412 | };
413 | 
414 | export default {
415 |   name: 'app',
416 |   components: {
417 |     ServerTable: myServerTable,
418 |   },
419 |   data: () => ({
420 |     columns: ['name', 'capital', 'population'],
421 |     url: 'https://us-central1-vue-myena-table.cloudfunctions.net/countries',
422 |     options: {
423 |       perPage: 5,
424 |       uniqueKey: 'alpha3Code',
425 |       // not handled by the component
426 |       // added here for easier access in the overridden fetch function
427 |       filter: {
428 |         name: null,
429 |       },
430 |     },
431 |   }),
432 |   methods: {
433 |     filter() {
434 |       // call component loadData, which sets some params then calls fetch (above)
435 |       this.$refs.serverTable.loadData();
436 |     },
437 |   },
438 | };
439 | ```
440 | 


--------------------------------------------------------------------------------
/src/components/Client.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div>
  3 |     <slot name="filter">
  4 |       <div v-if="hasSearchFields">
  5 |         <div class="row">
  6 |           <div class="col-md-2">
  7 |             <slot name="filters">
  8 |               <div class="form-group">
  9 |                 <label>Search</label>
 10 |                 <div class="input-group">
 11 |                   <input type="text" class="form-control" placeholder="Search by keyword"
 12 |                     @input="search($event.target.value)"
 13 |                     aria-label="Search by keyword"/>
 14 |                   <span class="input-group-addon"><i class="fa fa-search"></i></span>
 15 |                 </div>
 16 |               </div>
 17 |             </slot>
 18 |           </div>
 19 |           <div class="col-md-10">
 20 |             <div class="pull-right">
 21 |               <div class="form-group">
 22 |                 <label>&nbsp;</label>
 23 |                 <div>
 24 |                   <slot name="buttons"></slot>
 25 |                 </div>
 26 |               </div>
 27 |             </div>
 28 |           </div>
 29 |         </div>
 30 |       </div>
 31 |     </slot>
 32 |     <div :class="[opts.classes.wrapper, $style.wrapper]">
 33 |       <table :class="[opts.classes.table, $style.table]">
 34 |         <thead>
 35 |           <tr>
 36 |             <th v-for="key in allColumns" :key="key"
 37 |               :class="{ [$style.sortable]: opts.sortable[key], sorted: sortKey === key,
 38 |                 [opts.columnsClasses[key]]: opts.columnsClasses[key] != null }">
 39 |               <template v-if="key === 'select'">
 40 |                 <span :class="[opts.classes.checkbox, $style.checkbox]">
 41 |                   <label>
 42 |                     <input class="check-all"
 43 |                       type="checkbox"
 44 |                       @change="selectAll"
 45 |                       :checked="allSelected" :disabled="!opts.editable"
 46 |                       aria-label="Select all rows"
 47 |                       />
 48 |                   </label>
 49 |                 </span>
 50 |               </template>
 51 |               <template v-else>
 52 |                 <a
 53 |                 v-if="opts.headings[key] !== ''"
 54 |                 href="#"
 55 |                 :tabindex="opts.sortable[key] ? '': -1"
 56 |                 :aria-label="key | heading(opts.headings)"
 57 |                 role="button"
 58 |                 @keydown.space.prevent="sortBy({key})"
 59 |                 @click.prevent="sortBy({key})"
 60 |                 >
 61 |                   <slot :name="'heading_' + key">
 62 |                     {{ key | heading(opts.headings) }}
 63 |                   </slot>
 64 |                   <i v-if="opts.sortable[key]"
 65 |                     :class="{
 66 |                       [opts.classes.sort.none] : sortKey !== key || sortOrders[key] === null,
 67 |                       [opts.classes.sort[sortOrders[key]]] : sortKey === key,
 68 |                     }">
 69 |                   </i>
 70 |                 </a>
 71 |               </template>
 72 |             </th>
 73 |           </tr>
 74 |         </thead>
 75 |         <tbody v-if="loading">
 76 |           <tr>
 77 |             <td class="msg-row" :colspan="colspan">
 78 |               <slot name="loading"><span v-html="opts.text.loading"></span></slot>
 79 |             </td>
 80 |           </tr>
 81 |         </tbody>
 82 |         <tbody v-else-if="data.length === 0">
 83 |           <tr>
 84 |             <td class="msg-row" :colspan="colspan">
 85 |               <slot name="no_data"><span v-html="opts.text.noData"></span></slot>
 86 |             </td>
 87 |           </tr>
 88 |         </tbody>
 89 |         <tbody v-else-if="filteredData.length === 0">
 90 |           <tr>
 91 |             <td class="msg-row" :colspan="colspan">
 92 |               <slot name="empty_results"><span v-html="opts.text.emptyResults"></span></slot>
 93 |             </td>
 94 |           </tr>
 95 |         </tbody>
 96 |         <tbody v-else v-for="(group, groupKey, groupIndex) in pageData" :key="groupKey">
 97 |           <tr v-if="groupKey !== 'all'">
 98 |             <th :colspan="colspan">
 99 |               <a
100 |                 href="#"
101 |                 role="button"
102 |                 @keydown.space.prevent="toggleGroup(groupKey)"
103 |                 @click.prevent="toggleGroup(groupKey)"
104 |                 :aria-label="`Toggle group of rows for ${groupKey}`">
105 |                 <i :class="{
106 |                   [opts.classes.group.hide]: isShown(groupKey),
107 |                   [opts.classes.group.show]: !isShown(groupKey),
108 |                 }"></i>
109 |               </a>
110 |               <slot name="__group_meta" v-bind:data="opts.groupMeta[groupKey]">
111 |                 {{groupKey}}
112 |               </slot>
113 |             </th>
114 |           </tr>
115 |           <template v-for="(entry, index) in group">
116 |             <tr
117 |               v-if="isShown(groupKey)"
118 |               :key="'row_'+entry[opts.uniqueKey]"
119 |               :data-id="entry[opts.uniqueKey]"
120 |               :class="{
121 |                 selectable: opts.editable && entry.showSelect,
122 |                 selected: selectedRowIds[entry[opts.uniqueKey]],
123 |                 ...computedRowClasses[groupIndex][index],
124 |               }"
125 |               >
126 |               <td v-for="key in allColumns" :key="'cell_'+key"
127 |               :class="{
128 |                 [$style.selectable]: isColumnSelectable(entry, key),
129 |                 [opts.columnsClasses[key]]: opts.columnsClasses[key] != null,
130 |               }"
131 |               @click="toggleSelected(entry, key)"
132 |               >
133 |                 <slot :name="'column_' + key" :row="entry" :index="index">
134 |                   <component v-if="opts.templates[key]" :is="opts.templates[key]"
135 |                     :data="entry" :column="key" :index="index">
136 |                   </component>
137 |                   <template v-else-if="key === 'select'">
138 |                     <div v-if="entry.showSelect" :class="[opts.classes.checkbox, $style.checkbox]">
139 |                       <label>
140 |                         <input type="checkbox" name="selectedRows"
141 |                           v-model="selectedRows" :disabled="!opts.editable"
142 |                           :key="'select-'+entry[opts.uniqueKey]"
143 |                           :value="entry[opts.uniqueKey]"
144 |                           aria-label="Select row">
145 |                       </label>
146 |                     </div>
147 |                   </template>
148 |                   <template v-else-if="key === 'actions'">
149 |                     <ActionsCell
150 |                       :row="entry"
151 |                       :is-row-expanded="isRowExpanded(entry[opts.uniqueKey])"
152 |                       :opts="opts"
153 |                       @toggleRow="toggleRow"
154 |                     >
155 |                       <template #column_actions_pre="{row}">
156 |                         <slot name="column_actions_pre" :row="row"/>
157 |                       </template>
158 |                       <template #column_actions_post="{row}">
159 |                         <slot name="column_actions_post" :row="row"/>
160 |                       </template>
161 |                     </ActionsCell>
162 |                   </template>
163 |                   <template v-else>{{entry[key]}}</template>
164 |                 </slot>
165 |               </td>
166 |             </tr>
167 |             <tr
168 |               v-if="opts.detailsRow && isShown(groupKey)"
169 |               v-show="isRowExpanded(entry[opts.uniqueKey])"
170 |               :key="'details_row_'+entry[opts.uniqueKey]"
171 |               :data-details="entry[opts.uniqueKey]"
172 |               >
173 |               <td :colspan="colspan">
174 |                 <slot name="details_row" :row="entry">
175 |                 </slot>
176 |               </td>
177 |             </tr>
178 |           </template>
179 |         </tbody>
180 |         <tbody v-if="opts.aditionalActions">
181 |           <slot name="actionsForSelectedItems">
182 |           </slot>
183 |         </tbody>
184 |         <tfoot v-if="opts.pagination && totalRows">
185 |           <tr>
186 |             <td :colspan="colspan">
187 |               <Pagination
188 |                 @paginate="paginate"
189 |                 :classes="opts.classes.pagination"
190 |                 :text="opts.text.pagination"
191 |                 :pageInterval="opts.pageInterval"
192 |                 :perPage="opts.perPage"
193 |                 :perPageValues="opts.perPageValues"
194 |                 :currentPage="currentPage"
195 |                 :totalRows="totalRows"
196 |               />
197 |             </td>
198 |           </tr>
199 |         </tfoot>
200 |       </table>
201 |     </div>
202 |   </div>
203 | </template>
204 | 
205 | <style lang="less" module>
206 | .table {
207 |   border-bottom: none;
208 |   > thead:first-child > tr:first-child > th {
209 |     border-top: 1px solid #333;
210 |     border-bottom: 1px solid #333;
211 |     a {
212 |       cursor: default;
213 |       color: inherit;
214 |       text-decoration: none;
215 |       display: block;
216 |     }
217 |     &.sortable {
218 |       a {
219 |         cursor: pointer;
220 |         &:focus {
221 |           text-decoration: underline;
222 |         }
223 |       }
224 |       i {
225 |         margin-top: 5px;
226 |         margin-left: 5px;
227 |       }
228 |     }
229 |   }
230 |   tbody > tr:first-child > th {
231 |     background-color: #F2F2F2;
232 |     a + span {
233 |       margin-left: 5px;
234 |     }
235 |     a {
236 |       color: #333;
237 |       font-size: 16px;
238 |       display: inline-block;
239 |       width: 20px;
240 |       text-align: center;
241 |     }
242 |   }
243 |   .checkbox {
244 |     margin: 0;
245 |     label {
246 |       min-height: 18px;
247 |     }
248 |   }
249 | }
250 | td.selectable:hover {
251 |   cursor: pointer;
252 | }
253 | 
254 | </style>
255 | 
256 | <script type="text/javascript">
257 | import { mergeDeepRight, union, difference } from 'ramda';
258 | import filters from './mixins/filters';
259 | import defaultProps from './mixins/default-props';
260 | import methods from './mixins/methods';
261 | import Pagination from './mixins/Pagination.vue';
262 | import ActionsCell from './mixins/ActionsCell.vue';
263 | 
264 | const getFilterForData = ({ searchFields, someMatch, everyMatch, filter, customMatch = {} }) => (row) => everyMatch.every((key) => searchFields[key](row, key, filter))
265 |   && (
266 |     someMatch.length === 0
267 |     || someMatch.some((key) => {
268 |       if (customMatch[key]) {
269 |         return customMatch[key](row, key, filter);
270 |       }
271 |       return String(row[key]).toLowerCase().indexOf(filter.keyword) > -1;
272 |     })
273 |   );
274 | 
275 | /**
276 |  * @module EnaTableClient
277 |  */
278 | export default {
279 |   mixins: [filters, methods],
280 |   components: {
281 |     Pagination,
282 |     ActionsCell,
283 |   },
284 |   props: {
285 |     /**
286 |      * List of objects to present in the table
287 |      *
288 |      * @member
289 |      * @type {Array}
290 |      */
291 |     data: {
292 |       type: Array,
293 |       default: () => ([]),
294 |     },
295 |     /**
296 |      * List of keys to use from each object (table columns)
297 |      *
298 |      * @type {Array}
299 |      */
300 |     columns: {
301 |       type: Array,
302 |       default: () => ([]),
303 |     },
304 |     /**
305 |      * The filter object. If updated will filter the results by the value
306 |      *
307 |      * @type {Object}
308 |      */
309 |     filter: {
310 |       type: Object,
311 |       default: () => ({
312 |         // The search query string. If updated will filter the results by the value
313 |         keyword: '',
314 |       }),
315 |     },
316 |     /**
317 |      * Loading indicator. If true, will display the `loadingMsg` instead of the body
318 |      * @type {Boolean}
319 |      */
320 |     loading: {
321 |       type: Boolean,
322 |       default: false,
323 |     },
324 |     /**
325 |      * Options for the table
326 |      *
327 |      * @inner
328 |      * @type {Object}
329 |      */
330 |     options: {
331 |       type: Object,
332 |       default: () => ({}),
333 |     },
334 |     /**
335 |      * Default option values. Will be overwritten by the "options" value
336 |      *
337 |      * @type {Object<Object>}
338 |      */
339 |     defaults: {
340 |       type: Object,
341 |       default: () => ({
342 |         ...defaultProps,
343 |         /**
344 |          * Key-value pairs with custom search function per column,
345 |          * or true to enable keyword search for that column
346 |          *    At least one keyword search-able columns should match AND
347 |          *    All custom-search function columns should match
348 |          *
349 |          * @type {Object}
350 |          */
351 |         search: {},
352 |         /**
353 |         /**
354 |          * Key-value pairs with custom search function (by keyword) per column
355 |          * Applies for those search-able columns with "true", but which need customized search
356 |          *
357 |          * @type {Object}
358 |          */
359 |         searchCustom: {},
360 |         /**
361 |          * Field to group by - key name
362 |          *
363 |          * @default
364 |          * @type {Boolean|String}
365 |          */
366 |         groupBy: false,
367 |         /**
368 |          * Expand/collapse all groups
369 |          *
370 |          * @default
371 |          * @type {Boolean}
372 |          */
373 |         collapseAllGroups: false,
374 |         /**
375 |          * Object of data to use for each group "header" (key is the group value)
376 |          *
377 |          * @type {Object}
378 |          */
379 |         groupMeta: {},
380 |         /**
381 |          * false, to disable pagination - show all; defaults to true
382 |          *
383 |          * @default
384 |          * @type {Boolean}
385 |          */
386 |         pagination: true,
387 |         /**
388 |          * Is the table editable (eg: can select value)
389 |          * @type {Boolean}
390 |          */
391 |         editable: false,
392 |         /**
393 |          * List of columns that should be disabled for click to select/deselect
394 |          * @type {Array}
395 |          */
396 |         nonSelectableColumns: [],
397 |         /**
398 |          * The collator used for sorting
399 |          * @type {Intl.Collator}
400 |          */
401 |         sortCollator: new Intl.Collator('en', {
402 |           numeric: true,
403 |           sensitivity: 'base',
404 |         }),
405 |       }),
406 |     },
407 |   },
408 |   data() {
409 |     const sortOrders = {};
410 |     this.columns.forEach((key) => {
411 |       sortOrders[key] = null;
412 |     });
413 |     return {
414 |       allSelected: false,
415 |       selectedRows: [],
416 |       sortOrders,
417 |       sortKey: '',
418 |       searchBy: '',
419 |       shown: {},
420 |       expandedRows: {},
421 |       currentPage: 1,
422 |       perPage: this.options.perPage || this.defaults.perPage,
423 |     };
424 |   },
425 |   computed: {
426 |     opts() {
427 |       const opts = mergeDeepRight(
428 |         this.defaults,
429 |         this.options
430 |       );
431 |       const sortable = {};
432 |       const search = {};
433 |       this.columns.forEach((key) => {
434 |         if (key !== 'select' && key !== 'actions'
435 |           && (opts.sortable === true || opts.sortable[key])) {
436 |           sortable[key] = opts.sortable[key] || true;
437 |         }
438 |         if (typeof opts.search[key] === 'undefined') {
439 |           search[key] = false;
440 |         } else {
441 |           search[key] = opts.search[key];
442 |         }
443 |       });
444 |       return Object.assign(
445 |         opts,
446 |         {
447 |           sortable,
448 |           search,
449 |         }
450 |       );
451 |     },
452 |     collapseAllGroups() {
453 |       return this.opts.collapseAllGroups;
454 |     },
455 |     hasSearchFields() {
456 |       return Object.values(this.opts.search).some((v) => v === true);
457 |     },
458 |     filteredData() {
459 |       const { data } = this;
460 |       const filter = this.getFilter(this.filter, this.searchBy);
461 |       // at least one of the fields with "true" should match the record
462 |       const someMatch = this.getSomeMatchFields(this.opts.search);
463 |       // every other "function" field should match the function
464 |       const everyMatch = this.getEveryMatchFields(this.opts.search);
465 |       if (someMatch.length === 0 && everyMatch.length === 0) {
466 |         return data;
467 |       }
468 |       return data.filter(getFilterForData({
469 |         searchFields: this.opts.search,
470 |         someMatch,
471 |         everyMatch,
472 |         filter,
473 |         customMatch: this.opts.searchCustom,
474 |       }));
475 |     },
476 |     sortedData() {
477 |       const { sortKey } = this;
478 |       let data = this.filteredData;
479 |       let order = 0;
480 |       if (this.sortOrders[sortKey] === 'ascending') {
481 |         order = 1;
482 |       } else if (this.sortOrders[sortKey] === 'descending') {
483 |         order = -1;
484 |       }
485 |       if (sortKey && this.opts.sortable && order) {
486 |         let sortableFn;
487 |         if (this.opts.sortable[sortKey] === true) {
488 |           sortableFn = (a, b) => {
489 |             const aF = String(a[sortKey]);
490 |             const bF = String(b[sortKey]);
491 |             return this.opts.sortCollator.compare(aF, bF) * order;
492 |           };
493 |         } else if (typeof this.opts.sortable[sortKey] === 'function') {
494 |           sortableFn = (a, b) => this.opts.sortable[sortKey](a, b) * order;
495 |         }
496 |         data = data.slice().sort(sortableFn);
497 |       }
498 |       return data;
499 |     },
500 |     pageData() {
501 |       let data = this.sortedData;
502 |       if (this.opts.pagination) {
503 |         // slice the data if pagionation is enabled
504 |         data = data.slice(this.startRow, this.endRow);
505 |       }
506 |       if (this.opts.groupBy) {
507 |         return data.reduce((groupedData, row) => {
508 |           // eslint-disable-next-line
509 |           (groupedData[row[this.opts.groupBy]] = groupedData[row[this.opts.groupBy]] || [])
510 |             .push(row);
511 |           return groupedData;
512 |         }, {});
513 |       }
514 |       return { all: data };
515 |     },
516 |     totalRows() {
517 |       return this.filteredData.length;
518 |     },
519 |     startRow() {
520 |       return (this.currentPage - 1) * this.perPage;
521 |     },
522 |     endRow() {
523 |       return Math.min(this.startRow + this.perPage, this.totalRows);
524 |     },
525 |     selectedRowIds() {
526 |       return this.selectedRows.reduce((acc, id) => {
527 |         acc[id] = true;
528 |         return acc;
529 |       }, {});
530 |     },
531 |   },
532 |   watch: {
533 |     filter() {
534 |       // go to first page when search query changes
535 |       this.currentPage = 1;
536 |     },
537 |     data: {
538 |       immediate: true,
539 |       deep: true,
540 |       handler() {
541 |         this.selectedRows = this.data.reduce((acc, d) => {
542 |           if (d.showSelect && d.selected) {
543 |             acc.push(d[this.opts.uniqueKey]);
544 |           }
545 |           return acc;
546 |         }, []);
547 |       },
548 |     },
549 |     filteredData: {
550 |       immediate: true,
551 |       handler(value) {
552 |         // updated selected rows when filtering data to fix issue with select/deselect all
553 |         this.selectedRows = value.reduce((acc, d) => {
554 |           if (d.showSelect && d.selected) {
555 |             acc.push(d[this.opts.uniqueKey]);
556 |           }
557 |           return acc;
558 |         }, []);
559 | 
560 |         this.setAllSelected();
561 |         this.resetCurrentPage();
562 |       },
563 |     },
564 |     pageData() {
565 |       Object.keys(this.pageData).forEach((group) => {
566 |         this.pageData[group].forEach((row) => {
567 |           this.shown[row[this.opts.groupBy]] = typeof this.shown[row[this.opts.groupBy]] === 'undefined'
568 |             ? !this.opts.collapseAllGroups
569 |             : this.shown[row[this.opts.groupBy]];
570 |         });
571 |       });
572 |     },
573 |     selectedRows() {
574 |       this.setAllSelected();
575 |       const selected = this.selectedRows.reduce((acc, id) => {
576 |         // eslint-disable-next-line
577 |         acc[id] = true;
578 |         return acc;
579 |       }, {});
580 |       const selectedData = this.data.reduce((data, row) => {
581 |         if (row.showSelect) {
582 |           const selectedRow = selected[row[this.opts.uniqueKey]] || false;
583 |           Object.assign(row, {
584 |             selected: !!selectedRow,
585 |           });
586 |           if (selectedRow) {
587 |             data.push(row);
588 |           }
589 |         }
590 |         return data;
591 |       }, []);
592 |       this.$emit('selectedRows', selectedData);
593 |     },
594 |     collapseAllGroups(collapse) {
595 |       const shown = { ...this.shown };
596 |       Object.keys(shown).forEach((key) => {
597 |         shown[key] = !collapse;
598 |       });
599 |       this.shown = shown;
600 |     },
601 |   },
602 |   mounted() {
603 |     if (this.opts.sortBy) {
604 |       this.sortBy(this.opts.sortBy);
605 |     }
606 |   },
607 |   methods: {
608 |     getFilter(filter, searchBy) {
609 |       let { keyword = '' } = filter;
610 |       if (!keyword) {
611 |         keyword = searchBy;
612 |       }
613 |       keyword = keyword.toLowerCase();
614 |       return { ...filter, keyword };
615 |     },
616 | 
617 |     getSomeMatchFields(searchFields) {
618 |       return Object.keys(searchFields).reduce((fields, key) => {
619 |         if (searchFields[key] === true) {
620 |           fields.push(key);
621 |         }
622 |         return fields;
623 |       }, []);
624 |     },
625 |     getEveryMatchFields(searchFields) {
626 |       return Object.keys(searchFields).reduce((fields, key) => {
627 |         if (typeof searchFields[key] === 'function') {
628 |           fields.push(key);
629 |         }
630 |         return fields;
631 |       }, []);
632 |     },
633 |     search(value) {
634 |       this.searchBy = value;
635 |     },
636 |     sortBy(obj) {
637 |       const { key, order } = obj;
638 |       if (this.opts.sortable[key]) {
639 |         this.sortKey = key;
640 |         this.allColumns.forEach((elem) => {
641 |           if (elem !== this.sortKey) {
642 |             this.sortOrders[elem] = null;
643 |           }
644 |         });
645 | 
646 |         if (order) {
647 |           this.sortOrders[key] = order;
648 |         } else if (this.sortOrders[key] === null) {
649 |           this.sortOrders[key] = 'ascending';
650 |         } else if (this.sortOrders[key] === 'ascending') {
651 |           this.sortOrders[key] = 'descending';
652 |         } else {
653 |           this.sortOrders[key] = null;
654 |         }
655 |         this.sortOrders = { ...this.sortOrders };
656 |       }
657 |     },
658 |     toggleGroup(key) {
659 |       this.shown[key] = typeof this.shown[key] === 'undefined' ? false : !this.shown[key];
660 |       this.shown = { ...this.shown };
661 |     },
662 |     selectAll() {
663 |       const selectableRows = this.filteredData.reduce((acc, d) => {
664 |         if (d.showSelect) {
665 |           acc.push(d[this.opts.uniqueKey]);
666 |         }
667 |         return acc;
668 |       }, []);
669 |       if (this.allSelected) {
670 |         this.selectedRows = difference(this.selectedRows, selectableRows);
671 |       } else {
672 |         this.selectedRows = union(this.selectedRows, selectableRows);
673 |       }
674 |     },
675 |     setAllSelected() {
676 |       if (this.selectedRows.length === 0) {
677 |         this.allSelected = false;
678 |       } else {
679 |         this.allSelected = this.filteredData.filter((d) => d.showSelect).length
680 |           === this.selectedRows.length;
681 |       }
682 |     },
683 |     paginate({ currentPage, perPage }) {
684 |       this.currentPage = currentPage;
685 |       this.perPage = perPage;
686 |       this.$emit('paginate', {
687 |         currentPage,
688 |         perPage,
689 |         pageData: this.pageData,
690 |       });
691 |     },
692 |     isColumnNonSelectable(column) {
693 |       return this.opts.nonSelectableColumns.includes(column) || column === 'actions';
694 |     },
695 |     isColumnSelectable(entry, column) {
696 |       return this.opts.editable && entry.showSelect && !this.isColumnNonSelectable(column);
697 |     },
698 |     toggleSelected(entry, column) {
699 |       if (this.isColumnSelectable(entry, column)) {
700 |         if (entry.selected) {
701 |           const idx = this.selectedRows.indexOf(entry[this.opts.uniqueKey]);
702 |           this.selectedRows.splice(idx, 1);
703 |         } else {
704 |           this.selectedRows.push(entry[this.opts.uniqueKey]);
705 |         }
706 |       }
707 |     },
708 |     resetCurrentPage() {
709 |       // go to last page if current page is no longer valid
710 |       const lastPage = Math.max(1, Math.ceil(this.totalRows / this.perPage));
711 |       if (lastPage < this.currentPage) {
712 |         this.currentPage = lastPage;
713 |       }
714 |     },
715 |     getFileNameWithExtension(name) {
716 |       // check if the filename has the .csv extension and add it if it does not
717 |       if (name.slice(-4) !== '.csv') {
718 |         return `${name}.csv`;
719 |       }
720 |       return name;
721 |     },
722 |     prepareValueForCsv(value = '') {
723 |       if (!value && value !== 0) {
724 |         return '';
725 |       }
726 |       return `"${value.toString().replace(/"/g, '\\"').replace(/(\r\n|\n|\r)/gm, '')}"`;
727 |     },
728 |     getCsvData({ headers, columns, top }) {
729 |       const rows = [];
730 |       const list = this.sortedData.slice(0, top);
731 |       list.forEach((entry) => {
732 |         const r = [];
733 |         columns.forEach((c) => {
734 |           r.push(this.prepareValueForCsv(entry[c]));
735 |         });
736 |         rows.push(r);
737 |       });
738 |       const data = [headers, ...rows];
739 |       return data.map((r) => r.join(',')).join('\n');
740 |     },
741 |     getExportHeaders(columns) {
742 |       return columns.map((key) => {
743 |         // TODO replace this with the filter method once merged with the vue3 branch
744 |         if (undefined !== this.opts.headings[key]) {
745 |           return this.opts.headings[key];
746 |         }
747 |         const firstUpper = (w) => w.charAt(0).toUpperCase() + w.slice(1);
748 |         return key.split('_').map(firstUpper).join(' ');
749 |       });
750 |     },
751 |     download({
752 |       filename,
753 |       columns = this.columns,
754 |       headers = this.getExportHeaders(columns),
755 |       top = 0,
756 |     }) {
757 |       const filenameWithExtension = this.getFileNameWithExtension(filename);
758 |       const csvData = this.getCsvData({
759 |         headers,
760 |         columns,
761 |         top,
762 |       });
763 |       const blob = new Blob([csvData], { type: 'text/csv;charset=utf-8;' });
764 |       if (navigator.msSaveBlob) {
765 |         navigator.msSaveBlob(blob, filenameWithExtension);
766 |       } else {
767 |         const link = document.createElement('a');
768 |         if (link.download !== undefined) {
769 |           const url = URL.createObjectURL(blob);
770 |           link.setAttribute('href', url);
771 |           link.setAttribute('download', filenameWithExtension);
772 |           link.style.visibility = 'hidden';
773 |           document.body.appendChild(link);
774 |           link.click();
775 |           document.body.removeChild(link);
776 |         }
777 |       }
778 |     },
779 |   },
780 | };
781 | </script>
782 | 


--------------------------------------------------------------------------------
/dist/EnaTableServer/EnaTableServer.umd.min.js:
--------------------------------------------------------------------------------
1 | (function(t,e){"object"===typeof exports&&"object"===typeof module?module.exports=e():"function"===typeof define&&define.amd?define([],e):"object"===typeof exports?exports["EnaTableServer"]=e():t["EnaTableServer"]=e()})("undefined"!==typeof self?self:this,(function(){return function(t){var e={};function n(r){if(e[r])return e[r].exports;var o=e[r]={i:r,l:!1,exports:{}};return t[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=t,n.c=e,n.d=function(t,e,r){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:r})},n.r=function(t){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"===typeof t&&t&&t.__esModule)return t;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var o in t)n.d(r,o,function(e){return t[e]}.bind(null,o));return r},n.n=function(t){var e=t&&t.__esModule?function(){return t["default"]}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="",n(n.s="fb15")}({"00ee":function(t,e,n){var r=n("b622"),o=r("toStringTag"),i={};i[o]="z",t.exports="[object z]"===String(i)},"0366":function(t,e,n){var r=n("1c0b");t.exports=function(t,e,n){if(r(t),void 0===e)return t;switch(n){case 0:return function(){return t.call(e)};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)}}},"057f":function(t,e,n){var r=n("fc6a"),o=n("241c").f,i={}.toString,a="object"==typeof window&&window&&Object.getOwnPropertyNames?Object.getOwnPropertyNames(window):[],c=function(t){try{return o(t)}catch(e){return a.slice()}};t.exports.f=function(t){return a&&"[object Window]"==i.call(t)?c(t):o(r(t))}},"06cf":function(t,e,n){var r=n("83ab"),o=n("d1e7"),i=n("5c6c"),a=n("fc6a"),c=n("c04e"),s=n("5135"),u=n("0cfb"),f=Object.getOwnPropertyDescriptor;e.f=r?f:function(t,e){if(t=a(t),e=c(e,!0),u)try{return f(t,e)}catch(n){}if(s(t,e))return i(!o.f.call(t,e),t[e])}},"07ac":function(t,e,n){var r=n("23e7"),o=n("6f53").values;r({target:"Object",stat:!0},{values:function(t){return o(t)}})},"0a06":function(t,e,n){"use strict";var r=n("c532"),o=n("30b5"),i=n("f6b4"),a=n("5270"),c=n("4a7b"),s=n("848b"),u=s.validators;function f(t){this.defaults=t,this.interceptors={request:new i,response:new i}}f.prototype.request=function(t,e){"string"===typeof t?(e=e||{},e.url=t):e=t||{},e=c(this.defaults,e),e.method?e.method=e.method.toLowerCase():this.defaults.method?e.method=this.defaults.method.toLowerCase():e.method="get";var n=e.transitional;void 0!==n&&s.assertOptions(n,{silentJSONParsing:u.transitional(u.boolean),forcedJSONParsing:u.transitional(u.boolean),clarifyTimeoutError:u.transitional(u.boolean)},!1);var r=[],o=!0;this.interceptors.request.forEach((function(t){"function"===typeof t.runWhen&&!1===t.runWhen(e)||(o=o&&t.synchronous,r.unshift(t.fulfilled,t.rejected))}));var i,f=[];if(this.interceptors.response.forEach((function(t){f.push(t.fulfilled,t.rejected)})),!o){var l=[a,void 0];Array.prototype.unshift.apply(l,r),l=l.concat(f),i=Promise.resolve(e);while(l.length)i=i.then(l.shift(),l.shift());return i}var p=e;while(r.length){var d=r.shift(),h=r.shift();try{p=d(p)}catch(v){h(v);break}}try{i=a(p)}catch(v){return Promise.reject(v)}while(f.length)i=i.then(f.shift(),f.shift());return i},f.prototype.getUri=function(t){return t=c(this.defaults,t),o(t.url,t.params,t.paramsSerializer).replace(/^\?/,"")},r.forEach(["delete","get","head","options"],(function(t){f.prototype[t]=function(e,n){return this.request(c(n||{},{method:t,url:e,data:(n||{}).data}))}})),r.forEach(["post","put","patch"],(function(t){f.prototype[t]=function(e,n,r){return this.request(c(r||{},{method:t,url:e,data:n}))}})),t.exports=f},"0cfb":function(t,e,n){var r=n("83ab"),o=n("d039"),i=n("cc12");t.exports=!r&&!o((function(){return 7!=Object.defineProperty(i("div"),"a",{get:function(){return 7}}).a}))},"0df6":function(t,e,n){"use strict";t.exports=function(t){return function(e){return t.apply(null,e)}}},1276:function(t,e,n){"use strict";var r=n("d784"),o=n("44e7"),i=n("825a"),a=n("1d80"),c=n("4840"),s=n("8aa5"),u=n("50c4"),f=n("14c3"),l=n("9263"),p=n("d039"),d=[].push,h=Math.min,v=4294967295,g=!p((function(){return!RegExp(v,"y")}));r("split",2,(function(t,e,n){var r;return r="c"=="abbc".split(/(b)*/)[1]||4!="test".split(/(?:)/,-1).length||2!="ab".split(/(?:ab)*/).length||4!=".".split(/(.?)(.?)/).length||".".split(/()()/).length>1||"".split(/.?/).length?function(t,n){var r=String(a(this)),i=void 0===n?v:n>>>0;if(0===i)return[];if(void 0===t)return[r];if(!o(t))return e.call(r,t,i);var c,s,u,f=[],p=(t.ignoreCase?"i":"")+(t.multiline?"m":"")+(t.unicode?"u":"")+(t.sticky?"y":""),h=0,g=new RegExp(t.source,p+"g");while(c=l.call(g,r)){if(s=g.lastIndex,s>h&&(f.push(r.slice(h,c.index)),c.length>1&&c.index<r.length&&d.apply(f,c.slice(1)),u=c[0].length,h=s,f.length>=i))break;g.lastIndex===c.index&&g.lastIndex++}return h===r.length?!u&&g.test("")||f.push(""):f.push(r.slice(h)),f.length>i?f.slice(0,i):f}:"0".split(void 0,0).length?function(t,n){return void 0===t&&0===n?[]:e.call(this,t,n)}:e,[function(e,n){var o=a(this),i=void 0==e?void 0:e[t];return void 0!==i?i.call(e,o,n):r.call(String(o),e,n)},function(t,o){var a=n(r,t,this,o,r!==e);if(a.done)return a.value;var l=i(t),p=String(this),d=c(l,RegExp),y=l.unicode,b=(l.ignoreCase?"i":"")+(l.multiline?"m":"")+(l.unicode?"u":"")+(g?"y":"g"),m=new d(g?l:"^(?:"+l.source+")",b),w=void 0===o?v:o>>>0;if(0===w)return[];if(0===p.length)return null===f(m,p)?[p]:[];var x=0,P=0,S=[];while(P<p.length){m.lastIndex=g?P:0;var E,O=f(m,g?p:p.slice(P));if(null===O||(E=h(u(m.lastIndex+(g?0:P)),p.length))===x)P=s(p,P,y);else{if(S.push(p.slice(x,P)),S.length===w)return S;for(var _=1;_<=O.length-1;_++)if(S.push(O[_]),S.length===w)return S;P=x=E}}return S.push(p.slice(x)),S}]}),!g)},"13d5":function(t,e,n){"use strict";var r=n("23e7"),o=n("d58f").left,i=n("a640"),a=n("ae40"),c=i("reduce"),s=a("reduce",{1:0});r({target:"Array",proto:!0,forced:!c||!s},{reduce:function(t){return o(this,t,arguments.length,arguments.length>1?arguments[1]:void 0)}})},"14c3":function(t,e,n){var r=n("c6b6"),o=n("9263");t.exports=function(t,e){var n=t.exec;if("function"===typeof n){var i=n.call(t,e);if("object"!==typeof i)throw TypeError("RegExp exec method returned something other than an Object or null");return i}if("RegExp"!==r(t))throw TypeError("RegExp#exec called on incompatible receiver");return o.call(t,e)}},"159b":function(t,e,n){var r=n("da84"),o=n("fdbc"),i=n("17c2"),a=n("9112");for(var c in o){var s=r[c],u=s&&s.prototype;if(u&&u.forEach!==i)try{a(u,"forEach",i)}catch(f){u.forEach=i}}},"17c2":function(t,e,n){"use strict";var r=n("b727").forEach,o=n("a640"),i=n("ae40"),a=o("forEach"),c=i("forEach");t.exports=a&&c?[].forEach:function(t){return r(this,t,arguments.length>1?arguments[1]:void 0)}},"19aa":function(t,e){t.exports=function(t,e,n){if(!(t instanceof e))throw TypeError("Incorrect "+(n?n+" ":"")+"invocation");return t}},"1be4":function(t,e,n){var r=n("d066");t.exports=r("document","documentElement")},"1c0b":function(t,e){t.exports=function(t){if("function"!=typeof t)throw TypeError(String(t)+" is not a function");return t}},"1c7e":function(t,e,n){var r=n("b622"),o=r("iterator"),i=!1;try{var a=0,c={next:function(){return{done:!!a++}},return:function(){i=!0}};c[o]=function(){return this},Array.from(c,(function(){throw 2}))}catch(s){}t.exports=function(t,e){if(!e&&!i)return!1;var n=!1;try{var r={};r[o]=function(){return{next:function(){return{done:n=!0}}}},t(r)}catch(s){}return n}},"1cdc":function(t,e,n){var r=n("342f");t.exports=/(iphone|ipod|ipad).*applewebkit/i.test(r)},"1d2b":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)}}},"1d80":function(t,e){t.exports=function(t){if(void 0==t)throw TypeError("Can't call method on "+t);return t}},"1dde":function(t,e,n){var r=n("d039"),o=n("b622"),i=n("2d00"),a=o("species");t.exports=function(t){return i>=51||!r((function(){var e=[],n=e.constructor={};return n[a]=function(){return{foo:1}},1!==e[t](Boolean).foo}))}},2266:function(t,e,n){var r=n("825a"),o=n("e95a"),i=n("50c4"),a=n("0366"),c=n("35a1"),s=n("9bdd"),u=function(t,e){this.stopped=t,this.result=e},f=t.exports=function(t,e,n,f,l){var p,d,h,v,g,y,b,m=a(e,n,f?2:1);if(l)p=t;else{if(d=c(t),"function"!=typeof d)throw TypeError("Target is not iterable");if(o(d)){for(h=0,v=i(t.length);v>h;h++)if(g=f?m(r(b=t[h])[0],b[1]):m(t[h]),g&&g instanceof u)return g;return new u(!1)}p=d.call(t)}y=p.next;while(!(b=y.call(p)).done)if(g=s(p,m,b.value,f),"object"==typeof g&&g&&g instanceof u)return g;return new u(!1)};f.stop=function(t){return new u(!0,t)}},"23cb":function(t,e,n){var r=n("a691"),o=Math.max,i=Math.min;t.exports=function(t,e){var n=r(t);return n<0?o(n+e,0):i(n,e)}},"23e7":function(t,e,n){var r=n("da84"),o=n("06cf").f,i=n("9112"),a=n("6eeb"),c=n("ce4e"),s=n("e893"),u=n("94ca");t.exports=function(t,e){var n,f,l,p,d,h,v=t.target,g=t.global,y=t.stat;if(f=g?r:y?r[v]||c(v,{}):(r[v]||{}).prototype,f)for(l in e){if(d=e[l],t.noTargetGet?(h=o(f,l),p=h&&h.value):p=f[l],n=u(g?l:v+(y?".":"#")+l,t.forced),!n&&void 0!==p){if(typeof d===typeof p)continue;s(d,p)}(t.sham||p&&p.sham)&&i(d,"sham",!0),a(f,l,d,t)}}},"241c":function(t,e,n){var r=n("ca84"),o=n("7839"),i=o.concat("length","prototype");e.f=Object.getOwnPropertyNames||function(t){return r(t,i)}},2532:function(t,e,n){"use strict";var r=n("23e7"),o=n("5a34"),i=n("1d80"),a=n("ab13");r({target:"String",proto:!0,forced:!a("includes")},{includes:function(t){return!!~String(i(this)).indexOf(o(t),arguments.length>1?arguments[1]:void 0)}})},2626:function(t,e,n){"use strict";var r=n("d066"),o=n("9bf2"),i=n("b622"),a=n("83ab"),c=i("species");t.exports=function(t){var e=r(t),n=o.f;a&&e&&!e[c]&&n(e,c,{configurable:!0,get:function(){return this}})}},"2cf4":function(t,e,n){var r,o,i,a=n("da84"),c=n("d039"),s=n("c6b6"),u=n("0366"),f=n("1be4"),l=n("cc12"),p=n("1cdc"),d=a.location,h=a.setImmediate,v=a.clearImmediate,g=a.process,y=a.MessageChannel,b=a.Dispatch,m=0,w={},x="onreadystatechange",P=function(t){if(w.hasOwnProperty(t)){var e=w[t];delete w[t],e()}},S=function(t){return function(){P(t)}},E=function(t){P(t.data)},O=function(t){a.postMessage(t+"",d.protocol+"//"+d.host)};h&&v||(h=function(t){var e=[],n=1;while(arguments.length>n)e.push(arguments[n++]);return w[++m]=function(){("function"==typeof t?t:Function(t)).apply(void 0,e)},r(m),m},v=function(t){delete w[t]},"process"==s(g)?r=function(t){g.nextTick(S(t))}:b&&b.now?r=function(t){b.now(S(t))}:y&&!p?(o=new y,i=o.port2,o.port1.onmessage=E,r=u(i.postMessage,i,1)):!a.addEventListener||"function"!=typeof postMessage||a.importScripts||c(O)||"file:"===d.protocol?r=x in l("script")?function(t){f.appendChild(l("script"))[x]=function(){f.removeChild(this),P(t)}}:function(t){setTimeout(S(t),0)}:(r=O,a.addEventListener("message",E,!1))),t.exports={set:h,clear:v}},"2d00":function(t,e,n){var r,o,i=n("da84"),a=n("342f"),c=i.process,s=c&&c.versions,u=s&&s.v8;u?(r=u.split("."),o=r[0]+r[1]):a&&(r=a.match(/Edge\/(\d+)/),(!r||r[1]>=74)&&(r=a.match(/Chrome\/(\d+)/),r&&(o=r[1]))),t.exports=o&&+o},"2d83":function(t,e,n){"use strict";var r=n("387f");t.exports=function(t,e,n,o,i){var a=new Error(t);return r(a,e,n,o,i)}},"2e67":function(t,e,n){"use strict";t.exports=function(t){return!(!t||!t.__CANCEL__)}},"2f27":function(t,e,n){"use strict";var r=n("378f"),o=n.n(r);e["default"]=o.a},"30b5":function(t,e,n){"use strict";var r=n("c532");function o(t){return encodeURIComponent(t).replace(/%3A/gi,":").replace(/%24/g,"$").replace(/%2C/gi,",").replace(/%20/g,"+").replace(/%5B/gi,"[").replace(/%5D/gi,"]")}t.exports=function(t,e,n){if(!e)return t;var i;if(n)i=n(e);else if(r.isURLSearchParams(e))i=e.toString();else{var a=[];r.forEach(e,(function(t,e){null!==t&&"undefined"!==typeof t&&(r.isArray(t)?e+="[]":t=[t],r.forEach(t,(function(t){r.isDate(t)?t=t.toISOString():r.isObject(t)&&(t=JSON.stringify(t)),a.push(o(e)+"="+o(t))})))})),i=a.join("&")}if(i){var c=t.indexOf("#");-1!==c&&(t=t.slice(0,c)),t+=(-1===t.indexOf("?")?"?":"&")+i}return t}},"342f":function(t,e,n){var r=n("d066");t.exports=r("navigator","userAgent")||""},"35a1":function(t,e,n){var r=n("f5df"),o=n("3f8c"),i=n("b622"),a=i("iterator");t.exports=function(t){if(void 0!=t)return t[a]||t["@@iterator"]||o[r(t)]}},"378f":function(t,e,n){t.exports={pagination:"Pagination_pagination_1xsiO",info:"Pagination_info_2cUbo",perPageSelector:"Pagination_perPageSelector_CN8cp"}},"37e8":function(t,e,n){var r=n("83ab"),o=n("9bf2"),i=n("825a"),a=n("df75");t.exports=r?Object.defineProperties:function(t,e){i(t);var n,r=a(e),c=r.length,s=0;while(c>s)o.f(t,n=r[s++],e[n]);return t}},"387f":function(t,e,n){"use strict";t.exports=function(t,e,n,r,o){return t.config=e,n&&(t.code=n),t.request=r,t.response=o,t.isAxiosError=!0,t.toJSON=function(){return{message:this.message,name:this.name,description:this.description,number:this.number,fileName:this.fileName,lineNumber:this.lineNumber,columnNumber:this.columnNumber,stack:this.stack,config:this.config,code:this.code,status:this.response&&this.response.status?this.response.status:null}},t}},3934:function(t,e,n){"use strict";var r=n("c532");t.exports=r.isStandardBrowserEnv()?function(){var t,e=/(msie|trident)/i.test(navigator.userAgent),n=document.createElement("a");function o(t){var r=t;return e&&(n.setAttribute("href",r),r=n.href),n.setAttribute("href",r),{href:n.href,protocol:n.protocol?n.protocol.replace(/:$/,""):"",host:n.host,search:n.search?n.search.replace(/^\?/,""):"",hash:n.hash?n.hash.replace(/^#/,""):"",hostname:n.hostname,port:n.port,pathname:"/"===n.pathname.charAt(0)?n.pathname:"/"+n.pathname}}return t=o(window.location.href),function(e){var n=r.isString(e)?o(e):e;return n.protocol===t.protocol&&n.host===t.host}}():function(){return function(){return!0}}()},"3bbe":function(t,e,n){var r=n("861d");t.exports=function(t){if(!r(t)&&null!==t)throw TypeError("Can't set "+String(t)+" as a prototype");return t}},"3f8c":function(t,e){t.exports={}},4160:function(t,e,n){"use strict";var r=n("23e7"),o=n("17c2");r({target:"Array",proto:!0,forced:[].forEach!=o},{forEach:o})},"428f":function(t,e,n){var r=n("da84");t.exports=r},4362:function(t,e,n){e.nextTick=function(t){setTimeout(t,0)},e.platform=e.arch=e.execPath=e.title="browser",e.pid=1,e.browser=!0,e.env={},e.argv=[],e.binding=function(t){throw new Error("No such module. (Possibly not yet loaded)")},function(){var t,r="/";e.cwd=function(){return r},e.chdir=function(e){t||(t=n("df7c")),r=t.resolve(e,r)}}(),e.exit=e.kill=e.umask=e.dlopen=e.uptime=e.memoryUsage=e.uvCounters=function(){},e.features={}},"44ad":function(t,e,n){var r=n("d039"),o=n("c6b6"),i="".split;t.exports=r((function(){return!Object("z").propertyIsEnumerable(0)}))?function(t){return"String"==o(t)?i.call(t,""):Object(t)}:Object},"44d2":function(t,e,n){var r=n("b622"),o=n("7c73"),i=n("9bf2"),a=r("unscopables"),c=Array.prototype;void 0==c[a]&&i.f(c,a,{configurable:!0,value:o(null)}),t.exports=function(t){c[a][t]=!0}},"44de":function(t,e,n){var r=n("da84");t.exports=function(t,e){var n=r.console;n&&n.error&&(1===arguments.length?n.error(t):n.error(t,e))}},"44e7":function(t,e,n){var r=n("861d"),o=n("c6b6"),i=n("b622"),a=i("match");t.exports=function(t){var e;return r(t)&&(void 0!==(e=t[a])?!!e:"RegExp"==o(t))}},"467f":function(t,e,n){"use strict";var r=n("2d83");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.request,n)):t(n)}},4840:function(t,e,n){var r=n("825a"),o=n("1c0b"),i=n("b622"),a=i("species");t.exports=function(t,e){var n,i=r(t).constructor;return void 0===i||void 0==(n=r(i)[a])?e:o(n)}},4930:function(t,e,n){var r=n("d039");t.exports=!!Object.getOwnPropertySymbols&&!r((function(){return!String(Symbol())}))},"4a7b":function(t,e,n){"use strict";var r=n("c532");t.exports=function(t,e){e=e||{};var n={};function o(t,e){return r.isPlainObject(t)&&r.isPlainObject(e)?r.merge(t,e):r.isPlainObject(e)?r.merge({},e):r.isArray(e)?e.slice():e}function i(n){return r.isUndefined(e[n])?r.isUndefined(t[n])?void 0:o(void 0,t[n]):o(t[n],e[n])}function a(t){if(!r.isUndefined(e[t]))return o(void 0,e[t])}function c(n){return r.isUndefined(e[n])?r.isUndefined(t[n])?void 0:o(void 0,t[n]):o(void 0,e[n])}function s(n){return n in e?o(t[n],e[n]):n in t?o(void 0,t[n]):void 0}var u={url:a,method:a,data:a,baseURL:c,transformRequest:c,transformResponse:c,paramsSerializer:c,timeout:c,timeoutMessage:c,withCredentials:c,adapter:c,responseType:c,xsrfCookieName:c,xsrfHeaderName:c,onUploadProgress:c,onDownloadProgress:c,decompress:c,maxContentLength:c,maxBodyLength:c,transport:c,httpAgent:c,httpsAgent:c,cancelToken:c,socketPath:c,responseEncoding:c,validateStatus:s};return r.forEach(Object.keys(t).concat(Object.keys(e)),(function(t){var e=u[t]||i,o=e(t);r.isUndefined(o)&&e!==s||(n[t]=o)})),n}},"4c3d":function(t,e,n){"use strict";(function(e){var r=n("c532"),o=n("c8af"),i=n("387f"),a=n("cafa"),c={"Content-Type":"application/x-www-form-urlencoded"};function s(t,e){!r.isUndefined(t)&&r.isUndefined(t["Content-Type"])&&(t["Content-Type"]=e)}function u(){var t;return("undefined"!==typeof XMLHttpRequest||"undefined"!==typeof e&&"[object process]"===Object.prototype.toString.call(e))&&(t=n("b50d")),t}function f(t,e,n){if(r.isString(t))try{return(e||JSON.parse)(t),r.trim(t)}catch(o){if("SyntaxError"!==o.name)throw o}return(n||JSON.stringify)(t)}var l={transitional:a,adapter:u(),transformRequest:[function(t,e){return o(e,"Accept"),o(e,"Content-Type"),r.isFormData(t)||r.isArrayBuffer(t)||r.isBuffer(t)||r.isStream(t)||r.isFile(t)||r.isBlob(t)?t:r.isArrayBufferView(t)?t.buffer:r.isURLSearchParams(t)?(s(e,"application/x-www-form-urlencoded;charset=utf-8"),t.toString()):r.isObject(t)||e&&"application/json"===e["Content-Type"]?(s(e,"application/json"),f(t)):t}],transformResponse:[function(t){var e=this.transitional||l.transitional,n=e&&e.silentJSONParsing,o=e&&e.forcedJSONParsing,a=!n&&"json"===this.responseType;if(a||o&&r.isString(t)&&t.length)try{return JSON.parse(t)}catch(c){if(a){if("SyntaxError"===c.name)throw i(c,this,"E_JSON_PARSE");throw c}}return t}],timeout:0,xsrfCookieName:"XSRF-TOKEN",xsrfHeaderName:"X-XSRF-TOKEN",maxContentLength:-1,maxBodyLength:-1,validateStatus:function(t){return t>=200&&t<300},headers:{common:{Accept:"application/json, text/plain, */*"}}};r.forEach(["delete","get","head"],(function(t){l.headers[t]={}})),r.forEach(["post","put","patch"],(function(t){l.headers[t]=r.merge(c)})),t.exports=l}).call(this,n("4362"))},"4c67":function(t,e,n){"use strict";var r=n("dd1a"),o=n.n(r);e["default"]=o.a},"4d64":function(t,e,n){var r=n("fc6a"),o=n("50c4"),i=n("23cb"),a=function(t){return function(e,n,a){var c,s=r(e),u=o(s.length),f=i(a,u);if(t&&n!=n){while(u>f)if(c=s[f++],c!=c)return!0}else for(;u>f;f++)if((t||f in s)&&s[f]===n)return t||f||0;return!t&&-1}};t.exports={includes:a(!0),indexOf:a(!1)}},"4de4":function(t,e,n){"use strict";var r=n("23e7"),o=n("b727").filter,i=n("1dde"),a=n("ae40"),c=i("filter"),s=a("filter");r({target:"Array",proto:!0,forced:!c||!s},{filter:function(t){return o(this,t,arguments.length>1?arguments[1]:void 0)}})},"50c4":function(t,e,n){var r=n("a691"),o=Math.min;t.exports=function(t){return t>0?o(r(t),9007199254740991):0}},5135:function(t,e){var n={}.hasOwnProperty;t.exports=function(t,e){return n.call(t,e)}},5270:function(t,e,n){"use strict";var r=n("c532"),o=n("c401"),i=n("2e67"),a=n("4c3d"),c=n("7a77");function s(t){if(t.cancelToken&&t.cancelToken.throwIfRequested(),t.signal&&t.signal.aborted)throw new c("canceled")}t.exports=function(t){s(t),t.headers=t.headers||{},t.data=o.call(t,t.data,t.headers,t.transformRequest),t.headers=r.merge(t.headers.common||{},t.headers[t.method]||{},t.headers),r.forEach(["delete","get","head","post","put","patch","common"],(function(e){delete t.headers[e]}));var e=t.adapter||a.adapter;return e(t).then((function(e){return s(t),e.data=o.call(t,e.data,e.headers,t.transformResponse),e}),(function(e){return i(e)||(s(t),e&&e.response&&(e.response.data=o.call(t,e.response.data,e.response.headers,t.transformResponse))),Promise.reject(e)}))}},5319:function(t,e,n){"use strict";var r=n("d784"),o=n("825a"),i=n("7b0b"),a=n("50c4"),c=n("a691"),s=n("1d80"),u=n("8aa5"),f=n("14c3"),l=Math.max,p=Math.min,d=Math.floor,h=/\$([$&'`]|\d\d?|<[^>]*>)/g,v=/\$([$&'`]|\d\d?)/g,g=function(t){return void 0===t?t:String(t)};r("replace",2,(function(t,e,n,r){var y=r.REGEXP_REPLACE_SUBSTITUTES_UNDEFINED_CAPTURE,b=r.REPLACE_KEEPS_$0,m=y?"$":"$0";return[function(n,r){var o=s(this),i=void 0==n?void 0:n[t];return void 0!==i?i.call(n,o,r):e.call(String(o),n,r)},function(t,r){if(!y&&b||"string"===typeof r&&-1===r.indexOf(m)){var i=n(e,t,this,r);if(i.done)return i.value}var s=o(t),d=String(this),h="function"===typeof r;h||(r=String(r));var v=s.global;if(v){var x=s.unicode;s.lastIndex=0}var P=[];while(1){var S=f(s,d);if(null===S)break;if(P.push(S),!v)break;var E=String(S[0]);""===E&&(s.lastIndex=u(d,a(s.lastIndex),x))}for(var O="",_=0,j=0;j<P.length;j++){S=P[j];for(var T=String(S[0]),R=l(p(c(S.index),d.length),0),k=[],C=1;C<S.length;C++)k.push(g(S[C]));var A=S.groups;if(h){var L=[T].concat(k,R,d);void 0!==A&&L.push(A);var N=String(r.apply(void 0,L))}else N=w(T,d,R,k,A,r);R>=_&&(O+=d.slice(_,R)+N,_=R+T.length)}return O+d.slice(_)}];function w(t,n,r,o,a,c){var s=r+t.length,u=o.length,f=v;return void 0!==a&&(a=i(a),f=h),e.call(c,f,(function(e,i){var c;switch(i.charAt(0)){case"$":return"$";case"&":return t;case"`":return n.slice(0,r);case"'":return n.slice(s);case"<":c=a[i.slice(1,-1)];break;default:var f=+i;if(0===f)return e;if(f>u){var l=d(f/10);return 0===l?e:l<=u?void 0===o[l-1]?i.charAt(1):o[l-1]+i.charAt(1):e}c=o[f-1]}return void 0===c?"":c}))}}))},5692:function(t,e,n){var r=n("c430"),o=n("c6cd");(t.exports=function(t,e){return o[t]||(o[t]=void 0!==e?e:{})})("versions",[]).push({version:"3.6.5",mode:r?"pure":"global",copyright:"© 2020 Denis Pushkarev (zloirock.ru)"})},"56ef":function(t,e,n){var r=n("d066"),o=n("241c"),i=n("7418"),a=n("825a");t.exports=r("Reflect","ownKeys")||function(t){var e=o.f(a(t)),n=i.f;return n?e.concat(n(t)):e}},5899:function(t,e){t.exports="\t\n\v\f\r                　\u2028\u2029\ufeff"},"58a8":function(t,e,n){var r=n("1d80"),o=n("5899"),i="["+o+"]",a=RegExp("^"+i+i+"*"),c=RegExp(i+i+"*$"),s=function(t){return function(e){var n=String(r(e));return 1&t&&(n=n.replace(a,"")),2&t&&(n=n.replace(c,"")),n}};t.exports={start:s(1),end:s(2),trim:s(3)}},"5a34":function(t,e,n){var r=n("44e7");t.exports=function(t){if(r(t))throw TypeError("The method doesn't accept regular expressions");return t}},"5c6c":function(t,e){t.exports=function(t,e){return{enumerable:!(1&t),configurable:!(2&t),writable:!(4&t),value:e}}},"5cce":function(t,e){t.exports={version:"0.26.1"}},"5f02":function(t,e,n){"use strict";var r=n("c532");t.exports=function(t){return r.isObject(t)&&!0===t.isAxiosError}},"60da":function(t,e,n){"use strict";var r=n("83ab"),o=n("d039"),i=n("df75"),a=n("7418"),c=n("d1e7"),s=n("7b0b"),u=n("44ad"),f=Object.assign,l=Object.defineProperty;t.exports=!f||o((function(){if(r&&1!==f({b:1},f(l({},"a",{enumerable:!0,get:function(){l(this,"b",{value:3,enumerable:!1})}}),{b:2})).b)return!0;var t={},e={},n=Symbol(),o="abcdefghijklmnopqrst";return t[n]=7,o.split("").forEach((function(t){e[t]=t})),7!=f({},t)[n]||i(f({},e)).join("")!=o}))?function(t,e){var n=s(t),o=arguments.length,f=1,l=a.f,p=c.f;while(o>f){var d,h=u(arguments[f++]),v=l?i(h).concat(l(h)):i(h),g=v.length,y=0;while(g>y)d=v[y++],r&&!p.call(h,d)||(n[d]=h[d])}return n}:f},6547:function(t,e,n){var r=n("a691"),o=n("1d80"),i=function(t){return function(e,n){var i,a,c=String(o(e)),s=r(n),u=c.length;return s<0||s>=u?t?"":void 0:(i=c.charCodeAt(s),i<55296||i>56319||s+1===u||(a=c.charCodeAt(s+1))<56320||a>57343?t?c.charAt(s):i:t?c.slice(s,s+2):a-56320+(i-55296<<10)+65536)}};t.exports={codeAt:i(!1),charAt:i(!0)}},"65f0":function(t,e,n){var r=n("861d"),o=n("e8b5"),i=n("b622"),a=i("species");t.exports=function(t,e){var n;return o(t)&&(n=t.constructor,"function"!=typeof n||n!==Array&&!o(n.prototype)?r(n)&&(n=n[a],null===n&&(n=void 0)):n=void 0),new(void 0===n?Array:n)(0===e?0:e)}},"69f3":function(t,e,n){var r,o,i,a=n("7f9a"),c=n("da84"),s=n("861d"),u=n("9112"),f=n("5135"),l=n("f772"),p=n("d012"),d=c.WeakMap,h=function(t){return i(t)?o(t):r(t,{})},v=function(t){return function(e){var n;if(!s(e)||(n=o(e)).type!==t)throw TypeError("Incompatible receiver, "+t+" required");return n}};if(a){var g=new d,y=g.get,b=g.has,m=g.set;r=function(t,e){return m.call(g,t,e),e},o=function(t){return y.call(g,t)||{}},i=function(t){return b.call(g,t)}}else{var w=l("state");p[w]=!0,r=function(t,e){return u(t,w,e),e},o=function(t){return f(t,w)?t[w]:{}},i=function(t){return f(t,w)}}t.exports={set:r,get:o,has:i,enforce:h,getterFor:v}},"6eeb":function(t,e,n){var r=n("da84"),o=n("9112"),i=n("5135"),a=n("ce4e"),c=n("8925"),s=n("69f3"),u=s.get,f=s.enforce,l=String(String).split("String");(t.exports=function(t,e,n,c){var s=!!c&&!!c.unsafe,u=!!c&&!!c.enumerable,p=!!c&&!!c.noTargetGet;"function"==typeof n&&("string"!=typeof e||i(n,"name")||o(n,"name",e),f(n).source=l.join("string"==typeof e?e:"")),t!==r?(s?!p&&t[e]&&(u=!0):delete t[e],u?t[e]=n:o(t,e,n)):u?t[e]=n:a(e,n)})(Function.prototype,"toString",(function(){return"function"==typeof this&&u(this).source||c(this)}))},"6f53":function(t,e,n){var r=n("83ab"),o=n("df75"),i=n("fc6a"),a=n("d1e7").f,c=function(t){return function(e){var n,c=i(e),s=o(c),u=s.length,f=0,l=[];while(u>f)n=s[f++],r&&!a.call(c,n)||l.push(t?[n,c[n]]:c[n]);return l}};t.exports={entries:c(!0),values:c(!1)}},7156:function(t,e,n){var r=n("861d"),o=n("d2bb");t.exports=function(t,e,n){var i,a;return o&&"function"==typeof(i=e.constructor)&&i!==n&&r(a=i.prototype)&&a!==n.prototype&&o(t,a),t}},7418:function(t,e){e.f=Object.getOwnPropertySymbols},"746f":function(t,e,n){var r=n("428f"),o=n("5135"),i=n("e538"),a=n("9bf2").f;t.exports=function(t){var e=r.Symbol||(r.Symbol={});o(e,t)||a(e,t,{value:i.f(t)})}},7839:function(t,e){t.exports=["constructor","hasOwnProperty","isPrototypeOf","propertyIsEnumerable","toLocaleString","toString","valueOf"]},"7a77":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},"7aac":function(t,e,n){"use strict";var r=n("c532");t.exports=r.isStandardBrowserEnv()?function(){return{write:function(t,e,n,o,i,a){var c=[];c.push(t+"="+encodeURIComponent(e)),r.isNumber(n)&&c.push("expires="+new Date(n).toGMTString()),r.isString(o)&&c.push("path="+o),r.isString(i)&&c.push("domain="+i),!0===a&&c.push("secure"),document.cookie=c.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(){}}}()},"7b0b":function(t,e,n){var r=n("1d80");t.exports=function(t){return Object(r(t))}},"7c73":function(t,e,n){var r,o=n("825a"),i=n("37e8"),a=n("7839"),c=n("d012"),s=n("1be4"),u=n("cc12"),f=n("f772"),l=">",p="<",d="prototype",h="script",v=f("IE_PROTO"),g=function(){},y=function(t){return p+h+l+t+p+"/"+h+l},b=function(t){t.write(y("")),t.close();var e=t.parentWindow.Object;return t=null,e},m=function(){var t,e=u("iframe"),n="java"+h+":";return e.style.display="none",s.appendChild(e),e.src=String(n),t=e.contentWindow.document,t.open(),t.write(y("document.F=Object")),t.close(),t.F},w=function(){try{r=document.domain&&new ActiveXObject("htmlfile")}catch(e){}w=r?b(r):m();var t=a.length;while(t--)delete w[d][a[t]];return w()};c[v]=!0,t.exports=Object.create||function(t,e){var n;return null!==t?(g[d]=o(t),n=new g,g[d]=null,n[v]=t):n=w(),void 0===e?n:i(n,e)}},"7f9a":function(t,e,n){var r=n("da84"),o=n("8925"),i=r.WeakMap;t.exports="function"===typeof i&&/native code/.test(o(i))},"825a":function(t,e,n){var r=n("861d");t.exports=function(t){if(!r(t))throw TypeError(String(t)+" is not an object");return t}},"83ab":function(t,e,n){var r=n("d039");t.exports=!r((function(){return 7!=Object.defineProperty({},1,{get:function(){return 7}})[1]}))},"83b9":function(t,e,n){"use strict";var r=n("d925"),o=n("e683");t.exports=function(t,e){return t&&!r(e)?o(t,e):e}},8418:function(t,e,n){"use strict";var r=n("c04e"),o=n("9bf2"),i=n("5c6c");t.exports=function(t,e,n){var a=r(e);a in t?o.f(t,a,i(0,n)):t[a]=n}},"848b":function(t,e,n){"use strict";var r=n("5cce").version,o={};["object","boolean","number","function","string","symbol"].forEach((function(t,e){o[t]=function(n){return typeof n===t||"a"+(e<1?"n ":" ")+t}}));var i={};function a(t,e,n){if("object"!==typeof t)throw new TypeError("options must be an object");var r=Object.keys(t),o=r.length;while(o-- >0){var i=r[o],a=e[i];if(a){var c=t[i],s=void 0===c||a(c,i,t);if(!0!==s)throw new TypeError("option "+i+" must be "+s)}else if(!0!==n)throw Error("Unknown option "+i)}}o.transitional=function(t,e,n){function o(t,e){return"[Axios v"+r+"] Transitional option '"+t+"'"+e+(n?". "+n:"")}return function(n,r,a){if(!1===t)throw new Error(o(r," has been removed"+(e?" in "+e:"")));return e&&!i[r]&&(i[r]=!0,console.warn(o(r," has been deprecated since v"+e+" and will be removed in the near future"))),!t||t(n,r,a)}},t.exports={assertOptions:a,validators:o}},"861d":function(t,e){t.exports=function(t){return"object"===typeof t?null!==t:"function"===typeof t}},8875:function(t,e,n){var r,o,i;(function(n,a){o=[],r=a,i="function"===typeof r?r.apply(e,o):r,void 0===i||(t.exports=i)})("undefined"!==typeof self&&self,(function(){function t(){if(document.currentScript)return document.currentScript;try{throw new Error}catch(l){var t,e,n,r=/.*at [^(]*\((.*):(.+):(.+)\)$/gi,o=/@([^@]*):(\d+):(\d+)\s*$/gi,i=r.exec(l.stack)||o.exec(l.stack),a=i&&i[1]||!1,c=i&&i[2]||!1,s=document.location.href.replace(document.location.hash,""),u=document.getElementsByTagName("script");a===s&&(t=document.documentElement.outerHTML,e=new RegExp("(?:[^\\n]+?\\n){0,"+(c-2)+"}[^<]*<script>([\\d\\D]*?)<\\/script>[\\d\\D]*","i"),n=t.replace(e,"$1").trim());for(var f=0;f<u.length;f++){if("interactive"===u[f].readyState)return u[f];if(u[f].src===a)return u[f];if(a===s&&u[f].innerHTML&&u[f].innerHTML.trim()===n)return u[f]}return null}}return t}))},8925:function(t,e,n){var r=n("c6cd"),o=Function.toString;"function"!=typeof r.inspectSource&&(r.inspectSource=function(t){return o.call(t)}),t.exports=r.inspectSource},"8aa5":function(t,e,n){"use strict";var r=n("6547").charAt;t.exports=function(t,e,n){return e+(n?r(t,e).length:1)}},"8df4":function(t,e,n){"use strict";var r=n("7a77");function o(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;this.promise.then((function(t){if(n._listeners){var e,r=n._listeners.length;for(e=0;e<r;e++)n._listeners[e](t);n._listeners=null}})),this.promise.then=function(t){var e,r=new Promise((function(t){n.subscribe(t),e=t})).then(t);return r.cancel=function(){n.unsubscribe(e)},r},t((function(t){n.reason||(n.reason=new r(t),e(n.reason))}))}o.prototype.throwIfRequested=function(){if(this.reason)throw this.reason},o.prototype.subscribe=function(t){this.reason?t(this.reason):this._listeners?this._listeners.push(t):this._listeners=[t]},o.prototype.unsubscribe=function(t){if(this._listeners){var e=this._listeners.indexOf(t);-1!==e&&this._listeners.splice(e,1)}},o.source=function(){var t,e=new o((function(e){t=e}));return{token:e,cancel:t}},t.exports=o},"90e3":function(t,e){var n=0,r=Math.random();t.exports=function(t){return"Symbol("+String(void 0===t?"":t)+")_"+(++n+r).toString(36)}},9112:function(t,e,n){var r=n("83ab"),o=n("9bf2"),i=n("5c6c");t.exports=r?function(t,e,n){return o.f(t,e,i(1,n))}:function(t,e,n){return t[e]=n,t}},9263:function(t,e,n){"use strict";var r=n("ad6d"),o=n("9f7f"),i=RegExp.prototype.exec,a=String.prototype.replace,c=i,s=function(){var t=/a/,e=/b*/g;return i.call(t,"a"),i.call(e,"a"),0!==t.lastIndex||0!==e.lastIndex}(),u=o.UNSUPPORTED_Y||o.BROKEN_CARET,f=void 0!==/()??/.exec("")[1],l=s||f||u;l&&(c=function(t){var e,n,o,c,l=this,p=u&&l.sticky,d=r.call(l),h=l.source,v=0,g=t;return p&&(d=d.replace("y",""),-1===d.indexOf("g")&&(d+="g"),g=String(t).slice(l.lastIndex),l.lastIndex>0&&(!l.multiline||l.multiline&&"\n"!==t[l.lastIndex-1])&&(h="(?: "+h+")",g=" "+g,v++),n=new RegExp("^(?:"+h+")",d)),f&&(n=new RegExp("^"+h+"$(?!\\s)",d)),s&&(e=l.lastIndex),o=i.call(p?n:l,g),p?o?(o.input=o.input.slice(v),o[0]=o[0].slice(v),o.index=l.lastIndex,l.lastIndex+=o[0].length):l.lastIndex=0:s&&o&&(l.lastIndex=l.global?o.index+o[0].length:e),f&&o&&o.length>1&&a.call(o[0],n,(function(){for(c=1;c<arguments.length-2;c++)void 0===arguments[c]&&(o[c]=void 0)})),o}),t.exports=c},"94ca":function(t,e,n){var r=n("d039"),o=/#|\.prototype\./,i=function(t,e){var n=c[a(t)];return n==u||n!=s&&("function"==typeof e?r(e):!!e)},a=i.normalize=function(t){return String(t).replace(o,".").toLowerCase()},c=i.data={},s=i.NATIVE="N",u=i.POLYFILL="P";t.exports=i},"96cf":function(t,e,n){var r=function(t){"use strict";var e,n=Object.prototype,r=n.hasOwnProperty,o="function"===typeof Symbol?Symbol:{},i=o.iterator||"@@iterator",a=o.asyncIterator||"@@asyncIterator",c=o.toStringTag||"@@toStringTag";function s(t,e,n,r){var o=e&&e.prototype instanceof v?e:v,i=Object.create(o.prototype),a=new T(r||[]);return i._invoke=E(t,n,a),i}function u(t,e,n){try{return{type:"normal",arg:t.call(e,n)}}catch(r){return{type:"throw",arg:r}}}t.wrap=s;var f="suspendedStart",l="suspendedYield",p="executing",d="completed",h={};function v(){}function g(){}function y(){}var b={};b[i]=function(){return this};var m=Object.getPrototypeOf,w=m&&m(m(R([])));w&&w!==n&&r.call(w,i)&&(b=w);var x=y.prototype=v.prototype=Object.create(b);function P(t){["next","throw","return"].forEach((function(e){t[e]=function(t){return this._invoke(e,t)}}))}function S(t,e){function n(o,i,a,c){var s=u(t[o],t,i);if("throw"!==s.type){var f=s.arg,l=f.value;return l&&"object"===typeof l&&r.call(l,"__await")?e.resolve(l.__await).then((function(t){n("next",t,a,c)}),(function(t){n("throw",t,a,c)})):e.resolve(l).then((function(t){f.value=t,a(f)}),(function(t){return n("throw",t,a,c)}))}c(s.arg)}var o;function i(t,r){function i(){return new e((function(e,o){n(t,r,e,o)}))}return o=o?o.then(i,i):i()}this._invoke=i}function E(t,e,n){var r=f;return function(o,i){if(r===p)throw new Error("Generator is already running");if(r===d){if("throw"===o)throw i;return k()}n.method=o,n.arg=i;while(1){var a=n.delegate;if(a){var c=O(a,n);if(c){if(c===h)continue;return c}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(r===f)throw r=d,n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);r=p;var s=u(t,e,n);if("normal"===s.type){if(r=n.done?d:l,s.arg===h)continue;return{value:s.arg,done:n.done}}"throw"===s.type&&(r=d,n.method="throw",n.arg=s.arg)}}}function O(t,n){var r=t.iterator[n.method];if(r===e){if(n.delegate=null,"throw"===n.method){if(t.iterator["return"]&&(n.method="return",n.arg=e,O(t,n),"throw"===n.method))return h;n.method="throw",n.arg=new TypeError("The iterator does not provide a 'throw' method")}return h}var o=u(r,t.iterator,n.arg);if("throw"===o.type)return n.method="throw",n.arg=o.arg,n.delegate=null,h;var i=o.arg;return i?i.done?(n[t.resultName]=i.value,n.next=t.nextLoc,"return"!==n.method&&(n.method="next",n.arg=e),n.delegate=null,h):i:(n.method="throw",n.arg=new TypeError("iterator result is not an object"),n.delegate=null,h)}function _(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function j(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function T(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(_,this),this.reset(!0)}function R(t){if(t){var n=t[i];if(n)return n.call(t);if("function"===typeof t.next)return t;if(!isNaN(t.length)){var o=-1,a=function n(){while(++o<t.length)if(r.call(t,o))return n.value=t[o],n.done=!1,n;return n.value=e,n.done=!0,n};return a.next=a}}return{next:k}}function k(){return{value:e,done:!0}}return g.prototype=x.constructor=y,y.constructor=g,y[c]=g.displayName="GeneratorFunction",t.isGeneratorFunction=function(t){var e="function"===typeof t&&t.constructor;return!!e&&(e===g||"GeneratorFunction"===(e.displayName||e.name))},t.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,y):(t.__proto__=y,c in t||(t[c]="GeneratorFunction")),t.prototype=Object.create(x),t},t.awrap=function(t){return{__await:t}},P(S.prototype),S.prototype[a]=function(){return this},t.AsyncIterator=S,t.async=function(e,n,r,o,i){void 0===i&&(i=Promise);var a=new S(s(e,n,r,o),i);return t.isGeneratorFunction(n)?a:a.next().then((function(t){return t.done?t.value:a.next()}))},P(x),x[c]="Generator",x[i]=function(){return this},x.toString=function(){return"[object Generator]"},t.keys=function(t){var e=[];for(var n in t)e.push(n);return e.reverse(),function n(){while(e.length){var r=e.pop();if(r in t)return n.value=r,n.done=!1,n}return n.done=!0,n}},t.values=R,T.prototype={constructor:T,reset:function(t){if(this.prev=0,this.next=0,this.sent=this._sent=e,this.done=!1,this.delegate=null,this.method="next",this.arg=e,this.tryEntries.forEach(j),!t)for(var n in this)"t"===n.charAt(0)&&r.call(this,n)&&!isNaN(+n.slice(1))&&(this[n]=e)},stop:function(){this.done=!0;var t=this.tryEntries[0],e=t.completion;if("throw"===e.type)throw e.arg;return this.rval},dispatchException:function(t){if(this.done)throw t;var n=this;function o(r,o){return c.type="throw",c.arg=t,n.next=r,o&&(n.method="next",n.arg=e),!!o}for(var i=this.tryEntries.length-1;i>=0;--i){var a=this.tryEntries[i],c=a.completion;if("root"===a.tryLoc)return o("end");if(a.tryLoc<=this.prev){var s=r.call(a,"catchLoc"),u=r.call(a,"finallyLoc");if(s&&u){if(this.prev<a.catchLoc)return o(a.catchLoc,!0);if(this.prev<a.finallyLoc)return o(a.finallyLoc)}else if(s){if(this.prev<a.catchLoc)return o(a.catchLoc,!0)}else{if(!u)throw new Error("try statement without catch or finally");if(this.prev<a.finallyLoc)return o(a.finallyLoc)}}}},abrupt:function(t,e){for(var n=this.tryEntries.length-1;n>=0;--n){var o=this.tryEntries[n];if(o.tryLoc<=this.prev&&r.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var i=o;break}}i&&("break"===t||"continue"===t)&&i.tryLoc<=e&&e<=i.finallyLoc&&(i=null);var a=i?i.completion:{};return a.type=t,a.arg=e,i?(this.method="next",this.next=i.finallyLoc,h):this.complete(a)},complete:function(t,e){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&e&&(this.next=e),h},finish:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var n=this.tryEntries[e];if(n.finallyLoc===t)return this.complete(n.completion,n.afterLoc),j(n),h}},catch:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var n=this.tryEntries[e];if(n.tryLoc===t){var r=n.completion;if("throw"===r.type){var o=r.arg;j(n)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(t,n,r){return this.delegate={iterator:R(t),resultName:n,nextLoc:r},"next"===this.method&&(this.arg=e),h}},t}(t.exports);try{regeneratorRuntime=r}catch(o){Function("r","regeneratorRuntime = r")(r)}},"99af":function(t,e,n){"use strict";var r=n("23e7"),o=n("d039"),i=n("e8b5"),a=n("861d"),c=n("7b0b"),s=n("50c4"),u=n("8418"),f=n("65f0"),l=n("1dde"),p=n("b622"),d=n("2d00"),h=p("isConcatSpreadable"),v=9007199254740991,g="Maximum allowed index exceeded",y=d>=51||!o((function(){var t=[];return t[h]=!1,t.concat()[0]!==t})),b=l("concat"),m=function(t){if(!a(t))return!1;var e=t[h];return void 0!==e?!!e:i(t)},w=!y||!b;r({target:"Array",proto:!0,forced:w},{concat:function(t){var e,n,r,o,i,a=c(this),l=f(a,0),p=0;for(e=-1,r=arguments.length;e<r;e++)if(i=-1===e?a:arguments[e],m(i)){if(o=s(i.length),p+o>v)throw TypeError(g);for(n=0;n<o;n++,p++)n in i&&u(l,p,i[n])}else{if(p>=v)throw TypeError(g);u(l,p++,i)}return l.length=p,l}})},"9bdd":function(t,e,n){var r=n("825a");t.exports=function(t,e,n,o){try{return o?e(r(n)[0],n[1]):e(n)}catch(a){var i=t["return"];throw void 0!==i&&r(i.call(t)),a}}},"9bf2":function(t,e,n){var r=n("83ab"),o=n("0cfb"),i=n("825a"),a=n("c04e"),c=Object.defineProperty;e.f=r?c:function(t,e,n){if(i(t),e=a(e,!0),i(n),o)try{return c(t,e,n)}catch(r){}if("get"in n||"set"in n)throw TypeError("Accessors not supported");return"value"in n&&(t[e]=n.value),t}},"9f7f":function(t,e,n){"use strict";var r=n("d039");function o(t,e){return RegExp(t,e)}e.UNSUPPORTED_Y=r((function(){var t=o("a","y");return t.lastIndex=2,null!=t.exec("abcd")})),e.BROKEN_CARET=r((function(){var t=o("^r","gy");return t.lastIndex=2,null!=t.exec("str")}))},a15b:function(t,e,n){"use strict";var r=n("23e7"),o=n("44ad"),i=n("fc6a"),a=n("a640"),c=[].join,s=o!=Object,u=a("join",",");r({target:"Array",proto:!0,forced:s||!u},{join:function(t){return c.call(i(this),void 0===t?",":t)}})},a4d3:function(t,e,n){"use strict";var r=n("23e7"),o=n("da84"),i=n("d066"),a=n("c430"),c=n("83ab"),s=n("4930"),u=n("fdbf"),f=n("d039"),l=n("5135"),p=n("e8b5"),d=n("861d"),h=n("825a"),v=n("7b0b"),g=n("fc6a"),y=n("c04e"),b=n("5c6c"),m=n("7c73"),w=n("df75"),x=n("241c"),P=n("057f"),S=n("7418"),E=n("06cf"),O=n("9bf2"),_=n("d1e7"),j=n("9112"),T=n("6eeb"),R=n("5692"),k=n("f772"),C=n("d012"),A=n("90e3"),L=n("b622"),N=n("e538"),I=n("746f"),D=n("d44e"),V=n("69f3"),M=n("b727").forEach,U=k("hidden"),$="Symbol",B="prototype",F=L("toPrimitive"),q=V.set,K=V.getterFor($),G=Object[B],H=o.Symbol,z=i("JSON","stringify"),J=E.f,X=O.f,W=P.f,Y=_.f,Q=R("symbols"),Z=R("op-symbols"),tt=R("string-to-symbol-registry"),et=R("symbol-to-string-registry"),nt=R("wks"),rt=o.QObject,ot=!rt||!rt[B]||!rt[B].findChild,it=c&&f((function(){return 7!=m(X({},"a",{get:function(){return X(this,"a",{value:7}).a}})).a}))?function(t,e,n){var r=J(G,e);r&&delete G[e],X(t,e,n),r&&t!==G&&X(G,e,r)}:X,at=function(t,e){var n=Q[t]=m(H[B]);return q(n,{type:$,tag:t,description:e}),c||(n.description=e),n},ct=u?function(t){return"symbol"==typeof t}:function(t){return Object(t)instanceof H},st=function(t,e,n){t===G&&st(Z,e,n),h(t);var r=y(e,!0);return h(n),l(Q,r)?(n.enumerable?(l(t,U)&&t[U][r]&&(t[U][r]=!1),n=m(n,{enumerable:b(0,!1)})):(l(t,U)||X(t,U,b(1,{})),t[U][r]=!0),it(t,r,n)):X(t,r,n)},ut=function(t,e){h(t);var n=g(e),r=w(n).concat(ht(n));return M(r,(function(e){c&&!lt.call(n,e)||st(t,e,n[e])})),t},ft=function(t,e){return void 0===e?m(t):ut(m(t),e)},lt=function(t){var e=y(t,!0),n=Y.call(this,e);return!(this===G&&l(Q,e)&&!l(Z,e))&&(!(n||!l(this,e)||!l(Q,e)||l(this,U)&&this[U][e])||n)},pt=function(t,e){var n=g(t),r=y(e,!0);if(n!==G||!l(Q,r)||l(Z,r)){var o=J(n,r);return!o||!l(Q,r)||l(n,U)&&n[U][r]||(o.enumerable=!0),o}},dt=function(t){var e=W(g(t)),n=[];return M(e,(function(t){l(Q,t)||l(C,t)||n.push(t)})),n},ht=function(t){var e=t===G,n=W(e?Z:g(t)),r=[];return M(n,(function(t){!l(Q,t)||e&&!l(G,t)||r.push(Q[t])})),r};if(s||(H=function(){if(this instanceof H)throw TypeError("Symbol is not a constructor");var t=arguments.length&&void 0!==arguments[0]?String(arguments[0]):void 0,e=A(t),n=function(t){this===G&&n.call(Z,t),l(this,U)&&l(this[U],e)&&(this[U][e]=!1),it(this,e,b(1,t))};return c&&ot&&it(G,e,{configurable:!0,set:n}),at(e,t)},T(H[B],"toString",(function(){return K(this).tag})),T(H,"withoutSetter",(function(t){return at(A(t),t)})),_.f=lt,O.f=st,E.f=pt,x.f=P.f=dt,S.f=ht,N.f=function(t){return at(L(t),t)},c&&(X(H[B],"description",{configurable:!0,get:function(){return K(this).description}}),a||T(G,"propertyIsEnumerable",lt,{unsafe:!0}))),r({global:!0,wrap:!0,forced:!s,sham:!s},{Symbol:H}),M(w(nt),(function(t){I(t)})),r({target:$,stat:!0,forced:!s},{for:function(t){var e=String(t);if(l(tt,e))return tt[e];var n=H(e);return tt[e]=n,et[n]=e,n},keyFor:function(t){if(!ct(t))throw TypeError(t+" is not a symbol");if(l(et,t))return et[t]},useSetter:function(){ot=!0},useSimple:function(){ot=!1}}),r({target:"Object",stat:!0,forced:!s,sham:!c},{create:ft,defineProperty:st,defineProperties:ut,getOwnPropertyDescriptor:pt}),r({target:"Object",stat:!0,forced:!s},{getOwnPropertyNames:dt,getOwnPropertySymbols:ht}),r({target:"Object",stat:!0,forced:f((function(){S.f(1)}))},{getOwnPropertySymbols:function(t){return S.f(v(t))}}),z){var vt=!s||f((function(){var t=H();return"[null]"!=z([t])||"{}"!=z({a:t})||"{}"!=z(Object(t))}));r({target:"JSON",stat:!0,forced:vt},{stringify:function(t,e,n){var r,o=[t],i=1;while(arguments.length>i)o.push(arguments[i++]);if(r=e,(d(e)||void 0!==t)&&!ct(t))return p(e)||(e=function(t,e){if("function"==typeof r&&(e=r.call(this,t,e)),!ct(e))return e}),o[1]=e,z.apply(null,o)}})}H[B][F]||j(H[B],F,H[B].valueOf),D(H,$),C[U]=!0},a640:function(t,e,n){"use strict";var r=n("d039");t.exports=function(t,e){var n=[][t];return!!n&&r((function(){n.call(null,e||function(){throw 1},1)}))}},a691:function(t,e){var n=Math.ceil,r=Math.floor;t.exports=function(t){return isNaN(t=+t)?0:(t>0?r:n)(t)}},a9e3:function(t,e,n){"use strict";var r=n("83ab"),o=n("da84"),i=n("94ca"),a=n("6eeb"),c=n("5135"),s=n("c6b6"),u=n("7156"),f=n("c04e"),l=n("d039"),p=n("7c73"),d=n("241c").f,h=n("06cf").f,v=n("9bf2").f,g=n("58a8").trim,y="Number",b=o[y],m=b.prototype,w=s(p(m))==y,x=function(t){var e,n,r,o,i,a,c,s,u=f(t,!1);if("string"==typeof u&&u.length>2)if(u=g(u),e=u.charCodeAt(0),43===e||45===e){if(n=u.charCodeAt(2),88===n||120===n)return NaN}else if(48===e){switch(u.charCodeAt(1)){case 66:case 98:r=2,o=49;break;case 79:case 111:r=8,o=55;break;default:return+u}for(i=u.slice(2),a=i.length,c=0;c<a;c++)if(s=i.charCodeAt(c),s<48||s>o)return NaN;return parseInt(i,r)}return+u};if(i(y,!b(" 0o1")||!b("0b1")||b("+0x1"))){for(var P,S=function(t){var e=arguments.length<1?0:t,n=this;return n instanceof S&&(w?l((function(){m.valueOf.call(n)})):s(n)!=y)?u(new b(x(e)),n,S):x(e)},E=r?d(b):"MAX_VALUE,MIN_VALUE,NaN,NEGATIVE_INFINITY,POSITIVE_INFINITY,EPSILON,isFinite,isInteger,isNaN,isSafeInteger,MAX_SAFE_INTEGER,MIN_SAFE_INTEGER,parseFloat,parseInt,isInteger".split(","),O=0;E.length>O;O++)c(b,P=E[O])&&!c(S,P)&&v(S,P,h(b,P));S.prototype=m,m.constructor=S,a(o,y,S)}},ab13:function(t,e,n){var r=n("b622"),o=r("match");t.exports=function(t){var e=/./;try{"/./"[t](e)}catch(n){try{return e[o]=!1,"/./"[t](e)}catch(r){}}return!1}},ac1f:function(t,e,n){"use strict";var r=n("23e7"),o=n("9263");r({target:"RegExp",proto:!0,forced:/./.exec!==o},{exec:o})},ad6d:function(t,e,n){"use strict";var r=n("825a");t.exports=function(){var t=r(this),e="";return t.global&&(e+="g"),t.ignoreCase&&(e+="i"),t.multiline&&(e+="m"),t.dotAll&&(e+="s"),t.unicode&&(e+="u"),t.sticky&&(e+="y"),e}},ae40:function(t,e,n){var r=n("83ab"),o=n("d039"),i=n("5135"),a=Object.defineProperty,c={},s=function(t){throw t};t.exports=function(t,e){if(i(c,t))return c[t];e||(e={});var n=[][t],u=!!i(e,"ACCESSORS")&&e.ACCESSORS,f=i(e,0)?e[0]:s,l=i(e,1)?e[1]:void 0;return c[t]=!!n&&!o((function(){if(u&&!r)return!0;var t={length:-1};u?a(t,1,{enumerable:!0,get:s}):t[1]=1,n.call(t,f,l)}))}},b041:function(t,e,n){"use strict";var r=n("00ee"),o=n("f5df");t.exports=r?{}.toString:function(){return"[object "+o(this)+"]"}},b50d:function(t,e,n){"use strict";var r=n("c532"),o=n("467f"),i=n("7aac"),a=n("30b5"),c=n("83b9"),s=n("c345"),u=n("3934"),f=n("2d83"),l=n("cafa"),p=n("7a77");t.exports=function(t){return new Promise((function(e,n){var d,h=t.data,v=t.headers,g=t.responseType;function y(){t.cancelToken&&t.cancelToken.unsubscribe(d),t.signal&&t.signal.removeEventListener("abort",d)}r.isFormData(h)&&delete v["Content-Type"];var b=new XMLHttpRequest;if(t.auth){var m=t.auth.username||"",w=t.auth.password?unescape(encodeURIComponent(t.auth.password)):"";v.Authorization="Basic "+btoa(m+":"+w)}var x=c(t.baseURL,t.url);function P(){if(b){var r="getAllResponseHeaders"in b?s(b.getAllResponseHeaders()):null,i=g&&"text"!==g&&"json"!==g?b.response:b.responseText,a={data:i,status:b.status,statusText:b.statusText,headers:r,config:t,request:b};o((function(t){e(t),y()}),(function(t){n(t),y()}),a),b=null}}if(b.open(t.method.toUpperCase(),a(x,t.params,t.paramsSerializer),!0),b.timeout=t.timeout,"onloadend"in b?b.onloadend=P:b.onreadystatechange=function(){b&&4===b.readyState&&(0!==b.status||b.responseURL&&0===b.responseURL.indexOf("file:"))&&setTimeout(P)},b.onabort=function(){b&&(n(f("Request aborted",t,"ECONNABORTED",b)),b=null)},b.onerror=function(){n(f("Network Error",t,null,b)),b=null},b.ontimeout=function(){var e=t.timeout?"timeout of "+t.timeout+"ms exceeded":"timeout exceeded",r=t.transitional||l;t.timeoutErrorMessage&&(e=t.timeoutErrorMessage),n(f(e,t,r.clarifyTimeoutError?"ETIMEDOUT":"ECONNABORTED",b)),b=null},r.isStandardBrowserEnv()){var S=(t.withCredentials||u(x))&&t.xsrfCookieName?i.read(t.xsrfCookieName):void 0;S&&(v[t.xsrfHeaderName]=S)}"setRequestHeader"in b&&r.forEach(v,(function(t,e){"undefined"===typeof h&&"content-type"===e.toLowerCase()?delete v[e]:b.setRequestHeader(e,t)})),r.isUndefined(t.withCredentials)||(b.withCredentials=!!t.withCredentials),g&&"json"!==g&&(b.responseType=t.responseType),"function"===typeof t.onDownloadProgress&&b.addEventListener("progress",t.onDownloadProgress),"function"===typeof t.onUploadProgress&&b.upload&&b.upload.addEventListener("progress",t.onUploadProgress),(t.cancelToken||t.signal)&&(d=function(t){b&&(n(!t||t&&t.type?new p("canceled"):t),b.abort(),b=null)},t.cancelToken&&t.cancelToken.subscribe(d),t.signal&&(t.signal.aborted?d():t.signal.addEventListener("abort",d))),h||(h=null),b.send(h)}))}},b575:function(t,e,n){var r,o,i,a,c,s,u,f,l=n("da84"),p=n("06cf").f,d=n("c6b6"),h=n("2cf4").set,v=n("1cdc"),g=l.MutationObserver||l.WebKitMutationObserver,y=l.process,b=l.Promise,m="process"==d(y),w=p(l,"queueMicrotask"),x=w&&w.value;x||(r=function(){var t,e;m&&(t=y.domain)&&t.exit();while(o){e=o.fn,o=o.next;try{e()}catch(n){throw o?a():i=void 0,n}}i=void 0,t&&t.enter()},m?a=function(){y.nextTick(r)}:g&&!v?(c=!0,s=document.createTextNode(""),new g(r).observe(s,{characterData:!0}),a=function(){s.data=c=!c}):b&&b.resolve?(u=b.resolve(void 0),f=u.then,a=function(){f.call(u,r)}):a=function(){h.call(l,r)}),t.exports=x||function(t){var e={fn:t,next:void 0};i&&(i.next=e),o||(o=e,a()),i=e}},b622:function(t,e,n){var r=n("da84"),o=n("5692"),i=n("5135"),a=n("90e3"),c=n("4930"),s=n("fdbf"),u=o("wks"),f=r.Symbol,l=s?f:f&&f.withoutSetter||a;t.exports=function(t){return i(u,t)||(c&&i(f,t)?u[t]=f[t]:u[t]=l("Symbol."+t)),u[t]}},b64b:function(t,e,n){var r=n("23e7"),o=n("7b0b"),i=n("df75"),a=n("d039"),c=a((function(){i(1)}));r({target:"Object",stat:!0,forced:c},{keys:function(t){return i(o(t))}})},b727:function(t,e,n){var r=n("0366"),o=n("44ad"),i=n("7b0b"),a=n("50c4"),c=n("65f0"),s=[].push,u=function(t){var e=1==t,n=2==t,u=3==t,f=4==t,l=6==t,p=5==t||l;return function(d,h,v,g){for(var y,b,m=i(d),w=o(m),x=r(h,v,3),P=a(w.length),S=0,E=g||c,O=e?E(d,P):n?E(d,0):void 0;P>S;S++)if((p||S in w)&&(y=w[S],b=x(y,S,m),t))if(e)O[S]=b;else if(b)switch(t){case 3:return!0;case 5:return y;case 6:return S;case 2:s.call(O,y)}else if(f)return!1;return l?-1:u||f?f:O}};t.exports={forEach:u(0),map:u(1),filter:u(2),some:u(3),every:u(4),find:u(5),findIndex:u(6)}},bc3a:function(t,e,n){t.exports=n("cee4")},c04e:function(t,e,n){var r=n("861d");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")}},c345:function(t,e,n){"use strict";var r=n("c532"),o=["age","authorization","content-length","content-type","etag","expires","from","host","if-modified-since","if-unmodified-since","last-modified","location","max-forwards","proxy-authorization","referer","retry-after","user-agent"];t.exports=function(t){var e,n,i,a={};return t?(r.forEach(t.split("\n"),(function(t){if(i=t.indexOf(":"),e=r.trim(t.substr(0,i)).toLowerCase(),n=r.trim(t.substr(i+1)),e){if(a[e]&&o.indexOf(e)>=0)return;a[e]="set-cookie"===e?(a[e]?a[e]:[]).concat([n]):a[e]?a[e]+", "+n:n}})),a):a}},c401:function(t,e,n){"use strict";var r=n("c532"),o=n("4c3d");t.exports=function(t,e,n){var i=this||o;return r.forEach(n,(function(n){t=n.call(i,t,e)})),t}},c430:function(t,e){t.exports=!1},c532:function(t,e,n){"use strict";var r=n("1d2b"),o=Object.prototype.toString;function i(t){return Array.isArray(t)}function a(t){return"undefined"===typeof t}function c(t){return null!==t&&!a(t)&&null!==t.constructor&&!a(t.constructor)&&"function"===typeof t.constructor.isBuffer&&t.constructor.isBuffer(t)}function s(t){return"[object ArrayBuffer]"===o.call(t)}function u(t){return"[object FormData]"===o.call(t)}function f(t){var e;return e="undefined"!==typeof ArrayBuffer&&ArrayBuffer.isView?ArrayBuffer.isView(t):t&&t.buffer&&s(t.buffer),e}function l(t){return"string"===typeof t}function p(t){return"number"===typeof t}function d(t){return null!==t&&"object"===typeof t}function h(t){if("[object Object]"!==o.call(t))return!1;var e=Object.getPrototypeOf(t);return null===e||e===Object.prototype}function v(t){return"[object Date]"===o.call(t)}function g(t){return"[object File]"===o.call(t)}function y(t){return"[object Blob]"===o.call(t)}function b(t){return"[object Function]"===o.call(t)}function m(t){return d(t)&&b(t.pipe)}function w(t){return"[object URLSearchParams]"===o.call(t)}function x(t){return t.trim?t.trim():t.replace(/^\s+|\s+$/g,"")}function P(){return("undefined"===typeof navigator||"ReactNative"!==navigator.product&&"NativeScript"!==navigator.product&&"NS"!==navigator.product)&&("undefined"!==typeof window&&"undefined"!==typeof document)}function S(t,e){if(null!==t&&"undefined"!==typeof t)if("object"!==typeof t&&(t=[t]),i(t))for(var n=0,r=t.length;n<r;n++)e.call(null,t[n],n,t);else for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&e.call(null,t[o],o,t)}function E(){var t={};function e(e,n){h(t[n])&&h(e)?t[n]=E(t[n],e):h(e)?t[n]=E({},e):i(e)?t[n]=e.slice():t[n]=e}for(var n=0,r=arguments.length;n<r;n++)S(arguments[n],e);return t}function O(t,e,n){return S(e,(function(e,o){t[o]=n&&"function"===typeof e?r(e,n):e})),t}function _(t){return 65279===t.charCodeAt(0)&&(t=t.slice(1)),t}t.exports={isArray:i,isArrayBuffer:s,isBuffer:c,isFormData:u,isArrayBufferView:f,isString:l,isNumber:p,isObject:d,isPlainObject:h,isUndefined:a,isDate:v,isFile:g,isBlob:y,isFunction:b,isStream:m,isURLSearchParams:w,isStandardBrowserEnv:P,forEach:S,merge:E,extend:O,trim:x,stripBOM:_}},c6b6:function(t,e){var n={}.toString;t.exports=function(t){return n.call(t).slice(8,-1)}},c6cd:function(t,e,n){var r=n("da84"),o=n("ce4e"),i="__core-js_shared__",a=r[i]||o(i,{});t.exports=a},c8af:function(t,e,n){"use strict";var r=n("c532");t.exports=function(t,e){r.forEach(t,(function(n,r){r!==e&&r.toUpperCase()===e.toUpperCase()&&(t[e]=n,delete t[r])}))}},c8ba:function(t,e){var n;n=function(){return this}();try{n=n||new Function("return this")()}catch(r){"object"===typeof window&&(n=window)}t.exports=n},ca84:function(t,e,n){var r=n("5135"),o=n("fc6a"),i=n("4d64").indexOf,a=n("d012");t.exports=function(t,e){var n,c=o(t),s=0,u=[];for(n in c)!r(a,n)&&r(c,n)&&u.push(n);while(e.length>s)r(c,n=e[s++])&&(~i(u,n)||u.push(n));return u}},caad:function(t,e,n){"use strict";var r=n("23e7"),o=n("4d64").includes,i=n("44d2"),a=n("ae40"),c=a("indexOf",{ACCESSORS:!0,1:0});r({target:"Array",proto:!0,forced:!c},{includes:function(t){return o(this,t,arguments.length>1?arguments[1]:void 0)}}),i("includes")},cafa:function(t,e,n){"use strict";t.exports={silentJSONParsing:!0,forcedJSONParsing:!0,clarifyTimeoutError:!1}},cc12:function(t,e,n){var r=n("da84"),o=n("861d"),i=r.document,a=o(i)&&o(i.createElement);t.exports=function(t){return a?i.createElement(t):{}}},cca6:function(t,e,n){var r=n("23e7"),o=n("60da");r({target:"Object",stat:!0,forced:Object.assign!==o},{assign:o})},cdf9:function(t,e,n){var r=n("825a"),o=n("861d"),i=n("f069");t.exports=function(t,e){if(r(t),o(e)&&e.constructor===t)return e;var n=i.f(t),a=n.resolve;return a(e),n.promise}},ce4e:function(t,e,n){var r=n("da84"),o=n("9112");t.exports=function(t,e){try{o(r,t,e)}catch(n){r[t]=e}return e}},cee4:function(t,e,n){"use strict";var r=n("c532"),o=n("1d2b"),i=n("0a06"),a=n("4a7b"),c=n("4c3d");function s(t){var e=new i(t),n=o(i.prototype.request,e);return r.extend(n,i.prototype,e),r.extend(n,e),n.create=function(e){return s(a(t,e))},n}var u=s(c);u.Axios=i,u.Cancel=n("7a77"),u.CancelToken=n("8df4"),u.isCancel=n("2e67"),u.VERSION=n("5cce").version,u.all=function(t){return Promise.all(t)},u.spread=n("0df6"),u.isAxiosError=n("5f02"),t.exports=u,t.exports.default=u},d012:function(t,e){t.exports={}},d039:function(t,e){t.exports=function(t){try{return!!t()}catch(e){return!0}}},d066:function(t,e,n){var r=n("428f"),o=n("da84"),i=function(t){return"function"==typeof t?t:void 0};t.exports=function(t,e){return arguments.length<2?i(r[t])||i(o[t]):r[t]&&r[t][e]||o[t]&&o[t][e]}},d1e7:function(t,e,n){"use strict";var r={}.propertyIsEnumerable,o=Object.getOwnPropertyDescriptor,i=o&&!r.call({1:2},1);e.f=i?function(t){var e=o(this,t);return!!e&&e.enumerable}:r},d2bb:function(t,e,n){var r=n("825a"),o=n("3bbe");t.exports=Object.setPrototypeOf||("__proto__"in{}?function(){var t,e=!1,n={};try{t=Object.getOwnPropertyDescriptor(Object.prototype,"__proto__").set,t.call(n,[]),e=n instanceof Array}catch(i){}return function(n,i){return r(n),o(i),e?t.call(n,i):n.__proto__=i,n}}():void 0)},d3b7:function(t,e,n){var r=n("00ee"),o=n("6eeb"),i=n("b041");r||o(Object.prototype,"toString",i,{unsafe:!0})},d44e:function(t,e,n){var r=n("9bf2").f,o=n("5135"),i=n("b622"),a=i("toStringTag");t.exports=function(t,e,n){t&&!o(t=n?t:t.prototype,a)&&r(t,a,{configurable:!0,value:e})}},d58f:function(t,e,n){var r=n("1c0b"),o=n("7b0b"),i=n("44ad"),a=n("50c4"),c=function(t){return function(e,n,c,s){r(n);var u=o(e),f=i(u),l=a(u.length),p=t?l-1:0,d=t?-1:1;if(c<2)while(1){if(p in f){s=f[p],p+=d;break}if(p+=d,t?p<0:l<=p)throw TypeError("Reduce of empty array with no initial value")}for(;t?p>=0:l>p;p+=d)p in f&&(s=n(s,f[p],p,u));return s}};t.exports={left:c(!1),right:c(!0)}},d784:function(t,e,n){"use strict";n("ac1f");var r=n("6eeb"),o=n("d039"),i=n("b622"),a=n("9263"),c=n("9112"),s=i("species"),u=!o((function(){var t=/./;return t.exec=function(){var t=[];return t.groups={a:"7"},t},"7"!=="".replace(t,"$<a>")})),f=function(){return"$0"==="a".replace(/./,"$0")}(),l=i("replace"),p=function(){return!!/./[l]&&""===/./[l]("a","$0")}(),d=!o((function(){var t=/(?:)/,e=t.exec;t.exec=function(){return e.apply(this,arguments)};var n="ab".split(t);return 2!==n.length||"a"!==n[0]||"b"!==n[1]}));t.exports=function(t,e,n,l){var h=i(t),v=!o((function(){var e={};return e[h]=function(){return 7},7!=""[t](e)})),g=v&&!o((function(){var e=!1,n=/a/;return"split"===t&&(n={},n.constructor={},n.constructor[s]=function(){return n},n.flags="",n[h]=/./[h]),n.exec=function(){return e=!0,null},n[h](""),!e}));if(!v||!g||"replace"===t&&(!u||!f||p)||"split"===t&&!d){var y=/./[h],b=n(h,""[t],(function(t,e,n,r,o){return e.exec===a?v&&!o?{done:!0,value:y.call(e,n,r)}:{done:!0,value:t.call(n,e,r)}:{done:!1}}),{REPLACE_KEEPS_$0:f,REGEXP_REPLACE_SUBSTITUTES_UNDEFINED_CAPTURE:p}),m=b[0],w=b[1];r(String.prototype,t,m),r(RegExp.prototype,h,2==e?function(t,e){return w.call(t,this,e)}:function(t){return w.call(t,this)})}l&&c(RegExp.prototype[h],"sham",!0)}},d81d:function(t,e,n){"use strict";var r=n("23e7"),o=n("b727").map,i=n("1dde"),a=n("ae40"),c=i("map"),s=a("map");r({target:"Array",proto:!0,forced:!c||!s},{map:function(t){return o(this,t,arguments.length>1?arguments[1]:void 0)}})},d925:function(t,e,n){"use strict";t.exports=function(t){return/^([a-z][a-z\d+\-.]*:)?\/\//i.test(t)}},da84:function(t,e,n){(function(e){var n=function(t){return t&&t.Math==Math&&t};t.exports=n("object"==typeof globalThis&&globalThis)||n("object"==typeof window&&window)||n("object"==typeof self&&self)||n("object"==typeof e&&e)||Function("return this")()}).call(this,n("c8ba"))},dbb4:function(t,e,n){var r=n("23e7"),o=n("83ab"),i=n("56ef"),a=n("fc6a"),c=n("06cf"),s=n("8418");r({target:"Object",stat:!0,sham:!o},{getOwnPropertyDescriptors:function(t){var e,n,r=a(t),o=c.f,u=i(r),f={},l=0;while(u.length>l)n=o(r,e=u[l++]),void 0!==n&&s(f,e,n);return f}})},dd1a:function(t,e,n){t.exports={table:"Server_table_1-Jbh",sortable:"Server_sortable_351RP",checkbox:"Server_checkbox_1lyNb",pagination:"Server_pagination_3erRE",info:"Server_info_2gbZL",perPageSelector:"Server_perPageSelector_3GVN9"}},df75:function(t,e,n){var r=n("ca84"),o=n("7839");t.exports=Object.keys||function(t){return r(t,o)}},df7c:function(t,e,n){(function(t){function n(t,e){for(var n=0,r=t.length-1;r>=0;r--){var o=t[r];"."===o?t.splice(r,1):".."===o?(t.splice(r,1),n++):n&&(t.splice(r,1),n--)}if(e)for(;n--;n)t.unshift("..");return t}var r=/^(\/?|)([\s\S]*?)((?:\.{1,2}|[^\/]+?|)(\.[^.\/]*|))(?:[\/]*)$/,o=function(t){return r.exec(t).slice(1)};function i(t,e){if(t.filter)return t.filter(e);for(var n=[],r=0;r<t.length;r++)e(t[r],r,t)&&n.push(t[r]);return n}e.resolve=function(){for(var e="",r=!1,o=arguments.length-1;o>=-1&&!r;o--){var a=o>=0?arguments[o]:t.cwd();if("string"!==typeof a)throw new TypeError("Arguments to path.resolve must be strings");a&&(e=a+"/"+e,r="/"===a.charAt(0))}return e=n(i(e.split("/"),(function(t){return!!t})),!r).join("/"),(r?"/":"")+e||"."},e.normalize=function(t){var r=e.isAbsolute(t),o="/"===a(t,-1);return t=n(i(t.split("/"),(function(t){return!!t})),!r).join("/"),t||r||(t="."),t&&o&&(t+="/"),(r?"/":"")+t},e.isAbsolute=function(t){return"/"===t.charAt(0)},e.join=function(){var t=Array.prototype.slice.call(arguments,0);return e.normalize(i(t,(function(t,e){if("string"!==typeof t)throw new TypeError("Arguments to path.join must be strings");return t})).join("/"))},e.relative=function(t,n){function r(t){for(var e=0;e<t.length;e++)if(""!==t[e])break;for(var n=t.length-1;n>=0;n--)if(""!==t[n])break;return e>n?[]:t.slice(e,n-e+1)}t=e.resolve(t).substr(1),n=e.resolve(n).substr(1);for(var o=r(t.split("/")),i=r(n.split("/")),a=Math.min(o.length,i.length),c=a,s=0;s<a;s++)if(o[s]!==i[s]){c=s;break}var u=[];for(s=c;s<o.length;s++)u.push("..");return u=u.concat(i.slice(c)),u.join("/")},e.sep="/",e.delimiter=":",e.dirname=function(t){var e=o(t),n=e[0],r=e[1];return n||r?(r&&(r=r.substr(0,r.length-1)),n+r):"."},e.basename=function(t,e){var n=o(t)[2];return e&&n.substr(-1*e.length)===e&&(n=n.substr(0,n.length-e.length)),n},e.extname=function(t){return o(t)[3]};var a="b"==="ab".substr(-1)?function(t,e,n){return t.substr(e,n)}:function(t,e,n){return e<0&&(e=t.length+e),t.substr(e,n)}}).call(this,n("4362"))},e2cc:function(t,e,n){var r=n("6eeb");t.exports=function(t,e,n){for(var o in e)r(t,o,e[o],n);return t}},e439:function(t,e,n){var r=n("23e7"),o=n("d039"),i=n("fc6a"),a=n("06cf").f,c=n("83ab"),s=o((function(){a(1)})),u=!c||s;r({target:"Object",stat:!0,forced:u,sham:!c},{getOwnPropertyDescriptor:function(t,e){return a(i(t),e)}})},e538:function(t,e,n){var r=n("b622");e.f=r},e667:function(t,e){t.exports=function(t){try{return{error:!1,value:t()}}catch(e){return{error:!0,value:e}}}},e683:function(t,e,n){"use strict";t.exports=function(t,e){return e?t.replace(/\/+$/,"")+"/"+e.replace(/^\/+/,""):t}},e6cf:function(t,e,n){"use strict";var r,o,i,a,c=n("23e7"),s=n("c430"),u=n("da84"),f=n("d066"),l=n("fea9"),p=n("6eeb"),d=n("e2cc"),h=n("d44e"),v=n("2626"),g=n("861d"),y=n("1c0b"),b=n("19aa"),m=n("c6b6"),w=n("8925"),x=n("2266"),P=n("1c7e"),S=n("4840"),E=n("2cf4").set,O=n("b575"),_=n("cdf9"),j=n("44de"),T=n("f069"),R=n("e667"),k=n("69f3"),C=n("94ca"),A=n("b622"),L=n("2d00"),N=A("species"),I="Promise",D=k.get,V=k.set,M=k.getterFor(I),U=l,$=u.TypeError,B=u.document,F=u.process,q=f("fetch"),K=T.f,G=K,H="process"==m(F),z=!!(B&&B.createEvent&&u.dispatchEvent),J="unhandledrejection",X="rejectionhandled",W=0,Y=1,Q=2,Z=1,tt=2,et=C(I,(function(){var t=w(U)!==String(U);if(!t){if(66===L)return!0;if(!H&&"function"!=typeof PromiseRejectionEvent)return!0}if(s&&!U.prototype["finally"])return!0;if(L>=51&&/native code/.test(U))return!1;var e=U.resolve(1),n=function(t){t((function(){}),(function(){}))},r=e.constructor={};return r[N]=n,!(e.then((function(){}))instanceof n)})),nt=et||!P((function(t){U.all(t)["catch"]((function(){}))})),rt=function(t){var e;return!(!g(t)||"function"!=typeof(e=t.then))&&e},ot=function(t,e,n){if(!e.notified){e.notified=!0;var r=e.reactions;O((function(){var o=e.value,i=e.state==Y,a=0;while(r.length>a){var c,s,u,f=r[a++],l=i?f.ok:f.fail,p=f.resolve,d=f.reject,h=f.domain;try{l?(i||(e.rejection===tt&&st(t,e),e.rejection=Z),!0===l?c=o:(h&&h.enter(),c=l(o),h&&(h.exit(),u=!0)),c===f.promise?d($("Promise-chain cycle")):(s=rt(c))?s.call(c,p,d):p(c)):d(o)}catch(v){h&&!u&&h.exit(),d(v)}}e.reactions=[],e.notified=!1,n&&!e.rejection&&at(t,e)}))}},it=function(t,e,n){var r,o;z?(r=B.createEvent("Event"),r.promise=e,r.reason=n,r.initEvent(t,!1,!0),u.dispatchEvent(r)):r={promise:e,reason:n},(o=u["on"+t])?o(r):t===J&&j("Unhandled promise rejection",n)},at=function(t,e){E.call(u,(function(){var n,r=e.value,o=ct(e);if(o&&(n=R((function(){H?F.emit("unhandledRejection",r,t):it(J,t,r)})),e.rejection=H||ct(e)?tt:Z,n.error))throw n.value}))},ct=function(t){return t.rejection!==Z&&!t.parent},st=function(t,e){E.call(u,(function(){H?F.emit("rejectionHandled",t):it(X,t,e.value)}))},ut=function(t,e,n,r){return function(o){t(e,n,o,r)}},ft=function(t,e,n,r){e.done||(e.done=!0,r&&(e=r),e.value=n,e.state=Q,ot(t,e,!0))},lt=function(t,e,n,r){if(!e.done){e.done=!0,r&&(e=r);try{if(t===n)throw $("Promise can't be resolved itself");var o=rt(n);o?O((function(){var r={done:!1};try{o.call(n,ut(lt,t,r,e),ut(ft,t,r,e))}catch(i){ft(t,r,i,e)}})):(e.value=n,e.state=Y,ot(t,e,!1))}catch(i){ft(t,{done:!1},i,e)}}};et&&(U=function(t){b(this,U,I),y(t),r.call(this);var e=D(this);try{t(ut(lt,this,e),ut(ft,this,e))}catch(n){ft(this,e,n)}},r=function(t){V(this,{type:I,done:!1,notified:!1,parent:!1,reactions:[],rejection:!1,state:W,value:void 0})},r.prototype=d(U.prototype,{then:function(t,e){var n=M(this),r=K(S(this,U));return r.ok="function"!=typeof t||t,r.fail="function"==typeof e&&e,r.domain=H?F.domain:void 0,n.parent=!0,n.reactions.push(r),n.state!=W&&ot(this,n,!1),r.promise},catch:function(t){return this.then(void 0,t)}}),o=function(){var t=new r,e=D(t);this.promise=t,this.resolve=ut(lt,t,e),this.reject=ut(ft,t,e)},T.f=K=function(t){return t===U||t===i?new o(t):G(t)},s||"function"!=typeof l||(a=l.prototype.then,p(l.prototype,"then",(function(t,e){var n=this;return new U((function(t,e){a.call(n,t,e)})).then(t,e)}),{unsafe:!0}),"function"==typeof q&&c({global:!0,enumerable:!0,forced:!0},{fetch:function(t){return _(U,q.apply(u,arguments))}}))),c({global:!0,wrap:!0,forced:et},{Promise:U}),h(U,I,!1,!0),v(I),i=f(I),c({target:I,stat:!0,forced:et},{reject:function(t){var e=K(this);return e.reject.call(void 0,t),e.promise}}),c({target:I,stat:!0,forced:s||et},{resolve:function(t){return _(s&&this===i?U:this,t)}}),c({target:I,stat:!0,forced:nt},{all:function(t){var e=this,n=K(e),r=n.resolve,o=n.reject,i=R((function(){var n=y(e.resolve),i=[],a=0,c=1;x(t,(function(t){var s=a++,u=!1;i.push(void 0),c++,n.call(e,t).then((function(t){u||(u=!0,i[s]=t,--c||r(i))}),o)})),--c||r(i)}));return i.error&&o(i.value),n.promise},race:function(t){var e=this,n=K(e),r=n.reject,o=R((function(){var o=y(e.resolve);x(t,(function(t){o.call(e,t).then(n.resolve,r)}))}));return o.error&&r(o.value),n.promise}})},e893:function(t,e,n){var r=n("5135"),o=n("56ef"),i=n("06cf"),a=n("9bf2");t.exports=function(t,e){for(var n=o(e),c=a.f,s=i.f,u=0;u<n.length;u++){var f=n[u];r(t,f)||c(t,f,s(e,f))}}},e8b5:function(t,e,n){var r=n("c6b6");t.exports=Array.isArray||function(t){return"Array"==r(t)}},e95a:function(t,e,n){var r=n("b622"),o=n("3f8c"),i=r("iterator"),a=Array.prototype;t.exports=function(t){return void 0!==t&&(o.Array===t||a[i]===t)}},f069:function(t,e,n){"use strict";var r=n("1c0b"),o=function(t){var e,n;this.promise=new t((function(t,r){if(void 0!==e||void 0!==n)throw TypeError("Bad Promise constructor");e=t,n=r})),this.resolve=r(e),this.reject=r(n)};t.exports.f=function(t){return new o(t)}},f5df:function(t,e,n){var r=n("00ee"),o=n("c6b6"),i=n("b622"),a=i("toStringTag"),c="Arguments"==o(function(){return arguments}()),s=function(t,e){try{return t[e]}catch(n){}};t.exports=r?o:function(t){var e,n,r;return void 0===t?"Undefined":null===t?"Null":"string"==typeof(n=s(e=Object(t),a))?n:c?o(e):"Object"==(r=o(e))&&"function"==typeof e.callee?"Arguments":r}},f6b4:function(t,e,n){"use strict";var r=n("c532");function o(){this.handlers=[]}o.prototype.use=function(t,e,n){return this.handlers.push({fulfilled:t,rejected:e,synchronous:!!n&&n.synchronous,runWhen:n?n.runWhen:null}),this.handlers.length-1},o.prototype.eject=function(t){this.handlers[t]&&(this.handlers[t]=null)},o.prototype.forEach=function(t){r.forEach(this.handlers,(function(e){null!==e&&t(e)}))},t.exports=o},f772:function(t,e,n){var r=n("5692"),o=n("90e3"),i=r("keys");t.exports=function(t){return i[t]||(i[t]=o(t))}},fb15:function(t,e,n){"use strict";if(n.r(e),"undefined"!==typeof window){var r=window.document.currentScript,o=n("8875");r=o(),"currentScript"in document||Object.defineProperty(document,"currentScript",{get:o});var i=r&&r.src.match(/(.+\/)[^/]+\.js(\?.*)?$/);i&&(n.p=i[1])}var a=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",[t._t("filter"),n("div",{class:[t.opts.classes.wrapper,t.$style.wrapper]},[n("table",{class:[t.opts.classes.table,t.$style.table]},[n("thead",[n("tr",t._l(t.allColumns,(function(e){var r,o;return n("th",{key:e,class:(r={},r[t.$style.sortable]=t.opts.sortable[e],r.sorted=t.sortKey===e,r[t.opts.columnsClasses[e]]=null!=t.opts.columnsClasses[e],r)},[""!==t.opts.headings[e]?n("a",{attrs:{href:"#",tabindex:t.opts.sortable[e]?"":-1,"aria-label":t._f("heading")(e,t.opts.headings),role:"button"},on:{keydown:function(n){return!n.type.indexOf("key")&&t._k(n.keyCode,"space",32,n.key,[" ","Spacebar"])?null:(n.preventDefault(),t.sortBy({key:e}))},click:function(n){return n.preventDefault(),t.sortBy({key:e})}}},[t._t("heading_"+e,[[t._v(" "+t._s(t._f("heading")(e,t.opts.headings))+" ")]]),t.opts.sortable[e]?n("i",{class:(o={},o[t.opts.classes.sort.none]=t.sortKey!==e||null===t.sortOrders[e],o[t.opts.classes.sort[t.sortOrders[e]]]=t.sortKey===e,o)}):t._e()],2):t._e()])})),0)]),t.isLoading?n("tbody",[n("tr",[n("td",{staticClass:"msg-row",attrs:{colspan:t.colspan}},[t._t("loading",[n("span",{domProps:{innerHTML:t._s(t.opts.text.loading)}})])],2)])]):0===t.data.length?n("tbody",[n("tr",[n("td",{staticClass:"msg-row",attrs:{colspan:t.colspan}},[t._t("no_data",[n("span",{domProps:{innerHTML:t._s(t.opts.text.noData)}})])],2)])]):n("tbody",[t._l(t.data,(function(e,r){return[n("tr",{key:"row_"+e[t.opts.uniqueKey],class:t.computedRowClasses[0][r],attrs:{"data-id":e[t.opts.uniqueKey]}},t._l(t.allColumns,(function(o){var i;return n("td",{key:"cell_"+o,class:(i={},i[t.opts.columnsClasses[o]]=null!=t.opts.columnsClasses[o],i)},[t._t("column_"+o,[t.opts.templates[o]?n(t.opts.templates[o],{tag:"component",attrs:{data:e,column:o,index:r}}):"actions"===o?[n("ActionsCell",{attrs:{row:e,"is-row-expanded":t.isRowExpanded(e[t.opts.uniqueKey]),opts:t.opts},on:{toggleRow:t.toggleRow},scopedSlots:t._u([{key:"column_actions_pre",fn:function(e){var n=e.row;return[t._t("column_actions_pre",null,{row:n})]}},{key:"column_actions_post",fn:function(e){var n=e.row;return[t._t("column_actions_post",null,{row:n})]}}],null,!0)})]:[t._v(t._s(e[o]))]],{row:e})],2)})),0),t.opts.detailsRow?n("tr",{directives:[{name:"show",rawName:"v-show",value:t.isRowExpanded(e[t.opts.uniqueKey]),expression:"isRowExpanded(entry[opts.uniqueKey])"}],key:"details_row_"+e[t.opts.uniqueKey],attrs:{"data-details":e[t.opts.uniqueKey]}},[n("td",{attrs:{colspan:t.colspan}},[t._t("details_row",null,{row:e})],2)]):t._e()]}))],2),n("tfoot",{directives:[{name:"show",rawName:"v-show",value:t.totalRows,expression:"totalRows"}]},[n("tr",[n("td",{attrs:{colspan:t.colspan}},[n("Pagination",{attrs:{classes:t.opts.classes.pagination,text:t.opts.text.pagination,pageInterval:t.opts.pageInterval,perPage:t.opts.perPage,perPageValues:t.opts.perPageValues,currentPage:t.currentPage,totalRows:t.totalRows,noPaginationOnCreate:t.opts.noPaginationOnCreate},on:{paginate:t.paginate}})],1)])])])])],2)},c=[];n("4160"),n("cca6"),n("159b");function s(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}n("96cf"),n("d3b7"),n("e6cf");function u(t,e,n,r,o,i,a){try{var c=t[i](a),s=c.value}catch(u){return void n(u)}c.done?e(s):Promise.resolve(s).then(r,o)}function f(t){return function(){var e=this,n=arguments;return new Promise((function(r,o){var i=t.apply(e,n);function a(t){u(i,r,o,a,c,"next",t)}function c(t){u(i,r,o,a,c,"throw",t)}a(void 0)}))}}n("a4d3"),n("4de4"),n("e439"),n("dbb4"),n("b64b");function l(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function p(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?l(Object(n),!0).forEach((function(e){s(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):l(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var d=n("bc3a"),h=n.n(d),v=(n("99af"),n("a15b"),n("d81d"),n("13d5"),n("fb6a"),n("ac1f"),n("5319"),n("1276"),{filters:{heading:function(t,e){if(void 0!==e[t])return e[t];var n=function(t){return t.charAt(0).toUpperCase()+t.slice(1)};return t.split("_").map(n).join(" ")},format:function(t){for(var e=arguments.length,n=new Array(e>1?e-1:0),r=1;r<e;r++)n[r-1]=arguments[r];return[].concat(n).reduce((function(t,e){return t.replace(/%s/,e)}),t)}}}),g={headings:{},templates:{},sortable:!0,sortBy:{column:null,order:null},uniqueKey:"id",detailsRow:!1,perPage:10,pageInterval:7,perPageValues:[1,2,5,10,20,50],classes:{wrapper:"table-responsive",table:"table",sort:{none:"fa fa-sort",ascending:"fa fa-sort-asc",descending:"fa fa-sort-desc"},checkbox:"checkbox",pagination:{wrapper:"pagination",formControl:"form-control",info:"info form-inline",first:"fa fa-angle-double-left",prev:"fa fa-angle-left",next:"fa fa-angle-right",last:"fa fa-angle-double-right"},group:{show:"fa fa-chevron-right",hide:"fa fa-chevron-down"}},text:{expand:"Show details",collapse:"Hide details",noData:"No data to show",emptyResults:"No results for this filter",loading:"Loading ...",pagination:{prev:"",next:"",info:{showing:"Showing %s to %s of %s rows.",records:"records per page",noRows:"No rows to display"}}},columnsClasses:{},initialFetch:!0,rowClasses:{},actionsCellLast:!0},y=(n("caad"),n("07ac"),n("2532"),{computed:{allColumns:function(){var t=this.columns.slice();return!this.columns.includes("actions")&&this.opts.detailsRow&&t.push("actions"),t},computedRowClasses:function(){var t=this;return Object.values(this.pageData).map((function(e){return e.map((function(e){var n={};return Object.keys(t.opts.rowClasses).forEach((function(r){e[r]&&(n[t.opts.rowClasses[r]]=!0)})),n}))}))},colspan:function(){return this.allColumns.length}},methods:{isShown:function(t){return"undefined"===typeof this.shown[t]||this.shown[t]},toggleRow:function(t){this.expandedRows[t]=!this.expandedRows[t],this.expandedRows=Object.assign({},this.expandedRows),this.$emit("toggleRow",t,this.expandedRows)},isRowExpanded:function(t){return this.expandedRows[t]}}}),b=function(){var t,e,n,r,o=this,i=o.$createElement,a=o._self._c||i;return a("div",[a("ul",{class:[o.$style.pagination,o.classes.wrapper]},[a("li",{class:(t={},t[o.$style.disabled]=1===o.currentPageValue,t.disabled=1===o.currentPageValue,t)},[a("a",{attrs:{href:"#","aria-label":o.text.previous||"Previous",title:o.text.previous||"Previous",role:"button"},on:{keydown:function(t){if(!t.type.indexOf("key")&&o._k(t.keyCode,"space",32,t.key,[" ","Spacebar"]))return null;t.preventDefault(),1!==o.currentPageValue&&o.goToPage(o.currentPageValue-1)},click:function(t){t.preventDefault(),1!==o.currentPageValue&&o.goToPage(o.currentPageValue-1)}}},[a("span",{attrs:{"aria-hidden":"true"}},[a("i",{class:o.classes.prev})]),o._v(o._s(o.text.prev))])]),a("li",{class:(e={},e[o.$style.active]=1===o.currentPageValue,e.active=1===o.currentPageValue,e)},[a("a",{attrs:{href:"#","aria-label":"Page 1",title:"Page 1",role:"button"},on:{keydown:function(t){return!t.type.indexOf("key")&&o._k(t.keyCode,"space",32,t.key,[" ","Spacebar"])?null:(t.preventDefault(),o.goToPage(1))},click:function(t){return t.preventDefault(),o.goToPage(1)}}},[o._v(" 1 ")])]),o.startPage>2?a("li",[a("span",[o._v("…")])]):o._e(),o._l(o.pagesToShow,(function(t){var e;return a("li",{key:t,class:(e={},e[o.$style.active]=t===o.currentPageValue,e.active=t===o.currentPageValue,e)},[a("a",{attrs:{href:"#","aria-label":"Page "+t,title:"Page "+t,role:"button"},on:{keydown:function(e){return!e.type.indexOf("key")&&o._k(e.keyCode,"space",32,e.key,[" ","Spacebar"])?null:(e.preventDefault(),o.goToPage(t))},click:function(e){return e.preventDefault(),o.goToPage(t)}}},[o._v(o._s(t))])])})),o.endPage<o.totalPages-1?a("li",[a("span",[o._v("…")])]):o._e(),o.totalPages>1?a("li",{class:(n={},n[o.$style.active]=o.totalPages===o.currentPageValue,n.active=o.totalPages===o.currentPageValue,n)},[a("a",{attrs:{href:"#","aria-label":"Page "+o.totalPages,title:"Page "+o.totalPages,role:"button"},on:{keydown:function(t){return!t.type.indexOf("key")&&o._k(t.keyCode,"space",32,t.key,[" ","Spacebar"])?null:(t.preventDefault(),o.goToPage(o.totalPages))},click:function(t){return t.preventDefault(),o.goToPage(o.totalPages)}}},[o._v(o._s(o.totalPages)+" ")])]):o._e(),a("li",{class:(r={},r[o.$style.disabled]=o.currentPageValue===o.totalPages||0===o.totalPages,r.disabled=o.currentPageValue===o.totalPages||0===o.totalPages,r)},[a("a",{attrs:{href:"#","aria-label":o.text.next||"Next",title:o.text.next||"Next",role:"button"},on:{keydown:function(t){if(!t.type.indexOf("key")&&o._k(t.keyCode,"space",32,t.key,[" ","Spacebar"]))return null;t.preventDefault(),o.currentPageValue!==o.totalPages&&0!==o.totalPages&&o.goToPage(o.currentPageValue+1)},click:function(t){t.preventDefault(),o.currentPageValue!==o.totalPages&&0!==o.totalPages&&o.goToPage(o.currentPageValue+1)}}},[o._v(o._s(o.text.next)+" "),a("span",{attrs:{"aria-hidden":"true"}},[a("i",{class:o.classes.next})])])])],2),a("div",{class:[o.$style.info,o.classes.info]},[o.totalRows?a("div",[a("span",[o._v(" "+o._s(o._f("format")(o.text.info.showing,o.startRow+1,o.endRow,o.totalRows))+" ")]),a("select",{directives:[{name:"model",rawName:"v-model",value:o.perPageValue,expression:"perPageValue"}],class:[o.$style.perPageSelector,o.classes.formControl],attrs:{"aria-label":"Number of records per page"},on:{change:function(t){var e=Array.prototype.filter.call(t.target.options,(function(t){return t.selected})).map((function(t){var e="_value"in t?t._value:t.value;return e}));o.perPageValue=t.target.multiple?e:e[0]}}},o._l(o.perPageValues,(function(t){return a("option",{key:t,domProps:{value:t}},[o._v(" "+o._s(t)+" ")])})),0),a("span",[o._v(" "+o._s(o.text.info.records)+" ")])]):a("div",[a("span",[o._v(" "+o._s(o.text.info.noRows)+" ")])])])])},m=[],w=(n("a9e3"),{mixins:[v],props:{classes:{type:Object,default:function(){return{}}},text:{type:Object,default:function(){return{}}},currentPage:{type:Number,default:1},perPage:{type:Number,default:10},perPageValues:{type:Array,default:function(){return[1,2,5,10,20,50]}},pageInterval:{type:Number,default:7},totalRows:{type:Number,required:!0},noPaginationOnCreate:{type:Boolean,required:!1}},data:function(){return{perPageValue:this.perPage,currentPageValue:this.currentPage}},computed:{pagesToShow:function(){var t=(this.pageInterval-1)/2,e=Math.max(2,this.currentPageValue-t),n=Math.min(this.totalPages-1,this.currentPageValue+t);e+this.pageInterval-1>n&&(n=Math.min(this.totalPages-1,e+this.pageInterval-1)),n-(this.pageInterval-1)&&(e=Math.max(2,n-(this.pageInterval-1)));for(var r=[],o=e;o<=n;o+=1)r.push(o);return r},totalPages:function(){return Math.ceil(this.totalRows/this.perPageValue)},startRow:function(){return(this.currentPageValue-1)*this.perPageValue},endRow:function(){return Math.min(this.startRow+this.perPageValue,this.totalRows)},startPage:function(){return this.pagesToShow[0]},endPage:function(){return this.pagesToShow[this.pagesToShow.length-1]}},watch:{totalPages:function(){this.currentPageValue>this.totalPages?this.currentPageValue=this.totalPages:!this.currentPageValue&&this.totalPages&&(this.currentPageValue=1)},perPageValue:function(){this.paginate()},perPage:function(){this.perPageValue=this.perPage},currentPage:function(){this.currentPageValue=this.currentPage}},created:function(){this.noPaginationOnCreate||this.paginate()},methods:{goToPage:function(t){t>=1&&t<=this.totalPages&&(this.currentPageValue=t),this.paginate()},paginate:function(){this.$emit("paginate",{currentPage:this.currentPageValue,perPage:this.perPageValue})}}}),x=w,P=n("2f27");function S(t,e,n,r,o,i,a,c){var s,u="function"===typeof t?t.options:t;if(e&&(u.render=e,u.staticRenderFns=n,u._compiled=!0),r&&(u.functional=!0),i&&(u._scopeId="data-v-"+i),a?(s=function(t){t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,t||"undefined"===typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),o&&o.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(a)},u._ssrRegister=s):o&&(s=c?function(){o.call(this,(u.functional?this.parent:this).$root.$options.shadowRoot)}:o),s)if(u.functional){u._injectStyles=s;var f=u.render;u.render=function(t,e){return s.call(e),f(t,e)}}else{var l=u.beforeCreate;u.beforeCreate=l?[].concat(l,s):[s]}return{exports:t,options:u}}function E(t){this["$style"]=P["default"].locals||P["default"]}var O=S(x,b,m,!1,E,null,null),_=O.exports,j=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",[t._t("column_actions_pre",null,{row:t.row}),n("a",{attrs:{href:"#",role:"button","aria-label":(t.isRowExpanded?"Hide":"Show")+" details","aria-expanded":t.isRowExpanded?"true":"false"},domProps:{innerHTML:t._s(t.getToggleText(t.row))},on:{keydown:function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"space",32,e.key,[" ","Spacebar"])?null:(e.preventDefault(),t.toggleRow(t.row[t.opts.uniqueKey]))},click:function(e){return e.preventDefault(),t.toggleRow(t.row[t.opts.uniqueKey])}}}),t._t("column_actions_post",null,{row:t.row})],2)},T=[],R={props:{row:{type:Object,required:!0},isRowExpanded:{type:Boolean,default:!1},opts:{type:Object,required:!0}},methods:{toggleRow:function(t){this.$emit("toggleRow",t)},getToggleText:function(){return this.isRowExpanded?this.opts.text.collapse:this.opts.text.expand}}},k=R,C=S(k,j,T,!1,null,null,null),A=C.exports,L={mixins:[v,y],components:{Pagination:_,ActionsCell:A},props:{url:"",columns:{type:Array,default:function(){return[]}},options:{type:Object,default:function(){return{}}},defaults:{type:Object,default:function(){return p(p({},g),{},{params:{page:"page",per_page:"per_page",sort_by:"sort_by",sort_dir:"sort_dir"}})}},polling:{type:Boolean,default:!1},loadingOverride:{type:Boolean,default:!1}},data:function(){var t={};return this.columns.forEach((function(e){t[e]=null})),{loading:!1,sortOrders:t,sortKey:"",shown:{},data:[],expandedRows:{},currentPage:1,perPage:this.options.perPage||this.defaults.perPage,totalRows:0,pollLoading:!1}},computed:{opts:function(){var t=p(p({},this.defaults),this.options),e={};return this.columns.forEach((function(n){(!0===t.sortable||t.sortable[n])&&(e[n]=t.sortable[n]||!0)})),Object.assign(t,{sortable:e})},isLoading:function(){return this.polling?this.pollLoading:this.loading},pageData:function(){return{all:this.data}}},watch:{loadingOverride:function(){this.pollLoading=this.loadingOverride}},mounted:function(){this.opts.sortBy&&this.sortBy(this.opts.sortBy)},created:function(){this.opts.initialFetch&&this.loadData(!0)},methods:{fetch:function(t){var e=this;return f(regeneratorRuntime.mark((function n(){var r,o;return regeneratorRuntime.wrap((function(n){while(1)switch(n.prev=n.next){case 0:return n.next=2,h.a.get(e.url,{params:t});case 2:return r=n.sent,o=r.data,n.abrupt("return",o);case 5:case"end":return n.stop()}}),n)})))()},updateLoading:function(t,e){this.polling&&t?this.pollLoading=e:this.loading=e},loadData:function(){var t=arguments,e=this;return f(regeneratorRuntime.mark((function n(){var r,o,i,a,c,u,f,l;return regeneratorRuntime.wrap((function(n){while(1)switch(n.prev=n.next){case 0:return o=t.length>0&&void 0!==t[0]&&t[0],e.updateLoading(o,!0),r={},s(r,e.opts.params.page,e.currentPage),s(r,e.opts.params.per_page,e.perPage),i=r,"ascending"===e.sortOrders[e.sortKey]?a=1:"descending"===e.sortOrders[e.sortKey]?a=-1:(a=0,e.sortKey=void 0),e.sortKey&&Object.assign(i,(c={},s(c,e.opts.params.sort_by,e.sortKey),s(c,e.opts.params.sort_dir,a),c)),n.prev=5,n.t0=e,n.next=9,e.fetch(i);case 9:n.t1=n.sent,u=n.t0.parse.call(n.t0,n.t1),f=u.data,l=u.total,e.data=f,e.totalRows=l,n.next=22;break;case 17:throw n.prev=17,n.t2=n["catch"](5),e.data=[],e.totalRows=0,n.t2;case 22:return n.prev=22,e.updateLoading(o,!1),n.finish(22);case 25:case"end":return n.stop()}}),n,null,[[5,17,22,25]])})))()},parse:function(t){return t},sortBy:function(t){var e=this,n=t.key,r=t.order;this.opts.sortable[n]&&(this.sortKey=n,this.columns.forEach((function(t){t!==e.sortKey&&(e.sortOrders[t]=null)})),r?this.sortOrders[n]=r:null===this.sortOrders[n]?this.sortOrders[n]="ascending":"ascending"===this.sortOrders[n]?this.sortOrders[n]="descending":this.sortOrders[n]=null,this.loadData(!0))},getFirstPage:function(){this.currentPage=1,this.loadData(!0)},paginate:function(t){var e=t.currentPage,n=t.perPage;this.currentPage=e,this.perPage=n,this.loadData(!0)}}},N=L,I=n("4c67");function D(t){this["$style"]=I["default"].locals||I["default"]}var V=S(N,a,c,!1,D,null,null),M=V.exports;e["default"]=M},fb6a:function(t,e,n){"use strict";var r=n("23e7"),o=n("861d"),i=n("e8b5"),a=n("23cb"),c=n("50c4"),s=n("fc6a"),u=n("8418"),f=n("b622"),l=n("1dde"),p=n("ae40"),d=l("slice"),h=p("slice",{ACCESSORS:!0,0:0,1:2}),v=f("species"),g=[].slice,y=Math.max;r({target:"Array",proto:!0,forced:!d||!h},{slice:function(t,e){var n,r,f,l=s(this),p=c(l.length),d=a(t,p),h=a(void 0===e?p:e,p);if(i(l)&&(n=l.constructor,"function"!=typeof n||n!==Array&&!i(n.prototype)?o(n)&&(n=n[v],null===n&&(n=void 0)):n=void 0,n===Array||void 0===n))return g.call(l,d,h);for(r=new(void 0===n?Array:n)(y(h-d,0)),f=0;d<h;d++,f++)d in l&&u(r,f,l[d]);return r.length=f,r}})},fc6a:function(t,e,n){var r=n("44ad"),o=n("1d80");t.exports=function(t){return r(o(t))}},fdbc:function(t,e){t.exports={CSSRuleList:0,CSSStyleDeclaration:0,CSSValueList:0,ClientRectList:0,DOMRectList:0,DOMStringList:0,DOMTokenList:1,DataTransferItemList:0,FileList:0,HTMLAllCollection:0,HTMLCollection:0,HTMLFormElement:0,HTMLSelectElement:0,MediaList:0,MimeTypeArray:0,NamedNodeMap:0,NodeList:1,PaintRequestList:0,Plugin:0,PluginArray:0,SVGLengthList:0,SVGNumberList:0,SVGPathSegList:0,SVGPointList:0,SVGStringList:0,SVGTransformList:0,SourceBufferList:0,StyleSheetList:0,TextTrackCueList:0,TextTrackList:0,TouchList:0}},fdbf:function(t,e,n){var r=n("4930");t.exports=r&&!Symbol.sham&&"symbol"==typeof Symbol.iterator},fea9:function(t,e,n){var r=n("da84");t.exports=r.Promise}})["default"]}));
2 | //# sourceMappingURL=EnaTableServer.umd.min.js.map


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