@utrecht/web-component-library-stencil 1.0.0-alpha.533 → 1.0.0-alpha.535
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-form-toggle.cjs.entry.js +1 -1
- package/dist/cjs/utrecht-form-toggle.cjs.entry.js.map +1 -1
- package/dist/collection/components/form-toggle/index.css +27 -0
- package/dist/components/utrecht-form-toggle.js +1 -1
- package/dist/components/utrecht-form-toggle.js.map +1 -1
- package/dist/esm/utrecht-form-toggle.entry.js +1 -1
- package/dist/esm/utrecht-form-toggle.entry.js.map +1 -1
- package/dist/utrecht/{p-6c217bd7.entry.js → p-0e822086.entry.js} +2 -2
- package/dist/utrecht/{p-6c217bd7.entry.js.map → p-0e822086.entry.js.map} +1 -1
- package/dist/utrecht/utrecht.esm.js +1 -1
- package/package.json +4 -4
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
const index = require('./index-f7fab6cb.js');
|
|
6
6
|
const clsx_m = require('./clsx.m-b21b5592.js');
|
|
7
7
|
|
|
8
|
-
const indexCss = ".utrecht-form-toggle{align-items:center;block-size:var(--utrecht-form-toggle-height, 2em);border-color:var(--utrecht-form-toggle-border-color, currentColor);border-radius:var(--utrecht-form-toggle-border-radius, 999rem);border-style:var(--utrecht-form-toggle-border-style, solid);border-width:var(--utrecht-form-toggle-border-width, 1px);color:var(--utrecht-form-toggle-color);cursor:var(--utrecht-action-activate-cursor);display:flex;inline-size:var(--utrecht-form-toggle-width, 6em);padding-block-end:var(--utrecht-form-toggle-padding-block-end);padding-block-start:var(--utrecht-form-toggle-padding-block-start);padding-inline-end:var(--utrecht-form-toggle-padding-inline-end);padding-inline-start:var(--utrecht-form-toggle-padding-inline-start);position:relative;-webkit-user-select:none;user-select:none}@media screen and (-ms-high-contrast: active), screen and (forced-colors: active){.utrecht-form-toggle{--utrecht-form-toggle-background-color:ButtonFace;--utrecht-form-toggle-border-color:buttonborder;--utrecht-form-toggle-border-width:1px;--utrecht-form-toggle-border-radius:var(--utrecht-form-toggle-track-border-radius);--utrecht-form-toggle-thumb-background-color:ButtonText;--utrecht-form-toggle-thumb-disabled-background-color:GrayText;border-color:var(--utrecht-form-toggle-track-disabled-border-color, var(--utrecht-form-toggle-track-border-color));border-width:min(var(--utrecht-form-toggle-border-width, 1px), 1px);}}.utrecht-form-toggle--focus-visible,.utrecht-form-toggle--html-div: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-form-toggle--hover,.utrecht-form-toggle:not(.utrecht-form-toggle--disabled):not(.utrecht-form-toggle--html-div:disabled):hover{background-color:var(--utrecht-form-toggle-hover-background-color, var(--utrecht-form-toggle-background-color));color:var(--utrecht-form-toggle-hover-color, var(--utrecht-form-toggle-color))}.utrecht-form-toggle--disabled,.utrecht-form-toggle--html-div:disabled{border-color:var(--utrecht-form-toggle-disabled-border-color, var(--utrecht-form-toggle-border-color, currentColor));border-style:var(--utrecht-form-toggle-disabled-border-style, var(--utrecht-form-toggle-border-style, solid));border-width:var(--utrecht-form-toggle-disabled-border-width, var(--utrecht-form-toggle-border-width, 1px));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-form-toggle__thumb{background-color:var(--utrecht-form-toggle-thumb-background-color, currentColor);border-radius:var(--utrecht-form-toggle-thumb-border-radius, 50%);box-shadow:var(--utrecht-form-toggle-thumb-box-shadow);margin-inline-end:var(--utrecht-form-toggle-thumb-margin-inline-end, 0);margin-inline-start:var(--utrecht-form-toggle-thumb-margin-inline-start, 0);min-block-size:var(--utrecht-form-toggle-thumb-min-inline-size, 1.5em);min-inline-size:var(--utrecht-form-toggle-thumb-min-inline-size, 1.5em);z-index:20}.utrecht-form-toggle__thumb--checked,.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:checked~.utrecht-form-toggle__track .utrecht-form-toggle__thumb{margin-inline-start:auto}.utrecht-form-toggle__thumb--not-checked,.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:not(:checked)~.utrecht-form-toggle__track .utrecht-form-toggle__thumb{margin-inline-end:auto}.utrecht-form-toggle__thumb--disabled,.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:disabled~.utrecht-form-toggle__track .utrecht-form-toggle__thumb{background-color:var(--utrecht-form-toggle-thumb-disabled-background-color, #aaa);box-shadow:var(--utrecht-form-toggle-thumb-disabled-box-shadow, 0)}.utrecht-form-toggle__track{align-items:center;background-color:var(--utrecht-form-toggle-accent-color);block-size:100%;border-radius:var(--utrecht-form-toggle-track-border-radius, var(--utrecht-form-toggle-border-radius));display:flex;inline-size:100%}.utrecht-form-toggle__track--checked,.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:checked~.utrecht-form-toggle__track{background-color:var(--utrecht-form-toggle-checked-accent-color, var(--utrecht-form-toggle-accent-color))}.utrecht-form-toggle__track--disabled,.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:disabled~.utrecht-form-toggle__track{background-color:var(--utrecht-form-toggle-background-disabled-background-color, #ddd);color:var(--utrecht-form-toggle-disabled-color, black)}.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox{block-size:1px !important;border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;inline-size:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;white-space:nowrap !important}:host{display:inline-block}:host([hidden]){display:none !important}";
|
|
8
|
+
const indexCss = ".utrecht-form-toggle{align-items:center;block-size:var(--utrecht-form-toggle-height, 2em);border-color:var(--utrecht-form-toggle-border-color, currentColor);border-radius:var(--utrecht-form-toggle-border-radius, 999rem);border-style:var(--utrecht-form-toggle-border-style, solid);border-width:var(--utrecht-form-toggle-border-width, 1px);color:var(--utrecht-form-toggle-color);cursor:var(--utrecht-action-activate-cursor);display:flex;inline-size:var(--utrecht-form-toggle-width, 6em);padding-block-end:var(--utrecht-form-toggle-padding-block-end);padding-block-start:var(--utrecht-form-toggle-padding-block-start);padding-inline-end:var(--utrecht-form-toggle-padding-inline-end);padding-inline-start:var(--utrecht-form-toggle-padding-inline-start);position:relative;-webkit-user-select:none;user-select:none}@media screen and (-ms-high-contrast: active), screen and (forced-colors: active){.utrecht-form-toggle{--utrecht-form-toggle-background-color:ButtonFace;--utrecht-form-toggle-border-color:buttonborder;--utrecht-form-toggle-border-width:1px;--utrecht-form-toggle-border-radius:var(--utrecht-form-toggle-track-border-radius);--utrecht-form-toggle-thumb-background-color:ButtonText;--utrecht-form-toggle-thumb-disabled-background-color:GrayText;border-color:var(--utrecht-form-toggle-track-disabled-border-color, var(--utrecht-form-toggle-track-border-color));border-width:min(var(--utrecht-form-toggle-border-width, 1px), 1px);}}.utrecht-form-toggle--focus-visible,.utrecht-form-toggle--html-div: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-form-toggle--hover,.utrecht-form-toggle:not(.utrecht-form-toggle--disabled):not(.utrecht-form-toggle--html-div:disabled):hover{background-color:var(--utrecht-form-toggle-hover-background-color, var(--utrecht-form-toggle-background-color));color:var(--utrecht-form-toggle-hover-color, var(--utrecht-form-toggle-color))}.utrecht-form-toggle--disabled,.utrecht-form-toggle--html-div:disabled{border-color:var(--utrecht-form-toggle-disabled-border-color, var(--utrecht-form-toggle-border-color, currentColor));border-style:var(--utrecht-form-toggle-disabled-border-style, var(--utrecht-form-toggle-border-style, solid));border-width:var(--utrecht-form-toggle-disabled-border-width, var(--utrecht-form-toggle-border-width, 1px));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-form-toggle__thumb{background-color:var(--utrecht-form-toggle-thumb-background-color, currentColor);border-radius:var(--utrecht-form-toggle-thumb-border-radius, 50%);box-shadow:var(--utrecht-form-toggle-thumb-box-shadow);margin-inline-end:var(--utrecht-form-toggle-thumb-margin-inline-end, 0);margin-inline-start:var(--utrecht-form-toggle-thumb-margin-inline-start, 0);min-block-size:var(--utrecht-form-toggle-thumb-min-inline-size, 1.5em);min-inline-size:var(--utrecht-form-toggle-thumb-min-inline-size, 1.5em);z-index:20}.utrecht-form-toggle__thumb--checked,.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:checked~.utrecht-form-toggle__track .utrecht-form-toggle__thumb{margin-inline-start:auto}.utrecht-form-toggle__thumb--not-checked,.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:not(:checked)~.utrecht-form-toggle__track .utrecht-form-toggle__thumb{margin-inline-end:auto}.utrecht-form-toggle__thumb--disabled,.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:disabled~.utrecht-form-toggle__track .utrecht-form-toggle__thumb{background-color:var(--utrecht-form-toggle-thumb-disabled-background-color, #aaa);box-shadow:var(--utrecht-form-toggle-thumb-disabled-box-shadow, 0)}.utrecht-form-toggle__track{align-items:center;background-color:var(--utrecht-form-toggle-accent-color);block-size:100%;border-radius:var(--utrecht-form-toggle-track-border-radius, var(--utrecht-form-toggle-border-radius));display:flex;inline-size:100%}.utrecht-form-toggle__track--checked,.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:checked~.utrecht-form-toggle__track{background-color:var(--utrecht-form-toggle-checked-accent-color, var(--utrecht-form-toggle-accent-color))}.utrecht-form-toggle__track--disabled,.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:disabled~.utrecht-form-toggle__track{background-color:var(--utrecht-form-toggle-background-disabled-background-color, #ddd);color:var(--utrecht-form-toggle-disabled-color, black)}.utrecht-form-toggle__track--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-form-toggle--html-checkbox .utrecht-form-toggle__checkbox{block-size:1px !important;border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;inline-size:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;white-space:nowrap !important}.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:focus-visible~.utrecht-form-toggle__track{--_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)}:host{display:inline-block}:host([hidden]){display:none !important}";
|
|
9
9
|
|
|
10
10
|
const FormToggle = class {
|
|
11
11
|
constructor(hostRef) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"utrecht-form-toggle.entry.cjs.js","mappings":";;;;;;;AAAA,MAAM,QAAQ,GAAG,
|
|
1
|
+
{"file":"utrecht-form-toggle.entry.cjs.js","mappings":";;;;;;;AAAA,MAAM,QAAQ,GAAG,kiMAAkiM;;MCatiM,UAAU;;;;;;;oBACwB,KAAK;mBACN,KAAK;;EAMjD,MAAM;IACJ,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC;IAEnC,MAAM,iBAAiB,GAAG;MACxB,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;QAClB,IAAI,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC;QAC7B,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC7B,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;OAC/B;KACF,CAAC;IAEF,MAAM,WAAW,GAAG;MAClB,iBAAiB,EAAE,CAAC;KACrB,CAAC;IAEF,MAAM,cAAc,GAAG,CAAC,GAAG;MACzB,IAAI,GAAG,CAAC,IAAI,KAAK,OAAO,IAAI,GAAG,CAAC,GAAG,KAAK,GAAG,EAAE;;QAE3C,GAAG,CAAC,cAAc,EAAE,CAAC;OACtB;KACF,CAAC;IAEF,MAAM,WAAW,GAAG,CAAC,GAAG;MACtB,IAAI,GAAG,CAAC,IAAI,KAAK,OAAO,IAAI,GAAG,CAAC,GAAG,KAAK,GAAG,EAAE;QAC3C,iBAAiB,EAAE,CAAC;OACrB;KACF,CAAC;IAEF,QACEA,iBACE,KAAK,EAAEC,WAAI,CACT,qBAAqB,EACrB,OAAO,IAAI,8BAA8B,EACzC,CAAC,OAAO,IAAI,kCAAkC,EAC9C,QAAQ,IAAI,+BAA+B,CAC5C,EACD,QAAQ,EAAE,QAAQ,GAAG,IAAI,GAAG,CAAC,EAC7B,IAAI,EAAC,QAAQ,mBACE,QAAQ,GAAG,MAAM,GAAG,IAAI,EACvC,OAAO,EAAE,WAAW,EACpB,UAAU,EAAE,cAAc,EAC1B,OAAO,EAAE,WAAW,IAEpBD,iBAAK,KAAK,EAAC,4DAA4D,GAAO,EAC9EA,iBAAK,KAAK,EAAC,2DAA2D,GAAO,EAC7EA,iBACE,KAAK,EAAEC,WAAI,CACT,4BAA4B,EAC5B,OAAO,IAAI,qCAAqC,EAChD,CAAC,OAAO,IAAI,yCAAyC,EACrD,QAAQ,IAAI,sCAAsC,CACnD,IAEDD,iBACE,KAAK,EAAEC,WAAI,CACT,4BAA4B,EAC5B,OAAO,IAAI,qCAAqC,EAChD,CAAC,OAAO,IAAI,yCAAyC,EACrD,QAAQ,IAAI,sCAAsC,CACnD,GACI,CACH,CACF,EACN;GACH;;;;;;","names":["h","clsx"],"sources":["./src/components/form-toggle/index.scss?tag=utrecht-form-toggle&encapsulation=shadow","./src/components/form-toggle/index.stencil.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n */\n\n@import \"~@utrecht/components/form-toggle/css\";\n\n:host {\n display: inline-block;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n\n.utrecht-form-toggle:not(.utrecht-form-toggle--disabled):focus {\n @extend .utrecht-form-toggle--focus;\n}\n\n.utrecht-form-toggle:not(.utrecht-form-toggle--disabled):hover {\n @extend .utrecht-form-toggle--hover;\n}\n","/**\n * @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n */\n\nimport { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n tag: 'utrecht-form-toggle',\n styleUrl: 'index.scss',\n shadow: true,\n})\nexport class FormToggle {\n @Prop({ reflect: true }) disabled: boolean = false;\n @Prop({ reflect: true }) checked: boolean = false;\n @Event() utrechtBlur: EventEmitter;\n @Event() utrechtChange: EventEmitter;\n @Event() utrechtFocus: EventEmitter;\n @Event() utrechtInput: EventEmitter;\n\n render() {\n const { checked, disabled } = this;\n\n const toggleInteraction = () => {\n if (!this.disabled) {\n this.checked = !this.checked;\n this.utrechtInput.emit(this);\n this.utrechtChange.emit(this);\n }\n };\n\n const handleClick = () => {\n toggleInteraction();\n };\n\n const handleKeyPress = (evt) => {\n if (evt.code === 'Space' || evt.key === ' ') {\n // Do not scroll the page using Space when the toggle is focussed\n evt.preventDefault();\n }\n };\n\n const handleKeyUp = (evt) => {\n if (evt.code === 'Space' || evt.key === ' ') {\n toggleInteraction();\n }\n };\n\n return (\n <div\n class={clsx(\n 'utrecht-form-toggle',\n checked && 'utrecht-form-toggle--checked',\n !checked && 'utrecht-form-toggle--not-checked',\n disabled && 'utrecht-form-toggle--disabled',\n )}\n tabIndex={disabled ? null : 0}\n role=\"switch\"\n aria-disabled={disabled ? 'true' : null}\n onClick={handleClick}\n onKeyPress={handleKeyPress}\n onKeyUp={handleKeyUp}\n >\n <div class=\"utrecht-form-toggle__label utrecht-form-toggle__label--off\"></div>\n <div class=\"utrecht-form-toggle__label utrecht-form-toggle__label--on\"></div>\n <div\n class={clsx(\n 'utrecht-form-toggle__track',\n checked && 'utrecht-form-toggle__track--checked',\n !checked && 'utrecht-form-toggle__track--not-checked',\n disabled && 'utrecht-form-toggle__track--disabled',\n )}\n >\n <div\n class={clsx(\n 'utrecht-form-toggle__thumb',\n checked && 'utrecht-form-toggle__thumb--checked',\n !checked && 'utrecht-form-toggle__thumb--not-checked',\n disabled && 'utrecht-form-toggle__thumb--disabled',\n )}\n ></div>\n </div>\n </div>\n );\n }\n}\n"],"version":3}
|
|
@@ -119,6 +119,20 @@
|
|
|
119
119
|
color: var(--utrecht-form-toggle-disabled-color, black);
|
|
120
120
|
}
|
|
121
121
|
|
|
122
|
+
.utrecht-form-toggle__track--focus-visible {
|
|
123
|
+
/* - The browser default focus ring should apply when these CSS custom properties are not set.
|
|
124
|
+
* - Make the `box-shadow` value available, so components that have their own `box-shadow`
|
|
125
|
+
* can combine it with the focus ring box shadow.
|
|
126
|
+
*/
|
|
127
|
+
--_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
|
|
128
|
+
var(--utrecht-focus-inverse-outline-color, transparent);
|
|
129
|
+
box-shadow: var(--_utrecht-focus-ring-box-shadow);
|
|
130
|
+
outline-color: var(--utrecht-focus-outline-color, revert);
|
|
131
|
+
outline-offset: var(--utrecht-focus-outline-offset, revert);
|
|
132
|
+
outline-style: var(--utrecht-focus-outline-style, revert);
|
|
133
|
+
outline-width: var(--utrecht-focus-outline-width, revert);
|
|
134
|
+
}
|
|
135
|
+
|
|
122
136
|
.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox {
|
|
123
137
|
/* Source: https://kittygiraudel.com/snippets/sr-only-class/ */
|
|
124
138
|
block-size: 1px !important;
|
|
@@ -135,6 +149,19 @@
|
|
|
135
149
|
position: absolute !important;
|
|
136
150
|
white-space: nowrap !important;
|
|
137
151
|
}
|
|
152
|
+
.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:focus-visible ~ .utrecht-form-toggle__track {
|
|
153
|
+
/* - The browser default focus ring should apply when these CSS custom properties are not set.
|
|
154
|
+
* - Make the `box-shadow` value available, so components that have their own `box-shadow`
|
|
155
|
+
* can combine it with the focus ring box shadow.
|
|
156
|
+
*/
|
|
157
|
+
--_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
|
|
158
|
+
var(--utrecht-focus-inverse-outline-color, transparent);
|
|
159
|
+
box-shadow: var(--_utrecht-focus-ring-box-shadow);
|
|
160
|
+
outline-color: var(--utrecht-focus-outline-color, revert);
|
|
161
|
+
outline-offset: var(--utrecht-focus-outline-offset, revert);
|
|
162
|
+
outline-style: var(--utrecht-focus-outline-style, revert);
|
|
163
|
+
outline-width: var(--utrecht-focus-outline-width, revert);
|
|
164
|
+
}
|
|
138
165
|
:host {
|
|
139
166
|
display: inline-block;
|
|
140
167
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
|
|
2
2
|
import { c as clsx } from './clsx.m.js';
|
|
3
3
|
|
|
4
|
-
const indexCss = ".utrecht-form-toggle{align-items:center;block-size:var(--utrecht-form-toggle-height, 2em);border-color:var(--utrecht-form-toggle-border-color, currentColor);border-radius:var(--utrecht-form-toggle-border-radius, 999rem);border-style:var(--utrecht-form-toggle-border-style, solid);border-width:var(--utrecht-form-toggle-border-width, 1px);color:var(--utrecht-form-toggle-color);cursor:var(--utrecht-action-activate-cursor);display:flex;inline-size:var(--utrecht-form-toggle-width, 6em);padding-block-end:var(--utrecht-form-toggle-padding-block-end);padding-block-start:var(--utrecht-form-toggle-padding-block-start);padding-inline-end:var(--utrecht-form-toggle-padding-inline-end);padding-inline-start:var(--utrecht-form-toggle-padding-inline-start);position:relative;-webkit-user-select:none;user-select:none}@media screen and (-ms-high-contrast: active), screen and (forced-colors: active){.utrecht-form-toggle{--utrecht-form-toggle-background-color:ButtonFace;--utrecht-form-toggle-border-color:buttonborder;--utrecht-form-toggle-border-width:1px;--utrecht-form-toggle-border-radius:var(--utrecht-form-toggle-track-border-radius);--utrecht-form-toggle-thumb-background-color:ButtonText;--utrecht-form-toggle-thumb-disabled-background-color:GrayText;border-color:var(--utrecht-form-toggle-track-disabled-border-color, var(--utrecht-form-toggle-track-border-color));border-width:min(var(--utrecht-form-toggle-border-width, 1px), 1px);}}.utrecht-form-toggle--focus-visible,.utrecht-form-toggle--html-div: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-form-toggle--hover,.utrecht-form-toggle:not(.utrecht-form-toggle--disabled):not(.utrecht-form-toggle--html-div:disabled):hover{background-color:var(--utrecht-form-toggle-hover-background-color, var(--utrecht-form-toggle-background-color));color:var(--utrecht-form-toggle-hover-color, var(--utrecht-form-toggle-color))}.utrecht-form-toggle--disabled,.utrecht-form-toggle--html-div:disabled{border-color:var(--utrecht-form-toggle-disabled-border-color, var(--utrecht-form-toggle-border-color, currentColor));border-style:var(--utrecht-form-toggle-disabled-border-style, var(--utrecht-form-toggle-border-style, solid));border-width:var(--utrecht-form-toggle-disabled-border-width, var(--utrecht-form-toggle-border-width, 1px));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-form-toggle__thumb{background-color:var(--utrecht-form-toggle-thumb-background-color, currentColor);border-radius:var(--utrecht-form-toggle-thumb-border-radius, 50%);box-shadow:var(--utrecht-form-toggle-thumb-box-shadow);margin-inline-end:var(--utrecht-form-toggle-thumb-margin-inline-end, 0);margin-inline-start:var(--utrecht-form-toggle-thumb-margin-inline-start, 0);min-block-size:var(--utrecht-form-toggle-thumb-min-inline-size, 1.5em);min-inline-size:var(--utrecht-form-toggle-thumb-min-inline-size, 1.5em);z-index:20}.utrecht-form-toggle__thumb--checked,.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:checked~.utrecht-form-toggle__track .utrecht-form-toggle__thumb{margin-inline-start:auto}.utrecht-form-toggle__thumb--not-checked,.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:not(:checked)~.utrecht-form-toggle__track .utrecht-form-toggle__thumb{margin-inline-end:auto}.utrecht-form-toggle__thumb--disabled,.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:disabled~.utrecht-form-toggle__track .utrecht-form-toggle__thumb{background-color:var(--utrecht-form-toggle-thumb-disabled-background-color, #aaa);box-shadow:var(--utrecht-form-toggle-thumb-disabled-box-shadow, 0)}.utrecht-form-toggle__track{align-items:center;background-color:var(--utrecht-form-toggle-accent-color);block-size:100%;border-radius:var(--utrecht-form-toggle-track-border-radius, var(--utrecht-form-toggle-border-radius));display:flex;inline-size:100%}.utrecht-form-toggle__track--checked,.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:checked~.utrecht-form-toggle__track{background-color:var(--utrecht-form-toggle-checked-accent-color, var(--utrecht-form-toggle-accent-color))}.utrecht-form-toggle__track--disabled,.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:disabled~.utrecht-form-toggle__track{background-color:var(--utrecht-form-toggle-background-disabled-background-color, #ddd);color:var(--utrecht-form-toggle-disabled-color, black)}.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox{block-size:1px !important;border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;inline-size:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;white-space:nowrap !important}:host{display:inline-block}:host([hidden]){display:none !important}";
|
|
4
|
+
const indexCss = ".utrecht-form-toggle{align-items:center;block-size:var(--utrecht-form-toggle-height, 2em);border-color:var(--utrecht-form-toggle-border-color, currentColor);border-radius:var(--utrecht-form-toggle-border-radius, 999rem);border-style:var(--utrecht-form-toggle-border-style, solid);border-width:var(--utrecht-form-toggle-border-width, 1px);color:var(--utrecht-form-toggle-color);cursor:var(--utrecht-action-activate-cursor);display:flex;inline-size:var(--utrecht-form-toggle-width, 6em);padding-block-end:var(--utrecht-form-toggle-padding-block-end);padding-block-start:var(--utrecht-form-toggle-padding-block-start);padding-inline-end:var(--utrecht-form-toggle-padding-inline-end);padding-inline-start:var(--utrecht-form-toggle-padding-inline-start);position:relative;-webkit-user-select:none;user-select:none}@media screen and (-ms-high-contrast: active), screen and (forced-colors: active){.utrecht-form-toggle{--utrecht-form-toggle-background-color:ButtonFace;--utrecht-form-toggle-border-color:buttonborder;--utrecht-form-toggle-border-width:1px;--utrecht-form-toggle-border-radius:var(--utrecht-form-toggle-track-border-radius);--utrecht-form-toggle-thumb-background-color:ButtonText;--utrecht-form-toggle-thumb-disabled-background-color:GrayText;border-color:var(--utrecht-form-toggle-track-disabled-border-color, var(--utrecht-form-toggle-track-border-color));border-width:min(var(--utrecht-form-toggle-border-width, 1px), 1px);}}.utrecht-form-toggle--focus-visible,.utrecht-form-toggle--html-div: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-form-toggle--hover,.utrecht-form-toggle:not(.utrecht-form-toggle--disabled):not(.utrecht-form-toggle--html-div:disabled):hover{background-color:var(--utrecht-form-toggle-hover-background-color, var(--utrecht-form-toggle-background-color));color:var(--utrecht-form-toggle-hover-color, var(--utrecht-form-toggle-color))}.utrecht-form-toggle--disabled,.utrecht-form-toggle--html-div:disabled{border-color:var(--utrecht-form-toggle-disabled-border-color, var(--utrecht-form-toggle-border-color, currentColor));border-style:var(--utrecht-form-toggle-disabled-border-style, var(--utrecht-form-toggle-border-style, solid));border-width:var(--utrecht-form-toggle-disabled-border-width, var(--utrecht-form-toggle-border-width, 1px));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-form-toggle__thumb{background-color:var(--utrecht-form-toggle-thumb-background-color, currentColor);border-radius:var(--utrecht-form-toggle-thumb-border-radius, 50%);box-shadow:var(--utrecht-form-toggle-thumb-box-shadow);margin-inline-end:var(--utrecht-form-toggle-thumb-margin-inline-end, 0);margin-inline-start:var(--utrecht-form-toggle-thumb-margin-inline-start, 0);min-block-size:var(--utrecht-form-toggle-thumb-min-inline-size, 1.5em);min-inline-size:var(--utrecht-form-toggle-thumb-min-inline-size, 1.5em);z-index:20}.utrecht-form-toggle__thumb--checked,.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:checked~.utrecht-form-toggle__track .utrecht-form-toggle__thumb{margin-inline-start:auto}.utrecht-form-toggle__thumb--not-checked,.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:not(:checked)~.utrecht-form-toggle__track .utrecht-form-toggle__thumb{margin-inline-end:auto}.utrecht-form-toggle__thumb--disabled,.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:disabled~.utrecht-form-toggle__track .utrecht-form-toggle__thumb{background-color:var(--utrecht-form-toggle-thumb-disabled-background-color, #aaa);box-shadow:var(--utrecht-form-toggle-thumb-disabled-box-shadow, 0)}.utrecht-form-toggle__track{align-items:center;background-color:var(--utrecht-form-toggle-accent-color);block-size:100%;border-radius:var(--utrecht-form-toggle-track-border-radius, var(--utrecht-form-toggle-border-radius));display:flex;inline-size:100%}.utrecht-form-toggle__track--checked,.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:checked~.utrecht-form-toggle__track{background-color:var(--utrecht-form-toggle-checked-accent-color, var(--utrecht-form-toggle-accent-color))}.utrecht-form-toggle__track--disabled,.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:disabled~.utrecht-form-toggle__track{background-color:var(--utrecht-form-toggle-background-disabled-background-color, #ddd);color:var(--utrecht-form-toggle-disabled-color, black)}.utrecht-form-toggle__track--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-form-toggle--html-checkbox .utrecht-form-toggle__checkbox{block-size:1px !important;border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;inline-size:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;white-space:nowrap !important}.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:focus-visible~.utrecht-form-toggle__track{--_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)}:host{display:inline-block}:host([hidden]){display:none !important}";
|
|
5
5
|
|
|
6
6
|
const FormToggle = /*@__PURE__*/ proxyCustomElement(class FormToggle extends HTMLElement {
|
|
7
7
|
constructor() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"utrecht-form-toggle.js","mappings":";;;AAAA,MAAM,QAAQ,GAAG,
|
|
1
|
+
{"file":"utrecht-form-toggle.js","mappings":";;;AAAA,MAAM,QAAQ,GAAG,kiMAAkiM;;MCatiM,UAAU;;;;;;;;;oBACwB,KAAK;mBACN,KAAK;;EAMjD,MAAM;IACJ,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC;IAEnC,MAAM,iBAAiB,GAAG;MACxB,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;QAClB,IAAI,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC;QAC7B,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC7B,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;OAC/B;KACF,CAAC;IAEF,MAAM,WAAW,GAAG;MAClB,iBAAiB,EAAE,CAAC;KACrB,CAAC;IAEF,MAAM,cAAc,GAAG,CAAC,GAAG;MACzB,IAAI,GAAG,CAAC,IAAI,KAAK,OAAO,IAAI,GAAG,CAAC,GAAG,KAAK,GAAG,EAAE;;QAE3C,GAAG,CAAC,cAAc,EAAE,CAAC;OACtB;KACF,CAAC;IAEF,MAAM,WAAW,GAAG,CAAC,GAAG;MACtB,IAAI,GAAG,CAAC,IAAI,KAAK,OAAO,IAAI,GAAG,CAAC,GAAG,KAAK,GAAG,EAAE;QAC3C,iBAAiB,EAAE,CAAC;OACrB;KACF,CAAC;IAEF,QACE,WACE,KAAK,EAAE,IAAI,CACT,qBAAqB,EACrB,OAAO,IAAI,8BAA8B,EACzC,CAAC,OAAO,IAAI,kCAAkC,EAC9C,QAAQ,IAAI,+BAA+B,CAC5C,EACD,QAAQ,EAAE,QAAQ,GAAG,IAAI,GAAG,CAAC,EAC7B,IAAI,EAAC,QAAQ,mBACE,QAAQ,GAAG,MAAM,GAAG,IAAI,EACvC,OAAO,EAAE,WAAW,EACpB,UAAU,EAAE,cAAc,EAC1B,OAAO,EAAE,WAAW,IAEpB,WAAK,KAAK,EAAC,4DAA4D,GAAO,EAC9E,WAAK,KAAK,EAAC,2DAA2D,GAAO,EAC7E,WACE,KAAK,EAAE,IAAI,CACT,4BAA4B,EAC5B,OAAO,IAAI,qCAAqC,EAChD,CAAC,OAAO,IAAI,yCAAyC,EACrD,QAAQ,IAAI,sCAAsC,CACnD,IAED,WACE,KAAK,EAAE,IAAI,CACT,4BAA4B,EAC5B,OAAO,IAAI,qCAAqC,EAChD,CAAC,OAAO,IAAI,yCAAyC,EACrD,QAAQ,IAAI,sCAAsC,CACnD,GACI,CACH,CACF,EACN;GACH;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/form-toggle/index.scss?tag=utrecht-form-toggle&encapsulation=shadow","./src/components/form-toggle/index.stencil.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n */\n\n@import \"~@utrecht/components/form-toggle/css\";\n\n:host {\n display: inline-block;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n\n.utrecht-form-toggle:not(.utrecht-form-toggle--disabled):focus {\n @extend .utrecht-form-toggle--focus;\n}\n\n.utrecht-form-toggle:not(.utrecht-form-toggle--disabled):hover {\n @extend .utrecht-form-toggle--hover;\n}\n","/**\n * @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n */\n\nimport { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n tag: 'utrecht-form-toggle',\n styleUrl: 'index.scss',\n shadow: true,\n})\nexport class FormToggle {\n @Prop({ reflect: true }) disabled: boolean = false;\n @Prop({ reflect: true }) checked: boolean = false;\n @Event() utrechtBlur: EventEmitter;\n @Event() utrechtChange: EventEmitter;\n @Event() utrechtFocus: EventEmitter;\n @Event() utrechtInput: EventEmitter;\n\n render() {\n const { checked, disabled } = this;\n\n const toggleInteraction = () => {\n if (!this.disabled) {\n this.checked = !this.checked;\n this.utrechtInput.emit(this);\n this.utrechtChange.emit(this);\n }\n };\n\n const handleClick = () => {\n toggleInteraction();\n };\n\n const handleKeyPress = (evt) => {\n if (evt.code === 'Space' || evt.key === ' ') {\n // Do not scroll the page using Space when the toggle is focussed\n evt.preventDefault();\n }\n };\n\n const handleKeyUp = (evt) => {\n if (evt.code === 'Space' || evt.key === ' ') {\n toggleInteraction();\n }\n };\n\n return (\n <div\n class={clsx(\n 'utrecht-form-toggle',\n checked && 'utrecht-form-toggle--checked',\n !checked && 'utrecht-form-toggle--not-checked',\n disabled && 'utrecht-form-toggle--disabled',\n )}\n tabIndex={disabled ? null : 0}\n role=\"switch\"\n aria-disabled={disabled ? 'true' : null}\n onClick={handleClick}\n onKeyPress={handleKeyPress}\n onKeyUp={handleKeyUp}\n >\n <div class=\"utrecht-form-toggle__label utrecht-form-toggle__label--off\"></div>\n <div class=\"utrecht-form-toggle__label utrecht-form-toggle__label--on\"></div>\n <div\n class={clsx(\n 'utrecht-form-toggle__track',\n checked && 'utrecht-form-toggle__track--checked',\n !checked && 'utrecht-form-toggle__track--not-checked',\n disabled && 'utrecht-form-toggle__track--disabled',\n )}\n >\n <div\n class={clsx(\n 'utrecht-form-toggle__thumb',\n checked && 'utrecht-form-toggle__thumb--checked',\n !checked && 'utrecht-form-toggle__thumb--not-checked',\n disabled && 'utrecht-form-toggle__thumb--disabled',\n )}\n ></div>\n </div>\n </div>\n );\n }\n}\n"],"version":3}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h } from './index-738f8f6d.js';
|
|
2
2
|
import { c as clsx } from './clsx.m-9f200cc0.js';
|
|
3
3
|
|
|
4
|
-
const indexCss = ".utrecht-form-toggle{align-items:center;block-size:var(--utrecht-form-toggle-height, 2em);border-color:var(--utrecht-form-toggle-border-color, currentColor);border-radius:var(--utrecht-form-toggle-border-radius, 999rem);border-style:var(--utrecht-form-toggle-border-style, solid);border-width:var(--utrecht-form-toggle-border-width, 1px);color:var(--utrecht-form-toggle-color);cursor:var(--utrecht-action-activate-cursor);display:flex;inline-size:var(--utrecht-form-toggle-width, 6em);padding-block-end:var(--utrecht-form-toggle-padding-block-end);padding-block-start:var(--utrecht-form-toggle-padding-block-start);padding-inline-end:var(--utrecht-form-toggle-padding-inline-end);padding-inline-start:var(--utrecht-form-toggle-padding-inline-start);position:relative;-webkit-user-select:none;user-select:none}@media screen and (-ms-high-contrast: active), screen and (forced-colors: active){.utrecht-form-toggle{--utrecht-form-toggle-background-color:ButtonFace;--utrecht-form-toggle-border-color:buttonborder;--utrecht-form-toggle-border-width:1px;--utrecht-form-toggle-border-radius:var(--utrecht-form-toggle-track-border-radius);--utrecht-form-toggle-thumb-background-color:ButtonText;--utrecht-form-toggle-thumb-disabled-background-color:GrayText;border-color:var(--utrecht-form-toggle-track-disabled-border-color, var(--utrecht-form-toggle-track-border-color));border-width:min(var(--utrecht-form-toggle-border-width, 1px), 1px);}}.utrecht-form-toggle--focus-visible,.utrecht-form-toggle--html-div: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-form-toggle--hover,.utrecht-form-toggle:not(.utrecht-form-toggle--disabled):not(.utrecht-form-toggle--html-div:disabled):hover{background-color:var(--utrecht-form-toggle-hover-background-color, var(--utrecht-form-toggle-background-color));color:var(--utrecht-form-toggle-hover-color, var(--utrecht-form-toggle-color))}.utrecht-form-toggle--disabled,.utrecht-form-toggle--html-div:disabled{border-color:var(--utrecht-form-toggle-disabled-border-color, var(--utrecht-form-toggle-border-color, currentColor));border-style:var(--utrecht-form-toggle-disabled-border-style, var(--utrecht-form-toggle-border-style, solid));border-width:var(--utrecht-form-toggle-disabled-border-width, var(--utrecht-form-toggle-border-width, 1px));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-form-toggle__thumb{background-color:var(--utrecht-form-toggle-thumb-background-color, currentColor);border-radius:var(--utrecht-form-toggle-thumb-border-radius, 50%);box-shadow:var(--utrecht-form-toggle-thumb-box-shadow);margin-inline-end:var(--utrecht-form-toggle-thumb-margin-inline-end, 0);margin-inline-start:var(--utrecht-form-toggle-thumb-margin-inline-start, 0);min-block-size:var(--utrecht-form-toggle-thumb-min-inline-size, 1.5em);min-inline-size:var(--utrecht-form-toggle-thumb-min-inline-size, 1.5em);z-index:20}.utrecht-form-toggle__thumb--checked,.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:checked~.utrecht-form-toggle__track .utrecht-form-toggle__thumb{margin-inline-start:auto}.utrecht-form-toggle__thumb--not-checked,.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:not(:checked)~.utrecht-form-toggle__track .utrecht-form-toggle__thumb{margin-inline-end:auto}.utrecht-form-toggle__thumb--disabled,.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:disabled~.utrecht-form-toggle__track .utrecht-form-toggle__thumb{background-color:var(--utrecht-form-toggle-thumb-disabled-background-color, #aaa);box-shadow:var(--utrecht-form-toggle-thumb-disabled-box-shadow, 0)}.utrecht-form-toggle__track{align-items:center;background-color:var(--utrecht-form-toggle-accent-color);block-size:100%;border-radius:var(--utrecht-form-toggle-track-border-radius, var(--utrecht-form-toggle-border-radius));display:flex;inline-size:100%}.utrecht-form-toggle__track--checked,.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:checked~.utrecht-form-toggle__track{background-color:var(--utrecht-form-toggle-checked-accent-color, var(--utrecht-form-toggle-accent-color))}.utrecht-form-toggle__track--disabled,.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:disabled~.utrecht-form-toggle__track{background-color:var(--utrecht-form-toggle-background-disabled-background-color, #ddd);color:var(--utrecht-form-toggle-disabled-color, black)}.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox{block-size:1px !important;border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;inline-size:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;white-space:nowrap !important}:host{display:inline-block}:host([hidden]){display:none !important}";
|
|
4
|
+
const indexCss = ".utrecht-form-toggle{align-items:center;block-size:var(--utrecht-form-toggle-height, 2em);border-color:var(--utrecht-form-toggle-border-color, currentColor);border-radius:var(--utrecht-form-toggle-border-radius, 999rem);border-style:var(--utrecht-form-toggle-border-style, solid);border-width:var(--utrecht-form-toggle-border-width, 1px);color:var(--utrecht-form-toggle-color);cursor:var(--utrecht-action-activate-cursor);display:flex;inline-size:var(--utrecht-form-toggle-width, 6em);padding-block-end:var(--utrecht-form-toggle-padding-block-end);padding-block-start:var(--utrecht-form-toggle-padding-block-start);padding-inline-end:var(--utrecht-form-toggle-padding-inline-end);padding-inline-start:var(--utrecht-form-toggle-padding-inline-start);position:relative;-webkit-user-select:none;user-select:none}@media screen and (-ms-high-contrast: active), screen and (forced-colors: active){.utrecht-form-toggle{--utrecht-form-toggle-background-color:ButtonFace;--utrecht-form-toggle-border-color:buttonborder;--utrecht-form-toggle-border-width:1px;--utrecht-form-toggle-border-radius:var(--utrecht-form-toggle-track-border-radius);--utrecht-form-toggle-thumb-background-color:ButtonText;--utrecht-form-toggle-thumb-disabled-background-color:GrayText;border-color:var(--utrecht-form-toggle-track-disabled-border-color, var(--utrecht-form-toggle-track-border-color));border-width:min(var(--utrecht-form-toggle-border-width, 1px), 1px);}}.utrecht-form-toggle--focus-visible,.utrecht-form-toggle--html-div: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-form-toggle--hover,.utrecht-form-toggle:not(.utrecht-form-toggle--disabled):not(.utrecht-form-toggle--html-div:disabled):hover{background-color:var(--utrecht-form-toggle-hover-background-color, var(--utrecht-form-toggle-background-color));color:var(--utrecht-form-toggle-hover-color, var(--utrecht-form-toggle-color))}.utrecht-form-toggle--disabled,.utrecht-form-toggle--html-div:disabled{border-color:var(--utrecht-form-toggle-disabled-border-color, var(--utrecht-form-toggle-border-color, currentColor));border-style:var(--utrecht-form-toggle-disabled-border-style, var(--utrecht-form-toggle-border-style, solid));border-width:var(--utrecht-form-toggle-disabled-border-width, var(--utrecht-form-toggle-border-width, 1px));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-form-toggle__thumb{background-color:var(--utrecht-form-toggle-thumb-background-color, currentColor);border-radius:var(--utrecht-form-toggle-thumb-border-radius, 50%);box-shadow:var(--utrecht-form-toggle-thumb-box-shadow);margin-inline-end:var(--utrecht-form-toggle-thumb-margin-inline-end, 0);margin-inline-start:var(--utrecht-form-toggle-thumb-margin-inline-start, 0);min-block-size:var(--utrecht-form-toggle-thumb-min-inline-size, 1.5em);min-inline-size:var(--utrecht-form-toggle-thumb-min-inline-size, 1.5em);z-index:20}.utrecht-form-toggle__thumb--checked,.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:checked~.utrecht-form-toggle__track .utrecht-form-toggle__thumb{margin-inline-start:auto}.utrecht-form-toggle__thumb--not-checked,.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:not(:checked)~.utrecht-form-toggle__track .utrecht-form-toggle__thumb{margin-inline-end:auto}.utrecht-form-toggle__thumb--disabled,.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:disabled~.utrecht-form-toggle__track .utrecht-form-toggle__thumb{background-color:var(--utrecht-form-toggle-thumb-disabled-background-color, #aaa);box-shadow:var(--utrecht-form-toggle-thumb-disabled-box-shadow, 0)}.utrecht-form-toggle__track{align-items:center;background-color:var(--utrecht-form-toggle-accent-color);block-size:100%;border-radius:var(--utrecht-form-toggle-track-border-radius, var(--utrecht-form-toggle-border-radius));display:flex;inline-size:100%}.utrecht-form-toggle__track--checked,.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:checked~.utrecht-form-toggle__track{background-color:var(--utrecht-form-toggle-checked-accent-color, var(--utrecht-form-toggle-accent-color))}.utrecht-form-toggle__track--disabled,.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:disabled~.utrecht-form-toggle__track{background-color:var(--utrecht-form-toggle-background-disabled-background-color, #ddd);color:var(--utrecht-form-toggle-disabled-color, black)}.utrecht-form-toggle__track--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-form-toggle--html-checkbox .utrecht-form-toggle__checkbox{block-size:1px !important;border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;inline-size:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;white-space:nowrap !important}.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:focus-visible~.utrecht-form-toggle__track{--_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)}:host{display:inline-block}:host([hidden]){display:none !important}";
|
|
5
5
|
|
|
6
6
|
const FormToggle = class {
|
|
7
7
|
constructor(hostRef) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"utrecht-form-toggle.entry.js","mappings":";;;AAAA,MAAM,QAAQ,GAAG,
|
|
1
|
+
{"file":"utrecht-form-toggle.entry.js","mappings":";;;AAAA,MAAM,QAAQ,GAAG,kiMAAkiM;;MCatiM,UAAU;;;;;;;oBACwB,KAAK;mBACN,KAAK;;EAMjD,MAAM;IACJ,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC;IAEnC,MAAM,iBAAiB,GAAG;MACxB,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;QAClB,IAAI,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC;QAC7B,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC7B,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;OAC/B;KACF,CAAC;IAEF,MAAM,WAAW,GAAG;MAClB,iBAAiB,EAAE,CAAC;KACrB,CAAC;IAEF,MAAM,cAAc,GAAG,CAAC,GAAG;MACzB,IAAI,GAAG,CAAC,IAAI,KAAK,OAAO,IAAI,GAAG,CAAC,GAAG,KAAK,GAAG,EAAE;;QAE3C,GAAG,CAAC,cAAc,EAAE,CAAC;OACtB;KACF,CAAC;IAEF,MAAM,WAAW,GAAG,CAAC,GAAG;MACtB,IAAI,GAAG,CAAC,IAAI,KAAK,OAAO,IAAI,GAAG,CAAC,GAAG,KAAK,GAAG,EAAE;QAC3C,iBAAiB,EAAE,CAAC;OACrB;KACF,CAAC;IAEF,QACE,WACE,KAAK,EAAE,IAAI,CACT,qBAAqB,EACrB,OAAO,IAAI,8BAA8B,EACzC,CAAC,OAAO,IAAI,kCAAkC,EAC9C,QAAQ,IAAI,+BAA+B,CAC5C,EACD,QAAQ,EAAE,QAAQ,GAAG,IAAI,GAAG,CAAC,EAC7B,IAAI,EAAC,QAAQ,mBACE,QAAQ,GAAG,MAAM,GAAG,IAAI,EACvC,OAAO,EAAE,WAAW,EACpB,UAAU,EAAE,cAAc,EAC1B,OAAO,EAAE,WAAW,IAEpB,WAAK,KAAK,EAAC,4DAA4D,GAAO,EAC9E,WAAK,KAAK,EAAC,2DAA2D,GAAO,EAC7E,WACE,KAAK,EAAE,IAAI,CACT,4BAA4B,EAC5B,OAAO,IAAI,qCAAqC,EAChD,CAAC,OAAO,IAAI,yCAAyC,EACrD,QAAQ,IAAI,sCAAsC,CACnD,IAED,WACE,KAAK,EAAE,IAAI,CACT,4BAA4B,EAC5B,OAAO,IAAI,qCAAqC,EAChD,CAAC,OAAO,IAAI,yCAAyC,EACrD,QAAQ,IAAI,sCAAsC,CACnD,GACI,CACH,CACF,EACN;GACH;;;;;;","names":[],"sources":["./src/components/form-toggle/index.scss?tag=utrecht-form-toggle&encapsulation=shadow","./src/components/form-toggle/index.stencil.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n */\n\n@import \"~@utrecht/components/form-toggle/css\";\n\n:host {\n display: inline-block;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n\n.utrecht-form-toggle:not(.utrecht-form-toggle--disabled):focus {\n @extend .utrecht-form-toggle--focus;\n}\n\n.utrecht-form-toggle:not(.utrecht-form-toggle--disabled):hover {\n @extend .utrecht-form-toggle--hover;\n}\n","/**\n * @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n */\n\nimport { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n tag: 'utrecht-form-toggle',\n styleUrl: 'index.scss',\n shadow: true,\n})\nexport class FormToggle {\n @Prop({ reflect: true }) disabled: boolean = false;\n @Prop({ reflect: true }) checked: boolean = false;\n @Event() utrechtBlur: EventEmitter;\n @Event() utrechtChange: EventEmitter;\n @Event() utrechtFocus: EventEmitter;\n @Event() utrechtInput: EventEmitter;\n\n render() {\n const { checked, disabled } = this;\n\n const toggleInteraction = () => {\n if (!this.disabled) {\n this.checked = !this.checked;\n this.utrechtInput.emit(this);\n this.utrechtChange.emit(this);\n }\n };\n\n const handleClick = () => {\n toggleInteraction();\n };\n\n const handleKeyPress = (evt) => {\n if (evt.code === 'Space' || evt.key === ' ') {\n // Do not scroll the page using Space when the toggle is focussed\n evt.preventDefault();\n }\n };\n\n const handleKeyUp = (evt) => {\n if (evt.code === 'Space' || evt.key === ' ') {\n toggleInteraction();\n }\n };\n\n return (\n <div\n class={clsx(\n 'utrecht-form-toggle',\n checked && 'utrecht-form-toggle--checked',\n !checked && 'utrecht-form-toggle--not-checked',\n disabled && 'utrecht-form-toggle--disabled',\n )}\n tabIndex={disabled ? null : 0}\n role=\"switch\"\n aria-disabled={disabled ? 'true' : null}\n onClick={handleClick}\n onKeyPress={handleKeyPress}\n onKeyUp={handleKeyUp}\n >\n <div class=\"utrecht-form-toggle__label utrecht-form-toggle__label--off\"></div>\n <div class=\"utrecht-form-toggle__label utrecht-form-toggle__label--on\"></div>\n <div\n class={clsx(\n 'utrecht-form-toggle__track',\n checked && 'utrecht-form-toggle__track--checked',\n !checked && 'utrecht-form-toggle__track--not-checked',\n disabled && 'utrecht-form-toggle__track--disabled',\n )}\n >\n <div\n class={clsx(\n 'utrecht-form-toggle__thumb',\n checked && 'utrecht-form-toggle__thumb--checked',\n !checked && 'utrecht-form-toggle__thumb--not-checked',\n disabled && 'utrecht-form-toggle__thumb--disabled',\n )}\n ></div>\n </div>\n </div>\n );\n }\n}\n"],"version":3}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as t,c as r,h as o}from"./p-8c18a309.js";import{c as e}from"./p-4345d76d.js";const c=".utrecht-form-toggle{align-items:center;block-size:var(--utrecht-form-toggle-height, 2em);border-color:var(--utrecht-form-toggle-border-color, currentColor);border-radius:var(--utrecht-form-toggle-border-radius, 999rem);border-style:var(--utrecht-form-toggle-border-style, solid);border-width:var(--utrecht-form-toggle-border-width, 1px);color:var(--utrecht-form-toggle-color);cursor:var(--utrecht-action-activate-cursor);display:flex;inline-size:var(--utrecht-form-toggle-width, 6em);padding-block-end:var(--utrecht-form-toggle-padding-block-end);padding-block-start:var(--utrecht-form-toggle-padding-block-start);padding-inline-end:var(--utrecht-form-toggle-padding-inline-end);padding-inline-start:var(--utrecht-form-toggle-padding-inline-start);position:relative;-webkit-user-select:none;user-select:none}@media screen and (-ms-high-contrast: active), screen and (forced-colors: active){.utrecht-form-toggle{--utrecht-form-toggle-background-color:ButtonFace;--utrecht-form-toggle-border-color:buttonborder;--utrecht-form-toggle-border-width:1px;--utrecht-form-toggle-border-radius:var(--utrecht-form-toggle-track-border-radius);--utrecht-form-toggle-thumb-background-color:ButtonText;--utrecht-form-toggle-thumb-disabled-background-color:GrayText;border-color:var(--utrecht-form-toggle-track-disabled-border-color, var(--utrecht-form-toggle-track-border-color));border-width:min(var(--utrecht-form-toggle-border-width, 1px), 1px);}}.utrecht-form-toggle--focus-visible,.utrecht-form-toggle--html-div: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-form-toggle--hover,.utrecht-form-toggle:not(.utrecht-form-toggle--disabled):not(.utrecht-form-toggle--html-div:disabled):hover{background-color:var(--utrecht-form-toggle-hover-background-color, var(--utrecht-form-toggle-background-color));color:var(--utrecht-form-toggle-hover-color, var(--utrecht-form-toggle-color))}.utrecht-form-toggle--disabled,.utrecht-form-toggle--html-div:disabled{border-color:var(--utrecht-form-toggle-disabled-border-color, var(--utrecht-form-toggle-border-color, currentColor));border-style:var(--utrecht-form-toggle-disabled-border-style, var(--utrecht-form-toggle-border-style, solid));border-width:var(--utrecht-form-toggle-disabled-border-width, var(--utrecht-form-toggle-border-width, 1px));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-form-toggle__thumb{background-color:var(--utrecht-form-toggle-thumb-background-color, currentColor);border-radius:var(--utrecht-form-toggle-thumb-border-radius, 50%);box-shadow:var(--utrecht-form-toggle-thumb-box-shadow);margin-inline-end:var(--utrecht-form-toggle-thumb-margin-inline-end, 0);margin-inline-start:var(--utrecht-form-toggle-thumb-margin-inline-start, 0);min-block-size:var(--utrecht-form-toggle-thumb-min-inline-size, 1.5em);min-inline-size:var(--utrecht-form-toggle-thumb-min-inline-size, 1.5em);z-index:20}.utrecht-form-toggle__thumb--checked,.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:checked~.utrecht-form-toggle__track .utrecht-form-toggle__thumb{margin-inline-start:auto}.utrecht-form-toggle__thumb--not-checked,.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:not(:checked)~.utrecht-form-toggle__track .utrecht-form-toggle__thumb{margin-inline-end:auto}.utrecht-form-toggle__thumb--disabled,.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:disabled~.utrecht-form-toggle__track .utrecht-form-toggle__thumb{background-color:var(--utrecht-form-toggle-thumb-disabled-background-color, #aaa);box-shadow:var(--utrecht-form-toggle-thumb-disabled-box-shadow, 0)}.utrecht-form-toggle__track{align-items:center;background-color:var(--utrecht-form-toggle-accent-color);block-size:100%;border-radius:var(--utrecht-form-toggle-track-border-radius, var(--utrecht-form-toggle-border-radius));display:flex;inline-size:100%}.utrecht-form-toggle__track--checked,.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:checked~.utrecht-form-toggle__track{background-color:var(--utrecht-form-toggle-checked-accent-color, var(--utrecht-form-toggle-accent-color))}.utrecht-form-toggle__track--disabled,.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:disabled~.utrecht-form-toggle__track{background-color:var(--utrecht-form-toggle-background-disabled-background-color, #ddd);color:var(--utrecht-form-toggle-disabled-color, black)}.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox{block-size:1px !important;border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;inline-size:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;white-space:nowrap !important}:host{display:inline-block}:host([hidden]){display:none !important}";const l=class{constructor(o){t(this,o);this.utrechtBlur=r(this,"utrechtBlur",7);this.utrechtChange=r(this,"utrechtChange",7);this.utrechtFocus=r(this,"utrechtFocus",7);this.utrechtInput=r(this,"utrechtInput",7);this.disabled=false;this.checked=false}render(){const{checked:t,disabled:r}=this;const c=()=>{if(!this.disabled){this.checked=!this.checked;this.utrechtInput.emit(this);this.utrechtChange.emit(this)}};const l=()=>{c()};const
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as t,c as r,h as o}from"./p-8c18a309.js";import{c as e}from"./p-4345d76d.js";const c=".utrecht-form-toggle{align-items:center;block-size:var(--utrecht-form-toggle-height, 2em);border-color:var(--utrecht-form-toggle-border-color, currentColor);border-radius:var(--utrecht-form-toggle-border-radius, 999rem);border-style:var(--utrecht-form-toggle-border-style, solid);border-width:var(--utrecht-form-toggle-border-width, 1px);color:var(--utrecht-form-toggle-color);cursor:var(--utrecht-action-activate-cursor);display:flex;inline-size:var(--utrecht-form-toggle-width, 6em);padding-block-end:var(--utrecht-form-toggle-padding-block-end);padding-block-start:var(--utrecht-form-toggle-padding-block-start);padding-inline-end:var(--utrecht-form-toggle-padding-inline-end);padding-inline-start:var(--utrecht-form-toggle-padding-inline-start);position:relative;-webkit-user-select:none;user-select:none}@media screen and (-ms-high-contrast: active), screen and (forced-colors: active){.utrecht-form-toggle{--utrecht-form-toggle-background-color:ButtonFace;--utrecht-form-toggle-border-color:buttonborder;--utrecht-form-toggle-border-width:1px;--utrecht-form-toggle-border-radius:var(--utrecht-form-toggle-track-border-radius);--utrecht-form-toggle-thumb-background-color:ButtonText;--utrecht-form-toggle-thumb-disabled-background-color:GrayText;border-color:var(--utrecht-form-toggle-track-disabled-border-color, var(--utrecht-form-toggle-track-border-color));border-width:min(var(--utrecht-form-toggle-border-width, 1px), 1px);}}.utrecht-form-toggle--focus-visible,.utrecht-form-toggle--html-div: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-form-toggle--hover,.utrecht-form-toggle:not(.utrecht-form-toggle--disabled):not(.utrecht-form-toggle--html-div:disabled):hover{background-color:var(--utrecht-form-toggle-hover-background-color, var(--utrecht-form-toggle-background-color));color:var(--utrecht-form-toggle-hover-color, var(--utrecht-form-toggle-color))}.utrecht-form-toggle--disabled,.utrecht-form-toggle--html-div:disabled{border-color:var(--utrecht-form-toggle-disabled-border-color, var(--utrecht-form-toggle-border-color, currentColor));border-style:var(--utrecht-form-toggle-disabled-border-style, var(--utrecht-form-toggle-border-style, solid));border-width:var(--utrecht-form-toggle-disabled-border-width, var(--utrecht-form-toggle-border-width, 1px));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-form-toggle__thumb{background-color:var(--utrecht-form-toggle-thumb-background-color, currentColor);border-radius:var(--utrecht-form-toggle-thumb-border-radius, 50%);box-shadow:var(--utrecht-form-toggle-thumb-box-shadow);margin-inline-end:var(--utrecht-form-toggle-thumb-margin-inline-end, 0);margin-inline-start:var(--utrecht-form-toggle-thumb-margin-inline-start, 0);min-block-size:var(--utrecht-form-toggle-thumb-min-inline-size, 1.5em);min-inline-size:var(--utrecht-form-toggle-thumb-min-inline-size, 1.5em);z-index:20}.utrecht-form-toggle__thumb--checked,.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:checked~.utrecht-form-toggle__track .utrecht-form-toggle__thumb{margin-inline-start:auto}.utrecht-form-toggle__thumb--not-checked,.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:not(:checked)~.utrecht-form-toggle__track .utrecht-form-toggle__thumb{margin-inline-end:auto}.utrecht-form-toggle__thumb--disabled,.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:disabled~.utrecht-form-toggle__track .utrecht-form-toggle__thumb{background-color:var(--utrecht-form-toggle-thumb-disabled-background-color, #aaa);box-shadow:var(--utrecht-form-toggle-thumb-disabled-box-shadow, 0)}.utrecht-form-toggle__track{align-items:center;background-color:var(--utrecht-form-toggle-accent-color);block-size:100%;border-radius:var(--utrecht-form-toggle-track-border-radius, var(--utrecht-form-toggle-border-radius));display:flex;inline-size:100%}.utrecht-form-toggle__track--checked,.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:checked~.utrecht-form-toggle__track{background-color:var(--utrecht-form-toggle-checked-accent-color, var(--utrecht-form-toggle-accent-color))}.utrecht-form-toggle__track--disabled,.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:disabled~.utrecht-form-toggle__track{background-color:var(--utrecht-form-toggle-background-disabled-background-color, #ddd);color:var(--utrecht-form-toggle-disabled-color, black)}.utrecht-form-toggle__track--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-form-toggle--html-checkbox .utrecht-form-toggle__checkbox{block-size:1px !important;border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;inline-size:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;white-space:nowrap !important}.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:focus-visible~.utrecht-form-toggle__track{--_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)}:host{display:inline-block}:host([hidden]){display:none !important}";const l=class{constructor(o){t(this,o);this.utrechtBlur=r(this,"utrechtBlur",7);this.utrechtChange=r(this,"utrechtChange",7);this.utrechtFocus=r(this,"utrechtFocus",7);this.utrechtInput=r(this,"utrechtInput",7);this.disabled=false;this.checked=false}render(){const{checked:t,disabled:r}=this;const c=()=>{if(!this.disabled){this.checked=!this.checked;this.utrechtInput.emit(this);this.utrechtChange.emit(this)}};const l=()=>{c()};const h=t=>{if(t.code==="Space"||t.key===" "){t.preventDefault()}};const u=t=>{if(t.code==="Space"||t.key===" "){c()}};return o("div",{class:e("utrecht-form-toggle",t&&"utrecht-form-toggle--checked",!t&&"utrecht-form-toggle--not-checked",r&&"utrecht-form-toggle--disabled"),tabIndex:r?null:0,role:"switch","aria-disabled":r?"true":null,onClick:l,onKeyPress:h,onKeyUp:u},o("div",{class:"utrecht-form-toggle__label utrecht-form-toggle__label--off"}),o("div",{class:"utrecht-form-toggle__label utrecht-form-toggle__label--on"}),o("div",{class:e("utrecht-form-toggle__track",t&&"utrecht-form-toggle__track--checked",!t&&"utrecht-form-toggle__track--not-checked",r&&"utrecht-form-toggle__track--disabled")},o("div",{class:e("utrecht-form-toggle__thumb",t&&"utrecht-form-toggle__thumb--checked",!t&&"utrecht-form-toggle__thumb--not-checked",r&&"utrecht-form-toggle__thumb--disabled")})))}};l.style=c;export{l as utrecht_form_toggle};
|
|
2
|
+
//# sourceMappingURL=p-0e822086.entry.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["indexCss","FormToggle","render","checked","disabled","this","toggleInteraction","utrechtInput","emit","utrechtChange","handleClick","handleKeyPress","evt","code","key","preventDefault","handleKeyUp","h","class","clsx","tabIndex","role","onClick","onKeyPress","onKeyUp"],"sources":["./src/components/form-toggle/index.scss?tag=utrecht-form-toggle&encapsulation=shadow","./src/components/form-toggle/index.stencil.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n */\n\n@import \"~@utrecht/components/form-toggle/css\";\n\n:host {\n display: inline-block;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n\n.utrecht-form-toggle:not(.utrecht-form-toggle--disabled):focus {\n @extend .utrecht-form-toggle--focus;\n}\n\n.utrecht-form-toggle:not(.utrecht-form-toggle--disabled):hover {\n @extend .utrecht-form-toggle--hover;\n}\n","/**\n * @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n */\n\nimport { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n tag: 'utrecht-form-toggle',\n styleUrl: 'index.scss',\n shadow: true,\n})\nexport class FormToggle {\n @Prop({ reflect: true }) disabled: boolean = false;\n @Prop({ reflect: true }) checked: boolean = false;\n @Event() utrechtBlur: EventEmitter;\n @Event() utrechtChange: EventEmitter;\n @Event() utrechtFocus: EventEmitter;\n @Event() utrechtInput: EventEmitter;\n\n render() {\n const { checked, disabled } = this;\n\n const toggleInteraction = () => {\n if (!this.disabled) {\n this.checked = !this.checked;\n this.utrechtInput.emit(this);\n this.utrechtChange.emit(this);\n }\n };\n\n const handleClick = () => {\n toggleInteraction();\n };\n\n const handleKeyPress = (evt) => {\n if (evt.code === 'Space' || evt.key === ' ') {\n // Do not scroll the page using Space when the toggle is focussed\n evt.preventDefault();\n }\n };\n\n const handleKeyUp = (evt) => {\n if (evt.code === 'Space' || evt.key === ' ') {\n toggleInteraction();\n }\n };\n\n return (\n <div\n class={clsx(\n 'utrecht-form-toggle',\n checked && 'utrecht-form-toggle--checked',\n !checked && 'utrecht-form-toggle--not-checked',\n disabled && 'utrecht-form-toggle--disabled',\n )}\n tabIndex={disabled ? null : 0}\n role=\"switch\"\n aria-disabled={disabled ? 'true' : null}\n onClick={handleClick}\n onKeyPress={handleKeyPress}\n onKeyUp={handleKeyUp}\n >\n <div class=\"utrecht-form-toggle__label utrecht-form-toggle__label--off\"></div>\n <div class=\"utrecht-form-toggle__label utrecht-form-toggle__label--on\"></div>\n <div\n class={clsx(\n 'utrecht-form-toggle__track',\n checked && 'utrecht-form-toggle__track--checked',\n !checked && 'utrecht-form-toggle__track--not-checked',\n disabled && 'utrecht-form-toggle__track--disabled',\n )}\n >\n <div\n class={clsx(\n 'utrecht-form-toggle__thumb',\n checked && 'utrecht-form-toggle__thumb--checked',\n !checked && 'utrecht-form-toggle__thumb--not-checked',\n disabled && 'utrecht-form-toggle__thumb--disabled',\n )}\n ></div>\n </div>\n </div>\n );\n }\n}\n"],"mappings":"sFAAA,MAAMA,EAAW,
|
|
1
|
+
{"version":3,"names":["indexCss","FormToggle","render","checked","disabled","this","toggleInteraction","utrechtInput","emit","utrechtChange","handleClick","handleKeyPress","evt","code","key","preventDefault","handleKeyUp","h","class","clsx","tabIndex","role","onClick","onKeyPress","onKeyUp"],"sources":["./src/components/form-toggle/index.scss?tag=utrecht-form-toggle&encapsulation=shadow","./src/components/form-toggle/index.stencil.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n */\n\n@import \"~@utrecht/components/form-toggle/css\";\n\n:host {\n display: inline-block;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n\n.utrecht-form-toggle:not(.utrecht-form-toggle--disabled):focus {\n @extend .utrecht-form-toggle--focus;\n}\n\n.utrecht-form-toggle:not(.utrecht-form-toggle--disabled):hover {\n @extend .utrecht-form-toggle--hover;\n}\n","/**\n * @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n */\n\nimport { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n tag: 'utrecht-form-toggle',\n styleUrl: 'index.scss',\n shadow: true,\n})\nexport class FormToggle {\n @Prop({ reflect: true }) disabled: boolean = false;\n @Prop({ reflect: true }) checked: boolean = false;\n @Event() utrechtBlur: EventEmitter;\n @Event() utrechtChange: EventEmitter;\n @Event() utrechtFocus: EventEmitter;\n @Event() utrechtInput: EventEmitter;\n\n render() {\n const { checked, disabled } = this;\n\n const toggleInteraction = () => {\n if (!this.disabled) {\n this.checked = !this.checked;\n this.utrechtInput.emit(this);\n this.utrechtChange.emit(this);\n }\n };\n\n const handleClick = () => {\n toggleInteraction();\n };\n\n const handleKeyPress = (evt) => {\n if (evt.code === 'Space' || evt.key === ' ') {\n // Do not scroll the page using Space when the toggle is focussed\n evt.preventDefault();\n }\n };\n\n const handleKeyUp = (evt) => {\n if (evt.code === 'Space' || evt.key === ' ') {\n toggleInteraction();\n }\n };\n\n return (\n <div\n class={clsx(\n 'utrecht-form-toggle',\n checked && 'utrecht-form-toggle--checked',\n !checked && 'utrecht-form-toggle--not-checked',\n disabled && 'utrecht-form-toggle--disabled',\n )}\n tabIndex={disabled ? null : 0}\n role=\"switch\"\n aria-disabled={disabled ? 'true' : null}\n onClick={handleClick}\n onKeyPress={handleKeyPress}\n onKeyUp={handleKeyUp}\n >\n <div class=\"utrecht-form-toggle__label utrecht-form-toggle__label--off\"></div>\n <div class=\"utrecht-form-toggle__label utrecht-form-toggle__label--on\"></div>\n <div\n class={clsx(\n 'utrecht-form-toggle__track',\n checked && 'utrecht-form-toggle__track--checked',\n !checked && 'utrecht-form-toggle__track--not-checked',\n disabled && 'utrecht-form-toggle__track--disabled',\n )}\n >\n <div\n class={clsx(\n 'utrecht-form-toggle__thumb',\n checked && 'utrecht-form-toggle__thumb--checked',\n !checked && 'utrecht-form-toggle__thumb--not-checked',\n disabled && 'utrecht-form-toggle__thumb--disabled',\n )}\n ></div>\n </div>\n </div>\n );\n }\n}\n"],"mappings":"sFAAA,MAAMA,EAAW,miM,MCaJC,EAAU,M,mNACwB,M,aACD,K,CAM5CC,SACE,MAAMC,QAAEA,EAAOC,SAAEA,GAAaC,KAE9B,MAAMC,EAAoB,KACxB,IAAKD,KAAKD,SAAU,CAClBC,KAAKF,SAAWE,KAAKF,QACrBE,KAAKE,aAAaC,KAAKH,MACvBA,KAAKI,cAAcD,KAAKH,K,GAI5B,MAAMK,EAAc,KAClBJ,GAAmB,EAGrB,MAAMK,EAAkBC,IACtB,GAAIA,EAAIC,OAAS,SAAWD,EAAIE,MAAQ,IAAK,CAE3CF,EAAIG,gB,GAIR,MAAMC,EAAeJ,IACnB,GAAIA,EAAIC,OAAS,SAAWD,EAAIE,MAAQ,IAAK,CAC3CR,G,GAIJ,OACEW,EAAA,OACEC,MAAOC,EACL,sBACAhB,GAAW,gCACVA,GAAW,mCACZC,GAAY,iCAEdgB,SAAUhB,EAAW,KAAO,EAC5BiB,KAAK,SAAQ,gBACEjB,EAAW,OAAS,KACnCkB,QAASZ,EACTa,WAAYZ,EACZa,QAASR,GAETC,EAAA,OAAKC,MAAM,+DACXD,EAAA,OAAKC,MAAM,8DACXD,EAAA,OACEC,MAAOC,EACL,6BACAhB,GAAW,uCACVA,GAAW,0CACZC,GAAY,yCAGda,EAAA,OACEC,MAAOC,EACL,6BACAhB,GAAW,uCACVA,GAAW,0CACZC,GAAY,2C"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as e,b as t}from"./p-8c18a309.js";export{s as setNonce}from"./p-8c18a309.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-5462a0c5",[[1,"utrecht-contact-card-template"]]],["p-72207964",[[1,"utrecht-digid-button",{"type":[1]}]]],["p-67da29c8",[[1,"utrecht-backdrop",{"viewport":[4]}]]],["p-8813a587",[[1,"utrecht-breadcrumb",{"json":[1],"variant":[1]}]]],["p-cc9af612",[[1,"utrecht-checkbox",{"disabled":[516],"readOnly":[516,"readonly"],"checked":[4],"value":[1]}]]],["p-c6d594d8",[[1,"utrecht-custom-checkbox",{"disabled":[4],"checked":[4],"indeterminate":[4],"invalid":[4],"required":[4]}]]],["p-f9b7b76f",[[1,"utrecht-eherkenning-logo"]]],["p-8c20d46a",[[1,"utrecht-eidas-logo"]]],["p-c68ef1a8",[[1,"utrecht-form-field-checkbox",{"label":[4],"disabled":[516],"checked":[516],"invalid":[516],"required":[516],"value":[32]}]]],["p-e52b097e",[[1,"utrecht-form-field-textarea",{"disabled":[516],"invalid":[516],"readOnly":[516,"readonly"],"placeholder":[1],"required":[516],"value":[1]}]]],["p-f411881d",[[1,"utrecht-form-field-textbox",{"autoComplete":[513,"autocomplete"],"disabled":[516],"invalid":[516],"min":[1],"max":[1],"pattern":[1],"placeholder":[1],"readOnly":[516,"readonly"],"required":[516],"type":[513],"value":[1]}]]],["p-6c217bd7",[[1,"utrecht-form-toggle",{"disabled":[516],"checked":[516]}]]],["p-d7ed8016",[[4,"utrecht-html-content"]]],["p-cc517846",[[1,"utrecht-icon-afspraak-maken"]]],["p-dc33d7f4",[[1,"utrecht-icon-afval"]]],["p-52168e61",[[1,"utrecht-icon-afval-container"]]],["p-e46009ff",[[1,"utrecht-icon-afval-containerpas"]]],["p-60b86256",[[1,"utrecht-icon-afval-kalender"]]],["p-c227f276",[[1,"utrecht-icon-afval-pmd"]]],["p-d58d34d8",[[1,"utrecht-icon-afval-scheiden"]]],["p-99ef9ed0",[[1,"utrecht-icon-afvalkalender"]]],["p-9fe4be72",[[1,"utrecht-icon-alleen"]]],["p-f928d2a1",[[1,"utrecht-icon-arrow"]]],["p-13fc8a3e",[[1,"utrecht-icon-auto"]]],["p-9e7ee9d9",[[1,"utrecht-icon-begroting"]]],["p-bf54abda",[[1,"utrecht-icon-bestemmingsplan"]]],["p-cb487755",[[1,"utrecht-icon-betaaldatum"]]],["p-b38f47d3",[[1,"utrecht-icon-bewijsstukken"]]],["p-ed63a406",[[1,"utrecht-icon-bijstand"]]],["p-2d4b7fdd",[[1,"utrecht-icon-blad"]]],["p-62d51b4c",[[1,"utrecht-icon-bouwproject"]]],["p-26dc032c",[[1,"utrecht-icon-brandgevaar"]]],["p-b8bfe986",[[1,"utrecht-icon-brief-betalen"]]],["p-c21f6d07",[[1,"utrecht-icon-checkmark"]]],["p-5133d28b",[[1,"utrecht-icon-college-b-w"]]],["p-c5f81921",[[1,"utrecht-icon-container"]]],["p-ebe83d19",[[1,"utrecht-icon-container-bio"]]],["p-2c8c4831",[[1,"utrecht-icon-container-glas"]]],["p-d0263da1",[[1,"utrecht-icon-container-groenafval"]]],["p-58b06371",[[1,"utrecht-icon-container-met-zak"]]],["p-2e48c127",[[1,"utrecht-icon-container-papier"]]],["p-e37c3e37",[[1,"utrecht-icon-container-pmd"]]],["p-eeab1ec8",[[1,"utrecht-icon-container-restafval"]]],["p-7d890c4d",[[1,"utrecht-icon-container-textiel"]]],["p-a329b0be",[[1,"utrecht-icon-cross"]]],["p-91955087",[[1,"utrecht-icon-dakloos"]]],["p-88118ac7",[[1,"utrecht-icon-dementie"]]],["p-fef424bc",[[1,"utrecht-icon-documenten"]]],["p-87168520",[[1,"utrecht-icon-duurzaam"]]],["p-3fe03a37",[[1,"utrecht-icon-eenzaamheid"]]],["p-96d5c295",[[1,"utrecht-icon-eikenprocessie"]]],["p-808fa377",[[1,"utrecht-icon-elektrisch-rijden"]]],["p-88a1aaee",[[1,"utrecht-icon-energie-vergoeding"]]],["p-9bc931a8",[[1,"utrecht-icon-energietransitie"]]],["p-92721311",[[1,"utrecht-icon-error"]]],["p-3bc7b110",[[1,"utrecht-icon-evenementen"]]],["p-9d7a31ed",[[1,"utrecht-icon-facebook"]]],["p-a71207ed",[[1,"utrecht-icon-fiets"]]],["p-7a032df2",[[1,"utrecht-icon-filter"]]],["p-7a86cb49",[[1,"utrecht-icon-geboorte"]]],["p-ed0195cc",[[1,"utrecht-icon-gebruiker-centraal"]]],["p-a06640b6",[[1,"utrecht-icon-gebruiker-ingelogd"]]],["p-13a71a8e",[[1,"utrecht-icon-gegevenswoordenboek"]]],["p-a8b7f118",[[1,"utrecht-icon-geluid"]]],["p-474639c7",[[1,"utrecht-icon-gemeente-locatie"]]],["p-2863e16a",[[1,"utrecht-icon-gemeenteraad"]]],["p-b3299b3c",[[1,"utrecht-icon-gereedschap"]]],["p-cb6cbbd3",[[1,"utrecht-icon-gezicht"]]],["p-435d8623",[[1,"utrecht-icon-gezin"]]],["p-a8098bde",[[1,"utrecht-icon-glas-afval"]]],["p-4082e04d",[[1,"utrecht-icon-glijbaan"]]],["p-d83e75dd",[[1,"utrecht-icon-grafiek"]]],["p-b642e219",[[1,"utrecht-icon-grofvuil"]]],["p-e7814fd9",[[1,"utrecht-icon-grofvuil-ophalen"]]],["p-3ea1d40c",[[1,"utrecht-icon-herdenking"]]],["p-03480671",[[1,"utrecht-icon-hondenbelasting"]]],["p-e652f84e",[[1,"utrecht-icon-horeca"]]],["p-baf6f21a",[[1,"utrecht-icon-horecavergunning"]]],["p-2ce50509",[[1,"utrecht-icon-huis"]]],["p-0d243095",[[1,"utrecht-icon-huis-en-omgeving"]]],["p-3f1af33c",[[1,"utrecht-icon-huishoudelijk-geweld"]]],["p-ebe5a390",[[1,"utrecht-icon-hulp-huishouden"]]],["p-31ddbfc7",[[1,"utrecht-icon-hulp-vervoer"]]],["p-0ef5a715",[[1,"utrecht-icon-hulp-zorg"]]],["p-7f5a0833",[[1,"utrecht-icon-hulpmiddelen-gezin"]]],["p-460c9823",[[1,"utrecht-icon-hulpverlening"]]],["p-0d84086b",[[1,"utrecht-icon-idee"]]],["p-7ff2e170",[[1,"utrecht-icon-informatie"]]],["p-dd1c8b56",[[1,"utrecht-icon-information"]]],["p-e0ae5e5b",[[1,"utrecht-icon-innovatie"]]],["p-073ede37",[[1,"utrecht-icon-inspraak-inwoners"]]],["p-2054b0fd",[[1,"utrecht-icon-instagram"]]],["p-37e90420",[[1,"utrecht-icon-kalender"]]],["p-7ace3e86",[[1,"utrecht-icon-kennis"]]],["p-254e370b",[[1,"utrecht-icon-kerstbomen"]]],["p-4055df6d",[[1,"utrecht-icon-klachten"]]],["p-de0e6c72",[[1,"utrecht-icon-kroon"]]],["p-2527f9de",[[1,"utrecht-icon-laadpaal"]]],["p-979b796d",[[1,"utrecht-icon-lantaarnpaal"]]],["p-337b95c2",[[1,"utrecht-icon-lantaarnpaal-oud"]]],["p-ca6b48af",[[1,"utrecht-icon-leren"]]],["p-16908f6f",[[1,"utrecht-icon-let-op"]]],["p-a5dcd93d",[[1,"utrecht-icon-linkedin"]]],["p-df820975",[[1,"utrecht-icon-list"]]],["p-8da17b5c",[[1,"utrecht-icon-loupe"]]],["p-dcb9ca5d",[[1,"utrecht-icon-markt"]]],["p-a543475c",[[1,"utrecht-icon-melding"]]],["p-c937aabd",[[1,"utrecht-icon-melding-boom"]]],["p-a21118b4",[[1,"utrecht-icon-melding-klacht"]]],["p-5763a318",[[1,"utrecht-icon-melding-openbareruimte"]]],["p-94c88634",[[1,"utrecht-icon-melding-verlichting"]]],["p-c2f092c2",[[1,"utrecht-icon-menselijk"]]],["p-1cf761e0",[[1,"utrecht-icon-meterkast"]]],["p-d97df75e",[[1,"utrecht-icon-milieu-ontheffing"]]],["p-a0949de7",[[1,"utrecht-icon-milieu-zone"]]],["p-46a97256",[[1,"utrecht-icon-mobiliteit"]]],["p-9bfc40c9",[[1,"utrecht-icon-natuur"]]],["p-7b00513f",[[1,"utrecht-icon-nieuw-huis"]]],["p-4ff78ba2",[[1,"utrecht-icon-nummerbord"]]],["p-b986117f",[[1,"utrecht-icon-om-het-huis"]]],["p-beb978ac",[[1,"utrecht-icon-omgeving"]]],["p-3aac76cf",[[1,"utrecht-icon-omgevingsvisie"]]],["p-f464d5d3",[[1,"utrecht-icon-omgevingswet"]]],["p-b4283763",[[1,"utrecht-icon-onderhoud"]]],["p-36f0c931",[[1,"utrecht-icon-ondernemen"]]],["p-0dd85cd3",[[1,"utrecht-icon-openingstijden"]]],["p-cdd1d9b5",[[1,"utrecht-icon-over-de-stad"]]],["p-387215a9",[[1,"utrecht-icon-overlijden"]]],["p-056d3839",[[1,"utrecht-icon-panden"]]],["p-adcf7afa",[[1,"utrecht-icon-park"]]],["p-a6d6c3ff",[[1,"utrecht-icon-parkeerkaart"]]],["p-c1b93134",[[1,"utrecht-icon-parkeervergunning"]]],["p-f2ddf39a",[[1,"utrecht-icon-parken"]]],["p-831b4539",[[1,"utrecht-icon-parkeren"]]],["p-4acfd656",[[1,"utrecht-icon-parkeren-bedrijven"]]],["p-970947ee",[[1,"utrecht-icon-parkeren-betaalautomaat"]]],["p-c0cab9c5",[[1,"utrecht-icon-parkeren-betalen"]]],["p-b1bd7648",[[1,"utrecht-icon-participatie-campagne"]]],["p-e6c21742",[[1,"utrecht-icon-participatie-like"]]],["p-fa45e682",[[1,"utrecht-icon-participatie-pitch"]]],["p-b1f2fd20",[[1,"utrecht-icon-paspoort"]]],["p-f8b616ee",[[1,"utrecht-icon-presentatie"]]],["p-09654e1c",[[1,"utrecht-icon-prijskaartje"]]],["p-22b2e7e3",[[1,"utrecht-icon-rijbewijs"]]],["p-c8ec6df8",[[1,"utrecht-icon-rioolheffing"]]],["p-a8e5db5e",[[1,"utrecht-icon-rolstoel"]]],["p-feef2572",[[1,"utrecht-icon-schild-gemeente-utrecht"]]],["p-5bc4e804",[[1,"utrecht-icon-shoppen"]]],["p-a15c14fe",[[1,"utrecht-icon-sinterklaas"]]],["p-bbdd6ffd",[[1,"utrecht-icon-slechtziende-hoordende"]]],["p-09b8418d",[[1,"utrecht-icon-sport"]]],["p-262dd953",[[1,"utrecht-icon-sport-en-cultuur"]]],["p-0ac7f43c",[[1,"utrecht-icon-sport-voetbal"]]],["p-0d3fbd6c",[[1,"utrecht-icon-stookverbod"]]],["p-217fc2c7",[[1,"utrecht-icon-strand"]]],["p-420c69fc",[[1,"utrecht-icon-strooien"]]],["p-bf8b4dca",[[1,"utrecht-icon-subsidie"]]],["p-9e4e4bdd",[[1,"utrecht-icon-subsidie-gezin"]]],["p-9881faeb",[[1,"utrecht-icon-t-shirt"]]],["p-3be011e5",[[1,"utrecht-icon-thuiswerken"]]],["p-d0f418e4",[[1,"utrecht-icon-toeslag"]]],["p-2ee37097",[[1,"utrecht-icon-trein"]]],["p-30bd6937",[[1,"utrecht-icon-trouwen"]]],["p-83a85147",[[1,"utrecht-icon-twitter"]]],["p-47112313",[[1,"utrecht-icon-uw-wijk"]]],["p-8a550fe1",[[1,"utrecht-icon-vaccinatie"]]],["p-47042ba0",[[1,"utrecht-icon-veilige-wijk"]]],["p-62a7988f",[[1,"utrecht-icon-vergaderen"]]],["p-f6e83f1d",[[1,"utrecht-icon-vergaderendigitaal"]]],["p-c6074ba1",[[1,"utrecht-icon-vergoeding"]]],["p-c1e3bb59",[[1,"utrecht-icon-verhuizen"]]],["p-80363606",[[1,"utrecht-icon-verkeerslicht"]]],["p-134148ac",[[1,"utrecht-icon-verkiezingen"]]],["p-8720088a",[[1,"utrecht-icon-verslaving"]]],["p-f9623ee6",[[1,"utrecht-icon-vervoersvoorziening"]]],["p-3d40d45e",[[1,"utrecht-icon-virus"]]],["p-a0274fc5",[[1,"utrecht-icon-vluchtelingen"]]],["p-4000e139",[[1,"utrecht-icon-voorzieningen-vervoer"]]],["p-0f2f370c",[[1,"utrecht-icon-vrijwilligerswerk"]]],["p-55faee2e",[[1,"utrecht-icon-vuilnisbak"]]],["p-860e3c2a",[[1,"utrecht-icon-vuilniszak"]]],["p-9d8da5e8",[[1,"utrecht-icon-vuurwerk"]]],["p-7a89f433",[[1,"utrecht-icon-wandelstok"]]],["p-bbf64884",[[1,"utrecht-icon-warm"]]],["p-33400414",[[1,"utrecht-icon-warning"]]],["p-05051d4a",[[1,"utrecht-icon-werken"]]],["p-eeb69e8b",[[1,"utrecht-icon-werkzaamheden"]]],["p-180e6358",[[1,"utrecht-icon-whatsapp"]]],["p-4133274a",[[1,"utrecht-icon-wonen-kosten"]]],["p-a4c0ebcc",[[1,"utrecht-icon-woning-zoeken"]]],["p-e6c0fcf4",[[1,"utrecht-icon-youtube"]]],["p-24b75e2d",[[1,"utrecht-icon-zelfstandig-wonen"]]],["p-7e095508",[[1,"utrecht-icon-zoomin"]]],["p-40778a05",[[1,"utrecht-icon-zoomout"]]],["p-7495684d",[[1,"utrecht-icon-zorg-huis"]]],["p-1e7ad5f4",[[1,"utrecht-icon-zweefpaal"]]],["p-540eed42",[[1,"utrecht-icon-zwemmen"]]],["p-5b10f0ee",[[1,"utrecht-logo-button"]]],["p-eb7a605e",[[1,"utrecht-map-marker"]]],["p-53f8fa26",[[1,"utrecht-page-footer"]]],["p-b33a0505",[[1,"utrecht-pagination",{"links":[1],"next":[1],"prev":[1],"currentIndex":[2,"current-index"]}]]],["p-6e8ad9a9",[[1,"utrecht-sidenav",{"json":[1]}]]],["p-2019a31c",[[1,"utrecht-table"]]],["p-a8ba8a7a",[[1,"utrecht-table-body"]]],["p-20e71a51",[[1,"utrecht-table-caption"]]],["p-f19f26d2",[[1,"utrecht-table-cell"]]],["p-0e565d35",[[1,"utrecht-table-footer"]]],["p-9472010a",[[1,"utrecht-table-header"]]],["p-6b55309e",[[1,"utrecht-table-header-cell",{"scope":[1]}]]],["p-af711695",[[1,"utrecht-table-row"]]],["p-04d6a4e8",[[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-7708088d",[[1,"utrecht-digid-logo"]]],["p-916bf313",[[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-status",{"status":[1]}],[1,"utrecht-button",{"appearance":[1],"busy":[4],"disabled":[4],"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-form-field-description",{"status":[513]}],[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-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]}]]]]'),e)));
|
|
1
|
+
import{p as e,b as t}from"./p-8c18a309.js";export{s as setNonce}from"./p-8c18a309.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-5462a0c5",[[1,"utrecht-contact-card-template"]]],["p-72207964",[[1,"utrecht-digid-button",{"type":[1]}]]],["p-67da29c8",[[1,"utrecht-backdrop",{"viewport":[4]}]]],["p-8813a587",[[1,"utrecht-breadcrumb",{"json":[1],"variant":[1]}]]],["p-cc9af612",[[1,"utrecht-checkbox",{"disabled":[516],"readOnly":[516,"readonly"],"checked":[4],"value":[1]}]]],["p-c6d594d8",[[1,"utrecht-custom-checkbox",{"disabled":[4],"checked":[4],"indeterminate":[4],"invalid":[4],"required":[4]}]]],["p-f9b7b76f",[[1,"utrecht-eherkenning-logo"]]],["p-8c20d46a",[[1,"utrecht-eidas-logo"]]],["p-c68ef1a8",[[1,"utrecht-form-field-checkbox",{"label":[4],"disabled":[516],"checked":[516],"invalid":[516],"required":[516],"value":[32]}]]],["p-e52b097e",[[1,"utrecht-form-field-textarea",{"disabled":[516],"invalid":[516],"readOnly":[516,"readonly"],"placeholder":[1],"required":[516],"value":[1]}]]],["p-f411881d",[[1,"utrecht-form-field-textbox",{"autoComplete":[513,"autocomplete"],"disabled":[516],"invalid":[516],"min":[1],"max":[1],"pattern":[1],"placeholder":[1],"readOnly":[516,"readonly"],"required":[516],"type":[513],"value":[1]}]]],["p-0e822086",[[1,"utrecht-form-toggle",{"disabled":[516],"checked":[516]}]]],["p-d7ed8016",[[4,"utrecht-html-content"]]],["p-cc517846",[[1,"utrecht-icon-afspraak-maken"]]],["p-dc33d7f4",[[1,"utrecht-icon-afval"]]],["p-52168e61",[[1,"utrecht-icon-afval-container"]]],["p-e46009ff",[[1,"utrecht-icon-afval-containerpas"]]],["p-60b86256",[[1,"utrecht-icon-afval-kalender"]]],["p-c227f276",[[1,"utrecht-icon-afval-pmd"]]],["p-d58d34d8",[[1,"utrecht-icon-afval-scheiden"]]],["p-99ef9ed0",[[1,"utrecht-icon-afvalkalender"]]],["p-9fe4be72",[[1,"utrecht-icon-alleen"]]],["p-f928d2a1",[[1,"utrecht-icon-arrow"]]],["p-13fc8a3e",[[1,"utrecht-icon-auto"]]],["p-9e7ee9d9",[[1,"utrecht-icon-begroting"]]],["p-bf54abda",[[1,"utrecht-icon-bestemmingsplan"]]],["p-cb487755",[[1,"utrecht-icon-betaaldatum"]]],["p-b38f47d3",[[1,"utrecht-icon-bewijsstukken"]]],["p-ed63a406",[[1,"utrecht-icon-bijstand"]]],["p-2d4b7fdd",[[1,"utrecht-icon-blad"]]],["p-62d51b4c",[[1,"utrecht-icon-bouwproject"]]],["p-26dc032c",[[1,"utrecht-icon-brandgevaar"]]],["p-b8bfe986",[[1,"utrecht-icon-brief-betalen"]]],["p-c21f6d07",[[1,"utrecht-icon-checkmark"]]],["p-5133d28b",[[1,"utrecht-icon-college-b-w"]]],["p-c5f81921",[[1,"utrecht-icon-container"]]],["p-ebe83d19",[[1,"utrecht-icon-container-bio"]]],["p-2c8c4831",[[1,"utrecht-icon-container-glas"]]],["p-d0263da1",[[1,"utrecht-icon-container-groenafval"]]],["p-58b06371",[[1,"utrecht-icon-container-met-zak"]]],["p-2e48c127",[[1,"utrecht-icon-container-papier"]]],["p-e37c3e37",[[1,"utrecht-icon-container-pmd"]]],["p-eeab1ec8",[[1,"utrecht-icon-container-restafval"]]],["p-7d890c4d",[[1,"utrecht-icon-container-textiel"]]],["p-a329b0be",[[1,"utrecht-icon-cross"]]],["p-91955087",[[1,"utrecht-icon-dakloos"]]],["p-88118ac7",[[1,"utrecht-icon-dementie"]]],["p-fef424bc",[[1,"utrecht-icon-documenten"]]],["p-87168520",[[1,"utrecht-icon-duurzaam"]]],["p-3fe03a37",[[1,"utrecht-icon-eenzaamheid"]]],["p-96d5c295",[[1,"utrecht-icon-eikenprocessie"]]],["p-808fa377",[[1,"utrecht-icon-elektrisch-rijden"]]],["p-88a1aaee",[[1,"utrecht-icon-energie-vergoeding"]]],["p-9bc931a8",[[1,"utrecht-icon-energietransitie"]]],["p-92721311",[[1,"utrecht-icon-error"]]],["p-3bc7b110",[[1,"utrecht-icon-evenementen"]]],["p-9d7a31ed",[[1,"utrecht-icon-facebook"]]],["p-a71207ed",[[1,"utrecht-icon-fiets"]]],["p-7a032df2",[[1,"utrecht-icon-filter"]]],["p-7a86cb49",[[1,"utrecht-icon-geboorte"]]],["p-ed0195cc",[[1,"utrecht-icon-gebruiker-centraal"]]],["p-a06640b6",[[1,"utrecht-icon-gebruiker-ingelogd"]]],["p-13a71a8e",[[1,"utrecht-icon-gegevenswoordenboek"]]],["p-a8b7f118",[[1,"utrecht-icon-geluid"]]],["p-474639c7",[[1,"utrecht-icon-gemeente-locatie"]]],["p-2863e16a",[[1,"utrecht-icon-gemeenteraad"]]],["p-b3299b3c",[[1,"utrecht-icon-gereedschap"]]],["p-cb6cbbd3",[[1,"utrecht-icon-gezicht"]]],["p-435d8623",[[1,"utrecht-icon-gezin"]]],["p-a8098bde",[[1,"utrecht-icon-glas-afval"]]],["p-4082e04d",[[1,"utrecht-icon-glijbaan"]]],["p-d83e75dd",[[1,"utrecht-icon-grafiek"]]],["p-b642e219",[[1,"utrecht-icon-grofvuil"]]],["p-e7814fd9",[[1,"utrecht-icon-grofvuil-ophalen"]]],["p-3ea1d40c",[[1,"utrecht-icon-herdenking"]]],["p-03480671",[[1,"utrecht-icon-hondenbelasting"]]],["p-e652f84e",[[1,"utrecht-icon-horeca"]]],["p-baf6f21a",[[1,"utrecht-icon-horecavergunning"]]],["p-2ce50509",[[1,"utrecht-icon-huis"]]],["p-0d243095",[[1,"utrecht-icon-huis-en-omgeving"]]],["p-3f1af33c",[[1,"utrecht-icon-huishoudelijk-geweld"]]],["p-ebe5a390",[[1,"utrecht-icon-hulp-huishouden"]]],["p-31ddbfc7",[[1,"utrecht-icon-hulp-vervoer"]]],["p-0ef5a715",[[1,"utrecht-icon-hulp-zorg"]]],["p-7f5a0833",[[1,"utrecht-icon-hulpmiddelen-gezin"]]],["p-460c9823",[[1,"utrecht-icon-hulpverlening"]]],["p-0d84086b",[[1,"utrecht-icon-idee"]]],["p-7ff2e170",[[1,"utrecht-icon-informatie"]]],["p-dd1c8b56",[[1,"utrecht-icon-information"]]],["p-e0ae5e5b",[[1,"utrecht-icon-innovatie"]]],["p-073ede37",[[1,"utrecht-icon-inspraak-inwoners"]]],["p-2054b0fd",[[1,"utrecht-icon-instagram"]]],["p-37e90420",[[1,"utrecht-icon-kalender"]]],["p-7ace3e86",[[1,"utrecht-icon-kennis"]]],["p-254e370b",[[1,"utrecht-icon-kerstbomen"]]],["p-4055df6d",[[1,"utrecht-icon-klachten"]]],["p-de0e6c72",[[1,"utrecht-icon-kroon"]]],["p-2527f9de",[[1,"utrecht-icon-laadpaal"]]],["p-979b796d",[[1,"utrecht-icon-lantaarnpaal"]]],["p-337b95c2",[[1,"utrecht-icon-lantaarnpaal-oud"]]],["p-ca6b48af",[[1,"utrecht-icon-leren"]]],["p-16908f6f",[[1,"utrecht-icon-let-op"]]],["p-a5dcd93d",[[1,"utrecht-icon-linkedin"]]],["p-df820975",[[1,"utrecht-icon-list"]]],["p-8da17b5c",[[1,"utrecht-icon-loupe"]]],["p-dcb9ca5d",[[1,"utrecht-icon-markt"]]],["p-a543475c",[[1,"utrecht-icon-melding"]]],["p-c937aabd",[[1,"utrecht-icon-melding-boom"]]],["p-a21118b4",[[1,"utrecht-icon-melding-klacht"]]],["p-5763a318",[[1,"utrecht-icon-melding-openbareruimte"]]],["p-94c88634",[[1,"utrecht-icon-melding-verlichting"]]],["p-c2f092c2",[[1,"utrecht-icon-menselijk"]]],["p-1cf761e0",[[1,"utrecht-icon-meterkast"]]],["p-d97df75e",[[1,"utrecht-icon-milieu-ontheffing"]]],["p-a0949de7",[[1,"utrecht-icon-milieu-zone"]]],["p-46a97256",[[1,"utrecht-icon-mobiliteit"]]],["p-9bfc40c9",[[1,"utrecht-icon-natuur"]]],["p-7b00513f",[[1,"utrecht-icon-nieuw-huis"]]],["p-4ff78ba2",[[1,"utrecht-icon-nummerbord"]]],["p-b986117f",[[1,"utrecht-icon-om-het-huis"]]],["p-beb978ac",[[1,"utrecht-icon-omgeving"]]],["p-3aac76cf",[[1,"utrecht-icon-omgevingsvisie"]]],["p-f464d5d3",[[1,"utrecht-icon-omgevingswet"]]],["p-b4283763",[[1,"utrecht-icon-onderhoud"]]],["p-36f0c931",[[1,"utrecht-icon-ondernemen"]]],["p-0dd85cd3",[[1,"utrecht-icon-openingstijden"]]],["p-cdd1d9b5",[[1,"utrecht-icon-over-de-stad"]]],["p-387215a9",[[1,"utrecht-icon-overlijden"]]],["p-056d3839",[[1,"utrecht-icon-panden"]]],["p-adcf7afa",[[1,"utrecht-icon-park"]]],["p-a6d6c3ff",[[1,"utrecht-icon-parkeerkaart"]]],["p-c1b93134",[[1,"utrecht-icon-parkeervergunning"]]],["p-f2ddf39a",[[1,"utrecht-icon-parken"]]],["p-831b4539",[[1,"utrecht-icon-parkeren"]]],["p-4acfd656",[[1,"utrecht-icon-parkeren-bedrijven"]]],["p-970947ee",[[1,"utrecht-icon-parkeren-betaalautomaat"]]],["p-c0cab9c5",[[1,"utrecht-icon-parkeren-betalen"]]],["p-b1bd7648",[[1,"utrecht-icon-participatie-campagne"]]],["p-e6c21742",[[1,"utrecht-icon-participatie-like"]]],["p-fa45e682",[[1,"utrecht-icon-participatie-pitch"]]],["p-b1f2fd20",[[1,"utrecht-icon-paspoort"]]],["p-f8b616ee",[[1,"utrecht-icon-presentatie"]]],["p-09654e1c",[[1,"utrecht-icon-prijskaartje"]]],["p-22b2e7e3",[[1,"utrecht-icon-rijbewijs"]]],["p-c8ec6df8",[[1,"utrecht-icon-rioolheffing"]]],["p-a8e5db5e",[[1,"utrecht-icon-rolstoel"]]],["p-feef2572",[[1,"utrecht-icon-schild-gemeente-utrecht"]]],["p-5bc4e804",[[1,"utrecht-icon-shoppen"]]],["p-a15c14fe",[[1,"utrecht-icon-sinterklaas"]]],["p-bbdd6ffd",[[1,"utrecht-icon-slechtziende-hoordende"]]],["p-09b8418d",[[1,"utrecht-icon-sport"]]],["p-262dd953",[[1,"utrecht-icon-sport-en-cultuur"]]],["p-0ac7f43c",[[1,"utrecht-icon-sport-voetbal"]]],["p-0d3fbd6c",[[1,"utrecht-icon-stookverbod"]]],["p-217fc2c7",[[1,"utrecht-icon-strand"]]],["p-420c69fc",[[1,"utrecht-icon-strooien"]]],["p-bf8b4dca",[[1,"utrecht-icon-subsidie"]]],["p-9e4e4bdd",[[1,"utrecht-icon-subsidie-gezin"]]],["p-9881faeb",[[1,"utrecht-icon-t-shirt"]]],["p-3be011e5",[[1,"utrecht-icon-thuiswerken"]]],["p-d0f418e4",[[1,"utrecht-icon-toeslag"]]],["p-2ee37097",[[1,"utrecht-icon-trein"]]],["p-30bd6937",[[1,"utrecht-icon-trouwen"]]],["p-83a85147",[[1,"utrecht-icon-twitter"]]],["p-47112313",[[1,"utrecht-icon-uw-wijk"]]],["p-8a550fe1",[[1,"utrecht-icon-vaccinatie"]]],["p-47042ba0",[[1,"utrecht-icon-veilige-wijk"]]],["p-62a7988f",[[1,"utrecht-icon-vergaderen"]]],["p-f6e83f1d",[[1,"utrecht-icon-vergaderendigitaal"]]],["p-c6074ba1",[[1,"utrecht-icon-vergoeding"]]],["p-c1e3bb59",[[1,"utrecht-icon-verhuizen"]]],["p-80363606",[[1,"utrecht-icon-verkeerslicht"]]],["p-134148ac",[[1,"utrecht-icon-verkiezingen"]]],["p-8720088a",[[1,"utrecht-icon-verslaving"]]],["p-f9623ee6",[[1,"utrecht-icon-vervoersvoorziening"]]],["p-3d40d45e",[[1,"utrecht-icon-virus"]]],["p-a0274fc5",[[1,"utrecht-icon-vluchtelingen"]]],["p-4000e139",[[1,"utrecht-icon-voorzieningen-vervoer"]]],["p-0f2f370c",[[1,"utrecht-icon-vrijwilligerswerk"]]],["p-55faee2e",[[1,"utrecht-icon-vuilnisbak"]]],["p-860e3c2a",[[1,"utrecht-icon-vuilniszak"]]],["p-9d8da5e8",[[1,"utrecht-icon-vuurwerk"]]],["p-7a89f433",[[1,"utrecht-icon-wandelstok"]]],["p-bbf64884",[[1,"utrecht-icon-warm"]]],["p-33400414",[[1,"utrecht-icon-warning"]]],["p-05051d4a",[[1,"utrecht-icon-werken"]]],["p-eeb69e8b",[[1,"utrecht-icon-werkzaamheden"]]],["p-180e6358",[[1,"utrecht-icon-whatsapp"]]],["p-4133274a",[[1,"utrecht-icon-wonen-kosten"]]],["p-a4c0ebcc",[[1,"utrecht-icon-woning-zoeken"]]],["p-e6c0fcf4",[[1,"utrecht-icon-youtube"]]],["p-24b75e2d",[[1,"utrecht-icon-zelfstandig-wonen"]]],["p-7e095508",[[1,"utrecht-icon-zoomin"]]],["p-40778a05",[[1,"utrecht-icon-zoomout"]]],["p-7495684d",[[1,"utrecht-icon-zorg-huis"]]],["p-1e7ad5f4",[[1,"utrecht-icon-zweefpaal"]]],["p-540eed42",[[1,"utrecht-icon-zwemmen"]]],["p-5b10f0ee",[[1,"utrecht-logo-button"]]],["p-eb7a605e",[[1,"utrecht-map-marker"]]],["p-53f8fa26",[[1,"utrecht-page-footer"]]],["p-b33a0505",[[1,"utrecht-pagination",{"links":[1],"next":[1],"prev":[1],"currentIndex":[2,"current-index"]}]]],["p-6e8ad9a9",[[1,"utrecht-sidenav",{"json":[1]}]]],["p-2019a31c",[[1,"utrecht-table"]]],["p-a8ba8a7a",[[1,"utrecht-table-body"]]],["p-20e71a51",[[1,"utrecht-table-caption"]]],["p-f19f26d2",[[1,"utrecht-table-cell"]]],["p-0e565d35",[[1,"utrecht-table-footer"]]],["p-9472010a",[[1,"utrecht-table-header"]]],["p-6b55309e",[[1,"utrecht-table-header-cell",{"scope":[1]}]]],["p-af711695",[[1,"utrecht-table-row"]]],["p-04d6a4e8",[[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-7708088d",[[1,"utrecht-digid-logo"]]],["p-916bf313",[[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-status",{"status":[1]}],[1,"utrecht-button",{"appearance":[1],"busy":[4],"disabled":[4],"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-form-field-description",{"status":[513]}],[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-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]}]]]]'),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.535",
|
|
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.2",
|
|
33
33
|
"@types/jest": "29.5.1",
|
|
34
34
|
"@types/node": "18.16.3",
|
|
35
|
-
"@utrecht/components": "1.0.0-alpha.
|
|
36
|
-
"@utrecht/icon": "1.0.0-alpha.
|
|
35
|
+
"@utrecht/components": "1.0.0-alpha.497",
|
|
36
|
+
"@utrecht/icon": "1.0.0-alpha.424",
|
|
37
37
|
"chokidar-cli": "3.0.0",
|
|
38
38
|
"clsx": "1.2.1",
|
|
39
39
|
"node-sass-package-importer": "5.3.2",
|
|
@@ -59,5 +59,5 @@
|
|
|
59
59
|
"watch:build": "stencil build --watch",
|
|
60
60
|
"generate": "stencil generate"
|
|
61
61
|
},
|
|
62
|
-
"gitHead": "
|
|
62
|
+
"gitHead": "adbf19be0b3de5a03decbfb977e9807fb3616d51"
|
|
63
63
|
}
|