@utrecht/web-component-library-stencil/dist/utrecht/p-a7a42b9e.entry.js

Stencil component library bundle for the Municipality of Utrecht based on the NL Design System architecture

import{r as t,h as n}from"./p-8dcab6dc.js";import{c as a}from"./p-e91d8a25.js";const e=".utrecht-pagination{font-family:var(--utrecht-pagination-font-family, var(--utrecht-document-font-family));font-size:var(--utrecht-pagination-font-size, var(--utrecht-document-font-family));line-height:var(--utrecht-pagination-line-height, var(--utrecht-document-line-height));margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-pagination-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-pagination-margin-block-start, 0))}.utrecht-pagination--distanced{--utrecht-space-around:1}.utrecht-pagination__relative-link{background-color:var(--utrecht-pagination-relative-link-background-color);border-color:var(--utrecht-pagination-relative-link-border-color);border-radius:var(--utrecht-pagination-relative-link-border-radius);border-style:solid;border-width:var(--utrecht-pagination-relative-link-border-width, 0);color:var(--utrecht-pagination-relative-link-color);display:inline-block;font-weight:var(--utrecht-pagination-relative-link-font-weight);padding-block-end:var(--utrecht-pagination-relative-link-padding-block-end);padding-block-start:var(--utrecht-pagination-relative-link-padding-block-start);padding-inline-end:var(--utrecht-pagination-relative-link-padding-inline-end);padding-inline-start:var(--utrecht-pagination-relative-link-padding-inline-start);text-decoration:var(--utrecht-pagination-relative-link-text-decoration);text-transform:var(--utrecht-pagination-relative-link-text-transform)}.utrecht-pagination__relative-link--next{margin-inline-start:var(--utrecht-pagination-relative-link-distanced-margin-inline-start)}.utrecht-pagination__relative-link--prev{margin-inline-end:var(--utrecht-pagination-relative-link-distanced-margin-inline-end)}.utrecht-pagination__relative-link--disabled{background-color:var(--utrecht-pagination-relative-link-disabled-background-color, var(--utrecht-pagination-relative-link-background-color));color:var(--utrecht-pagination-relative-link-disabled-color, var(--utrecht-pagination-relative-link-color));text-decoration:var(--utrecht-pagination-relative-link-disabled-text-decoration, var(--utrecht-pagination-relative-link-text-decoration))}.utrecht-pagination__relative-link--hover,.utrecht-pagination__relative-link:hover{background-color:var(--utrecht-pagination-relative-link-hover-background-color, var(--utrecht-pagination-relative-link-background-color));border-color:var(--utrecht-pagination-relative-link-hover-border-color, var(--utrecht-pagination-relative-link-border-color));color:var(--utrecht-pagination-relative-link-hover-color, var(--utrecht-pagination-relative-link-color))}.utrecht-pagination__page-link{background-color:var(--utrecht-pagination-page-link-background-color);border-color:var(--utrecht-pagination-page-link-border-color, 0);border-radius:var(--utrecht-pagination-page-link-border-radius);border-style:solid;border-width:var(--utrecht-pagination-page-link-border-width);color:var(--utrecht-pagination-page-link-color);display:inline-block;font-weight:var(--utrecht-pagination-page-link-font-weight);padding-block-end:var(--utrecht-pagination-page-link-padding-block-end);padding-block-start:var(--utrecht-pagination-page-link-padding-block-start);padding-inline-end:var(--utrecht-pagination-page-link-padding-inline-end);padding-inline-start:var(--utrecht-pagination-page-link-padding-inline-start);text-decoration:var(--utrecht-pagination-page-link-text-decoration)}.utrecht-pagination__page-link--current{--utrecht-pagination-page-link-background-color:var(--utrecht-pagination-page-link-current-background-color);--utrecht-pagination-page-link-border-color:var(--utrecht-pagination-page-link-current-border-color);--utrecht-pagination-page-link-color:var(--utrecht-pagination-page-link-current-color);--utrecht-pagination-page-link-text-decoration:var(--utrecht-pagination-page-link-current-text-decoration)}.utrecht-pagination__page-link~.utrecht-pagination__page-link{margin-inline-start:var(--utrecht-pagination-page-link-distanced-margin-inline-start)}.utrecht-pagination__page-link--hover,.utrecht-pagination__page-link:any-link:hover{background-color:var(--utrecht-pagination-page-link-hover-background-color, var(--utrecht-pagination-page-link-background-color));border-color:var(--utrecht-pagination-page-link-hover-border-color, var(--utrecht-pagination-page-link-border-color));color:var(--utrecht-pagination-page-link-hover-color, var(--utrecht-pagination-page-link-color))}.utrecht-pagination__page-link:any-link:focus,.utrecht-pagination__relative-link:any-link:focus{background-color:var(--utrecht-pagination-relative-link-focus-background-color, transparent);color:var(--utrecht-pagination-relative-link-focus-color)}.utrecht-pagination__page-link:any-link:focus-visible,.utrecht-pagination__relative-link:any-link:focus-visible{background-color:var(--utrecht-pagination-relative-link-focus-visible-background-color, transparent);color:var(--utrecht-pagination-relative-link-focus-visible-color);--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)\n    var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert);z-index:1}:host{display:block}:host([hidden]){display:none !important}";const i=e;const r=class{constructor(n){t(this,n);this.links=undefined;this.next=undefined;this.prev=undefined;this.currentIndex=undefined}render(){const{currentIndex:t}=this;const e=typeof this.links==="string"?JSON.parse(this.links):null;const i=typeof this.next==="string"?JSON.parse(this.next):null;const r=typeof this.prev==="string"?JSON.parse(this.next):null;const o=({disabled:t=false,href:e="",rel:i=null,textContent:r="",title:o=""})=>t?n("span",{class:a("utrecht-pagination__relative-link",t&&"utrecht-pagination__relative-link--disabled",i==="next"&&"utrecht-pagination__relative-link--next",i==="prev"&&"utrecht-pagination__relative-link--prev"),"aria-label":o||null},r):n("a",{href:e,class:a("utrecht-pagination__relative-link",t&&"utrecht-pagination__relative-link--disabled",i==="next"&&"utrecht-pagination__relative-link--next",i==="prev"&&"utrecht-pagination__relative-link--prev"),rel:i,"aria-label":o||null},r);const l=({current:t=false,href:e="",rel:i=null,textContent:r=""})=>n("a",{key:"9e8b60917631d35e39d7fe06a54f2c9d0dbd6375",class:a("utrecht-pagination__page-link",t&&"utrecht-pagination__page-link--current"),href:e,"aria-current":t?"true":null,rel:i},r);return n("nav",{key:"b4a4a32686432561343cff76a167870b1c1cedae",class:"utrecht-pagination"},n("span",{key:"2beeec32c3cb90d03239221b86b0e049f9ca3795",class:"utrecht-pagination__before"},r?o(Object.assign(Object.assign({},r),{rel:"prev",textContent:"Vorige"})):""),n("span",{key:"d4cec0ad6d9b328c4088a0b96a77153020a59bcf",role:"group",class:"utrecht-pagination__pages"},e.sort(((t,n)=>t.index===n.index?0:t.index>n.index?1:-1)).map(((n,a)=>{const e=typeof n.index==="number"?n.index:a;return Object.assign({index:e,current:typeof t==="number"&&e===t,rel:typeof t==="number"?e===t+1?"next":e===t-1?"prev":null:null,textContent:n.index||e},n)})).map((t=>l(t)))),n("span",{key:"7d488456bd2946294a6fae8edda35969896ac69b",class:"utrecht-pagination__before"},i?o(Object.assign(Object.assign({},i),{rel:"next",textContent:"Volgende"})):""))}};r.style=i;export{r as utrecht_pagination};
//# sourceMappingURL=p-a7a42b9e.entry.js.map