text: (window.webpackJsonp=window.webpackJsonp||[]).push([[7],{0:function(t,e){},1:function(t,e){},"1gSD":function(t,e,a){"use strict";function s(t){var e=t+1;return e<10?"0"+String(e):String(e)}var i=a("RIfl"),n=a.n(i);var l=function(){return n.a.generate({length:32,charset:"alphanumeric"})};function o(t){switch(t){case"info":return"is-primary";case"success":return"is-success";case"warning":return"is-warning";case"error":return"is-danger";case"default":default:return"is-white"}}var c=function(t,e){for(var a,s=e,i=t-2,n=t+2+1,l=[],o=[],c=1;c<=s;c++)(1==c||c==s||c>=i&&c<n)&&l.push(c);for(var r=0,u=l;r<u.length;r++){var d=u[r];a&&(d-a==2?o.push(a+1):d-a!=1&&o.push("...")),o.push(d),a=d}return o};var r=function(t,e){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:".";try{return e.replace("[",a).replace("]","").split(a).reduce(function(t,e){return t[e]},t)}catch(t){return}};a.d(e,"b",function(){return s}),a.d(e,"c",function(){return l}),a.d(e,"a",function(){return o}),a.d(e,"e",function(){return c}),a.d(e,"d",function(){return r})},2:function(t,e){},3:function(t,e){},byxP:function(t,e,a){"use strict";a.r(e);var s=a("o0o1"),i=a.n(s),n=a("hwmc"),l=a("9obY"),o={props:["item-id","package-slug"],data:function(t){return{envatoItemId:(t.itemId||"")+""}},computed:{loading:function(){return this.$store.state.itemIdFormLoading[this.packageSlug]}},methods:{save:function(){this.$store.dispatch("updateEnvatoItemID",{slug:this.packageSlug,itemId:this.envatoItemId})}}},c=a("KHd+"),r=Object(c.a)(o,function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("form",{on:{submit:function(e){return e.preventDefault(),t.save(e)}}},[a("div",{staticClass:"level",staticStyle:{"margin-bottom":"0px"}},[t._m(0),t._v(" "),a("div",{staticClass:"level-right"},[a("div",{staticClass:"level-item"},[a("button",{staticClass:"button is-small",attrs:{disabled:t.loading}},[t._v("Save Envato ID")])])])]),t._v(" "),a("p",{staticClass:"subtitle"},[t._v("Change the Envato ID used.")]),t._v(" "),a("div",{staticClass:"field"},[a("label",{staticClass:"label"},[t._v("Envato ID")]),t._v(" "),a("input",{directives:[{name:"model",rawName:"v-model",value:t.envatoItemId,expression:"envatoItemId"}],staticClass:"input",attrs:{type:"number",placeholder:"Envato ID for your package",disabled:t.loading},domProps:{value:t.envatoItemId},on:{input:function(e){e.target.composing||(t.envatoItemId=e.target.value)}}})])])},[function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"level-left"},[e("div",{staticClass:"level-item"},[e("p",{staticClass:"title is-4"},[this._v("Envato ID")])])])}],!1,null,null,null).exports,u={props:["package-slug"],data:function(t){return{license:"",loading:!1}},methods:{save:function(){var t=this;this.loading=!0,Object(l.o)(this.license,this.packageSlug).then(function(e){console.log(e),t.loading=!1,e.data.valid?t.$store.dispatch("pushNotification",{message:"Successfully verified license.",type:"is-success",duration:2e3}):t.$store.dispatch("pushNotification",{message:"An unknown error occurred.",type:"is-danger",duration:2e3})}).catch(function(e){console.log(JSON.stringify(e.response)),t.loading=!1;var a="An unknown error occurred.",s=e.response.data;s.message?a=s.message:s.error&&s.error.message&&(a=s.error.message),t.$store.dispatch("pushNotification",{message:a,type:"is-danger",duration:2e3})})}}},d=Object(c.a)(u,function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("form",[a("div",{staticClass:"level",staticStyle:{"margin-bottom":"0px"}},[t._m(0),t._v(" "),a("div",{staticClass:"level-right"},[a("div",{staticClass:"level-item"},[a("button",{staticClass:"button is-small",attrs:{disabled:t.loading},on:{click:t.save}},[t._v("Check License")])])])]),t._v(" "),a("p",{staticClass:"subtitle"},[t._v("Check if a license is valid.")]),t._v(" "),a("div",{staticClass:"field"},[a("label",{staticClass:"label"},[t._v("License to Verify")]),t._v(" "),a("input",{directives:[{name:"model",rawName:"v-model",value:t.license,expression:"license"}],staticClass:"input",attrs:{type:"text",placeholder:"Purchase code or custom license",disabled:t.loading},domProps:{value:t.license},on:{input:function(e){e.target.composing||(t.license=e.target.value)}}})])])},[function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"level-left"},[e("div",{staticClass:"level-item"},[e("p",{staticClass:"title is-4"},[this._v("Test License")])])])}],!1,null,null,null).exports,p={props:["visible","package"],data:function(){return{loading:!1,packageFile:""}},methods:{toggleModal:function(){this.$emit("toggle")},updatePackage:function(){var t=this;this.loading=!0;var e=new FormData;e.append("package",this.packageFile),Object(l.q)(this.package.slug,e).then(function(e){console.log(e),t.loading=!1,t.$store.dispatch("refreshPackages"),t.$store.dispatch("pushNotification",{message:"Successfully updated package.",type:"is-success",duration:2e3}),t.toggleModal()}).catch(function(e){console.log(e),t.loading=!1;var a="An unknown error occurred.";e.response.data.error&&(a=e.response.data.error.message),t.$store.dispatch("pushNotification",{message:a,type:"is-danger",duration:2e3}),t.toggleModal()})},handlePackageUpload:function(t){this.packageFile=t.target.files[0]}}},v=Object(c.a)(p,function(){var t=this,e=t.$createElement,a=t._self._c||e;return t.visible&&t.package?a("div",{class:{modal:!0,"is-active":t.visible}},[a("div",{staticClass:"modal-background",on:{click:t.toggleModal}}),t._v(" "),a("div",{staticClass:"modal-content"},[a("div",{staticClass:"card"},[a("div",{staticClass:"card-content"},[a("div",{staticClass:"content"},[a("h2",[t._v("Update "),a("i",[t._v(t._s(t.package.name))])]),t._v(" "),a("form",{on:{submit:function(e){return e.preventDefault(),t.updatePackage(e)}}},[a("div",{staticClass:"field"},[a("label",{staticClass:"label"},[t._v("Package .zip File")]),t._v(" "),a("div",{staticClass:"file has-name"},[a("label",{staticClass:"file-label"},[a("input",{staticClass:"file-input",attrs:{type:"file",disabled:t.loading,accept:".zip",required:""},on:{change:t.handlePackageUpload}}),t._v(" "),t._m(0),t._v(" "),a("span",{staticClass:"file-name"},[t._v("\n                                            "+t._s(t.packageFile.name?t.packageFile.name:"No file selected")+"\n                                        ")])])])]),t._v(" "),a("div",{staticClass:"level"},[a("div",{staticClass:"level-left"}),t._v(" "),a("div",{staticClass:"level-right"},[a("div",{staticClass:"level-item"},[a("button",{class:{"button is-info":!0,"is-loading":t.loading},attrs:{type:"submit",disabled:t.loading}},[t._v("Update Package")])])])])])])])])]),t._v(" "),a("button",{staticClass:"modal-close is-large",attrs:{"aria-label":"close"},on:{click:t.toggleModal}})]):t._e()},[function(){var t=this.$createElement,e=this._self._c||t;return e("span",{staticClass:"file-cta"},[e("span",{staticClass:"file-icon"},[e("i",{staticClass:"fas fa-upload"})]),this._v(" "),e("span",{staticClass:"file-label"},[this._v("\n                                                Choose a .zip file…\n                                            ")])])}],!1,null,null,null).exports,h=a("mYBW");function g(t){for(var e=1;e<arguments.length;e++){var a=null!=arguments[e]?arguments[e]:{},s=Object.keys(a);"function"==typeof Object.getOwnPropertySymbols&&(s=s.concat(Object.getOwnPropertySymbols(a).filter(function(t){return Object.getOwnPropertyDescriptor(a,t).enumerable}))),s.forEach(function(e){m(t,e,a[e])})}return t}function m(t,e,a){return e in t?Object.defineProperty(t,e,{value:a,enumerable:!0,configurable:!0,writable:!0}):t[e]=a,t}function f(t,e,a,s,i,n,l){try{var o=t[n](l),c=o.value}catch(t){return void a(t)}o.done?e(c):Promise.resolve(c).then(s,i)}var b={data:function(){return{loading:!1,package:null,licensesCount:0,activationsCount:0,updateModalVisible:!1,currentStat:"sites"}},mounted:function(){var t,e=(t=i.a.mark(function t(){var e;return i.a.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:return this.loading=!0,t.prev=1,t.next=4,Object(l.h)(this.$route.params.slug);case 4:e=t.sent,this.package=e.data.package,this.licensesCount=e.data.licenses_count,this.activationsCount=e.data.activations_count,t.next=16;break;case 10:t.prev=10,t.t0=t.catch(1),this.package=null,this.licensesCount=0,this.activationsCount=0,console.log(t.t0);case 16:this.loading=!1;case 17:case"end":return t.stop()}},t,this,[[1,10]])}),function(){var e=this,a=arguments;return new Promise(function(s,i){var n=t.apply(e,a);function l(t){f(n,s,i,l,o,"next",t)}function o(t){f(n,s,i,l,o,"throw",t)}l(void 0)})});return function(){return e.apply(this,arguments)}}(),computed:{pageTitle:function(){return this.loading?"Loading...":this.package?this.package.name:"Not Found"},statTitle:function(){switch(this.currentStat){case"sites":return"Activated Sites";case"licenses":return"Licenses";case"activations":return"Activations"}},dataUrl:function(){switch(console.log(n.a),this.currentStat){case"sites":return"".concat(n.a,"/packages/").concat(this.package.slug,"/sites");case"licenses":return"".concat(n.a,"/packages/").concat(this.package.slug,"/licenses");case"activations":return"".concat(n.a,"/packages/").concat(this.package.slug,"/activations")}},dataColumns:function(){switch(this.currentStat){case"sites":return[{title:"ID",path:"id",columnClass:"is-size-7"},{title:"URL",path:"url"},{title:"Package Version",path:"last_package_version"},{title:"WP Version",path:"last_wp_version"},{title:"PHP Version",path:"last_php_version"},{title:"Updated At",path:"updated_at",type:"datetime"}];case"licenses":return[{title:"ID",path:"id",columnClass:"is-size-7"},{title:"License Key",path:"license_key",component:{template:"<a @click=\"alert\">{{ entry.license_key | limit(10, '...') }}</a>",methods:{alert:function(t){function e(){return t.apply(this,arguments)}return e.toString=function(){return t.toString()},e}(function(){alert(this.entry.license_key)})}}},{title:"Supported Until",path:"supported_until",type:"date"},{title:"Type",path:"is_purchase_code",component:{template:"<span>{{ entry.is_purchase_code ? 'Purchase Code' : 'Custom License' }}</span>"}},{title:"Max Activations",path:"max_activations"},{title:"Updated At",path:"updated_at",type:"datetime"}];case"activations":return[{title:"ID",path:"id",columnClass:"is-size-7"},{title:"Site URL",path:"url"},{title:"License Key",path:"license_key",component:{template:"<a @click=\"alert\">{{ entry.license_key | limit(30, '...') }}</a>",methods:{alert:function(t){function e(){return t.apply(this,arguments)}return e.toString=function(){return t.toString()},e}(function(){alert(this.entry.license_key)})}}},{title:"Updated At",path:"updated_at",type:"datetime"}]}},dataOptions:function(){var t={classes:{table:"table is-fullwidth is-striped"}};switch(this.currentStat){case"sites":return g({},t,{searchKey:"url"});case"licenses":return g({},t,{searchKey:"license_key"});case"activations":return g({},t,{searchKey:""})}}},components:{"envato-item-id-form":r,"license-test-form":d,"update-package-modal":v,"data-table":h.a},methods:{toggleUpdateModal:function(){this.updateModalVisible=!this.updateModalVisible},showStats:function(t){this.currentStat=t},deletePackage:function(){var t=this;confirm("Do you really want to delete that package? This will delete any licenses and activations linked to that package!")&&Object(l.e)(this.package.slug).then(function(e){console.log(e),t.$router.push("/packages"),t.$store.dispatch("refreshPackages"),t.$store.dispatch("pushNotification",{message:"Successfully deleted package.",type:"is-success",duration:2e3})}).catch(function(e){console.log(e);var a="An unknown error occurred.";e.response.data.error&&(a=e.response.data.error.message),t.$store.dispatch("pushNotification",{message:a,type:"is-danger",duration:2e3})})}}},y=Object(c.a)(b,function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("wpls-page",{attrs:{title:t.pageTitle,subtitle:t.package?t.package.slug+" ("+t.package.version+")":"Package",back:"/packages",loading:t.loading}},[t.package?a("template",{slot:"level-right"},[a("div",{staticClass:"level-item"},[a("button",{staticClass:"button is-outlisned",on:{click:t.toggleUpdateModal}},[t._v("Update Package")])]),t._v(" "),a("div",{staticClass:"level-item"},[a("button",{staticClass:"button is-dangesr is-outlined",on:{click:t.deletePackage}},[t._v("Delete Package")])])]):t._e(),t._v(" "),t.package?[a("div",{staticClass:"columns"},[a("div",{staticClass:"column is-9"},[a("div",{staticClass:"columns"},[a("div",{staticClass:"column is-5"},[a("div",{staticClass:"notification"},[a("envato-item-id-form",{attrs:{"item-id":t.package.envato_item_id,"package-slug":t.package.slug}})],1)]),t._v(" "),a("div",{staticClass:"column is-7"},[a("div",{staticClass:"notification"},[a("license-test-form",{attrs:{"package-slug":t.package.slug}})],1)])]),t._v(" "),a("div",{staticClass:"columns"},[a("div",{staticClass:"column is-12"},[a("div",{staticClass:"notification"},[a("p",{staticClass:"title is-4"},[t._v("\n                                    "+t._s(t.statTitle)+"\n                                ")]),t._v(" "),a("data-table",{attrs:{"data-url":t.dataUrl,columns:t.dataColumns,options:t.dataOptions}})],1)])])]),t._v(" "),a("div",{staticClass:"column is-3"},[a("div",{staticClass:"tile is-ancestor"},[a("div",{staticClass:"tile is-vertical"},[a("div",{staticClass:"tile"},[a("div",{staticClass:"tile is-parent is-vertical"},[a("div",{staticClass:"tile is-child notification stat-counter"},[a("div",{staticClass:"level"},[a("div",{staticClass:"level-left"},[a("div",{staticClass:"level-item"},[a("p",{staticClass:"title is-4"},[t._v("Sites")])])]),t._v(" "),a("div",{staticClass:"level-right"},[a("div",{staticClass:"level-item"},[a("button",{staticClass:"button is-small",on:{click:function(e){return t.showStats("sites")}}},[t._v("View Sites")])])])]),t._v(" "),a("p",{staticClass:"has-text-right count"},[t._v("\n                                            "+t._s(t.activationsCount)+"\n                                        ")])]),t._v(" "),a("div",{staticClass:"tile is-child notification stat-counter"},[a("div",{staticClass:"level"},[a("div",{staticClass:"level-left"},[a("div",{staticClass:"level-item"},[a("p",{staticClass:"title is-4"},[t._v("Licenses")])])]),t._v(" "),a("div",{staticClass:"level-right"},[a("div",{staticClass:"level-item"},[a("button",{staticClass:"button is-small",on:{click:function(e){return t.showStats("licenses")}}},[t._v("View Licenses")])])])]),t._v(" "),a("p",{staticClass:"has-text-right count"},[t._v("\n                                            "+t._s(t.licensesCount)+"\n                                        ")])]),t._v(" "),a("div",{staticClass:"tile is-child notification stat-counter"},[a("div",{staticClass:"level"},[a("div",{staticClass:"level-left"},[a("div",{staticClass:"level-item"},[a("p",{staticClass:"title is-4"},[t._v("Activations")])])]),t._v(" "),a("div",{staticClass:"level-right"},[a("div",{staticClass:"level-item"},[a("button",{staticClass:"button is-small",on:{click:function(e){return t.showStats("activations")}}},[t._v("View Activations")])])])]),t._v(" "),a("p",{staticClass:"has-text-right count"},[t._v("\n                                            "+t._s(t.activationsCount)+"\n                                        ")])])])])])])])]),t._v(" "),a("update-package-modal",{attrs:{visible:t.updateModalVisible,package:t.package},on:{toggle:t.toggleUpdateModal}})]:t._e()],2)},[],!1,null,null,null);e.default=y.exports},mYBW:function(t,e,a){"use strict";var s=a("o0o1"),i=a.n(s),n=a("vDqi"),l=a("I97X"),o=a.n(l),c=a("9/5/"),r=a.n(c),u=a("1gSD");function d(t,e,a,s,i,n,l){try{var o=t[n](l),c=o.value}catch(t){return void a(t)}o.done?e(c):Promise.resolve(c).then(s,i)}function p(t){return function(){var e=this,a=arguments;return new Promise(function(s,i){var n=t.apply(e,a);function l(t){d(n,s,i,l,o,"next",t)}function o(t){d(n,s,i,l,o,"throw",t)}l(void 0)})}}var v={props:["entry","column"],computed:{value:function(){return Object(u.d)(this.entry,this.column.path)},defaultedComponent:function(){return this.column.component?Object.assign({props:["entry","column"]},this.column.component):null}},filters:{date:function(t){var e=new Date(t);return e.toLocaleDateString()},datetime:function(t){return new Date(t).toLocaleString()},time:function(t){return new Date(t).toLocaleTimeString()}},template:'\n        <span>\n            <template v-if="column.component">\n                <component :is="defaultedComponent" :entry="entry" :column="column"></component>\n            </template>\n            <template v-else-if="column.type === \'date\'">\n                {{ value | date }}\n            </template>\n            <template v-else-if="column.type === \'datetime\'">\n                {{ value | datetime }}\n            </template>\n            <template v-else-if="column.type === \'time\'">\n                {{ value | time }}\n            </template>\n            <template v-else>\n                {{ value }}\n            </template>\n        </span>\n    '};e.a={props:{dataUrl:{required:!0,type:String},columns:{required:!0,type:Array},options:{type:Object,default:{}}},data:function(t){return{loading:!0,error:null,orderBy:t.options&&t.options.orderBy?t.options.orderBy:"id",orderType:t.options&&t.options.orderType?t.options.orderType:"asc",limit:25,search:"",page:1,lastPage:1,entries:[]}},mounted:function(){var t=p(i.a.mark(function t(){return i.a.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:this.fetchEntries();case 1:case"end":return t.stop()}},t,this)}));return function(){return t.apply(this,arguments)}}(),computed:{defaultedOptions:function(){return o()({includeStyle:!0,displayFooter:!0,displaySearch:!0,displayLimit:!0,displayLoader:!0,displayPagination:!0,displayPaginationButtons:!0,customLoader:null,classes:{table:"table",row:"",level:"level",levelLeft:"level-left",levelRight:"level-right",levelItem:"level-item",label:"label is-small",formField:"field",searchInput:"input is-small",limitInput:"select",limitInputContainer:"select is-small",pagination:"pagination is-centered is-small",paginationPrevious:"pagination-previous",paginationNext:"pagination-next",paginationList:"pagination-list",paginationLink:"pagination-link",paginationLinkCurrent:"is-current",paginationEllipsis:"pagination-ellipsis"},labels:{searchLabel:"Search",searchPlaceholder:"Search...",limitLabel:"Limit",loadingLabel:"Loading...",sortingDesc:"▲",sortingAsc:"▼"},limits:[5,10,25,50,100,500],searchKey:""},this.options)},pages:function(){return Object(u.e)(this.page,this.lastPage)}},methods:{isOrderedBy:function(t){if(!t.component)return this.orderBy!==t.path?"":"desc"===this.orderType?this.defaultedOptions.labels.sortingDesc:this.defaultedOptions.labels.sortingAsc},columnAction:function(t){t.component||(this.orderBy===t.path?this.orderType="asc"===this.orderType?"desc":"asc":(this.orderBy=t.path,this.orderType="asc"),this.fetchEntries())},goToPage:function(t){this.page===t||t<1||t>this.lastPage||(this.page=t,this.fetchEntries())},fetchEntries:function(){var t=p(i.a.mark(function t(){var e,a,s;return i.a.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:return this.loading=!0,e="",""!==this.orderBy&&(e+="order-by="+encodeURIComponent(this.orderBy)+"&",e+="order-type="+encodeURIComponent(this.orderType)+"&"),this.limit&&(e+="limit="+encodeURIComponent(this.limit)+"&"),this.search&&(e+="search="+encodeURIComponent(this.search)+"&"),this.options.searchKey&&(e+="search-key="+encodeURIComponent(this.options.searchKey)+"&"),this.page&&(e+="page="+encodeURIComponent(this.page)+"&"),t.prev=7,t.next=10,Object(n.get)("".concat(this.dataUrl,"?").concat(e));case 10:a=t.sent,s=a.data,this.entries=s.data,this.lastPage=s.last_page,this.error=null,this.loading=!1,t.next=24;break;case 18:t.prev=18,t.t0=t.catch(7),this.entries=[],this.lastPage=0,this.error=JSON.stringify(t.t0),this.loading=!1;case 24:case"end":return t.stop()}},t,this,[[7,18]])}));return function(){return t.apply(this,arguments)}}(),refresh:function(){this.fetchEntries()}},watch:{search:r()(function(){this.fetchEntries()},300),limit:function(){this.fetchEntries()},dataUrl:function(){this.error=null,this.orderBy="id",this.orderType="asc",this.limit=25,this.search="",this.page=1,this.lastPage=1,this.entries=[],this.fetchEntries()}},components:{"data-display":v},template:'\n        <div>\n            <div :class="{[defaultedOptions.classes.level]: true}">\n                <div :class="{[defaultedOptions.classes.levelLeft]: true}">\n                    <div :class="{[defaultedOptions.classes.levelItem]: true}">\n                        <div :class="{[defaultedOptions.classes.formField]: true}">\n                            <label \n                                for="limit-input"\n                                :class="{[defaultedOptions.classes.label]: true}">\n                                {{ defaultedOptions.labels.limitLabel }}\n                            </label>\n                            <div :class="{[defaultedOptions.classes.limitInputContainer]: true}">\n                                <select\n                                    name="limit-input"\n                                    :class="{[defaultedOptions.classes.limitInput]: true}"\n                                    v-model="limit"\n                                    :disabled="loading">\n                                    <option v-for="limit in defaultedOptions.limits" :value="limit">{{ limit }}</option>        \n                                </select>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n                <div :class="{[defaultedOptions.classes.levelItem]: true}" v-if="defaultedOptions.displayLoader">\n                    <h3 v-if="!defaultedOptions.customLoader && loading" class="is-size-4">\n                        {{ defaultedOptions.labels.loadingLabel }}\n                    </h3>\n                    <component v-else :is="defaultedOptions.customLoader" :loading="loading"></component>\n                </div>\n\n                <div :class="{[defaultedOptions.classes.levelRight]: true}">\n                    <div :class="{[defaultedOptions.classes.levelItem]: true}">\n                        <div :class="{[defaultedOptions.classes.formField]: true}">\n                            <label \n                                for="search-input"\n                                :class="{[defaultedOptions.classes.label]: true}">\n                                {{ defaultedOptions.labels.searchLabel }}\n                            </label>\n                            <input \n                                name="search-input" \n                                :placeholder="defaultedOptions.labels.searchPlaceholder" \n                                :class="{[defaultedOptions.classes.searchInput]: true}"\n                                :disabled="loading"\n                                v-model="search">\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <table :class="{[defaultedOptions.classes.table]: true, \'smdt__table\': true, \'is-loading\': loading}">\n                <thead>\n                    <th \n                        v-for="column in columns" \n                        :key="column.path || column.title" \n                        :class="{[column.headingClass  || \'\']: true, \'is-sortable\': !column.component}"\n                        @click="columnAction(column)">\n                        {{ column.title ? column.title : column.path }} {{ isOrderedBy(column) }}\n                    </th>\n                </thead>\n                <tbody>\n                    <tr v-for="(entry, index) in entries" :class="{[defaultedOptions.classes.row]: true}">\n                        <td v-for="column in columns" :key="column.path || column.title" :class="{[column.columnClass || \'\']: true}">\n                            <data-display :entry="entry" :column="column"></data-display>\n                        </td>\n                    </tr>\n                </tbody>\n                <tfoot v-if="defaultedOptions.displayFooter">\n                    <th v-for="column in columns" :key="column.path || column.title" :class="{[column.headingClass || \'\']: true}">\n                        {{ column.title ? column.title : column.path }}\n                    </th>\n                </tfoot>\n            </table>\n\n            <nav aria-label="pagination" :class="{[defaultedOptions.classes.pagination]: true}" role="navigation" v-if="defaultedOptions.displayPagination">\n                <a v-if="defaultedOptions.displayPaginationButtons" :disabled="page <= 1" :class="{[defaultedOptions.classes.paginationPrevious]: true}" @click="goToPage(page - 1)">Previous</a>\n                <a v-if="defaultedOptions.displayPaginationButtons" :disabled="page >= lastPage" :class="{[defaultedOptions.classes.paginationNext]: true}"  @click="goToPage(page + 1)">Next page</a>\n                <ul :class="{[defaultedOptions.classes.paginationList]: true}">\n                    <template v-for="pageNumber in pages">\n                        <li v-if="pageNumber === \'...\'">\n                            <span :class="{[defaultedOptions.classes.paginationEllipsis]: true}">&hellip;</span>\n                        </li>\n                        <li v-else>\n                            <a \n                                :aria-label="\'Goto page \' + pageNumber" \n                                :class="{[defaultedOptions.classes.paginationLink]: true, [defaultedOptions.classes.paginationLinkCurrent]: page === pageNumber}"\n                                @click="goToPage(pageNumber)"\n                                :disabled="page === pageNumber">\n                                {{ pageNumber }}\n                            </a>\n                        </li>\n                    </template>\n                </ul>\n            </nav>\n            \n        </div>\n    '}}}]);