@utrecht/web-component-library-stencil 1.0.0-alpha.152 → 1.0.0-alpha.153
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/utrecht-sidenav.cjs.entry.js +1 -1
- package/dist/collection/navigatie sidenav/bem.css +1 -1
- package/dist/custom-elements/index.js +1 -1
- package/dist/esm/utrecht-sidenav.entry.js +1 -1
- package/dist/utrecht/{p-89536873.entry.js → p-d21678d5.entry.js} +1 -1
- package/dist/utrecht/utrecht.esm.js +1 -1
- package/package.json +2 -2
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
const index = require('./index-8cef21e1.js');
|
|
6
6
|
const clsx_m = require('./clsx.m-b00fa5e1.js');
|
|
7
7
|
|
|
8
|
-
const bemCss = ".utrecht-navhtml{font-family:var(--utrecht-font-family-sans-serif)}.utrecht-sidenav{border-block-end:1px solid var(--utrecht-color-grey-80);border-block-start:1px solid var(--utrecht-color-grey-80);margin-block-end:0;margin-block-start:0;padding-block-end:0;padding-block-start:0;width:13rem}.utrecht-sidenav__list{margin-block-end:0;margin-block-start:0.2rem;padding-block-end:0;padding-block-start:0;padding-inline-start:0}.utrecht-sidenav__list ul{margin-block-end:0;padding-block-end:0;padding-block-start:0;padding-inline-start:1.2rem}.utrecht-sidenav__item,.utrecht-sidenav__sibling__item{list-style:none;margin-inline-start:0;position:relative}.utrecht-sidenav__item:last-child{border-block-end:none}.utrecht-sidenav__item span:not(.utrecht-sidenav__item:last-child span,.utrecht-sidenav__item--has-children span:first-of-type){border-block-end:1px solid var(--utrecht-color-grey-80);display:block;margin-inline-start:var(--utrecht-space-inline-
|
|
8
|
+
const bemCss = ".utrecht-navhtml{font-family:var(--utrecht-font-family-sans-serif)}.utrecht-sidenav{border-block-end:1px solid var(--utrecht-color-grey-80);border-block-start:1px solid var(--utrecht-color-grey-80);margin-block-end:0;margin-block-start:0;padding-block-end:0;padding-block-start:0;width:13rem}.utrecht-sidenav__list{margin-block-end:0;margin-block-start:0.2rem;padding-block-end:0;padding-block-start:0;padding-inline-start:0}.utrecht-sidenav__list ul{margin-block-end:0;padding-block-end:0;padding-block-start:0;padding-inline-start:1.2rem}.utrecht-sidenav__item,.utrecht-sidenav__sibling__item{list-style:none;margin-inline-start:0;position:relative}.utrecht-sidenav__item:last-child{border-block-end:none}.utrecht-sidenav__item span:not(.utrecht-sidenav__item:last-child span,.utrecht-sidenav__item--has-children span:first-of-type){border-block-end:1px solid var(--utrecht-color-grey-80);display:block;margin-inline-start:var(--utrecht-space-inline-lg)}.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{color:var(--utrecht-sidenav-link-color, var(--utrecht-link-color, blue));display:block;margin-inline-start:0;padding-block-end:var(--utrecht-space-block-xs);padding-block-start:var(--utrecht-space-block-xs);padding-inline-end:var(--utrecht-space-inline-3xs);padding-inline-start:var(--utrecht-space-inline-xl);text-decoration:none}.utrecht-sidenav__link--child,.utrecht-sidenav__link--child--current{color:var(--utrecht-sidenav-link-color, var(--utrecht-link-color, blue));display:block;margin-block-end:0;margin-block-start:0;padding-block-end:var(--utrecht-space-block-2xs);padding-block-start:var(--utrecht-space-block-2xs);padding-inline-end:var(--utrecht-space-inline-3xs);padding-inline-start:var(--utrecht-space-inline-xl);text-decoration:none}.utrecht-sidenav__link::before,.utrecht-sidenav__link--sibling::before{background-color:var(--utrecht-sidenav-item-marker-color);left:26px}.utrecht-sidenav__link--current::before{background-color:var(--utrecht-sidenav-link-hover-color);left:27px}.utrecht-sidenav__link::before,.utrecht-sidenav__link--sibling::before,.utrecht-sidenav__item:last-child .utrecht-sidenav__link--current::before{border-radius:100%;box-shadow:0 0 2px 2px #fff;content:\"\";height:8px;overflow:hidden;position:absolute;top:20px;transform:translateY(-50%) translateX(-2.5ch);width:8px;z-index:10}.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))}.utrecht-sidenav__link::after,.utrecht-sidenav__item:last-child .utrecht-sidenav__link::after{background:var(--utrecht-sidenav-item-marker-color);bottom:0;content:\"\";display:block;left:3px;overflow:hidden;position:absolute;top:-22px;width:3px;z-index:5}.utrecht-sidenav__item:last-child .utrecht-sidenav__link::after,.utrecht-sidenav__link--current::after,.utrecht-sidenav__item--has-children a::after{height:40px;min-height:38px}.utrecht-sidenav__item:first-child .utrecht-sidenav__link::after{content:\"\";display:none}.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-end:0;margin-block-start:0;padding-block-end:0;padding-block-start:0;padding-inline-end:0;padding-inline-start:1.4rem}.utrecht-sidenav__item--child{border:none;list-style:none;position:relative}.utrecht-sidenav__item--child:last-child{border:none}.utrecht-sidenav__link--child::before,.utrecht-sidenav__link--child--current::before{background-color:transparent;border:2px solid var(--utrecht-sidenav-link-color);border-radius:100%;content:\"\";height:4px;left:1.2rem;overflow:hidden;position:absolute;top:16px;transform:translateY(-50%) translateX(-19.5px);width:4px;z-index:10}.utrecht-sidenav__link--child--current::before{background-color:var(--utrecht-sidenav-link-hover-color)}.utrecht-sidenav__link--child:hover::before{background-color:var(--utrecht-sidenav-link-hover-color);border:2px solid var(--utrecht-sidenav-link-hover-color)}.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-visible,.utrecht-sidenav__link:focus{box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:0;outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-sidenav__link:focus:not(:focus-visible){box-shadow:none;outline-style:none}";
|
|
9
9
|
|
|
10
10
|
let Sidenav = class {
|
|
11
11
|
constructor(hostRef) {
|
|
@@ -53,7 +53,7 @@
|
|
|
53
53
|
.utrecht-sidenav__item span:not(.utrecht-sidenav__item:last-child span, .utrecht-sidenav__item--has-children span:first-of-type) {
|
|
54
54
|
border-block-end: 1px solid var(--utrecht-color-grey-80);
|
|
55
55
|
display: block;
|
|
56
|
-
margin-inline-start: var(--utrecht-space-inline-
|
|
56
|
+
margin-inline-start: var(--utrecht-space-inline-lg);
|
|
57
57
|
}
|
|
58
58
|
|
|
59
59
|
/* Remove bottom padding form first item in list with children */
|
|
@@ -1073,7 +1073,7 @@ let Separator = class extends HTMLElement {
|
|
|
1073
1073
|
static get style() { return stencilCss$1; }
|
|
1074
1074
|
};
|
|
1075
1075
|
|
|
1076
|
-
const bemCss = ".utrecht-navhtml{font-family:var(--utrecht-font-family-sans-serif)}.utrecht-sidenav{border-block-end:1px solid var(--utrecht-color-grey-80);border-block-start:1px solid var(--utrecht-color-grey-80);margin-block-end:0;margin-block-start:0;padding-block-end:0;padding-block-start:0;width:13rem}.utrecht-sidenav__list{margin-block-end:0;margin-block-start:0.2rem;padding-block-end:0;padding-block-start:0;padding-inline-start:0}.utrecht-sidenav__list ul{margin-block-end:0;padding-block-end:0;padding-block-start:0;padding-inline-start:1.2rem}.utrecht-sidenav__item,.utrecht-sidenav__sibling__item{list-style:none;margin-inline-start:0;position:relative}.utrecht-sidenav__item:last-child{border-block-end:none}.utrecht-sidenav__item span:not(.utrecht-sidenav__item:last-child span,.utrecht-sidenav__item--has-children span:first-of-type){border-block-end:1px solid var(--utrecht-color-grey-80);display:block;margin-inline-start:var(--utrecht-space-inline-
|
|
1076
|
+
const bemCss = ".utrecht-navhtml{font-family:var(--utrecht-font-family-sans-serif)}.utrecht-sidenav{border-block-end:1px solid var(--utrecht-color-grey-80);border-block-start:1px solid var(--utrecht-color-grey-80);margin-block-end:0;margin-block-start:0;padding-block-end:0;padding-block-start:0;width:13rem}.utrecht-sidenav__list{margin-block-end:0;margin-block-start:0.2rem;padding-block-end:0;padding-block-start:0;padding-inline-start:0}.utrecht-sidenav__list ul{margin-block-end:0;padding-block-end:0;padding-block-start:0;padding-inline-start:1.2rem}.utrecht-sidenav__item,.utrecht-sidenav__sibling__item{list-style:none;margin-inline-start:0;position:relative}.utrecht-sidenav__item:last-child{border-block-end:none}.utrecht-sidenav__item span:not(.utrecht-sidenav__item:last-child span,.utrecht-sidenav__item--has-children span:first-of-type){border-block-end:1px solid var(--utrecht-color-grey-80);display:block;margin-inline-start:var(--utrecht-space-inline-lg)}.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{color:var(--utrecht-sidenav-link-color, var(--utrecht-link-color, blue));display:block;margin-inline-start:0;padding-block-end:var(--utrecht-space-block-xs);padding-block-start:var(--utrecht-space-block-xs);padding-inline-end:var(--utrecht-space-inline-3xs);padding-inline-start:var(--utrecht-space-inline-xl);text-decoration:none}.utrecht-sidenav__link--child,.utrecht-sidenav__link--child--current{color:var(--utrecht-sidenav-link-color, var(--utrecht-link-color, blue));display:block;margin-block-end:0;margin-block-start:0;padding-block-end:var(--utrecht-space-block-2xs);padding-block-start:var(--utrecht-space-block-2xs);padding-inline-end:var(--utrecht-space-inline-3xs);padding-inline-start:var(--utrecht-space-inline-xl);text-decoration:none}.utrecht-sidenav__link::before,.utrecht-sidenav__link--sibling::before{background-color:var(--utrecht-sidenav-item-marker-color);left:26px}.utrecht-sidenav__link--current::before{background-color:var(--utrecht-sidenav-link-hover-color);left:27px}.utrecht-sidenav__link::before,.utrecht-sidenav__link--sibling::before,.utrecht-sidenav__item:last-child .utrecht-sidenav__link--current::before{border-radius:100%;box-shadow:0 0 2px 2px #fff;content:\"\";height:8px;overflow:hidden;position:absolute;top:20px;transform:translateY(-50%) translateX(-2.5ch);width:8px;z-index:10}.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))}.utrecht-sidenav__link::after,.utrecht-sidenav__item:last-child .utrecht-sidenav__link::after{background:var(--utrecht-sidenav-item-marker-color);bottom:0;content:\"\";display:block;left:3px;overflow:hidden;position:absolute;top:-22px;width:3px;z-index:5}.utrecht-sidenav__item:last-child .utrecht-sidenav__link::after,.utrecht-sidenav__link--current::after,.utrecht-sidenav__item--has-children a::after{height:40px;min-height:38px}.utrecht-sidenav__item:first-child .utrecht-sidenav__link::after{content:\"\";display:none}.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-end:0;margin-block-start:0;padding-block-end:0;padding-block-start:0;padding-inline-end:0;padding-inline-start:1.4rem}.utrecht-sidenav__item--child{border:none;list-style:none;position:relative}.utrecht-sidenav__item--child:last-child{border:none}.utrecht-sidenav__link--child::before,.utrecht-sidenav__link--child--current::before{background-color:transparent;border:2px solid var(--utrecht-sidenav-link-color);border-radius:100%;content:\"\";height:4px;left:1.2rem;overflow:hidden;position:absolute;top:16px;transform:translateY(-50%) translateX(-19.5px);width:4px;z-index:10}.utrecht-sidenav__link--child--current::before{background-color:var(--utrecht-sidenav-link-hover-color)}.utrecht-sidenav__link--child:hover::before{background-color:var(--utrecht-sidenav-link-hover-color);border:2px solid var(--utrecht-sidenav-link-hover-color)}.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-visible,.utrecht-sidenav__link:focus{box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:0;outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-sidenav__link:focus:not(:focus-visible){box-shadow:none;outline-style:none}";
|
|
1077
1077
|
|
|
1078
1078
|
let Sidenav = class extends HTMLElement {
|
|
1079
1079
|
constructor() {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { r as registerInstance, h } from './index-dbad55a3.js';
|
|
2
2
|
import { c as clsx } from './clsx.m-071989db.js';
|
|
3
3
|
|
|
4
|
-
const bemCss = ".utrecht-navhtml{font-family:var(--utrecht-font-family-sans-serif)}.utrecht-sidenav{border-block-end:1px solid var(--utrecht-color-grey-80);border-block-start:1px solid var(--utrecht-color-grey-80);margin-block-end:0;margin-block-start:0;padding-block-end:0;padding-block-start:0;width:13rem}.utrecht-sidenav__list{margin-block-end:0;margin-block-start:0.2rem;padding-block-end:0;padding-block-start:0;padding-inline-start:0}.utrecht-sidenav__list ul{margin-block-end:0;padding-block-end:0;padding-block-start:0;padding-inline-start:1.2rem}.utrecht-sidenav__item,.utrecht-sidenav__sibling__item{list-style:none;margin-inline-start:0;position:relative}.utrecht-sidenav__item:last-child{border-block-end:none}.utrecht-sidenav__item span:not(.utrecht-sidenav__item:last-child span,.utrecht-sidenav__item--has-children span:first-of-type){border-block-end:1px solid var(--utrecht-color-grey-80);display:block;margin-inline-start:var(--utrecht-space-inline-
|
|
4
|
+
const bemCss = ".utrecht-navhtml{font-family:var(--utrecht-font-family-sans-serif)}.utrecht-sidenav{border-block-end:1px solid var(--utrecht-color-grey-80);border-block-start:1px solid var(--utrecht-color-grey-80);margin-block-end:0;margin-block-start:0;padding-block-end:0;padding-block-start:0;width:13rem}.utrecht-sidenav__list{margin-block-end:0;margin-block-start:0.2rem;padding-block-end:0;padding-block-start:0;padding-inline-start:0}.utrecht-sidenav__list ul{margin-block-end:0;padding-block-end:0;padding-block-start:0;padding-inline-start:1.2rem}.utrecht-sidenav__item,.utrecht-sidenav__sibling__item{list-style:none;margin-inline-start:0;position:relative}.utrecht-sidenav__item:last-child{border-block-end:none}.utrecht-sidenav__item span:not(.utrecht-sidenav__item:last-child span,.utrecht-sidenav__item--has-children span:first-of-type){border-block-end:1px solid var(--utrecht-color-grey-80);display:block;margin-inline-start:var(--utrecht-space-inline-lg)}.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{color:var(--utrecht-sidenav-link-color, var(--utrecht-link-color, blue));display:block;margin-inline-start:0;padding-block-end:var(--utrecht-space-block-xs);padding-block-start:var(--utrecht-space-block-xs);padding-inline-end:var(--utrecht-space-inline-3xs);padding-inline-start:var(--utrecht-space-inline-xl);text-decoration:none}.utrecht-sidenav__link--child,.utrecht-sidenav__link--child--current{color:var(--utrecht-sidenav-link-color, var(--utrecht-link-color, blue));display:block;margin-block-end:0;margin-block-start:0;padding-block-end:var(--utrecht-space-block-2xs);padding-block-start:var(--utrecht-space-block-2xs);padding-inline-end:var(--utrecht-space-inline-3xs);padding-inline-start:var(--utrecht-space-inline-xl);text-decoration:none}.utrecht-sidenav__link::before,.utrecht-sidenav__link--sibling::before{background-color:var(--utrecht-sidenav-item-marker-color);left:26px}.utrecht-sidenav__link--current::before{background-color:var(--utrecht-sidenav-link-hover-color);left:27px}.utrecht-sidenav__link::before,.utrecht-sidenav__link--sibling::before,.utrecht-sidenav__item:last-child .utrecht-sidenav__link--current::before{border-radius:100%;box-shadow:0 0 2px 2px #fff;content:\"\";height:8px;overflow:hidden;position:absolute;top:20px;transform:translateY(-50%) translateX(-2.5ch);width:8px;z-index:10}.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))}.utrecht-sidenav__link::after,.utrecht-sidenav__item:last-child .utrecht-sidenav__link::after{background:var(--utrecht-sidenav-item-marker-color);bottom:0;content:\"\";display:block;left:3px;overflow:hidden;position:absolute;top:-22px;width:3px;z-index:5}.utrecht-sidenav__item:last-child .utrecht-sidenav__link::after,.utrecht-sidenav__link--current::after,.utrecht-sidenav__item--has-children a::after{height:40px;min-height:38px}.utrecht-sidenav__item:first-child .utrecht-sidenav__link::after{content:\"\";display:none}.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-end:0;margin-block-start:0;padding-block-end:0;padding-block-start:0;padding-inline-end:0;padding-inline-start:1.4rem}.utrecht-sidenav__item--child{border:none;list-style:none;position:relative}.utrecht-sidenav__item--child:last-child{border:none}.utrecht-sidenav__link--child::before,.utrecht-sidenav__link--child--current::before{background-color:transparent;border:2px solid var(--utrecht-sidenav-link-color);border-radius:100%;content:\"\";height:4px;left:1.2rem;overflow:hidden;position:absolute;top:16px;transform:translateY(-50%) translateX(-19.5px);width:4px;z-index:10}.utrecht-sidenav__link--child--current::before{background-color:var(--utrecht-sidenav-link-hover-color)}.utrecht-sidenav__link--child:hover::before{background-color:var(--utrecht-sidenav-link-hover-color);border:2px solid var(--utrecht-sidenav-link-hover-color)}.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-visible,.utrecht-sidenav__link:focus{box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:0;outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-sidenav__link:focus:not(:focus-visible){box-shadow:none;outline-style:none}";
|
|
5
5
|
|
|
6
6
|
let Sidenav = class {
|
|
7
7
|
constructor(hostRef) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as t}from"./p-a41d30a7.js";import{c as i}from"./p-4070c1e5.js";let r=class{constructor(t){e(this,t)}render(){const e=JSON.parse(this.json);return t("nav",{class:"utrecht-sidenav"},t("ul",{class:"utrecht-sidenav__list"},e.map((({href:e,title:r,current:n,focus:a,children:c,sibling:l,haschildren:s})=>t("li",{key:e,class:i("utrecht-sidenav__item",l&&"utrecht-sidenav__item--sibling",s&&"utrecht-sidenav__item--has-children")},t("a",{class:i("utrecht-sidenav__link",n&&"utrecht-sidenav__link--current",a&&"utrecht-sidenav__link--focus",l&&"utrecht-sidenav__link--sibling",s&&"utrecht-sidenav__link--has-children"),href:e},r),t("span",null),c?t("ul",{class:"utrecht-sidenav__list utrecht-sidenav__list--child"},c.map((({href:e,title:r,current:n,focus:a})=>t("li",{key:e,class:"utrecht-sidenav__item utrecht-sidenav__item--child"},t("a",{class:i("utrecht-sidenav__link utrecht-sidenav__link--child",n&&"utrecht-sidenav__link--current utrecht-sidenav__link--child--current",a&&"utrecht-sidenav__link--focus"),href:e},r))))):"")))))}};r.style='.utrecht-navhtml{font-family:var(--utrecht-font-family-sans-serif)}.utrecht-sidenav{border-block-end:1px solid var(--utrecht-color-grey-80);border-block-start:1px solid var(--utrecht-color-grey-80);margin-block-end:0;margin-block-start:0;padding-block-end:0;padding-block-start:0;width:13rem}.utrecht-sidenav__list{margin-block-end:0;margin-block-start:0.2rem;padding-block-end:0;padding-block-start:0;padding-inline-start:0}.utrecht-sidenav__list ul{margin-block-end:0;padding-block-end:0;padding-block-start:0;padding-inline-start:1.2rem}.utrecht-sidenav__item,.utrecht-sidenav__sibling__item{list-style:none;margin-inline-start:0;position:relative}.utrecht-sidenav__item:last-child{border-block-end:none}.utrecht-sidenav__item span:not(.utrecht-sidenav__item:last-child span,.utrecht-sidenav__item--has-children span:first-of-type){border-block-end:1px solid var(--utrecht-color-grey-80);display:block;margin-inline-start:var(--utrecht-space-inline-
|
|
1
|
+
import{r as e,h as t}from"./p-a41d30a7.js";import{c as i}from"./p-4070c1e5.js";let r=class{constructor(t){e(this,t)}render(){const e=JSON.parse(this.json);return t("nav",{class:"utrecht-sidenav"},t("ul",{class:"utrecht-sidenav__list"},e.map((({href:e,title:r,current:n,focus:a,children:c,sibling:l,haschildren:s})=>t("li",{key:e,class:i("utrecht-sidenav__item",l&&"utrecht-sidenav__item--sibling",s&&"utrecht-sidenav__item--has-children")},t("a",{class:i("utrecht-sidenav__link",n&&"utrecht-sidenav__link--current",a&&"utrecht-sidenav__link--focus",l&&"utrecht-sidenav__link--sibling",s&&"utrecht-sidenav__link--has-children"),href:e},r),t("span",null),c?t("ul",{class:"utrecht-sidenav__list utrecht-sidenav__list--child"},c.map((({href:e,title:r,current:n,focus:a})=>t("li",{key:e,class:"utrecht-sidenav__item utrecht-sidenav__item--child"},t("a",{class:i("utrecht-sidenav__link utrecht-sidenav__link--child",n&&"utrecht-sidenav__link--current utrecht-sidenav__link--child--current",a&&"utrecht-sidenav__link--focus"),href:e},r))))):"")))))}};r.style='.utrecht-navhtml{font-family:var(--utrecht-font-family-sans-serif)}.utrecht-sidenav{border-block-end:1px solid var(--utrecht-color-grey-80);border-block-start:1px solid var(--utrecht-color-grey-80);margin-block-end:0;margin-block-start:0;padding-block-end:0;padding-block-start:0;width:13rem}.utrecht-sidenav__list{margin-block-end:0;margin-block-start:0.2rem;padding-block-end:0;padding-block-start:0;padding-inline-start:0}.utrecht-sidenav__list ul{margin-block-end:0;padding-block-end:0;padding-block-start:0;padding-inline-start:1.2rem}.utrecht-sidenav__item,.utrecht-sidenav__sibling__item{list-style:none;margin-inline-start:0;position:relative}.utrecht-sidenav__item:last-child{border-block-end:none}.utrecht-sidenav__item span:not(.utrecht-sidenav__item:last-child span,.utrecht-sidenav__item--has-children span:first-of-type){border-block-end:1px solid var(--utrecht-color-grey-80);display:block;margin-inline-start:var(--utrecht-space-inline-lg)}.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{color:var(--utrecht-sidenav-link-color, var(--utrecht-link-color, blue));display:block;margin-inline-start:0;padding-block-end:var(--utrecht-space-block-xs);padding-block-start:var(--utrecht-space-block-xs);padding-inline-end:var(--utrecht-space-inline-3xs);padding-inline-start:var(--utrecht-space-inline-xl);text-decoration:none}.utrecht-sidenav__link--child,.utrecht-sidenav__link--child--current{color:var(--utrecht-sidenav-link-color, var(--utrecht-link-color, blue));display:block;margin-block-end:0;margin-block-start:0;padding-block-end:var(--utrecht-space-block-2xs);padding-block-start:var(--utrecht-space-block-2xs);padding-inline-end:var(--utrecht-space-inline-3xs);padding-inline-start:var(--utrecht-space-inline-xl);text-decoration:none}.utrecht-sidenav__link::before,.utrecht-sidenav__link--sibling::before{background-color:var(--utrecht-sidenav-item-marker-color);left:26px}.utrecht-sidenav__link--current::before{background-color:var(--utrecht-sidenav-link-hover-color);left:27px}.utrecht-sidenav__link::before,.utrecht-sidenav__link--sibling::before,.utrecht-sidenav__item:last-child .utrecht-sidenav__link--current::before{border-radius:100%;box-shadow:0 0 2px 2px #fff;content:"";height:8px;overflow:hidden;position:absolute;top:20px;transform:translateY(-50%) translateX(-2.5ch);width:8px;z-index:10}.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))}.utrecht-sidenav__link::after,.utrecht-sidenav__item:last-child .utrecht-sidenav__link::after{background:var(--utrecht-sidenav-item-marker-color);bottom:0;content:"";display:block;left:3px;overflow:hidden;position:absolute;top:-22px;width:3px;z-index:5}.utrecht-sidenav__item:last-child .utrecht-sidenav__link::after,.utrecht-sidenav__link--current::after,.utrecht-sidenav__item--has-children a::after{height:40px;min-height:38px}.utrecht-sidenav__item:first-child .utrecht-sidenav__link::after{content:"";display:none}.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-end:0;margin-block-start:0;padding-block-end:0;padding-block-start:0;padding-inline-end:0;padding-inline-start:1.4rem}.utrecht-sidenav__item--child{border:none;list-style:none;position:relative}.utrecht-sidenav__item--child:last-child{border:none}.utrecht-sidenav__link--child::before,.utrecht-sidenav__link--child--current::before{background-color:transparent;border:2px solid var(--utrecht-sidenav-link-color);border-radius:100%;content:"";height:4px;left:1.2rem;overflow:hidden;position:absolute;top:16px;transform:translateY(-50%) translateX(-19.5px);width:4px;z-index:10}.utrecht-sidenav__link--child--current::before{background-color:var(--utrecht-sidenav-link-hover-color)}.utrecht-sidenav__link--child:hover::before{background-color:var(--utrecht-sidenav-link-hover-color);border:2px solid var(--utrecht-sidenav-link-hover-color)}.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-visible,.utrecht-sidenav__link:focus{box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:0;outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-sidenav__link:focus:not(:focus-visible){box-shadow:none;outline-style:none}';export{r as utrecht_sidenav}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,b as t}from"./p-a41d30a7.js";(()=>{const t=import.meta.url,c={};return""!==t&&(c.resourcesUrl=new URL(".",t).href),e(c)})().then((e=>t([["p-18321ff6",[[1,"utrecht-contact-card-template"]]],["p-88e09f6e",[[1,"utrecht-digid-button",{type:[1]}]]],["p-06d4e8da",[[1,"utrecht-logo-button",{type:[1]}]]],["p-21b832ea",[[1,"utrecht-custom-checkbox",{disabled:[516],checked:[516],indeterminate:[516],invalid:[516],required:[516]}]]],["p-ccd0835e",[[1,"utrecht-article"]]],["p-f9337bd7",[[1,"utrecht-backdrop",{viewport:[4]}]]],["p-21a49ba3",[[1,"utrecht-badge-counter",{value:[2],max:[2],locale:[1]}]]],["p-3d96735e",[[1,"utrecht-badge-data"]]],["p-39735f2a",[[1,"utrecht-badge-status",{status:[1]}]]],["p-5ce3bb29",[[1,"utrecht-breadcrumb",{json:[1],variant:[1]}]]],["p-2038f779",[[1,"utrecht-checkbox",{disabled:[516],readOnly:[516,"readonly"],checked:[4],value:[1]}]]],["p-9bde6988",[[1,"utrecht-document"]]],["p-2ff6bfbb",[[1,"utrecht-eherkenning-logo"]]],["p-49a2e309",[[1,"utrecht-eidas-logo"]]],["p-401d2b63",[[1,"utrecht-form-field-checkbox",{label:[4],disabled:[516],checked:[516],invalid:[516],required:[516],value:[32]}]]],["p-c948bdeb",[[1,"utrecht-form-field-description",{status:[513]}]]],["p-c7f7af31",[[1,"utrecht-form-field-textarea",{disabled:[516],invalid:[516],readOnly:[516,"readonly"],placeholder:[1],required:[516],value:[1]}]]],["p-84481a4b",[[1,"utrecht-form-field-textbox",{autoComplete:[513,"autocomplete"],disabled:[516],invalid:[516],min:[1],max:[1],pattern:[1],placeholder:[1],readOnly:[516,"readonly"],required:[516],type:[513],value:[1]}]]],["p-f2792d17",[[1,"utrecht-form-toggle",{disabled:[516],checked:[516]}]]],["p-19bb7aea",[[1,"utrecht-heading",{level:[2]}]]],["p-6922d6e5",[[1,"utrecht-heading-1"]]],["p-e1ab41a2",[[1,"utrecht-heading-4"]]],["p-e094341c",[[1,"utrecht-heading-5"]]],["p-bedc995b",[[1,"utrecht-heading-6"]]],["p-2c37521a",[[4,"utrecht-html-content"]]],["p-2be490d7",[[1,"utrecht-icon-afval"]]],["p-e8f6c846",[[1,"utrecht-icon-arrow"]]],["p-ea6f5e30",[[1,"utrecht-icon-cross"]]],["p-99d68ed5",[[1,"utrecht-icon-error"]]],["p-180ccec7",[[1,"utrecht-icon-facebook"]]],["p-6aec0d5e",[[1,"utrecht-icon-filter"]]],["p-7468ce00",[[1,"utrecht-icon-information"]]],["p-12d3555b",[[1,"utrecht-icon-instagram"]]],["p-5eec66c0",[[1,"utrecht-icon-linkedin"]]],["p-d21af965",[[1,"utrecht-icon-list"]]],["p-d24e72f1",[[1,"utrecht-icon-loupe"]]],["p-9a7712ee",[[1,"utrecht-icon-melding"]]],["p-0e908b3b",[[1,"utrecht-icon-paspoort"]]],["p-72670926",[[1,"utrecht-icon-rijbewijs"]]],["p-60321853",[[1,"utrecht-icon-toeslag"]]],["p-c314b6c1",[[1,"utrecht-icon-trouwen"]]],["p-45db7b13",[[1,"utrecht-icon-twitter"]]],["p-5f114e24",[[1,"utrecht-icon-verhuizen"]]],["p-b3aa468d",[[1,"utrecht-icon-warning"]]],["p-f1f0a2c6",[[1,"utrecht-icon-whatsapp"]]],["p-8856bd84",[[1,"utrecht-icon-zoomin"]]],["p-673512bf",[[1,"utrecht-icon-zoomout"]]],["p-a62dbf0b",[[1,"utrecht-logo"]]],["p-e8d0b7bf",[[1,"utrecht-page"]]],["p-1b369d6f",[[1,"utrecht-page-content"]]],["p-d5cec830",[[1,"utrecht-page-footer"]]],["p-f47ed55e",[[1,"utrecht-page-header"]]],["p-c22f500b",[[1,"utrecht-pagination",{links:[1],next:[1],prev:[1],currentIndex:[2,"current-index"]}]]],["p-6a07112a",[[1,"utrecht-separator"]]],["p-
|
|
1
|
+
import{p as e,b as t}from"./p-a41d30a7.js";(()=>{const t=import.meta.url,c={};return""!==t&&(c.resourcesUrl=new URL(".",t).href),e(c)})().then((e=>t([["p-18321ff6",[[1,"utrecht-contact-card-template"]]],["p-88e09f6e",[[1,"utrecht-digid-button",{type:[1]}]]],["p-06d4e8da",[[1,"utrecht-logo-button",{type:[1]}]]],["p-21b832ea",[[1,"utrecht-custom-checkbox",{disabled:[516],checked:[516],indeterminate:[516],invalid:[516],required:[516]}]]],["p-ccd0835e",[[1,"utrecht-article"]]],["p-f9337bd7",[[1,"utrecht-backdrop",{viewport:[4]}]]],["p-21a49ba3",[[1,"utrecht-badge-counter",{value:[2],max:[2],locale:[1]}]]],["p-3d96735e",[[1,"utrecht-badge-data"]]],["p-39735f2a",[[1,"utrecht-badge-status",{status:[1]}]]],["p-5ce3bb29",[[1,"utrecht-breadcrumb",{json:[1],variant:[1]}]]],["p-2038f779",[[1,"utrecht-checkbox",{disabled:[516],readOnly:[516,"readonly"],checked:[4],value:[1]}]]],["p-9bde6988",[[1,"utrecht-document"]]],["p-2ff6bfbb",[[1,"utrecht-eherkenning-logo"]]],["p-49a2e309",[[1,"utrecht-eidas-logo"]]],["p-401d2b63",[[1,"utrecht-form-field-checkbox",{label:[4],disabled:[516],checked:[516],invalid:[516],required:[516],value:[32]}]]],["p-c948bdeb",[[1,"utrecht-form-field-description",{status:[513]}]]],["p-c7f7af31",[[1,"utrecht-form-field-textarea",{disabled:[516],invalid:[516],readOnly:[516,"readonly"],placeholder:[1],required:[516],value:[1]}]]],["p-84481a4b",[[1,"utrecht-form-field-textbox",{autoComplete:[513,"autocomplete"],disabled:[516],invalid:[516],min:[1],max:[1],pattern:[1],placeholder:[1],readOnly:[516,"readonly"],required:[516],type:[513],value:[1]}]]],["p-f2792d17",[[1,"utrecht-form-toggle",{disabled:[516],checked:[516]}]]],["p-19bb7aea",[[1,"utrecht-heading",{level:[2]}]]],["p-6922d6e5",[[1,"utrecht-heading-1"]]],["p-e1ab41a2",[[1,"utrecht-heading-4"]]],["p-e094341c",[[1,"utrecht-heading-5"]]],["p-bedc995b",[[1,"utrecht-heading-6"]]],["p-2c37521a",[[4,"utrecht-html-content"]]],["p-2be490d7",[[1,"utrecht-icon-afval"]]],["p-e8f6c846",[[1,"utrecht-icon-arrow"]]],["p-ea6f5e30",[[1,"utrecht-icon-cross"]]],["p-99d68ed5",[[1,"utrecht-icon-error"]]],["p-180ccec7",[[1,"utrecht-icon-facebook"]]],["p-6aec0d5e",[[1,"utrecht-icon-filter"]]],["p-7468ce00",[[1,"utrecht-icon-information"]]],["p-12d3555b",[[1,"utrecht-icon-instagram"]]],["p-5eec66c0",[[1,"utrecht-icon-linkedin"]]],["p-d21af965",[[1,"utrecht-icon-list"]]],["p-d24e72f1",[[1,"utrecht-icon-loupe"]]],["p-9a7712ee",[[1,"utrecht-icon-melding"]]],["p-0e908b3b",[[1,"utrecht-icon-paspoort"]]],["p-72670926",[[1,"utrecht-icon-rijbewijs"]]],["p-60321853",[[1,"utrecht-icon-toeslag"]]],["p-c314b6c1",[[1,"utrecht-icon-trouwen"]]],["p-45db7b13",[[1,"utrecht-icon-twitter"]]],["p-5f114e24",[[1,"utrecht-icon-verhuizen"]]],["p-b3aa468d",[[1,"utrecht-icon-warning"]]],["p-f1f0a2c6",[[1,"utrecht-icon-whatsapp"]]],["p-8856bd84",[[1,"utrecht-icon-zoomin"]]],["p-673512bf",[[1,"utrecht-icon-zoomout"]]],["p-a62dbf0b",[[1,"utrecht-logo"]]],["p-e8d0b7bf",[[1,"utrecht-page"]]],["p-1b369d6f",[[1,"utrecht-page-content"]]],["p-d5cec830",[[1,"utrecht-page-footer"]]],["p-f47ed55e",[[1,"utrecht-page-header"]]],["p-c22f500b",[[1,"utrecht-pagination",{links:[1],next:[1],prev:[1],currentIndex:[2,"current-index"]}]]],["p-6a07112a",[[1,"utrecht-separator"]]],["p-d21678d5",[[1,"utrecht-sidenav",{json:[1]}]]],["p-19697551",[[1,"utrecht-textbox",{autoComplete:[513,"autocomplete"],disabled:[516],invalid:[516],min:[1],max:[1],pattern:[1],placeholder:[1],readOnly:[516,"readonly"],required:[516],type:[513],value:[1]}]]],["p-3672cbd0",[[1,"utrecht-icon-checkmark"]]],["p-a82cf768",[[1,"utrecht-heading-2"],[1,"utrecht-heading-3"],[1,"utrecht-paragraph",{lead:[4]}]]],["p-fb80f09f",[[1,"utrecht-button",{busy:[4],disabled:[4],type:[1]}],[1,"utrecht-digid-logo"]]]],e)));
|
package/package.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"version": "1.0.0-alpha.
|
|
2
|
+
"version": "1.0.0-alpha.153",
|
|
3
3
|
"author": "Community for NL Design System",
|
|
4
4
|
"description": "Stencil component library bundle for the Municipality of Utrecht based on the NL Design System architecture",
|
|
5
5
|
"license": "EUPL-1.2",
|
|
@@ -55,5 +55,5 @@
|
|
|
55
55
|
"watch:stencil": "chokidar --follow-symlinks --initial --command \"npm run build:stencil\" \"../../components/**/*.(js|jsx|ts|tsx)\"",
|
|
56
56
|
"generate": "stencil generate"
|
|
57
57
|
},
|
|
58
|
-
"gitHead": "
|
|
58
|
+
"gitHead": "c77868c9bfba989e6bf286ec26a3889976351557"
|
|
59
59
|
}
|