@utrecht/web-component-library-stencil 1.0.0-alpha.39 → 1.0.0-alpha.391

package/dist/collection/html-content/stencil.js

@@ -1,18 +0,0 @@
-/**
- * @license EUPL-1.2
- * Copyright (c) 2021 Robbert Broersma
- */
-import { Component, h } from "@stencil/core";
-export class HTMLContent {
-  render() {
-    return (h("div", { class: "utrecht-html" },
-      h("slot", null)));
-  }
-  static get is() { return "utrecht-html-content"; }
-  static get originalStyleUrls() { return {
-    "$": ["html.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["html.css"]
-  }; }
-}

package/dist/collection/icon/facebook.stencil.js

@@ -1,17 +0,0 @@
-import { Component, h } from "@stencil/core";
-export class IconFacebook {
-  render() {
-    return (h("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "0 0 38 38" },
-      h("title", null, "Facebook"),
-      h("g", null,
-        h("path", { fill: "currentColor", d: "M25.868,20.809l0.687-5.323h-5.271v-3.398c0-1.541,0.43-2.592,2.641-2.592h2.815v-4.76 c-0.487-0.065-2.158-0.209-4.107-0.209c-4.065,0-6.845,2.481-6.845,7.037v3.925h-4.597v5.322h4.597v13.658h5.494V20.811h4.585 L25.868,20.809L25.868,20.809z" }))));
-  }
-  static get is() { return "utrecht-icon-facebook"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["stencil.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["stencil.css"]
-  }; }
-}

package/dist/collection/icon/instagram.stencil.js

@@ -1,19 +0,0 @@
-import { Component, h } from "@stencil/core";
-export class IconInstagram {
-  render() {
-    return (h("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "-7 -7 42 42" },
-      h("title", null, "Instagram"),
-      h("g", null,
-        h("path", { "fill-rule": "nonzero", fill: "currentColor", d: "M13.4773109,2.42977292 C17.0848739,2.42977292 17.5159664,2.45248108 18.9226891,2.49789739 C20.2386555,2.56602187 20.9420168,2.77039529 21.4184874,2.95206056 C22.0537815,3.20185029 22.507563,3.49705635 22.9613445,3.95121951 C23.4378151,4.42809083 23.7327731,4.88225399 23.9596639,5.49537426 C24.1411765,5.97224558 24.3680672,6.67619849 24.4134454,7.99327166 C24.4815126,9.42388562 24.4815126,9.83263246 24.4815126,13.4432296 C24.4815126,17.0538267 24.4588235,17.4852817 24.4134454,18.8931876 C24.3453782,20.2102607 24.1411765,20.9142136 23.9596639,21.3910849 C23.710084,22.0269134 23.4151261,22.4810765 22.9613445,22.9352397 C22.4848739,23.412111 22.0310924,23.7073171 21.4184874,23.9343987 C20.9420168,24.1160639 20.2386555,24.3431455 18.9226891,24.3885618 C17.4932773,24.4566863 17.0848739,24.4566863 13.4773109,24.4566863 C9.8697479,24.4566863 9.43865546,24.4339781 8.03193277,24.3885618 C6.71596639,24.3204373 6.01260504,24.1160639 5.53613445,23.9343987 C4.90084034,23.6846089 4.44705882,23.3894029 3.99327731,22.9352397 C3.51680672,22.4583684 3.22184874,22.0042052 2.99495798,21.3910849 C2.81344538,20.9142136 2.58655462,20.2102607 2.54117647,18.8931876 C2.47310924,17.4625736 2.47310924,17.0538267 2.47310924,13.4432296 C2.47310924,9.83263246 2.49579832,9.40117746 2.54117647,7.99327166 C2.6092437,6.67619849 2.81344538,5.97224558 2.99495798,5.49537426 C3.19915966,4.90496215 3.49411765,4.45079899 3.97058824,3.97392767 C4.44705882,3.49705635 4.90084034,3.20185029 5.51344538,2.97476871 C5.98991597,2.79310345 6.69327731,2.56602187 8.0092437,2.52060555 C9.43865546,2.42977292 9.8697479,2.42977292 13.4773109,2.42977292 Z M13.4773109,0 C9.82436975,0 9.34789916,0.0227081581 7.91848739,0.0908326325 C6.48907563,0.136248949 5.4907563,0.36333053 4.6512605,0.703952902 C3.76638655,1.04457527 2.99495798,1.49873844 2.24621849,2.24810765 C1.49747899,2.99747687 1.04369748,3.76955425 0.703361345,4.65517241 C0.36302521,5.49537426 0.136134454,6.49453322 0.0680672269,7.92514718 C0,9.35576114 0,9.83263246 0,13.4886459 C0,17.1446594 0.0226890756,17.6215307 0.0907563025,19.0521447 C0.158823529,20.4827586 0.385714286,21.4592094 0.72605042,22.3221194 C1.06638655,23.2077376 1.54285714,23.9571068 2.29159664,24.706476 C3.04033613,25.4558452 3.78907563,25.9100084 4.67394958,26.2733389 C5.53613445,26.6139613 6.51176471,26.8410429 7.94117647,26.9091674 C9.37058824,26.9772918 9.84705882,27 13.5,27 C17.1529412,27 17.6294118,26.9772918 19.0588235,26.9091674 C20.4882353,26.8410429 21.4638655,26.6139613 22.3260504,26.2733389 C23.2109244,25.9327166 23.9596639,25.4558452 24.7084034,24.706476 C25.4571429,23.9571068 25.9109244,23.2077376 26.2739496,22.3221194 C26.6142857,21.4592094 26.8411765,20.4827586 26.9092437,19.0521447 C26.9773109,17.6215307 27,17.1446594 27,13.4886459 C27,9.83263246 26.9773109,9.35576114 26.9092437,7.92514718 C26.8411765,6.49453322 26.6142857,5.51808242 26.2739496,4.65517241 C25.9336134,3.76955425 25.4571429,3.02018503 24.7084034,2.27081581 C23.9596639,1.52144659 23.2109244,1.06728343 22.3260504,0.703952902 C21.4638655,0.36333053 20.4882353,0.136248949 19.0588235,0.0681244743 C17.6067227,0 17.1302521,0 13.4773109,0 Z" }),
-        h("path", { "fill-rule": "nonzero", fill: "currentColor", d: "M14,7 C10.1213115,7 7,10.1442623 7,14 C7,17.8786885 10.1442623,21 14,21 C17.8557377,21 21,17.8557377 21,14 C21,10.1213115 17.8786885,7 14,7 Z M14,18.5442623 C11.4983607,18.5442623 9.4557377,16.5016393 9.4557377,14 C9.4557377,11.4983607 11.4983607,9.4557377 14,9.4557377 C16.5016393,9.4557377 18.5442623,11.4983607 18.5442623,14 C18.5442623,16.5016393 16.5016393,18.5442623 14,18.5442623 Z" }),
-        h("circle", { fill: "currentColor", cx: "21", cy: "6", r: "2" }))));
-  }
-  static get is() { return "utrecht-icon-instagram"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["stencil.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["stencil.css"]
-  }; }
-}

package/dist/collection/icon/linkedin.stencil.js

@@ -1,18 +0,0 @@
-import { Component, h } from "@stencil/core";
-export class IconLinkedin {
-  render() {
-    return (h("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "-8 -8 43 43" },
-      h("title", null, "LinkedIn"),
-      h("g", null,
-        h("path", { fill: "currentColor", "fill-rule": "nonzero", d: "M0.465517241,8.84482759 L6.05172414,8.84482759 L6.05172414,27 L0.465517241,27 L0.465517241,8.84482759 Z M3.25862069,0 C4.88793103,0 6.51724138,1.39655172 6.51724138,3.25862069 C6.51724138,5.12068966 4.88793103,6.51724138 3.25862069,6.51724138 C1.39655172,6.51724138 0,5.12068966 0,3.25862069 C0,1.39655172 1.39655172,0 3.25862069,0 Z" }),
-        h("path", { fill: "currentColor", d: "M9.31034483,8.84482759 L14.7351724,8.84482759 L14.7351724,11.4051724 C15.4427586,10.0086207 17.3296552,8.37931034 20.16,8.37931034 C25.8206897,8.37931034 27,12.1034483 27,16.9913793 L27,27 L21.3393103,27 L21.3393103,18.1551724 C21.3393103,16.0603448 21.3393103,13.2672414 18.2731034,13.2672414 C15.2068966,13.2672414 14.9710345,15.5948276 14.9710345,17.9224138 L14.9710345,26.7672414 L9.31034483,26.7672414 L9.31034483,8.84482759 Z" }))));
-  }
-  static get is() { return "utrecht-icon-linkedin"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["stencil.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["stencil.css"]
-  }; }
-}

package/dist/collection/icon/stencil.css

@@ -1,5 +0,0 @@
-svg {
-  width: var(--utrecht-icon-size, 100%);
-  height: var(--utrecht-icon-size, 100%);
-  color: var(--utrecht-icon-color, var(--utrecht-document-color, currentColor));
-}

package/dist/collection/icon/twitter.stencil.js

@@ -1,17 +0,0 @@
-import { Component, h } from "@stencil/core";
-export class IconTwitter {
-  render() {
-    return (h("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "-2 -2 44 44" },
-      h("title", null, "Twitter"),
-      h("g", null,
-        h("path", { fill: "currentColor", d: "M33.096,11.147c-1.017,0.451-2.107,0.756-3.255,0.892c1.171-0.701,2.069-1.811,2.492-3.134 c-1.094,0.649-2.306,1.121-3.599,1.375c-1.032-1.102-2.506-1.79-4.135-1.79c-3.129,0-5.667,2.537-5.667,5.666 c0,0.445,0.049,0.876,0.146,1.291c-4.709-0.235-8.883-2.491-11.678-5.92c-0.487,0.838-0.767,1.811-0.767,2.85 c0,1.965,1,3.701,2.52,4.715c-0.928-0.028-1.802-0.285-2.566-0.708v0.071c0,2.744,1.954,5.034,4.544,5.556 c-0.474,0.13-0.976,0.2-1.493,0.2c-0.364,0-0.72-0.037-1.065-0.104c0.721,2.25,2.813,3.889,5.292,3.936 c-1.938,1.52-4.381,2.425-7.037,2.425c-0.457,0-0.907-0.026-1.35-0.079c2.507,1.606,5.485,2.545,8.687,2.545 c10.419,0,16.119-8.632,16.119-16.12c0-0.245-0.006-0.49-0.016-0.734C31.374,13.282,32.334,12.284,33.096,11.147z" }))));
-  }
-  static get is() { return "utrecht-icon-twitter"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["stencil.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["stencil.css"]
-  }; }
-}

package/dist/collection/icon/whatsapp.stencil.js

@@ -1,17 +0,0 @@
-import { Component, h } from "@stencil/core";
-export class IconWhatsapp {
-  render() {
-    return (h("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "-1 -1 22 22" },
-      h("title", null, "WhatsApp"),
-      h("g", null,
-        h("path", { fill: "currentColor", d: "M15.6044722,4.1101875C14.1199846,2.6296256,12.1364012,1.8,10.0248451,1.8 c-4.3382888,0-7.8831434,3.5227177-7.8831434,7.8622961c0,1.3912182,0.358325,2.7313833,1.0493798,3.9311485 l-1.1133659,4.0715466l4.1719227-1.0976582c1.1517582,0.6254101,2.4442863,0.9572601,3.7624092,0.9572601l0,0 c4.3382883,0,7.8831434-3.5227184,7.8831434-7.8622971C17.9079876,7.581851,17.0889606,5.6035132,15.6044722,4.1101875z M10.0376415,16.2099552L10.0376415,16.2099552c-1.1773529,0-2.3291101-0.3190861-3.3400974-0.9062052l-0.2431493-0.140398     l-2.4826782,0.6509371l0.6654599-2.4122963l-0.1535673-0.2425051c-0.6526625-1.0338411-0.9981906-2.2463703-0.9981906-3.4716635     c0-3.599298,2.9433815-6.5348959,6.5522232-6.5348959c1.753231,0,3.3912878,0.6764636,4.6326265,1.9145205     s1.9195967,2.8717804,1.9195967,4.6203756C16.5770683,13.2743578,13.6464834,16.2099552,10.0376415,16.2099552z M13.6208887,11.3215475c-0.1919594-0.102107-1.1645555-0.5743561-1.3437176-0.6381731     c-0.179163-0.063818-0.3071356-0.102108-0.4479065,0.102107c-0.1279736,0.191452-0.5118923,0.6381741-0.6270685,0.7658091     c-0.1151752,0.127635-0.2303514,0.153161-0.4223108,0.051054c-0.1919594-0.102108-0.8318243-0.3063231-1.5868664-0.9700241     c-0.5758781-0.5360661-0.9725952-1.1742392-1.0877705-1.3784542c-0.1151757-0.191453-0.0127974-0.293561,0.0895805-0.395668     c0.0895815-0.089344,0.1919594-0.229743,0.2943382-0.344615c0.1023779-0.114871,0.1279736-0.1914511,0.1919584-0.3318501     c0.0767851-0.127634,0.038393-0.2425056-0.0127964-0.3446131C8.6171408,7.747776,8.2332211,6.7777524,8.0668554,6.3820848     C7.9132881,5.9991803,7.746923,6.0502348,7.6189494,6.0502348c-0.1151762,0-0.2431488-0.0127635-0.3711219-0.0127635     s-0.3455276,0.0510535-0.5246897,0.242506C6.5311785,6.4841924,6.032084,6.9564414,6.032084,7.926465     s0.7038522,1.9017563,0.8062305,2.0293922c0.1023784,0.127635,1.3821101,2.1187353,3.3656917,2.9611244     c0.4735012,0.204215,0.8318253,0.3190861,1.1261635,0.4084301c0.4735012,0.153162,0.895812,0.127635,1.2413397,0.076581     c0.3839197-0.051053,1.1645555-0.4722481,1.3309202-0.9317331c0.1663656-0.4594851,0.1663656-0.8551531,0.1151762-0.9317331     C13.953619,11.4619455,13.8256454,11.4108915,13.6208887,11.3215475z" }))));
-  }
-  static get is() { return "utrecht-icon-whatsapp"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["stencil.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["stencil.css"]
-  }; }
-}

package/dist/collection/menulijst/pijltje.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="9" height="13"><path fill="#2B5688" d="M2.121 12.764L0 10.643l4.261-4.262L0 2.121 2.121 0l6.382 6.381z"/></svg>

package/dist/collection/navigatie sidenav/bem.css

@@ -1,248 +0,0 @@
-/**
- * @license EUPL-1.2
- * Copyright (c) 2021 Gemeente Utrecht
- * Copyright (c) 2021 A Herring
- */
-/**
- * @license EUPL-1.2
- * Copyright (c) 2021 The Knights Who Say NIH! B.V.
- * Copyright (c) 2021 Gemeente Utrecht
- */
-.utrecht-navhtml {
-  font-family: var(--utrecht-font-family-sans-serif);
-}
-
-.utrecht-sidenav {
-  padding-block-start: 0;
-  padding-block-end: 0;
-  margin-block-start: 0;
-  margin-block-end: 0;
-  width: 13rem;
-  border-block-start: 1px solid var(--utrecht-color-grey-80);
-  border-block-end: 1px solid var(--utrecht-color-grey-80);
-}
-
-.utrecht-sidenav__list {
-  padding-block-start: 0;
-  padding-block-end: 0;
-  margin-block-start: 0.2rem;
-  margin-block-end: 0;
-  padding-inline-start: 0;
-}
-
-.utrecht-sidenav__list ul {
-  padding-block-start: 0;
-  padding-block-end: 0;
-  margin-block-end: 0;
-  padding-inline-start: 1.2rem;
-}
-
-.utrecht-sidenav__item,
-.utrecht-sidenav__sibling__item {
-  list-style: none;
-  position: relative;
-  margin-inline-start: 0;
-}
-
-.utrecht-sidenav__item:last-child {
-  border-block-end: none;
-}
-
-/*draw the li item box bottom line*/
-.utrecht-sidenav__item span:not(.utrecht-sidenav__item:last-child span, .utrecht-sidenav__item--has-children span:first-of-type) {
-  display: block;
-  border-block-end: 1px solid var(--utrecht-color-grey-80);
-  margin-inline-start: var(--utrecht-space-inline-sm);
-}
-
-/*Remove bottom padding form first item in list with children*/
-.utrecht-sidenav__item .utrecht-sidenav__link--has-children {
-  padding-block-end: 0;
-}
-
-.utrecht-sidenav__child__item {
-  list-style: none;
-}
-
-.utrecht-sidenav__link,
-.utrecht-sidenav__link--sibling {
-  display: block;
-  color: var(--utrecht-sidenav-link-color, var(--utrecht-link-color, blue));
-  padding-block-start: var(--utrecht-space-block-xs);
-  padding-block-end: var(--utrecht-space-block-xs);
-  padding-inline-start: var(--utrecht-space-inline-lg);
-  padding-inline-end: var(--utrecht-space-inline-3xs);
-  margin-inline-start: 0;
-  text-decoration: none;
-}
-
-/*How to select the parent of the nestsed UL to remove the bottom padding of te link item*/
-.utrecht-sidenav__link--child,
-.utrecht-sidenav__link--child--current {
-  display: block;
-  color: var(--utrecht-sidenav-link-color, var(--utrecht-link-color, blue));
-  text-decoration: none;
-  padding-block-start: var(--utrecht-space-block-2xs);
-  padding-block-end: var(--utrecht-space-block-2xs);
-  padding-inline-start: var(--utrecht-space-inline-lg);
-  padding-inline-end: var(--utrecht-space-inline-3xs);
-  margin-block-start: 0;
-  margin-block-end: 0;
-}
-
-/*Dot for link with siblings */
-.utrecht-sidenav__link::before,
-.utrecht-sidenav__link--sibling::before,
-.utrecht-sidenav__item:last-child .utrecht-sidenav__link--current::before {
-  overflow: hidden;
-  position: absolute;
-  top: 20px;
-  /*Hard value?*/
-  transform: translateY(-50%) translateX(-2.5ch);
-  content: "";
-  width: 8px;
-  height: 8px;
-  border-radius: 100%;
-  z-index: 10;
-  box-shadow: 0 0 2px 2px #fff;
-  /*Make var*/
-}
-
-.utrecht-sidenav__link::before,
-.utrecht-sidenav__link--sibling::before {
-  background-color: var(--utrecht-sidenav-item-marker-color);
-}
-
-.utrecht-sidenav__link::before,
-.utrecht-sidenav__link--sibling::before {
-  left: 26px;
-}
-
-/*Little fix to move the dot to the right*/
-.utrecht-sidenav__link--current::before {
-  left: 27px;
-}
-
-/* Hover layout for mousover on sidenav__link */
-.utrecht-sidenav__link:hover::before,
-.utrecht-sidenav__link--sibling:hover::before {
-  background-color: var(--utrecht-sidenav-link-hover-color);
-}
-
-.utrecht-sidenav__item a:hover {
-  color: var(--utrecht-sidenav-link-hover-color, var(--utrecht-link-hover-color, red));
-  text-decoration: underline;
-}
-
-.utrecht-sidenav__item--current {
-  color: var(--utrecht-sidenav-item-hover-color, var(--utrecht-link-hover-color, red));
-}
-
-/* Draw metro connection lines on sidenav link items */
-.utrecht-sidenav__link::after,
-.utrecht-sidenav__item:last-child .utrecht-sidenav__link::after {
-  display: block;
-  content: "";
-  overflow: hidden;
-  width: 3px;
-  background: var(--utrecht-sidenav-item-marker-color);
-  position: absolute;
-  left: 3px;
-  top: -22px;
-  /*  min-height: 100%;
-  height: calc(100% + 2px);*/
-  bottom: 0;
-  z-index: 5;
-}
-
-/* Draw short metro connection lines on sidenav child link items */
-.utrecht-sidenav__item:last-child .utrecht-sidenav__link::after,
-.utrecht-sidenav__link--current::after,
-.utrecht-sidenav__item--has-children a::after {
-  min-height: 38px;
-  height: calc(38px + 2px);
-}
-
-/* Remove first metro line in listing*/
-.utrecht-sidenav__item:first-child .utrecht-sidenav__link::after {
-  content: "";
-  display: none;
-}
-
-/* Make current link bold */
-.utrecht-sidenav__link--current,
-.utrecht-sidenav__link--child--current {
-  font-weight: var(--utrecht-typography-weight-scale-bold-font-weight);
-}
-
-.utrecht-sidenav__list--child {
-  margin-block-start: 0;
-  margin-block-end: 0;
-  padding-block-start: 0;
-  padding-block-end: 0;
-  padding-inline-start: 1.4rem;
-  padding-inline-end: 0;
-}
-
-.utrecht-sidenav__item--child {
-  list-style: none;
-  position: relative;
-  border: none;
-}
-
-/*No last border on child item*/
-.utrecht-sidenav__item--child:last-child {
-  border: none;
-}
-
-/* Add dot bullets on child links */
-.utrecht-sidenav__link--child::before,
-.utrecht-sidenav__link--child--current::before {
-  overflow: hidden;
-  position: absolute;
-  top: 16px;
-  left: 1.2rem;
-  transform: translateY(-50%) translateX(-19.5px);
-  content: "";
-  width: 4px;
-  height: 4px;
-  border-radius: 100%;
-  border: 2px solid var(--utrecht-sidenav-link-color);
-  z-index: 10;
-}
-
-.utrecht-sidenav__link--child::before {
-  background-color: transparent;
-}
-
-/* Make current marker dots bold */
-.utrecht-sidenav__link--current::before,
-.utrecht-sidenav__link--child--current::before {
-  background-color: var(--utrecht-sidenav-link-hover-color);
-}
-
-/* Hover layout for mousover on child__link */
-.utrecht-sidenav__link--child:hover::before {
-  background-color: var(--utrecht-sidenav-link-hover-color);
-  border: 2px solid var(--utrecht-sidenav-link-hover-color);
-}
-
-/* remove :after lines in child and sibling links */
-.utrecht-sidenav__item--child:first-child .utrecht-sidenav__link--child--current::after,
-.utrecht-sidenav__link--child::after,
-.utrecht-sidenav__item .utrecht-sidenav__item--child .utrecht-sidenav__link--child::after,
-.utrecht-sidenav__item .utrecht-sidenav__link--sibling::after,
-.utrecht-sidenav__item--sibling:last-child .utrecht-sidenav__link--sibling::after {
-  display: none;
-}
-
-.utrecht-sidenav__link:focus,
-.utrecht-sidenav__link--focus {
-  outline-width: var(--utrecht-focus-outline-width, 0);
-  outline-style: var(--utrecht-focus-outline-style, solid);
-  outline-color: var(--utrecht-focus-outline-color, transparent);
-  color: var(--utrecht-focus-color, inherit);
-  box-shadow: 0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);
-  outline-offset: 0;
-  background-color: var(--utrecht-focus-background-color);
-}

