@visitscotland/component-library
Version:
VisitScotland Component Library
1 lines • 3.69 kB
JavaScript
(self.webpackChunk_visitscotland_component_library=self.webpackChunk_visitscotland_component_library||[]).push([[3337],{9206:function(){},20398:function(e,n,a){"use strict";var t=a(89394),i=a(20641),r=a(90033),l=a(48836),u={"aria-label":"Pagination",class:"vs-pagination","data-test":"vs-pagination"},s={"aria-live":"polite",class:"vs-pagination__count"},o={class:"vs-pagination__controls"},c={class:"vs-pagination__prev"},f={class:"vs-pagination__list"},v={key:0},p={class:"vs-pagination__next"};n.A={__name:"VsPagination",props:(0,i.zz)({nextButtonLabel:{type:String,required:!0},numberOfPages:{type:Number,required:!0},pageLabel:{type:String,required:!0},ofLabel:{type:String,required:!0},previousButtonLabel:{type:String,required:!0}},{modelValue:{type:Number,default:1},modelModifiers:{}}),emits:(0,i.zz)(["page-click"],["update:modelValue"]),setup:function(e,n){var a=n.emit,g=e,d=a,b=(0,i.fn)(e,"modelValue"),m=(0,i.EW)((function(){return"".concat(g.pageLabel," ").concat(b.value," ").concat(g.ofLabel," ").concat(g.numberOfPages)})),_=function(e){return{"vs-pagination__item":!0,"vs-pagination__item--active":b.value===e,"vs-pagination__item--ellipses":"ellipses"===e}},k=(0,i.EW)((function(){if(g.numberOfPages<=7)return Array.from({length:g.numberOfPages},(function(e,n){return n+1}));var e=[],n=Math.floor(3.5);if(b.value<=n){for(var a=1;a<6;a++)e=[].concat((0,t.A)(e),[a]);e=[].concat((0,t.A)(e),["ellipses",g.numberOfPages])}else if(b.value>g.numberOfPages-n){e=[1,"ellipses"];for(var i=g.numberOfPages-7+2,r=1;r<6;r++)e=[].concat((0,t.A)(e),[i+r])}else{var l=b.value-n+1;e=[1,"ellipses"];for(var u=1;u<4;u++)e=[].concat((0,t.A)(e),[l+u]);e=[].concat((0,t.A)(e),["ellipses",g.numberOfPages])}return e})),y=function(e,n){b.value!==n&&(d("page-click",n),b.value=n)};return(0,i.wB)((function(){return g.numberOfPages}),(function(){b.value=1})),function(e,n){return(0,i.uX)(),(0,i.CE)("nav",u,[(0,i.Lk)("div",s,[(0,i.Lk)("p",null,(0,r.toDisplayString)(m.value),1)]),(0,i.Lk)("div",o,[(0,i.Lk)("div",c,[(0,i.bF)(l.default,{disabled:1===b.value,icon:"fa-regular fa-arrow-left",size:"sm",variant:"subtle",onClick:n[0]||(n[0]=function(e){return y(0,b.value-1)})},{default:(0,i.k6)((function(){return[(0,i.eW)((0,r.toDisplayString)(g.previousButtonLabel),1)]})),_:1},8,["disabled"])]),(0,i.Lk)("ul",f,[((0,i.uX)(!0),(0,i.CE)(i.FK,null,(0,i.pI)(k.value,(function(e,n){return(0,i.uX)(),(0,i.CE)("li",{class:(0,r.normalizeClass)(_(e)),key:n},["ellipses"===e?((0,i.uX)(),(0,i.CE)("span",v,"⋯")):((0,i.uX)(),(0,i.Wv)(l.default,{key:1,"aria-current":b.value===e?"page":null,"aria-label":"Page ".concat(e),size:"sm",onClick:function(n){return y(0,e)}},{default:(0,i.k6)((function(){return[(0,i.eW)((0,r.toDisplayString)(e),1)]})),_:2},1032,["aria-current","aria-label","onClick"]))],2)})),128))]),(0,i.Lk)("div",p,[(0,i.bF)(l.default,{disabled:b.value===g.numberOfPages,icon:"fa-regular fa-arrow-right","icon-position":"right",size:"sm",variant:"subtle",onClick:n[1]||(n[1]=function(e){return y(0,b.value+1)})},{default:(0,i.k6)((function(){return[(0,i.eW)((0,r.toDisplayString)(g.nextButtonLabel),1)]})),_:1},8,["disabled"])])])])}}}},28e3:function(e,n,a){"use strict";a(83116)},40197:function(e,n,a){"use strict";a.d(n,{A:function(){return t.A}});var t=a(20398)},53337:function(e,n,a){"use strict";a.r(n);var t=a(40197);a(28e3);const i=t.A;n.default=i},83116:function(e,n,a){"use strict";var t=a(85072),i=a.n(t),r=a(97825),l=a.n(r),u=a(77659),s=a.n(u),o=a(55056),c=a.n(o),f=a(10540),v=a.n(f),p=a(41113),g=a.n(p),d=a(9206),b=a.n(d),m={};m.styleTagTransform=g(),m.setAttributes=c(),m.insert=s().bind(null,"head"),m.domAPI=l(),m.insertStyleElement=v(),i()(b(),m),b()&&b().locals&&b().locals}}]);