@utrecht/web-component-library-stencil 1.0.0-alpha.593 → 1.0.0-alpha.595
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-drawer.cjs.entry.js +1 -1
- package/dist/cjs/utrecht-drawer.cjs.entry.js.map +1 -1
- package/dist/collection/components/drawer.css +2 -1
- package/dist/components/utrecht-drawer.js +1 -1
- package/dist/components/utrecht-drawer.js.map +1 -1
- package/dist/esm/utrecht-drawer.entry.js +1 -1
- package/dist/esm/utrecht-drawer.entry.js.map +1 -1
- package/dist/utrecht/{p-42d9b516.entry.js → p-a072a4a8.entry.js} +2 -2
- package/dist/utrecht/p-a072a4a8.entry.js.map +1 -0
- package/dist/utrecht/utrecht.esm.js +1 -1
- package/package.json +4 -4
- package/dist/utrecht/p-42d9b516.entry.js.map +0 -1
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
const index = require('./index-9860f155.js');
|
|
6
6
|
const clsx_m = require('./clsx.m-b21b5592.js');
|
|
7
7
|
|
|
8
|
-
const drawerCss = ".utrecht-drawer{--_utrecht-drawer-backdrop-min-size:max(var(--utrecht-drawer-backdrop-min-size), 44px);background-color:var(--utrecht-drawer-background-color, Canvas);border-color:var(--utrecht-drawer-border-color, currentColor);border-width:var(--utrecht-drawer-border-width, 0);box-sizing:border-box;color:var(--utrecht-drawer-color, CanvasText);overflow:auto;padding-block-end:var(--utrecht-drawer-padding-block-end);padding-block-start:var(--utrecht-drawer-padding-block-start);padding-inline-end:var(--utrecht-drawer-padding-inline-end);padding-inline-start:var(--utrecht-drawer-padding-inline-start);position:fixed;z-index:var(--utrecht-drawer-z-index, 1)}.utrecht-drawer::backdrop{--_utrecht-backdrop-opacity:var(--utrecht-backdrop-opacity);--_utrecht-backdrop-fade-in-animation-duration:var(--utrecht-backdrop-fade-in-animation-duration, 0);animation-duration:min(var(--utrecht-motion-max-animation-duration, var(--_utrecht-backdrop-fade-in-animation-duration)), var(--_utrecht-backdrop-fade-in-animation-duration, 0));animation-name:utrecht-backdrop-fade-in;animation-timing-function:ease-in-out;background-color:var(--utrecht-backdrop-background-color);color:var(--utrecht-backdrop-color);opacity:var(--_utrecht-backdrop-opacity);-webkit-user-select:none;user-select:none}@keyframes utrecht-backdrop-fade-in{from{opacity:0%}to{opacity:var(--_utrecht-backdrop-opacity)}}@media (prefers-reduced-motion: reduce){.utrecht-drawer::backdrop{--_utrecht-backdrop-fade-in-animation-duration:0}}@media (prefers-reduced-transparency: reduce){.utrecht-drawer::backdrop{--_utrecht-backdrop-opacity:var(--utrecht-backdrop-reduced-transparency-opacity, 100%)}}.utrecht-drawer--inline-start{block-size:100%;inset-block-end:0;inset-block-start:0;max-block-size:100%;max-inline-size:min(var(--utrecht-drawer-max-inline-size, 100%), 100% - var(--_utrecht-drawer-backdrop-min-size, 44px));min-inline-size:var(--utrecht-drawer-min-inline-size, calc(320px - var(--_utrecht-drawer-backdrop-min-size)));border-end-end-radius:var(--utrecht-drawer-border-radius);border-inline-start-width:0;border-start-end-radius:var(--utrecht-drawer-border-radius);inset-inline-end:auto;inset-inline-start:0}.utrecht-drawer--inline-end{block-size:100%;inset-block-end:0;inset-block-start:0;max-block-size:100%;max-inline-size:min(var(--utrecht-drawer-max-inline-size, 100%), 100% - var(--_utrecht-drawer-backdrop-min-size, 44px));min-inline-size:var(--utrecht-drawer-min-inline-size, calc(320px - var(--_utrecht-drawer-backdrop-min-size)));border-end-start-radius:var(--utrecht-drawer-border-radius);border-inline-end-width:0;border-start-start-radius:var(--utrecht-drawer-border-radius);inset-inline-end:0;inset-inline-start:auto}.utrecht-drawer--block-start{block-size:fit-content;inline-size:100%;inset-inline-end:0;inset-inline-start:0;max-block-size:min(var(--utrecht-drawer-max-block-size), 100% - var(--_utrecht-drawer-backdrop-min-size));max-inline-size:100%;min-block-size:var(--utrecht-drawer-min-block-size, calc(256px - var(--_utrecht-drawer-backdrop-min-size)));border-block-start-width:0;border-end-end-radius:var(--utrecht-drawer-border-radius);border-end-start-radius:var(--utrecht-drawer-border-radius);inset-block-end:auto;inset-block-start:0}.utrecht-drawer--block-end{block-size:fit-content;inline-size:100%;inset-inline-end:0;inset-inline-start:0;max-block-size:min(var(--utrecht-drawer-max-block-size), 100% - var(--_utrecht-drawer-backdrop-min-size));max-inline-size:100%;min-block-size:var(--utrecht-drawer-min-block-size, calc(256px - var(--_utrecht-drawer-backdrop-min-size)));border-block-end-width:0;border-start-end-radius:var(--utrecht-drawer-border-radius);border-start-start-radius:var(--utrecht-drawer-border-radius);inset-block-end:0;inset-block-start:auto}:host{display:
|
|
8
|
+
const drawerCss = ".utrecht-drawer{--_utrecht-drawer-backdrop-min-size:max(var(--utrecht-drawer-backdrop-min-size), 44px);background-color:var(--utrecht-drawer-background-color, Canvas);border-color:var(--utrecht-drawer-border-color, currentColor);border-width:var(--utrecht-drawer-border-width, 0);box-sizing:border-box;color:var(--utrecht-drawer-color, CanvasText);overflow:auto;padding-block-end:var(--utrecht-drawer-padding-block-end);padding-block-start:var(--utrecht-drawer-padding-block-start);padding-inline-end:var(--utrecht-drawer-padding-inline-end);padding-inline-start:var(--utrecht-drawer-padding-inline-start);position:fixed;z-index:var(--utrecht-drawer-z-index, 1)}.utrecht-drawer::backdrop{--_utrecht-backdrop-opacity:var(--utrecht-backdrop-opacity);--_utrecht-backdrop-fade-in-animation-duration:var(--utrecht-backdrop-fade-in-animation-duration, 0);animation-duration:min(var(--utrecht-motion-max-animation-duration, var(--_utrecht-backdrop-fade-in-animation-duration)), var(--_utrecht-backdrop-fade-in-animation-duration, 0));animation-name:utrecht-backdrop-fade-in;animation-timing-function:ease-in-out;background-color:var(--utrecht-backdrop-background-color);color:var(--utrecht-backdrop-color);opacity:var(--_utrecht-backdrop-opacity);-webkit-user-select:none;user-select:none}@keyframes utrecht-backdrop-fade-in{from{opacity:0%}to{opacity:var(--_utrecht-backdrop-opacity)}}@media (prefers-reduced-motion: reduce){.utrecht-drawer::backdrop{--_utrecht-backdrop-fade-in-animation-duration:0}}@media (prefers-reduced-transparency: reduce){.utrecht-drawer::backdrop{--_utrecht-backdrop-opacity:var(--utrecht-backdrop-reduced-transparency-opacity, 100%)}}.utrecht-drawer--inline-start{block-size:100%;inset-block-end:0;inset-block-start:0;max-block-size:100%;max-inline-size:min(var(--utrecht-drawer-max-inline-size, 100%), 100% - var(--_utrecht-drawer-backdrop-min-size, 44px));min-inline-size:var(--utrecht-drawer-min-inline-size, calc(320px - var(--_utrecht-drawer-backdrop-min-size)));border-end-end-radius:var(--utrecht-drawer-border-radius);border-inline-start-width:0;border-start-end-radius:var(--utrecht-drawer-border-radius);inset-inline-end:auto;inset-inline-start:0}.utrecht-drawer--inline-end{block-size:100%;inset-block-end:0;inset-block-start:0;max-block-size:100%;max-inline-size:min(var(--utrecht-drawer-max-inline-size, 100%), 100% - var(--_utrecht-drawer-backdrop-min-size, 44px));min-inline-size:var(--utrecht-drawer-min-inline-size, calc(320px - var(--_utrecht-drawer-backdrop-min-size)));border-end-start-radius:var(--utrecht-drawer-border-radius);border-inline-end-width:0;border-start-start-radius:var(--utrecht-drawer-border-radius);inset-inline-end:0;inset-inline-start:auto}.utrecht-drawer--block-start{block-size:fit-content;inline-size:100%;inset-inline-end:0;inset-inline-start:0;max-block-size:min(var(--utrecht-drawer-max-block-size), 100% - var(--_utrecht-drawer-backdrop-min-size));max-inline-size:100%;min-block-size:var(--utrecht-drawer-min-block-size, calc(256px - var(--_utrecht-drawer-backdrop-min-size)));border-block-start-width:0;border-end-end-radius:var(--utrecht-drawer-border-radius);border-end-start-radius:var(--utrecht-drawer-border-radius);inset-block-end:auto;inset-block-start:0}.utrecht-drawer--block-end{block-size:fit-content;inline-size:100%;inset-inline-end:0;inset-inline-start:0;max-block-size:min(var(--utrecht-drawer-max-block-size), 100% - var(--_utrecht-drawer-backdrop-min-size));max-inline-size:100%;min-block-size:var(--utrecht-drawer-min-block-size, calc(256px - var(--_utrecht-drawer-backdrop-min-size)));border-block-end-width:0;border-start-end-radius:var(--utrecht-drawer-border-radius);border-start-start-radius:var(--utrecht-drawer-border-radius);inset-block-end:0;inset-block-start:auto}:host{display:contents}:host([hidden]){display:none !important}";
|
|
9
9
|
|
|
10
10
|
const Drawer = class {
|
|
11
11
|
constructor(hostRef) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"utrecht-drawer.entry.cjs.js","mappings":";;;;;;;AAAA,MAAM,SAAS,GAAG
|
|
1
|
+
{"file":"utrecht-drawer.entry.cjs.js","mappings":";;;;;;;AAAA,MAAM,SAAS,GAAG,kvHAAkvH;;MCcvvH,MAAM;;;;gBAEO,KAAK;;EAI7B,MAAM;IACJ,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;IAC7B,QACEA,oBACE,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,aAAa,GAAG,EAAuB,CAAC,EAC3D,KAAK,EAAEC,WAAI,CAAC,gBAAgB,EAAE;QAC5B,2BAA2B,EAAE,KAAK,KAAK,WAAW;QAClD,6BAA6B,EAAE,KAAK,KAAK,aAAa;QACtD,4BAA4B,EAAE,KAAK,KAAK,YAAY,IAAI,CAAC,KAAK;QAC9D,8BAA8B,EAAE,KAAK,KAAK,cAAc;OACzD,CAAC,EACF,IAAI,EAAE,IAAI,IAEVD,qBAAa,CACN,EACT;GACH;EAGD,MAAM,KAAK;;IACT,MAAA,IAAI,CAAC,aAAa,0CAAE,KAAK,EAAE,CAAC;GAC7B;EAGD,MAAM,SAAS;;;;;;IAKb,MAAA,IAAI,CAAC,aAAa,0CAAE,KAAK,EAAE,CAAC;IAC5B,MAAA,IAAI,CAAC,aAAa,0CAAE,SAAS,EAAE,CAAC;GACjC;;;;;;","names":["h","clsx"],"sources":["./src/components/drawer.scss?tag=utrecht-drawer&encapsulation=shadow","./src/components/drawer.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2022 Gemeente Utrecht\n * Copyright (c) 2020-2022 Frameless B.V.\n */\n\n@import \"~@utrecht/components/drawer/css\";\n\n:host {\n /* Display `contents`: is necessary for the `<dialog>` element to render full height */\n display: contents;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2022 Gemeente Utrecht\n * Copyright (c) 2020-2022 Frameless B.V.\n */\n\nimport { Component, h, Method, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n tag: 'utrecht-drawer',\n styleUrl: 'drawer.scss',\n shadow: true,\n})\nexport class Drawer {\n @Prop() align: string;\n @Prop() open: boolean = false;\n\n dialogElement!: HTMLDialogElement;\n\n render() {\n const { align, open } = this;\n return (\n <dialog\n ref={(el) => (this.dialogElement = el as HTMLDialogElement)}\n class={clsx('utrecht-drawer', {\n 'utrecht-drawer--block-end': align === 'block-end',\n 'utrecht-drawer--block-start': align === 'block-start',\n 'utrecht-drawer--inline-end': align === 'inline-end' || !align,\n 'utrecht-drawer--inline-start': align === 'inline-start',\n })}\n open={open}\n >\n <slot></slot>\n </dialog>\n );\n }\n\n @Method()\n async close() {\n this.dialogElement?.close();\n }\n\n @Method()\n async showModal() {\n // Dialog must not be `open` initially, prevent the following error:\n // \"Cannot call showModal() on an open non-modal dialog\"\n // Close the dialog first, to transition from non-modal to modal.\n // Ideally we would't `close()` the dialog when we know the dialog is already modal.\n this.dialogElement?.close();\n this.dialogElement?.showModal();\n }\n}\n"],"version":3}
|
|
@@ -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 drawerCss = ".utrecht-drawer{--_utrecht-drawer-backdrop-min-size:max(var(--utrecht-drawer-backdrop-min-size), 44px);background-color:var(--utrecht-drawer-background-color, Canvas);border-color:var(--utrecht-drawer-border-color, currentColor);border-width:var(--utrecht-drawer-border-width, 0);box-sizing:border-box;color:var(--utrecht-drawer-color, CanvasText);overflow:auto;padding-block-end:var(--utrecht-drawer-padding-block-end);padding-block-start:var(--utrecht-drawer-padding-block-start);padding-inline-end:var(--utrecht-drawer-padding-inline-end);padding-inline-start:var(--utrecht-drawer-padding-inline-start);position:fixed;z-index:var(--utrecht-drawer-z-index, 1)}.utrecht-drawer::backdrop{--_utrecht-backdrop-opacity:var(--utrecht-backdrop-opacity);--_utrecht-backdrop-fade-in-animation-duration:var(--utrecht-backdrop-fade-in-animation-duration, 0);animation-duration:min(var(--utrecht-motion-max-animation-duration, var(--_utrecht-backdrop-fade-in-animation-duration)), var(--_utrecht-backdrop-fade-in-animation-duration, 0));animation-name:utrecht-backdrop-fade-in;animation-timing-function:ease-in-out;background-color:var(--utrecht-backdrop-background-color);color:var(--utrecht-backdrop-color);opacity:var(--_utrecht-backdrop-opacity);-webkit-user-select:none;user-select:none}@keyframes utrecht-backdrop-fade-in{from{opacity:0%}to{opacity:var(--_utrecht-backdrop-opacity)}}@media (prefers-reduced-motion: reduce){.utrecht-drawer::backdrop{--_utrecht-backdrop-fade-in-animation-duration:0}}@media (prefers-reduced-transparency: reduce){.utrecht-drawer::backdrop{--_utrecht-backdrop-opacity:var(--utrecht-backdrop-reduced-transparency-opacity, 100%)}}.utrecht-drawer--inline-start{block-size:100%;inset-block-end:0;inset-block-start:0;max-block-size:100%;max-inline-size:min(var(--utrecht-drawer-max-inline-size, 100%), 100% - var(--_utrecht-drawer-backdrop-min-size, 44px));min-inline-size:var(--utrecht-drawer-min-inline-size, calc(320px - var(--_utrecht-drawer-backdrop-min-size)));border-end-end-radius:var(--utrecht-drawer-border-radius);border-inline-start-width:0;border-start-end-radius:var(--utrecht-drawer-border-radius);inset-inline-end:auto;inset-inline-start:0}.utrecht-drawer--inline-end{block-size:100%;inset-block-end:0;inset-block-start:0;max-block-size:100%;max-inline-size:min(var(--utrecht-drawer-max-inline-size, 100%), 100% - var(--_utrecht-drawer-backdrop-min-size, 44px));min-inline-size:var(--utrecht-drawer-min-inline-size, calc(320px - var(--_utrecht-drawer-backdrop-min-size)));border-end-start-radius:var(--utrecht-drawer-border-radius);border-inline-end-width:0;border-start-start-radius:var(--utrecht-drawer-border-radius);inset-inline-end:0;inset-inline-start:auto}.utrecht-drawer--block-start{block-size:fit-content;inline-size:100%;inset-inline-end:0;inset-inline-start:0;max-block-size:min(var(--utrecht-drawer-max-block-size), 100% - var(--_utrecht-drawer-backdrop-min-size));max-inline-size:100%;min-block-size:var(--utrecht-drawer-min-block-size, calc(256px - var(--_utrecht-drawer-backdrop-min-size)));border-block-start-width:0;border-end-end-radius:var(--utrecht-drawer-border-radius);border-end-start-radius:var(--utrecht-drawer-border-radius);inset-block-end:auto;inset-block-start:0}.utrecht-drawer--block-end{block-size:fit-content;inline-size:100%;inset-inline-end:0;inset-inline-start:0;max-block-size:min(var(--utrecht-drawer-max-block-size), 100% - var(--_utrecht-drawer-backdrop-min-size));max-inline-size:100%;min-block-size:var(--utrecht-drawer-min-block-size, calc(256px - var(--_utrecht-drawer-backdrop-min-size)));border-block-end-width:0;border-start-end-radius:var(--utrecht-drawer-border-radius);border-start-start-radius:var(--utrecht-drawer-border-radius);inset-block-end:0;inset-block-start:auto}:host{display:
|
|
4
|
+
const drawerCss = ".utrecht-drawer{--_utrecht-drawer-backdrop-min-size:max(var(--utrecht-drawer-backdrop-min-size), 44px);background-color:var(--utrecht-drawer-background-color, Canvas);border-color:var(--utrecht-drawer-border-color, currentColor);border-width:var(--utrecht-drawer-border-width, 0);box-sizing:border-box;color:var(--utrecht-drawer-color, CanvasText);overflow:auto;padding-block-end:var(--utrecht-drawer-padding-block-end);padding-block-start:var(--utrecht-drawer-padding-block-start);padding-inline-end:var(--utrecht-drawer-padding-inline-end);padding-inline-start:var(--utrecht-drawer-padding-inline-start);position:fixed;z-index:var(--utrecht-drawer-z-index, 1)}.utrecht-drawer::backdrop{--_utrecht-backdrop-opacity:var(--utrecht-backdrop-opacity);--_utrecht-backdrop-fade-in-animation-duration:var(--utrecht-backdrop-fade-in-animation-duration, 0);animation-duration:min(var(--utrecht-motion-max-animation-duration, var(--_utrecht-backdrop-fade-in-animation-duration)), var(--_utrecht-backdrop-fade-in-animation-duration, 0));animation-name:utrecht-backdrop-fade-in;animation-timing-function:ease-in-out;background-color:var(--utrecht-backdrop-background-color);color:var(--utrecht-backdrop-color);opacity:var(--_utrecht-backdrop-opacity);-webkit-user-select:none;user-select:none}@keyframes utrecht-backdrop-fade-in{from{opacity:0%}to{opacity:var(--_utrecht-backdrop-opacity)}}@media (prefers-reduced-motion: reduce){.utrecht-drawer::backdrop{--_utrecht-backdrop-fade-in-animation-duration:0}}@media (prefers-reduced-transparency: reduce){.utrecht-drawer::backdrop{--_utrecht-backdrop-opacity:var(--utrecht-backdrop-reduced-transparency-opacity, 100%)}}.utrecht-drawer--inline-start{block-size:100%;inset-block-end:0;inset-block-start:0;max-block-size:100%;max-inline-size:min(var(--utrecht-drawer-max-inline-size, 100%), 100% - var(--_utrecht-drawer-backdrop-min-size, 44px));min-inline-size:var(--utrecht-drawer-min-inline-size, calc(320px - var(--_utrecht-drawer-backdrop-min-size)));border-end-end-radius:var(--utrecht-drawer-border-radius);border-inline-start-width:0;border-start-end-radius:var(--utrecht-drawer-border-radius);inset-inline-end:auto;inset-inline-start:0}.utrecht-drawer--inline-end{block-size:100%;inset-block-end:0;inset-block-start:0;max-block-size:100%;max-inline-size:min(var(--utrecht-drawer-max-inline-size, 100%), 100% - var(--_utrecht-drawer-backdrop-min-size, 44px));min-inline-size:var(--utrecht-drawer-min-inline-size, calc(320px - var(--_utrecht-drawer-backdrop-min-size)));border-end-start-radius:var(--utrecht-drawer-border-radius);border-inline-end-width:0;border-start-start-radius:var(--utrecht-drawer-border-radius);inset-inline-end:0;inset-inline-start:auto}.utrecht-drawer--block-start{block-size:fit-content;inline-size:100%;inset-inline-end:0;inset-inline-start:0;max-block-size:min(var(--utrecht-drawer-max-block-size), 100% - var(--_utrecht-drawer-backdrop-min-size));max-inline-size:100%;min-block-size:var(--utrecht-drawer-min-block-size, calc(256px - var(--_utrecht-drawer-backdrop-min-size)));border-block-start-width:0;border-end-end-radius:var(--utrecht-drawer-border-radius);border-end-start-radius:var(--utrecht-drawer-border-radius);inset-block-end:auto;inset-block-start:0}.utrecht-drawer--block-end{block-size:fit-content;inline-size:100%;inset-inline-end:0;inset-inline-start:0;max-block-size:min(var(--utrecht-drawer-max-block-size), 100% - var(--_utrecht-drawer-backdrop-min-size));max-inline-size:100%;min-block-size:var(--utrecht-drawer-min-block-size, calc(256px - var(--_utrecht-drawer-backdrop-min-size)));border-block-end-width:0;border-start-end-radius:var(--utrecht-drawer-border-radius);border-start-start-radius:var(--utrecht-drawer-border-radius);inset-block-end:0;inset-block-start:auto}:host{display:contents}:host([hidden]){display:none !important}";
|
|
5
5
|
|
|
6
6
|
const Drawer = /*@__PURE__*/ proxyCustomElement(class Drawer extends HTMLElement {
|
|
7
7
|
constructor() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"utrecht-drawer.js","mappings":";;;AAAA,MAAM,SAAS,GAAG
|
|
1
|
+
{"file":"utrecht-drawer.js","mappings":";;;AAAA,MAAM,SAAS,GAAG,kvHAAkvH;;MCcvvH,MAAM;;;;;;gBAEO,KAAK;;EAI7B,MAAM;IACJ,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;IAC7B,QACE,cACE,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,aAAa,GAAG,EAAuB,CAAC,EAC3D,KAAK,EAAE,IAAI,CAAC,gBAAgB,EAAE;QAC5B,2BAA2B,EAAE,KAAK,KAAK,WAAW;QAClD,6BAA6B,EAAE,KAAK,KAAK,aAAa;QACtD,4BAA4B,EAAE,KAAK,KAAK,YAAY,IAAI,CAAC,KAAK;QAC9D,8BAA8B,EAAE,KAAK,KAAK,cAAc;OACzD,CAAC,EACF,IAAI,EAAE,IAAI,IAEV,eAAa,CACN,EACT;GACH;EAGD,MAAM,KAAK;;IACT,MAAA,IAAI,CAAC,aAAa,0CAAE,KAAK,EAAE,CAAC;GAC7B;EAGD,MAAM,SAAS;;;;;;IAKb,MAAA,IAAI,CAAC,aAAa,0CAAE,KAAK,EAAE,CAAC;IAC5B,MAAA,IAAI,CAAC,aAAa,0CAAE,SAAS,EAAE,CAAC;GACjC;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/drawer.scss?tag=utrecht-drawer&encapsulation=shadow","./src/components/drawer.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2022 Gemeente Utrecht\n * Copyright (c) 2020-2022 Frameless B.V.\n */\n\n@import \"~@utrecht/components/drawer/css\";\n\n:host {\n /* Display `contents`: is necessary for the `<dialog>` element to render full height */\n display: contents;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2022 Gemeente Utrecht\n * Copyright (c) 2020-2022 Frameless B.V.\n */\n\nimport { Component, h, Method, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n tag: 'utrecht-drawer',\n styleUrl: 'drawer.scss',\n shadow: true,\n})\nexport class Drawer {\n @Prop() align: string;\n @Prop() open: boolean = false;\n\n dialogElement!: HTMLDialogElement;\n\n render() {\n const { align, open } = this;\n return (\n <dialog\n ref={(el) => (this.dialogElement = el as HTMLDialogElement)}\n class={clsx('utrecht-drawer', {\n 'utrecht-drawer--block-end': align === 'block-end',\n 'utrecht-drawer--block-start': align === 'block-start',\n 'utrecht-drawer--inline-end': align === 'inline-end' || !align,\n 'utrecht-drawer--inline-start': align === 'inline-start',\n })}\n open={open}\n >\n <slot></slot>\n </dialog>\n );\n }\n\n @Method()\n async close() {\n this.dialogElement?.close();\n }\n\n @Method()\n async showModal() {\n // Dialog must not be `open` initially, prevent the following error:\n // \"Cannot call showModal() on an open non-modal dialog\"\n // Close the dialog first, to transition from non-modal to modal.\n // Ideally we would't `close()` the dialog when we know the dialog is already modal.\n this.dialogElement?.close();\n this.dialogElement?.showModal();\n }\n}\n"],"version":3}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { r as registerInstance, h } from './index-46090ad9.js';
|
|
2
2
|
import { c as clsx } from './clsx.m-9f200cc0.js';
|
|
3
3
|
|
|
4
|
-
const drawerCss = ".utrecht-drawer{--_utrecht-drawer-backdrop-min-size:max(var(--utrecht-drawer-backdrop-min-size), 44px);background-color:var(--utrecht-drawer-background-color, Canvas);border-color:var(--utrecht-drawer-border-color, currentColor);border-width:var(--utrecht-drawer-border-width, 0);box-sizing:border-box;color:var(--utrecht-drawer-color, CanvasText);overflow:auto;padding-block-end:var(--utrecht-drawer-padding-block-end);padding-block-start:var(--utrecht-drawer-padding-block-start);padding-inline-end:var(--utrecht-drawer-padding-inline-end);padding-inline-start:var(--utrecht-drawer-padding-inline-start);position:fixed;z-index:var(--utrecht-drawer-z-index, 1)}.utrecht-drawer::backdrop{--_utrecht-backdrop-opacity:var(--utrecht-backdrop-opacity);--_utrecht-backdrop-fade-in-animation-duration:var(--utrecht-backdrop-fade-in-animation-duration, 0);animation-duration:min(var(--utrecht-motion-max-animation-duration, var(--_utrecht-backdrop-fade-in-animation-duration)), var(--_utrecht-backdrop-fade-in-animation-duration, 0));animation-name:utrecht-backdrop-fade-in;animation-timing-function:ease-in-out;background-color:var(--utrecht-backdrop-background-color);color:var(--utrecht-backdrop-color);opacity:var(--_utrecht-backdrop-opacity);-webkit-user-select:none;user-select:none}@keyframes utrecht-backdrop-fade-in{from{opacity:0%}to{opacity:var(--_utrecht-backdrop-opacity)}}@media (prefers-reduced-motion: reduce){.utrecht-drawer::backdrop{--_utrecht-backdrop-fade-in-animation-duration:0}}@media (prefers-reduced-transparency: reduce){.utrecht-drawer::backdrop{--_utrecht-backdrop-opacity:var(--utrecht-backdrop-reduced-transparency-opacity, 100%)}}.utrecht-drawer--inline-start{block-size:100%;inset-block-end:0;inset-block-start:0;max-block-size:100%;max-inline-size:min(var(--utrecht-drawer-max-inline-size, 100%), 100% - var(--_utrecht-drawer-backdrop-min-size, 44px));min-inline-size:var(--utrecht-drawer-min-inline-size, calc(320px - var(--_utrecht-drawer-backdrop-min-size)));border-end-end-radius:var(--utrecht-drawer-border-radius);border-inline-start-width:0;border-start-end-radius:var(--utrecht-drawer-border-radius);inset-inline-end:auto;inset-inline-start:0}.utrecht-drawer--inline-end{block-size:100%;inset-block-end:0;inset-block-start:0;max-block-size:100%;max-inline-size:min(var(--utrecht-drawer-max-inline-size, 100%), 100% - var(--_utrecht-drawer-backdrop-min-size, 44px));min-inline-size:var(--utrecht-drawer-min-inline-size, calc(320px - var(--_utrecht-drawer-backdrop-min-size)));border-end-start-radius:var(--utrecht-drawer-border-radius);border-inline-end-width:0;border-start-start-radius:var(--utrecht-drawer-border-radius);inset-inline-end:0;inset-inline-start:auto}.utrecht-drawer--block-start{block-size:fit-content;inline-size:100%;inset-inline-end:0;inset-inline-start:0;max-block-size:min(var(--utrecht-drawer-max-block-size), 100% - var(--_utrecht-drawer-backdrop-min-size));max-inline-size:100%;min-block-size:var(--utrecht-drawer-min-block-size, calc(256px - var(--_utrecht-drawer-backdrop-min-size)));border-block-start-width:0;border-end-end-radius:var(--utrecht-drawer-border-radius);border-end-start-radius:var(--utrecht-drawer-border-radius);inset-block-end:auto;inset-block-start:0}.utrecht-drawer--block-end{block-size:fit-content;inline-size:100%;inset-inline-end:0;inset-inline-start:0;max-block-size:min(var(--utrecht-drawer-max-block-size), 100% - var(--_utrecht-drawer-backdrop-min-size));max-inline-size:100%;min-block-size:var(--utrecht-drawer-min-block-size, calc(256px - var(--_utrecht-drawer-backdrop-min-size)));border-block-end-width:0;border-start-end-radius:var(--utrecht-drawer-border-radius);border-start-start-radius:var(--utrecht-drawer-border-radius);inset-block-end:0;inset-block-start:auto}:host{display:
|
|
4
|
+
const drawerCss = ".utrecht-drawer{--_utrecht-drawer-backdrop-min-size:max(var(--utrecht-drawer-backdrop-min-size), 44px);background-color:var(--utrecht-drawer-background-color, Canvas);border-color:var(--utrecht-drawer-border-color, currentColor);border-width:var(--utrecht-drawer-border-width, 0);box-sizing:border-box;color:var(--utrecht-drawer-color, CanvasText);overflow:auto;padding-block-end:var(--utrecht-drawer-padding-block-end);padding-block-start:var(--utrecht-drawer-padding-block-start);padding-inline-end:var(--utrecht-drawer-padding-inline-end);padding-inline-start:var(--utrecht-drawer-padding-inline-start);position:fixed;z-index:var(--utrecht-drawer-z-index, 1)}.utrecht-drawer::backdrop{--_utrecht-backdrop-opacity:var(--utrecht-backdrop-opacity);--_utrecht-backdrop-fade-in-animation-duration:var(--utrecht-backdrop-fade-in-animation-duration, 0);animation-duration:min(var(--utrecht-motion-max-animation-duration, var(--_utrecht-backdrop-fade-in-animation-duration)), var(--_utrecht-backdrop-fade-in-animation-duration, 0));animation-name:utrecht-backdrop-fade-in;animation-timing-function:ease-in-out;background-color:var(--utrecht-backdrop-background-color);color:var(--utrecht-backdrop-color);opacity:var(--_utrecht-backdrop-opacity);-webkit-user-select:none;user-select:none}@keyframes utrecht-backdrop-fade-in{from{opacity:0%}to{opacity:var(--_utrecht-backdrop-opacity)}}@media (prefers-reduced-motion: reduce){.utrecht-drawer::backdrop{--_utrecht-backdrop-fade-in-animation-duration:0}}@media (prefers-reduced-transparency: reduce){.utrecht-drawer::backdrop{--_utrecht-backdrop-opacity:var(--utrecht-backdrop-reduced-transparency-opacity, 100%)}}.utrecht-drawer--inline-start{block-size:100%;inset-block-end:0;inset-block-start:0;max-block-size:100%;max-inline-size:min(var(--utrecht-drawer-max-inline-size, 100%), 100% - var(--_utrecht-drawer-backdrop-min-size, 44px));min-inline-size:var(--utrecht-drawer-min-inline-size, calc(320px - var(--_utrecht-drawer-backdrop-min-size)));border-end-end-radius:var(--utrecht-drawer-border-radius);border-inline-start-width:0;border-start-end-radius:var(--utrecht-drawer-border-radius);inset-inline-end:auto;inset-inline-start:0}.utrecht-drawer--inline-end{block-size:100%;inset-block-end:0;inset-block-start:0;max-block-size:100%;max-inline-size:min(var(--utrecht-drawer-max-inline-size, 100%), 100% - var(--_utrecht-drawer-backdrop-min-size, 44px));min-inline-size:var(--utrecht-drawer-min-inline-size, calc(320px - var(--_utrecht-drawer-backdrop-min-size)));border-end-start-radius:var(--utrecht-drawer-border-radius);border-inline-end-width:0;border-start-start-radius:var(--utrecht-drawer-border-radius);inset-inline-end:0;inset-inline-start:auto}.utrecht-drawer--block-start{block-size:fit-content;inline-size:100%;inset-inline-end:0;inset-inline-start:0;max-block-size:min(var(--utrecht-drawer-max-block-size), 100% - var(--_utrecht-drawer-backdrop-min-size));max-inline-size:100%;min-block-size:var(--utrecht-drawer-min-block-size, calc(256px - var(--_utrecht-drawer-backdrop-min-size)));border-block-start-width:0;border-end-end-radius:var(--utrecht-drawer-border-radius);border-end-start-radius:var(--utrecht-drawer-border-radius);inset-block-end:auto;inset-block-start:0}.utrecht-drawer--block-end{block-size:fit-content;inline-size:100%;inset-inline-end:0;inset-inline-start:0;max-block-size:min(var(--utrecht-drawer-max-block-size), 100% - var(--_utrecht-drawer-backdrop-min-size));max-inline-size:100%;min-block-size:var(--utrecht-drawer-min-block-size, calc(256px - var(--_utrecht-drawer-backdrop-min-size)));border-block-end-width:0;border-start-end-radius:var(--utrecht-drawer-border-radius);border-start-start-radius:var(--utrecht-drawer-border-radius);inset-block-end:0;inset-block-start:auto}:host{display:contents}:host([hidden]){display:none !important}";
|
|
5
5
|
|
|
6
6
|
const Drawer = class {
|
|
7
7
|
constructor(hostRef) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"utrecht-drawer.entry.js","mappings":";;;AAAA,MAAM,SAAS,GAAG
|
|
1
|
+
{"file":"utrecht-drawer.entry.js","mappings":";;;AAAA,MAAM,SAAS,GAAG,kvHAAkvH;;MCcvvH,MAAM;;;;gBAEO,KAAK;;EAI7B,MAAM;IACJ,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;IAC7B,QACE,cACE,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,aAAa,GAAG,EAAuB,CAAC,EAC3D,KAAK,EAAE,IAAI,CAAC,gBAAgB,EAAE;QAC5B,2BAA2B,EAAE,KAAK,KAAK,WAAW;QAClD,6BAA6B,EAAE,KAAK,KAAK,aAAa;QACtD,4BAA4B,EAAE,KAAK,KAAK,YAAY,IAAI,CAAC,KAAK;QAC9D,8BAA8B,EAAE,KAAK,KAAK,cAAc;OACzD,CAAC,EACF,IAAI,EAAE,IAAI,IAEV,eAAa,CACN,EACT;GACH;EAGD,MAAM,KAAK;;IACT,MAAA,IAAI,CAAC,aAAa,0CAAE,KAAK,EAAE,CAAC;GAC7B;EAGD,MAAM,SAAS;;;;;;IAKb,MAAA,IAAI,CAAC,aAAa,0CAAE,KAAK,EAAE,CAAC;IAC5B,MAAA,IAAI,CAAC,aAAa,0CAAE,SAAS,EAAE,CAAC;GACjC;;;;;;","names":[],"sources":["./src/components/drawer.scss?tag=utrecht-drawer&encapsulation=shadow","./src/components/drawer.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2022 Gemeente Utrecht\n * Copyright (c) 2020-2022 Frameless B.V.\n */\n\n@import \"~@utrecht/components/drawer/css\";\n\n:host {\n /* Display `contents`: is necessary for the `<dialog>` element to render full height */\n display: contents;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2022 Gemeente Utrecht\n * Copyright (c) 2020-2022 Frameless B.V.\n */\n\nimport { Component, h, Method, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n tag: 'utrecht-drawer',\n styleUrl: 'drawer.scss',\n shadow: true,\n})\nexport class Drawer {\n @Prop() align: string;\n @Prop() open: boolean = false;\n\n dialogElement!: HTMLDialogElement;\n\n render() {\n const { align, open } = this;\n return (\n <dialog\n ref={(el) => (this.dialogElement = el as HTMLDialogElement)}\n class={clsx('utrecht-drawer', {\n 'utrecht-drawer--block-end': align === 'block-end',\n 'utrecht-drawer--block-start': align === 'block-start',\n 'utrecht-drawer--inline-end': align === 'inline-end' || !align,\n 'utrecht-drawer--inline-start': align === 'inline-start',\n })}\n open={open}\n >\n <slot></slot>\n </dialog>\n );\n }\n\n @Method()\n async close() {\n this.dialogElement?.close();\n }\n\n @Method()\n async showModal() {\n // Dialog must not be `open` initially, prevent the following error:\n // \"Cannot call showModal() on an open non-modal dialog\"\n // Close the dialog first, to transition from non-modal to modal.\n // Ideally we would't `close()` the dialog when we know the dialog is already modal.\n this.dialogElement?.close();\n this.dialogElement?.showModal();\n }\n}\n"],"version":3}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r,h as e}from"./p-d78a1296.js";import{c as t}from"./p-4345d76d.js";const a=".utrecht-drawer{--_utrecht-drawer-backdrop-min-size:max(var(--utrecht-drawer-backdrop-min-size), 44px);background-color:var(--utrecht-drawer-background-color, Canvas);border-color:var(--utrecht-drawer-border-color, currentColor);border-width:var(--utrecht-drawer-border-width, 0);box-sizing:border-box;color:var(--utrecht-drawer-color, CanvasText);overflow:auto;padding-block-end:var(--utrecht-drawer-padding-block-end);padding-block-start:var(--utrecht-drawer-padding-block-start);padding-inline-end:var(--utrecht-drawer-padding-inline-end);padding-inline-start:var(--utrecht-drawer-padding-inline-start);position:fixed;z-index:var(--utrecht-drawer-z-index, 1)}.utrecht-drawer::backdrop{--_utrecht-backdrop-opacity:var(--utrecht-backdrop-opacity);--_utrecht-backdrop-fade-in-animation-duration:var(--utrecht-backdrop-fade-in-animation-duration, 0);animation-duration:min(var(--utrecht-motion-max-animation-duration, var(--_utrecht-backdrop-fade-in-animation-duration)), var(--_utrecht-backdrop-fade-in-animation-duration, 0));animation-name:utrecht-backdrop-fade-in;animation-timing-function:ease-in-out;background-color:var(--utrecht-backdrop-background-color);color:var(--utrecht-backdrop-color);opacity:var(--_utrecht-backdrop-opacity);-webkit-user-select:none;user-select:none}@keyframes utrecht-backdrop-fade-in{from{opacity:0%}to{opacity:var(--_utrecht-backdrop-opacity)}}@media (prefers-reduced-motion: reduce){.utrecht-drawer::backdrop{--_utrecht-backdrop-fade-in-animation-duration:0}}@media (prefers-reduced-transparency: reduce){.utrecht-drawer::backdrop{--_utrecht-backdrop-opacity:var(--utrecht-backdrop-reduced-transparency-opacity, 100%)}}.utrecht-drawer--inline-start{block-size:100%;inset-block-end:0;inset-block-start:0;max-block-size:100%;max-inline-size:min(var(--utrecht-drawer-max-inline-size, 100%), 100% - var(--_utrecht-drawer-backdrop-min-size, 44px));min-inline-size:var(--utrecht-drawer-min-inline-size, calc(320px - var(--_utrecht-drawer-backdrop-min-size)));border-end-end-radius:var(--utrecht-drawer-border-radius);border-inline-start-width:0;border-start-end-radius:var(--utrecht-drawer-border-radius);inset-inline-end:auto;inset-inline-start:0}.utrecht-drawer--inline-end{block-size:100%;inset-block-end:0;inset-block-start:0;max-block-size:100%;max-inline-size:min(var(--utrecht-drawer-max-inline-size, 100%), 100% - var(--_utrecht-drawer-backdrop-min-size, 44px));min-inline-size:var(--utrecht-drawer-min-inline-size, calc(320px - var(--_utrecht-drawer-backdrop-min-size)));border-end-start-radius:var(--utrecht-drawer-border-radius);border-inline-end-width:0;border-start-start-radius:var(--utrecht-drawer-border-radius);inset-inline-end:0;inset-inline-start:auto}.utrecht-drawer--block-start{block-size:fit-content;inline-size:100%;inset-inline-end:0;inset-inline-start:0;max-block-size:min(var(--utrecht-drawer-max-block-size), 100% - var(--_utrecht-drawer-backdrop-min-size));max-inline-size:100%;min-block-size:var(--utrecht-drawer-min-block-size, calc(256px - var(--_utrecht-drawer-backdrop-min-size)));border-block-start-width:0;border-end-end-radius:var(--utrecht-drawer-border-radius);border-end-start-radius:var(--utrecht-drawer-border-radius);inset-block-end:auto;inset-block-start:0}.utrecht-drawer--block-end{block-size:fit-content;inline-size:100%;inset-inline-end:0;inset-inline-start:0;max-block-size:min(var(--utrecht-drawer-max-block-size), 100% - var(--_utrecht-drawer-backdrop-min-size));max-inline-size:100%;min-block-size:var(--utrecht-drawer-min-block-size, calc(256px - var(--_utrecht-drawer-backdrop-min-size)));border-block-end-width:0;border-start-end-radius:var(--utrecht-drawer-border-radius);border-start-start-radius:var(--utrecht-drawer-border-radius);inset-block-end:0;inset-block-start:auto}:host{display:
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r,h as e}from"./p-d78a1296.js";import{c as t}from"./p-4345d76d.js";const a=".utrecht-drawer{--_utrecht-drawer-backdrop-min-size:max(var(--utrecht-drawer-backdrop-min-size), 44px);background-color:var(--utrecht-drawer-background-color, Canvas);border-color:var(--utrecht-drawer-border-color, currentColor);border-width:var(--utrecht-drawer-border-width, 0);box-sizing:border-box;color:var(--utrecht-drawer-color, CanvasText);overflow:auto;padding-block-end:var(--utrecht-drawer-padding-block-end);padding-block-start:var(--utrecht-drawer-padding-block-start);padding-inline-end:var(--utrecht-drawer-padding-inline-end);padding-inline-start:var(--utrecht-drawer-padding-inline-start);position:fixed;z-index:var(--utrecht-drawer-z-index, 1)}.utrecht-drawer::backdrop{--_utrecht-backdrop-opacity:var(--utrecht-backdrop-opacity);--_utrecht-backdrop-fade-in-animation-duration:var(--utrecht-backdrop-fade-in-animation-duration, 0);animation-duration:min(var(--utrecht-motion-max-animation-duration, var(--_utrecht-backdrop-fade-in-animation-duration)), var(--_utrecht-backdrop-fade-in-animation-duration, 0));animation-name:utrecht-backdrop-fade-in;animation-timing-function:ease-in-out;background-color:var(--utrecht-backdrop-background-color);color:var(--utrecht-backdrop-color);opacity:var(--_utrecht-backdrop-opacity);-webkit-user-select:none;user-select:none}@keyframes utrecht-backdrop-fade-in{from{opacity:0%}to{opacity:var(--_utrecht-backdrop-opacity)}}@media (prefers-reduced-motion: reduce){.utrecht-drawer::backdrop{--_utrecht-backdrop-fade-in-animation-duration:0}}@media (prefers-reduced-transparency: reduce){.utrecht-drawer::backdrop{--_utrecht-backdrop-opacity:var(--utrecht-backdrop-reduced-transparency-opacity, 100%)}}.utrecht-drawer--inline-start{block-size:100%;inset-block-end:0;inset-block-start:0;max-block-size:100%;max-inline-size:min(var(--utrecht-drawer-max-inline-size, 100%), 100% - var(--_utrecht-drawer-backdrop-min-size, 44px));min-inline-size:var(--utrecht-drawer-min-inline-size, calc(320px - var(--_utrecht-drawer-backdrop-min-size)));border-end-end-radius:var(--utrecht-drawer-border-radius);border-inline-start-width:0;border-start-end-radius:var(--utrecht-drawer-border-radius);inset-inline-end:auto;inset-inline-start:0}.utrecht-drawer--inline-end{block-size:100%;inset-block-end:0;inset-block-start:0;max-block-size:100%;max-inline-size:min(var(--utrecht-drawer-max-inline-size, 100%), 100% - var(--_utrecht-drawer-backdrop-min-size, 44px));min-inline-size:var(--utrecht-drawer-min-inline-size, calc(320px - var(--_utrecht-drawer-backdrop-min-size)));border-end-start-radius:var(--utrecht-drawer-border-radius);border-inline-end-width:0;border-start-start-radius:var(--utrecht-drawer-border-radius);inset-inline-end:0;inset-inline-start:auto}.utrecht-drawer--block-start{block-size:fit-content;inline-size:100%;inset-inline-end:0;inset-inline-start:0;max-block-size:min(var(--utrecht-drawer-max-block-size), 100% - var(--_utrecht-drawer-backdrop-min-size));max-inline-size:100%;min-block-size:var(--utrecht-drawer-min-block-size, calc(256px - var(--_utrecht-drawer-backdrop-min-size)));border-block-start-width:0;border-end-end-radius:var(--utrecht-drawer-border-radius);border-end-start-radius:var(--utrecht-drawer-border-radius);inset-block-end:auto;inset-block-start:0}.utrecht-drawer--block-end{block-size:fit-content;inline-size:100%;inset-inline-end:0;inset-inline-start:0;max-block-size:min(var(--utrecht-drawer-max-block-size), 100% - var(--_utrecht-drawer-backdrop-min-size));max-inline-size:100%;min-block-size:var(--utrecht-drawer-min-block-size, calc(256px - var(--_utrecht-drawer-backdrop-min-size)));border-block-end-width:0;border-start-end-radius:var(--utrecht-drawer-border-radius);border-start-start-radius:var(--utrecht-drawer-border-radius);inset-block-end:0;inset-block-start:auto}:host{display:contents}:host([hidden]){display:none !important}";const i=class{constructor(e){r(this,e);this.align=undefined;this.open=false}render(){const{align:r,open:a}=this;return e("dialog",{ref:r=>this.dialogElement=r,class:t("utrecht-drawer",{"utrecht-drawer--block-end":r==="block-end","utrecht-drawer--block-start":r==="block-start","utrecht-drawer--inline-end":r==="inline-end"||!r,"utrecht-drawer--inline-start":r==="inline-start"}),open:a},e("slot",null))}async close(){var r;(r=this.dialogElement)===null||r===void 0?void 0:r.close()}async showModal(){var r,e;(r=this.dialogElement)===null||r===void 0?void 0:r.close();(e=this.dialogElement)===null||e===void 0?void 0:e.showModal()}};i.style=a;export{i as utrecht_drawer};
|
|
2
|
+
//# sourceMappingURL=p-a072a4a8.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["drawerCss","Drawer","render","align","open","this","h","ref","el","dialogElement","class","clsx","async","_a","close","_b","showModal"],"sources":["./src/components/drawer.scss?tag=utrecht-drawer&encapsulation=shadow","./src/components/drawer.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2022 Gemeente Utrecht\n * Copyright (c) 2020-2022 Frameless B.V.\n */\n\n@import \"~@utrecht/components/drawer/css\";\n\n:host {\n /* Display `contents`: is necessary for the `<dialog>` element to render full height */\n display: contents;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2022 Gemeente Utrecht\n * Copyright (c) 2020-2022 Frameless B.V.\n */\n\nimport { Component, h, Method, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n tag: 'utrecht-drawer',\n styleUrl: 'drawer.scss',\n shadow: true,\n})\nexport class Drawer {\n @Prop() align: string;\n @Prop() open: boolean = false;\n\n dialogElement!: HTMLDialogElement;\n\n render() {\n const { align, open } = this;\n return (\n <dialog\n ref={(el) => (this.dialogElement = el as HTMLDialogElement)}\n class={clsx('utrecht-drawer', {\n 'utrecht-drawer--block-end': align === 'block-end',\n 'utrecht-drawer--block-start': align === 'block-start',\n 'utrecht-drawer--inline-end': align === 'inline-end' || !align,\n 'utrecht-drawer--inline-start': align === 'inline-start',\n })}\n open={open}\n >\n <slot></slot>\n </dialog>\n );\n }\n\n @Method()\n async close() {\n this.dialogElement?.close();\n }\n\n @Method()\n async showModal() {\n // Dialog must not be `open` initially, prevent the following error:\n // \"Cannot call showModal() on an open non-modal dialog\"\n // Close the dialog first, to transition from non-modal to modal.\n // Ideally we would't `close()` the dialog when we know the dialog is already modal.\n this.dialogElement?.close();\n this.dialogElement?.showModal();\n }\n}\n"],"mappings":"0EAAA,MAAMA,EAAY,mvH,MCcLC,EAAM,M,wDAEO,K,CAIxBC,SACE,MAAMC,MAAEA,EAAKC,KAAEA,GAASC,KACxB,OACEC,EAAA,UACEC,IAAMC,GAAQH,KAAKI,cAAgBD,EACnCE,MAAOC,EAAK,iBAAkB,CAC5B,4BAA6BR,IAAU,YACvC,8BAA+BA,IAAU,cACzC,6BAA8BA,IAAU,eAAiBA,EACzD,+BAAgCA,IAAU,iBAE5CC,KAAMA,GAENE,EAAA,a,CAMNM,c,OACEC,EAAAR,KAAKI,iBAAa,MAAAI,SAAA,SAAAA,EAAEC,O,CAItBF,kB,SAKEC,EAAAR,KAAKI,iBAAa,MAAAI,SAAA,SAAAA,EAAEC,SACpBC,EAAAV,KAAKI,iBAAa,MAAAM,SAAA,SAAAA,EAAEC,W"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as e,b as t}from"./p-d78a1296.js";export{s as setNonce}from"./p-d78a1296.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-90ed0a6d",[[1,"utrecht-contact-card-template"]]],["p-ce347acd",[[1,"utrecht-digid-button",{"type":[1]}]]],["p-6d5a8426",[[1,"utrecht-progress-list-item",{"checked":[4],"from":[1],"to":[1],"appearance":[1],"details":[4],"_open":[32]}]]],["p-51b8c5a2",[[1,"utrecht-backdrop",{"viewport":[4]}]]],["p-01bc643b",[[1,"utrecht-breadcrumb-nav",{"json":[1],"variant":[1]}]]],["p-c00784de",[[1,"utrecht-checkbox",{"disabled":[516],"readOnly":[516,"readonly"],"checked":[4],"value":[1]}]]],["p-016531ff",[[1,"utrecht-column-layout",{"rule":[516]}]]],["p-9e47693c",[[1,"utrecht-custom-checkbox",{"disabled":[4],"checked":[4],"indeterminate":[4],"invalid":[4],"required":[4]}]]],["p-8849d747",[[1,"utrecht-data-list"]]],["p-2c414940",[[1,"utrecht-data-list-actions"]]],["p-7a51c98c",[[1,"utrecht-data-list-item"]]],["p-7f32c682",[[1,"utrecht-data-list-key"]]],["p-c0e19269",[[1,"utrecht-data-list-value"]]],["p-42d9b516",[[1,"utrecht-drawer",{"align":[1],"open":[4],"close":[64],"showModal":[64]}]]],["p-e97f468d",[[1,"utrecht-eherkenning-logo"]]],["p-a062181d",[[1,"utrecht-eidas-logo"]]],["p-d0121215",[[1,"utrecht-form-field-error-message"]]],["p-998dcb41",[[1,"utrecht-form-toggle",{"disabled":[516],"checked":[516]}]]],["p-641f4fa9",[[4,"utrecht-html-content"]]],["p-ec940603",[[1,"utrecht-icon-afspraak-maken"]]],["p-e836efa7",[[1,"utrecht-icon-afval"]]],["p-73cb3dd8",[[1,"utrecht-icon-afval-container"]]],["p-7b850e35",[[1,"utrecht-icon-afval-containerpas"]]],["p-65bedbc8",[[1,"utrecht-icon-afval-kalender"]]],["p-17e099ec",[[1,"utrecht-icon-afval-pmd"]]],["p-2d825ea9",[[1,"utrecht-icon-afval-scheiden"]]],["p-80026956",[[1,"utrecht-icon-afvalkalender"]]],["p-90686510",[[1,"utrecht-icon-alleen"]]],["p-7dbe8d57",[[1,"utrecht-icon-arrow"]]],["p-87b357f3",[[1,"utrecht-icon-auto"]]],["p-73dbafd4",[[1,"utrecht-icon-begroting"]]],["p-c50c65ce",[[1,"utrecht-icon-bestemmingsplan"]]],["p-45ed30d9",[[1,"utrecht-icon-betaaldatum"]]],["p-397cc2bf",[[1,"utrecht-icon-bewijsstukken"]]],["p-d66e52eb",[[1,"utrecht-icon-bijstand"]]],["p-7f6a948a",[[1,"utrecht-icon-blad"]]],["p-b26ca8ed",[[1,"utrecht-icon-bouwproject"]]],["p-295bf3a5",[[1,"utrecht-icon-brandgevaar"]]],["p-073cd1c0",[[1,"utrecht-icon-brief-betalen"]]],["p-2454da2a",[[1,"utrecht-icon-checkmark"]]],["p-17b3c823",[[1,"utrecht-icon-chevron-down"]]],["p-39b6bc43",[[1,"utrecht-icon-chevron-left"]]],["p-83565c01",[[1,"utrecht-icon-chevron-right"]]],["p-95ebb177",[[1,"utrecht-icon-chevron-up"]]],["p-7eb35ca4",[[1,"utrecht-icon-close"]]],["p-05307615",[[1,"utrecht-icon-college-b-w"]]],["p-7b0a68e4",[[1,"utrecht-icon-container"]]],["p-d2dbd641",[[1,"utrecht-icon-container-bio"]]],["p-84beb5b4",[[1,"utrecht-icon-container-glas"]]],["p-ddcc1ef4",[[1,"utrecht-icon-container-groenafval"]]],["p-141dbbec",[[1,"utrecht-icon-container-met-zak"]]],["p-f20ab218",[[1,"utrecht-icon-container-papier"]]],["p-357d7d23",[[1,"utrecht-icon-container-pmd"]]],["p-a8f9c8e9",[[1,"utrecht-icon-container-restafval"]]],["p-7d8c91ce",[[1,"utrecht-icon-container-textiel"]]],["p-3c9c83f7",[[1,"utrecht-icon-cross"]]],["p-45f1ed4d",[[1,"utrecht-icon-dakloos"]]],["p-62cbcef6",[[1,"utrecht-icon-dementie"]]],["p-70242c88",[[1,"utrecht-icon-documenten"]]],["p-9acfddc1",[[1,"utrecht-icon-duurzaam"]]],["p-944b85b0",[[1,"utrecht-icon-eenzaamheid"]]],["p-3fa89629",[[1,"utrecht-icon-eikenprocessie"]]],["p-c534f273",[[1,"utrecht-icon-elektrisch-rijden"]]],["p-92f6d6b3",[[1,"utrecht-icon-energie-vergoeding"]]],["p-7c49fd2b",[[1,"utrecht-icon-energietransitie"]]],["p-173b320f",[[1,"utrecht-icon-error"]]],["p-070328b3",[[1,"utrecht-icon-evenementen"]]],["p-59b21d7f",[[1,"utrecht-icon-facebook"]]],["p-e8cbf00d",[[1,"utrecht-icon-fiets"]]],["p-003040ba",[[1,"utrecht-icon-filter"]]],["p-762b56ff",[[1,"utrecht-icon-geboorte"]]],["p-e1272ab0",[[1,"utrecht-icon-gebruiker-centraal"]]],["p-f9ac3d80",[[1,"utrecht-icon-gebruiker-ingelogd"]]],["p-f7bc2beb",[[1,"utrecht-icon-gegevenswoordenboek"]]],["p-fbb397a4",[[1,"utrecht-icon-geluid"]]],["p-cd543b34",[[1,"utrecht-icon-gemeente-locatie"]]],["p-b0cc500b",[[1,"utrecht-icon-gemeenteraad"]]],["p-4270a03a",[[1,"utrecht-icon-gereedschap"]]],["p-29dd3dad",[[1,"utrecht-icon-gezicht"]]],["p-b999dfa6",[[1,"utrecht-icon-gezin"]]],["p-60b6ae5b",[[1,"utrecht-icon-glas-afval"]]],["p-cfa53f9f",[[1,"utrecht-icon-glijbaan"]]],["p-2723c04d",[[1,"utrecht-icon-grafiek"]]],["p-e0a21e43",[[1,"utrecht-icon-grofvuil"]]],["p-a1e53d2e",[[1,"utrecht-icon-grofvuil-ophalen"]]],["p-f8783df6",[[1,"utrecht-icon-hamburger-menu"]]],["p-a78676d1",[[1,"utrecht-icon-herdenking"]]],["p-98518cc9",[[1,"utrecht-icon-hondenbelasting"]]],["p-25a306af",[[1,"utrecht-icon-horeca"]]],["p-50e7bd34",[[1,"utrecht-icon-horecavergunning"]]],["p-f9817ca8",[[1,"utrecht-icon-huis"]]],["p-f5829b1b",[[1,"utrecht-icon-huis-en-omgeving"]]],["p-cfbe4aa1",[[1,"utrecht-icon-huishoudelijk-geweld"]]],["p-6d15117c",[[1,"utrecht-icon-hulp-huishouden"]]],["p-fb58ce0b",[[1,"utrecht-icon-hulp-vervoer"]]],["p-28a15232",[[1,"utrecht-icon-hulp-zorg"]]],["p-3dadc0d4",[[1,"utrecht-icon-hulpmiddelen-gezin"]]],["p-fb45fdf2",[[1,"utrecht-icon-hulpverlening"]]],["p-a300cf3c",[[1,"utrecht-icon-idee"]]],["p-dfffb407",[[1,"utrecht-icon-informatie"]]],["p-aea50b4f",[[1,"utrecht-icon-information"]]],["p-9556816c",[[1,"utrecht-icon-innovatie"]]],["p-f81f6d8b",[[1,"utrecht-icon-inspraak-inwoners"]]],["p-cabc3571",[[1,"utrecht-icon-instagram"]]],["p-91522d7f",[[1,"utrecht-icon-kalender"]]],["p-22698c47",[[1,"utrecht-icon-kennis"]]],["p-f40b65f8",[[1,"utrecht-icon-kerstbomen"]]],["p-83ff3e21",[[1,"utrecht-icon-klachten"]]],["p-712fa08c",[[1,"utrecht-icon-kroon"]]],["p-498c856a",[[1,"utrecht-icon-laadpaal"]]],["p-8f156f46",[[1,"utrecht-icon-language"]]],["p-ca30e699",[[1,"utrecht-icon-lantaarnpaal"]]],["p-67eb08c2",[[1,"utrecht-icon-lantaarnpaal-oud"]]],["p-7d1f1a2b",[[1,"utrecht-icon-leren"]]],["p-10269980",[[1,"utrecht-icon-let-op"]]],["p-fb8dd8e3",[[1,"utrecht-icon-linkedin"]]],["p-eaec0695",[[1,"utrecht-icon-list"]]],["p-05475a6d",[[1,"utrecht-icon-list-check"]]],["p-fc2df4c3",[[1,"utrecht-icon-list-number"]]],["p-bd94ae00",[[1,"utrecht-icon-loupe"]]],["p-2c495689",[[1,"utrecht-icon-markt"]]],["p-4c072d45",[[1,"utrecht-icon-melding"]]],["p-e66498d4",[[1,"utrecht-icon-melding-boom"]]],["p-2d086740",[[1,"utrecht-icon-melding-klacht"]]],["p-1b646e6e",[[1,"utrecht-icon-melding-openbareruimte"]]],["p-c275e7cb",[[1,"utrecht-icon-melding-verlichting"]]],["p-74211c74",[[1,"utrecht-icon-menselijk"]]],["p-735ad96f",[[1,"utrecht-icon-menu-dot"]]],["p-9cd8941a",[[1,"utrecht-icon-menu-dot-open"]]],["p-1967bf5c",[[1,"utrecht-icon-meterkast"]]],["p-52927c12",[[1,"utrecht-icon-milieu-ontheffing"]]],["p-aaa36e23",[[1,"utrecht-icon-milieu-zone"]]],["p-5698c8d4",[[1,"utrecht-icon-minus"]]],["p-8cb8773e",[[1,"utrecht-icon-minus-vertical"]]],["p-89a3cee7",[[1,"utrecht-icon-mobiliteit"]]],["p-4e6538d1",[[1,"utrecht-icon-natuur"]]],["p-a77f0821",[[1,"utrecht-icon-nieuw-huis"]]],["p-a070e7c2",[[1,"utrecht-icon-nummerbord"]]],["p-51bcc3cb",[[1,"utrecht-icon-om-het-huis"]]],["p-0f67af21",[[1,"utrecht-icon-omgeving"]]],["p-796cdff3",[[1,"utrecht-icon-omgevingsvisie"]]],["p-8610a948",[[1,"utrecht-icon-omgevingswet"]]],["p-bd80d803",[[1,"utrecht-icon-onderhoud"]]],["p-d40b9107",[[1,"utrecht-icon-ondernemen"]]],["p-7e5bd05c",[[1,"utrecht-icon-openingstijden"]]],["p-0e97a707",[[1,"utrecht-icon-over-de-stad"]]],["p-d016a633",[[1,"utrecht-icon-overlijden"]]],["p-ed32590f",[[1,"utrecht-icon-panden"]]],["p-ca304385",[[1,"utrecht-icon-park"]]],["p-0d4999a7",[[1,"utrecht-icon-parkeerkaart"]]],["p-47a46dfe",[[1,"utrecht-icon-parkeervergunning"]]],["p-9e7b37a4",[[1,"utrecht-icon-parken"]]],["p-68083ac4",[[1,"utrecht-icon-parkeren"]]],["p-760e9dd3",[[1,"utrecht-icon-parkeren-bedrijven"]]],["p-b15306a4",[[1,"utrecht-icon-parkeren-betaalautomaat"]]],["p-1cff61a3",[[1,"utrecht-icon-parkeren-betalen"]]],["p-329c0a4c",[[1,"utrecht-icon-participatie-campagne"]]],["p-ac23784c",[[1,"utrecht-icon-participatie-like"]]],["p-a78b24cf",[[1,"utrecht-icon-participatie-pitch"]]],["p-59c3d585",[[1,"utrecht-icon-paspoort"]]],["p-5f9b86c0",[[1,"utrecht-icon-presentatie"]]],["p-1286da0e",[[1,"utrecht-icon-prijskaartje"]]],["p-60a830e5",[[1,"utrecht-icon-read-aloud"]]],["p-b2fd6d7e",[[1,"utrecht-icon-rijbewijs"]]],["p-83023883",[[1,"utrecht-icon-rioolheffing"]]],["p-9dd2471f",[[1,"utrecht-icon-rolstoel"]]],["p-e1ac829d",[[1,"utrecht-icon-schild-gemeente-utrecht"]]],["p-72feeca2",[[1,"utrecht-icon-search"]]],["p-291de42a",[[1,"utrecht-icon-shoppen"]]],["p-52b472bb",[[1,"utrecht-icon-sinterklaas"]]],["p-b18dcfaf",[[1,"utrecht-icon-slechtziende-hoordende"]]],["p-41d08650",[[1,"utrecht-icon-sport"]]],["p-64425afc",[[1,"utrecht-icon-sport-en-cultuur"]]],["p-a3ee3a92",[[1,"utrecht-icon-sport-voetbal"]]],["p-ccead65e",[[1,"utrecht-icon-stookverbod"]]],["p-7c624ffd",[[1,"utrecht-icon-strand"]]],["p-a5499282",[[1,"utrecht-icon-strooien"]]],["p-dd01f2cc",[[1,"utrecht-icon-subsidie"]]],["p-ff9ec029",[[1,"utrecht-icon-subsidie-gezin"]]],["p-ac7af82d",[[1,"utrecht-icon-t-shirt"]]],["p-0de801e4",[[1,"utrecht-icon-thuiswerken"]]],["p-82f1a4d4",[[1,"utrecht-icon-toeslag"]]],["p-6021ea86",[[1,"utrecht-icon-trein"]]],["p-8d637a88",[[1,"utrecht-icon-trouwen"]]],["p-32a53392",[[1,"utrecht-icon-twitter"]]],["p-c63f9c86",[[1,"utrecht-icon-user"]]],["p-fd584aca",[[1,"utrecht-icon-uw-wijk"]]],["p-16ecf7c0",[[1,"utrecht-icon-vaccinatie"]]],["p-fe137363",[[1,"utrecht-icon-veilige-wijk"]]],["p-600a078a",[[1,"utrecht-icon-vergaderen"]]],["p-2f476313",[[1,"utrecht-icon-vergaderendigitaal"]]],["p-4b51e457",[[1,"utrecht-icon-vergoeding"]]],["p-989214c4",[[1,"utrecht-icon-verhuizen"]]],["p-5083ca6d",[[1,"utrecht-icon-verkeerslicht"]]],["p-d38a35f2",[[1,"utrecht-icon-verkiezingen"]]],["p-f9b3a41c",[[1,"utrecht-icon-verslaving"]]],["p-d18dae4b",[[1,"utrecht-icon-vervoersvoorziening"]]],["p-a9811c49",[[1,"utrecht-icon-virus"]]],["p-3afc9f72",[[1,"utrecht-icon-vluchtelingen"]]],["p-d2087e43",[[1,"utrecht-icon-voorzieningen-vervoer"]]],["p-c2fe48c3",[[1,"utrecht-icon-vrijwilligerswerk"]]],["p-083f3974",[[1,"utrecht-icon-vuilnisbak"]]],["p-718b564b",[[1,"utrecht-icon-vuilniszak"]]],["p-4e84d7b5",[[1,"utrecht-icon-vuurwerk"]]],["p-b92fb68a",[[1,"utrecht-icon-wandelstok"]]],["p-40fcf6b2",[[1,"utrecht-icon-warm"]]],["p-64e64b6a",[[1,"utrecht-icon-warning"]]],["p-a954a8ec",[[1,"utrecht-icon-werken"]]],["p-aa271998",[[1,"utrecht-icon-werkzaamheden"]]],["p-45f78786",[[1,"utrecht-icon-whatsapp"]]],["p-74e04d48",[[1,"utrecht-icon-wonen-kosten"]]],["p-12aaba06",[[1,"utrecht-icon-woning-zoeken"]]],["p-062eabae",[[1,"utrecht-icon-x"]]],["p-062bfc6d",[[1,"utrecht-icon-youtube"]]],["p-86a5ded0",[[1,"utrecht-icon-zelfstandig-wonen"]]],["p-8d5690d2",[[1,"utrecht-icon-zoom-minus"]]],["p-7b13bc4f",[[1,"utrecht-icon-zoom-plus"]]],["p-9b9c175b",[[1,"utrecht-icon-zoomin"]]],["p-5c67a459",[[1,"utrecht-icon-zoomout"]]],["p-4caebba9",[[1,"utrecht-icon-zorg-huis"]]],["p-ad801bb4",[[1,"utrecht-icon-zweefpaal"]]],["p-8ff98e61",[[1,"utrecht-icon-zwemmen"]]],["p-648aa6e4",[[1,"utrecht-logo-button"]]],["p-fd7bc87c",[[1,"utrecht-map-marker"]]],["p-b9dc7b3b",[[1,"utrecht-multiline-data"]]],["p-ce159903",[[1,"utrecht-page-footer"]]],["p-eba58017",[[1,"utrecht-pagination",{"links":[1],"next":[1],"prev":[1],"currentIndex":[2,"current-index"]}]]],["p-ca2e5437",[[1,"utrecht-progress-list"]]],["p-4e4e5457",[[1,"utrecht-progress-sublist-item",{"appearance":[1],"checked":[4]}]]],["p-ef45c1a7",[[1,"utrecht-sidenav",{"json":[1]}]]],["p-feeb701b",[[1,"utrecht-surface"]]],["p-bf912480",[[1,"utrecht-table"]]],["p-969a9a34",[[1,"utrecht-table-body"]]],["p-06307126",[[1,"utrecht-table-caption"]]],["p-a94b5c0d",[[1,"utrecht-table-cell"]]],["p-3c2a2245",[[1,"utrecht-table-footer"]]],["p-9bfb9d48",[[1,"utrecht-table-header"]]],["p-83636614",[[1,"utrecht-table-header-cell",{"scope":[1]}]]],["p-b8fe811c",[[1,"utrecht-table-row"]]],["p-8540eec8",[[1,"utrecht-textarea",{"disabled":[516],"invalid":[516],"placeholder":[1],"readOnly":[516,"readonly"],"required":[516],"value":[1]}]]],["p-3dcfc56f",[[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-27677375",[[1,"utrecht-digid-logo"]]],["p-761abe04",[[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-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"],[4,"utrecht-form",{"action":[1],"autocomplete":[1],"enctype":[1],"method":[1],"noValidate":[1,"novalidate"],"target":[1]}],[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-logo-image"],[1,"utrecht-mark"],[1,"utrecht-number-data",{"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-data"],[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-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-d78a1296.js";export{s as setNonce}from"./p-d78a1296.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-90ed0a6d",[[1,"utrecht-contact-card-template"]]],["p-ce347acd",[[1,"utrecht-digid-button",{"type":[1]}]]],["p-6d5a8426",[[1,"utrecht-progress-list-item",{"checked":[4],"from":[1],"to":[1],"appearance":[1],"details":[4],"_open":[32]}]]],["p-51b8c5a2",[[1,"utrecht-backdrop",{"viewport":[4]}]]],["p-01bc643b",[[1,"utrecht-breadcrumb-nav",{"json":[1],"variant":[1]}]]],["p-c00784de",[[1,"utrecht-checkbox",{"disabled":[516],"readOnly":[516,"readonly"],"checked":[4],"value":[1]}]]],["p-016531ff",[[1,"utrecht-column-layout",{"rule":[516]}]]],["p-9e47693c",[[1,"utrecht-custom-checkbox",{"disabled":[4],"checked":[4],"indeterminate":[4],"invalid":[4],"required":[4]}]]],["p-8849d747",[[1,"utrecht-data-list"]]],["p-2c414940",[[1,"utrecht-data-list-actions"]]],["p-7a51c98c",[[1,"utrecht-data-list-item"]]],["p-7f32c682",[[1,"utrecht-data-list-key"]]],["p-c0e19269",[[1,"utrecht-data-list-value"]]],["p-a072a4a8",[[1,"utrecht-drawer",{"align":[1],"open":[4],"close":[64],"showModal":[64]}]]],["p-e97f468d",[[1,"utrecht-eherkenning-logo"]]],["p-a062181d",[[1,"utrecht-eidas-logo"]]],["p-d0121215",[[1,"utrecht-form-field-error-message"]]],["p-998dcb41",[[1,"utrecht-form-toggle",{"disabled":[516],"checked":[516]}]]],["p-641f4fa9",[[4,"utrecht-html-content"]]],["p-ec940603",[[1,"utrecht-icon-afspraak-maken"]]],["p-e836efa7",[[1,"utrecht-icon-afval"]]],["p-73cb3dd8",[[1,"utrecht-icon-afval-container"]]],["p-7b850e35",[[1,"utrecht-icon-afval-containerpas"]]],["p-65bedbc8",[[1,"utrecht-icon-afval-kalender"]]],["p-17e099ec",[[1,"utrecht-icon-afval-pmd"]]],["p-2d825ea9",[[1,"utrecht-icon-afval-scheiden"]]],["p-80026956",[[1,"utrecht-icon-afvalkalender"]]],["p-90686510",[[1,"utrecht-icon-alleen"]]],["p-7dbe8d57",[[1,"utrecht-icon-arrow"]]],["p-87b357f3",[[1,"utrecht-icon-auto"]]],["p-73dbafd4",[[1,"utrecht-icon-begroting"]]],["p-c50c65ce",[[1,"utrecht-icon-bestemmingsplan"]]],["p-45ed30d9",[[1,"utrecht-icon-betaaldatum"]]],["p-397cc2bf",[[1,"utrecht-icon-bewijsstukken"]]],["p-d66e52eb",[[1,"utrecht-icon-bijstand"]]],["p-7f6a948a",[[1,"utrecht-icon-blad"]]],["p-b26ca8ed",[[1,"utrecht-icon-bouwproject"]]],["p-295bf3a5",[[1,"utrecht-icon-brandgevaar"]]],["p-073cd1c0",[[1,"utrecht-icon-brief-betalen"]]],["p-2454da2a",[[1,"utrecht-icon-checkmark"]]],["p-17b3c823",[[1,"utrecht-icon-chevron-down"]]],["p-39b6bc43",[[1,"utrecht-icon-chevron-left"]]],["p-83565c01",[[1,"utrecht-icon-chevron-right"]]],["p-95ebb177",[[1,"utrecht-icon-chevron-up"]]],["p-7eb35ca4",[[1,"utrecht-icon-close"]]],["p-05307615",[[1,"utrecht-icon-college-b-w"]]],["p-7b0a68e4",[[1,"utrecht-icon-container"]]],["p-d2dbd641",[[1,"utrecht-icon-container-bio"]]],["p-84beb5b4",[[1,"utrecht-icon-container-glas"]]],["p-ddcc1ef4",[[1,"utrecht-icon-container-groenafval"]]],["p-141dbbec",[[1,"utrecht-icon-container-met-zak"]]],["p-f20ab218",[[1,"utrecht-icon-container-papier"]]],["p-357d7d23",[[1,"utrecht-icon-container-pmd"]]],["p-a8f9c8e9",[[1,"utrecht-icon-container-restafval"]]],["p-7d8c91ce",[[1,"utrecht-icon-container-textiel"]]],["p-3c9c83f7",[[1,"utrecht-icon-cross"]]],["p-45f1ed4d",[[1,"utrecht-icon-dakloos"]]],["p-62cbcef6",[[1,"utrecht-icon-dementie"]]],["p-70242c88",[[1,"utrecht-icon-documenten"]]],["p-9acfddc1",[[1,"utrecht-icon-duurzaam"]]],["p-944b85b0",[[1,"utrecht-icon-eenzaamheid"]]],["p-3fa89629",[[1,"utrecht-icon-eikenprocessie"]]],["p-c534f273",[[1,"utrecht-icon-elektrisch-rijden"]]],["p-92f6d6b3",[[1,"utrecht-icon-energie-vergoeding"]]],["p-7c49fd2b",[[1,"utrecht-icon-energietransitie"]]],["p-173b320f",[[1,"utrecht-icon-error"]]],["p-070328b3",[[1,"utrecht-icon-evenementen"]]],["p-59b21d7f",[[1,"utrecht-icon-facebook"]]],["p-e8cbf00d",[[1,"utrecht-icon-fiets"]]],["p-003040ba",[[1,"utrecht-icon-filter"]]],["p-762b56ff",[[1,"utrecht-icon-geboorte"]]],["p-e1272ab0",[[1,"utrecht-icon-gebruiker-centraal"]]],["p-f9ac3d80",[[1,"utrecht-icon-gebruiker-ingelogd"]]],["p-f7bc2beb",[[1,"utrecht-icon-gegevenswoordenboek"]]],["p-fbb397a4",[[1,"utrecht-icon-geluid"]]],["p-cd543b34",[[1,"utrecht-icon-gemeente-locatie"]]],["p-b0cc500b",[[1,"utrecht-icon-gemeenteraad"]]],["p-4270a03a",[[1,"utrecht-icon-gereedschap"]]],["p-29dd3dad",[[1,"utrecht-icon-gezicht"]]],["p-b999dfa6",[[1,"utrecht-icon-gezin"]]],["p-60b6ae5b",[[1,"utrecht-icon-glas-afval"]]],["p-cfa53f9f",[[1,"utrecht-icon-glijbaan"]]],["p-2723c04d",[[1,"utrecht-icon-grafiek"]]],["p-e0a21e43",[[1,"utrecht-icon-grofvuil"]]],["p-a1e53d2e",[[1,"utrecht-icon-grofvuil-ophalen"]]],["p-f8783df6",[[1,"utrecht-icon-hamburger-menu"]]],["p-a78676d1",[[1,"utrecht-icon-herdenking"]]],["p-98518cc9",[[1,"utrecht-icon-hondenbelasting"]]],["p-25a306af",[[1,"utrecht-icon-horeca"]]],["p-50e7bd34",[[1,"utrecht-icon-horecavergunning"]]],["p-f9817ca8",[[1,"utrecht-icon-huis"]]],["p-f5829b1b",[[1,"utrecht-icon-huis-en-omgeving"]]],["p-cfbe4aa1",[[1,"utrecht-icon-huishoudelijk-geweld"]]],["p-6d15117c",[[1,"utrecht-icon-hulp-huishouden"]]],["p-fb58ce0b",[[1,"utrecht-icon-hulp-vervoer"]]],["p-28a15232",[[1,"utrecht-icon-hulp-zorg"]]],["p-3dadc0d4",[[1,"utrecht-icon-hulpmiddelen-gezin"]]],["p-fb45fdf2",[[1,"utrecht-icon-hulpverlening"]]],["p-a300cf3c",[[1,"utrecht-icon-idee"]]],["p-dfffb407",[[1,"utrecht-icon-informatie"]]],["p-aea50b4f",[[1,"utrecht-icon-information"]]],["p-9556816c",[[1,"utrecht-icon-innovatie"]]],["p-f81f6d8b",[[1,"utrecht-icon-inspraak-inwoners"]]],["p-cabc3571",[[1,"utrecht-icon-instagram"]]],["p-91522d7f",[[1,"utrecht-icon-kalender"]]],["p-22698c47",[[1,"utrecht-icon-kennis"]]],["p-f40b65f8",[[1,"utrecht-icon-kerstbomen"]]],["p-83ff3e21",[[1,"utrecht-icon-klachten"]]],["p-712fa08c",[[1,"utrecht-icon-kroon"]]],["p-498c856a",[[1,"utrecht-icon-laadpaal"]]],["p-8f156f46",[[1,"utrecht-icon-language"]]],["p-ca30e699",[[1,"utrecht-icon-lantaarnpaal"]]],["p-67eb08c2",[[1,"utrecht-icon-lantaarnpaal-oud"]]],["p-7d1f1a2b",[[1,"utrecht-icon-leren"]]],["p-10269980",[[1,"utrecht-icon-let-op"]]],["p-fb8dd8e3",[[1,"utrecht-icon-linkedin"]]],["p-eaec0695",[[1,"utrecht-icon-list"]]],["p-05475a6d",[[1,"utrecht-icon-list-check"]]],["p-fc2df4c3",[[1,"utrecht-icon-list-number"]]],["p-bd94ae00",[[1,"utrecht-icon-loupe"]]],["p-2c495689",[[1,"utrecht-icon-markt"]]],["p-4c072d45",[[1,"utrecht-icon-melding"]]],["p-e66498d4",[[1,"utrecht-icon-melding-boom"]]],["p-2d086740",[[1,"utrecht-icon-melding-klacht"]]],["p-1b646e6e",[[1,"utrecht-icon-melding-openbareruimte"]]],["p-c275e7cb",[[1,"utrecht-icon-melding-verlichting"]]],["p-74211c74",[[1,"utrecht-icon-menselijk"]]],["p-735ad96f",[[1,"utrecht-icon-menu-dot"]]],["p-9cd8941a",[[1,"utrecht-icon-menu-dot-open"]]],["p-1967bf5c",[[1,"utrecht-icon-meterkast"]]],["p-52927c12",[[1,"utrecht-icon-milieu-ontheffing"]]],["p-aaa36e23",[[1,"utrecht-icon-milieu-zone"]]],["p-5698c8d4",[[1,"utrecht-icon-minus"]]],["p-8cb8773e",[[1,"utrecht-icon-minus-vertical"]]],["p-89a3cee7",[[1,"utrecht-icon-mobiliteit"]]],["p-4e6538d1",[[1,"utrecht-icon-natuur"]]],["p-a77f0821",[[1,"utrecht-icon-nieuw-huis"]]],["p-a070e7c2",[[1,"utrecht-icon-nummerbord"]]],["p-51bcc3cb",[[1,"utrecht-icon-om-het-huis"]]],["p-0f67af21",[[1,"utrecht-icon-omgeving"]]],["p-796cdff3",[[1,"utrecht-icon-omgevingsvisie"]]],["p-8610a948",[[1,"utrecht-icon-omgevingswet"]]],["p-bd80d803",[[1,"utrecht-icon-onderhoud"]]],["p-d40b9107",[[1,"utrecht-icon-ondernemen"]]],["p-7e5bd05c",[[1,"utrecht-icon-openingstijden"]]],["p-0e97a707",[[1,"utrecht-icon-over-de-stad"]]],["p-d016a633",[[1,"utrecht-icon-overlijden"]]],["p-ed32590f",[[1,"utrecht-icon-panden"]]],["p-ca304385",[[1,"utrecht-icon-park"]]],["p-0d4999a7",[[1,"utrecht-icon-parkeerkaart"]]],["p-47a46dfe",[[1,"utrecht-icon-parkeervergunning"]]],["p-9e7b37a4",[[1,"utrecht-icon-parken"]]],["p-68083ac4",[[1,"utrecht-icon-parkeren"]]],["p-760e9dd3",[[1,"utrecht-icon-parkeren-bedrijven"]]],["p-b15306a4",[[1,"utrecht-icon-parkeren-betaalautomaat"]]],["p-1cff61a3",[[1,"utrecht-icon-parkeren-betalen"]]],["p-329c0a4c",[[1,"utrecht-icon-participatie-campagne"]]],["p-ac23784c",[[1,"utrecht-icon-participatie-like"]]],["p-a78b24cf",[[1,"utrecht-icon-participatie-pitch"]]],["p-59c3d585",[[1,"utrecht-icon-paspoort"]]],["p-5f9b86c0",[[1,"utrecht-icon-presentatie"]]],["p-1286da0e",[[1,"utrecht-icon-prijskaartje"]]],["p-60a830e5",[[1,"utrecht-icon-read-aloud"]]],["p-b2fd6d7e",[[1,"utrecht-icon-rijbewijs"]]],["p-83023883",[[1,"utrecht-icon-rioolheffing"]]],["p-9dd2471f",[[1,"utrecht-icon-rolstoel"]]],["p-e1ac829d",[[1,"utrecht-icon-schild-gemeente-utrecht"]]],["p-72feeca2",[[1,"utrecht-icon-search"]]],["p-291de42a",[[1,"utrecht-icon-shoppen"]]],["p-52b472bb",[[1,"utrecht-icon-sinterklaas"]]],["p-b18dcfaf",[[1,"utrecht-icon-slechtziende-hoordende"]]],["p-41d08650",[[1,"utrecht-icon-sport"]]],["p-64425afc",[[1,"utrecht-icon-sport-en-cultuur"]]],["p-a3ee3a92",[[1,"utrecht-icon-sport-voetbal"]]],["p-ccead65e",[[1,"utrecht-icon-stookverbod"]]],["p-7c624ffd",[[1,"utrecht-icon-strand"]]],["p-a5499282",[[1,"utrecht-icon-strooien"]]],["p-dd01f2cc",[[1,"utrecht-icon-subsidie"]]],["p-ff9ec029",[[1,"utrecht-icon-subsidie-gezin"]]],["p-ac7af82d",[[1,"utrecht-icon-t-shirt"]]],["p-0de801e4",[[1,"utrecht-icon-thuiswerken"]]],["p-82f1a4d4",[[1,"utrecht-icon-toeslag"]]],["p-6021ea86",[[1,"utrecht-icon-trein"]]],["p-8d637a88",[[1,"utrecht-icon-trouwen"]]],["p-32a53392",[[1,"utrecht-icon-twitter"]]],["p-c63f9c86",[[1,"utrecht-icon-user"]]],["p-fd584aca",[[1,"utrecht-icon-uw-wijk"]]],["p-16ecf7c0",[[1,"utrecht-icon-vaccinatie"]]],["p-fe137363",[[1,"utrecht-icon-veilige-wijk"]]],["p-600a078a",[[1,"utrecht-icon-vergaderen"]]],["p-2f476313",[[1,"utrecht-icon-vergaderendigitaal"]]],["p-4b51e457",[[1,"utrecht-icon-vergoeding"]]],["p-989214c4",[[1,"utrecht-icon-verhuizen"]]],["p-5083ca6d",[[1,"utrecht-icon-verkeerslicht"]]],["p-d38a35f2",[[1,"utrecht-icon-verkiezingen"]]],["p-f9b3a41c",[[1,"utrecht-icon-verslaving"]]],["p-d18dae4b",[[1,"utrecht-icon-vervoersvoorziening"]]],["p-a9811c49",[[1,"utrecht-icon-virus"]]],["p-3afc9f72",[[1,"utrecht-icon-vluchtelingen"]]],["p-d2087e43",[[1,"utrecht-icon-voorzieningen-vervoer"]]],["p-c2fe48c3",[[1,"utrecht-icon-vrijwilligerswerk"]]],["p-083f3974",[[1,"utrecht-icon-vuilnisbak"]]],["p-718b564b",[[1,"utrecht-icon-vuilniszak"]]],["p-4e84d7b5",[[1,"utrecht-icon-vuurwerk"]]],["p-b92fb68a",[[1,"utrecht-icon-wandelstok"]]],["p-40fcf6b2",[[1,"utrecht-icon-warm"]]],["p-64e64b6a",[[1,"utrecht-icon-warning"]]],["p-a954a8ec",[[1,"utrecht-icon-werken"]]],["p-aa271998",[[1,"utrecht-icon-werkzaamheden"]]],["p-45f78786",[[1,"utrecht-icon-whatsapp"]]],["p-74e04d48",[[1,"utrecht-icon-wonen-kosten"]]],["p-12aaba06",[[1,"utrecht-icon-woning-zoeken"]]],["p-062eabae",[[1,"utrecht-icon-x"]]],["p-062bfc6d",[[1,"utrecht-icon-youtube"]]],["p-86a5ded0",[[1,"utrecht-icon-zelfstandig-wonen"]]],["p-8d5690d2",[[1,"utrecht-icon-zoom-minus"]]],["p-7b13bc4f",[[1,"utrecht-icon-zoom-plus"]]],["p-9b9c175b",[[1,"utrecht-icon-zoomin"]]],["p-5c67a459",[[1,"utrecht-icon-zoomout"]]],["p-4caebba9",[[1,"utrecht-icon-zorg-huis"]]],["p-ad801bb4",[[1,"utrecht-icon-zweefpaal"]]],["p-8ff98e61",[[1,"utrecht-icon-zwemmen"]]],["p-648aa6e4",[[1,"utrecht-logo-button"]]],["p-fd7bc87c",[[1,"utrecht-map-marker"]]],["p-b9dc7b3b",[[1,"utrecht-multiline-data"]]],["p-ce159903",[[1,"utrecht-page-footer"]]],["p-eba58017",[[1,"utrecht-pagination",{"links":[1],"next":[1],"prev":[1],"currentIndex":[2,"current-index"]}]]],["p-ca2e5437",[[1,"utrecht-progress-list"]]],["p-4e4e5457",[[1,"utrecht-progress-sublist-item",{"appearance":[1],"checked":[4]}]]],["p-ef45c1a7",[[1,"utrecht-sidenav",{"json":[1]}]]],["p-feeb701b",[[1,"utrecht-surface"]]],["p-bf912480",[[1,"utrecht-table"]]],["p-969a9a34",[[1,"utrecht-table-body"]]],["p-06307126",[[1,"utrecht-table-caption"]]],["p-a94b5c0d",[[1,"utrecht-table-cell"]]],["p-3c2a2245",[[1,"utrecht-table-footer"]]],["p-9bfb9d48",[[1,"utrecht-table-header"]]],["p-83636614",[[1,"utrecht-table-header-cell",{"scope":[1]}]]],["p-b8fe811c",[[1,"utrecht-table-row"]]],["p-8540eec8",[[1,"utrecht-textarea",{"disabled":[516],"invalid":[516],"placeholder":[1],"readOnly":[516,"readonly"],"required":[516],"value":[1]}]]],["p-3dcfc56f",[[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-27677375",[[1,"utrecht-digid-logo"]]],["p-761abe04",[[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-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"],[4,"utrecht-form",{"action":[1],"autocomplete":[1],"enctype":[1],"method":[1],"noValidate":[1,"novalidate"],"target":[1]}],[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-logo-image"],[1,"utrecht-mark"],[1,"utrecht-number-data",{"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-data"],[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-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.595",
|
|
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",
|
|
@@ -34,8 +34,8 @@
|
|
|
34
34
|
"@stencil/vue-output-target": "0.8.6",
|
|
35
35
|
"@types/jest": "29.5.4",
|
|
36
36
|
"@types/node": "18.17.15",
|
|
37
|
-
"@utrecht/components": "1.0.0-alpha.
|
|
38
|
-
"@utrecht/icon": "1.0.0-alpha.
|
|
37
|
+
"@utrecht/components": "1.0.0-alpha.557",
|
|
38
|
+
"@utrecht/icon": "1.0.0-alpha.484",
|
|
39
39
|
"chokidar-cli": "3.0.0",
|
|
40
40
|
"clsx": "1.2.1",
|
|
41
41
|
"node-sass-package-importer": "5.3.3",
|
|
@@ -61,5 +61,5 @@
|
|
|
61
61
|
"watch:build": "stencil build --watch",
|
|
62
62
|
"generate": "stencil generate"
|
|
63
63
|
},
|
|
64
|
-
"gitHead": "
|
|
64
|
+
"gitHead": "806387d012c3b25e5b5dd1a77cf07a9a1220c3d3"
|
|
65
65
|
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["drawerCss","Drawer","render","align","open","this","h","ref","el","dialogElement","class","clsx","async","_a","close","_b","showModal"],"sources":["./src/components/drawer.scss?tag=utrecht-drawer&encapsulation=shadow","./src/components/drawer.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2022 Gemeente Utrecht\n * Copyright (c) 2020-2022 Frameless B.V.\n */\n\n@import \"~@utrecht/components/drawer/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) 2020-2022 Gemeente Utrecht\n * Copyright (c) 2020-2022 Frameless B.V.\n */\n\nimport { Component, h, Method, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n tag: 'utrecht-drawer',\n styleUrl: 'drawer.scss',\n shadow: true,\n})\nexport class Drawer {\n @Prop() align: string;\n @Prop() open: boolean = false;\n\n dialogElement!: HTMLDialogElement;\n\n render() {\n const { align, open } = this;\n return (\n <dialog\n ref={(el) => (this.dialogElement = el as HTMLDialogElement)}\n class={clsx('utrecht-drawer', {\n 'utrecht-drawer--block-end': align === 'block-end',\n 'utrecht-drawer--block-start': align === 'block-start',\n 'utrecht-drawer--inline-end': align === 'inline-end' || !align,\n 'utrecht-drawer--inline-start': align === 'inline-start',\n })}\n open={open}\n >\n <slot></slot>\n </dialog>\n );\n }\n\n @Method()\n async close() {\n this.dialogElement?.close();\n }\n\n @Method()\n async showModal() {\n // Dialog must not be `open` initially, prevent the following error:\n // \"Cannot call showModal() on an open non-modal dialog\"\n // Close the dialog first, to transition from non-modal to modal.\n // Ideally we would't `close()` the dialog when we know the dialog is already modal.\n this.dialogElement?.close();\n this.dialogElement?.showModal();\n }\n}\n"],"mappings":"0EAAA,MAAMA,EAAY,gvH,MCcLC,EAAM,M,wDAEO,K,CAIxBC,SACE,MAAMC,MAAEA,EAAKC,KAAEA,GAASC,KACxB,OACEC,EAAA,UACEC,IAAMC,GAAQH,KAAKI,cAAgBD,EACnCE,MAAOC,EAAK,iBAAkB,CAC5B,4BAA6BR,IAAU,YACvC,8BAA+BA,IAAU,cACzC,6BAA8BA,IAAU,eAAiBA,EACzD,+BAAgCA,IAAU,iBAE5CC,KAAMA,GAENE,EAAA,a,CAMNM,c,OACEC,EAAAR,KAAKI,iBAAa,MAAAI,SAAA,SAAAA,EAAEC,O,CAItBF,kB,SAKEC,EAAAR,KAAKI,iBAAa,MAAAI,SAAA,SAAAA,EAAEC,SACpBC,EAAAV,KAAKI,iBAAa,MAAAM,SAAA,SAAAA,EAAEC,W"}
|