package/dist/collection/navigatie sidenav/stencil.js

@@ -1,40 +0,0 @@
-import { Component, Prop, h } from "@stencil/core";
-import clsx from "clsx";
-export class Sidenav {
-  render() {
-    const items = JSON.parse(this.json);
-    return (h("nav", { class: "utrecht-sidenav" },
-      h("ul", { class: "utrecht-sidenav__list" }, items.map(({ href, title, current, focus, children, sibling, haschildren }) => (h("li", { key: href, class: clsx("utrecht-sidenav__item", sibling && "utrecht-sidenav__item--sibling", haschildren && "utrecht-sidenav__item--has-children") },
-        h("a", { class: clsx("utrecht-sidenav__link", current && "utrecht-sidenav__link--current", focus && "utrecht-sidenav__link--focus", sibling && "utrecht-sidenav__link--sibling", haschildren && "utrecht-sidenav__link--has-children"), href: href }, title),
-        h("span", null),
-        children ? (h("ul", { class: "utrecht-sidenav__list utrecht-sidenav__list--child" }, children.map(({ href, title, current, focus }) => (h("li", { key: href, class: "utrecht-sidenav__item utrecht-sidenav__item--child" },
-          h("a", { class: clsx("utrecht-sidenav__link utrecht-sidenav__link--child", current && "utrecht-sidenav__link--current utrecht-sidenav__link--child--current", focus && "utrecht-sidenav__link--focus"), href: href }, title)))))) : ("")))))));
-  }
-  static get is() { return "utrecht-sidenav"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["bem.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["bem.css"]
-  }; }
-  static get properties() { return {
-    "json": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "json",
-      "reflect": false
-    }
-  }; }
-}

