1!function(t,e){"function"==typeof define&&define.amd?define(["exports"],e):"undefined"!=typeof exports?e(exports):(e(e={}),t.Pagination=e)}("undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:this,(function(t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var e={template:'<nav role="navigation" :aria-label="strings.pagination"> <ul class="pagination"> <li class="pagination-item pagination-item--arrow pagination-item--arrow-prev"> <button type="button" class="pagination-button" @click="onClickPreviousPage" :disabled="isInFirstPage" > <svg xmlns="http://www.w3.org/2000/svg" width="11.572" height="20.142" viewBox="0 0 11.572 20.142" aria-hidden="true" focusable="false"> <path d="M0,7.95,7.95,0,15.9,7.95" transform="translate(10.072 2.121) rotate(90)" fill="none" stroke="#707078" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"/> </svg> <span v-html="strings.page_previous"></span> </button> </li> \x3c!-- Visible Buttons Start --\x3e <li class="pagination-item" v-for="page in pages" :key="page.name" > <button type="button" @click="onClickPage(page.name)" :aria-label="page.ariaLabel" :aria-current="page.isDisabled" :disabled="page.isDisabled" :class="page.class" > {{ page.name }} </button> </li> \x3c!-- Visible Buttons End --\x3e <li class="pagination-item pagination-item--arrow pagination-item--arrow-next"> <button type="button" class="pagination-button" @click="onClickNextPage" :disabled="isInLastPage" > <span v-html="strings.page_next"></span> <svg xmlns="http://www.w3.org/2000/svg" width="11.572" height="20.142" viewBox="0 0 11.572 20.142" aria-hidden="true" focusable="false"> <path d="M0,7.95,7.95,0,15.9,7.95" transform="translate(10.072 2.121) rotate(90)" fill="none" stroke="#4b4893" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"/> </svg> </button> </li> </ul> </nav>',props:{maxVisibleButtons:{type:Number,required:!1,default:10},totalPages:{type:Number,required:!0},perPage:{type:Number,required:!0},currentPage:{type:Number,required:!0},scrollTo:{type:String},strings:{type:Object}},computed:{startPage:function(){return 1===this.currentPage?1:this.currentPage===this.totalPages?this.totalPages-this.maxVisibleButtons<1?1:this.totalPages-this.maxVisibleButtons:this.currentPage-1},pages:function(){for(var t=[],e=this.startPage;e<=Math.min(this.startPage+this.maxVisibleButtons-1,this.totalPages);e++)t.push({name:e,isDisabled:e===this.currentPage,ariaLabel:(e===this.currentPage?this.strings.page_current:this.strings.pagex).replace("%s",e),class:this.isPageActive(e)?"active":""});return t},isInFirstPage:function(){return 1===this.currentPage},isInLastPage:function(){return this.currentPage===this.totalPages}},methods:{resetPosition:function(){this.scrollTo&&document.getElementById(this.scrollTo).scrollIntoView()},onClickPreviousPage:function(){this.$emit("pagechanged",this.currentPage-1),this.resetPosition()},onClickPage:function(t){this.$emit("pagechanged",t),this.resetPosition()},onClickNextPage:function(){this.$emit("pagechanged",this.currentPage+1),this.resetPosition()},isPageActive:function(t){return this.currentPage===t}}};t.default=e})); 2//# sourceURL=https://cdn2.hubspot.net/hub/23205932/hub_generated/template_assets/106023701359/1686323907767/connective-rx/assets/vue-components/Pagination.js
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.