npm - @utrecht/web-component-library-stencil - Versions diffs - 4.0.0 → 4.1.1 - Mend

@utrecht/web-component-library-stencil 4.0.0 → 4.1.1

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.

Files changed (593) hide show

package/dist/utrecht/p-0f8a6c5d.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as t,c as r,h as o}from"./p-8dcab6dc.js";import{c as e}from"./p-e91d8a25.js";const c='.utrecht-textbox{--_utrecht-textbox-value-char:0.667em + 0.334ch;--_utrecht-textbox-max-inline-size:calc(\n calc(var(--utrecht-textbox-value-max-length) * var(--_utrecht-textbox-value-char)) +\n var(--utrecht-textbox-padding-inline-end, var(--utrecht-form-control-padding-inline-end, 0)) +\n var(--utrecht-textbox-padding-inline-start, var(--utrecht-form-control-padding-inline-start, 0)) +\n var(--utrecht-textbox-border-width, var(--utrecht-form-control-border-width, 0)) +\n var(--utrecht-textbox-autocomplete-ui-size, 44px)\n );background-color:var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color));block-size:initial;border-width:var(--utrecht-textbox-border-width, var(--utrecht-form-control-border-width));border-block-end-width:var(--utrecht-textbox-border-bottom-width, var(--utrecht-textbox-border-width, var(--utrecht-form-control-border-width)));border-color:var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color));border-radius:var(--utrecht-textbox-border-radius, var(--utrecht-form-control-border-radius, 0));border-style:solid;box-sizing:border-box;color:var(--utrecht-textbox-color, var(--utrecht-form-control-color));display:block;font-family:var(--utrecht-textbox-font-family, var(--utrecht-form-control-font-family));font-size:var(--utrecht-textbox-font-size, var(--utrecht-form-control-font-size, inherit));font-weight:var(--utrecht-textbox-font-weight, var(--utrecht-form-control-font-weight, initial));inline-size:100%;line-height:var(--utrecht-textbox-line-height, var(--utrecht-form-control-line-height, initial));min-block-size:var(--utrecht-pointer-target-min-size, 44px);min-inline-size:var(--utrecht-pointer-target-min-size, 44px);max-inline-size:min(var(--_utrecht-textbox-max-inline-size, 100%), var(--utrecht-textbox-max-inline-size, var(--utrecht-form-control-max-inline-size)));overflow:hidden;padding-block-end:var(--utrecht-textbox-padding-block-end, var(--utrecht-form-control-padding-block-end, 0));padding-block-start:var(--utrecht-textbox-padding-block-start, var(--utrecht-form-control-padding-block-start, 0));padding-inline-end:var(--utrecht-textbox-padding-inline-end, var(--utrecht-form-control-padding-inline-end, initial));padding-inline-start:var(--utrecht-textbox-padding-inline-start, var(--utrecht-form-control-padding-inline-start, initial));white-space:nowrap}.utrecht-textbox--invalid{--_utrecht-textbox-border-width:var(\n --utrecht-textbox-invalid-border-width,\n var(\n --utrecht-form-control-invalid-border-width,\n var(--utrecht-textbox-border-width, var(--utrecht-form-control-border-width))\n )\n );background-color:var(--utrecht-textbox-invalid-background-color, var(--utrecht-form-control-invalid-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color))));border-width:var(--_utrecht-textbox-border-width);border-block-end-width:var(--utrecht-textbox-invalid-border-bottom-width, var(--utrecht-form-control-invalid-border-bottom-width, var(--utrecht-textbox-border-bottom-width, var(--utrecht-form-control-border-bottom-width, var(--_utrecht-textbox-border-width)))));border-color:var(--utrecht-textbox-invalid-border-color, var(--utrecht-form-control-invalid-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-invalid-color, var(--utrecht-form-control-invalid-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))))}.utrecht-textbox--disabled{background-color:var(--utrecht-textbox-disabled-background-color, var(--utrecht-form-control-disabled-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-disabled-border-color, var(--utrecht-form-control-disabled-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-disabled-color, var(--utrecht-form-control-disabled-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))));cursor:var(--utrecht-action-disabled-cursor, not-allowed)}.utrecht-textbox--focus{background-color:var(--utrecht-textbox-focus-background-color, var(--utrecht-form-control-focus-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-focus-border-color, var(--utrecht-form-control-focus-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-focus-color, var(--utrecht-form-control-focus-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))))}.utrecht-textbox--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);z-index:1}.utrecht-textbox--read-only{background-color:var(--utrecht-textbox-read-only-background-color, var(--utrecht-form-control-read-only-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-read-only-border-color, var(--utrecht-form-control-read-only-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-read-only-color, var(--utrecht-form-control-read-only-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))))}.utrecht-textbox__placeholder{color:var(--utrecht-textbox-placeholder-color, var(--utrecht-form-control-placeholder-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))));font-style:var(--utrecht-form-control-placeholder-font-style);opacity:100%}.utrecht-textbox--numeric{-moz-appearance:textfield;font-variant-numeric:lining-nums tabular-nums}.utrecht-textbox--password{font-variant-ligatures:none;font-variant-numeric:slashed-zero}.utrecht-textbox--postal-code-nl-size{--utrecht-textbox-value-max-length:7}.utrecht-textbox--house-number-size{--utrecht-textbox-value-max-length:5}.utrecht-textbox--house-letter-size{--utrecht-textbox-value-max-length:1}.utrecht-textbox--house-addition-size{--utrecht-textbox-value-max-length:4}.utrecht-textbox--voorvoegsel-size{--utrecht-textbox-value-max-length:10}.utrecht-textbox--tel-size{--utrecht-textbox-value-max-length:19}.utrecht-textbox--tel-nl-size{--utrecht-textbox-value-max-length:13}.utrecht-textbox--iban-size{--utrecht-textbox-value-max-length:41}.utrecht-textbox--iban-nl-size{--utrecht-textbox-value-max-length:22}.utrecht-textbox--placeholder-ltr::placeholder,.utrecht-textbox--placeholder-ltr:placeholder-shown{direction:ltr}.utrecht-textbox--placeholder-rtl::placeholder,.utrecht-textbox--placeholder-rtl:placeholder-shown{direction:rtl}.utrecht-textbox--url{font-variant-ligatures:none}.utrecht-textbox--html-input:focus{background-color:var(--utrecht-textbox-focus-background-color, var(--utrecht-form-control-focus-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-focus-border-color, var(--utrecht-form-control-focus-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-focus-color, var(--utrecht-form-control-focus-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))))}.utrecht-textbox--html-input: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);z-index:1}.utrecht-textbox--html-input:user-invalid,.utrecht-textbox--html-input[aria-invalid=true]{--_utrecht-textbox-border-width:var(\n --utrecht-textbox-invalid-border-width,\n var(\n --utrecht-form-control-invalid-border-width,\n var(--utrecht-textbox-border-width, var(--utrecht-form-control-border-width))\n )\n );background-color:var(--utrecht-textbox-invalid-background-color, var(--utrecht-form-control-invalid-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color))));border-width:var(--_utrecht-textbox-border-width);border-block-end-width:var(--utrecht-textbox-invalid-border-bottom-width, var(--utrecht-form-control-invalid-border-bottom-width, var(--utrecht-textbox-border-bottom-width, var(--utrecht-form-control-border-bottom-width, var(--_utrecht-textbox-border-width)))));border-color:var(--utrecht-textbox-invalid-border-color, var(--utrecht-form-control-invalid-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-invalid-color, var(--utrecht-form-control-invalid-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))))}.utrecht-textbox--html-input{}.utrecht-textbox--html-input:read-only{background-color:var(--utrecht-textbox-read-only-background-color, var(--utrecht-form-control-read-only-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-read-only-border-color, var(--utrecht-form-control-read-only-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-read-only-color, var(--utrecht-form-control-read-only-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))))}.utrecht-textbox--html-input{}.utrecht-textbox--html-input:disabled{background-color:var(--utrecht-textbox-disabled-background-color, var(--utrecht-form-control-disabled-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-disabled-border-color, var(--utrecht-form-control-disabled-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-disabled-color, var(--utrecht-form-control-disabled-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))));cursor:var(--utrecht-action-disabled-cursor, not-allowed)}.utrecht-textbox--html-input::placeholder{color:var(--utrecht-textbox-placeholder-color, var(--utrecht-form-control-placeholder-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))));font-style:var(--utrecht-form-control-placeholder-font-style);opacity:100%}.utrecht-textbox--html-input[type=password i]{font-variant-ligatures:none;font-variant-numeric:slashed-zero}.utrecht-textbox--html-input[type=url i],.utrecht-textbox--html-input[type=email i],.utrecht-textbox--html-input[inputMode=email i],.utrecht-textbox--html-input[inputMode=url i]{font-variant-ligatures:none}.utrecht-textbox--html-input[pattern="\\\\d"],.utrecht-textbox--html-input[pattern="[0-9]"],.utrecht-textbox--html-input[type=number i],.utrecht-textbox--html-input[type=tel i],.utrecht-textbox--html-input[inputMode=numeric i],.utrecht-textbox--html-input[inputMode=decimal i],.utrecht-textbox--html-input[inputMode=tel i]{-moz-appearance:textfield;font-variant-numeric:lining-nums tabular-nums}:host{display:block}:host([hidden]){display:none !important}';const l=c;const a=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.autoComplete="";this.disabled=false;this.invalid=false;this.min="";this.max="";this.pattern="";this.placeholder="";this.readOnly=false;this.required=false;this.type="";this.value=""}render(){const{autoComplete:t,disabled:r,invalid:c,min:l,max:a,pattern:u,placeholder:n,readOnly:h,required:i,type:d,value:b}=this;return o("input",{key:"20f1da7a717b9c77d8f2f03166eebd7546b830d2",class:e("utrecht-textbox","utrecht-textbox--html-input",r&&"utrecht-textbox--disabled",c&&"utrecht-textbox--invalid",h&&"utrecht-textbox--readonly"),type:d\|\|"text",autoComplete:t?t:null,disabled:r,dir:"auto",min:typeof l==="number"?String(l):typeof l==="string"?l:null,max:typeof a==="number"?String(a):typeof a==="string"?a:null,pattern:u?u:null,placeholder:n\|\|null,readonly:h,required:i,value:b,onBlur:t=>this.utrechtBlur.emit(t),onChange:t=>this.utrechtChange.emit(t),onFocus:t=>this.utrechtFocus.emit(t),onInput:t=>{this.value=t.target.value;this.utrechtInput.emit(t)}})}};a.style=l;export{a as utrecht_textbox};
2	+ //# sourceMappingURL=p-0f8a6c5d.entry.js.map

package/dist/utrecht/{p-341922cc.entry.js.map → p-0f8a6c5d.entry.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["textboxCss","UtrechtTextboxStyle0","Textbox","render","autoComplete","disabled","invalid","min","max","pattern","placeholder","readOnly","required","type","value","this","h","key","class","clsx","dir","String","readonly","onBlur","evt","utrechtBlur","emit","onChange","utrechtChange","onFocus","utrechtFocus","onInput","target","utrechtInput"],"sources":["src/components/textbox.scss?tag=utrecht-textbox&encapsulation=shadow","src/components/textbox.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n /\n\n@use \"~@utrecht/textbox-css/src/index\" as ;\n\n:host {\n display: block;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n tag: 'utrecht-textbox',\n styleUrl: 'textbox.scss',\n shadow: true,\n})\nexport class Textbox {\n @Prop({ attribute: 'autocomplete', reflect: true }) autoComplete: string = '';\n @Prop({ reflect: true }) disabled: boolean = false;\n @Prop({ reflect: true }) invalid: boolean = false;\n @Prop() min: number \| string = '';\n @Prop() max: number \| string = '';\n @Prop() pattern: string = '';\n @Prop() placeholder: string = '';\n @Prop({ attribute: 'readonly', reflect: true }) readOnly: boolean = false;\n @Prop({ reflect: true }) required: boolean = false;\n @Prop({ reflect: true }) type: string = '';\n @Prop() value: string = '';\n @Event() utrechtBlur: EventEmitter;\n @Event() utrechtChange: EventEmitter;\n @Event() utrechtFocus: EventEmitter;\n @Event() utrechtInput: EventEmitter;\n\n render() {\n const { autoComplete, disabled, invalid, min, max, pattern, placeholder, readOnly, required, type, value } = this;\n\n return (\n <input\n class={clsx(\n 'utrecht-textbox',\n 'utrecht-textbox--html-input',\n disabled && 'utrecht-textbox--disabled',\n invalid && 'utrecht-textbox--invalid',\n readOnly && 'utrecht-textbox--readonly',\n )}\n type={type \|\| 'text'}\n autoComplete={autoComplete ? autoComplete : null}\n disabled={disabled}\n dir=\"auto\"\n min={typeof min === 'number' ? String(min) : typeof min === 'string' ? min : null}\n max={typeof max === 'number' ? String(max) : typeof max === 'string' ? max : null}\n pattern={pattern ? pattern : null}\n placeholder={placeholder \|\| null}\n readonly={readOnly}\n required={required}\n value={value}\n onBlur={(evt) => this.utrechtBlur.emit(evt)}\n onChange={(evt) => this.utrechtChange.emit(evt)}\n onFocus={(evt) => this.utrechtFocus.emit(evt)}\n onInput={(evt) => {\n this.value = (evt.target as HTMLInputElement).value;\n this.utrechtInput.emit(evt);\n }}\n />\n );\n }\n}\n"],"mappings":"sFAAA,MAAMA,EAAa,~~g1WACnB,~~MAAAC,EAAeD,E,MCaFE,EAAO,M,uNACyD,G,cAC9B,M,aACD,M,SACb,G,SACA,G,aACL,G,iBACI,G,cACsC,M,cACvB,M,UACL,G,WAChB,E,CAMxB,MAAAC,GACE,MAAMC,aAAEA,EAAYC,SAAEA,EAAQC,QAAEA,EAAOC,IAAEA,EAAGC,IAAEA,EAAGC,QAAEA,EAAOC,YAAEA,EAAWC,SAAEA,EAAQC,SAAEA,EAAQC,KAAEA,EAAIC,MAAEA,GAAUC,KAE7G,OACEC,EAAA,SAAAC,IAAA,2CACEC,MAAOC,EACL,kBACA,8BACAd,GAAY,4BACZC,GAAW,2BACXK,GAAY,6BAEdE,KAAMA,GAAQ,OACdT,aAAcA,EAAeA,EAAe,KAC5CC,SAAUA,EACVe,IAAI,OACJb,WAAYA,IAAQ,SAAWc,OAAOd,UAAcA,IAAQ,SAAWA,EAAM,KAC7EC,WAAYA,IAAQ,SAAWa,OAAOb,UAAcA,IAAQ,SAAWA,EAAM,KAC7EC,QAASA,EAAUA,EAAU,KAC7BC,YAAaA,GAAe,KAC5BY,SAAUX,EACVC,SAAUA,EACVE,MAAOA,EACPS,OAASC,GAAQT,KAAKU,YAAYC,KAAKF,GACvCG,SAAWH,GAAQT,KAAKa,cAAcF,KAAKF,GAC3CK,QAAUL,GAAQT,KAAKe,aAAaJ,KAAKF,GACzCO,QAAUP,IACRT,KAAKD,MAASU,EAAIQ,OAA4BlB,MAC9CC,KAAKkB,aAAaP,KAAKF,EAAI,G","ignoreList":[]}
1	+ {"version":3,"names":["textboxCss","UtrechtTextboxStyle0","Textbox","render","autoComplete","disabled","invalid","min","max","pattern","placeholder","readOnly","required","type","value","this","h","key","class","clsx","dir","String","readonly","onBlur","evt","utrechtBlur","emit","onChange","utrechtChange","onFocus","utrechtFocus","onInput","target","utrechtInput"],"sources":["src/components/textbox.scss?tag=utrecht-textbox&encapsulation=shadow","src/components/textbox.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n /\n\n@use \"~@utrecht/textbox-css/src/index\" as ;\n\n:host {\n display: block;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n tag: 'utrecht-textbox',\n styleUrl: 'textbox.scss',\n shadow: true,\n})\nexport class Textbox {\n @Prop({ attribute: 'autocomplete', reflect: true }) autoComplete: string = '';\n @Prop({ reflect: true }) disabled: boolean = false;\n @Prop({ reflect: true }) invalid: boolean = false;\n @Prop() min: number \| string = '';\n @Prop() max: number \| string = '';\n @Prop() pattern: string = '';\n @Prop() placeholder: string = '';\n @Prop({ attribute: 'readonly', reflect: true }) readOnly: boolean = false;\n @Prop({ reflect: true }) required: boolean = false;\n @Prop({ reflect: true }) type: string = '';\n @Prop() value: string = '';\n @Event() utrechtBlur: EventEmitter;\n @Event() utrechtChange: EventEmitter;\n @Event() utrechtFocus: EventEmitter;\n @Event() utrechtInput: EventEmitter;\n\n render() {\n const { autoComplete, disabled, invalid, min, max, pattern, placeholder, readOnly, required, type, value } = this;\n\n return (\n <input\n class={clsx(\n 'utrecht-textbox',\n 'utrecht-textbox--html-input',\n disabled && 'utrecht-textbox--disabled',\n invalid && 'utrecht-textbox--invalid',\n readOnly && 'utrecht-textbox--readonly',\n )}\n type={type \|\| 'text'}\n autoComplete={autoComplete ? autoComplete : null}\n disabled={disabled}\n dir=\"auto\"\n min={typeof min === 'number' ? String(min) : typeof min === 'string' ? min : null}\n max={typeof max === 'number' ? String(max) : typeof max === 'string' ? max : null}\n pattern={pattern ? pattern : null}\n placeholder={placeholder \|\| null}\n readonly={readOnly}\n required={required}\n value={value}\n onBlur={(evt) => this.utrechtBlur.emit(evt)}\n onChange={(evt) => this.utrechtChange.emit(evt)}\n onFocus={(evt) => this.utrechtFocus.emit(evt)}\n onInput={(evt) => {\n this.value = (evt.target as HTMLInputElement).value;\n this.utrechtInput.emit(evt);\n }}\n />\n );\n }\n}\n"],"mappings":"sFAAA,MAAMA,EAAa,+5WACnB,MAAAC,EAAeD,E,MCaFE,EAAO,M,uNACyD,G,cAC9B,M,aACD,M,SACb,G,SACA,G,aACL,G,iBACI,G,cACsC,M,cACvB,M,UACL,G,WAChB,E,CAMxB,MAAAC,GACE,MAAMC,aAAEA,EAAYC,SAAEA,EAAQC,QAAEA,EAAOC,IAAEA,EAAGC,IAAEA,EAAGC,QAAEA,EAAOC,YAAEA,EAAWC,SAAEA,EAAQC,SAAEA,EAAQC,KAAEA,EAAIC,MAAEA,GAAUC,KAE7G,OACEC,EAAA,SAAAC,IAAA,2CACEC,MAAOC,EACL,kBACA,8BACAd,GAAY,4BACZC,GAAW,2BACXK,GAAY,6BAEdE,KAAMA,GAAQ,OACdT,aAAcA,EAAeA,EAAe,KAC5CC,SAAUA,EACVe,IAAI,OACJb,WAAYA,IAAQ,SAAWc,OAAOd,UAAcA,IAAQ,SAAWA,EAAM,KAC7EC,WAAYA,IAAQ,SAAWa,OAAOb,UAAcA,IAAQ,SAAWA,EAAM,KAC7EC,QAASA,EAAUA,EAAU,KAC7BC,YAAaA,GAAe,KAC5BY,SAAUX,EACVC,SAAUA,EACVE,MAAOA,EACPS,OAASC,GAAQT,KAAKU,YAAYC,KAAKF,GACvCG,SAAWH,GAAQT,KAAKa,cAAcF,KAAKF,GAC3CK,QAAUL,GAAQT,KAAKe,aAAaJ,KAAKF,GACzCO,QAAUP,IACRT,KAAKD,MAASU,EAAIQ,OAA4BlB,MAC9CC,KAAKkB,aAAaP,KAAKF,EAAI,G","ignoreList":[]}