package/dist/collection/page-footer/bem.css

@@ -1,32 +0,0 @@
-/**
- * @license EUPL-1.2
- * Copyright (c) 2021 Gemeente Utrecht
- * Copyright (c) 2021 Robbert Broersma
- */
-
-.utrecht-page-footer {
-  font-family: var(--utrecht-document-font-family);
-  font-size: var(--utrecht-document-font-size);
-  background-color: var(--utrecht-page-footer-background-color);
-  background-image: var(--utrecht-page-footer-background-image);
-  color: var(--utrecht-page-footer-color);
-  padding-block-start: var(--utrecht-page-footer-padding-block-start);
-  padding-inline-end: var(--utrecht-page-footer-padding-inline-end);
-  padding-block-end: var(--utrecht-page-footer-padding-block-end);
-  padding-inline-start: var(--utrecht-page-footer-padding-inline-start);
-
-  --utrecht-document-color: currentColor;
-  --utrecht-heading-color: currentColor;
-  --utrecht-link-color: currentColor;
-  --utrecht-link-focus-color: currentColor;
-  --utrecht-link-hover-color: currentColor;
-  --utrecht-link-active-color: currentColor;
-  --utrecht-link-visited-color: currentColor;
-}
-
-.utrecht-page-footer__address--reset-address {
-  /* reset <address> */
-  font-style: inherit;
-  margin-block-start: 0;
-  margin-block-end: 0;
-}

