https://cdn.ui.porsche.com/porsche-design-system/components/porsch…n-system.pagination.a09c3d20b5f56a5a6c03.js

1"use strict";(self.webpackChunkPorscheDesignSystem_4_5_0=self.webpackChunkPorscheDesignSystem_4_5_0||[]).push([["pagination"],{3933(e,t,r){r.d(t,["b",0,"--p-blur-frosted"])},1042(e,t,r){r.d(t,["c",0,"--p-color-frosted"])},4682(e,t,r){r.d(t,["c",0,"--p-color-frosted-strong"])},1039(e,t,r){r.d(t,["c",0,"--p-color-primary"])},7957(e,t,r){r.d(t,["f",0,"--p-font-weight-normal"])},6236(e,t,r){r.d(t,{g:()=>i});var a=r(6410);function i(e){return`@media(max-width:${a.j[e]-1}px)`}},7050(e,t,r){r.d(t,["h",0,(e,t)=>null===e||null===t||"object"!=typeof e||"object"!=typeof t?e!==t:Array.isArray(e)&&Array.isArray(t)?!(e.length===t.length&&e.every((e,r)=>e===t[r])):!(Object.keys(e).length===Object.keys(t).length&&Object.entries(e).every(([e,r])=>r===t[e]))])},4247(e,t,r){const a="--p-duration-md",i="--p-duration-sm",n="--p-duration-xl",s="--p-ease-in-out",o=(e,t)=>`var(${e}${void 0===t?"":`,${t}`})`,l=e=>({"@media(forced-colors:active)":e}),c={short:o(i),moderate:o(a),long:o("--p-duration-lg"),veryLong:o(n)},p={base:o(s),in:o("--p-ease-in"),out:o("--p-ease-out"),linear:"linear"},u="--p-transition-duration",d="--p-animation-duration",h=e=>`${e} !important`,g=e=>Object.entries(e).reduce((e,[t,r])=>(null===r||(e[t]="object"==typeof r?g(r):h(r)),e),{});r.d(t,["a",0,g,"b",0,(e=2)=>({outline:`2px solid ${o("--p-color-focus")}`,outlineOffset:`${e}px`,...l({outlineColor:"Highlight"})}),"c",0,(e,t="short",r="base",a)=>`${e} ${o(u,c[t])} ${p[r]}`,"d",0,(e=!0,t)=>e?{position:"absolute",width:"1px",height:"1px",padding:0,margin:"-1px",overflow:"hidden",clip:"rect(0,0,0,0)",whiteSpace:"nowrap"}:{position:"static",width:"auto",height:"auto",padding:0,margin:0,overflow:"visible",clip:"auto",whiteSpace:"normal",...t},"e",0,h,"f",0,l,"g",0,e=>({opacity:.4,...l({opacity:1,color:"GrayText",...e})}),"h",0,{"&([hidden])":{display:"none"}},"i",0,u,"j",0,n,"k",0,d,"l",0,i,"m",0,c,"n",0,a,"o",0,s,"p",0,(e,t="short",r="base")=>`${e} ${o(d,c[t])} ${p[r]}`,"r",0,o])},451(e,t,r){r.d(t,["h",0,e=>({"@media(hover:hover)":e})])},6809(e,t,r){r.d(t,["f",0,"--p-font-porsche-next","l",0,"--p-leading-normal"])},3090(e,t,r){r.r(t);var a=r(6410),i=r(7050),n=r(4247),s=r(1068),o=r(451),l=r(4682),c=r(7057),p=r(1039),u=r(7957),d=r(5849),h=r(6809),g=r(751),f=r(2999),v=r(6236),b=r(1042),y=r(3933);const m=(0,a.D)("s"),P=(0,v.g)("s"),x={cursor:"default",pointerEvents:"none"},A={display:"none"},k=(e,t,r)=>(0,a.i)({"@global":{":host":{display:"block",...(0,n.a)({...n.h})},...s.p,nav:{display:"flex",justifyContent:"center",userSelect:"none"},ul:{display:"flex",gap:(0,n.r)(f.s),margin:0,padding:0,[m]:{gap:(0,n.r)(g.s)}},li:{listStyleType:"none",...t>5&&{[P]:{[e<4?"&.ellip-start,&:nth-child(6),&:nth-child(7),&:not(.ellip):nth-child(8)":t-e<3?"&.ellip-end, &.ellip-start + &:not(.current), &.ellip-start + &:not(.current) + &:not(.current)":"&.ellip-start + &:not(.current), &.current-1, &.current\\+1, &.current\\+1 + &:not(.ellip)"]:A,...!r&&(t-e<2?{["&.current-2"+(t-e===1?",&.current-1":"")]:A}:e>2&&{"&.current\\+1,&.current\\+2":A,"&.ellip-end":{display:"initial"}})}},[m]:{...t<8?{"&.ellip":A}:{...e<=4&&{"&.ellip-start":A},...t-e<4&&{"&.ellip-end:nth-last-child(3)":A},...t-e<3&&{"&.ellip-end:nth-last-child(2)":A}}}},span:{display:"flex",justifyContent:"center",alignItems:"center",transition:`${(0,n.c)("background-color")}, ${(0,n.c)("color")}`,position:"relative",padding:"0 6px",minWidth:"2.25rem",height:"2.25rem",boxSizing:"border-box",font:`${(0,n.r)(u.f)} ${(0,n.r)(d.t)} / ${(0,n.r)(h.l)} ${(0,n.r)(h.f)}`,whiteSpace:"nowrap",cursor:"pointer",backgroundColor:"transparent",color:(0,n.r)(p.c),borderRadius:(0,n.r)(c.r),borderColor:"transparent",outline:0,...(0,o.h)({"&:not([aria-disabled]):not(.ellipsis):hover":{WebkitBackdropFilter:(0,n.r)(y.b),backdropFilter:(0,n.r)(y.b),background:(0,n.r)(b.c),...(0,n.f)({outline:"2px solid CanvasText",outlineOffset:"-2px"})}}),"&[aria-current]":{...x,backgroundColor:(0,n.r)(l.c),...(0,n.f)({border:"2px solid CanvasText"})},"&[aria-disabled]":{...x,...(0,n.g)()},"&:not(.ellipsis):focus-visible":(0,n.b)()}},ellipsis:{...x,"&::after":{content:'"…"'}}});var w;!function(e){e[e.PAGE=0]="PAGE",e[e.ELLIPSIS=1]="ELLIPSIS",e[e.PREVIOUS=2]="PREVIOUS",e[e.NEXT=3]="NEXT"}(w||(w={}));const C={type:w.ELLIPSIS,isActive:!1},S=e=>{const{activePage:t}=e;return{type:w.PREVIOUS,value:Math.max(1,t-1),isActive:t>1}},$=(e,t)=>Array.from(new Array(t-e+1),(t,r)=>r+e),I=e=>{const{pageTotal:t,activePage:r,showLastPage:a}=e,i=[S(e)],n=(({activePage:e})=>t=>({type:w.PAGE,value:t,isActive:t===e,isBeforeCurrent:t===e-1,isBeforeBeforeCurrent:t===e-2,isAfterCurrent:t===e+1,isAfterAfterCurrent:t===e+2}))(e);if(5>=t){const e=$(1,t).map(n);i.push(...e)}else{i.push(n(1));const e=Math.min(Math.max(r-1,3),t-1-2-(a?1:0)),s=e+2,o=$(e,s).map(n),l=e-1,c=2===l,p=c?n(l):C;c&&t>5&&i.push(C),i.push(p),i.push(...o);const u=s+1,d=u===t-(a?1:0),h=d?n(u):C;i.push(h),d&&t>5&&i.push(C),a&&i.push(n(t))}return i.push((e=>{const{activePage:t,pageTotal:r}=e;return{type:w.NEXT,value:Math.min(r,t+1),isActive:t<r}})(e)),i},E={totalItemsCount:a.A.number,itemsPerPage:a.A.number,activePage:a.A.number,showLastPage:a.A.boolean,intl:a.A.shape({root:a.A.string,prev:a.A.string,next:a.A.string,page:a.A.string})};r.d(t,["p_pagination",0,class{constructor(e){(0,a.r)(this,e),this.update=(0,a.x)(this,"update",3),this.totalItemsCount=1,this.itemsPerPage=1,this.activePage=1,this.showLastPage=!0,this.intl={root:"Pagination",prev:"Previous page",next:"Next page",page:"Page"}}componentShouldUpdate(e,t){return(0,i.h)(e,t)}disconnectedCallback(){(0,a.G)(this.host)}render(){(0,a.v)(this,E);const e=(t=this.totalItemsCount,r=this.itemsPerPage,Math.ceil((t<1?1:t)/(r<1?1:r)));var t,r;(0,a.q)(this.host,k,this.activePage,e,this.showLastPage);const i=I({activePage:(n=this.activePage,s=e,n<1?1:n>s?s:n),pageTotal:e,showLastPage:this.showLastPage});var n,s;const o=(0,a.e)(this.intl),l=(0,a.g)(this.host);return(0,a.u)("nav",{key:"6d91672737c09d6e14edf9463520da84c1552615","aria-label":o.root},(0,a.u)("ul",{key:"f1f18d3c2349afe6957c383e454ecf8dc8edf000"},i.map((e,t)=>{const{type:r,isActive:i,value:n,isBeforeCurrent:s,isAfterCurrent:c,isBeforeBeforeCurrent:p,isAfterAfterCurrent:u}=e,d={role:"button",tabIndex:i?0:null,onClick:()=>this.onClick(n),onKeyDown:e=>this.onKeyDown(e,n)},h={color:"primary","aria-hidden":"true"};switch(r){case w.PREVIOUS:return(0,a.u)("li",{key:"prev",class:"prev"},(0,a.u)("span",{...d,"aria-label":o.prev,"aria-disabled":i?null:"true"},(0,a.u)(l.pIcon,{...h,name:"arrow-left"})));case w.ELLIPSIS:return(0,a.u)("li",{key:"ellip",class:{ellip:!0,["ellip-"+(2===t?"start":"end")]:!0}},(0,a.u)("span",{class:"ellipsis"}));case w.PAGE:return(0,a.u)("li",{key:n,class:{current:i,"current-1":s,"current+1":c,"current-2":p,"current+2":u}},(0,a.u)("span",{...d,tabIndex:0,"aria-label":`${o.page} ${n}`,"aria-current":i?"page":null},n));case w.NEXT:return(0,a.u)("li",{key:"next",class:"next"},(0,a.u)("span",{...d,"aria-label":o.next,"aria-disabled":i?null:"true"},(0,a.u)(l.pIcon,{...h,name:"arrow-right"})));default:return null}})))}onKeyDown(e,t){const{key:r}=e;" "!==r&&"Enter"!==r&&"Spacebar"!==r||(e.preventDefault(),this.onClick(t))}onClick(e){e!==this.activePage&&(this.update.emit({page:e,previousPage:this.activePage}),this.activePage=e)}static get delegatesFocus(){return!0}get host(){return(0,a.w)(this)}}])},1068(e,t,r){r.d(t,["p",0,{":not(:defined,[data-ssr])":{visibility:"hidden"}}])},7057(e,t,r){r.d(t,["r",0,"--p-radius-full"])},751(e,t,r){r.d(t,["s",0,"--p-spacing-static-sm"])},2999(e,t,r){r.d(t,["s",0,"--p-spacing-static-xs"])},5849(e,t,r){r.d(t,["t",0,"--p-typescale-sm"])}}]);