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

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

import{r as t,h as e}from"./p-5002d233.js";import{c as n}from"./p-e91d8a25.js";const r=".utrecht-pagination__page-link:focus-visible,.utrecht-pagination__relative-link:focus-visible{--_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}.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));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))}.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~.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: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:focus-visible,.utrecht-pagination__relative-link:focus-visible{--_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 a=r;const i=class{constructor(e){t(this,e);this.links=undefined;this.next=undefined;this.prev=undefined;this.currentIndex=undefined}render(){const{currentIndex:t}=this;const r=typeof this.links==="string"?JSON.parse(this.links):null;const a=typeof this.next==="string"?JSON.parse(this.next):null;const i=typeof this.prev==="string"?JSON.parse(this.next):null;const o=({disabled:t=false,href:r="",rel:a=null,textContent:i="",title:o=""})=>t?e("span",{class:n("utrecht-pagination__relative-link",t&&"utrecht-pagination__relative-link--disabled",a==="next"&&"utrecht-pagination__relative-link--next",a==="prev"&&"utrecht-pagination__relative-link--prev"),"aria-label":o||null},i):e("a",{href:r,class:n("utrecht-pagination__relative-link",t&&"utrecht-pagination__relative-link--disabled",a==="next"&&"utrecht-pagination__relative-link--next",a==="prev"&&"utrecht-pagination__relative-link--prev"),rel:a,"aria-label":o||null},i);const l=({current:t=false,href:r="",rel:a=null,textContent:i=""})=>e("a",{key:"9e8b60917631d35e39d7fe06a54f2c9d0dbd6375",class:n("utrecht-pagination__page-link",t&&"utrecht-pagination__page-link--current"),href:r,"aria-current":t?"true":null,rel:a},i);return e("nav",{key:"b4a4a32686432561343cff76a167870b1c1cedae",class:"utrecht-pagination"},e("span",{key:"2beeec32c3cb90d03239221b86b0e049f9ca3795",class:"utrecht-pagination__before"},i?o(Object.assign(Object.assign({},i),{rel:"prev",textContent:"Vorige"})):""),e("span",{key:"d4cec0ad6d9b328c4088a0b96a77153020a59bcf",role:"group",class:"utrecht-pagination__pages"},r.sort(((t,e)=>t.index===e.index?0:t.index>e.index?1:-1)).map(((e,n)=>{const r=typeof e.index==="number"?e.index:n;return Object.assign({index:r,current:typeof t==="number"&&r===t,rel:typeof t==="number"?r===t+1?"next":r===t-1?"prev":null:null,textContent:e.index||r},e)})).map((t=>l(t)))),e("span",{key:"7d488456bd2946294a6fae8edda35969896ac69b",class:"utrecht-pagination__before"},a?o(Object.assign(Object.assign({},a),{rel:"next",textContent:"Volgende"})):""))}};i.style=a;export{i as utrecht_pagination};
//# sourceMappingURL=p-93ad9a9a.entry.js.map