package/dist/collection/page-footer/stencil.js

@@ -1,19 +0,0 @@
-import { Component, h } from "@stencil/core";
-/**
- * @license EUPL-1.2
- * Copyright (c) 2021 Gemeente Utrecht
- */
-export class PageFooter {
-  render() {
-    return (h("footer", { class: "utrecht-page-footer" },
-      h("slot", null)));
-  }
-  static get is() { return "utrecht-page-footer"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["bem.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["bem.css"]
-  }; }
-}

package/dist/collection/pagination/bem.css

@@ -1,106 +0,0 @@
-/**
- * @license EUPL-1.2
- * Copyright (c) 2021 Robbert Broersma
- */
-.utrecht-pagination {
-  font-size: var(--utrecht-pagination-font-size, var(--utrecht-document-font-family));
-  font-family: var(--utrecht-pagination-font-family, var(--utrecht-document-font-family));
-}
-
-.utrecht-pagination--distanced {
-  margin-block-start: var(--utrecht-pagination-margin-block-start);
-  margin-block-end: var(--utrecht-pagination-margin-block-end);
-}
-
-.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 {
-  color: var(--utrecht-pagination-relative-link-disabled-color, var(--utrecht-pagination-relative-link-color));
-  background-color: var(--utrecht-pagination-relative-link-disabled-background-color, var(--utrecht-pagination-relative-link-background-color));
-}
-
-.utrecht-pagination__relative-link--focus,
-.utrecht-pagination__relative-link:focus {
-  outline-width: var(--utrecht-focus-outline-width, 0);
-  outline-style: var(--utrecht-focus-outline-style, solid);
-  outline-color: var(--utrecht-focus-outline-color, transparent);
-  color: var(--utrecht-focus-color, inherit);
-  box-shadow: 0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);
-  outline-offset: 0;
-  background-color: var(--utrecht-focus-background-color);
-}
-
-.utrecht-pagination__relative-link--hover,
-.utrecht-pagination__relative-link:hover {
-  color: var(--utrecht-pagination-relative-link-hover-color, var(--utrecht-pagination-relative-link-color));
-  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));
-}
-
-.utrecht-pagination__page-link {
-  display: inline-block;
-  color: var(--utrecht-pagination-page-link-color);
-  background-color: var(--utrecht-pagination-page-link-background-color);
-  border-style: solid;
-  border-radius: var(--utrecht-pagination-page-link-border-radius);
-  border-width: var(--utrecht-pagination-page-link-border-width);
-  border-color: var(--utrecht-pagination-page-link-border-color, 0);
-  padding-inline-start: var(--utrecht-pagination-page-link-padding-inline-start);
-  padding-inline-end: var(--utrecht-pagination-page-link-padding-inline-end);
-  padding-block-start: var(--utrecht-pagination-page-link-padding-block-start);
-  padding-block-end: var(--utrecht-pagination-page-link-padding-block-end);
-  font-weight: var(--utrecht-pagination-page-link-font-weight);
-  text-decoration: var(--utrecht-pagination-page-link-text-decoration);
-}
-
-.utrecht-pagination__page-link--current {
-  color: var(--utrecht-pagination-page-link-current-color);
-  background-color: var(--utrecht-pagination-page-link-current-background-color);
-  border-color: var(--utrecht-pagination-page-link-current-border-color);
-}
-
-.utrecht-pagination__page-link--distanced,
-.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 {
-  color: var(--utrecht-pagination-page-link-hover-color, var(--utrecht-pagination-page-link-color));
-  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));
-}
-
-.utrecht-pagination__page-link--focus,
-.utrecht-pagination__page-link:focus {
-  outline-width: var(--utrecht-focus-outline-width, 0);
-  outline-style: var(--utrecht-focus-outline-style, solid);
-  outline-color: var(--utrecht-focus-outline-color, transparent);
-  color: var(--utrecht-focus-color, inherit);
-  box-shadow: 0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);
-  outline-offset: 0;
-  background-color: var(--utrecht-focus-background-color);
-}