@ntohq/buefy-next/dist/components/pagination/index.min.js

Lightweight UI components for Vue.js (v3) based on Bulma

/*! Buefy v0.2.0 | MIT License | github.com/buefy/buefy */
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue")):"function"==typeof define&&define.amd?define(["exports","vue"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).Pagination={},e.Vue)}(this,(function(e,t){"use strict";let a={defaultContainerElement:null,defaultIconPack:"mdi",defaultIconComponent:null,defaultIconPrev:"chevron-left",defaultIconNext:"chevron-right",defaultLocale:void 0,defaultDialogConfirmText:null,defaultDialogCancelText:null,defaultSnackbarDuration:3500,defaultSnackbarPosition:null,defaultToastDuration:2e3,defaultToastPosition:null,defaultNotificationDuration:2e3,defaultNotificationPosition:null,defaultTooltipType:"is-primary",defaultTooltipDelay:null,defaultTooltipCloseDelay:null,defaultSidebarDelay:null,defaultInputAutocomplete:"on",defaultDateFormatter:null,defaultDateParser:null,defaultDateCreator:null,defaultTimeCreator:null,defaultDayNames:null,defaultMonthNames:null,defaultFirstDayOfWeek:null,defaultUnselectableDaysOfWeek:null,defaultTimeFormatter:null,defaultTimeParser:null,defaultDatetimeFormatter:null,defaultDatetimeParser:null,defaultDatetimeCreator:null,defaultClockpickerHoursLabel:null,defaultClockpickerMinutesLabel:null,defaultColorFormatter:null,defaultColorParser:null,defaultModalCanCancel:["escape","x","outside","button"],defaultModalScroll:null,defaultDatepickerMobileNative:!0,defaultTimepickerMobileNative:!0,defaultTimepickerMobileModal:!0,defaultNoticeQueue:!0,defaultInputHasCounter:!0,defaultCompatFallthrough:!0,defaultTaginputHasCounter:!0,defaultUseHtml5Validation:!0,defaultDropdownMobileModal:!0,defaultFieldLabelPosition:null,defaultDatepickerYearsRange:[-100,10],defaultDatepickerNearbyMonthDays:!0,defaultDatepickerNearbySelectableMonthDays:!1,defaultDatepickerShowWeekNumber:!1,defaultDatepickerWeekNumberClickable:!1,defaultDatepickerMobileModal:!0,defaultTrapFocus:!0,defaultAutoFocus:!0,defaultButtonRounded:!1,defaultSwitchRounded:!0,defaultCarouselInterval:3500,defaultTabsExpanded:!1,defaultTabsAnimated:!0,defaultTabsType:null,defaultStatusIcon:!0,defaultProgrammaticPromise:!1,defaultLinkTags:["a","button","input","router-link","nuxt-link","n-link","RouterLink","NuxtLink","NLink"],defaultImageWebpFallback:null,defaultImageLazy:!0,defaultImageResponsive:!0,defaultImageRatio:null,defaultImageSrcsetFormatter:null,defaultBreadcrumbTag:"a",defaultBreadcrumbAlign:"is-left",defaultBreadcrumbSeparator:"",defaultBreadcrumbSize:"is-medium",customIconPacks:null};var n=(e,t)=>{const a=e.__vccOpts||e;for(const[e,n]of t)a[e]=n;return a};var l=n(t.defineComponent({name:"BPaginationButton",props:{page:{type:Object,required:!0},tag:{type:String,default:"a",validator:e=>a.defaultLinkTags.indexOf(e)>=0},disabled:{type:Boolean,default:!1}},computed:{href(){return"a"===this.tag?"#":void 0},isDisabled(){return this.disabled||this.page.disabled},disabledOrUndefined(){return this.isDisabled||void 0}}}),[["render",function(e,a,n,l,i,o){return t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.tag),t.mergeProps({role:"button",href:e.href,disabled:e.disabledOrUndefined,class:["pagination-link",{"is-current":e.page.isCurrent,[e.page.class]:!0}]},e.$attrs,{onClick:t.withModifiers(e.page.click,["prevent"]),"aria-label":e.page["aria-label"],"aria-current":e.page.isCurrent||void 0}),{default:t.withCtx((()=>[t.renderSlot(e.$slots,"default",{},(()=>[t.createTextVNode(t.toDisplayString(e.page.number),1)]))])),_:3},16,["href","disabled","class","onClick","aria-label","aria-current"])}],["__file","/home/runner/work/buefy-next/buefy-next/packages/buefy-next/src/components/pagination/PaginationButton.vue"]]),i=Object.defineProperty,o=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,s=Object.prototype.propertyIsEnumerable,u=(e,t,a)=>t in e?i(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a,c=(e,t)=>{for(var a in t||(t={}))r.call(t,a)&&u(e,a,t[a]);if(o)for(var a of o(t))s.call(t,a)&&u(e,a,t[a]);return e};const d=e=>"object"==typeof e&&!Array.isArray(e),p=(e,t,a=!1)=>{if(a||!Object.assign){const n=a=>d(t[a])&&null!==e&&Object.prototype.hasOwnProperty.call(e,a)&&d(e[a]),l=Object.getOwnPropertyNames(t).map((l=>({[l]:n(l)?p(e[l],t[l]||{},a):t[l]}))).reduce(((e,t)=>c(c({},e),t)),{});return c(c({},e),l)}return Object.assign(e,t)},g=p,f={sizes:{default:"mdi-24px","is-small":null,"is-medium":"mdi-36px","is-large":"mdi-48px"},iconPrefix:"mdi-"},h=()=>{const e=a&&a.defaultIconComponent?"":"fa-";return{sizes:{default:null,"is-small":null,"is-medium":e+"lg","is-large":e+"2x"},iconPrefix:e,internalIcons:{information:"info-circle",alert:"exclamation-triangle","alert-circle":"exclamation-circle","chevron-right":"angle-right","chevron-left":"angle-left","chevron-down":"angle-down","eye-off":"eye-slash","menu-down":"caret-down","menu-up":"caret-up","close-circle":"times-circle"}}};var m=()=>{let e={mdi:f,fa:h(),fas:h(),far:h(),fad:h(),fab:h(),fal:h(),"fa-solid":h(),"fa-regular":h(),"fa-light":h(),"fa-thin":h(),"fa-duotone":h(),"fa-brands":h()};return a&&a.customIconPacks&&(e=g(e,a.customIconPacks,!0)),e};var b=n(t.defineComponent({name:"BIcon",props:{type:[String,Object],component:String,pack:String,icon:{type:String,required:!0},size:String,customSize:String,customClass:String,both:Boolean},computed:{iconConfig(){return m()[this.newPack]},iconPrefix(){return this.iconConfig&&this.iconConfig.iconPrefix?this.iconConfig.iconPrefix:""},newIcon(){return`${this.iconPrefix}${this.getEquivalentIconOf(this.icon)}`},newPack(){return this.pack||a.defaultIconPack},newType(){if(!this.type)return;let e=[];if("string"==typeof this.type)e=this.type.split("-");else for(const t in this.type)if(this.type[t]){e=t.split("-");break}if(e.length<=1)return;const[,...t]=e;return`has-text-${t.join("-")}`},newCustomSize(){return this.customSize||this.customSizeByPack},customSizeByPack(){if(this.iconConfig&&this.iconConfig.sizes){if(this.size&&void 0!==this.iconConfig.sizes[this.size])return this.iconConfig.sizes[this.size];if(this.iconConfig.sizes.default)return this.iconConfig.sizes.default}return null},useIconComponent(){return this.component||a.defaultIconComponent}},methods:{getEquivalentIconOf(e){if(!this.both)return e;if(null==this.iconConfig)return e;const t=this.iconConfig;return t&&t.internalIcons&&t.internalIcons[e]?t.internalIcons[e]:e}}}),[["render",function(e,a,n,l,i,o){return t.openBlock(),t.createElementBlock("span",{class:t.normalizeClass(["icon",[e.newType,e.size]])},[e.useIconComponent?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.useIconComponent),{key:1,icon:[e.newPack,e.newIcon],size:e.newCustomSize,class:t.normalizeClass([e.customClass])},null,8,["icon","size","class"])):(t.openBlock(),t.createElementBlock("i",{key:0,class:t.normalizeClass([e.newPack,e.newIcon,e.newCustomSize,e.customClass])},null,2))],2)}],["__file","/home/runner/work/buefy-next/buefy-next/packages/buefy-next/src/components/icon/Icon.vue"]]);var k=t.defineComponent({name:"BPagination",components:{BIcon:b,BPaginationButton:l},props:{total:[Number,String],perPage:{type:[Number,String],default:20},modelValue:{type:[Number,String],default:1},rangeBefore:{type:[Number,String],default:1},rangeAfter:{type:[Number,String],default:1},size:String,simple:Boolean,rounded:Boolean,order:String,iconPack:String,iconPrev:{type:String,default:()=>a.defaultIconPrev},iconNext:{type:String,default:()=>a.defaultIconNext},ariaNextLabel:String,ariaPreviousLabel:String,ariaPageLabel:String,ariaCurrentLabel:String,pageInput:{type:Boolean,default:!1},pageInputPosition:String,debouncePageInput:[Number,String]},data(){return{inputValue:this.modelValue,debounceHandlePageInput:void 0}},emits:{change:e=>!0,"update:modelValue":e=>!0},computed:{rootClasses(){return[this.order,this.size,this.pageInputPosition,{"is-simple":this.simple,"is-rounded":this.rounded,"has-input":this.pageInput}]},beforeCurrent(){return parseInt(this.rangeBefore+"")},afterCurrent(){return parseInt(this.rangeAfter+"")},pageCount(){return Math.ceil(+this.total/+this.perPage)},firstItem(){const e=+this.modelValue*+this.perPage-+this.perPage+1;return e>=0?e:0},hasPrev(){return+this.modelValue>1},hasFirst(){return+this.modelValue>=2+this.beforeCurrent},hasFirstEllipsis(){return+this.modelValue>=this.beforeCurrent+4},hasLast(){return+this.modelValue<=this.pageCount-(1+this.afterCurrent)},hasLastEllipsis(){return+this.modelValue<this.pageCount-(2+this.afterCurrent)},hasNext(){return+this.modelValue<this.pageCount},pagesInRange(){if(this.simple)return;let e=Math.max(1,+this.modelValue-this.beforeCurrent);e-1==2&&e--;let t=Math.min(+this.modelValue+this.afterCurrent,this.pageCount);this.pageCount-t==2&&t++;const a=[];for(let n=e;n<=t;n++)a.push(this.getPage(n));return a}},watch:{pageCount(e){this.modelValue>e&&this.last()},modelValue(e){this.inputValue=e},debouncePageInput:{handler(e){this.debounceHandlePageInput=function(e,t,a){let n;return function(...l){const i=this,o=a&&!n;clearTimeout(n),n=setTimeout((function(){n=void 0,a||e.apply(i,l)}),t),o&&e.apply(i,l)}}(this.handleOnInputPageChange,e)},immediate:!0}},methods:{prev(e){this.changePage(+this.modelValue-1,e)},next(e){this.changePage(+this.modelValue+1,e)},first(e){this.changePage(1,e)},last(e){this.changePage(this.pageCount,e)},changePage(e,t){this.modelValue===e||e<1||e>this.pageCount||(this.$emit("update:modelValue",e),this.$emit("change",e),t&&t.target&&this.$nextTick((()=>t.target.focus())))},getPage(e,t={}){return{number:e,isCurrent:this.modelValue===e,click:t=>this.changePage(e,t),input:(e,t)=>this.changePage(+t,e),disabled:t.disabled||!1,class:t.class||"","aria-label":t["aria-label"]||this.getAriaPageLabel(e,this.modelValue===e)}},getAriaPageLabel(e,t){return!this.ariaPageLabel||t&&this.ariaCurrentLabel?this.ariaPageLabel&&t&&this.ariaCurrentLabel?this.ariaCurrentLabel+", "+this.ariaPageLabel+" "+e+".":null:this.ariaPageLabel+" "+e+"."},handleOnInputPageChange(e){this.getPage(+this.inputValue).input(e,this.inputValue)},handleOnInputDebounce(e){this.debouncePageInput?this.debounceHandlePageInput(e):this.handleOnInputPageChange(e)},handleOnKeyPress(e){const t=e.which||e.keyCode;return t>=48&&t<=57||e.preventDefault()},handleAllowableInputPageRange(e){const t=e.target;+t.value>0&&+t.value<=this.pageCount?this.handleOnInputValue(e):(this.inputValue=1,this.inputValue="")},handleOnInputValue(e){const t=+e.target.value;this.inputValue=t,Number.isInteger(this.inputValue)?this.handleOnInputDebounce(e):this.inputValue=this.modelValue}}});const P={class:"control pagination-input"},y=["value","size","maxlength"],C={key:4,class:"info"},B={key:5,class:"pagination-list"},v={key:0},I={key:1},x=[t.createElementVNode("span",{class:"pagination-ellipsis"},"…",-1)],V={key:2},S=[t.createElementVNode("span",{class:"pagination-ellipsis"},"…",-1)],N={key:3};var D=n(k,[["render",function(e,a,n,l,i,o){const r=t.resolveComponent("b-icon"),s=t.resolveComponent("BPaginationButton");return t.openBlock(),t.createElementBlock("nav",{class:t.normalizeClass(["pagination",e.rootClasses])},[e.$slots.previous?t.renderSlot(e.$slots,"previous",{key:0,page:e.getPage(+e.modelValue-1,{disabled:!e.hasPrev,class:"pagination-previous","aria-label":e.ariaPreviousLabel})},(()=>[t.createVNode(r,{icon:e.iconPrev,pack:e.iconPack,both:"","aria-hidden":"true"},null,8,["icon","pack"])])):(t.openBlock(),t.createBlock(s,{key:1,class:"pagination-previous",disabled:!e.hasPrev,page:e.getPage(+e.modelValue-1),"aria-label":e.ariaPreviousLabel},{default:t.withCtx((()=>[t.createVNode(r,{icon:e.iconPrev,pack:e.iconPack,both:"","aria-hidden":"true"},null,8,["icon","pack"])])),_:1},8,["disabled","page","aria-label"])),e.$slots.next?t.renderSlot(e.$slots,"next",{key:2,page:e.getPage(+e.modelValue+1,{disabled:!e.hasNext,class:"pagination-next","aria-label":e.ariaNextLabel})},(()=>[t.createVNode(r,{icon:e.iconNext,pack:e.iconPack,both:"","aria-hidden":"true"},null,8,["icon","pack"])])):(t.openBlock(),t.createBlock(s,{key:3,class:"pagination-next",disabled:!e.hasNext,page:e.getPage(+e.modelValue+1),"aria-label":e.ariaNextLabel},{default:t.withCtx((()=>[t.createVNode(r,{icon:e.iconNext,pack:e.iconPack,both:"","aria-hidden":"true"},null,8,["icon","pack"])])),_:1},8,["disabled","page","aria-label"])),t.createElementVNode("div",P,[e.pageInput?(t.openBlock(),t.createElementBlock("input",{key:0,class:"input",value:e.inputValue,onInput:a[0]||(a[0]=(...t)=>e.handleAllowableInputPageRange&&e.handleAllowableInputPageRange(...t)),onKeypress:a[1]||(a[1]=(...t)=>e.handleOnKeyPress&&e.handleOnKeyPress(...t)),size:e.pageCount.toString().length,maxlength:e.pageCount.toString().length},null,40,y)):t.createCommentVNode("v-if",!0)]),e.simple?(t.openBlock(),t.createElementBlock("small",C,[1==e.perPage?(t.openBlock(),t.createElementBlock(t.Fragment,{key:0},[t.createTextVNode(t.toDisplayString(e.firstItem)+" / "+t.toDisplayString(e.total),1)],64)):(t.openBlock(),t.createElementBlock(t.Fragment,{key:1},[t.createTextVNode(t.toDisplayString(e.firstItem)+"-"+t.toDisplayString(Math.min(+e.modelValue*+e.perPage,+e.total))+" / "+t.toDisplayString(e.total),1)],64))])):(t.openBlock(),t.createElementBlock("ul",B,[t.createCommentVNode("First"),e.hasFirst?(t.openBlock(),t.createElementBlock("li",v,[e.$slots.default?t.renderSlot(e.$slots,"default",{key:0,page:e.getPage(1)}):(t.openBlock(),t.createBlock(s,{key:1,page:e.getPage(1)},null,8,["page"]))])):t.createCommentVNode("v-if",!0),e.hasFirstEllipsis?(t.openBlock(),t.createElementBlock("li",I,[...x])):t.createCommentVNode("v-if",!0),t.createCommentVNode("Pages"),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.pagesInRange,(a=>(t.openBlock(),t.createElementBlock("li",{key:a.number},[e.$slots.default?t.renderSlot(e.$slots,"default",{key:0,page:a}):(t.openBlock(),t.createBlock(s,{key:1,page:a},null,8,["page"]))])))),128)),t.createCommentVNode("Last"),e.hasLastEllipsis?(t.openBlock(),t.createElementBlock("li",V,[...S])):t.createCommentVNode("v-if",!0),e.hasLast?(t.openBlock(),t.createElementBlock("li",N,[e.$slots.default?t.renderSlot(e.$slots,"default",{key:0,page:e.getPage(e.pageCount)}):(t.openBlock(),t.createBlock(s,{key:1,page:e.getPage(e.pageCount)},null,8,["page"]))])):t.createCommentVNode("v-if",!0)]))],2)}],["__file","/home/runner/work/buefy-next/buefy-next/packages/buefy-next/src/components/pagination/Pagination.vue"]]);const w=(e,t,a)=>{const n=a||t.name;if(null==n)throw new Error("Buefy.registerComponent: missing component name");e.component(n,t)},L={install(e){w(e,D),w(e,l)}};e.BPagination=D,e.BPaginationButton=l,e.default=L,Object.defineProperty(e,"__esModule",{value:!0})}));