package/dist/utrecht/p-111bc630.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as e,h as a}from"./p-8dcab6dc.js";import{c as r}from"./p-e91d8a25.js";const s=".denhaag-process-steps__step{position:relative;padding-block-end:var(--denhaag-process-steps-step-padding-block-end);padding-block-start:var(--denhaag-process-steps-step-padding-block-start)}.denhaag-process-steps__step+.denhaag-process-steps__step{margin-block-start:var(--denhaag-process-steps-step-distance)}.denhaag-process-steps{--denhaag-process-steps-step-distance:40px;--denhaag-process-steps-sub-step-distance:24px;font-family:var(--denhaag-process-steps-font-family);font-size:var(--denhaag-process-steps-font-size);line-height:var(--denhaag-process-steps-line-height);list-style:none;margin-block-start:0;margin-block-end:0;padding-inline-start:0;position:relative}.denhaag-process-steps__step-header{display:flex;align-items:var(--denhaag-process-steps-step-header-align-items);gap:16px}.denhaag-process-steps__step-header--nested{gap:24px}.denhaag-process-steps__step-header-toggle{--utrecht-button-subtle-font-size:inherit;--utrecht-button-subtle-background-color:transparent;--utrecht-button-subtle-color:auto;--utrecht-button-padding-block-end:0;--utrecht-button-padding-block-start:0;--utrecht-button-padding-inline-end:0;--utrecht-button-padding-inline-start:0;--utrecht-button-icon-gap:4px;border:0;background-color:inherit;appearance:none;padding-block-end:0;padding-block-start:0;padding-inline-end:0;padding-inline-start:0;margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0;display:flex;align-items:center;gap:0}.denhaag-process-steps__step-heading{display:flex;align-items:center;color:var(--denhaag-process-steps-step-heading-color);font-family:var(--denhaag-process-steps-step-heading-font-family);font-size:var(--denhaag-process-steps-step-heading-font-size);font-weight:var(--denhaag-process-steps-step-heading-font-weight);line-height:var(--denhaag-process-steps-step-heading-line-height);text-align:start;overflow-wrap:var(--denhaag-process-steps-step-heading-overflow-wrap, anywhere);margin-block-start:0;margin-block-end:0}.denhaag-process-steps__step-heading--not-checked{color:var(--denhaag-process-steps-step-heading-not-checked-color)}.denhaag-process-steps__step-heading--checked{color:var(--denhaag-process-steps-step-heading-checked-color);font-size:var(--denhaag-process-steps-step-heading-checked-font-size, var(--denhaag-process-steps-step-heading-font-size));font-weight:var(--denhaag-process-steps-step-heading-checked-font-weight, var(--denhaag-process-steps-step-heading-font-weight))}.denhaag-process-steps__step-heading--current{color:var(--denhaag-process-steps-step-heading-current-color);font-size:var(--denhaag-process-steps-step-heading-current-font-size, var(--denhaag-process-steps-step-heading-font-size));font-weight:var(--denhaag-process-steps-step-heading-current-font-weight, var(--denhaag-process-steps-step-heading-font-weight))}.denhaag-process-steps__step-heading--warning{color:var(--denhaag-process-steps-step-heading-warning-color)}.denhaag-process-steps__step-heading--error{color:var(--denhaag-process-steps-step-heading-error-color)}.denhaag-process-steps__step-details{display:block}.denhaag-process-steps__step-details--hidden{display:none}.denhaag-process-steps__step-body{position:relative}.denhaag-process-steps__step-meta{position:relative;margin-inline-start:calc(var(--denhaag-step-marker-size) + 16px);font-size:var(--denhaag-process-steps-step-meta-font-size);color:var(--denhaag-process-steps-step-meta-color)}.denhaag-process-steps__step-meta--date{font-size:var(--denhaag-process-steps-step-meta-date-font-size, var(--denhaag-process-steps-step-meta-font-size));color:var(--denhaag-process-steps-step-meta-date-color, var(--denhaag-process-steps-step-meta-color))}.denhaag-process-steps__step-meta--nested{font-size:var(--denhaag-process-steps-step-meta-nested-font-size, var(--denhaag-process-steps-step-meta-font-size));margin-block-start:var(--denhaag-process-steps-step-meta-nested-margin-block-start);margin-inline-start:48px}.denhaag-process-steps__sub-step{position:relative;margin-block-start:var(--denhaag-process-steps-sub-step-distance)}.denhaag-process-steps__sub-step-heading{margin-block-end:0;margin-block-start:0;}.denhaag-step-marker{position:relative;z-index:1;align-items:center;background-color:var(--denhaag-step-marker-background-color);block-size:var(--denhaag-step-marker-size);border-style:solid;border-width:var(--denhaag-step-marker-border-width);border-color:var(--denhaag-step-marker-border-color, transparent);border-radius:var(--denhaag-step-marker-border-radius, 50%);box-sizing:border-box;color:var(--denhaag-step-marker-color);display:flex;flex-grow:0;font-family:var(--denhaag-step-marker-font-family);font-size:var(--denhaag-step-marker-font-size);font-weight:var(--denhaag-step-marker-font-weight);inline-size:var(--denhaag-step-marker-size);justify-content:center;margin-block-end:var(--denhaag-step-marker-margin);margin-block-start:var(--denhaag-step-marker-margin);padding-inline-end:0;min-inline-size:var(--denhaag-step-marker-min-size, var(--denhaag-step-marker-size));min-block-size:var(--denhaag-step-marker-min-size, var(--denhaag-step-marker-size))}.denhaag-step-marker .denhaag-icon{block-size:var(--denhaag-step-marker-icon-size);inline-size:var(--denhaag-step-marker-icon-size)}.denhaag-step-marker--nested{block-size:var(--denhaag-step-marker-nested-size);min-block-size:var(--denhaag-step-marker-nested-min-size, var(--denhaag-step-marker-nested-size));min-inline-size:var(--denhaag-step-marker-nested-min-size, var(--denhaag-step-marker-nested-size));inline-size:var(--denhaag-step-marker-nested-size);border-width:var(--denhaag-step-marker-nested-border-width, var(--denhaag-step-marker-border-width));margin-inline-start:calc((var(--denhaag-step-marker-size) - var(--denhaag-step-marker-nested-size)) / 2)}.denhaag-step-marker--nested .denhaag-icon{block-size:var(--denhaag-step-marker-nested-icon-size);inline-size:var(--denhaag-step-marker-nested-icon-size)}.denhaag-step-marker--not-checked{background-color:var(--denhaag-step-marker-not-checked-background-color);border-color:var(--denhaag-step-marker-not-checked-border-color);color:var(--denhaag-step-marker-not-checked-color)}.denhaag-step-marker--not-checked.denhaag-step-marker--nested{background-color:var(--denhaag-step-marker-not-checked-nested-background-color, var(--denhaag-step-marker-not-checked-background-color));border-color:var(--denhaag-step-marker-not-checked-nested-border-color, var(--denhaag-step-marker-not-checked-border-color));color:var(--denhaag-step-marker-not-checked-nested-color, var(--denhaag-step-marker-not-checked-color))}.denhaag-step-marker--checked{background-color:var(--denhaag-step-marker-checked-background-color);border-color:var(--denhaag-step-marker-checked-border-color);color:var(--denhaag-step-marker-checked-color)}.denhaag-step-marker--checked.denhaag-step-marker--nested{background-color:var(--denhaag-step-marker-checked-nested-background-color, var(--denhaag-step-marker-checked-background-color));border-color:var(--denhaag-step-marker-checked-nested-border-color, var(--denhaag-step-marker-checked-border-color));color:var(--denhaag-step-marker-checked-nested-color, var(--denhaag-step-marker-checked-color))}.denhaag-step-marker--current{background-color:var(--denhaag-step-marker-current-background-color);border-color:var(--denhaag-step-marker-current-border-color);color:var(--denhaag-step-marker-current-color)}.denhaag-step-marker--current.denhaag-step-marker--nested{background-color:var(--denhaag-step-marker-current-nested-background-color, var(--denhaag-step-marker-current-background-color));border-color:var(--denhaag-step-marker-current-nested-border-color, var(--denhaag-step-marker-current-border-color));color:var(--denhaag-step-marker-current-nested-color, var(--denhaag-step-marker-current-color))}.denhaag-step-marker--disabled{background-color:var(--denhaag-step-marker-disabled-background-color);border-color:var(--denhaag-step-marker-disabled-border-color);color:var(--denhaag-step-marker-disabled-color)}.denhaag-step-marker--disabled.denhaag-step-marker--nested{background-color:var(--denhaag-step-marker-disabled-nested-background-color, var(--denhaag-step-marker-disabled-background-color));border-color:var(--denhaag-step-marker-disabled-nested-border-color, var(--denhaag-step-marker-disabled-border-color));color:var(--denhaag-step-marker-disabled-nested-color, var(--denhaag-step-marker-disabled-color))}.denhaag-step-marker--warning{background-color:var(--denhaag-step-marker-warning-background-color);border-color:var(--denhaag-step-marker-warning-border-color);color:var(--denhaag-step-marker-warning-color)}.denhaag-step-marker--warning.denhaag-step-marker--nested{background-color:var(--denhaag-step-marker-warning-nested-background-color, var(--denhaag-step-marker-warning-background-color));border-color:var(--denhaag-step-marker-warning-nested-border-color, var(--denhaag-step-marker-warning-border-color));color:var(--denhaag-step-marker-warning-nested-color, var(--denhaag-step-marker-warning-color))}.denhaag-step-marker--error{background-color:var(--denhaag-step-marker-error-background-color);border-color:var(--denhaag-step-marker-error-border-color);color:var(--denhaag-step-marker-error-color)}.denhaag-step-marker--error.denhaag-step-marker--nested{background-color:var(--denhaag-step-marker-error-nested-background-color, var(--denhaag-step-marker-error-background-color));border-color:var(--denhaag-step-marker-error-nested-border-color, var(--denhaag-step-marker-error-border-color));color:var(--denhaag-step-marker-error-nested-color, var(--denhaag-step-marker-error-color))}.denhaag-step-marker--default{background-color:var(--denhaag-step-marker-default-background-color);border-color:var(--denhaag-step-marker-default-border-color);color:var(--denhaag-step-marker-default-color)}.denhaag-step-marker--default.denhaag-step-marker--nested{background-color:var(--denhaag-step-marker-default-nested-background-color, var(--denhaag-step-marker-default-background-color));border-color:var(--denhaag-step-marker-default-nested-border-color, var(--denhaag-step-marker-default-border-color));color:var(--denhaag-step-marker-default-nested-color, var(--denhaag-step-marker-default-color))}.denhaag-step-marker__connector{position:absolute;left:calc(var(--denhaag-step-marker-size) / 2);top:0;height:100%;outline:var(--denhaag-step-marker-connector-width, 1px) var(--denhaag-step-marker-connector-style, dashed) var(--denhaag-step-marker-connector-color)}.denhaag-step-marker__connector--main-to-main{top:calc(-1 * var(--denhaag-step-marker-size) / 2);padding-block-end:calc(var(--denhaag-process-steps-step-distance) + var(--denhaag-step-marker-size))}.denhaag-step-marker__connector--main-to-nested{top:calc(-1 * var(--denhaag-step-marker-size) / 2);padding-block-end:calc(var(--denhaag-process-steps-step-distance) + var(--denhaag-step-marker-nested-size))}.denhaag-step-marker__connector--nested-to-nested{top:var(--denhaag-step-marker-nested-size);padding-block-end:var(--denhaag-process-steps-sub-step-distance)}.denhaag-step-marker__connector--nested-to-main{top:var(--denhaag-step-marker-nested-size);padding-block-end:var(--denhaag-process-steps-step-distance)}.denhaag-step-marker__connector--not-checked{outline-width:var(--denhaag-step-marker-connector-not-checked-outline-width, var(--denhaag-step-marker-connector-outline-width, 1px));outline-style:var(--denhaag-step-marker-connector-not-checked-outline-style, dashed);outline-color:var(--denhaag-step-marker-connector-not-checked-outline-color, var(--denhaag-step-marker-connector-outline-color))}.denhaag-step-marker__connector--checked,.denhaag-step-marker__connector--current{outline-width:var(--denhaag-step-marker-connector-checked-outline-width, var(--denhaag-step-marker-connector-outline-width, 1px));outline-style:var(--denhaag-step-marker-connector-checked-outline-style, solid);outline-color:var(--denhaag-step-marker-connector-checked-outline-color, var(--denhaag-step-marker-connector-outline-color))}.denhaag-step-marker__connector--warning{outline-width:var(--denhaag-step-marker-connector-warning-outline-width, var(--denhaag-step-marker-connector-outline-width, 1px));outline-style:var(--denhaag-step-marker-connector-warning-outline-style, solid);outline-color:var(--denhaag-step-marker-connector-warning-outline-color, var(--denhaag-step-marker-connector-outline-color))}.denhaag-step-marker__connector--error{outline-width:var(--denhaag-step-marker-connector-error-outline-width, var(--denhaag-step-marker-connector-outline-width, 1px));outline-style:var(--denhaag-step-marker-connector-error-outline-style, solid);outline-color:var(--denhaag-step-marker-connector-error-outline-color, var(--denhaag-step-marker-connector-outline-color))}.denhaag-step-marker__connector--default{outline-width:var(--denhaag-step-marker-connector-default-outline-width, var(--denhaag-step-marker-connector-outline-width, 1px));outline-style:var(--denhaag-step-marker-connector-default-outline-style, solid);outline-color:var(--denhaag-step-marker-connector-default-outline-color, var(--denhaag-step-marker-connector-outline-color))}:host{display:contents}:host([hidden]){display:none !important}";const n=s;const t=class{constructor(a){e(this,a);this.checked=false;this.from=undefined;this.to=undefined;this.appearance=undefined;this.details=false;this._open=false}render(){const{appearance:e,checked:s,details:n,from:t,_open:o,to:d}=this;return a("li",{key:"fbdcd6e3318a319ffb0987c46b6e8285ea1f54e2",class:r("denhaag-process-steps__step",{"denhaag-process-steps__step--checked":s,"denhaag-process-steps__step--not-checked":!s})},a("div",{key:"e73e5b95e38c97622b9dcb322257f5ead9d1532f",class:"denhaag-process-steps__step-header"},a("div",{key:"0185ed3f37f4efcf2ef77fe7d921ee1b04d335b0",class:r("denhaag-step-marker",{"denhaag-step-marker--checked":s,"denhaag-step-marker--not-checked":!s})},a("slot",{key:"39efda6a93fda9d40faf6bc1f11dde0b4e34f12b",name:"marker"}),s&&a("svg",{key:"cf26c63bcad32612297f2e0bf00bffc0b0a04dcc",xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 24 24",class:"denhaag-icon",focusable:"false","aria-hidden":"true","shape-rendering":"auto"},a("path",{key:"34cccfa0c73ada75dc34392decc4bab0cbd55ae5",d:"M20.664 5.253a1 1 0 01.083 1.411l-10.666 12a1 1 0 01-1.495 0l-5.333-6a1 1 0 011.494-1.328l4.586 5.159 9.92-11.16a1 1 0 011.411-.082z",stroke:"currentColor","stroke-width":"1.75"}))),n?a("utrecht-button",{onClick:()=>this._open=!this._open,appearance:"subtle-button",class:"denhaag-process-steps__step-header-toggle","aria-controls":"details","aria-expanded":o?"true":"false"},a("p",{class:r("denhaag-process-steps__step-heading",{"denhaag-process-steps__step-heading--checked":s})},a("slot",null))):a("p",{class:r("denhaag-process-steps__step-heading",{"denhaag-process-steps__step-heading--checked":s})},a("slot",null))),a("div",{key:"86593b5f2e6045ecb834321ca1d177c71a4c79c4",class:r("denhaag-process-steps__step-body")},a("div",{key:"0d2253bc3f1995bff6ddc6502cd81e54258b156f",class:r("denhaag-step-marker__connector",`denhaag-step-marker__connector--${e}`,`denhaag-step-marker__connector--${t}-to-${d}`)}),a("div",{key:"74d9b3b0915df0c3fa8f1f3b124df9c40c5021d5",class:"denhaag-process-steps__step-meta"},a("slot",{key:"d5342f0983accefdd94ed0cfadfc93829eb3bc79",name:"body"}))),a("div",{key:"7aff1d7144d321887eec570535e87b73a453688c",id:"details",class:r("denhaag-process-steps__step-details",!o&&"denhaag-process-steps__step-details--hidden")},a("slot",{key:"6ca3c5b71e803188d0ec206ac4b28895e95b1bf8",name:"details"})))}};t.style=n;export{t as utrecht_progress_list_item};
2	+ //# sourceMappingURL=p-111bc630.entry.js.map

package/dist/utrecht/{p-b78c917c.entry.js.map → p-111bc630.entry.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["progressListCss","UtrechtProgressListItemStyle0","StepProgressListItem","render","appearance","checked","details","from","_open","to","this","h","key","class","clsx","name","xmlns","width","height","viewBox","focusable","d","stroke","onClick","id"],"sources":["src/components/progress-list.scss?tag=utrecht-progress-list-item&encapsulation=shadow","src/components/progress-list-item.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n /\n\n@import \"~@gemeente-denhaag/process-steps/dist/index.css\";\n@import \"~@gemeente-denhaag/step-marker/dist/index.css\";\n\n:host {\n display: contents;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport { Component, h, Prop, State } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n tag: 'utrecht-progress-list-item',\n styleUrl: 'progress-list.scss',\n shadow: true,\n})\nexport class StepProgressListItem {\n @Prop() checked: boolean = false;\n @Prop() from?: string;\n @Prop() to?: string;\n @Prop() appearance?: string;\n @Prop() details?: boolean = false;\n @State() _open?: boolean = false;\n render() {\n const { appearance, checked, details, from, _open, to } = this;\n return (\n <li\n class={clsx('denhaag-process-steps__step', {\n 'denhaag-process-steps__step--checked': checked,\n 'denhaag-process-steps__step--not-checked': !checked,\n })}\n >\n <div class=\"denhaag-process-steps__step-header\">\n <div\n class={clsx('denhaag-step-marker', {\n 'denhaag-step-marker--checked': checked,\n 'denhaag-step-marker--not-checked': !checked,\n })}\n >\n <slot name=\"marker\" />\n {checked && (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"1em\"\n height=\"1em\"\n viewBox=\"0 0 24 24\"\n class=\"denhaag-icon\"\n focusable=\"false\"\n aria-hidden=\"true\"\n shape-rendering=\"auto\"\n >\n <path\n d=\"M20.664 5.253a1 1 0 01.083 1.411l-10.666 12a1 1 0 01-1.495 0l-5.333-6a1 1 0 011.494-1.328l4.586 5.159 9.92-11.16a1 1 0 011.411-.082z\"\n stroke=\"currentColor\"\n stroke-width=\"1.75\"\n ></path>\n </svg>\n )}\n </div>\n {details ? (\n <utrecht-button\n onClick={() => (this._open = !this._open)}\n appearance=\"subtle-button\"\n class=\"denhaag-process-steps__step-header-toggle\"\n aria-controls=\"details\"\n aria-expanded={_open ? 'true' : 'false'}\n >\n <p\n class={clsx('denhaag-process-steps__step-heading', {\n 'denhaag-process-steps__step-heading--checked': checked,\n })}\n >\n <slot />\n </p>\n </utrecht-button>\n ) : (\n <p\n class={clsx('denhaag-process-steps__step-heading', {\n 'denhaag-process-steps__step-heading--checked': checked,\n })}\n >\n <slot />\n </p>\n )}\n </div>\n <div class={clsx('denhaag-process-steps__step-body')}>\n <div\n class={clsx(\n 'denhaag-step-marker__connector',\n `denhaag-step-marker__connector--${appearance}`,\n `denhaag-step-marker__connector--${from}-to-${to}`,\n )}\n ></div>\n <div class=\"denhaag-process-steps__step-meta\">\n <slot name=\"body\" />\n </div>\n </div>\n <div\n id=\"details\"\n class={clsx('denhaag-process-steps__step-details', !_open && 'denhaag-process-steps__step-details--hidden')}\n >\n <slot name=\"details\" />\n </div>\n </li>\n );\n }\n}\n"],"mappings":"+EAAA,MAAMA,EAAkB,~~goZACxB~~,MAAAC,EAAeD,E,MCaFE,EAAoB,M,sCACJ,M,6EAIC,M,WACD,K,CAC3B,MAAAC,GACE,MAAMC,WAAEA,EAAUC,QAAEA,EAAOC,QAAEA,EAAOC,KAAEA,EAAIC,MAAEA,EAAKC,GAAEA,GAAOC,KAC1D,OACEC,EAAA,MAAAC,IAAA,2CACEC,MAAOC,EAAK,8BAA+B,CACzC,uCAAwCT,EACxC,4CAA6CA,KAG/CM,EAAA,OAAAC,IAAA,2CAAKC,MAAM,sCACTF,EAAA,OAAAC,IAAA,2CACEC,MAAOC,EAAK,sBAAuB,CACjC,+BAAgCT,EAChC,oCAAqCA,KAGvCM,EAAA,QAAAC,IAAA,2CAAMG,KAAK,WACVV,GACCM,EAAA,OAAAC,IAAA,2CACEI,MAAM,6BACNC,MAAM,MACNC,OAAO,MACPC,QAAQ,YACRN,MAAM,eACNO,UAAU,QAAO,cACL,OAAM,kBACF,QAEhBT,EAAA,QAAAC,IAAA,2CACES,EAAE,uIACFC,OAAO,eAAc,eACR,WAKpBhB,EACCK,EAAA,kBACEY,QAAS,IAAOb,KAAKF,OAASE,KAAKF,MACnCJ,WAAW,gBACXS,MAAM,4CAA2C,gBACnC,UAAS,gBACRL,EAAQ,OAAS,SAEhCG,EAAA,KACEE,MAAOC,EAAK,sCAAuC,CACjD,+CAAgDT,KAGlDM,EAAA,eAIJA,EAAA,KACEE,MAAOC,EAAK,sCAAuC,CACjD,+CAAgDT,KAGlDM,EAAA,eAINA,EAAA,OAAAC,IAAA,2CAAKC,MAAOC,EAAK,qCACfH,EAAA,OAAAC,IAAA,2CACEC,MAAOC,EACL,iCACA,mCAAmCV,IACnC,mCAAmCG,QAAWE,OAGlDE,EAAA,OAAAC,IAAA,2CAAKC,MAAM,oCACTF,EAAA,QAAAC,IAAA,2CAAMG,KAAK,WAGfJ,EAAA,OAAAC,IAAA,2CACEY,GAAG,UACHX,MAAOC,EAAK,uCAAwCN,GAAS,gDAE7DG,EAAA,QAAAC,IAAA,2CAAMG,KAAK,a","ignoreList":[]}
1	+ {"version":3,"names":["progressListCss","UtrechtProgressListItemStyle0","StepProgressListItem","render","appearance","checked","details","from","_open","to","this","h","key","class","clsx","name","xmlns","width","height","viewBox","focusable","d","stroke","onClick","id"],"sources":["src/components/progress-list.scss?tag=utrecht-progress-list-item&encapsulation=shadow","src/components/progress-list-item.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n /\n\n@import \"~@gemeente-denhaag/process-steps/dist/index.css\";\n@import \"~@gemeente-denhaag/step-marker/dist/index.css\";\n\n:host {\n display: contents;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport { Component, h, Prop, State } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n tag: 'utrecht-progress-list-item',\n styleUrl: 'progress-list.scss',\n shadow: true,\n})\nexport class StepProgressListItem {\n @Prop() checked: boolean = false;\n @Prop() from?: string;\n @Prop() to?: string;\n @Prop() appearance?: string;\n @Prop() details?: boolean = false;\n @State() _open?: boolean = false;\n render() {\n const { appearance, checked, details, from, _open, to } = this;\n return (\n <li\n class={clsx('denhaag-process-steps__step', {\n 'denhaag-process-steps__step--checked': checked,\n 'denhaag-process-steps__step--not-checked': !checked,\n })}\n >\n <div class=\"denhaag-process-steps__step-header\">\n <div\n class={clsx('denhaag-step-marker', {\n 'denhaag-step-marker--checked': checked,\n 'denhaag-step-marker--not-checked': !checked,\n })}\n >\n <slot name=\"marker\" />\n {checked && (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"1em\"\n height=\"1em\"\n viewBox=\"0 0 24 24\"\n class=\"denhaag-icon\"\n focusable=\"false\"\n aria-hidden=\"true\"\n shape-rendering=\"auto\"\n >\n <path\n d=\"M20.664 5.253a1 1 0 01.083 1.411l-10.666 12a1 1 0 01-1.495 0l-5.333-6a1 1 0 011.494-1.328l4.586 5.159 9.92-11.16a1 1 0 011.411-.082z\"\n stroke=\"currentColor\"\n stroke-width=\"1.75\"\n ></path>\n </svg>\n )}\n </div>\n {details ? (\n <utrecht-button\n onClick={() => (this._open = !this._open)}\n appearance=\"subtle-button\"\n class=\"denhaag-process-steps__step-header-toggle\"\n aria-controls=\"details\"\n aria-expanded={_open ? 'true' : 'false'}\n >\n <p\n class={clsx('denhaag-process-steps__step-heading', {\n 'denhaag-process-steps__step-heading--checked': checked,\n })}\n >\n <slot />\n </p>\n </utrecht-button>\n ) : (\n <p\n class={clsx('denhaag-process-steps__step-heading', {\n 'denhaag-process-steps__step-heading--checked': checked,\n })}\n >\n <slot />\n </p>\n )}\n </div>\n <div class={clsx('denhaag-process-steps__step-body')}>\n <div\n class={clsx(\n 'denhaag-step-marker__connector',\n `denhaag-step-marker__connector--${appearance}`,\n `denhaag-step-marker__connector--${from}-to-${to}`,\n )}\n ></div>\n <div class=\"denhaag-process-steps__step-meta\">\n <slot name=\"body\" />\n </div>\n </div>\n <div\n id=\"details\"\n class={clsx('denhaag-process-steps__step-details', !_open && 'denhaag-process-steps__step-details--hidden')}\n >\n <slot name=\"details\" />\n </div>\n </li>\n );\n }\n}\n"],"mappings":"+EAAA,MAAMA,EAAkB,k4ZACxB,MAAAC,EAAeD,E,MCaFE,EAAoB,M,sCACJ,M,6EAIC,M,WACD,K,CAC3B,MAAAC,GACE,MAAMC,WAAEA,EAAUC,QAAEA,EAAOC,QAAEA,EAAOC,KAAEA,EAAIC,MAAEA,EAAKC,GAAEA,GAAOC,KAC1D,OACEC,EAAA,MAAAC,IAAA,2CACEC,MAAOC,EAAK,8BAA+B,CACzC,uCAAwCT,EACxC,4CAA6CA,KAG/CM,EAAA,OAAAC,IAAA,2CAAKC,MAAM,sCACTF,EAAA,OAAAC,IAAA,2CACEC,MAAOC,EAAK,sBAAuB,CACjC,+BAAgCT,EAChC,oCAAqCA,KAGvCM,EAAA,QAAAC,IAAA,2CAAMG,KAAK,WACVV,GACCM,EAAA,OAAAC,IAAA,2CACEI,MAAM,6BACNC,MAAM,MACNC,OAAO,MACPC,QAAQ,YACRN,MAAM,eACNO,UAAU,QAAO,cACL,OAAM,kBACF,QAEhBT,EAAA,QAAAC,IAAA,2CACES,EAAE,uIACFC,OAAO,eAAc,eACR,WAKpBhB,EACCK,EAAA,kBACEY,QAAS,IAAOb,KAAKF,OAASE,KAAKF,MACnCJ,WAAW,gBACXS,MAAM,4CAA2C,gBACnC,UAAS,gBACRL,EAAQ,OAAS,SAEhCG,EAAA,KACEE,MAAOC,EAAK,sCAAuC,CACjD,+CAAgDT,KAGlDM,EAAA,eAIJA,EAAA,KACEE,MAAOC,EAAK,sCAAuC,CACjD,+CAAgDT,KAGlDM,EAAA,eAINA,EAAA,OAAAC,IAAA,2CAAKC,MAAOC,EAAK,qCACfH,EAAA,OAAAC,IAAA,2CACEC,MAAOC,EACL,iCACA,mCAAmCV,IACnC,mCAAmCG,QAAWE,OAGlDE,EAAA,OAAAC,IAAA,2CAAKC,MAAM,oCACTF,EAAA,QAAAC,IAAA,2CAAMG,KAAK,WAGfJ,EAAA,OAAAC,IAAA,2CACEY,GAAG,UACHX,MAAOC,EAAK,uCAAwCN,GAAS,gDAE7DG,EAAA,QAAAC,IAAA,2CAAMG,KAAK,a","ignoreList":[]}

package/dist/utrecht/{p-c8e10e08.entry.js → p-12b51a23.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r,c as t,h as o}from"./p-8dcab6dc.js";import{c as e}from"./p-e91d8a25.js";const a=".utrecht-textarea{background-color:var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color));block-size:initial;border-width:var(--utrecht-textarea-border-width, var(--utrecht-form-control-border-width));border-block-end-width:var(--utrecht-textarea-border-block-end-width, var(--utrecht-textarea-border-width, var(--utrecht-form-control-border-width)));border-color:var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color));border-radius:var(--utrecht-textarea-border-radius, var(--utrecht-form-control-border-radius, 0));border-style:solid;box-sizing:border-box;color:var(--utrecht-textarea-color, var(--utrecht-form-control-color));font-family:var(--utrecht-textarea-font-family, var(--utrecht-form-control-font-family));font-size:var(--utrecht-textarea-font-size, var(--utrecht-form-control-font-size, inherit));font-weight:var(--utrecht-textarea-font-weight, var(--utrecht-form-control-font-weight, initial));inline-size:100%;line-height:var(--utrecht-textarea-line-height, initial);max-inline-size:var(--utrecht-textarea-max-inline-size, var(--utrecht-form-control-max-inline-size));min-block-size:var(--utrecht-textarea-min-block-size, var(--utrecht-pointer-target-min-size, 44px));min-inline-size:var(--utrecht-pointer-target-min-size, 44px);padding-block-end:var(--utrecht-textarea-padding-block-end, var(--utrecht-form-control-padding-block-end, 0));padding-block-start:var(--utrecht-textarea-padding-block-start, var(--utrecht-form-control-padding-block-start, 0));padding-inline-end:var(--utrecht-textarea-padding-inline-end, var(--utrecht-form-control-padding-inline-end, initial));padding-inline-start:var(--utrecht-textarea-padding-inline-start, var(--utrecht-form-control-padding-inline-start, initial));resize:vertical;resize:block}.utrecht-textarea--invalid{--_utrecht-textarea-border-width:var(\n    --utrecht-textarea-invalid-border-width,\n    var(\n      --utrecht-form-control-invalid-border-width,\n      var(--utrecht-textarea-border-width, var(--utrecht-form-control-border-width))\n    )\n  );background-color:var(--utrecht-textarea-invalid-background-color, var(--utrecht-form-control-invalid-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));border-width:var(--_utrecht-textarea-border-width);border-block-end-width:var(--utrecht-textarea-invalid-border-block-end-width, var(--utrecht-form-control-invalid-border-block-end-width, var(--utrecht-textarea-border-block-end-width, var(--utrecht-form-control-border-block-end-width, var(--_utrecht-textarea-border-width)))));border-color:var(--utrecht-textarea-invalid-border-color, var(--utrecht-form-control-invalid-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-invalid-color, var(--utrecht-form-control-invalid-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))))}.utrecht-textarea--disabled{background-color:var(--utrecht-textarea-disabled-background-color, var(--utrecht-form-control-disabled-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-disabled-border-color, var(--utrecht-form-control-disabled-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-disabled-color, var(--utrecht-form-control-disabled-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));cursor:var(--utrecht-action-disabled-cursor, not-allowed)}.utrecht-textarea--focus{background-color:var(--utrecht-textarea-focus-background-color, var(--utrecht-form-control-focus-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-focus-border-color, var(--utrecht-form-control-focus-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-focus-color, var(--utrecht-form-control-focus-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))))}.utrecht-textarea--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);z-index:1}.utrecht-textarea--read-only{background-color:var(--utrecht-textarea-read-only-background-color, var(--utrecht-form-control-read-only-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-read-only-border-color, var(--utrecht-form-control-read-only-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-read-only-color, var(--utrecht-form-control-read-only-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))))}.utrecht-textarea__placeholder{color:var(--utrecht-textarea-placeholder-color, var(--utrecht-form-control-placeholder-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));font-style:var(--utrecht-form-control-placeholder-font-style);opacity:100%}.utrecht-textarea--html-textarea{}.utrecht-textarea--html-textarea:focus{background-color:var(--utrecht-textarea-focus-background-color, var(--utrecht-form-control-focus-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-focus-border-color, var(--utrecht-form-control-focus-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-focus-color, var(--utrecht-form-control-focus-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))))}.utrecht-textarea--html-textarea: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);z-index:1}.utrecht-textarea--html-textarea:invalid,.utrecht-textarea--html-textarea[aria-invalid=true]{--_utrecht-textarea-border-width:var(\n    --utrecht-textarea-invalid-border-width,\n    var(\n      --utrecht-form-control-invalid-border-width,\n      var(--utrecht-textarea-border-width, var(--utrecht-form-control-border-width))\n    )\n  );background-color:var(--utrecht-textarea-invalid-background-color, var(--utrecht-form-control-invalid-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));border-width:var(--_utrecht-textarea-border-width);border-block-end-width:var(--utrecht-textarea-invalid-border-block-end-width, var(--utrecht-form-control-invalid-border-block-end-width, var(--utrecht-textarea-border-block-end-width, var(--utrecht-form-control-border-block-end-width, var(--_utrecht-textarea-border-width)))));border-color:var(--utrecht-textarea-invalid-border-color, var(--utrecht-form-control-invalid-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-invalid-color, var(--utrecht-form-control-invalid-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))))}.utrecht-textarea--html-textarea:read-only{background-color:var(--utrecht-textarea-read-only-background-color, var(--utrecht-form-control-read-only-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-read-only-border-color, var(--utrecht-form-control-read-only-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-read-only-color, var(--utrecht-form-control-read-only-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))))}.utrecht-textarea--html-textarea:disabled{background-color:var(--utrecht-textarea-disabled-background-color, var(--utrecht-form-control-disabled-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-disabled-border-color, var(--utrecht-form-control-disabled-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-disabled-color, var(--utrecht-form-control-disabled-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));cursor:var(--utrecht-action-disabled-cursor, not-allowed)}.utrecht-textarea--html-textarea::placeholder{color:var(--utrecht-textarea-placeholder-color, var(--utrecht-form-control-placeholder-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));font-style:var(--utrecht-form-control-placeholder-font-style);opacity:100%}:host{display:block}:host([hidden]){display:none !important}";const c=a;const l=20;const u=2;const d=class{constructor(o){r(this,o);this.utrechtBlur=t(this,"utrechtBlur",7);this.utrechtChange=t(this,"utrechtChange",7);this.utrechtFocus=t(this,"utrechtFocus",7);this.utrechtInput=t(this,"utrechtInput",7);this.autocomplete="";this.cols=l;this.spellcheck=false;this.disabled=false;this.invalid=false;this.placeholder="";this.readOnly=false;this.required=false;this.rows=u;this.value=""}render(){const{autocomplete:r,cols:t,disabled:a,invalid:c,placeholder:d,readOnly:n,required:h,rows:i,spellcheck:v,value:b}=this;return o("textarea",{key:"689087acae39ee0f730d823effefc57f75508bab",autoComplete:r||null,class:e("utrecht-textarea","utrecht-textarea--html-textarea",a&&"utrecht-textarea--disabled",c&&"utrecht-textarea--invalid",n&&"utrecht-textarea--readonly"),cols:t!==l?t:null,disabled:a,dir:"auto",placeholder:d||null,readonly:n,required:h,spellcheck:v||null,rows:i!==u?i:null,value:b,onBlur:r=>this.utrechtBlur.emit(r),onChange:r=>this.utrechtChange.emit(r),onFocus:r=>this.utrechtFocus.emit(r),onInput:r=>{this.value=r.target.value;this.utrechtInput.emit(r)}},o("slot",{key:"d21ede5c922cc5b44bba7fa6e3dde8999fc3152b"}))}};d.style=c;export{d as utrecht_textarea};
-//# sourceMappingURL=p-c8e10e08.entry.js.map
+import{r,c as t,h as o}from"./p-8dcab6dc.js";import{c as e}from"./p-e91d8a25.js";const a=".utrecht-textarea{background-color:var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color));block-size:initial;border-width:var(--utrecht-textarea-border-width, var(--utrecht-form-control-border-width));border-block-end-width:var(--utrecht-textarea-border-block-end-width, var(--utrecht-textarea-border-width, var(--utrecht-form-control-border-width)));border-color:var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color));border-radius:var(--utrecht-textarea-border-radius, var(--utrecht-form-control-border-radius, 0));border-style:solid;box-sizing:border-box;color:var(--utrecht-textarea-color, var(--utrecht-form-control-color));font-family:var(--utrecht-textarea-font-family, var(--utrecht-form-control-font-family));font-size:var(--utrecht-textarea-font-size, var(--utrecht-form-control-font-size, inherit));font-weight:var(--utrecht-textarea-font-weight, var(--utrecht-form-control-font-weight, initial));inline-size:100%;line-height:var(--utrecht-textarea-line-height, initial);max-inline-size:var(--utrecht-textarea-max-inline-size, var(--utrecht-form-control-max-inline-size));min-block-size:var(--utrecht-textarea-min-block-size, var(--utrecht-pointer-target-min-size, 44px));min-inline-size:var(--utrecht-pointer-target-min-size, 44px);padding-block-end:var(--utrecht-textarea-padding-block-end, var(--utrecht-form-control-padding-block-end, 0));padding-block-start:var(--utrecht-textarea-padding-block-start, var(--utrecht-form-control-padding-block-start, 0));padding-inline-end:var(--utrecht-textarea-padding-inline-end, var(--utrecht-form-control-padding-inline-end, initial));padding-inline-start:var(--utrecht-textarea-padding-inline-start, var(--utrecht-form-control-padding-inline-start, initial));resize:vertical;resize:block}.utrecht-textarea--invalid{--_utrecht-textarea-border-width:var(\n    --utrecht-textarea-invalid-border-width,\n    var(\n      --utrecht-form-control-invalid-border-width,\n      var(--utrecht-textarea-border-width, var(--utrecht-form-control-border-width))\n    )\n  );background-color:var(--utrecht-textarea-invalid-background-color, var(--utrecht-form-control-invalid-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));border-width:var(--_utrecht-textarea-border-width);border-block-end-width:var(--utrecht-textarea-invalid-border-block-end-width, var(--utrecht-form-control-invalid-border-block-end-width, var(--utrecht-textarea-border-block-end-width, var(--utrecht-form-control-border-block-end-width, var(--_utrecht-textarea-border-width)))));border-color:var(--utrecht-textarea-invalid-border-color, var(--utrecht-form-control-invalid-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-invalid-color, var(--utrecht-form-control-invalid-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))))}.utrecht-textarea--disabled{background-color:var(--utrecht-textarea-disabled-background-color, var(--utrecht-form-control-disabled-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-disabled-border-color, var(--utrecht-form-control-disabled-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-disabled-color, var(--utrecht-form-control-disabled-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));cursor:var(--utrecht-action-disabled-cursor, not-allowed)}.utrecht-textarea--focus{background-color:var(--utrecht-textarea-focus-background-color, var(--utrecht-form-control-focus-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-focus-border-color, var(--utrecht-form-control-focus-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-focus-color, var(--utrecht-form-control-focus-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))))}.utrecht-textarea--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);z-index:1}.utrecht-textarea--read-only{background-color:var(--utrecht-textarea-read-only-background-color, var(--utrecht-form-control-read-only-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-read-only-border-color, var(--utrecht-form-control-read-only-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-read-only-color, var(--utrecht-form-control-read-only-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))))}.utrecht-textarea__placeholder{color:var(--utrecht-textarea-placeholder-color, var(--utrecht-form-control-placeholder-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));font-style:var(--utrecht-form-control-placeholder-font-style);opacity:100%}.utrecht-textarea--html-textarea:focus{background-color:var(--utrecht-textarea-focus-background-color, var(--utrecht-form-control-focus-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-focus-border-color, var(--utrecht-form-control-focus-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-focus-color, var(--utrecht-form-control-focus-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))))}.utrecht-textarea--html-textarea: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);z-index:1}.utrecht-textarea--html-textarea:invalid,.utrecht-textarea--html-textarea[aria-invalid=true]{--_utrecht-textarea-border-width:var(\n    --utrecht-textarea-invalid-border-width,\n    var(\n      --utrecht-form-control-invalid-border-width,\n      var(--utrecht-textarea-border-width, var(--utrecht-form-control-border-width))\n    )\n  );background-color:var(--utrecht-textarea-invalid-background-color, var(--utrecht-form-control-invalid-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));border-width:var(--_utrecht-textarea-border-width);border-block-end-width:var(--utrecht-textarea-invalid-border-block-end-width, var(--utrecht-form-control-invalid-border-block-end-width, var(--utrecht-textarea-border-block-end-width, var(--utrecht-form-control-border-block-end-width, var(--_utrecht-textarea-border-width)))));border-color:var(--utrecht-textarea-invalid-border-color, var(--utrecht-form-control-invalid-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-invalid-color, var(--utrecht-form-control-invalid-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))))}.utrecht-textarea--html-textarea{}.utrecht-textarea--html-textarea:read-only{background-color:var(--utrecht-textarea-read-only-background-color, var(--utrecht-form-control-read-only-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-read-only-border-color, var(--utrecht-form-control-read-only-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-read-only-color, var(--utrecht-form-control-read-only-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))))}.utrecht-textarea--html-textarea{}.utrecht-textarea--html-textarea:disabled{background-color:var(--utrecht-textarea-disabled-background-color, var(--utrecht-form-control-disabled-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-disabled-border-color, var(--utrecht-form-control-disabled-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-disabled-color, var(--utrecht-form-control-disabled-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));cursor:var(--utrecht-action-disabled-cursor, not-allowed)}.utrecht-textarea--html-textarea::placeholder{color:var(--utrecht-textarea-placeholder-color, var(--utrecht-form-control-placeholder-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));font-style:var(--utrecht-form-control-placeholder-font-style);opacity:100%}:host{display:block}:host([hidden]){display:none !important}";const c=a;const l=20;const u=2;const d=class{constructor(o){r(this,o);this.utrechtBlur=t(this,"utrechtBlur",7);this.utrechtChange=t(this,"utrechtChange",7);this.utrechtFocus=t(this,"utrechtFocus",7);this.utrechtInput=t(this,"utrechtInput",7);this.autocomplete="";this.cols=l;this.spellcheck=false;this.disabled=false;this.invalid=false;this.placeholder="";this.readOnly=false;this.required=false;this.rows=u;this.value=""}render(){const{autocomplete:r,cols:t,disabled:a,invalid:c,placeholder:d,readOnly:n,required:h,rows:i,spellcheck:v,value:b}=this;return o("textarea",{key:"689087acae39ee0f730d823effefc57f75508bab",autoComplete:r||null,class:e("utrecht-textarea","utrecht-textarea--html-textarea",a&&"utrecht-textarea--disabled",c&&"utrecht-textarea--invalid",n&&"utrecht-textarea--readonly"),cols:t!==l?t:null,disabled:a,dir:"auto",placeholder:d||null,readonly:n,required:h,spellcheck:v||null,rows:i!==u?i:null,value:b,onBlur:r=>this.utrechtBlur.emit(r),onChange:r=>this.utrechtChange.emit(r),onFocus:r=>this.utrechtFocus.emit(r),onInput:r=>{this.value=r.target.value;this.utrechtInput.emit(r)}},o("slot",{key:"d21ede5c922cc5b44bba7fa6e3dde8999fc3152b"}))}};d.style=c;export{d as utrecht_textarea};
+//# sourceMappingURL=p-12b51a23.entry.js.map

package/dist/utrecht/{p-c8e10e08.entry.js.map → p-12b51a23.entry.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["textareaCss","UtrechtTextareaStyle0","HTML_DEFAULT_COLS","HTML_DEFAULT_ROWS","Textarea","render","autocomplete","cols","disabled","invalid","placeholder","readOnly","required","rows","spellcheck","value","this","h","key","autoComplete","class","clsx","dir","readonly","onBlur","evt","utrechtBlur","emit","onChange","utrechtChange","onFocus","utrechtFocus","onInput","target","utrechtInput"],"sources":["src/components/textarea.scss?tag=utrecht-textarea&encapsulation=shadow","src/components/textarea.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n /\n\n@use \"~@utrecht/textarea-css/src/index\";\n\n:host {\n display: block;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n /\n\nimport { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n/\n I would prefer to set `rows` and `cols` only when the properties are actually set,\n * and explicitly configure them when they are set.\n \n Currently Stencil offers no way to detect of the property value is the default value.\n * `this.hasOwnProperty('cols')` does not work, for example.\n \n As a workaround, there is a check if `cols` and `rows` are equal to the\n * `<textarea>` defaults of `2` and `20`.\n */\nconst HTML_DEFAULT_COLS = 20;\nconst HTML_DEFAULT_ROWS = 2;\n\n@Component({\n tag: 'utrecht-textarea',\n styleUrl: 'textarea.scss',\n shadow: true,\n})\nexport class Textarea {\n @Prop() autocomplete: string = '';\n @Prop() cols: number = HTML_DEFAULT_COLS;\n @Prop() spellcheck: boolean = false;\n @Prop({ reflect: true }) disabled: boolean = false;\n @Prop({ reflect: true }) invalid: boolean = false;\n @Prop() placeholder: string = '';\n @Prop({ attribute: 'readonly', reflect: true }) readOnly: boolean = false;\n @Prop({ reflect: true }) required: boolean = false;\n @Prop() rows: number = HTML_DEFAULT_ROWS;\n @Prop() value: string = '';\n @Event() utrechtBlur: EventEmitter;\n @Event() utrechtChange: EventEmitter;\n @Event() utrechtFocus: EventEmitter;\n @Event() utrechtInput: EventEmitter;\n\n render() {\n const { autocomplete, cols, disabled, invalid, placeholder, readOnly, required, rows, spellcheck, value } = this;\n\n return (\n <textarea\n autoComplete={autocomplete \|\| null}\n class={clsx(\n 'utrecht-textarea',\n 'utrecht-textarea--html-textarea',\n disabled && 'utrecht-textarea--disabled',\n invalid && 'utrecht-textarea--invalid',\n readOnly && 'utrecht-textarea--readonly',\n )}\n cols={cols !== HTML_DEFAULT_COLS ? cols : null}\n disabled={disabled}\n dir=\"auto\"\n placeholder={placeholder \|\| null}\n readonly={readOnly}\n required={required}\n spellcheck={spellcheck \|\| null}\n rows={rows !== HTML_DEFAULT_ROWS ? rows : null}\n value={value}\n onBlur={(evt) => this.utrechtBlur.emit(evt)}\n onChange={(evt) => this.utrechtChange.emit(evt)}\n onFocus={(evt) => this.utrechtFocus.emit(evt)}\n onInput={(evt) => {\n this.value = (evt.target as HTMLTextAreaElement).value;\n this.utrechtInput.emit(evt);\n }}\n >\n <slot />\n </textarea>\n );\n }\n}\n"],"mappings":"iFAAA,MAAMA,EAAc,~~ypSACpB~~,MAAAC,EAAeD,ECkBf,MAAME,EAAoB,GAC1B,MAAMC,EAAoB,E,MAObC,EAAQ,M,uNACY,G,UACRF,E,gBACO,M,cACe,M,aACD,M,iBACd,G,cACsC,M,cACvB,M,UACtBC,E,WACC,E,CAMxB,MAAAE,GACE,MAAMC,aAAEA,EAAYC,KAAEA,EAAIC,SAAEA,EAAQC,QAAEA,EAAOC,YAAEA,EAAWC,SAAEA,EAAQC,SAAEA,EAAQC,KAAEA,EAAIC,WAAEA,EAAUC,MAAEA,GAAUC,KAE5G,OACEC,EAAA,YAAAC,IAAA,2CACEC,aAAcb,GAAgB,KAC9Bc,MAAOC,EACL,mBACA,kCACAb,GAAY,6BACZC,GAAW,4BACXE,GAAY,8BAEdJ,KAAMA,IAASL,EAAoBK,EAAO,KAC1CC,SAAUA,EACVc,IAAI,OACJZ,YAAaA,GAAe,KAC5Ba,SAAUZ,EACVC,SAAUA,EACVE,WAAYA,GAAc,KAC1BD,KAAMA,IAASV,EAAoBU,EAAO,KAC1CE,MAAOA,EACPS,OAASC,GAAQT,KAAKU,YAAYC,KAAKF,GACvCG,SAAWH,GAAQT,KAAKa,cAAcF,KAAKF,GAC3CK,QAAUL,GAAQT,KAAKe,aAAaJ,KAAKF,GACzCO,QAAUP,IACRT,KAAKD,MAASU,EAAIQ,OAA+BlB,MACjDC,KAAKkB,aAAaP,KAAKF,EAAI,GAG7BR,EAAA,QAAAC,IAAA,6C","ignoreList":[]}
1	+ {"version":3,"names":["textareaCss","UtrechtTextareaStyle0","HTML_DEFAULT_COLS","HTML_DEFAULT_ROWS","Textarea","render","autocomplete","cols","disabled","invalid","placeholder","readOnly","required","rows","spellcheck","value","this","h","key","autoComplete","class","clsx","dir","readonly","onBlur","evt","utrechtBlur","emit","onChange","utrechtChange","onFocus","utrechtFocus","onInput","target","utrechtInput"],"sources":["src/components/textarea.scss?tag=utrecht-textarea&encapsulation=shadow","src/components/textarea.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n /\n\n@use \"~@utrecht/textarea-css/src/index\";\n\n:host {\n display: block;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n /\n\nimport { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n/\n I would prefer to set `rows` and `cols` only when the properties are actually set,\n * and explicitly configure them when they are set.\n \n Currently Stencil offers no way to detect of the property value is the default value.\n * `this.hasOwnProperty('cols')` does not work, for example.\n \n As a workaround, there is a check if `cols` and `rows` are equal to the\n * `<textarea>` defaults of `2` and `20`.\n */\nconst HTML_DEFAULT_COLS = 20;\nconst HTML_DEFAULT_ROWS = 2;\n\n@Component({\n tag: 'utrecht-textarea',\n styleUrl: 'textarea.scss',\n shadow: true,\n})\nexport class Textarea {\n @Prop() autocomplete: string = '';\n @Prop() cols: number = HTML_DEFAULT_COLS;\n @Prop() spellcheck: boolean = false;\n @Prop({ reflect: true }) disabled: boolean = false;\n @Prop({ reflect: true }) invalid: boolean = false;\n @Prop() placeholder: string = '';\n @Prop({ attribute: 'readonly', reflect: true }) readOnly: boolean = false;\n @Prop({ reflect: true }) required: boolean = false;\n @Prop() rows: number = HTML_DEFAULT_ROWS;\n @Prop() value: string = '';\n @Event() utrechtBlur: EventEmitter;\n @Event() utrechtChange: EventEmitter;\n @Event() utrechtFocus: EventEmitter;\n @Event() utrechtInput: EventEmitter;\n\n render() {\n const { autocomplete, cols, disabled, invalid, placeholder, readOnly, required, rows, spellcheck, value } = this;\n\n return (\n <textarea\n autoComplete={autocomplete \|\| null}\n class={clsx(\n 'utrecht-textarea',\n 'utrecht-textarea--html-textarea',\n disabled && 'utrecht-textarea--disabled',\n invalid && 'utrecht-textarea--invalid',\n readOnly && 'utrecht-textarea--readonly',\n )}\n cols={cols !== HTML_DEFAULT_COLS ? cols : null}\n disabled={disabled}\n dir=\"auto\"\n placeholder={placeholder \|\| null}\n readonly={readOnly}\n required={required}\n spellcheck={spellcheck \|\| null}\n rows={rows !== HTML_DEFAULT_ROWS ? rows : null}\n value={value}\n onBlur={(evt) => this.utrechtBlur.emit(evt)}\n onChange={(evt) => this.utrechtChange.emit(evt)}\n onFocus={(evt) => this.utrechtFocus.emit(evt)}\n onInput={(evt) => {\n this.value = (evt.target as HTMLTextAreaElement).value;\n this.utrechtInput.emit(evt);\n }}\n >\n <slot />\n </textarea>\n );\n }\n}\n"],"mappings":"iFAAA,MAAMA,EAAc,2rSACpB,MAAAC,EAAeD,ECkBf,MAAME,EAAoB,GAC1B,MAAMC,EAAoB,E,MAObC,EAAQ,M,uNACY,G,UACRF,E,gBACO,M,cACe,M,aACD,M,iBACd,G,cACsC,M,cACvB,M,UACtBC,E,WACC,E,CAMxB,MAAAE,GACE,MAAMC,aAAEA,EAAYC,KAAEA,EAAIC,SAAEA,EAAQC,QAAEA,EAAOC,YAAEA,EAAWC,SAAEA,EAAQC,SAAEA,EAAQC,KAAEA,EAAIC,WAAEA,EAAUC,MAAEA,GAAUC,KAE5G,OACEC,EAAA,YAAAC,IAAA,2CACEC,aAAcb,GAAgB,KAC9Bc,MAAOC,EACL,mBACA,kCACAb,GAAY,6BACZC,GAAW,4BACXE,GAAY,8BAEdJ,KAAMA,IAASL,EAAoBK,EAAO,KAC1CC,SAAUA,EACVc,IAAI,OACJZ,YAAaA,GAAe,KAC5Ba,SAAUZ,EACVC,SAAUA,EACVE,WAAYA,GAAc,KAC1BD,KAAMA,IAASV,EAAoBU,EAAO,KAC1CE,MAAOA,EACPS,OAASC,GAAQT,KAAKU,YAAYC,KAAKF,GACvCG,SAAWH,GAAQT,KAAKa,cAAcF,KAAKF,GAC3CK,QAAUL,GAAQT,KAAKe,aAAaJ,KAAKF,GACzCO,QAAUP,IACRT,KAAKD,MAASU,EAAIQ,OAA+BlB,MACjDC,KAAKkB,aAAaP,KAAKF,EAAI,GAG7BR,EAAA,QAAAC,IAAA,6C","ignoreList":[]}

package/dist/utrecht/p-161ae02f.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as e,h as r}from"./p-8dcab6dc.js";const a=".denhaag-process-steps__step{position:relative;padding-block-end:var(--denhaag-process-steps-step-padding-block-end);padding-block-start:var(--denhaag-process-steps-step-padding-block-start)}.denhaag-process-steps__step+.denhaag-process-steps__step{margin-block-start:var(--denhaag-process-steps-step-distance)}.denhaag-process-steps{--denhaag-process-steps-step-distance:40px;--denhaag-process-steps-sub-step-distance:24px;font-family:var(--denhaag-process-steps-font-family);font-size:var(--denhaag-process-steps-font-size);line-height:var(--denhaag-process-steps-line-height);list-style:none;margin-block-start:0;margin-block-end:0;padding-inline-start:0;position:relative}.denhaag-process-steps__step-header{display:flex;align-items:var(--denhaag-process-steps-step-header-align-items);gap:16px}.denhaag-process-steps__step-header--nested{gap:24px}.denhaag-process-steps__step-header-toggle{--utrecht-button-subtle-font-size:inherit;--utrecht-button-subtle-background-color:transparent;--utrecht-button-subtle-color:auto;--utrecht-button-padding-block-end:0;--utrecht-button-padding-block-start:0;--utrecht-button-padding-inline-end:0;--utrecht-button-padding-inline-start:0;--utrecht-button-icon-gap:4px;border:0;background-color:inherit;appearance:none;padding-block-end:0;padding-block-start:0;padding-inline-end:0;padding-inline-start:0;margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0;display:flex;align-items:center;gap:0}.denhaag-process-steps__step-heading{display:flex;align-items:center;color:var(--denhaag-process-steps-step-heading-color);font-family:var(--denhaag-process-steps-step-heading-font-family);font-size:var(--denhaag-process-steps-step-heading-font-size);font-weight:var(--denhaag-process-steps-step-heading-font-weight);line-height:var(--denhaag-process-steps-step-heading-line-height);text-align:start;overflow-wrap:var(--denhaag-process-steps-step-heading-overflow-wrap, anywhere);margin-block-start:0;margin-block-end:0}.denhaag-process-steps__step-heading--not-checked{color:var(--denhaag-process-steps-step-heading-not-checked-color)}.denhaag-process-steps__step-heading--checked{color:var(--denhaag-process-steps-step-heading-checked-color);font-size:var(--denhaag-process-steps-step-heading-checked-font-size, var(--denhaag-process-steps-step-heading-font-size));font-weight:var(--denhaag-process-steps-step-heading-checked-font-weight, var(--denhaag-process-steps-step-heading-font-weight))}.denhaag-process-steps__step-heading--current{color:var(--denhaag-process-steps-step-heading-current-color);font-size:var(--denhaag-process-steps-step-heading-current-font-size, var(--denhaag-process-steps-step-heading-font-size));font-weight:var(--denhaag-process-steps-step-heading-current-font-weight, var(--denhaag-process-steps-step-heading-font-weight))}.denhaag-process-steps__step-heading--warning{color:var(--denhaag-process-steps-step-heading-warning-color)}.denhaag-process-steps__step-heading--error{color:var(--denhaag-process-steps-step-heading-error-color)}.denhaag-process-steps__step-details{display:block}.denhaag-process-steps__step-details--hidden{display:none}.denhaag-process-steps__step-body{position:relative}.denhaag-process-steps__step-meta{position:relative;margin-inline-start:calc(var(--denhaag-step-marker-size) + 16px);font-size:var(--denhaag-process-steps-step-meta-font-size);color:var(--denhaag-process-steps-step-meta-color)}.denhaag-process-steps__step-meta--date{font-size:var(--denhaag-process-steps-step-meta-date-font-size, var(--denhaag-process-steps-step-meta-font-size));color:var(--denhaag-process-steps-step-meta-date-color, var(--denhaag-process-steps-step-meta-color))}.denhaag-process-steps__step-meta--nested{font-size:var(--denhaag-process-steps-step-meta-nested-font-size, var(--denhaag-process-steps-step-meta-font-size));margin-block-start:var(--denhaag-process-steps-step-meta-nested-margin-block-start);margin-inline-start:48px}.denhaag-process-steps__sub-step{position:relative;margin-block-start:var(--denhaag-process-steps-sub-step-distance)}.denhaag-process-steps__sub-step-heading{margin-block-end:0;margin-block-start:0;}.denhaag-step-marker{position:relative;z-index:1;align-items:center;background-color:var(--denhaag-step-marker-background-color);block-size:var(--denhaag-step-marker-size);border-style:solid;border-width:var(--denhaag-step-marker-border-width);border-color:var(--denhaag-step-marker-border-color, transparent);border-radius:var(--denhaag-step-marker-border-radius, 50%);box-sizing:border-box;color:var(--denhaag-step-marker-color);display:flex;flex-grow:0;font-family:var(--denhaag-step-marker-font-family);font-size:var(--denhaag-step-marker-font-size);font-weight:var(--denhaag-step-marker-font-weight);inline-size:var(--denhaag-step-marker-size);justify-content:center;margin-block-end:var(--denhaag-step-marker-margin);margin-block-start:var(--denhaag-step-marker-margin);padding-inline-end:0;min-inline-size:var(--denhaag-step-marker-min-size, var(--denhaag-step-marker-size));min-block-size:var(--denhaag-step-marker-min-size, var(--denhaag-step-marker-size))}.denhaag-step-marker .denhaag-icon{block-size:var(--denhaag-step-marker-icon-size);inline-size:var(--denhaag-step-marker-icon-size)}.denhaag-step-marker--nested{block-size:var(--denhaag-step-marker-nested-size);min-block-size:var(--denhaag-step-marker-nested-min-size, var(--denhaag-step-marker-nested-size));min-inline-size:var(--denhaag-step-marker-nested-min-size, var(--denhaag-step-marker-nested-size));inline-size:var(--denhaag-step-marker-nested-size);border-width:var(--denhaag-step-marker-nested-border-width, var(--denhaag-step-marker-border-width));margin-inline-start:calc((var(--denhaag-step-marker-size) - var(--denhaag-step-marker-nested-size)) / 2)}.denhaag-step-marker--nested .denhaag-icon{block-size:var(--denhaag-step-marker-nested-icon-size);inline-size:var(--denhaag-step-marker-nested-icon-size)}.denhaag-step-marker--not-checked{background-color:var(--denhaag-step-marker-not-checked-background-color);border-color:var(--denhaag-step-marker-not-checked-border-color);color:var(--denhaag-step-marker-not-checked-color)}.denhaag-step-marker--not-checked.denhaag-step-marker--nested{background-color:var(--denhaag-step-marker-not-checked-nested-background-color, var(--denhaag-step-marker-not-checked-background-color));border-color:var(--denhaag-step-marker-not-checked-nested-border-color, var(--denhaag-step-marker-not-checked-border-color));color:var(--denhaag-step-marker-not-checked-nested-color, var(--denhaag-step-marker-not-checked-color))}.denhaag-step-marker--checked{background-color:var(--denhaag-step-marker-checked-background-color);border-color:var(--denhaag-step-marker-checked-border-color);color:var(--denhaag-step-marker-checked-color)}.denhaag-step-marker--checked.denhaag-step-marker--nested{background-color:var(--denhaag-step-marker-checked-nested-background-color, var(--denhaag-step-marker-checked-background-color));border-color:var(--denhaag-step-marker-checked-nested-border-color, var(--denhaag-step-marker-checked-border-color));color:var(--denhaag-step-marker-checked-nested-color, var(--denhaag-step-marker-checked-color))}.denhaag-step-marker--current{background-color:var(--denhaag-step-marker-current-background-color);border-color:var(--denhaag-step-marker-current-border-color);color:var(--denhaag-step-marker-current-color)}.denhaag-step-marker--current.denhaag-step-marker--nested{background-color:var(--denhaag-step-marker-current-nested-background-color, var(--denhaag-step-marker-current-background-color));border-color:var(--denhaag-step-marker-current-nested-border-color, var(--denhaag-step-marker-current-border-color));color:var(--denhaag-step-marker-current-nested-color, var(--denhaag-step-marker-current-color))}.denhaag-step-marker--disabled{background-color:var(--denhaag-step-marker-disabled-background-color);border-color:var(--denhaag-step-marker-disabled-border-color);color:var(--denhaag-step-marker-disabled-color)}.denhaag-step-marker--disabled.denhaag-step-marker--nested{background-color:var(--denhaag-step-marker-disabled-nested-background-color, var(--denhaag-step-marker-disabled-background-color));border-color:var(--denhaag-step-marker-disabled-nested-border-color, var(--denhaag-step-marker-disabled-border-color));color:var(--denhaag-step-marker-disabled-nested-color, var(--denhaag-step-marker-disabled-color))}.denhaag-step-marker--warning{background-color:var(--denhaag-step-marker-warning-background-color);border-color:var(--denhaag-step-marker-warning-border-color);color:var(--denhaag-step-marker-warning-color)}.denhaag-step-marker--warning.denhaag-step-marker--nested{background-color:var(--denhaag-step-marker-warning-nested-background-color, var(--denhaag-step-marker-warning-background-color));border-color:var(--denhaag-step-marker-warning-nested-border-color, var(--denhaag-step-marker-warning-border-color));color:var(--denhaag-step-marker-warning-nested-color, var(--denhaag-step-marker-warning-color))}.denhaag-step-marker--error{background-color:var(--denhaag-step-marker-error-background-color);border-color:var(--denhaag-step-marker-error-border-color);color:var(--denhaag-step-marker-error-color)}.denhaag-step-marker--error.denhaag-step-marker--nested{background-color:var(--denhaag-step-marker-error-nested-background-color, var(--denhaag-step-marker-error-background-color));border-color:var(--denhaag-step-marker-error-nested-border-color, var(--denhaag-step-marker-error-border-color));color:var(--denhaag-step-marker-error-nested-color, var(--denhaag-step-marker-error-color))}.denhaag-step-marker--default{background-color:var(--denhaag-step-marker-default-background-color);border-color:var(--denhaag-step-marker-default-border-color);color:var(--denhaag-step-marker-default-color)}.denhaag-step-marker--default.denhaag-step-marker--nested{background-color:var(--denhaag-step-marker-default-nested-background-color, var(--denhaag-step-marker-default-background-color));border-color:var(--denhaag-step-marker-default-nested-border-color, var(--denhaag-step-marker-default-border-color));color:var(--denhaag-step-marker-default-nested-color, var(--denhaag-step-marker-default-color))}.denhaag-step-marker__connector{position:absolute;left:calc(var(--denhaag-step-marker-size) / 2);top:0;height:100%;outline:var(--denhaag-step-marker-connector-width, 1px) var(--denhaag-step-marker-connector-style, dashed) var(--denhaag-step-marker-connector-color)}.denhaag-step-marker__connector--main-to-main{top:calc(-1 * var(--denhaag-step-marker-size) / 2);padding-block-end:calc(var(--denhaag-process-steps-step-distance) + var(--denhaag-step-marker-size))}.denhaag-step-marker__connector--main-to-nested{top:calc(-1 * var(--denhaag-step-marker-size) / 2);padding-block-end:calc(var(--denhaag-process-steps-step-distance) + var(--denhaag-step-marker-nested-size))}.denhaag-step-marker__connector--nested-to-nested{top:var(--denhaag-step-marker-nested-size);padding-block-end:var(--denhaag-process-steps-sub-step-distance)}.denhaag-step-marker__connector--nested-to-main{top:var(--denhaag-step-marker-nested-size);padding-block-end:var(--denhaag-process-steps-step-distance)}.denhaag-step-marker__connector--not-checked{outline-width:var(--denhaag-step-marker-connector-not-checked-outline-width, var(--denhaag-step-marker-connector-outline-width, 1px));outline-style:var(--denhaag-step-marker-connector-not-checked-outline-style, dashed);outline-color:var(--denhaag-step-marker-connector-not-checked-outline-color, var(--denhaag-step-marker-connector-outline-color))}.denhaag-step-marker__connector--checked,.denhaag-step-marker__connector--current{outline-width:var(--denhaag-step-marker-connector-checked-outline-width, var(--denhaag-step-marker-connector-outline-width, 1px));outline-style:var(--denhaag-step-marker-connector-checked-outline-style, solid);outline-color:var(--denhaag-step-marker-connector-checked-outline-color, var(--denhaag-step-marker-connector-outline-color))}.denhaag-step-marker__connector--warning{outline-width:var(--denhaag-step-marker-connector-warning-outline-width, var(--denhaag-step-marker-connector-outline-width, 1px));outline-style:var(--denhaag-step-marker-connector-warning-outline-style, solid);outline-color:var(--denhaag-step-marker-connector-warning-outline-color, var(--denhaag-step-marker-connector-outline-color))}.denhaag-step-marker__connector--error{outline-width:var(--denhaag-step-marker-connector-error-outline-width, var(--denhaag-step-marker-connector-outline-width, 1px));outline-style:var(--denhaag-step-marker-connector-error-outline-style, solid);outline-color:var(--denhaag-step-marker-connector-error-outline-color, var(--denhaag-step-marker-connector-outline-color))}.denhaag-step-marker__connector--default{outline-width:var(--denhaag-step-marker-connector-default-outline-width, var(--denhaag-step-marker-connector-outline-width, 1px));outline-style:var(--denhaag-step-marker-connector-default-outline-style, solid);outline-color:var(--denhaag-step-marker-connector-default-outline-color, var(--denhaag-step-marker-connector-outline-color))}:host{display:contents}:host([hidden]){display:none !important}";const n=a;const o=class{constructor(r){e(this,r)}render(){return r("ol",{key:"1a654d30fa474ca3e06c030ef911d0ce8a13a47d",class:"denhaag-process-steps"},r("slot",{key:"506328c3eb1a384fcbed44327c0e116390fe6de1"}))}};o.style=n;export{o as utrecht_progress_list};
2	+ //# sourceMappingURL=p-161ae02f.entry.js.map

package/dist/utrecht/{p-9bbd5241.entry.js.map → p-161ae02f.entry.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["progressListCss","UtrechtProgressListStyle0","StepProgressList","render","h","key","class"],"sources":["src/components/progress-list.scss?tag=utrecht-progress-list&encapsulation=shadow","src/components/progress-list.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n /\n\n@import \"~@gemeente-denhaag/process-steps/dist/index.css\";\n@import \"~@gemeente-denhaag/step-marker/dist/index.css\";\n\n:host {\n display: contents;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-progress-list',\n styleUrl: 'progress-list.scss',\n shadow: true,\n})\nexport class StepProgressList {\n render() {\n return (\n <ol class=\"denhaag-process-steps\">\n <slot></slot>\n </ol>\n );\n }\n}\n"],"mappings":"2CAAA,MAAMA,EAAkB,~~goZACxB~~,MAAAC,EAAeD,E,MCYFE,EAAgB,M,yBAC3B,MAAAC,GACE,OACEC,EAAA,MAAAC,IAAA,2CAAIC,MAAM,yBACRF,EAAA,QAAAC,IAAA,6C","ignoreList":[]}
1	+ {"version":3,"names":["progressListCss","UtrechtProgressListStyle0","StepProgressList","render","h","key","class"],"sources":["src/components/progress-list.scss?tag=utrecht-progress-list&encapsulation=shadow","src/components/progress-list.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n /\n\n@import \"~@gemeente-denhaag/process-steps/dist/index.css\";\n@import \"~@gemeente-denhaag/step-marker/dist/index.css\";\n\n:host {\n display: contents;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-progress-list',\n styleUrl: 'progress-list.scss',\n shadow: true,\n})\nexport class StepProgressList {\n render() {\n return (\n <ol class=\"denhaag-process-steps\">\n <slot></slot>\n </ol>\n );\n }\n}\n"],"mappings":"2CAAA,MAAMA,EAAkB,k4ZACxB,MAAAC,EAAeD,E,MCYFE,EAAgB,M,yBAC3B,MAAAC,GACE,OACEC,EAAA,MAAAC,IAAA,2CAAIC,MAAM,yBACRF,EAAA,QAAAC,IAAA,6C","ignoreList":[]}

package/dist/utrecht/p-1c7451c7.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as e,h as t,H as r}from"./p-8dcab6dc.js";const a=":host{--_utrecht-table-header-cell-vertical-align:bottom;--_utrecht-table-header-cell-z-index:8;background-color:var(--utrecht-table-header-background-color, transparent);break-inside:avoid;color:var(--utrecht-table-header-color);font-weight:var(--utrecht-table-header-font-weight);text-transform:var(--utrecht-table-header-text-transform);display:table-header-group}";const o=a;const c=class{constructor(t){e(this,t)}render(){return t(r,{key:"c5bb707b76ded6cde128a98a1a9dd7735cd4eeb3",role:"rowgroup"},t("slot",{key:"c198a8ef32cfeff840a33e7501af188850605dc0"}))}};c.style=o;export{c as utrecht_table_header};
2	+ //# sourceMappingURL=p-1c7451c7.entry.js.map

package/dist/utrecht/{p-9dd388f5.entry.js.map → p-1c7451c7.entry.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["tableHeaderCss","UtrechtTableHeaderStyle0","TableHeader","render","h","Host","key","role"],"sources":["src/components/table-header.scss?tag=utrecht-table-header&encapsulation=shadow","src/components/table-header.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n /\n\n@use \"~@utrecht/table-css/src/mixin\" as ;\n\n:host {\n @include utrecht-table__header;\n\n display: table-header-group;\n}\n","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-table-header',\n styleUrl: 'table-header.scss',\n shadow: true,\n})\nexport class TableHeader {\n render() {\n return (\n <Host role=\"rowgroup\">\n <slot></slot>\n </Host>\n );\n }\n}\n"],"mappings":"kDAAA,MAAMA,EAAiB,~~0YACvB~~,MAAAC,EAAeD,E,MCMFE,EAAW,M,yBACtB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,YACTH,EAAA,QAAAE,IAAA,6C","ignoreList":[]}
1	+ {"version":3,"names":["tableHeaderCss","UtrechtTableHeaderStyle0","TableHeader","render","h","Host","key","role"],"sources":["src/components/table-header.scss?tag=utrecht-table-header&encapsulation=shadow","src/components/table-header.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n /\n\n@use \"~@utrecht/table-css/src/mixin\" as ;\n\n:host {\n @include utrecht-table__header;\n\n display: table-header-group;\n}\n","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-table-header',\n styleUrl: 'table-header.scss',\n shadow: true,\n})\nexport class TableHeader {\n render() {\n return (\n <Host role=\"rowgroup\">\n <slot></slot>\n </Host>\n );\n }\n}\n"],"mappings":"kDAAA,MAAMA,EAAiB,kXACvB,MAAAC,EAAeD,E,MCMFE,EAAW,M,yBACtB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,YACTH,EAAA,QAAAE,IAAA,6C","ignoreList":[]}

package/dist/utrecht/p-28822e27.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as t,h as r}from"./p-8dcab6dc.js";import{c as a}from"./p-e91d8a25.js";const e=".utrecht-backdrop{--_utrecht-backdrop-opacity:var(--utrecht-backdrop-opacity);--_utrecht-backdrop-fade-in-animation-duration:var(--utrecht-backdrop-fade-in-animation-duration, 0);animation-duration:min(var(--utrecht-motion-max-animation-duration, var(--_utrecht-backdrop-fade-in-animation-duration)), var(--_utrecht-backdrop-fade-in-animation-duration, 0));animation-name:utrecht-backdrop-fade-in;animation-timing-function:ease-in-out;background-color:var(--utrecht-backdrop-background-color);color:var(--utrecht-backdrop-color);opacity:var(--_utrecht-backdrop-opacity);-webkit-user-select:none;user-select:none}@keyframes utrecht-backdrop-fade-in{from{opacity:0%}to{opacity:var(--_utrecht-backdrop-opacity)}}@media (prefers-reduced-motion: reduce){.utrecht-backdrop{--_utrecht-backdrop-fade-in-animation-duration:0}}@media (prefers-reduced-transparency: reduce){.utrecht-backdrop{--_utrecht-backdrop-opacity:var(--utrecht-backdrop-reduced-transparency-opacity, 100%)}}.utrecht-backdrop{display:block;inset-block-end:0;inset-block-start:0;inset-inline-end:0;inset-inline-start:0;position:absolute;z-index:var(--utrecht-backdrop-z-index)}.utrecht-backdrop--reduced-motion{--_utrecht-backdrop-fade-in-animation-duration:0}.utrecht-backdrop--reduced-transparency{--_utrecht-backdrop-opacity:var(--utrecht-backdrop-reduced-transparency-opacity, 100%)}.utrecht-backdrop--viewport{position:fixed}:host{display:block}:host([hidden]){display:none !important}";const c=e;const o=class{constructor(r){t(this,r);this.viewport=undefined}render(){const{viewport:t}=this;return r("div",{key:"a6164e33edca910e3e4723583ade6cfee616cbdc",class:a("utrecht-backdrop",t&&"utrecht-backdrop--viewport")},r("slot",{key:"f46cad65a192d1bd5e319eb69e5fb2347205129f"}))}};o.style=c;export{o as utrecht_backdrop};
2	+ //# sourceMappingURL=p-28822e27.entry.js.map

package/dist/utrecht/{p-082d31b2.entry.js.map → p-28822e27.entry.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["backdropCss","UtrechtBackdropStyle0","Backdrop","render","viewport","this","h","key","class","clsx"],"sources":["src/components/backdrop.scss?tag=utrecht-backdrop&encapsulation=shadow","src/components/backdrop.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n /\n\n@use \"~@utrecht/backdrop-css/src\" as ;\n\n:host {\n display: block;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport { Component, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n tag: 'utrecht-backdrop',\n styleUrl: 'backdrop.scss',\n shadow: true,\n})\nexport class Backdrop {\n @Prop() viewport: boolean;\n render() {\n const { viewport } = this;\n return (\n <div class={clsx('utrecht-backdrop', viewport && 'utrecht-backdrop--viewport')}>\n <slot />\n </div>\n );\n }\n}\n"],"mappings":"+EAAA,MAAMA,EAAc,~~25CACpB~~,MAAAC,EAAeD,E,MCaFE,EAAQ,M,iDAEnB,MAAAC,GACE,MAAMC,SAAEA,GAAaC,KACrB,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAOC,EAAK,mBAAoBL,GAAY,+BAC/CE,EAAA,QAAAC,IAAA,6C","ignoreList":[]}
1	+ {"version":3,"names":["backdropCss","UtrechtBackdropStyle0","Backdrop","render","viewport","this","h","key","class","clsx"],"sources":["src/components/backdrop.scss?tag=utrecht-backdrop&encapsulation=shadow","src/components/backdrop.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n /\n\n@use \"~@utrecht/backdrop-css/src\" as ;\n\n:host {\n display: block;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport { Component, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n tag: 'utrecht-backdrop',\n styleUrl: 'backdrop.scss',\n shadow: true,\n})\nexport class Backdrop {\n @Prop() viewport: boolean;\n render() {\n const { viewport } = this;\n return (\n <div class={clsx('utrecht-backdrop', viewport && 'utrecht-backdrop--viewport')}>\n <slot />\n </div>\n );\n }\n}\n"],"mappings":"+EAAA,MAAMA,EAAc,66CACpB,MAAAC,EAAeD,E,MCaFE,EAAQ,M,iDAEnB,MAAAC,GACE,MAAMC,SAAEA,GAAaC,KACrB,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAOC,EAAK,mBAAoBL,GAAY,+BAC/CE,EAAA,QAAAC,IAAA,6C","ignoreList":[]}

package/dist/utrecht/p-54afb1bf.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as n,h as i}from"./p-8dcab6dc.js";const e=":host{block-size:100%;margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0;padding-block-end:0;padding-block-start:0;padding-inline-end:0;padding-inline-start:0}@media screen{:host{min-block-size:100vh;min-block-size:100vb}}:host([hidden]){display:none !important}";const t=e;const d=class{constructor(i){n(this,i)}render(){return i("slot",{key:"3ce9d330f587ae850baee2d58c1d48185814525a"})}};d.style=t;export{d as utrecht_body};
2	+ //# sourceMappingURL=p-54afb1bf.entry.js.map

package/dist/utrecht/{p-8061ad92.entry.js.map → p-54afb1bf.entry.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["bodyCss","UtrechtBodyStyle0","~~Root~~","render","h","key"],"sources":["src/components/body.scss?tag=utrecht-body&encapsulation=shadow","src/components/body.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n /\n\n@use \"~@utrecht/body-css/src/mixin\" as ;\n\n:host {\n @include utrecht-body;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-body',\n styleUrl: 'body.scss',\n shadow: true,\n})\nexport class ~~Root~~ {\n render() {\n return <slot></slot>;\n }\n}\n"],"mappings":"2CAAA,MAAMA,EAAU,~~wfAChB~~,MAAAC,EAAeD,E,MCYFE,EAAI,M,yBACf,MAAAC,GACE,OAAOC,EAAA,QAAAC,IAAA,4C","ignoreList":[]}
1	+ {"version":3,"names":["bodyCss","UtrechtBodyStyle0","Body","render","h","key"],"sources":["src/components/body.scss?tag=utrecht-body&encapsulation=shadow","src/components/body.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n /\n\n@use \"~@utrecht/body-css/src/mixin\" as ;\n\n:host {\n @include utrecht-body;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-body',\n styleUrl: 'body.scss',\n shadow: true,\n})\nexport class Body {\n render() {\n return <slot></slot>;\n }\n}\n"],"mappings":"2CAAA,MAAMA,EAAU,wSAChB,MAAAC,EAAeD,E,MCYFE,EAAI,M,yBACf,MAAAC,GACE,OAAOC,EAAA,QAAAC,IAAA,4C","ignoreList":[]}

package/dist/utrecht/p-56bc0920.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as t,h as r}from"./p-8dcab6dc.js";const e='@charset "UTF-8";.utrecht-html article{max-inline-size:var(--utrecht-article-max-inline-size)}.utrecht-html blockquote{background-color:var(--utrecht-blockquote-background-color);border-color:var(--utrecht-blockquote-border-color);border-radius:var(--utrecht-blockquote-border-radius, 0);border-style:solid;border-width:var(--utrecht-blockquote-border-width, 0);border-inline-start-width:var(--utrecht-blockquote-border-inline-start-width, var(--utrecht-blockquote-border-width, 0));color:var(--utrecht-blockquote-color);display:flex;flex-direction:column;font-family:var(--utrecht-document-font-family);font-size:var(--utrecht-blockquote-font-size);font-style:var(--utrecht-blockquote-font-style);margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-blockquote-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-blockquote-margin-block-start, 0));margin-inline-end:var(--utrecht-blockquote-margin-inline-end);margin-inline-start:var(--utrecht-blockquote-margin-inline-start);padding-block-end:var(--utrecht-blockquote-padding-block-end);padding-block-start:var(--utrecht-blockquote-padding-block-start);padding-inline-end:var(--utrecht-blockquote-padding-inline-end);padding-inline-start:var(--utrecht-blockquote-padding-inline-start);row-gap:var(--utrecht-blockquote-row-gap, 0);--utrecht-document-color:var(--utrecht-blockquote-content-color, inherit);--utrecht-paragraph-font-size:var(--utrecht-blockquote-content-font-size, inherit);color:var(--utrecht-blockquote-content-color, inherit);font-size:var(--utrecht-blockquote-content-font-size, inherit);--utrecht-space-around:1}.utrecht-html input[type=button i],.utrecht-html input[type=reset i],.utrecht-html input[type=submit i],.utrecht-html button{--_utrecht-button-background-color:var(\n --_utrecht-button-hint-background-color,\n var(--_utrecht-button-appearance-background-color, var(--utrecht-button-background-color))\n );--_utrecht-button-color:var(\n --_utrecht-button-hint-color,\n var(--_utrecht-button-appearance-color, var(--utrecht-button-color))\n );--_utrecht-button-border-color:var(\n --_utrecht-button-hint-border-color,\n var(--_utrecht-button-appearance-border-color, var(--utrecht-button-border-color, transparent))\n );--_utrecht-button-border-bottom-color:var(\n --_utrecht-button-hint-border-bottom-color,\n var(\n --_utrecht-button-hint-border-color,\n var(\n --_utrecht-button-appearance-border-bottom-color,\n var(\n --_utrecht-button-appearance-border-color,\n var(--utrecht-button-border-bottom-color, var(--utrecht-button-border-color, transparent))\n )\n )\n )\n );--_utrecht-button-disabled-background-color:var(\n --_utrecht-button-hint-disabled-background-color,\n var(\n --_utrecht-button-appearance-disabled-background-color,\n var(--utrecht-button-disabled-background-color, var(--utrecht-button-background-color))\n )\n );--_utrecht-button-disabled-border-color:var(\n --_utrecht-button-hint-disabled-border-color,\n var(\n --_utrecht-button-appearance-disabled-border-color,\n var(--utrecht-button-disabled-border-color, var(--utrecht-button-border-color))\n )\n );--_utrecht-button-disabled-color:var(\n --_utrecht-button-hint-disabled-color,\n var(--_utrecht-button-appearance-disabled-color, var(--utrecht-button-disabled-color, var(--utrecht-button-color)))\n );--_utrecht-button-pressed-background-color:var(\n --_utrecht-button-hint-pressed-background-color,\n var(\n --_utrecht-button-hint-background-color,\n var(\n --_utrecht-button-appearance-pressed-background-color,\n var(\n --_utrecht-button-appearance-background-color,\n var(--utrecht-button-pressed-background-color, var(--utrecht-button-background-color))\n )\n )\n )\n );--_utrecht-button-pressed-border-color:var(\n --_utrecht-button-hint-pressed-border-color,\n var(\n --_utrecht-button-hint-border-color,\n var(\n --_utrecht-button-appearance-pressed-border-color,\n var(\n --_utrecht-button-appearance-border-color,\n var(--utrecht-button-pressed-border-color, var(--utrecht-button-border-color))\n )\n )\n )\n );--_utrecht-button-pressed-color:var(\n --_utrecht-button-hint-pressed-color,\n var(\n --_utrecht-button-hint-color,\n var(\n --_utrecht-button-appearance-pressed-color,\n var(--_utrecht-button-appearance-color, var(--utrecht-button-pressed-color, var(--utrecht-button-color)))\n )\n )\n );--_utrecht-button-focus-background-color:var(\n --_utrecht-button-hint-focus-background-color,\n var(\n --_utrecht-button-hint-background-color,\n var(\n --_utrecht-button-appearance-focus-background-color,\n var(\n --_utrecht-button-appearance-background-color,\n var(--utrecht-button-focus-background-color, var(--utrecht-button-background-color))\n )\n )\n )\n );--_utrecht-button-focus-border-color:var(\n --_utrecht-button-hint-focus-border-color,\n var(\n --_utrecht-button-hint-border-color,\n var(\n --_utrecht-button-appearance-focus-border-color,\n var(\n --_utrecht-button-appearance-border-color,\n var(--utrecht-button-focus-border-color, var(--utrecht-button-border-color))\n )\n )\n )\n );--_utrecht-button-focus-color:var(\n --_utrecht-button-hint-focus-color,\n var(\n --_utrecht-button-hint-color,\n var(\n --_utrecht-button-appearance-focus-color,\n var(--_utrecht-button-appearance-color, var(--utrecht-button-focus-color, var(--utrecht-button-color)))\n )\n )\n );--_utrecht-button-hover-background-color:var(\n --_utrecht-button-hint-hover-background-color,\n var(\n --_utrecht-button-hint-background-color,\n var(\n --_utrecht-button-appearance-hover-background-color,\n var(\n --_utrecht-button-appearance-background-color,\n var(--utrecht-button-hover-background-color, var(--utrecht-button-background-color))\n )\n )\n )\n );--_utrecht-button-hover-border-color:var(\n --_utrecht-button-hint-hover-border-color,\n var(\n --_utrecht-button-hint-border-color,\n var(\n --_utrecht-button-appearance-hover-border-color,\n var(\n --_utrecht-button-appearance-border-color,\n var(--utrecht-button-hover-border-color, var(--utrecht-button-border-color))\n )\n )\n )\n );--_utrecht-button-hover-color:var(\n --_utrecht-button-hint-hover-color,\n var(\n --_utrecht-button-hint-color,\n var(\n --_utrecht-button-appearance-hover-color,\n var(--_utrecht-button-appearance-color, var(--utrecht-button-hover-color, var(--utrecht-button-color)))\n )\n )\n );--_utrecht-button-active-background-color:var(\n --_utrecht-button-hint-active-background-color,\n var(\n --_utrecht-button-hint-background-color,\n var(\n --_utrecht-button-appearance-active-background-color,\n var(\n --_utrecht-button-appearance-background-color,\n var(--utrecht-button-active-background-color, var(--utrecht-button-background-color))\n )\n )\n )\n );--_utrecht-button-active-border-color:var(\n --_utrecht-button-hint-active-border-color,\n var(\n --_utrecht-button-hint-border-color,\n var(\n --_utrecht-button-appearance-active-border-color,\n var(\n --_utrecht-button-appearance-border-color,\n var(--utrecht-button-active-border-color, var(--utrecht-button-border-color))\n )\n )\n )\n );--_utrecht-button-active-color:var(\n --_utrecht-button-hint-active-color,\n var(\n --_utrecht-button-hint-color,\n var(\n --_utrecht-button-appearance-active-color,\n var(--_utrecht-button-appearance-color, var(--utrecht-button-active-color, var(--utrecht-button-color)))\n )\n )\n );--_utrecht-button-border-width:var(--_utrecht-button-appearance-border-width, var(--utrecht-button-border-width, 0));--_utrecht-button-border-block-end-width:var(\n --utrecht-button-border-bottom-width,\n var(--_utrecht-button-border-width, 0)\n );--_utrecht-button-font-size:var(--_utrecht-button-appearance-font-size, var(--utrecht-button-font-size));--_utrecht-button-line-height:var(--_utrecht-button-appearance-line-height, var(--utrecht-button-line-height));--utrecht-icon-size:var(--utrecht-button-icon-size, 1em);align-items:center;background-color:var(--_utrecht-button-background-color);block-size:fit-content;border-block-end-color:var(--_utrecht-button-border-bottom-color);border-block-end-width:var(--_utrecht-button-border-block-end-width);border-color:var(--_utrecht-button-border-color);border-radius:var(--utrecht-button-border-radius);border-style:solid;border-width:var(--_utrecht-button-border-width);box-sizing:border-box;color:var(--_utrecht-button-color);column-gap:var(--utrecht-button-column-gap);cursor:var(--utrecht-action-activate-cursor, revert);display:inline-flex;font-family:var(--utrecht-button-font-family, var(--utrecht-document-font-family));font-size:var(--_utrecht-button-font-size, var(--utrecht-document-font-family, inherit));font-weight:var(--_utrecht-button-appearance-font-weight, var(--utrecht-button-font-weight));inline-size:var(--utrecht-button-inline-size, auto);justify-content:var(--utrecht-button-justify-content, center);line-height:var(--_utrecht-button-line-height);max-inline-size:var(--utrecht-button-max-inline-size, fit-content);min-block-size:var(--utrecht-button-min-block-size, 44px);min-inline-size:var(--utrecht-button-min-inline-size, 44px);padding-block-end:var(--utrecht-button-padding-block-end);padding-block-start:var(--utrecht-button-padding-block-start);padding-inline-end:var(--utrecht-button-padding-inline-end);padding-inline-start:var(--utrecht-button-padding-inline-start);scale:1;text-transform:var(--utrecht-button-text-transform);-webkit-user-select:none;user-select:none;margin-block-end:var(--utrecht-button-margin-block-end);margin-block-start:var(--utrecht-button-margin-block-start);margin-inline-end:var(--utrecht-button-margin-inline-end);margin-inline-start:var(--utrecht-button-margin-inline-start)}.utrecht-html button[hidden]{display:none}.utrecht-html button[type=submit i],.utrecht-html input[type=submit i]{cursor:var(--utrecht-action-submit-cursor, revert)}.utrecht-html button:disabled,.utrecht-html button[aria-disabled=true]{background-color:var(--_utrecht-button-disabled-background-color);border-color:var(--_utrecht-button-disabled-border-color);color:var(--_utrecht-button-disabled-color);cursor:var(--utrecht-action-disabled-cursor, not-allowed)}.utrecht-html button[aria-busy=true],.utrecht-html button[aria-disabled=true][aria-busy=true],.utrecht-html button:disabled[aria-busy=true]{cursor:var(--utrecht-action-busy-cursor, wait)}.utrecht-html button:active:not([aria-disabled=true],:disabled){background-color:var(--_utrecht-button-active-background-color);border-color:var(--_utrecht-button-active-border-color);color:var(--_utrecht-button-active-color)}.utrecht-html button:hover:not([aria-disabled=true],:disabled){background-color:var(--_utrecht-button-hover-background-color);border-color:var(--_utrecht-button-hover-border-color);color:var(--_utrecht-button-hover-color);scale:var(--utrecht-button-hover-scale, 1)}.utrecht-html button:focus:not([aria-disabled=true],:disabled){background-color:var(--_utrecht-button-focus-background-color);border-color:var(--_utrecht-button-focus-border-color);color:var(--_utrecht-button-focus-color);scale:var(--utrecht-button-focus-scale, 1)}.utrecht-html{}.utrecht-html button: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);z-index:1}.utrecht-html input[type=checkbox i]{margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0;cursor:var(--utrecht-action-activate-cursor, revert);-webkit-user-select:none;user-select:none}.utrecht-html input[type=checkbox i]:disabled{cursor:var(--utrecht-action-disabled-cursor, revert)}.utrecht-html input[type=checkbox i] :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);z-index:1}.utrecht-html body{-webkit-font-smoothing:auto !important;-moz-osx-font-smoothing:auto !important;color:var(--utrecht-document-color, inherit);font-family:var(--utrecht-document-font-family, inherit);font-size:var(--utrecht-document-font-size, inherit);font-weight:var(--utrecht-document-font-weight, inherit);line-height:var(--utrecht-document-line-height, inherit);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}.utrecht-html body :lang(ar){letter-spacing:0 !important}.utrecht-html body{background-color:var(--utrecht-document-background-color, inherit)}.utrecht-html code{background-color:var(--utrecht-code-background-color);color:var(--utrecht-code-color);font-family:var(--utrecht-code-font-family, monospace), monospace;font-size:var(--utrecht-code-font-size, inherit);font-variant-ligatures:none;line-height:var(--utrecht-code-line-height)}.utrecht-html em{font-style:var(--utrecht-emphasis-stressed-font-style, italic)}.utrecht-html strong{font-weight:var(--utrecht-emphasis-strong-font-weight, bold)}.utrecht-html fieldset{margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-form-fieldset-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-form-fieldset-margin-block-start, 0));all:revert;border:0;margin-inline-end:0;margin-inline-start:0;min-inline-size:0;padding-block-end:0;padding-block-start:0.01em;padding-inline-end:0;padding-inline-start:0;--utrecht-space-around:1}.utrecht-html fieldset[hidden]{display:none}.utrecht-html figure{margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-figure-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-figure-margin-block-start, 0));margin-inline-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-figure-margin-inline-end, 0));margin-inline-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-figure-margin-inline-start, 0))}.utrecht-html figcaption{color:var(--utrecht-figure-caption-color);font-size:var(--utrecht-figure-caption-font-size);line-height:var(--utrecht-figure-caption-line-height)}.utrecht-html form{display:block;max-inline-size:var(--utrecht-form-max-inline-size)}.utrecht-html legend{break-after:avoid-page;break-inside:avoid-page;color:var(--utrecht-form-fieldset-legend-color, var(--utrecht-document-color, inherit));font-family:var(--utrecht-form-fieldset-legend-font-family, var(--utrecht-document-font-family));font-size:var(--utrecht-form-fieldset-legend-font-size);font-weight:var(--utrecht-form-fieldset-legend-font-weight);line-height:var(--utrecht-form-fieldset-legend-line-height);display:table;inline-size:100%;padding-inline-end:0;padding-inline-start:0;margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-form-fieldset-legend-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-form-fieldset-legend-margin-block-start, 0))}.utrecht-html legend[hidden]{display:none}.utrecht-html fieldset:disabled>legend{color:var(--utrecht-form-fieldset-legend-disabled-color, var(--utrecht-form-fieldset-legend-color, var(--utrecht-document-color, inherit)))}.utrecht-html label{color:var(--utrecht-form-label-color);font-size:var(--utrecht-form-label-font-size);font-weight:var(--utrecht-form-label-font-weight)}.utrecht-html input[type=checkbox i]~label,.utrecht-html label:has(input[type=checkbox i]){color:var(--utrecht-form-label-checkbox-color, var(--utrecht-form-label-color));cursor:var(--utrecht-action-activate-cursor, revert);font-weight:var(--utrecht-form-label-checkbox-font-weight, var(--utrecht-form-label-font-weight))}.utrecht-html input[type=radio i]~label,.utrecht-html label:has(input[type=radio i]){color:var(--utrecht-form-label-checkbox-color, var(--utrecht-form-label-color));cursor:var(--utrecht-action-activate-cursor, revert);font-weight:var(--utrecht-form-label-radio-font-weight, var(--utrecht-form-label-font-weight))}.utrecht-html mark{background-color:var(--utrecht-mark-background-color, revert);color:var(--utrecht-mark-color, revert)}@media print{.utrecht-html mark{outline-color:currentColor;outline-style:dotted;outline-width:0.1em}}@media screen and (-ms-high-contrast: active){.utrecht-html mark{background-color:Highlight;color:HighlightText}}.utrecht-html h1{break-after:avoid;break-inside:avoid-column;break-inside:avoid;break-after:avoid-page;color:var(--utrecht-heading-1-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-1-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-1-font-size, revert);font-weight:var(--utrecht-heading-1-font-weight, var(--utrecht-heading-font-weight, bold));line-height:var(--utrecht-heading-1-line-height);margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-1-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-1-margin-block-start, 0));--utrecht-space-around:1}.utrecht-html h2{break-after:avoid;break-inside:avoid-column;break-inside:avoid;break-after:avoid-page;color:var(--utrecht-heading-2-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-2-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-2-font-size, revert);font-weight:var(--utrecht-heading-2-font-weight, var(--utrecht-heading-font-weight, bold));line-height:var(--utrecht-heading-2-line-height);margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-2-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-2-margin-block-start, 0));--utrecht-space-around:1}.utrecht-html h3{break-after:avoid;break-inside:avoid-column;break-inside:avoid;break-after:avoid-page;color:var(--utrecht-heading-3-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-3-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-3-font-size, revert);font-weight:var(--utrecht-heading-3-font-weight, var(--utrecht-heading-font-weight, bold));line-height:var(--utrecht-heading-3-line-height);margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-3-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-3-margin-block-start, 0));--utrecht-space-around:1}.utrecht-html h4{break-after:avoid;break-inside:avoid-column;break-inside:avoid;break-after:avoid-page;color:var(--utrecht-heading-4-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-4-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-4-font-size, revert);font-weight:var(--utrecht-heading-4-font-weight, var(--utrecht-heading-font-weight, bold));line-height:var(--utrecht-heading-4-line-height);margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-4-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-4-margin-block-start, 0));--utrecht-space-around:1}.utrecht-html h5{break-after:avoid;break-inside:avoid-column;break-inside:avoid;break-after:avoid-page;color:var(--utrecht-heading-5-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-5-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-5-font-size, revert);font-weight:var(--utrecht-heading-5-font-weight, var(--utrecht-heading-font-weight, bold));line-height:var(--utrecht-heading-5-line-height);margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-5-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-5-margin-block-start, 0));--utrecht-space-around:1}.utrecht-html h6{break-after:avoid;break-inside:avoid-column;break-inside:avoid;break-after:avoid-page;color:var(--utrecht-heading-6-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-6-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-6-font-size, revert);font-weight:var(--utrecht-heading-6-font-weight, var(--utrecht-heading-font-weight, bold));line-height:var(--utrecht-heading-6-line-height);margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-6-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-6-margin-block-start, 0));--utrecht-space-around:1}.utrecht-html hgroup{--utrecht-pre-heading-order:-1;display:flex;flex-direction:column;margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-group-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-group-margin-block-start, 0))}.utrecht-html hgroup>{--utrecht-space-around:0}.utrecht-html hgroup{--utrecht-space-around:1}.utrecht-html a{--utrecht-icon-size:var(--utrecht-link-icon-size, 1em);color:var(--_utrecht-link-state-color, var(--utrecht-link-color, var(--_utrecht-link-forced-colors-color)))}.utrecht-html a:visited{--_utrecht-link-forced-colors-color:visitedtext;--_utrecht-link-state-color:var(--utrecht-link-visited-color)}.utrecht-html a:hover{--_utrecht-link-forced-colors-color:linktext;--_utrecht-link-state-color:var(--utrecht-link-hover-color);--_utrecht-link-state-text-decoration:var(--utrecht-link-hover-text-decoration);--_utrecht-link-state-text-decoration-thickness:var(--utrecht-link-hover-text-decoration-thickness);text-decoration-skip:none;text-decoration-skip-ink:none}.utrecht-html a:active{--_utrecht-link-forced-colors-color:activetext;--_utrecht-link-state-color:var(--utrecht-link-active-color)}.utrecht-html a:focus{--_utrecht-link-state-color:var(--utrecht-link-focus-color);background-color:var(--utrecht-link-focus-background-color, transparent);text-decoration-skip:none;text-decoration-skip-ink:none}.utrecht-html a: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);z-index:1;--_utrecht-link-state-text-decoration:var(\n --utrecht-link-focus-visible-text-decoration,\n var(--utrecht-link-focus-text-decoration)\n );--_utrecht-link-state-text-decoration-thickness:var(\n --utrecht-link-focus-visible-text-decoration-thickness,\n var(--utrecht-link-focus-text-decoration-thickness)\n );z-index:var(--utrecht-stack-focus-z-index, 1)}.utrecht-html a[href^="tel:" i]{white-space:nowrap}.utrecht-html ol{box-sizing:border-box;font-family:var(--utrecht-document-font-family, inherit);font-size:var(--utrecht-ordered-list-font-size, var(--utrecht-unordered-list-font-size, var(--utrecht-document-font-size, inherit)));line-height:var(--utrecht-ordered-list-line-height, var(--utrecht-unordered-list-line-height, var(--utrecht-document-line-height, inherit)));list-style-type:decimal;margin-block-end:calc(var(--utrecht-space-around, 0) var(--utrecht-ordered-list-margin-block-end, var(--utrecht-unordered-list-margin-block-end, 0)));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-ordered-list-margin-block-start, var(--utrecht-unordered-list-margin-block-start, 0)));padding-inline-start:var(--utrecht-ordered-list-padding-inline-start, var(--utrecht-unordered-list-padding-inline-start, 2ch));text-align:start;--utrecht-space-around:1}.utrecht-html ol>li{margin-block-end:var(--utrecht-ordered-list-item-margin-block-end, var(--utrecht-unordered-list-item-margin-block-end));margin-block-start:var(--utrecht-ordered-list-item-margin-block-start, var(--utrecht-unordered-list-item-margin-block-start));padding-inline-start:var(--utrecht-ordered-list-item-padding-inline-start, var(--utrecht-unordered-list-item-padding-inline-start, 1ch))}.utrecht-html ol:lang(ar){list-style:arabic-indic}.utrecht-html{}.utrecht-html p{color:var(--utrecht-paragraph-color, var(--utrecht-document-color, inherit));font-family:var(--utrecht-paragraph-font-family, var(--utrecht-document-font-family, inherit));font-size:var(--utrecht-paragraph-font-size, var(--utrecht-document-font-size, inherit));font-weight:var(--utrecht-paragraph-font-weight, inherit);line-height:var(--utrecht-paragraph-line-height, var(--utrecht-document-line-height, inherit));margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-paragraph-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-paragraph-margin-block-start, 0))}.utrecht-html ~p{--utrecht-space-around:1}.utrecht-html pre:has(>code:only-child){background-color:var(--utrecht-code-background-color);color:var(--utrecht-code-color);font-family:var(--utrecht-code-font-family, monospace), monospace;font-size:var(--utrecht-code-font-size, inherit);font-variant-ligatures:none;line-height:var(--utrecht-code-line-height);--utrecht-code-color:var(--utrecht-code-block-color, inherit);--utrecht-code-background-color:var(--utrecht-code-block-background-color, inherit);--utrecht-code-font-weight:var(--utrecht-code-block-font-weight, inherit);--utrecht-code-font-size:var(--utrecht-code-block-font-size, inherit);--utrecht-code-font-family:var(--utrecht-code-block-font-family, monospace);background-color:var(--utrecht-code-block-background-color);display:block;font-size:var(--utrecht-code-block-font-size, var(--utrecht-code-font-size, inherit));line-height:var(--utrecht-code-block-line-height, var(--utrecht-code-line-height));margin-block-end:var(--utrecht-code-block-margin-block-end);margin-block-start:var(--utrecht-code-block-margin-block-start);margin-inline-end:var(--utrecht-code-block-margin-inline-end);margin-inline-start:var(--utrecht-code-block-margin-inline-start);padding-block-end:var(--utrecht-code-block-padding-block-end);padding-block-start:var(--utrecht-code-block-padding-block-start);padding-inline-end:var(--utrecht-code-block-padding-inline-end);padding-inline-start:var(--utrecht-code-block-padding-inline-start);white-space:pre}.utrecht-html pre[hidden]:has(>code:only-child){display:none}.utrecht-html pre:has(>code:only-child)>code{display:contents}.utrecht-html input[type=radio i]{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0;--_utrecht-radio-button-background-color:var(\n --_utrecht-radio-button-interactive-background-color,\n var(--_utrecht-radio-button-state-background-color, var(--utrecht-radio-button-background-color))\n );--_utrecht-radio-button-border-color:var(\n --_utrecht-radio-button-interactive-border-color,\n var(--_utrecht-radio-button-state-border-color, var(--utrecht-radio-button-border-color, currentColor))\n );--_utrecht-radio-button-border-width:var(\n --_utrecht-radio-button-interactive-border-width,\n var(--_utrecht-radio-button-state-border-width, var(--utrecht-radio-button-border-width))\n );--_utrecht-radio-button-color:var(\n --_utrecht-radio-button-interactive-color,\n var(--_utrecht-radio-button-state-color, var(--utrecht-radio-button-color, currentColor))\n );--_utrecht-radio-button-icon-size:0;background-color:var(--_utrecht-radio-button-background-color);background-image:radial-gradient(circle, var(--_utrecht-radio-button-color, transparent) calc(var(--_utrecht-radio-button-icon-size, 50%) - 5%), var(--_utrecht-radio-button-background-color, currentColor) var(--_utrecht-radio-button-icon-size, 50%));background-position:center;background-repeat:no-repeat;background-size:contain;block-size:var(--utrecht-radio-button-size, 1em);border-color:var(--_utrecht-radio-button-border-color);border-radius:50%;border-style:solid;border-width:var(--_utrecht-radio-button-border-width);cursor:var(--utrecht-action-activate-cursor, revert);inline-size:var(--utrecht-radio-button-size, 1em);margin-inline-end:var(--utrecht-radio-button-margin-inline-end);min-block-size:24px;min-inline-size:24px;-webkit-print-color-adjust:exact;print-color-adjust:exact;-webkit-user-select:none;user-select:none;vertical-align:top}.utrecht-html input[type=radio i]:checked{--_utrecht-radio-button-icon-size:var(--utrecht-radio-button-icon-size, 50%);--_utrecht-radio-button-state-background-color:var(--utrecht-radio-button-checked-background-color);--_utrecht-radio-button-state-border-color:var(--utrecht-radio-button-checked-border-color);--_utrecht-radio-button-state-border-width:var(--utrecht-radio-button-checked-border-width);--_utrecht-radio-button-state-color:var(--utrecht-radio-button-checked-color);--_utrecht-radio-button-state-active-background-color:var(--utrecht-radio-button-checked-active-background-color);--_utrecht-radio-button-state-active-border-color:var(--utrecht-radio-button-checked-active-border-color);--_utrecht-radio-button-state-active-border-width:var(--utrecht-radio-button-checked-active-border-width);--_utrecht-radio-button-state-active-color:var(--utrecht-radio-button-checked-active-color);--_utrecht-radio-button-state-focus-background-color:var(--utrecht-radio-button-checked-focus-background-color);--_utrecht-radio-button-state-focus-border-color:var(--utrecht-radio-button-checked-focus-border-color);--_utrecht-radio-button-state-focus-border-width:var(--utrecht-radio-button-checked-focus-border-width);--_utrecht-radio-button-state-focus-color:var(--utrecht-radio-button-checked-focus-color);--_utrecht-radio-button-state-hover-background-color:var(--utrecht-radio-button-checked-hover-background-color);--_utrecht-radio-button-state-hover-border-color:var(--utrecht-radio-button-checked-hover-border-color);--_utrecht-radio-button-state-hover-border-width:var(--utrecht-radio-button-checked-hover-border-width);--_utrecht-radio-button-state-hover-color:var(--utrecht-radio-button-checked-hover-color)}.utrecht-html input[type=radio i]:disabled{--_utrecht-radio-button-background-color:var(\n --utrecht-radio-button-disabled-background-color,\n var(--utrecht-radio-button-background-color)\n );--_utrecht-radio-button-border-color:var(\n --utrecht-radio-button-disabled-border-color,\n var(--utrecht-radio-button-border-color)\n );--_utrecht-radio-button-border-width:var(\n --utrecht-radio-button-disabled-border-width,\n var(--utrecht-radio-button-border-width)\n );--_utrecht-radio-button-color:var(--utrecht-radio-button-disabled-color, var(--utrecht-radio-button-color));--_utrecht-radio-button-focus-background-color:var(--_utrecht-radio-button-background-color);--_utrecht-radio-button-focus-border-color:var(--_utrecht-radio-button-border-color);--_utrecht-radio-button-focus-border-width:var(--_utrecht-radio-button-border-width);--_utrecht-radio-button-focus-color:var(--_utrecht-radio-button-color);--_utrecht-radio-button-active-background-color:var(--_utrecht-radio-button-background-color);--_utrecht-radio-button-active-border-color:var(--_utrecht-radio-button-border-color);--_utrecht-radio-button-active-border-width:var(--_utrecht-radio-button-border-width);--_utrecht-radio-button-active-color:var(--_utrecht-radio-button-color);--_utrecht-radio-button-hover-background-color:var(--_utrecht-radio-button-background-color);--_utrecht-radio-button-hover-border-color:var(--_utrecht-radio-button-border-color);--_utrecht-radio-button-hover-border-width:var(--_utrecht-radio-button-border-width);--_utrecht-radio-button-hover-color:var(--_utrecht-radio-button-color);cursor:var(--utrecht-action-disabled-cursor, not-allowed)}.utrecht-html input[type=radio i]:invalid,.utrecht-html input[type=radio i][aria-invalid=true]{border-color:var(--utrecht-radio-button-invalid-border-color, var(--utrecht-radio-button-border-color));border-width:var(--utrecht-radio-button-invalid-border-width, var(--utrecht-radio-button-border-width));color:var(--utrecht-radio-button-invalid-color, var(--utrecht-radio-button-color))}.utrecht-html input[type=radio i]:focus:not([aria-disabled=true],:disabled){--_utrecht-radio-button-interactive-background-color:var(\n --_utrecht-radio-button-state-focus-background-color,\n var(--utrecht-radio-button-focus-background-color)\n );--_utrecht-radio-button-interactive-border-color:var(\n --_utrecht-radio-button-state-focus-border-color,\n var(--utrecht-radio-button-focus-border-color)\n );--_utrecht-radio-button-interactive-border-width:var(\n --_utrecht-radio-button-state-focus-border-width,\n var(--utrecht-radio-button-focus-border-width)\n );--_utrecht-radio-button-interactive-color:var(\n --_utrecht-radio-button-state-focus-color,\n var(--utrecht-radio-button-focus-color)\n )}.utrecht-html input[type=radio i]{}.utrecht-html input[type=radio i]: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);z-index:1}.utrecht-html input[type=radio i]:hover:not([aria-disabled=true],:disabled){--_utrecht-radio-button-interactive-background-color:var(\n --_utrecht-radio-button-state-hover-background-color,\n var(--utrecht-radio-button-hover-background-color)\n );--_utrecht-radio-button-interactive-border-color:var(\n --_utrecht-radio-button-state-hover-border-color,\n var(--utrecht-radio-button-hover-border-color)\n );--_utrecht-radio-button-interactive-border-width:var(\n --_utrecht-radio-button-state-hover-border-width,\n var(--utrecht-radio-button-hover-border-width)\n );--_utrecht-radio-button-interactive-color:var(\n --_utrecht-radio-button-state-hover-color,\n var(--utrecht-radio-button-hover-color)\n )}.utrecht-html input[type=radio i]:active:not([aria-disabled=true],:disabled){--_utrecht-radio-button-interactive-background-color:var(\n --_utrecht-radio-button-state-active-background-color,\n var(--utrecht-radio-button-active-background-color)\n );--_utrecht-radio-button-interactive-border-color:var(\n --_utrecht-radio-button-state-active-border-color,\n var(--utrecht-radio-button-active-border-color)\n );--_utrecht-radio-button-interactive-border-width:var(\n --_utrecht-radio-button-state-active-border-width,\n var(--utrecht-radio-button-active-border-width)\n );--_utrecht-radio-button-interactive-color:var(\n --_utrecht-radio-button-state-active-color,\n var(--utrecht-radio-button-active-color)\n )}.utrecht-html select{background-color:var(--utrecht-select-background-color, var(--utrecht-form-control-background-color));border-block-end-width:var(--utrecht-select-border-block-end-width, var(--utrecht-select-border-width, var(--utrecht-form-control-border-width)));border-block-start-width:var(--utrecht-select-border-width, var(--utrecht-form-control-border-width));border-color:var(--utrecht-select-border-color, var(--utrecht-form-control-border-color));border-inline-end-width:var(--utrecht-select-border-width, var(--utrecht-form-control-border-width));border-inline-start-width:var(--utrecht-select-border-width, var(--utrecht-form-control-border-width));border-radius:var(--utrecht-select-border-radius, var(--utrecht-form-control-border-radius, 0));border-style:solid;color:var(--utrecht-select-color, var(--utrecht-form-control-color));font-family:var(--utrecht-select-font-family, var(--utrecht-form-control-font-family));font-size:var(--utrecht-select-font-size, var(--utrecht-form-control-font-size));font-weight:var(--utrecht-select-font-size, var(--utrecht-form-control-font-weight, initial));inline-size:100%;line-height:var(--utrecht-select-line-height, var(--utrecht-form-control-line-height, initial));min-block-size:var(--utrecht-select-min-block-size, var(--utrecht-pointer-target-min-size, 44px));min-inline-size:var(--utrecht-pointer-target-min-size, 44px);max-inline-size:var(--utrecht-select-max-inline-size, var(--utrecht-form-control-max-inline-size));padding-block-end:var(--utrecht-select-padding-block-end, var(--utrecht-form-control-padding-block-end));padding-block-start:var(--utrecht-select-padding-block-start, var(--utrecht-form-control-padding-block-start));padding-inline-end:var(--utrecht-select-padding-inline-end, var(--utrecht-form-control-padding-inline-end));padding-inline-start:var(--utrecht-select-padding-inline-start, var(--utrecht-form-control-padding-inline-start))}.utrecht-html select:hover{background-color:var(--utrecht-select-hover-background-color, var(--utrecht-form-control-hover-background-color, var(--utrecht-select-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-select-hover-border-color, var(--utrecht-form-control-hover-border-color, var(--utrecht-select-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-select-hover-color, var(--utrecht-form-control-hover-color, var(--utrecht-select-color, var(--utrecht-form-control-color))))}.utrecht-html select:focus{background-color:var(--utrecht-select-focus-background-color, var(--utrecht-form-control-focus-background-color, var(--utrecht-select-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-select-focus-border-color, var(--utrecht-form-control-focus-border-color, var(--utrecht-select-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-select-focus-color, var(--utrecht-form-control-focus-color, var(--utrecht-select-color, var(--utrecht-form-control-color))))}.utrecht-html select: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);z-index:1}.utrecht-html select{}.utrecht-html select:disabled{background-color:var(--utrecht-select-disabled-background-color, var(--utrecht-form-control-disabled-background-color, var(--utrecht-select-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-select-disabled-border-color, var(--utrecht-form-control-disabled-border-color, var(--utrecht-select-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-select-disabled-color, var(--utrecht-form-control-disabled-color, var(--utrecht-select-color, var(--utrecht-form-control-color))));cursor:var(--utrecht-action-disabled-cursor, not-allowed)}.utrecht-html select[aria-invalid=true]{--_utrecht-select-border-width:var(\n --utrecht-select-invalid-border-width,\n var(\n --utrecht-form-control-invalid-border-width,\n var(--utrecht-select-border-width, var(--utrecht-form-control-border-width))\n )\n );background-color:var(--utrecht-select-invalid-background-color, var(--utrecht-form-control-invalid-background-color, var(--utrecht-select-background-color, var(--utrecht-form-control-background-color))));border-width:var(--_utrecht-select-border-width);border-block-end-width:var(--utrecht-select-invalid-border-block-end-width, var(--utrecht-form-control-invalid-border-block-end-width, var(--utrecht-select-border-block-end-width, var(--utrecht-form-control-border-block-end-width, var(--_utrecht-select-border-width)))));border-color:var(--utrecht-select-invalid-border-color, var(--utrecht-form-control-invalid-border-color, var(--utrecht-select-border-color, var(--utrecht-form-control-border-color))))}.utrecht-html hr{border-color:var(--utrecht-separator-color);border-style:solid;border-width:0 0 var(--utrecht-separator-block-size) 0;margin-block-end:calc(var(--utrecht-space-around, 0) var(--utrecht-separator-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-separator-margin-block-start, 0));--utrecht-space-around:1}.utrecht-html table{border-collapse:separate;border-color:var(--utrecht-table-border-color, 0);border-spacing:0;border-style:solid;border-width:var(--utrecht-table-border-width, 0);font-family:var(--utrecht-table-font-family, var(--utrecht-document-font-family));font-size:var(--utrecht-table-font-size, inherit);inline-size:100%;line-height:var(--utrecht-table-line-height, inherit);margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-table-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-table-margin-block-start, 0));--utrecht-space-around:1}.utrecht-html caption{break-after:avoid;break-inside:avoid;color:var(--utrecht-table-caption-color);font-family:var(--utrecht-table-caption-font-family);font-size:var(--utrecht-table-caption-font-size);font-weight:var(--utrecht-table-caption-font-weight);line-height:var(--utrecht-table-caption-line-height);margin-block-end:var(--utrecht-table-caption-margin-block-end);text-align:var(--utrecht-table-caption-text-align, center)}.utrecht-html thead{--_utrecht-table-header-cell-vertical-align:bottom;--_utrecht-table-header-cell-z-index:8;background-color:var(--utrecht-table-header-background-color, transparent);break-inside:avoid;color:var(--utrecht-table-header-color);font-weight:var(--utrecht-table-header-font-weight);text-transform:var(--utrecht-table-header-text-transform)}.utrecht-html tbody{--_utrecht-table-header-cell-z-index:2}.utrecht-html th{--utrecht-icon-size:var(--utrecht-table-cell-icon-size);block-size:var(--utrecht-table-cell-line-height, 1em);line-height:var(--utrecht-table-cell-line-height, inherit);padding-block-end:var(--utrecht-table-cell-padding-block-end, 0);padding-block-start:var(--utrecht-table-cell-padding-block-start, 0);padding-inline-end:var(--utrecht-table-cell-padding-inline-end, 0);padding-inline-start:var(--utrecht-table-cell-padding-inline-start, 0);text-align:start;color:var(--utrecht-table-header-cell-color);font-size:var(--utrecht-table-header-cell-font-size);font-weight:var(--utrecht-table-header-cell-font-weight, bold);text-transform:var(--utrecht-table-header-cell-text-transform);vertical-align:var(--_utrecht-table-header-cell-vertical-align, top);z-index:var(--_utrecht-table-header-cell-z-index)}.utrecht-html th,.utrecht-html td{--utrecht-icon-size:var(--utrecht-table-cell-icon-size);block-size:var(--utrecht-table-cell-line-height, 1em);line-height:var(--utrecht-table-cell-line-height, inherit);padding-block-end:var(--utrecht-table-cell-padding-block-end, 0);padding-block-start:var(--utrecht-table-cell-padding-block-start, 0);padding-inline-end:var(--utrecht-table-cell-padding-inline-end, 0);padding-inline-start:var(--utrecht-table-cell-padding-inline-start, 0);text-align:start;border-block-end-color:var(--utrecht-table-row-border-block-end-color, transparent);border-block-end-style:solid;border-block-end-width:var(--utrecht-table-row-border-block-end-width, 0);vertical-align:top}.utrecht-html td:first-child,.utrecht-html th:first-child{padding-inline-start:var(--utrecht-table-row-padding-inline-start, var(--utrecht-table-cell-padding-inline-start, 0))}.utrecht-html td:last-child,.utrecht-html th:last-child{padding-inline-end:var(--utrecht-table-row-padding-inline-end, var(--utrecht-table-cell-padding-inline-end, 0))}.utrecht-html thead tr:last-child th{border-block-end-color:var(--utrecht-table-header-border-block-end-color, transparent);border-block-end-style:solid;border-block-end-width:var(--utrecht-table-header-border-block-end-width, 0)}.utrecht-html thead>tr>th.numeric,.utrecht-html tfoot>tr>th.numeric,.utrecht-html th[scope=column].numeric{--_utrecht-table-cell-text-align:right;text-align:var(--_utrecht-table-cell-text-align)}.utrecht-html td.numeric{--_utrecht-table-cell-text-align:right;text-align:var(--_utrecht-table-cell-text-align);font-variant-numeric:lining-nums tabular-nums}.utrecht-html table.alternate-row-color>tr:nth-child(even)>td,.utrecht-html table.alternate-row-color>tr:nth-child(even)>th{background-color:var(--utrecht-table-row-alternate-even-background-color, transparent);color:var(--utrecht-table-row-alternate-even-color)}.utrecht-html table.alternate-row-color>tr:nth-child(odd)>td,.utrecht-html table.alternate-row-color>tr:nth-child(odd)>th{background-color:var(--utrecht-table-row-alternate-odd-background-color, transparent);color:var(--utrecht-table-row-alternate-odd-color)}.utrecht-html table.alternate-row-color>tbody>tr:nth-child(even)>td,.utrecht-html table.alternate-row-color>tbody>tr:nth-child(even)>th{background-color:var(--utrecht-table-row-alternate-even-background-color, transparent);color:var(--utrecht-table-row-alternate-even-color)}.utrecht-html table.alternate-row-color>tbody>tr:nth-child(odd)>td,.utrecht-html table.alternate-row-color>tbody>tr:nth-child(odd)>th{background-color:var(--utrecht-table-row-alternate-odd-background-color, transparent);color:var(--utrecht-table-row-alternate-odd-color)}.utrecht-html textarea{background-color:var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color));block-size:initial;border-width:var(--utrecht-textarea-border-width, var(--utrecht-form-control-border-width));border-block-end-width:var(--utrecht-textarea-border-block-end-width, var(--utrecht-textarea-border-width, var(--utrecht-form-control-border-width)));border-color:var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color));border-radius:var(--utrecht-textarea-border-radius, var(--utrecht-form-control-border-radius, 0));border-style:solid;box-sizing:border-box;color:var(--utrecht-textarea-color, var(--utrecht-form-control-color));font-family:var(--utrecht-textarea-font-family, var(--utrecht-form-control-font-family));font-size:var(--utrecht-textarea-font-size, var(--utrecht-form-control-font-size, inherit));font-weight:var(--utrecht-textarea-font-weight, var(--utrecht-form-control-font-weight, initial));inline-size:100%;line-height:var(--utrecht-textarea-line-height, initial);max-inline-size:var(--utrecht-textarea-max-inline-size, var(--utrecht-form-control-max-inline-size));min-block-size:var(--utrecht-textarea-min-block-size, var(--utrecht-pointer-target-min-size, 44px));min-inline-size:var(--utrecht-pointer-target-min-size, 44px);padding-block-end:var(--utrecht-textarea-padding-block-end, var(--utrecht-form-control-padding-block-end, 0));padding-block-start:var(--utrecht-textarea-padding-block-start, var(--utrecht-form-control-padding-block-start, 0));padding-inline-end:var(--utrecht-textarea-padding-inline-end, var(--utrecht-form-control-padding-inline-end, initial));padding-inline-start:var(--utrecht-textarea-padding-inline-start, var(--utrecht-form-control-padding-inline-start, initial));resize:vertical;resize:block}.utrecht-html textarea:focus{background-color:var(--utrecht-textarea-focus-background-color, var(--utrecht-form-control-focus-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-focus-border-color, var(--utrecht-form-control-focus-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-focus-color, var(--utrecht-form-control-focus-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))))}.utrecht-html textarea: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);z-index:1}.utrecht-html textarea:invalid,.utrecht-html textarea[aria-invalid=true]{--_utrecht-textarea-border-width:var(\n --utrecht-textarea-invalid-border-width,\n var(\n --utrecht-form-control-invalid-border-width,\n var(--utrecht-textarea-border-width, var(--utrecht-form-control-border-width))\n )\n );background-color:var(--utrecht-textarea-invalid-background-color, var(--utrecht-form-control-invalid-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));border-width:var(--_utrecht-textarea-border-width);border-block-end-width:var(--utrecht-textarea-invalid-border-block-end-width, var(--utrecht-form-control-invalid-border-block-end-width, var(--utrecht-textarea-border-block-end-width, var(--utrecht-form-control-border-block-end-width, var(--_utrecht-textarea-border-width)))));border-color:var(--utrecht-textarea-invalid-border-color, var(--utrecht-form-control-invalid-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-invalid-color, var(--utrecht-form-control-invalid-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))))}.utrecht-html textarea{}.utrecht-html textarea:read-only{background-color:var(--utrecht-textarea-read-only-background-color, var(--utrecht-form-control-read-only-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-read-only-border-color, var(--utrecht-form-control-read-only-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-read-only-color, var(--utrecht-form-control-read-only-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))))}.utrecht-html textarea{}.utrecht-html textarea:disabled{background-color:var(--utrecht-textarea-disabled-background-color, var(--utrecht-form-control-disabled-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-disabled-border-color, var(--utrecht-form-control-disabled-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-disabled-color, var(--utrecht-form-control-disabled-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));cursor:var(--utrecht-action-disabled-cursor, not-allowed)}.utrecht-html textarea::placeholder{color:var(--utrecht-textarea-placeholder-color, var(--utrecht-form-control-placeholder-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));font-style:var(--utrecht-form-control-placeholder-font-style);opacity:100%}.utrecht-html input:not([type]),.utrecht-html input[type=date i],.utrecht-html input[type=datetime-local i],.utrecht-html input[type=email i],.utrecht-html input[type=month i],.utrecht-html input[type=number i],.utrecht-html input[type=password i],.utrecht-html input[type=search i],.utrecht-html input[type=tel i],.utrecht-html input[type=text i],.utrecht-html input[type=time i],.utrecht-html input[type=url i],.utrecht-html input[type=week i]{--_utrecht-textbox-value-char:0.667em + 0.334ch;--_utrecht-textbox-max-inline-size:calc(\n calc(var(--utrecht-textbox-value-max-length) * var(--_utrecht-textbox-value-char)) +\n var(--utrecht-textbox-padding-inline-end, var(--utrecht-form-control-padding-inline-end, 0)) +\n var(--utrecht-textbox-padding-inline-start, var(--utrecht-form-control-padding-inline-start, 0)) +\n var(--utrecht-textbox-border-width, var(--utrecht-form-control-border-width, 0)) +\n var(--utrecht-textbox-autocomplete-ui-size, 44px)\n );background-color:var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color));block-size:initial;border-width:var(--utrecht-textbox-border-width, var(--utrecht-form-control-border-width));border-block-end-width:var(--utrecht-textbox-border-bottom-width, var(--utrecht-textbox-border-width, var(--utrecht-form-control-border-width)));border-color:var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color));border-radius:var(--utrecht-textbox-border-radius, var(--utrecht-form-control-border-radius, 0));border-style:solid;box-sizing:border-box;color:var(--utrecht-textbox-color, var(--utrecht-form-control-color));display:block;font-family:var(--utrecht-textbox-font-family, var(--utrecht-form-control-font-family));font-size:var(--utrecht-textbox-font-size, var(--utrecht-form-control-font-size, inherit));font-weight:var(--utrecht-textbox-font-weight, var(--utrecht-form-control-font-weight, initial));inline-size:100%;line-height:var(--utrecht-textbox-line-height, var(--utrecht-form-control-line-height, initial));min-block-size:var(--utrecht-pointer-target-min-size, 44px);min-inline-size:var(--utrecht-pointer-target-min-size, 44px);max-inline-size:min(var(--_utrecht-textbox-max-inline-size, 100%), var(--utrecht-textbox-max-inline-size, var(--utrecht-form-control-max-inline-size)));overflow:hidden;padding-block-end:var(--utrecht-textbox-padding-block-end, var(--utrecht-form-control-padding-block-end, 0));padding-block-start:var(--utrecht-textbox-padding-block-start, var(--utrecht-form-control-padding-block-start, 0));padding-inline-end:var(--utrecht-textbox-padding-inline-end, var(--utrecht-form-control-padding-inline-end, initial));padding-inline-start:var(--utrecht-textbox-padding-inline-start, var(--utrecht-form-control-padding-inline-start, initial));white-space:nowrap}.utrecht-html input:not([type]):focus,.utrecht-html input[type=date i]:focus,.utrecht-html input[type=datetime-local i]:focus,.utrecht-html input[type=email i]:focus,.utrecht-html input[type=month i]:focus,.utrecht-html input[type=number i]:focus,.utrecht-html input[type=password i]:focus,.utrecht-html input[type=search i]:focus,.utrecht-html input[type=tel i]:focus,.utrecht-html input[type=text i]:focus,.utrecht-html input[type=time i]:focus,.utrecht-html input[type=url i]:focus,.utrecht-html input[type=week i]:focus{background-color:var(--utrecht-textbox-focus-background-color, var(--utrecht-form-control-focus-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-focus-border-color, var(--utrecht-form-control-focus-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-focus-color, var(--utrecht-form-control-focus-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))))}.utrecht-html input:not([type]):focus-visible,.utrecht-html input[type=date i]:focus-visible,.utrecht-html input[type=datetime-local i]:focus-visible,.utrecht-html input[type=email i]:focus-visible,.utrecht-html input[type=month i]:focus-visible,.utrecht-html input[type=number i]:focus-visible,.utrecht-html input[type=password i]:focus-visible,.utrecht-html input[type=search i]:focus-visible,.utrecht-html input[type=tel i]:focus-visible,.utrecht-html input[type=text i]:focus-visible,.utrecht-html input[type=time i]:focus-visible,.utrecht-html input[type=url i]:focus-visible,.utrecht-html input[type=week i]: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);z-index:1}.utrecht-html input:not([type]):user-invalid,.utrecht-html input:not([type])[aria-invalid=true],.utrecht-html input[type=date i]:user-invalid,.utrecht-html input[type=date i][aria-invalid=true],.utrecht-html input[type=datetime-local i]:user-invalid,.utrecht-html input[type=datetime-local i][aria-invalid=true],.utrecht-html input[type=email i]:user-invalid,.utrecht-html input[type=email i][aria-invalid=true],.utrecht-html input[type=month i]:user-invalid,.utrecht-html input[type=month i][aria-invalid=true],.utrecht-html input[type=number i]:user-invalid,.utrecht-html input[type=number i][aria-invalid=true],.utrecht-html input[type=password i]:user-invalid,.utrecht-html input[type=password i][aria-invalid=true],.utrecht-html input[type=search i]:user-invalid,.utrecht-html input[type=search i][aria-invalid=true],.utrecht-html input[type=tel i]:user-invalid,.utrecht-html input[type=tel i][aria-invalid=true],.utrecht-html input[type=text i]:user-invalid,.utrecht-html input[type=text i][aria-invalid=true],.utrecht-html input[type=time i]:user-invalid,.utrecht-html input[type=time i][aria-invalid=true],.utrecht-html input[type=url i]:user-invalid,.utrecht-html input[type=url i][aria-invalid=true],.utrecht-html input[type=week i]:user-invalid,.utrecht-html input[type=week i][aria-invalid=true]{--_utrecht-textbox-border-width:var(\n --utrecht-textbox-invalid-border-width,\n var(\n --utrecht-form-control-invalid-border-width,\n var(--utrecht-textbox-border-width, var(--utrecht-form-control-border-width))\n )\n );background-color:var(--utrecht-textbox-invalid-background-color, var(--utrecht-form-control-invalid-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color))));border-width:var(--_utrecht-textbox-border-width);border-block-end-width:var(--utrecht-textbox-invalid-border-bottom-width, var(--utrecht-form-control-invalid-border-bottom-width, var(--utrecht-textbox-border-bottom-width, var(--utrecht-form-control-border-bottom-width, var(--_utrecht-textbox-border-width)))));border-color:var(--utrecht-textbox-invalid-border-color, var(--utrecht-form-control-invalid-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-invalid-color, var(--utrecht-form-control-invalid-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))))}.utrecht-html input:not([type]),.utrecht-html input[type=date i],.utrecht-html input[type=datetime-local i],.utrecht-html input[type=email i],.utrecht-html input[type=month i],.utrecht-html input[type=number i],.utrecht-html input[type=password i],.utrecht-html input[type=search i],.utrecht-html input[type=tel i],.utrecht-html input[type=text i],.utrecht-html input[type=time i],.utrecht-html input[type=url i],.utrecht-html input[type=week i]{}.utrecht-html input:not([type]):read-only,.utrecht-html input[type=date i]:read-only,.utrecht-html input[type=datetime-local i]:read-only,.utrecht-html input[type=email i]:read-only,.utrecht-html input[type=month i]:read-only,.utrecht-html input[type=number i]:read-only,.utrecht-html input[type=password i]:read-only,.utrecht-html input[type=search i]:read-only,.utrecht-html input[type=tel i]:read-only,.utrecht-html input[type=text i]:read-only,.utrecht-html input[type=time i]:read-only,.utrecht-html input[type=url i]:read-only,.utrecht-html input[type=week i]:read-only{background-color:var(--utrecht-textbox-read-only-background-color, var(--utrecht-form-control-read-only-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-read-only-border-color, var(--utrecht-form-control-read-only-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-read-only-color, var(--utrecht-form-control-read-only-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))))}.utrecht-html input:not([type]),.utrecht-html input[type=date i],.utrecht-html input[type=datetime-local i],.utrecht-html input[type=email i],.utrecht-html input[type=month i],.utrecht-html input[type=number i],.utrecht-html input[type=password i],.utrecht-html input[type=search i],.utrecht-html input[type=tel i],.utrecht-html input[type=text i],.utrecht-html input[type=time i],.utrecht-html input[type=url i],.utrecht-html input[type=week i]{}.utrecht-html input:not([type]):disabled,.utrecht-html input[type=date i]:disabled,.utrecht-html input[type=datetime-local i]:disabled,.utrecht-html input[type=email i]:disabled,.utrecht-html input[type=month i]:disabled,.utrecht-html input[type=number i]:disabled,.utrecht-html input[type=password i]:disabled,.utrecht-html input[type=search i]:disabled,.utrecht-html input[type=tel i]:disabled,.utrecht-html input[type=text i]:disabled,.utrecht-html input[type=time i]:disabled,.utrecht-html input[type=url i]:disabled,.utrecht-html input[type=week i]:disabled{background-color:var(--utrecht-textbox-disabled-background-color, var(--utrecht-form-control-disabled-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-disabled-border-color, var(--utrecht-form-control-disabled-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-disabled-color, var(--utrecht-form-control-disabled-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))));cursor:var(--utrecht-action-disabled-cursor, not-allowed)}.utrecht-html input:not([type])::placeholder,.utrecht-html input[type=date i]::placeholder,.utrecht-html input[type=datetime-local i]::placeholder,.utrecht-html input[type=email i]::placeholder,.utrecht-html input[type=month i]::placeholder,.utrecht-html input[type=number i]::placeholder,.utrecht-html input[type=password i]::placeholder,.utrecht-html input[type=search i]::placeholder,.utrecht-html input[type=tel i]::placeholder,.utrecht-html input[type=text i]::placeholder,.utrecht-html input[type=time i]::placeholder,.utrecht-html input[type=url i]::placeholder,.utrecht-html input[type=week i]::placeholder{color:var(--utrecht-textbox-placeholder-color, var(--utrecht-form-control-placeholder-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))));font-style:var(--utrecht-form-control-placeholder-font-style);opacity:100%}.utrecht-html input[autocomplete~=current-password i],.utrecht-html input[autocomplete~=new-password i],.utrecht-html input[type=password i]{font-variant-ligatures:none;font-variant-numeric:slashed-zero}.utrecht-html input[autocomplete~=bday i],.utrecht-html input[autocomplete~=bday-day i],.utrecht-html input[autocomplete~=bday-month i],.utrecht-html input[autocomplete~=bday-year i],.utrecht-html input[autocomplete~=cc-csc i],.utrecht-html input[autocomplete~=cc-exp i],.utrecht-html input[autocomplete~=cc-exp-month i],.utrecht-html input[autocomplete~=cc-exp-year i],.utrecht-html input[autocomplete~=cc-number i],.utrecht-html input[autocomplete~=one-time-code i],.utrecht-html input[autocomplete~=postal-code i],.utrecht-html input[autocomplete~=tel i],.utrecht-html input[autocomplete~=tel-area-code i],.utrecht-html input[autocomplete~=tel-country-code i],.utrecht-html input[autocomplete~=tel-extension i],.utrecht-html input[autocomplete~=tel-local i],.utrecht-html input[autocomplete~=tel-national i],.utrecht-html input[autocomplete~=transaction-amount i],.utrecht-html input[inputmode=decimal i],.utrecht-html input[inputmode=numeric i],.utrecht-html input[inputmode=tel i],.utrecht-html input[type=number i],.utrecht-html input[type=tel i]{-moz-appearance:textfield;font-variant-numeric:lining-nums tabular-nums}.utrecht-html input[inputmode=email i],.utrecht-html input[inputmode=url i],.utrecht-html input[type=email i],.utrecht-html input[type=url i]{font-variant-ligatures:none}.utrecht-html ul{box-sizing:border-box;font-family:var(--utrecht-document-font-family, inherit);font-size:var(--utrecht-unordered-list-font-size, var(--utrecht-document-font-size, inherit));line-height:var(--utrecht-unordered-list-line-height, var(--utrecht-document-line-height, inherit));margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-unordered-list-margin-block-end, var(--utrecht-paragraph-margin-block-end, 0)));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-unordered-list-margin-block-start, var(--utrecht-paragraph-margin-block-start, 0)));padding-inline-start:var(--utrecht-unordered-list-padding-inline-start, 2ch);text-align:start;--utrecht-space-around:1}.utrecht-html ul>li{margin-block-end:var(--utrecht-unordered-list-item-margin-block-end);margin-block-start:var(--utrecht-unordered-list-item-margin-block-start);padding-inline-start:var(--utrecht-unordered-list-item-padding-inline-start, 1ch)}.utrecht-html ul>li::marker{color:var(--utrecht-unordered-list-marker-color);content:"●"}:where(.utrecht-html) :where(: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);z-index:1}.utrecht-html{--utrecht-space-around:1}:host{display:block}:host([hidden]){display:none !important}';const o=e;const c=class{constructor(r){t(this,r)}render(){return r("div",{key:"aed7f26e7a30330f38010de7657669b83ba185bb",class:"utrecht-html"},r("slot",{key:"e36e58102d786bfe4f0d61cc94b4437d172a6497"}))}};c.style=o;export{c as utrecht_html_content};
2	+ //# sourceMappingURL=p-56bc0920.entry.js.map

package/dist/utrecht/{p-81d1b4ce.entry.js.map → p-56bc0920.entry.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["htmlContentCss","UtrechtHtmlContentStyle0","HTMLContent","render","h","key","class"],"sources":["src/components/html-content.scss?tag=utrecht-html-content","src/components/html-content.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n /\n\n@use \"~@utrecht/html-content-css/src\" as ;\n\n:host {\n display: block;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\nimport { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-html-content',\n styleUrl: 'html-content.scss',\n shadow: false,\n})\nexport class HTMLContent {\n render() {\n return (\n <div class=\"utrecht-html\">\n <slot></slot>\n </div>\n );\n }\n}\n"],"mappings":"2CAAA,MAAMA,EAAiB,~~us/DACvB~~,MAAAC,EAAeD,E,MCWFE,EAAW,M,yBACtB,MAAAC,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,gBACTF,EAAA,QAAAC,IAAA,6C","ignoreList":[]}
1	+ {"version":3,"names":["htmlContentCss","UtrechtHtmlContentStyle0","HTMLContent","render","h","key","class"],"sources":["src/components/html-content.scss?tag=utrecht-html-content","src/components/html-content.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n /\n\n@use \"~@utrecht/html-content-css/src\" as ;\n\n:host {\n display: block;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\nimport { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-html-content',\n styleUrl: 'html-content.scss',\n shadow: false,\n})\nexport class HTMLContent {\n render() {\n return (\n <div class=\"utrecht-html\">\n <slot></slot>\n </div>\n );\n }\n}\n"],"mappings":"2CAAA,MAAMA,EAAiB,oriEACvB,MAAAC,EAAeD,E,MCWFE,EAAW,M,yBACtB,MAAAC,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,gBACTF,EAAA,QAAAC,IAAA,6C","ignoreList":[]}

package/dist/utrecht/{p-a2f05439.entry.js → p-867b57d2.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as t,c as r,h as e}from"./p-8dcab6dc.js";import{c as o}from"./p-e91d8a25.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, revert);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);z-index:1}.utrecht-form-toggle--hover,.utrecht-form-toggle:not(.utrecht-form-toggle--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, not-allowed)}.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--html-label{cursor:inherit}.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-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);z-index:1}.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);z-index:1}:host{display:inline-block}:host([hidden]){display:none !important}";const l=c;const h=class{constructor(e){t(this,e);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 e("div",{key:"be20682f616eb7b0d14a213f46612a8a09292e2e",class:o("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},e("div",{key:"a39f6ea33b38051b0cc321a85d830839d8f526db",class:"utrecht-form-toggle__label utrecht-form-toggle__label--off"}),e("div",{key:"2a817a7018427997e3ec410076aa58ac27f1b93e",class:"utrecht-form-toggle__label utrecht-form-toggle__label--on"}),e("div",{key:"9db9333631a9392b5af650bd40febc6d559e80a9",class:o("utrecht-form-toggle__track",t&&"utrecht-form-toggle__track--checked",!t&&"utrecht-form-toggle__track--not-checked",r&&"utrecht-form-toggle__track--disabled")},e("div",{key:"d468c947a90b4aec924c658b8d36f84f8eb27bc7",class:o("utrecht-form-toggle__thumb",t&&"utrecht-form-toggle__thumb--checked",!t&&"utrecht-form-toggle__thumb--not-checked",r&&"utrecht-form-toggle__thumb--disabled")})))}};h.style=l;export{h as utrecht_form_toggle};
-//# sourceMappingURL=p-a2f05439.entry.js.map
+import{r as t,c as r,h as e}from"./p-8dcab6dc.js";import{c as o}from"./p-e91d8a25.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, revert);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);z-index:1}.utrecht-form-toggle--hover,.utrecht-form-toggle:not(.utrecht-form-toggle--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, not-allowed)}.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--html-label{cursor:inherit}.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-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);z-index:1}.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox{block-size:1px !important;border:0 !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);z-index:1}:host{display:inline-block}:host([hidden]){display:none !important}";const l=c;const h=class{constructor(e){t(this,e);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 e("div",{key:"be20682f616eb7b0d14a213f46612a8a09292e2e",class:o("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},e("div",{key:"a39f6ea33b38051b0cc321a85d830839d8f526db",class:"utrecht-form-toggle__label utrecht-form-toggle__label--off"}),e("div",{key:"2a817a7018427997e3ec410076aa58ac27f1b93e",class:"utrecht-form-toggle__label utrecht-form-toggle__label--on"}),e("div",{key:"9db9333631a9392b5af650bd40febc6d559e80a9",class:o("utrecht-form-toggle__track",t&&"utrecht-form-toggle__track--checked",!t&&"utrecht-form-toggle__track--not-checked",r&&"utrecht-form-toggle__track--disabled")},e("div",{key:"d468c947a90b4aec924c658b8d36f84f8eb27bc7",class:o("utrecht-form-toggle__thumb",t&&"utrecht-form-toggle__thumb--checked",!t&&"utrecht-form-toggle__thumb--not-checked",r&&"utrecht-form-toggle__thumb--disabled")})))}};h.style=l;export{h as utrecht_form_toggle};
+//# sourceMappingURL=p-867b57d2.entry.js.map

package/dist/utrecht/{p-a2f05439.entry.js.map → p-867b57d2.entry.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["formToggleCss","UtrechtFormToggleStyle0","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.scss?tag=utrecht-form-toggle&encapsulation=shadow","src/components/form-toggle.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n /\n\n@use \"~@utrecht/form-toggle-css/src\" as ;\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) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\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: 'form-toggle.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,EAAgB,~~qlMACtB~~,MAAAC,EAAeD,E,MCaFE,EAAU,M,mNACwB,M,aACD,K,CAM5C,MAAAC,GACE,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,OAAAH,IAAA,2CACEI,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,OAAAH,IAAA,2CAAKI,MAAM,+DACXD,EAAA,OAAAH,IAAA,2CAAKI,MAAM,8DACXD,EAAA,OAAAH,IAAA,2CACEI,MAAOC,EACL,6BACAhB,GAAW,uCACVA,GAAW,0CACZC,GAAY,yCAGda,EAAA,OAAAH,IAAA,2CACEI,MAAOC,EACL,6BACAhB,GAAW,uCACVA,GAAW,0CACZC,GAAY,2C","ignoreList":[]}
1	+ {"version":3,"names":["formToggleCss","UtrechtFormToggleStyle0","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.scss?tag=utrecht-form-toggle&encapsulation=shadow","src/components/form-toggle.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n /\n\n@use \"~@utrecht/form-toggle-css/src\" as ;\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) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\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: 'form-toggle.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,EAAgB,ogMACtB,MAAAC,EAAeD,E,MCaFE,EAAU,M,mNACwB,M,aACD,K,CAM5C,MAAAC,GACE,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,OAAAH,IAAA,2CACEI,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,OAAAH,IAAA,2CAAKI,MAAM,+DACXD,EAAA,OAAAH,IAAA,2CAAKI,MAAM,8DACXD,EAAA,OAAAH,IAAA,2CACEI,MAAOC,EACL,6BACAhB,GAAW,uCACVA,GAAW,0CACZC,GAAY,yCAGda,EAAA,OAAAH,IAAA,2CACEI,MAAOC,EACL,6BACAhB,GAAW,uCACVA,GAAW,0CACZC,GAAY,2C","ignoreList":[]}

package/dist/utrecht/p-b06b325e.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as e,h as a,H as r}from"./p-8dcab6dc.js";const o=":host{break-inside:avoid;display:table-row}";const s=o;const t=class{constructor(a){e(this,a)}render(){return a(r,{key:"aee29755a992b5474d573c384d871be54c30a402",role:"row"},a("slot",{key:"ba08000e6008dbda42e255d5d6c53bc88d3fe0ca"}))}};t.style=s;export{t as utrecht_table_row};
2	+ //# sourceMappingURL=p-b06b325e.entry.js.map

package/dist/utrecht/{p-fc013486.entry.js.map → p-b06b325e.entry.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["tableRowCss","UtrechtTableRowStyle0","TableRow","render","h","Host","key","role"],"sources":["src/components/table-row.scss?tag=utrecht-table-row&encapsulation=shadow","src/components/table-row.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n /\n\n@use \"~@utrecht/table-css/src/mixin\" as ;\n\n:host {\n @include utrecht-table__row;\n\n display: table-row;\n}\n","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-table-row',\n styleUrl: 'table-row.scss',\n shadow: true,\n})\nexport class TableRow {\n render() {\n return (\n <Host role=\"row\">\n <slot></slot>\n </Host>\n );\n }\n}\n"],"mappings":"kDAAA,MAAMA,EAAc,~~sEACpB~~,MAAAC,EAAeD,E,MCMFE,EAAQ,M,yBACnB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,OACTH,EAAA,QAAAE,IAAA,6C","ignoreList":[]}
1	+ {"version":3,"names":["tableRowCss","UtrechtTableRowStyle0","TableRow","render","h","Host","key","role"],"sources":["src/components/table-row.scss?tag=utrecht-table-row&encapsulation=shadow","src/components/table-row.tsx"],"sourcesContent":["/*\n @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n /\n\n@use \"~@utrecht/table-css/src/mixin\" as ;\n\n:host {\n @include utrecht-table__row;\n\n display: table-row;\n}\n","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-table-row',\n styleUrl: 'table-row.scss',\n shadow: true,\n})\nexport class TableRow {\n render() {\n return (\n <Host role=\"row\">\n <slot></slot>\n </Host>\n );\n }\n}\n"],"mappings":"kDAAA,MAAMA,EAAc,8CACpB,MAAAC,EAAeD,E,MCMFE,EAAQ,M,yBACnB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,OACTH,EAAA,QAAAE,IAAA,6C","ignoreList":[]}

package/dist/utrecht/{p-57bd3d72.entry.js → p-d5053155.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as t,h as a}from"./p-8dcab6dc.js";const r=":host{display:contents}div{page-break-inside:avoid;--_utrecht-minmax:max(\n    var(--utrecht-data-list-rows-column-min-inline-size, 25ch),\n    var(--utrecht-data-list-rows-column-inline-size, 80%)\n  );--_utrecht-auto-col:minmax(var(--_utrecht-minmax), max-content);border-block-end-color:var(--utrecht-data-list-rows-border-bottom-color, transparent);border-block-end-style:solid;border-block-end-width:var(--utrecht-data-list-rows-border-bottom-width, 0);column-gap:var(--utrecht-data-list-rows-gap);display:grid;grid-auto-columns:1fr;grid-template-columns:repeat(auto-fit, var(--_utrecht-auto-col));margin-block-start:var(--utrecht-data-list-rows-item-margin-block-start);padding-block-end:var(--utrecht-data-list-rows-item-padding-block-end);padding-block-start:var(--utrecht-data-list-rows-item-padding-block-start);row-gap:0}:host([hidden]){display:none !important}";const o=r;const e=class{constructor(a){t(this,a)}render(){return a("div",{key:"5b01eea70ee32dbc8b7647e09e151b6e08358a47"},a("slot",{key:"52b10b374dc85fbcb3fea571a28923d730978a44"}))}};e.style=o;export{e as utrecht_data_list_item};
-//# sourceMappingURL=p-57bd3d72.entry.js.map
+import{r as t,h as a}from"./p-8dcab6dc.js";const r=":host{display:contents}div{break-inside:avoid-page;--_utrecht-minmax:max(\n    var(--utrecht-data-list-rows-column-min-inline-size, 25ch),\n    var(--utrecht-data-list-rows-column-inline-size, 80%)\n  );--_utrecht-auto-col:minmax(var(--_utrecht-minmax), max-content);border-block-end-color:var(--utrecht-data-list-rows-border-bottom-color, transparent);border-block-end-style:solid;border-block-end-width:var(--utrecht-data-list-rows-border-bottom-width, 0);column-gap:var(--utrecht-data-list-rows-gap);display:grid;grid-auto-columns:1fr;grid-template-columns:repeat(auto-fit, var(--_utrecht-auto-col));margin-block-start:var(--utrecht-data-list-rows-item-margin-block-start);padding-block-end:var(--utrecht-data-list-rows-item-padding-block-end);padding-block-start:var(--utrecht-data-list-rows-item-padding-block-start);row-gap:0}:host([hidden]){display:none !important}";const o=r;const e=class{constructor(a){t(this,a)}render(){return a("div",{key:"5b01eea70ee32dbc8b7647e09e151b6e08358a47"},a("slot",{key:"52b10b374dc85fbcb3fea571a28923d730978a44"}))}};e.style=o;export{e as utrecht_data_list_item};
+//# sourceMappingURL=p-d5053155.entry.js.map