@utrecht/web-component-library-stencil 1.0.0-alpha.563 → 1.0.0-alpha.565
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-breadcrumb.cjs.entry.js +1 -1
- package/dist/cjs/utrecht-breadcrumb.cjs.entry.js.map +1 -1
- package/dist/collection/components/breadcrumb.css +20 -53
- package/dist/components/utrecht-breadcrumb.js +1 -1
- package/dist/components/utrecht-breadcrumb.js.map +1 -1
- package/dist/esm/utrecht-breadcrumb.entry.js +1 -1
- package/dist/esm/utrecht-breadcrumb.entry.js.map +1 -1
- package/dist/utrecht/p-6a9d84c0.entry.js +2 -0
- package/dist/utrecht/{p-e6b5db80.entry.js.map → p-6a9d84c0.entry.js.map} +1 -1
- package/dist/utrecht/utrecht.esm.js +1 -1
- package/package.json +4 -4
- package/dist/utrecht/p-e6b5db80.entry.js +0 -2
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
const index = require('./index-ea575c82.js');
|
|
6
6
|
const clsx_m = require('./clsx.m-b21b5592.js');
|
|
7
7
|
|
|
8
|
-
const breadcrumbCss = ".utrecht-breadcrumb
|
|
8
|
+
const breadcrumbCss = ".utrecht-breadcrumb{--utrecht-focus-background-color:var(--utrecht-breadcrumb-link-focus-background-color);--utrecht-link-background-color:var(--utrecht-breadcrumb-link-background-color);--utrecht-link-focus-color:var(--utrecht-breadcrumb-link-focus-color, var(--utrecht-breadcrumb-link-color));--utrecht-link-focus-text-decoration:var(--utrecht-link-text-decoration);--utrecht-link-hover-color:var(--utrecht-breadcrumb-link-color);--utrecht-link-hover-text-decoration:var(--utrecht-link-text-decoration);--utrecht-link-visited-color:var(--utrecht-breadcrumb-link-color);--utrecht-link-visited-text-decoration:var(--utrecht-link-text-decoration);--utrecht-link-color:var(--utrecht-breadcrumb-link-color);font-family:var(--utrecht-document-font-family, inherit);font-size:var(--utrecht-breadcrumb-font-size);text-transform:var(--utrecht-document-text-transform, inherit)}.utrecht-breadcrumb__heading{display:none}.utrecht-breadcrumb__list{block-size:var(--utrecht-breadcrumb-block-size);display:flex}ol.utrecht-breadcrumb__list{list-style:none;margin-block-end:0;margin-block-start:0;padding-inline-start:0}.utrecht-breadcrumb__item{block-size:100%}.utrecht-breadcrumb__link{background-color:var(--utrecht-breadcrumb-link-background-color);display:block;padding-block-end:var(--utrecht-breadcrumb-item-padding-block-end, 8px);padding-block-start:var(--utrecht-breadcrumb-item-padding-block-start, 8px);padding-inline-end:var(--utrecht-breadcrumb-item-padding-inline-end, 8px);padding-inline-start:var(--utrecht-breadcrumb-item-padding-inline-start, 8px)}.utrecht-breadcrumb__link--disabled{--utrecht-link-placeholder-color:var(--utrecht-breadcrumb-link-disabled-color, var(--utrecht-breadcrumb-link-color));background-color:var(--utrecht-breadcrumb-link-disabled-background-color, var(--utrecht-breadcrumb-link-background-color));color:var(--utrecht-link-placeholder-color)}.utrecht-breadcrumb__separator{--_utrecht-breadcrumb-separator-display:flex;--utrecht-icon-size:var(--utrecht-breadcrumb-separator-icon-size);--utrecht-icon-color:var(--utrecht-breadcrumb-separator-icon-color);align-items:center;display:var(--_utrecht-breadcrumb-separator-display);inline-size:var(--utrecht-breadcrumb-separator-inline-size)}.utrecht-breadcrumb--arrows{--utrecht-breadcrumb-arrow-size:24px;overflow:hidden}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link{padding-inline-end:0;position:relative}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link::after,.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link::before{block-size:0;border-block-end-width:var(--utrecht-breadcrumb-block-size);border-block-start-width:var(--utrecht-breadcrumb-block-size);border-color:transparent;border-style:solid;content:\" \";display:block;inline-size:0;inset-block-start:50%;inset-inline-start:100%;margin-block-start:calc(-1 * var(--utrecht-breadcrumb-block-size));position:absolute}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link::after{border-inline-start-color:var(--utrecht-breadcrumb-link-background-color);border-inline-start-width:var(--utrecht-breadcrumb-arrow-size);z-index:2}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link::before{border-inline-start-color:var(--utrecht-document-background-color);border-inline-start-width:var(--utrecht-breadcrumb-arrow-size);margin-block-start:calc(-1 * var(--utrecht-breadcrumb-block-size));margin-inline-start:1px;z-index:1}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link--focus,.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link:focus{background-color:var(--utrecht-breadcrumb-link-focus-background-color)}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link--focus::after,.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link:focus::after{border-inline-start-color:var(--utrecht-breadcrumb-link-focus-background-color)}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__item~.utrecht-breadcrumb__item .utrecht-breadcrumb__link{padding-inline-start:calc(var(--utrecht-breadcrumb-item-padding-inline-start) + var(--utrecht-breadcrumb-arrow-size))}.utrecht-breadcrumb__item~.utrecht-breadcrumb__item{margin-inline-start:var(--utrecht-breadcrumb-item-divider-inline-size)}.utrecht-link{--utrecht-icon-size:var(--utrecht-link-icon-size, 1em);color:var(--utrecht-link-color, blue);text-decoration:var(--utrecht-link-text-decoration, underline);text-decoration-color:var(--utrecht-link-text-decoration-color, currentColor);text-decoration-skip-ink:all;text-decoration-thickness:max(var(--utrecht-link-text-decoration-thickness), 1px);text-underline-offset:var(--utrecht-link-text-underline-offset)}.utrecht-link--icon-left{background-image:var(--utrecht-link-icon-left-background-image, none);background-position:0 0.25em;background-repeat:no-repeat;color:var(--utrecht-link-color, blue);font-weight:var(--utrecht-typography-weight-scale-bold-font-weight);padding-inline-start:var(--utrecht-space-block-md);text-decoration:none}.utrecht-link:visited,.utrecht-link--visited{color:var(--utrecht-link-visited-color, var(--utrecht-link-color))}.utrecht-link:hover,.utrecht-link--hover{color:var(--utrecht-link-hover-color, var(--utrecht-link-color));text-decoration:var(--utrecht-link-hover-text-decoration, var(--utrecht-link-text-decoration, underline));text-decoration-skip:none;text-decoration-skip-ink:none;text-decoration-thickness:max(var(--utrecht-link-hover-text-decoration-thickness, var(--utrecht-link-text-decoration-thickness)), 1px)}.utrecht-link--focus{background-color:var(--utrecht-link-focus-background-color, transparent);color:var(--utrecht-link-focus-color, var(--utrecht-link-color));text-decoration:var(--utrecht-link-focus-text-decoration, var(--utrecht-link-text-decoration, underline));text-decoration-skip:none;text-decoration-skip-ink:none;text-decoration-thickness:max(var(--utrecht-link-focus-text-decoration-thickness, var(--utrecht-link-text-decoration-thickness)), 1px)}.utrecht-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)}.utrecht-link:focus{background-color:var(--utrecht-link-focus-background-color, transparent);color:var(--utrecht-link-focus-color, var(--utrecht-link-color));text-decoration:var(--utrecht-link-focus-text-decoration, var(--utrecht-link-text-decoration, underline));text-decoration-skip:none;text-decoration-skip-ink:none;text-decoration-thickness:max(var(--utrecht-link-focus-text-decoration-thickness, var(--utrecht-link-text-decoration-thickness)), 1px);--_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)}.utrecht-link:focus:not(:focus-visible){box-shadow:none;outline-style:revert}.utrecht-link:active,.utrecht-link--active{color:var(--utrecht-link-active-color, var(--utrecht-link-color))}.utrecht-link--telephone{white-space:nowrap}.utrecht-link--box-content{color:unset;display:inline-block;text-decoration:unset;text-decoration-skip-ink:unset;text-decoration-thickness:unset;text-underline-offset:unset}.utrecht-link--placeholder{color:var(--utrecht-link-placeholder-color, var(--utrecht-link-color));cursor:var(--utrecht-action-disabled-cursor);text-decoration:none}:host{display:block}:host([hidden]){display:none !important}";
|
|
9
9
|
|
|
10
10
|
const Breadcrumb = class {
|
|
11
11
|
constructor(hostRef) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"utrecht-breadcrumb.entry.cjs.js","mappings":";;;;;;;AAAA,MAAM,aAAa,GAAG,
|
|
1
|
+
{"file":"utrecht-breadcrumb.entry.cjs.js","mappings":";;;;;;;AAAA,MAAM,aAAa,GAAG,8mPAA8mP;;MCYvnP,UAAU;;;;;;EAIrB,MAAM;IACJ,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC;IAC/B,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;IAElB,MAAM,KAAK,GAAG,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC;IAE3C,QACEA,iBAAK,KAAK,EAAEC,WAAI,CAAC,oBAAoB,EAAE,OAAO,KAAK,QAAQ,IAAI,4BAA4B,CAAC,IAC1FD,gBAAI,KAAK,EAAC,0BAA0B,EAAC,SAAS,QAAC,QAAQ,EAAC,mCAAmC,IACxF,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,EAAEE,OAAK,MACzCF,gBACE,GAAG,EAAE,IAAI,EACT,KAAK,EAAC,0BAA0B,EAChC,SAAS,QACT,QAAQ,EAAC,6BAA6B,EACtC,QAAQ,EAAC,iBAAiB,IAE1BA,eACE,KAAK,EAAEC,WAAI,CAAC,0BAA0B,EAAE,cAAc,EAAE,OAAO,IAAI,uBAAuB,CAAC,EAC3F,IAAI,EAAE,IAAI,kBACI,OAAO,GAAG,UAAU,GAAG,IAAI,EACzC,QAAQ,EAAC,MAAM,IAEfD,kBAAM,KAAK,EAAC,0BAA0B,EAAC,QAAQ,EAAC,MAAM,IACnD,KAAK,CACD,EACPA,kBAAM,QAAQ,EAAC,UAAU,EAAC,OAAO,EAAEE,OAAK,GAAG,CAAC,GAAI,CAC9C,CACD,CACN,CAAC,CACC,CACD,EACN;GACH;;;;;;","names":["h","clsx","index"],"sources":["./src/components/breadcrumb.scss?tag=utrecht-breadcrumb&encapsulation=shadow","./src/components/breadcrumb.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n */\n\n@import \"~@utrecht/components/breadcrumb/css\";\n@import \"~@utrecht/components/link/css\";\n\n:host {\n display: block;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/**\n * @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n */\nimport { Component, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n tag: 'utrecht-breadcrumb',\n styleUrl: 'breadcrumb.scss',\n shadow: true,\n})\nexport class Breadcrumb {\n @Prop() json: string;\n @Prop() variant: string;\n\n render() {\n const { json, variant } = this;\n console.log(json);\n\n const items = json ? JSON.parse(json) : [];\n\n return (\n <nav class={clsx('utrecht-breadcrumb', variant === 'arrows' && 'utrecht-breadcrumb--arrows')}>\n <ol class=\"utrecht-breadcrumb__list\" itemscope itemtype=\"https://schema.org/BreadcrumbList\">\n {items.map(({ href, title, current }, index) => (\n <li\n key={href}\n class=\"utrecht-breadcrumb__item\"\n itemscope\n itemtype=\"https://schema.org/ListItem\"\n itemprop=\"itemListElement\"\n >\n <a\n class={clsx('utrecht-breadcrumb__link', 'utrecht-link', current && 'utrecht-link--current')}\n href={href}\n aria-current={current ? 'location' : null}\n itemprop=\"item\"\n >\n <span class=\"utrecht-breadcrumb__text\" itemprop=\"name\">\n {title}\n </span>\n <meta itemprop=\"position\" content={index + 1} />\n </a>\n </li>\n ))}\n </ol>\n </nav>\n );\n }\n}\n"],"version":3}
|
|
@@ -11,68 +11,16 @@
|
|
|
11
11
|
* Copyright (c) 2021 Robbert Broersma
|
|
12
12
|
*/
|
|
13
13
|
/* stylelint-disable-next-line block-no-empty */
|
|
14
|
-
.utrecht-breadcrumb--arrows {
|
|
15
|
-
/* https://css-tricks.com/triangle-breadcrumbs/ */
|
|
16
|
-
--utrecht-breadcrumb-arrow-size: 24px;
|
|
17
|
-
overflow: hidden;
|
|
18
|
-
}
|
|
19
|
-
.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link {
|
|
20
|
-
padding-inline-end: 0;
|
|
21
|
-
position: relative;
|
|
22
|
-
}
|
|
23
|
-
.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link::after,
|
|
24
|
-
.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link::before {
|
|
25
|
-
block-size: 0;
|
|
26
|
-
border-block-end-width: var(--utrecht-breadcrumb-block-size);
|
|
27
|
-
border-block-start-width: var(--utrecht-breadcrumb-block-size);
|
|
28
|
-
border-color: transparent;
|
|
29
|
-
border-style: solid;
|
|
30
|
-
content: " ";
|
|
31
|
-
display: block;
|
|
32
|
-
inline-size: 0;
|
|
33
|
-
inset-block-start: 50%;
|
|
34
|
-
inset-inline-start: 100%;
|
|
35
|
-
margin-block-start: calc(-1 * var(--utrecht-breadcrumb-block-size));
|
|
36
|
-
position: absolute;
|
|
37
|
-
}
|
|
38
|
-
.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link::after {
|
|
39
|
-
border-inline-start-color: var(--utrecht-breadcrumb-link-background-color);
|
|
40
|
-
border-inline-start-width: var(--utrecht-breadcrumb-arrow-size);
|
|
41
|
-
z-index: 2;
|
|
42
|
-
}
|
|
43
|
-
.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link::before {
|
|
44
|
-
border-inline-start-color: var(--utrecht-document-background-color);
|
|
45
|
-
border-inline-start-width: var(--utrecht-breadcrumb-arrow-size);
|
|
46
|
-
margin-block-start: calc(-1 * var(--utrecht-breadcrumb-block-size));
|
|
47
|
-
margin-inline-start: 1px;
|
|
48
|
-
z-index: 1;
|
|
49
|
-
}
|
|
50
|
-
.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link--focus,
|
|
51
|
-
.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link:focus {
|
|
52
|
-
background-color: var(--utrecht-breadcrumb-link-focus-background-color);
|
|
53
|
-
}
|
|
54
|
-
.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link--focus::after,
|
|
55
|
-
.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link:focus::after {
|
|
56
|
-
border-inline-start-color: var(--utrecht-breadcrumb-link-focus-background-color);
|
|
57
|
-
}
|
|
58
|
-
.utrecht-breadcrumb--arrows .utrecht-breadcrumb__item ~ .utrecht-breadcrumb__item .utrecht-breadcrumb__link {
|
|
59
|
-
padding-inline-start: calc(var(--utrecht-breadcrumb-item-padding-inline-start) + var(--utrecht-breadcrumb-arrow-size));
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
.utrecht-breadcrumb__item ~ .utrecht-breadcrumb__item {
|
|
63
|
-
margin-inline-start: var(--utrecht-breadcrumb-item-divider-inline-size);
|
|
64
|
-
}
|
|
65
|
-
|
|
66
14
|
.utrecht-breadcrumb {
|
|
67
15
|
--utrecht-focus-background-color: var(--utrecht-breadcrumb-link-focus-background-color);
|
|
68
16
|
--utrecht-link-background-color: var(--utrecht-breadcrumb-link-background-color);
|
|
69
|
-
--utrecht-link-color: var(--utrecht-breadcrumb-link-color);
|
|
70
17
|
--utrecht-link-focus-color: var(--utrecht-breadcrumb-link-focus-color, var(--utrecht-breadcrumb-link-color));
|
|
71
18
|
--utrecht-link-focus-text-decoration: var(--utrecht-link-text-decoration);
|
|
72
19
|
--utrecht-link-hover-color: var(--utrecht-breadcrumb-link-color);
|
|
73
20
|
--utrecht-link-hover-text-decoration: var(--utrecht-link-text-decoration);
|
|
74
21
|
--utrecht-link-visited-color: var(--utrecht-breadcrumb-link-color);
|
|
75
22
|
--utrecht-link-visited-text-decoration: var(--utrecht-link-text-decoration);
|
|
23
|
+
--utrecht-link-color: var(--utrecht-breadcrumb-link-color);
|
|
76
24
|
font-family: var(--utrecht-document-font-family, inherit);
|
|
77
25
|
font-size: var(--utrecht-breadcrumb-font-size);
|
|
78
26
|
text-transform: var(--utrecht-document-text-transform, inherit);
|
|
@@ -107,7 +55,26 @@ ol.utrecht-breadcrumb__list {
|
|
|
107
55
|
padding-inline-start: var(--utrecht-breadcrumb-item-padding-inline-start, 8px);
|
|
108
56
|
}
|
|
109
57
|
|
|
58
|
+
.utrecht-breadcrumb__link--disabled {
|
|
59
|
+
--utrecht-link-placeholder-color: var(--utrecht-breadcrumb-link-disabled-color, var(--utrecht-breadcrumb-link-color));
|
|
60
|
+
background-color: var(--utrecht-breadcrumb-link-disabled-background-color, var(--utrecht-breadcrumb-link-background-color));
|
|
61
|
+
color: var(--utrecht-link-placeholder-color);
|
|
62
|
+
}
|
|
63
|
+
|
|
110
64
|
/* stylelint-disable-next-line block-no-empty */
|
|
65
|
+
.utrecht-breadcrumb__separator {
|
|
66
|
+
/*
|
|
67
|
+
* Overwrite `style` attribute using "private" CSS variable for <li> hack:
|
|
68
|
+
* <li aria-hidden="true" hidden style="display: var(--_utrecht-breadcrumb-separator-display, block)">
|
|
69
|
+
*/
|
|
70
|
+
--_utrecht-breadcrumb-separator-display: flex;
|
|
71
|
+
--utrecht-icon-size: var(--utrecht-breadcrumb-separator-icon-size);
|
|
72
|
+
--utrecht-icon-color: var(--utrecht-breadcrumb-separator-icon-color);
|
|
73
|
+
align-items: center;
|
|
74
|
+
display: var(--_utrecht-breadcrumb-separator-display);
|
|
75
|
+
inline-size: var(--utrecht-breadcrumb-separator-inline-size);
|
|
76
|
+
}
|
|
77
|
+
|
|
111
78
|
.utrecht-breadcrumb--arrows {
|
|
112
79
|
/* https://css-tricks.com/triangle-breadcrumbs/ */
|
|
113
80
|
--utrecht-breadcrumb-arrow-size: 24px;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
|
|
2
2
|
import { c as clsx } from './clsx.m.js';
|
|
3
3
|
|
|
4
|
-
const breadcrumbCss = ".utrecht-breadcrumb
|
|
4
|
+
const breadcrumbCss = ".utrecht-breadcrumb{--utrecht-focus-background-color:var(--utrecht-breadcrumb-link-focus-background-color);--utrecht-link-background-color:var(--utrecht-breadcrumb-link-background-color);--utrecht-link-focus-color:var(--utrecht-breadcrumb-link-focus-color, var(--utrecht-breadcrumb-link-color));--utrecht-link-focus-text-decoration:var(--utrecht-link-text-decoration);--utrecht-link-hover-color:var(--utrecht-breadcrumb-link-color);--utrecht-link-hover-text-decoration:var(--utrecht-link-text-decoration);--utrecht-link-visited-color:var(--utrecht-breadcrumb-link-color);--utrecht-link-visited-text-decoration:var(--utrecht-link-text-decoration);--utrecht-link-color:var(--utrecht-breadcrumb-link-color);font-family:var(--utrecht-document-font-family, inherit);font-size:var(--utrecht-breadcrumb-font-size);text-transform:var(--utrecht-document-text-transform, inherit)}.utrecht-breadcrumb__heading{display:none}.utrecht-breadcrumb__list{block-size:var(--utrecht-breadcrumb-block-size);display:flex}ol.utrecht-breadcrumb__list{list-style:none;margin-block-end:0;margin-block-start:0;padding-inline-start:0}.utrecht-breadcrumb__item{block-size:100%}.utrecht-breadcrumb__link{background-color:var(--utrecht-breadcrumb-link-background-color);display:block;padding-block-end:var(--utrecht-breadcrumb-item-padding-block-end, 8px);padding-block-start:var(--utrecht-breadcrumb-item-padding-block-start, 8px);padding-inline-end:var(--utrecht-breadcrumb-item-padding-inline-end, 8px);padding-inline-start:var(--utrecht-breadcrumb-item-padding-inline-start, 8px)}.utrecht-breadcrumb__link--disabled{--utrecht-link-placeholder-color:var(--utrecht-breadcrumb-link-disabled-color, var(--utrecht-breadcrumb-link-color));background-color:var(--utrecht-breadcrumb-link-disabled-background-color, var(--utrecht-breadcrumb-link-background-color));color:var(--utrecht-link-placeholder-color)}.utrecht-breadcrumb__separator{--_utrecht-breadcrumb-separator-display:flex;--utrecht-icon-size:var(--utrecht-breadcrumb-separator-icon-size);--utrecht-icon-color:var(--utrecht-breadcrumb-separator-icon-color);align-items:center;display:var(--_utrecht-breadcrumb-separator-display);inline-size:var(--utrecht-breadcrumb-separator-inline-size)}.utrecht-breadcrumb--arrows{--utrecht-breadcrumb-arrow-size:24px;overflow:hidden}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link{padding-inline-end:0;position:relative}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link::after,.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link::before{block-size:0;border-block-end-width:var(--utrecht-breadcrumb-block-size);border-block-start-width:var(--utrecht-breadcrumb-block-size);border-color:transparent;border-style:solid;content:\" \";display:block;inline-size:0;inset-block-start:50%;inset-inline-start:100%;margin-block-start:calc(-1 * var(--utrecht-breadcrumb-block-size));position:absolute}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link::after{border-inline-start-color:var(--utrecht-breadcrumb-link-background-color);border-inline-start-width:var(--utrecht-breadcrumb-arrow-size);z-index:2}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link::before{border-inline-start-color:var(--utrecht-document-background-color);border-inline-start-width:var(--utrecht-breadcrumb-arrow-size);margin-block-start:calc(-1 * var(--utrecht-breadcrumb-block-size));margin-inline-start:1px;z-index:1}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link--focus,.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link:focus{background-color:var(--utrecht-breadcrumb-link-focus-background-color)}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link--focus::after,.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link:focus::after{border-inline-start-color:var(--utrecht-breadcrumb-link-focus-background-color)}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__item~.utrecht-breadcrumb__item .utrecht-breadcrumb__link{padding-inline-start:calc(var(--utrecht-breadcrumb-item-padding-inline-start) + var(--utrecht-breadcrumb-arrow-size))}.utrecht-breadcrumb__item~.utrecht-breadcrumb__item{margin-inline-start:var(--utrecht-breadcrumb-item-divider-inline-size)}.utrecht-link{--utrecht-icon-size:var(--utrecht-link-icon-size, 1em);color:var(--utrecht-link-color, blue);text-decoration:var(--utrecht-link-text-decoration, underline);text-decoration-color:var(--utrecht-link-text-decoration-color, currentColor);text-decoration-skip-ink:all;text-decoration-thickness:max(var(--utrecht-link-text-decoration-thickness), 1px);text-underline-offset:var(--utrecht-link-text-underline-offset)}.utrecht-link--icon-left{background-image:var(--utrecht-link-icon-left-background-image, none);background-position:0 0.25em;background-repeat:no-repeat;color:var(--utrecht-link-color, blue);font-weight:var(--utrecht-typography-weight-scale-bold-font-weight);padding-inline-start:var(--utrecht-space-block-md);text-decoration:none}.utrecht-link:visited,.utrecht-link--visited{color:var(--utrecht-link-visited-color, var(--utrecht-link-color))}.utrecht-link:hover,.utrecht-link--hover{color:var(--utrecht-link-hover-color, var(--utrecht-link-color));text-decoration:var(--utrecht-link-hover-text-decoration, var(--utrecht-link-text-decoration, underline));text-decoration-skip:none;text-decoration-skip-ink:none;text-decoration-thickness:max(var(--utrecht-link-hover-text-decoration-thickness, var(--utrecht-link-text-decoration-thickness)), 1px)}.utrecht-link--focus{background-color:var(--utrecht-link-focus-background-color, transparent);color:var(--utrecht-link-focus-color, var(--utrecht-link-color));text-decoration:var(--utrecht-link-focus-text-decoration, var(--utrecht-link-text-decoration, underline));text-decoration-skip:none;text-decoration-skip-ink:none;text-decoration-thickness:max(var(--utrecht-link-focus-text-decoration-thickness, var(--utrecht-link-text-decoration-thickness)), 1px)}.utrecht-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)}.utrecht-link:focus{background-color:var(--utrecht-link-focus-background-color, transparent);color:var(--utrecht-link-focus-color, var(--utrecht-link-color));text-decoration:var(--utrecht-link-focus-text-decoration, var(--utrecht-link-text-decoration, underline));text-decoration-skip:none;text-decoration-skip-ink:none;text-decoration-thickness:max(var(--utrecht-link-focus-text-decoration-thickness, var(--utrecht-link-text-decoration-thickness)), 1px);--_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)}.utrecht-link:focus:not(:focus-visible){box-shadow:none;outline-style:revert}.utrecht-link:active,.utrecht-link--active{color:var(--utrecht-link-active-color, var(--utrecht-link-color))}.utrecht-link--telephone{white-space:nowrap}.utrecht-link--box-content{color:unset;display:inline-block;text-decoration:unset;text-decoration-skip-ink:unset;text-decoration-thickness:unset;text-underline-offset:unset}.utrecht-link--placeholder{color:var(--utrecht-link-placeholder-color, var(--utrecht-link-color));cursor:var(--utrecht-action-disabled-cursor);text-decoration:none}:host{display:block}:host([hidden]){display:none !important}";
|
|
5
5
|
|
|
6
6
|
const Breadcrumb = /*@__PURE__*/ proxyCustomElement(class Breadcrumb extends HTMLElement {
|
|
7
7
|
constructor() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"utrecht-breadcrumb.js","mappings":";;;AAAA,MAAM,aAAa,GAAG,
|
|
1
|
+
{"file":"utrecht-breadcrumb.js","mappings":";;;AAAA,MAAM,aAAa,GAAG,8mPAA8mP;;MCYvnP,UAAU;;;;;;;;EAIrB,MAAM;IACJ,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC;IAC/B,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;IAElB,MAAM,KAAK,GAAG,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC;IAE3C,QACE,WAAK,KAAK,EAAE,IAAI,CAAC,oBAAoB,EAAE,OAAO,KAAK,QAAQ,IAAI,4BAA4B,CAAC,IAC1F,UAAI,KAAK,EAAC,0BAA0B,EAAC,SAAS,QAAC,QAAQ,EAAC,mCAAmC,IACxF,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,KAAK,MACzC,UACE,GAAG,EAAE,IAAI,EACT,KAAK,EAAC,0BAA0B,EAChC,SAAS,QACT,QAAQ,EAAC,6BAA6B,EACtC,QAAQ,EAAC,iBAAiB,IAE1B,SACE,KAAK,EAAE,IAAI,CAAC,0BAA0B,EAAE,cAAc,EAAE,OAAO,IAAI,uBAAuB,CAAC,EAC3F,IAAI,EAAE,IAAI,kBACI,OAAO,GAAG,UAAU,GAAG,IAAI,EACzC,QAAQ,EAAC,MAAM,IAEf,YAAM,KAAK,EAAC,0BAA0B,EAAC,QAAQ,EAAC,MAAM,IACnD,KAAK,CACD,EACP,YAAM,QAAQ,EAAC,UAAU,EAAC,OAAO,EAAE,KAAK,GAAG,CAAC,GAAI,CAC9C,CACD,CACN,CAAC,CACC,CACD,EACN;GACH;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/breadcrumb.scss?tag=utrecht-breadcrumb&encapsulation=shadow","./src/components/breadcrumb.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n */\n\n@import \"~@utrecht/components/breadcrumb/css\";\n@import \"~@utrecht/components/link/css\";\n\n:host {\n display: block;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/**\n * @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n */\nimport { Component, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n tag: 'utrecht-breadcrumb',\n styleUrl: 'breadcrumb.scss',\n shadow: true,\n})\nexport class Breadcrumb {\n @Prop() json: string;\n @Prop() variant: string;\n\n render() {\n const { json, variant } = this;\n console.log(json);\n\n const items = json ? JSON.parse(json) : [];\n\n return (\n <nav class={clsx('utrecht-breadcrumb', variant === 'arrows' && 'utrecht-breadcrumb--arrows')}>\n <ol class=\"utrecht-breadcrumb__list\" itemscope itemtype=\"https://schema.org/BreadcrumbList\">\n {items.map(({ href, title, current }, index) => (\n <li\n key={href}\n class=\"utrecht-breadcrumb__item\"\n itemscope\n itemtype=\"https://schema.org/ListItem\"\n itemprop=\"itemListElement\"\n >\n <a\n class={clsx('utrecht-breadcrumb__link', 'utrecht-link', current && 'utrecht-link--current')}\n href={href}\n aria-current={current ? 'location' : null}\n itemprop=\"item\"\n >\n <span class=\"utrecht-breadcrumb__text\" itemprop=\"name\">\n {title}\n </span>\n <meta itemprop=\"position\" content={index + 1} />\n </a>\n </li>\n ))}\n </ol>\n </nav>\n );\n }\n}\n"],"version":3}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { r as registerInstance, h } from './index-380964e2.js';
|
|
2
2
|
import { c as clsx } from './clsx.m-9f200cc0.js';
|
|
3
3
|
|
|
4
|
-
const breadcrumbCss = ".utrecht-breadcrumb
|
|
4
|
+
const breadcrumbCss = ".utrecht-breadcrumb{--utrecht-focus-background-color:var(--utrecht-breadcrumb-link-focus-background-color);--utrecht-link-background-color:var(--utrecht-breadcrumb-link-background-color);--utrecht-link-focus-color:var(--utrecht-breadcrumb-link-focus-color, var(--utrecht-breadcrumb-link-color));--utrecht-link-focus-text-decoration:var(--utrecht-link-text-decoration);--utrecht-link-hover-color:var(--utrecht-breadcrumb-link-color);--utrecht-link-hover-text-decoration:var(--utrecht-link-text-decoration);--utrecht-link-visited-color:var(--utrecht-breadcrumb-link-color);--utrecht-link-visited-text-decoration:var(--utrecht-link-text-decoration);--utrecht-link-color:var(--utrecht-breadcrumb-link-color);font-family:var(--utrecht-document-font-family, inherit);font-size:var(--utrecht-breadcrumb-font-size);text-transform:var(--utrecht-document-text-transform, inherit)}.utrecht-breadcrumb__heading{display:none}.utrecht-breadcrumb__list{block-size:var(--utrecht-breadcrumb-block-size);display:flex}ol.utrecht-breadcrumb__list{list-style:none;margin-block-end:0;margin-block-start:0;padding-inline-start:0}.utrecht-breadcrumb__item{block-size:100%}.utrecht-breadcrumb__link{background-color:var(--utrecht-breadcrumb-link-background-color);display:block;padding-block-end:var(--utrecht-breadcrumb-item-padding-block-end, 8px);padding-block-start:var(--utrecht-breadcrumb-item-padding-block-start, 8px);padding-inline-end:var(--utrecht-breadcrumb-item-padding-inline-end, 8px);padding-inline-start:var(--utrecht-breadcrumb-item-padding-inline-start, 8px)}.utrecht-breadcrumb__link--disabled{--utrecht-link-placeholder-color:var(--utrecht-breadcrumb-link-disabled-color, var(--utrecht-breadcrumb-link-color));background-color:var(--utrecht-breadcrumb-link-disabled-background-color, var(--utrecht-breadcrumb-link-background-color));color:var(--utrecht-link-placeholder-color)}.utrecht-breadcrumb__separator{--_utrecht-breadcrumb-separator-display:flex;--utrecht-icon-size:var(--utrecht-breadcrumb-separator-icon-size);--utrecht-icon-color:var(--utrecht-breadcrumb-separator-icon-color);align-items:center;display:var(--_utrecht-breadcrumb-separator-display);inline-size:var(--utrecht-breadcrumb-separator-inline-size)}.utrecht-breadcrumb--arrows{--utrecht-breadcrumb-arrow-size:24px;overflow:hidden}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link{padding-inline-end:0;position:relative}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link::after,.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link::before{block-size:0;border-block-end-width:var(--utrecht-breadcrumb-block-size);border-block-start-width:var(--utrecht-breadcrumb-block-size);border-color:transparent;border-style:solid;content:\" \";display:block;inline-size:0;inset-block-start:50%;inset-inline-start:100%;margin-block-start:calc(-1 * var(--utrecht-breadcrumb-block-size));position:absolute}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link::after{border-inline-start-color:var(--utrecht-breadcrumb-link-background-color);border-inline-start-width:var(--utrecht-breadcrumb-arrow-size);z-index:2}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link::before{border-inline-start-color:var(--utrecht-document-background-color);border-inline-start-width:var(--utrecht-breadcrumb-arrow-size);margin-block-start:calc(-1 * var(--utrecht-breadcrumb-block-size));margin-inline-start:1px;z-index:1}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link--focus,.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link:focus{background-color:var(--utrecht-breadcrumb-link-focus-background-color)}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link--focus::after,.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link:focus::after{border-inline-start-color:var(--utrecht-breadcrumb-link-focus-background-color)}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__item~.utrecht-breadcrumb__item .utrecht-breadcrumb__link{padding-inline-start:calc(var(--utrecht-breadcrumb-item-padding-inline-start) + var(--utrecht-breadcrumb-arrow-size))}.utrecht-breadcrumb__item~.utrecht-breadcrumb__item{margin-inline-start:var(--utrecht-breadcrumb-item-divider-inline-size)}.utrecht-link{--utrecht-icon-size:var(--utrecht-link-icon-size, 1em);color:var(--utrecht-link-color, blue);text-decoration:var(--utrecht-link-text-decoration, underline);text-decoration-color:var(--utrecht-link-text-decoration-color, currentColor);text-decoration-skip-ink:all;text-decoration-thickness:max(var(--utrecht-link-text-decoration-thickness), 1px);text-underline-offset:var(--utrecht-link-text-underline-offset)}.utrecht-link--icon-left{background-image:var(--utrecht-link-icon-left-background-image, none);background-position:0 0.25em;background-repeat:no-repeat;color:var(--utrecht-link-color, blue);font-weight:var(--utrecht-typography-weight-scale-bold-font-weight);padding-inline-start:var(--utrecht-space-block-md);text-decoration:none}.utrecht-link:visited,.utrecht-link--visited{color:var(--utrecht-link-visited-color, var(--utrecht-link-color))}.utrecht-link:hover,.utrecht-link--hover{color:var(--utrecht-link-hover-color, var(--utrecht-link-color));text-decoration:var(--utrecht-link-hover-text-decoration, var(--utrecht-link-text-decoration, underline));text-decoration-skip:none;text-decoration-skip-ink:none;text-decoration-thickness:max(var(--utrecht-link-hover-text-decoration-thickness, var(--utrecht-link-text-decoration-thickness)), 1px)}.utrecht-link--focus{background-color:var(--utrecht-link-focus-background-color, transparent);color:var(--utrecht-link-focus-color, var(--utrecht-link-color));text-decoration:var(--utrecht-link-focus-text-decoration, var(--utrecht-link-text-decoration, underline));text-decoration-skip:none;text-decoration-skip-ink:none;text-decoration-thickness:max(var(--utrecht-link-focus-text-decoration-thickness, var(--utrecht-link-text-decoration-thickness)), 1px)}.utrecht-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)}.utrecht-link:focus{background-color:var(--utrecht-link-focus-background-color, transparent);color:var(--utrecht-link-focus-color, var(--utrecht-link-color));text-decoration:var(--utrecht-link-focus-text-decoration, var(--utrecht-link-text-decoration, underline));text-decoration-skip:none;text-decoration-skip-ink:none;text-decoration-thickness:max(var(--utrecht-link-focus-text-decoration-thickness, var(--utrecht-link-text-decoration-thickness)), 1px);--_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)}.utrecht-link:focus:not(:focus-visible){box-shadow:none;outline-style:revert}.utrecht-link:active,.utrecht-link--active{color:var(--utrecht-link-active-color, var(--utrecht-link-color))}.utrecht-link--telephone{white-space:nowrap}.utrecht-link--box-content{color:unset;display:inline-block;text-decoration:unset;text-decoration-skip-ink:unset;text-decoration-thickness:unset;text-underline-offset:unset}.utrecht-link--placeholder{color:var(--utrecht-link-placeholder-color, var(--utrecht-link-color));cursor:var(--utrecht-action-disabled-cursor);text-decoration:none}:host{display:block}:host([hidden]){display:none !important}";
|
|
5
5
|
|
|
6
6
|
const Breadcrumb = class {
|
|
7
7
|
constructor(hostRef) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"utrecht-breadcrumb.entry.js","mappings":";;;AAAA,MAAM,aAAa,GAAG,
|
|
1
|
+
{"file":"utrecht-breadcrumb.entry.js","mappings":";;;AAAA,MAAM,aAAa,GAAG,8mPAA8mP;;MCYvnP,UAAU;;;;;;EAIrB,MAAM;IACJ,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC;IAC/B,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;IAElB,MAAM,KAAK,GAAG,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC;IAE3C,QACE,WAAK,KAAK,EAAE,IAAI,CAAC,oBAAoB,EAAE,OAAO,KAAK,QAAQ,IAAI,4BAA4B,CAAC,IAC1F,UAAI,KAAK,EAAC,0BAA0B,EAAC,SAAS,QAAC,QAAQ,EAAC,mCAAmC,IACxF,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,KAAK,MACzC,UACE,GAAG,EAAE,IAAI,EACT,KAAK,EAAC,0BAA0B,EAChC,SAAS,QACT,QAAQ,EAAC,6BAA6B,EACtC,QAAQ,EAAC,iBAAiB,IAE1B,SACE,KAAK,EAAE,IAAI,CAAC,0BAA0B,EAAE,cAAc,EAAE,OAAO,IAAI,uBAAuB,CAAC,EAC3F,IAAI,EAAE,IAAI,kBACI,OAAO,GAAG,UAAU,GAAG,IAAI,EACzC,QAAQ,EAAC,MAAM,IAEf,YAAM,KAAK,EAAC,0BAA0B,EAAC,QAAQ,EAAC,MAAM,IACnD,KAAK,CACD,EACP,YAAM,QAAQ,EAAC,UAAU,EAAC,OAAO,EAAE,KAAK,GAAG,CAAC,GAAI,CAC9C,CACD,CACN,CAAC,CACC,CACD,EACN;GACH;;;;;;","names":[],"sources":["./src/components/breadcrumb.scss?tag=utrecht-breadcrumb&encapsulation=shadow","./src/components/breadcrumb.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n */\n\n@import \"~@utrecht/components/breadcrumb/css\";\n@import \"~@utrecht/components/link/css\";\n\n:host {\n display: block;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/**\n * @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n */\nimport { Component, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n tag: 'utrecht-breadcrumb',\n styleUrl: 'breadcrumb.scss',\n shadow: true,\n})\nexport class Breadcrumb {\n @Prop() json: string;\n @Prop() variant: string;\n\n render() {\n const { json, variant } = this;\n console.log(json);\n\n const items = json ? JSON.parse(json) : [];\n\n return (\n <nav class={clsx('utrecht-breadcrumb', variant === 'arrows' && 'utrecht-breadcrumb--arrows')}>\n <ol class=\"utrecht-breadcrumb__list\" itemscope itemtype=\"https://schema.org/BreadcrumbList\">\n {items.map(({ href, title, current }, index) => (\n <li\n key={href}\n class=\"utrecht-breadcrumb__item\"\n itemscope\n itemtype=\"https://schema.org/ListItem\"\n itemprop=\"itemListElement\"\n >\n <a\n class={clsx('utrecht-breadcrumb__link', 'utrecht-link', current && 'utrecht-link--current')}\n href={href}\n aria-current={current ? 'location' : null}\n itemprop=\"item\"\n >\n <span class=\"utrecht-breadcrumb__text\" itemprop=\"name\">\n {title}\n </span>\n <meta itemprop=\"position\" content={index + 1} />\n </a>\n </li>\n ))}\n </ol>\n </nav>\n );\n }\n}\n"],"version":3}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r,h as t}from"./p-9bc062fc.js";import{c as e}from"./p-4345d76d.js";const c='.utrecht-breadcrumb{--utrecht-focus-background-color:var(--utrecht-breadcrumb-link-focus-background-color);--utrecht-link-background-color:var(--utrecht-breadcrumb-link-background-color);--utrecht-link-focus-color:var(--utrecht-breadcrumb-link-focus-color, var(--utrecht-breadcrumb-link-color));--utrecht-link-focus-text-decoration:var(--utrecht-link-text-decoration);--utrecht-link-hover-color:var(--utrecht-breadcrumb-link-color);--utrecht-link-hover-text-decoration:var(--utrecht-link-text-decoration);--utrecht-link-visited-color:var(--utrecht-breadcrumb-link-color);--utrecht-link-visited-text-decoration:var(--utrecht-link-text-decoration);--utrecht-link-color:var(--utrecht-breadcrumb-link-color);font-family:var(--utrecht-document-font-family, inherit);font-size:var(--utrecht-breadcrumb-font-size);text-transform:var(--utrecht-document-text-transform, inherit)}.utrecht-breadcrumb__heading{display:none}.utrecht-breadcrumb__list{block-size:var(--utrecht-breadcrumb-block-size);display:flex}ol.utrecht-breadcrumb__list{list-style:none;margin-block-end:0;margin-block-start:0;padding-inline-start:0}.utrecht-breadcrumb__item{block-size:100%}.utrecht-breadcrumb__link{background-color:var(--utrecht-breadcrumb-link-background-color);display:block;padding-block-end:var(--utrecht-breadcrumb-item-padding-block-end, 8px);padding-block-start:var(--utrecht-breadcrumb-item-padding-block-start, 8px);padding-inline-end:var(--utrecht-breadcrumb-item-padding-inline-end, 8px);padding-inline-start:var(--utrecht-breadcrumb-item-padding-inline-start, 8px)}.utrecht-breadcrumb__link--disabled{--utrecht-link-placeholder-color:var(--utrecht-breadcrumb-link-disabled-color, var(--utrecht-breadcrumb-link-color));background-color:var(--utrecht-breadcrumb-link-disabled-background-color, var(--utrecht-breadcrumb-link-background-color));color:var(--utrecht-link-placeholder-color)}.utrecht-breadcrumb__separator{--_utrecht-breadcrumb-separator-display:flex;--utrecht-icon-size:var(--utrecht-breadcrumb-separator-icon-size);--utrecht-icon-color:var(--utrecht-breadcrumb-separator-icon-color);align-items:center;display:var(--_utrecht-breadcrumb-separator-display);inline-size:var(--utrecht-breadcrumb-separator-inline-size)}.utrecht-breadcrumb--arrows{--utrecht-breadcrumb-arrow-size:24px;overflow:hidden}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link{padding-inline-end:0;position:relative}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link::after,.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link::before{block-size:0;border-block-end-width:var(--utrecht-breadcrumb-block-size);border-block-start-width:var(--utrecht-breadcrumb-block-size);border-color:transparent;border-style:solid;content:" ";display:block;inline-size:0;inset-block-start:50%;inset-inline-start:100%;margin-block-start:calc(-1 * var(--utrecht-breadcrumb-block-size));position:absolute}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link::after{border-inline-start-color:var(--utrecht-breadcrumb-link-background-color);border-inline-start-width:var(--utrecht-breadcrumb-arrow-size);z-index:2}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link::before{border-inline-start-color:var(--utrecht-document-background-color);border-inline-start-width:var(--utrecht-breadcrumb-arrow-size);margin-block-start:calc(-1 * var(--utrecht-breadcrumb-block-size));margin-inline-start:1px;z-index:1}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link--focus,.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link:focus{background-color:var(--utrecht-breadcrumb-link-focus-background-color)}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link--focus::after,.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link:focus::after{border-inline-start-color:var(--utrecht-breadcrumb-link-focus-background-color)}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__item~.utrecht-breadcrumb__item .utrecht-breadcrumb__link{padding-inline-start:calc(var(--utrecht-breadcrumb-item-padding-inline-start) + var(--utrecht-breadcrumb-arrow-size))}.utrecht-breadcrumb__item~.utrecht-breadcrumb__item{margin-inline-start:var(--utrecht-breadcrumb-item-divider-inline-size)}.utrecht-link{--utrecht-icon-size:var(--utrecht-link-icon-size, 1em);color:var(--utrecht-link-color, blue);text-decoration:var(--utrecht-link-text-decoration, underline);text-decoration-color:var(--utrecht-link-text-decoration-color, currentColor);text-decoration-skip-ink:all;text-decoration-thickness:max(var(--utrecht-link-text-decoration-thickness), 1px);text-underline-offset:var(--utrecht-link-text-underline-offset)}.utrecht-link--icon-left{background-image:var(--utrecht-link-icon-left-background-image, none);background-position:0 0.25em;background-repeat:no-repeat;color:var(--utrecht-link-color, blue);font-weight:var(--utrecht-typography-weight-scale-bold-font-weight);padding-inline-start:var(--utrecht-space-block-md);text-decoration:none}.utrecht-link:visited,.utrecht-link--visited{color:var(--utrecht-link-visited-color, var(--utrecht-link-color))}.utrecht-link:hover,.utrecht-link--hover{color:var(--utrecht-link-hover-color, var(--utrecht-link-color));text-decoration:var(--utrecht-link-hover-text-decoration, var(--utrecht-link-text-decoration, underline));text-decoration-skip:none;text-decoration-skip-ink:none;text-decoration-thickness:max(var(--utrecht-link-hover-text-decoration-thickness, var(--utrecht-link-text-decoration-thickness)), 1px)}.utrecht-link--focus{background-color:var(--utrecht-link-focus-background-color, transparent);color:var(--utrecht-link-focus-color, var(--utrecht-link-color));text-decoration:var(--utrecht-link-focus-text-decoration, var(--utrecht-link-text-decoration, underline));text-decoration-skip:none;text-decoration-skip-ink:none;text-decoration-thickness:max(var(--utrecht-link-focus-text-decoration-thickness, var(--utrecht-link-text-decoration-thickness)), 1px)}.utrecht-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)}.utrecht-link:focus{background-color:var(--utrecht-link-focus-background-color, transparent);color:var(--utrecht-link-focus-color, var(--utrecht-link-color));text-decoration:var(--utrecht-link-focus-text-decoration, var(--utrecht-link-text-decoration, underline));text-decoration-skip:none;text-decoration-skip-ink:none;text-decoration-thickness:max(var(--utrecht-link-focus-text-decoration-thickness, var(--utrecht-link-text-decoration-thickness)), 1px);--_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)}.utrecht-link:focus:not(:focus-visible){box-shadow:none;outline-style:revert}.utrecht-link:active,.utrecht-link--active{color:var(--utrecht-link-active-color, var(--utrecht-link-color))}.utrecht-link--telephone{white-space:nowrap}.utrecht-link--box-content{color:unset;display:inline-block;text-decoration:unset;text-decoration-skip-ink:unset;text-decoration-thickness:unset;text-underline-offset:unset}.utrecht-link--placeholder{color:var(--utrecht-link-placeholder-color, var(--utrecht-link-color));cursor:var(--utrecht-action-disabled-cursor);text-decoration:none}:host{display:block}:host([hidden]){display:none !important}';const o=class{constructor(t){r(this,t);this.json=undefined;this.variant=undefined}render(){const{json:r,variant:c}=this;console.log(r);const o=r?JSON.parse(r):[];return t("nav",{class:e("utrecht-breadcrumb",c==="arrows"&&"utrecht-breadcrumb--arrows")},t("ol",{class:"utrecht-breadcrumb__list",itemscope:true,itemtype:"https://schema.org/BreadcrumbList"},o.map((({href:r,title:c,current:o},i)=>t("li",{key:r,class:"utrecht-breadcrumb__item",itemscope:true,itemtype:"https://schema.org/ListItem",itemprop:"itemListElement"},t("a",{class:e("utrecht-breadcrumb__link","utrecht-link",o&&"utrecht-link--current"),href:r,"aria-current":o?"location":null,itemprop:"item"},t("span",{class:"utrecht-breadcrumb__text",itemprop:"name"},c),t("meta",{itemprop:"position",content:i+1})))))))}};o.style=c;export{o as utrecht_breadcrumb};
|
|
2
|
+
//# sourceMappingURL=p-6a9d84c0.entry.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["breadcrumbCss","Breadcrumb","render","json","variant","this","console","log","items","JSON","parse","h","class","clsx","itemscope","itemtype","map","href","title","current","index","key","itemprop","content"],"sources":["./src/components/breadcrumb.scss?tag=utrecht-breadcrumb&encapsulation=shadow","./src/components/breadcrumb.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n */\n\n@import \"~@utrecht/components/breadcrumb/css\";\n@import \"~@utrecht/components/link/css\";\n\n:host {\n display: block;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/**\n * @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n */\nimport { Component, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n tag: 'utrecht-breadcrumb',\n styleUrl: 'breadcrumb.scss',\n shadow: true,\n})\nexport class Breadcrumb {\n @Prop() json: string;\n @Prop() variant: string;\n\n render() {\n const { json, variant } = this;\n console.log(json);\n\n const items = json ? JSON.parse(json) : [];\n\n return (\n <nav class={clsx('utrecht-breadcrumb', variant === 'arrows' && 'utrecht-breadcrumb--arrows')}>\n <ol class=\"utrecht-breadcrumb__list\" itemscope itemtype=\"https://schema.org/BreadcrumbList\">\n {items.map(({ href, title, current }, index) => (\n <li\n key={href}\n class=\"utrecht-breadcrumb__item\"\n itemscope\n itemtype=\"https://schema.org/ListItem\"\n itemprop=\"itemListElement\"\n >\n <a\n class={clsx('utrecht-breadcrumb__link', 'utrecht-link', current && 'utrecht-link--current')}\n href={href}\n aria-current={current ? 'location' : null}\n itemprop=\"item\"\n >\n <span class=\"utrecht-breadcrumb__text\" itemprop=\"name\">\n {title}\n </span>\n <meta itemprop=\"position\" content={index + 1} />\n </a>\n </li>\n ))}\n </ol>\n </nav>\n );\n }\n}\n"],"mappings":"0EAAA,MAAMA,EAAgB,
|
|
1
|
+
{"version":3,"names":["breadcrumbCss","Breadcrumb","render","json","variant","this","console","log","items","JSON","parse","h","class","clsx","itemscope","itemtype","map","href","title","current","index","key","itemprop","content"],"sources":["./src/components/breadcrumb.scss?tag=utrecht-breadcrumb&encapsulation=shadow","./src/components/breadcrumb.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n */\n\n@import \"~@utrecht/components/breadcrumb/css\";\n@import \"~@utrecht/components/link/css\";\n\n:host {\n display: block;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/**\n * @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n */\nimport { Component, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n tag: 'utrecht-breadcrumb',\n styleUrl: 'breadcrumb.scss',\n shadow: true,\n})\nexport class Breadcrumb {\n @Prop() json: string;\n @Prop() variant: string;\n\n render() {\n const { json, variant } = this;\n console.log(json);\n\n const items = json ? JSON.parse(json) : [];\n\n return (\n <nav class={clsx('utrecht-breadcrumb', variant === 'arrows' && 'utrecht-breadcrumb--arrows')}>\n <ol class=\"utrecht-breadcrumb__list\" itemscope itemtype=\"https://schema.org/BreadcrumbList\">\n {items.map(({ href, title, current }, index) => (\n <li\n key={href}\n class=\"utrecht-breadcrumb__item\"\n itemscope\n itemtype=\"https://schema.org/ListItem\"\n itemprop=\"itemListElement\"\n >\n <a\n class={clsx('utrecht-breadcrumb__link', 'utrecht-link', current && 'utrecht-link--current')}\n href={href}\n aria-current={current ? 'location' : null}\n itemprop=\"item\"\n >\n <span class=\"utrecht-breadcrumb__text\" itemprop=\"name\">\n {title}\n </span>\n <meta itemprop=\"position\" content={index + 1} />\n </a>\n </li>\n ))}\n </ol>\n </nav>\n );\n }\n}\n"],"mappings":"0EAAA,MAAMA,EAAgB,6mP,MCYTC,EAAU,M,oEAIrBC,SACE,MAAMC,KAAEA,EAAIC,QAAEA,GAAYC,KAC1BC,QAAQC,IAAIJ,GAEZ,MAAMK,EAAQL,EAAOM,KAAKC,MAAMP,GAAQ,GAExC,OACEQ,EAAA,OAAKC,MAAOC,EAAK,qBAAsBT,IAAY,UAAY,+BAC7DO,EAAA,MAAIC,MAAM,2BAA2BE,UAAS,KAACC,SAAS,qCACrDP,EAAMQ,KAAI,EAAGC,OAAMC,QAAOC,WAAWC,IACpCT,EAAA,MACEU,IAAKJ,EACLL,MAAM,2BACNE,UAAS,KACTC,SAAS,8BACTO,SAAS,mBAETX,EAAA,KACEC,MAAOC,EAAK,2BAA4B,eAAgBM,GAAW,yBACnEF,KAAMA,EAAI,eACIE,EAAU,WAAa,KACrCG,SAAS,QAETX,EAAA,QAAMC,MAAM,2BAA2BU,SAAS,QAC7CJ,GAEHP,EAAA,QAAMW,SAAS,WAAWC,QAASH,EAAQ,S"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as e,b as t}from"./p-9bc062fc.js";export{s as setNonce}from"./p-9bc062fc.js";const c=()=>{const t=import.meta.url;const c={};if(t!==""){c.resourcesUrl=new URL(".",t).href}return e(c)};c().then((e=>t(JSON.parse('[["p-94b60b38",[[1,"utrecht-contact-card-template"]]],["p-798bd8d2",[[1,"utrecht-digid-button",{"type":[1]}]]],["p-cc6d406f",[[1,"utrecht-backdrop",{"viewport":[4]}]]],["p-e6b5db80",[[1,"utrecht-breadcrumb",{"json":[1],"variant":[1]}]]],["p-ae873a2f",[[1,"utrecht-checkbox",{"disabled":[516],"readOnly":[516,"readonly"],"checked":[4],"value":[1]}]]],["p-369c327b",[[1,"utrecht-custom-checkbox",{"disabled":[4],"checked":[4],"indeterminate":[4],"invalid":[4],"required":[4]}]]],["p-751f2fbb",[[1,"utrecht-eherkenning-logo"]]],["p-3193205d",[[1,"utrecht-eidas-logo"]]],["p-50e0b6fe",[[1,"utrecht-form-toggle",{"disabled":[516],"checked":[516]}]]],["p-e80ee683",[[4,"utrecht-html-content"]]],["p-8768583f",[[1,"utrecht-icon-afspraak-maken"]]],["p-e4f4c29d",[[1,"utrecht-icon-afval"]]],["p-7f0ce361",[[1,"utrecht-icon-afval-container"]]],["p-ea70aa33",[[1,"utrecht-icon-afval-containerpas"]]],["p-ec984b9b",[[1,"utrecht-icon-afval-kalender"]]],["p-59b20ff8",[[1,"utrecht-icon-afval-pmd"]]],["p-71212af2",[[1,"utrecht-icon-afval-scheiden"]]],["p-c426f8ce",[[1,"utrecht-icon-afvalkalender"]]],["p-a0597e07",[[1,"utrecht-icon-alleen"]]],["p-f2c25b1f",[[1,"utrecht-icon-arrow"]]],["p-c9f32baf",[[1,"utrecht-icon-auto"]]],["p-7e2076a8",[[1,"utrecht-icon-begroting"]]],["p-9de16743",[[1,"utrecht-icon-bestemmingsplan"]]],["p-01b14973",[[1,"utrecht-icon-betaaldatum"]]],["p-2d6d2ce8",[[1,"utrecht-icon-bewijsstukken"]]],["p-b7f6b428",[[1,"utrecht-icon-bijstand"]]],["p-7e2bb2e5",[[1,"utrecht-icon-blad"]]],["p-49bed181",[[1,"utrecht-icon-bouwproject"]]],["p-e3f08581",[[1,"utrecht-icon-brandgevaar"]]],["p-45358d02",[[1,"utrecht-icon-brief-betalen"]]],["p-d74d9ed6",[[1,"utrecht-icon-checkmark"]]],["p-1dba9e0a",[[1,"utrecht-icon-chevron-down"]]],["p-f4a1770f",[[1,"utrecht-icon-chevron-left"]]],["p-5b7bd50e",[[1,"utrecht-icon-chevron-right"]]],["p-b0657dfa",[[1,"utrecht-icon-chevron-up"]]],["p-26708816",[[1,"utrecht-icon-close"]]],["p-4adf8649",[[1,"utrecht-icon-college-b-w"]]],["p-1a04bb4d",[[1,"utrecht-icon-container"]]],["p-e34ee5de",[[1,"utrecht-icon-container-bio"]]],["p-2eb9b656",[[1,"utrecht-icon-container-glas"]]],["p-190ef8cc",[[1,"utrecht-icon-container-groenafval"]]],["p-c8a44b7d",[[1,"utrecht-icon-container-met-zak"]]],["p-a4674463",[[1,"utrecht-icon-container-papier"]]],["p-3802e8ab",[[1,"utrecht-icon-container-pmd"]]],["p-eedef1ae",[[1,"utrecht-icon-container-restafval"]]],["p-7cdcc454",[[1,"utrecht-icon-container-textiel"]]],["p-ddc3f4ea",[[1,"utrecht-icon-cross"]]],["p-d25eb5f2",[[1,"utrecht-icon-dakloos"]]],["p-bc3b498b",[[1,"utrecht-icon-dementie"]]],["p-2ee5d004",[[1,"utrecht-icon-documenten"]]],["p-ae1fafdd",[[1,"utrecht-icon-duurzaam"]]],["p-95673091",[[1,"utrecht-icon-eenzaamheid"]]],["p-b26163b3",[[1,"utrecht-icon-eikenprocessie"]]],["p-aa4f2572",[[1,"utrecht-icon-elektrisch-rijden"]]],["p-c8471951",[[1,"utrecht-icon-energie-vergoeding"]]],["p-5fc4e35c",[[1,"utrecht-icon-energietransitie"]]],["p-3937704c",[[1,"utrecht-icon-error"]]],["p-919ddb90",[[1,"utrecht-icon-evenementen"]]],["p-0dcbd043",[[1,"utrecht-icon-facebook"]]],["p-b46fa9cd",[[1,"utrecht-icon-fiets"]]],["p-a5b72109",[[1,"utrecht-icon-filter"]]],["p-61099fd6",[[1,"utrecht-icon-geboorte"]]],["p-2558ac87",[[1,"utrecht-icon-gebruiker-centraal"]]],["p-d4e17ba5",[[1,"utrecht-icon-gebruiker-ingelogd"]]],["p-e9b1152c",[[1,"utrecht-icon-gegevenswoordenboek"]]],["p-3165ea60",[[1,"utrecht-icon-geluid"]]],["p-c05223d8",[[1,"utrecht-icon-gemeente-locatie"]]],["p-ccf8a04c",[[1,"utrecht-icon-gemeenteraad"]]],["p-d7025015",[[1,"utrecht-icon-gereedschap"]]],["p-60e8b9e8",[[1,"utrecht-icon-gezicht"]]],["p-03272145",[[1,"utrecht-icon-gezin"]]],["p-c9d10630",[[1,"utrecht-icon-glas-afval"]]],["p-ff50b70f",[[1,"utrecht-icon-glijbaan"]]],["p-de6fad00",[[1,"utrecht-icon-grafiek"]]],["p-f32901b0",[[1,"utrecht-icon-grofvuil"]]],["p-75db0253",[[1,"utrecht-icon-grofvuil-ophalen"]]],["p-ac478160",[[1,"utrecht-icon-hamburger-menu"]]],["p-72d3a59e",[[1,"utrecht-icon-herdenking"]]],["p-ccea8287",[[1,"utrecht-icon-hondenbelasting"]]],["p-56c8971f",[[1,"utrecht-icon-horeca"]]],["p-b53fe76f",[[1,"utrecht-icon-horecavergunning"]]],["p-a23f8770",[[1,"utrecht-icon-huis"]]],["p-f0c5443f",[[1,"utrecht-icon-huis-en-omgeving"]]],["p-bcefe54b",[[1,"utrecht-icon-huishoudelijk-geweld"]]],["p-77cddc09",[[1,"utrecht-icon-hulp-huishouden"]]],["p-111a39ef",[[1,"utrecht-icon-hulp-vervoer"]]],["p-53c18998",[[1,"utrecht-icon-hulp-zorg"]]],["p-a7d22858",[[1,"utrecht-icon-hulpmiddelen-gezin"]]],["p-b2759cc5",[[1,"utrecht-icon-hulpverlening"]]],["p-85b65976",[[1,"utrecht-icon-idee"]]],["p-aaa9c118",[[1,"utrecht-icon-informatie"]]],["p-12a712b3",[[1,"utrecht-icon-information"]]],["p-913155a1",[[1,"utrecht-icon-innovatie"]]],["p-3d541b19",[[1,"utrecht-icon-inspraak-inwoners"]]],["p-d8215343",[[1,"utrecht-icon-instagram"]]],["p-e268bb6d",[[1,"utrecht-icon-kalender"]]],["p-4991dad8",[[1,"utrecht-icon-kennis"]]],["p-21c9ac81",[[1,"utrecht-icon-kerstbomen"]]],["p-099e689f",[[1,"utrecht-icon-klachten"]]],["p-7ad318f1",[[1,"utrecht-icon-kroon"]]],["p-aa2a53f2",[[1,"utrecht-icon-laadpaal"]]],["p-11ffa391",[[1,"utrecht-icon-language"]]],["p-42d3d38b",[[1,"utrecht-icon-lantaarnpaal"]]],["p-ff8c80ab",[[1,"utrecht-icon-lantaarnpaal-oud"]]],["p-049eaae5",[[1,"utrecht-icon-leren"]]],["p-f901df15",[[1,"utrecht-icon-let-op"]]],["p-ba8fe2c3",[[1,"utrecht-icon-linkedin"]]],["p-ce7fc05a",[[1,"utrecht-icon-list"]]],["p-ba3fb50f",[[1,"utrecht-icon-list-check"]]],["p-3052748e",[[1,"utrecht-icon-list-number"]]],["p-30f28146",[[1,"utrecht-icon-loupe"]]],["p-253e4b33",[[1,"utrecht-icon-markt"]]],["p-74b40898",[[1,"utrecht-icon-melding"]]],["p-45a5173e",[[1,"utrecht-icon-melding-boom"]]],["p-2b7bf2d6",[[1,"utrecht-icon-melding-klacht"]]],["p-e0585436",[[1,"utrecht-icon-melding-openbareruimte"]]],["p-786db8a3",[[1,"utrecht-icon-melding-verlichting"]]],["p-495fb0da",[[1,"utrecht-icon-menselijk"]]],["p-594667cd",[[1,"utrecht-icon-menu-dot"]]],["p-91f90781",[[1,"utrecht-icon-menu-dot-open"]]],["p-f82d8bb6",[[1,"utrecht-icon-meterkast"]]],["p-2f357763",[[1,"utrecht-icon-milieu-ontheffing"]]],["p-fc07715f",[[1,"utrecht-icon-milieu-zone"]]],["p-7d6c7aef",[[1,"utrecht-icon-minus"]]],["p-527c03f6",[[1,"utrecht-icon-minus-vertical"]]],["p-a9c1a0ad",[[1,"utrecht-icon-mobiliteit"]]],["p-41e23caf",[[1,"utrecht-icon-natuur"]]],["p-b4ad9f4a",[[1,"utrecht-icon-nieuw-huis"]]],["p-57ee34f4",[[1,"utrecht-icon-nummerbord"]]],["p-3a55120a",[[1,"utrecht-icon-om-het-huis"]]],["p-7b728541",[[1,"utrecht-icon-omgeving"]]],["p-2bae904f",[[1,"utrecht-icon-omgevingsvisie"]]],["p-248984d2",[[1,"utrecht-icon-omgevingswet"]]],["p-f0392f48",[[1,"utrecht-icon-onderhoud"]]],["p-dd3a23bd",[[1,"utrecht-icon-ondernemen"]]],["p-cfad76f9",[[1,"utrecht-icon-openingstijden"]]],["p-a89d3cc8",[[1,"utrecht-icon-over-de-stad"]]],["p-2272b5ae",[[1,"utrecht-icon-overlijden"]]],["p-0e1602ff",[[1,"utrecht-icon-panden"]]],["p-e44380ff",[[1,"utrecht-icon-park"]]],["p-9b9c6e7a",[[1,"utrecht-icon-parkeerkaart"]]],["p-eec89145",[[1,"utrecht-icon-parkeervergunning"]]],["p-5a5979d7",[[1,"utrecht-icon-parken"]]],["p-89356d26",[[1,"utrecht-icon-parkeren"]]],["p-c4a28a61",[[1,"utrecht-icon-parkeren-bedrijven"]]],["p-357e7c93",[[1,"utrecht-icon-parkeren-betaalautomaat"]]],["p-9c59dd84",[[1,"utrecht-icon-parkeren-betalen"]]],["p-9fc1dba9",[[1,"utrecht-icon-participatie-campagne"]]],["p-de00d26c",[[1,"utrecht-icon-participatie-like"]]],["p-df9486f2",[[1,"utrecht-icon-participatie-pitch"]]],["p-7c563b04",[[1,"utrecht-icon-paspoort"]]],["p-c3dd8fe9",[[1,"utrecht-icon-presentatie"]]],["p-20d51e5d",[[1,"utrecht-icon-prijskaartje"]]],["p-d9dbd9cf",[[1,"utrecht-icon-read-aloud"]]],["p-21b2c6cd",[[1,"utrecht-icon-rijbewijs"]]],["p-8c1d66c7",[[1,"utrecht-icon-rioolheffing"]]],["p-68fb33be",[[1,"utrecht-icon-rolstoel"]]],["p-39813775",[[1,"utrecht-icon-schild-gemeente-utrecht"]]],["p-856ee6a5",[[1,"utrecht-icon-search"]]],["p-5f371909",[[1,"utrecht-icon-shoppen"]]],["p-84dccc58",[[1,"utrecht-icon-sinterklaas"]]],["p-d30daee9",[[1,"utrecht-icon-slechtziende-hoordende"]]],["p-569b9774",[[1,"utrecht-icon-sport"]]],["p-8c66c9bf",[[1,"utrecht-icon-sport-en-cultuur"]]],["p-0610128b",[[1,"utrecht-icon-sport-voetbal"]]],["p-d92aa8c0",[[1,"utrecht-icon-stookverbod"]]],["p-efac34ec",[[1,"utrecht-icon-strand"]]],["p-4e2e361a",[[1,"utrecht-icon-strooien"]]],["p-b6ff6a3e",[[1,"utrecht-icon-subsidie"]]],["p-c6c9cd6b",[[1,"utrecht-icon-subsidie-gezin"]]],["p-dc52011b",[[1,"utrecht-icon-t-shirt"]]],["p-15ce2729",[[1,"utrecht-icon-thuiswerken"]]],["p-47050c11",[[1,"utrecht-icon-toeslag"]]],["p-7d0dda51",[[1,"utrecht-icon-trein"]]],["p-cfab45fd",[[1,"utrecht-icon-trouwen"]]],["p-9243ae47",[[1,"utrecht-icon-twitter"]]],["p-5e571e1d",[[1,"utrecht-icon-user"]]],["p-e49756d3",[[1,"utrecht-icon-uw-wijk"]]],["p-92301980",[[1,"utrecht-icon-vaccinatie"]]],["p-9611b8d8",[[1,"utrecht-icon-veilige-wijk"]]],["p-4e7e7e7a",[[1,"utrecht-icon-vergaderen"]]],["p-bd528ad1",[[1,"utrecht-icon-vergaderendigitaal"]]],["p-b998059c",[[1,"utrecht-icon-vergoeding"]]],["p-48f0c137",[[1,"utrecht-icon-verhuizen"]]],["p-77c5b863",[[1,"utrecht-icon-verkeerslicht"]]],["p-43bcedf3",[[1,"utrecht-icon-verkiezingen"]]],["p-498bf818",[[1,"utrecht-icon-verslaving"]]],["p-6fdee40c",[[1,"utrecht-icon-vervoersvoorziening"]]],["p-614f7b4f",[[1,"utrecht-icon-virus"]]],["p-d7d8eeb2",[[1,"utrecht-icon-vluchtelingen"]]],["p-0ecf600e",[[1,"utrecht-icon-voorzieningen-vervoer"]]],["p-7cd0cc66",[[1,"utrecht-icon-vrijwilligerswerk"]]],["p-f017a6fa",[[1,"utrecht-icon-vuilnisbak"]]],["p-6ff2bf77",[[1,"utrecht-icon-vuilniszak"]]],["p-00b13ac8",[[1,"utrecht-icon-vuurwerk"]]],["p-fa5807b6",[[1,"utrecht-icon-wandelstok"]]],["p-f340263e",[[1,"utrecht-icon-warm"]]],["p-40fcfd67",[[1,"utrecht-icon-warning"]]],["p-16d2cced",[[1,"utrecht-icon-werken"]]],["p-3d0f8e66",[[1,"utrecht-icon-werkzaamheden"]]],["p-65f58cb8",[[1,"utrecht-icon-whatsapp"]]],["p-27610644",[[1,"utrecht-icon-wonen-kosten"]]],["p-0e56be76",[[1,"utrecht-icon-woning-zoeken"]]],["p-fa8def49",[[1,"utrecht-icon-x"]]],["p-8b3acc85",[[1,"utrecht-icon-youtube"]]],["p-0685ac83",[[1,"utrecht-icon-zelfstandig-wonen"]]],["p-a25528fe",[[1,"utrecht-icon-zoom-minus"]]],["p-d134fead",[[1,"utrecht-icon-zoom-plus"]]],["p-909ce31a",[[1,"utrecht-icon-zoomin"]]],["p-f613755e",[[1,"utrecht-icon-zoomout"]]],["p-8fdd6bf9",[[1,"utrecht-icon-zorg-huis"]]],["p-6fe92ecf",[[1,"utrecht-icon-zweefpaal"]]],["p-d6bf15a0",[[1,"utrecht-icon-zwemmen"]]],["p-9b38ba7e",[[1,"utrecht-logo-button"]]],["p-29d7b2cc",[[1,"utrecht-map-marker"]]],["p-1ddcb442",[[1,"utrecht-page-footer"]]],["p-29297113",[[1,"utrecht-pagination",{"links":[1],"next":[1],"prev":[1],"currentIndex":[2,"current-index"]}]]],["p-293ac3ba",[[1,"utrecht-sidenav",{"json":[1]}]]],["p-10072a04",[[1,"utrecht-surface"]]],["p-32879f3d",[[1,"utrecht-table"]]],["p-6e7d6863",[[1,"utrecht-table-body"]]],["p-3980f8a7",[[1,"utrecht-table-caption"]]],["p-fbc89f02",[[1,"utrecht-table-cell"]]],["p-9884f871",[[1,"utrecht-table-footer"]]],["p-81f057bd",[[1,"utrecht-table-header"]]],["p-c54d9abb",[[1,"utrecht-table-header-cell",{"scope":[1]}]]],["p-2d6e3137",[[1,"utrecht-table-row"]]],["p-bc2ff539",[[1,"utrecht-textarea",{"disabled":[516],"invalid":[516],"placeholder":[1],"readOnly":[516,"readonly"],"required":[516],"value":[1]}]]],["p-0eb533a7",[[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-d73b1398",[[1,"utrecht-digid-logo"]]],["p-8390e6e2",[[1,"utrecht-form-field-checkbox",{"label":[1],"disabled":[516],"checked":[516],"invalid":[516],"required":[516],"name":[1],"value":[1]}],[1,"utrecht-form-field-textarea",{"disabled":[516],"invalid":[516],"label":[1],"name":[1],"readOnly":[516,"readonly"],"placeholder":[1],"required":[516],"value":[1]}],[1,"utrecht-form-field-textbox",{"autoComplete":[513,"autocomplete"],"disabled":[516],"invalid":[516],"label":[1],"min":[1],"max":[1],"name":[1],"pattern":[1],"placeholder":[1],"readOnly":[516,"readonly"],"required":[516],"type":[513],"value":[1]}],[1,"utrecht-alert",{"type":[1]}],[1,"utrecht-article"],[1,"utrecht-badge-counter",{"value":[2],"max":[2],"locale":[1]}],[1,"utrecht-badge-data"],[1,"utrecht-badge-list"],[1,"utrecht-badge-status",{"status":[1]}],[1,"utrecht-button",{"appearance":[1],"busy":[4],"disabled":[4],"form":[513,"readonly"],"formAction":[513,"formaction"],"formEnctype":[513,"formenctype"],"formMethod":[513,"formmethod"],"formNoValidate":[516,"formnovalidate"],"formTarget":[513,"formtarget"],"popoverTarget":[513,"popovertarget"],"popoverTargetAction":[513,"popovertargetaction"],"name":[1],"value":[1],"type":[1]}],[1,"utrecht-button-group"],[1,"utrecht-button-link",{"appearance":[1],"external":[4],"href":[1],"placeholder":[4]}],[1,"utrecht-code"],[1,"utrecht-code-block"],[1,"utrecht-color-sample",{"color":[1]}],[1,"utrecht-document"],[1,"utrecht-emphasis"],[1,"utrecht-heading",{"level":[2]}],[1,"utrecht-heading-1"],[1,"utrecht-heading-4"],[1,"utrecht-heading-5"],[1,"utrecht-heading-6"],[1,"utrecht-heading-group"],[1,"utrecht-iban-data",{"value":[1]}],[1,"utrecht-icon"],[1,"utrecht-link",{"href":[1]}],[1,"utrecht-link-button",{"disabled":[4],"type":[1],"inline":[4],"pressed":[4]}],[1,"utrecht-logo"],[1,"utrecht-mark"],[1,"utrecht-number-value",{"value":[8]}],[1,"utrecht-page"],[1,"utrecht-page-content"],[1,"utrecht-page-header"],[1,"utrecht-pre-heading"],[1,"utrecht-separator"],[1,"utrecht-skip-link",{"href":[1]}],[1,"utrecht-spotlight-section",{"appearance":[1]}],[1,"utrecht-url"],[1,"utrecht-heading-2"],[1,"utrecht-heading-3"],[1,"utrecht-paragraph",{"lead":[4]}],[1,"utrecht-form-field-description",{"status":[513]}]]]]'),e)));
|
|
1
|
+
import{p as e,b as t}from"./p-9bc062fc.js";export{s as setNonce}from"./p-9bc062fc.js";const c=()=>{const t=import.meta.url;const c={};if(t!==""){c.resourcesUrl=new URL(".",t).href}return e(c)};c().then((e=>t(JSON.parse('[["p-94b60b38",[[1,"utrecht-contact-card-template"]]],["p-798bd8d2",[[1,"utrecht-digid-button",{"type":[1]}]]],["p-cc6d406f",[[1,"utrecht-backdrop",{"viewport":[4]}]]],["p-6a9d84c0",[[1,"utrecht-breadcrumb",{"json":[1],"variant":[1]}]]],["p-ae873a2f",[[1,"utrecht-checkbox",{"disabled":[516],"readOnly":[516,"readonly"],"checked":[4],"value":[1]}]]],["p-369c327b",[[1,"utrecht-custom-checkbox",{"disabled":[4],"checked":[4],"indeterminate":[4],"invalid":[4],"required":[4]}]]],["p-751f2fbb",[[1,"utrecht-eherkenning-logo"]]],["p-3193205d",[[1,"utrecht-eidas-logo"]]],["p-50e0b6fe",[[1,"utrecht-form-toggle",{"disabled":[516],"checked":[516]}]]],["p-e80ee683",[[4,"utrecht-html-content"]]],["p-8768583f",[[1,"utrecht-icon-afspraak-maken"]]],["p-e4f4c29d",[[1,"utrecht-icon-afval"]]],["p-7f0ce361",[[1,"utrecht-icon-afval-container"]]],["p-ea70aa33",[[1,"utrecht-icon-afval-containerpas"]]],["p-ec984b9b",[[1,"utrecht-icon-afval-kalender"]]],["p-59b20ff8",[[1,"utrecht-icon-afval-pmd"]]],["p-71212af2",[[1,"utrecht-icon-afval-scheiden"]]],["p-c426f8ce",[[1,"utrecht-icon-afvalkalender"]]],["p-a0597e07",[[1,"utrecht-icon-alleen"]]],["p-f2c25b1f",[[1,"utrecht-icon-arrow"]]],["p-c9f32baf",[[1,"utrecht-icon-auto"]]],["p-7e2076a8",[[1,"utrecht-icon-begroting"]]],["p-9de16743",[[1,"utrecht-icon-bestemmingsplan"]]],["p-01b14973",[[1,"utrecht-icon-betaaldatum"]]],["p-2d6d2ce8",[[1,"utrecht-icon-bewijsstukken"]]],["p-b7f6b428",[[1,"utrecht-icon-bijstand"]]],["p-7e2bb2e5",[[1,"utrecht-icon-blad"]]],["p-49bed181",[[1,"utrecht-icon-bouwproject"]]],["p-e3f08581",[[1,"utrecht-icon-brandgevaar"]]],["p-45358d02",[[1,"utrecht-icon-brief-betalen"]]],["p-d74d9ed6",[[1,"utrecht-icon-checkmark"]]],["p-1dba9e0a",[[1,"utrecht-icon-chevron-down"]]],["p-f4a1770f",[[1,"utrecht-icon-chevron-left"]]],["p-5b7bd50e",[[1,"utrecht-icon-chevron-right"]]],["p-b0657dfa",[[1,"utrecht-icon-chevron-up"]]],["p-26708816",[[1,"utrecht-icon-close"]]],["p-4adf8649",[[1,"utrecht-icon-college-b-w"]]],["p-1a04bb4d",[[1,"utrecht-icon-container"]]],["p-e34ee5de",[[1,"utrecht-icon-container-bio"]]],["p-2eb9b656",[[1,"utrecht-icon-container-glas"]]],["p-190ef8cc",[[1,"utrecht-icon-container-groenafval"]]],["p-c8a44b7d",[[1,"utrecht-icon-container-met-zak"]]],["p-a4674463",[[1,"utrecht-icon-container-papier"]]],["p-3802e8ab",[[1,"utrecht-icon-container-pmd"]]],["p-eedef1ae",[[1,"utrecht-icon-container-restafval"]]],["p-7cdcc454",[[1,"utrecht-icon-container-textiel"]]],["p-ddc3f4ea",[[1,"utrecht-icon-cross"]]],["p-d25eb5f2",[[1,"utrecht-icon-dakloos"]]],["p-bc3b498b",[[1,"utrecht-icon-dementie"]]],["p-2ee5d004",[[1,"utrecht-icon-documenten"]]],["p-ae1fafdd",[[1,"utrecht-icon-duurzaam"]]],["p-95673091",[[1,"utrecht-icon-eenzaamheid"]]],["p-b26163b3",[[1,"utrecht-icon-eikenprocessie"]]],["p-aa4f2572",[[1,"utrecht-icon-elektrisch-rijden"]]],["p-c8471951",[[1,"utrecht-icon-energie-vergoeding"]]],["p-5fc4e35c",[[1,"utrecht-icon-energietransitie"]]],["p-3937704c",[[1,"utrecht-icon-error"]]],["p-919ddb90",[[1,"utrecht-icon-evenementen"]]],["p-0dcbd043",[[1,"utrecht-icon-facebook"]]],["p-b46fa9cd",[[1,"utrecht-icon-fiets"]]],["p-a5b72109",[[1,"utrecht-icon-filter"]]],["p-61099fd6",[[1,"utrecht-icon-geboorte"]]],["p-2558ac87",[[1,"utrecht-icon-gebruiker-centraal"]]],["p-d4e17ba5",[[1,"utrecht-icon-gebruiker-ingelogd"]]],["p-e9b1152c",[[1,"utrecht-icon-gegevenswoordenboek"]]],["p-3165ea60",[[1,"utrecht-icon-geluid"]]],["p-c05223d8",[[1,"utrecht-icon-gemeente-locatie"]]],["p-ccf8a04c",[[1,"utrecht-icon-gemeenteraad"]]],["p-d7025015",[[1,"utrecht-icon-gereedschap"]]],["p-60e8b9e8",[[1,"utrecht-icon-gezicht"]]],["p-03272145",[[1,"utrecht-icon-gezin"]]],["p-c9d10630",[[1,"utrecht-icon-glas-afval"]]],["p-ff50b70f",[[1,"utrecht-icon-glijbaan"]]],["p-de6fad00",[[1,"utrecht-icon-grafiek"]]],["p-f32901b0",[[1,"utrecht-icon-grofvuil"]]],["p-75db0253",[[1,"utrecht-icon-grofvuil-ophalen"]]],["p-ac478160",[[1,"utrecht-icon-hamburger-menu"]]],["p-72d3a59e",[[1,"utrecht-icon-herdenking"]]],["p-ccea8287",[[1,"utrecht-icon-hondenbelasting"]]],["p-56c8971f",[[1,"utrecht-icon-horeca"]]],["p-b53fe76f",[[1,"utrecht-icon-horecavergunning"]]],["p-a23f8770",[[1,"utrecht-icon-huis"]]],["p-f0c5443f",[[1,"utrecht-icon-huis-en-omgeving"]]],["p-bcefe54b",[[1,"utrecht-icon-huishoudelijk-geweld"]]],["p-77cddc09",[[1,"utrecht-icon-hulp-huishouden"]]],["p-111a39ef",[[1,"utrecht-icon-hulp-vervoer"]]],["p-53c18998",[[1,"utrecht-icon-hulp-zorg"]]],["p-a7d22858",[[1,"utrecht-icon-hulpmiddelen-gezin"]]],["p-b2759cc5",[[1,"utrecht-icon-hulpverlening"]]],["p-85b65976",[[1,"utrecht-icon-idee"]]],["p-aaa9c118",[[1,"utrecht-icon-informatie"]]],["p-12a712b3",[[1,"utrecht-icon-information"]]],["p-913155a1",[[1,"utrecht-icon-innovatie"]]],["p-3d541b19",[[1,"utrecht-icon-inspraak-inwoners"]]],["p-d8215343",[[1,"utrecht-icon-instagram"]]],["p-e268bb6d",[[1,"utrecht-icon-kalender"]]],["p-4991dad8",[[1,"utrecht-icon-kennis"]]],["p-21c9ac81",[[1,"utrecht-icon-kerstbomen"]]],["p-099e689f",[[1,"utrecht-icon-klachten"]]],["p-7ad318f1",[[1,"utrecht-icon-kroon"]]],["p-aa2a53f2",[[1,"utrecht-icon-laadpaal"]]],["p-11ffa391",[[1,"utrecht-icon-language"]]],["p-42d3d38b",[[1,"utrecht-icon-lantaarnpaal"]]],["p-ff8c80ab",[[1,"utrecht-icon-lantaarnpaal-oud"]]],["p-049eaae5",[[1,"utrecht-icon-leren"]]],["p-f901df15",[[1,"utrecht-icon-let-op"]]],["p-ba8fe2c3",[[1,"utrecht-icon-linkedin"]]],["p-ce7fc05a",[[1,"utrecht-icon-list"]]],["p-ba3fb50f",[[1,"utrecht-icon-list-check"]]],["p-3052748e",[[1,"utrecht-icon-list-number"]]],["p-30f28146",[[1,"utrecht-icon-loupe"]]],["p-253e4b33",[[1,"utrecht-icon-markt"]]],["p-74b40898",[[1,"utrecht-icon-melding"]]],["p-45a5173e",[[1,"utrecht-icon-melding-boom"]]],["p-2b7bf2d6",[[1,"utrecht-icon-melding-klacht"]]],["p-e0585436",[[1,"utrecht-icon-melding-openbareruimte"]]],["p-786db8a3",[[1,"utrecht-icon-melding-verlichting"]]],["p-495fb0da",[[1,"utrecht-icon-menselijk"]]],["p-594667cd",[[1,"utrecht-icon-menu-dot"]]],["p-91f90781",[[1,"utrecht-icon-menu-dot-open"]]],["p-f82d8bb6",[[1,"utrecht-icon-meterkast"]]],["p-2f357763",[[1,"utrecht-icon-milieu-ontheffing"]]],["p-fc07715f",[[1,"utrecht-icon-milieu-zone"]]],["p-7d6c7aef",[[1,"utrecht-icon-minus"]]],["p-527c03f6",[[1,"utrecht-icon-minus-vertical"]]],["p-a9c1a0ad",[[1,"utrecht-icon-mobiliteit"]]],["p-41e23caf",[[1,"utrecht-icon-natuur"]]],["p-b4ad9f4a",[[1,"utrecht-icon-nieuw-huis"]]],["p-57ee34f4",[[1,"utrecht-icon-nummerbord"]]],["p-3a55120a",[[1,"utrecht-icon-om-het-huis"]]],["p-7b728541",[[1,"utrecht-icon-omgeving"]]],["p-2bae904f",[[1,"utrecht-icon-omgevingsvisie"]]],["p-248984d2",[[1,"utrecht-icon-omgevingswet"]]],["p-f0392f48",[[1,"utrecht-icon-onderhoud"]]],["p-dd3a23bd",[[1,"utrecht-icon-ondernemen"]]],["p-cfad76f9",[[1,"utrecht-icon-openingstijden"]]],["p-a89d3cc8",[[1,"utrecht-icon-over-de-stad"]]],["p-2272b5ae",[[1,"utrecht-icon-overlijden"]]],["p-0e1602ff",[[1,"utrecht-icon-panden"]]],["p-e44380ff",[[1,"utrecht-icon-park"]]],["p-9b9c6e7a",[[1,"utrecht-icon-parkeerkaart"]]],["p-eec89145",[[1,"utrecht-icon-parkeervergunning"]]],["p-5a5979d7",[[1,"utrecht-icon-parken"]]],["p-89356d26",[[1,"utrecht-icon-parkeren"]]],["p-c4a28a61",[[1,"utrecht-icon-parkeren-bedrijven"]]],["p-357e7c93",[[1,"utrecht-icon-parkeren-betaalautomaat"]]],["p-9c59dd84",[[1,"utrecht-icon-parkeren-betalen"]]],["p-9fc1dba9",[[1,"utrecht-icon-participatie-campagne"]]],["p-de00d26c",[[1,"utrecht-icon-participatie-like"]]],["p-df9486f2",[[1,"utrecht-icon-participatie-pitch"]]],["p-7c563b04",[[1,"utrecht-icon-paspoort"]]],["p-c3dd8fe9",[[1,"utrecht-icon-presentatie"]]],["p-20d51e5d",[[1,"utrecht-icon-prijskaartje"]]],["p-d9dbd9cf",[[1,"utrecht-icon-read-aloud"]]],["p-21b2c6cd",[[1,"utrecht-icon-rijbewijs"]]],["p-8c1d66c7",[[1,"utrecht-icon-rioolheffing"]]],["p-68fb33be",[[1,"utrecht-icon-rolstoel"]]],["p-39813775",[[1,"utrecht-icon-schild-gemeente-utrecht"]]],["p-856ee6a5",[[1,"utrecht-icon-search"]]],["p-5f371909",[[1,"utrecht-icon-shoppen"]]],["p-84dccc58",[[1,"utrecht-icon-sinterklaas"]]],["p-d30daee9",[[1,"utrecht-icon-slechtziende-hoordende"]]],["p-569b9774",[[1,"utrecht-icon-sport"]]],["p-8c66c9bf",[[1,"utrecht-icon-sport-en-cultuur"]]],["p-0610128b",[[1,"utrecht-icon-sport-voetbal"]]],["p-d92aa8c0",[[1,"utrecht-icon-stookverbod"]]],["p-efac34ec",[[1,"utrecht-icon-strand"]]],["p-4e2e361a",[[1,"utrecht-icon-strooien"]]],["p-b6ff6a3e",[[1,"utrecht-icon-subsidie"]]],["p-c6c9cd6b",[[1,"utrecht-icon-subsidie-gezin"]]],["p-dc52011b",[[1,"utrecht-icon-t-shirt"]]],["p-15ce2729",[[1,"utrecht-icon-thuiswerken"]]],["p-47050c11",[[1,"utrecht-icon-toeslag"]]],["p-7d0dda51",[[1,"utrecht-icon-trein"]]],["p-cfab45fd",[[1,"utrecht-icon-trouwen"]]],["p-9243ae47",[[1,"utrecht-icon-twitter"]]],["p-5e571e1d",[[1,"utrecht-icon-user"]]],["p-e49756d3",[[1,"utrecht-icon-uw-wijk"]]],["p-92301980",[[1,"utrecht-icon-vaccinatie"]]],["p-9611b8d8",[[1,"utrecht-icon-veilige-wijk"]]],["p-4e7e7e7a",[[1,"utrecht-icon-vergaderen"]]],["p-bd528ad1",[[1,"utrecht-icon-vergaderendigitaal"]]],["p-b998059c",[[1,"utrecht-icon-vergoeding"]]],["p-48f0c137",[[1,"utrecht-icon-verhuizen"]]],["p-77c5b863",[[1,"utrecht-icon-verkeerslicht"]]],["p-43bcedf3",[[1,"utrecht-icon-verkiezingen"]]],["p-498bf818",[[1,"utrecht-icon-verslaving"]]],["p-6fdee40c",[[1,"utrecht-icon-vervoersvoorziening"]]],["p-614f7b4f",[[1,"utrecht-icon-virus"]]],["p-d7d8eeb2",[[1,"utrecht-icon-vluchtelingen"]]],["p-0ecf600e",[[1,"utrecht-icon-voorzieningen-vervoer"]]],["p-7cd0cc66",[[1,"utrecht-icon-vrijwilligerswerk"]]],["p-f017a6fa",[[1,"utrecht-icon-vuilnisbak"]]],["p-6ff2bf77",[[1,"utrecht-icon-vuilniszak"]]],["p-00b13ac8",[[1,"utrecht-icon-vuurwerk"]]],["p-fa5807b6",[[1,"utrecht-icon-wandelstok"]]],["p-f340263e",[[1,"utrecht-icon-warm"]]],["p-40fcfd67",[[1,"utrecht-icon-warning"]]],["p-16d2cced",[[1,"utrecht-icon-werken"]]],["p-3d0f8e66",[[1,"utrecht-icon-werkzaamheden"]]],["p-65f58cb8",[[1,"utrecht-icon-whatsapp"]]],["p-27610644",[[1,"utrecht-icon-wonen-kosten"]]],["p-0e56be76",[[1,"utrecht-icon-woning-zoeken"]]],["p-fa8def49",[[1,"utrecht-icon-x"]]],["p-8b3acc85",[[1,"utrecht-icon-youtube"]]],["p-0685ac83",[[1,"utrecht-icon-zelfstandig-wonen"]]],["p-a25528fe",[[1,"utrecht-icon-zoom-minus"]]],["p-d134fead",[[1,"utrecht-icon-zoom-plus"]]],["p-909ce31a",[[1,"utrecht-icon-zoomin"]]],["p-f613755e",[[1,"utrecht-icon-zoomout"]]],["p-8fdd6bf9",[[1,"utrecht-icon-zorg-huis"]]],["p-6fe92ecf",[[1,"utrecht-icon-zweefpaal"]]],["p-d6bf15a0",[[1,"utrecht-icon-zwemmen"]]],["p-9b38ba7e",[[1,"utrecht-logo-button"]]],["p-29d7b2cc",[[1,"utrecht-map-marker"]]],["p-1ddcb442",[[1,"utrecht-page-footer"]]],["p-29297113",[[1,"utrecht-pagination",{"links":[1],"next":[1],"prev":[1],"currentIndex":[2,"current-index"]}]]],["p-293ac3ba",[[1,"utrecht-sidenav",{"json":[1]}]]],["p-10072a04",[[1,"utrecht-surface"]]],["p-32879f3d",[[1,"utrecht-table"]]],["p-6e7d6863",[[1,"utrecht-table-body"]]],["p-3980f8a7",[[1,"utrecht-table-caption"]]],["p-fbc89f02",[[1,"utrecht-table-cell"]]],["p-9884f871",[[1,"utrecht-table-footer"]]],["p-81f057bd",[[1,"utrecht-table-header"]]],["p-c54d9abb",[[1,"utrecht-table-header-cell",{"scope":[1]}]]],["p-2d6e3137",[[1,"utrecht-table-row"]]],["p-bc2ff539",[[1,"utrecht-textarea",{"disabled":[516],"invalid":[516],"placeholder":[1],"readOnly":[516,"readonly"],"required":[516],"value":[1]}]]],["p-0eb533a7",[[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-d73b1398",[[1,"utrecht-digid-logo"]]],["p-8390e6e2",[[1,"utrecht-form-field-checkbox",{"label":[1],"disabled":[516],"checked":[516],"invalid":[516],"required":[516],"name":[1],"value":[1]}],[1,"utrecht-form-field-textarea",{"disabled":[516],"invalid":[516],"label":[1],"name":[1],"readOnly":[516,"readonly"],"placeholder":[1],"required":[516],"value":[1]}],[1,"utrecht-form-field-textbox",{"autoComplete":[513,"autocomplete"],"disabled":[516],"invalid":[516],"label":[1],"min":[1],"max":[1],"name":[1],"pattern":[1],"placeholder":[1],"readOnly":[516,"readonly"],"required":[516],"type":[513],"value":[1]}],[1,"utrecht-alert",{"type":[1]}],[1,"utrecht-article"],[1,"utrecht-badge-counter",{"value":[2],"max":[2],"locale":[1]}],[1,"utrecht-badge-data"],[1,"utrecht-badge-list"],[1,"utrecht-badge-status",{"status":[1]}],[1,"utrecht-button",{"appearance":[1],"busy":[4],"disabled":[4],"form":[513,"readonly"],"formAction":[513,"formaction"],"formEnctype":[513,"formenctype"],"formMethod":[513,"formmethod"],"formNoValidate":[516,"formnovalidate"],"formTarget":[513,"formtarget"],"popoverTarget":[513,"popovertarget"],"popoverTargetAction":[513,"popovertargetaction"],"name":[1],"value":[1],"type":[1]}],[1,"utrecht-button-group"],[1,"utrecht-button-link",{"appearance":[1],"external":[4],"href":[1],"placeholder":[4]}],[1,"utrecht-code"],[1,"utrecht-code-block"],[1,"utrecht-color-sample",{"color":[1]}],[1,"utrecht-document"],[1,"utrecht-emphasis"],[1,"utrecht-heading",{"level":[2]}],[1,"utrecht-heading-1"],[1,"utrecht-heading-4"],[1,"utrecht-heading-5"],[1,"utrecht-heading-6"],[1,"utrecht-heading-group"],[1,"utrecht-iban-data",{"value":[1]}],[1,"utrecht-icon"],[1,"utrecht-link",{"href":[1]}],[1,"utrecht-link-button",{"disabled":[4],"type":[1],"inline":[4],"pressed":[4]}],[1,"utrecht-logo"],[1,"utrecht-mark"],[1,"utrecht-number-value",{"value":[8]}],[1,"utrecht-page"],[1,"utrecht-page-content"],[1,"utrecht-page-header"],[1,"utrecht-pre-heading"],[1,"utrecht-separator"],[1,"utrecht-skip-link",{"href":[1]}],[1,"utrecht-spotlight-section",{"appearance":[1]}],[1,"utrecht-url"],[1,"utrecht-heading-2"],[1,"utrecht-heading-3"],[1,"utrecht-paragraph",{"lead":[4]}],[1,"utrecht-form-field-description",{"status":[513]}]]]]'),e)));
|
|
2
2
|
//# sourceMappingURL=utrecht.esm.js.map
|
package/package.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"version": "1.0.0-alpha.
|
|
2
|
+
"version": "1.0.0-alpha.565",
|
|
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",
|
|
@@ -32,8 +32,8 @@
|
|
|
32
32
|
"@stencil/vue-output-target": "0.8.6",
|
|
33
33
|
"@types/jest": "29.5.4",
|
|
34
34
|
"@types/node": "18.17.15",
|
|
35
|
-
"@utrecht/components": "1.0.0-alpha.
|
|
36
|
-
"@utrecht/icon": "1.0.0-alpha.
|
|
35
|
+
"@utrecht/components": "1.0.0-alpha.527",
|
|
36
|
+
"@utrecht/icon": "1.0.0-alpha.454",
|
|
37
37
|
"chokidar-cli": "3.0.0",
|
|
38
38
|
"clsx": "1.2.1",
|
|
39
39
|
"node-sass-package-importer": "5.3.3",
|
|
@@ -59,5 +59,5 @@
|
|
|
59
59
|
"watch:build": "stencil build --watch",
|
|
60
60
|
"generate": "stencil generate"
|
|
61
61
|
},
|
|
62
|
-
"gitHead": "
|
|
62
|
+
"gitHead": "8835302d66cc6f0bf3071d73947ec8368a12b1c6"
|
|
63
63
|
}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r,h as t}from"./p-9bc062fc.js";import{c as e}from"./p-4345d76d.js";const c='.utrecht-breadcrumb--arrows{--utrecht-breadcrumb-arrow-size:24px;overflow:hidden}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link{padding-inline-end:0;position:relative}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link::after,.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link::before{block-size:0;border-block-end-width:var(--utrecht-breadcrumb-block-size);border-block-start-width:var(--utrecht-breadcrumb-block-size);border-color:transparent;border-style:solid;content:" ";display:block;inline-size:0;inset-block-start:50%;inset-inline-start:100%;margin-block-start:calc(-1 * var(--utrecht-breadcrumb-block-size));position:absolute}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link::after{border-inline-start-color:var(--utrecht-breadcrumb-link-background-color);border-inline-start-width:var(--utrecht-breadcrumb-arrow-size);z-index:2}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link::before{border-inline-start-color:var(--utrecht-document-background-color);border-inline-start-width:var(--utrecht-breadcrumb-arrow-size);margin-block-start:calc(-1 * var(--utrecht-breadcrumb-block-size));margin-inline-start:1px;z-index:1}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link--focus,.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link:focus{background-color:var(--utrecht-breadcrumb-link-focus-background-color)}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link--focus::after,.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link:focus::after{border-inline-start-color:var(--utrecht-breadcrumb-link-focus-background-color)}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__item~.utrecht-breadcrumb__item .utrecht-breadcrumb__link{padding-inline-start:calc(var(--utrecht-breadcrumb-item-padding-inline-start) + var(--utrecht-breadcrumb-arrow-size))}.utrecht-breadcrumb__item~.utrecht-breadcrumb__item{margin-inline-start:var(--utrecht-breadcrumb-item-divider-inline-size)}.utrecht-breadcrumb{--utrecht-focus-background-color:var(--utrecht-breadcrumb-link-focus-background-color);--utrecht-link-background-color:var(--utrecht-breadcrumb-link-background-color);--utrecht-link-color:var(--utrecht-breadcrumb-link-color);--utrecht-link-focus-color:var(--utrecht-breadcrumb-link-focus-color, var(--utrecht-breadcrumb-link-color));--utrecht-link-focus-text-decoration:var(--utrecht-link-text-decoration);--utrecht-link-hover-color:var(--utrecht-breadcrumb-link-color);--utrecht-link-hover-text-decoration:var(--utrecht-link-text-decoration);--utrecht-link-visited-color:var(--utrecht-breadcrumb-link-color);--utrecht-link-visited-text-decoration:var(--utrecht-link-text-decoration);font-family:var(--utrecht-document-font-family, inherit);font-size:var(--utrecht-breadcrumb-font-size);text-transform:var(--utrecht-document-text-transform, inherit)}.utrecht-breadcrumb__heading{display:none}.utrecht-breadcrumb__list{block-size:var(--utrecht-breadcrumb-block-size);display:flex}ol.utrecht-breadcrumb__list{list-style:none;margin-block-end:0;margin-block-start:0;padding-inline-start:0}.utrecht-breadcrumb__item{block-size:100%}.utrecht-breadcrumb__link{background-color:var(--utrecht-breadcrumb-link-background-color);display:block;padding-block-end:var(--utrecht-breadcrumb-item-padding-block-end, 8px);padding-block-start:var(--utrecht-breadcrumb-item-padding-block-start, 8px);padding-inline-end:var(--utrecht-breadcrumb-item-padding-inline-end, 8px);padding-inline-start:var(--utrecht-breadcrumb-item-padding-inline-start, 8px)}.utrecht-breadcrumb--arrows{--utrecht-breadcrumb-arrow-size:24px;overflow:hidden}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link{padding-inline-end:0;position:relative}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link::after,.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link::before{block-size:0;border-block-end-width:var(--utrecht-breadcrumb-block-size);border-block-start-width:var(--utrecht-breadcrumb-block-size);border-color:transparent;border-style:solid;content:" ";display:block;inline-size:0;inset-block-start:50%;inset-inline-start:100%;margin-block-start:calc(-1 * var(--utrecht-breadcrumb-block-size));position:absolute}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link::after{border-inline-start-color:var(--utrecht-breadcrumb-link-background-color);border-inline-start-width:var(--utrecht-breadcrumb-arrow-size);z-index:2}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link::before{border-inline-start-color:var(--utrecht-document-background-color);border-inline-start-width:var(--utrecht-breadcrumb-arrow-size);margin-block-start:calc(-1 * var(--utrecht-breadcrumb-block-size));margin-inline-start:1px;z-index:1}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link--focus,.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link:focus{background-color:var(--utrecht-breadcrumb-link-focus-background-color)}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link--focus::after,.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link:focus::after{border-inline-start-color:var(--utrecht-breadcrumb-link-focus-background-color)}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__item~.utrecht-breadcrumb__item .utrecht-breadcrumb__link{padding-inline-start:calc(var(--utrecht-breadcrumb-item-padding-inline-start) + var(--utrecht-breadcrumb-arrow-size))}.utrecht-breadcrumb__item~.utrecht-breadcrumb__item{margin-inline-start:var(--utrecht-breadcrumb-item-divider-inline-size)}.utrecht-link{--utrecht-icon-size:var(--utrecht-link-icon-size, 1em);color:var(--utrecht-link-color, blue);text-decoration:var(--utrecht-link-text-decoration, underline);text-decoration-color:var(--utrecht-link-text-decoration-color, currentColor);text-decoration-skip-ink:all;text-decoration-thickness:max(var(--utrecht-link-text-decoration-thickness), 1px);text-underline-offset:var(--utrecht-link-text-underline-offset)}.utrecht-link--icon-left{background-image:var(--utrecht-link-icon-left-background-image, none);background-position:0 0.25em;background-repeat:no-repeat;color:var(--utrecht-link-color, blue);font-weight:var(--utrecht-typography-weight-scale-bold-font-weight);padding-inline-start:var(--utrecht-space-block-md);text-decoration:none}.utrecht-link:visited,.utrecht-link--visited{color:var(--utrecht-link-visited-color, var(--utrecht-link-color))}.utrecht-link:hover,.utrecht-link--hover{color:var(--utrecht-link-hover-color, var(--utrecht-link-color));text-decoration:var(--utrecht-link-hover-text-decoration, var(--utrecht-link-text-decoration, underline));text-decoration-skip:none;text-decoration-skip-ink:none;text-decoration-thickness:max(var(--utrecht-link-hover-text-decoration-thickness, var(--utrecht-link-text-decoration-thickness)), 1px)}.utrecht-link--focus{background-color:var(--utrecht-link-focus-background-color, transparent);color:var(--utrecht-link-focus-color, var(--utrecht-link-color));text-decoration:var(--utrecht-link-focus-text-decoration, var(--utrecht-link-text-decoration, underline));text-decoration-skip:none;text-decoration-skip-ink:none;text-decoration-thickness:max(var(--utrecht-link-focus-text-decoration-thickness, var(--utrecht-link-text-decoration-thickness)), 1px)}.utrecht-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)}.utrecht-link:focus{background-color:var(--utrecht-link-focus-background-color, transparent);color:var(--utrecht-link-focus-color, var(--utrecht-link-color));text-decoration:var(--utrecht-link-focus-text-decoration, var(--utrecht-link-text-decoration, underline));text-decoration-skip:none;text-decoration-skip-ink:none;text-decoration-thickness:max(var(--utrecht-link-focus-text-decoration-thickness, var(--utrecht-link-text-decoration-thickness)), 1px);--_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)}.utrecht-link:focus:not(:focus-visible){box-shadow:none;outline-style:revert}.utrecht-link:active,.utrecht-link--active{color:var(--utrecht-link-active-color, var(--utrecht-link-color))}.utrecht-link--telephone{white-space:nowrap}.utrecht-link--box-content{color:unset;display:inline-block;text-decoration:unset;text-decoration-skip-ink:unset;text-decoration-thickness:unset;text-underline-offset:unset}.utrecht-link--placeholder{color:var(--utrecht-link-placeholder-color, var(--utrecht-link-color));cursor:var(--utrecht-action-disabled-cursor);text-decoration:none}:host{display:block}:host([hidden]){display:none !important}';const o=class{constructor(t){r(this,t);this.json=undefined;this.variant=undefined}render(){const{json:r,variant:c}=this;console.log(r);const o=r?JSON.parse(r):[];return t("nav",{class:e("utrecht-breadcrumb",c==="arrows"&&"utrecht-breadcrumb--arrows")},t("ol",{class:"utrecht-breadcrumb__list",itemscope:true,itemtype:"https://schema.org/BreadcrumbList"},o.map((({href:r,title:c,current:o},i)=>t("li",{key:r,class:"utrecht-breadcrumb__item",itemscope:true,itemtype:"https://schema.org/ListItem",itemprop:"itemListElement"},t("a",{class:e("utrecht-breadcrumb__link","utrecht-link",o&&"utrecht-link--current"),href:r,"aria-current":o?"location":null,itemprop:"item"},t("span",{class:"utrecht-breadcrumb__text",itemprop:"name"},c),t("meta",{itemprop:"position",content:i+1})))))))}};o.style=c;export{o as utrecht_breadcrumb};
|
|
2
|
-
//# sourceMappingURL=p-e6b5db80.entry.js.map
|