@utrecht/component-library-vue 1.0.0-alpha.1

package/LICENSE.md

@@ -0,0 +1,288 @@
+# EUROPEAN UNION PUBLIC LICENCE v. 1.2
+
+EUPL © the European Union 2007, 2016
+
+This European Union Public Licence (the ‘EUPL’) applies to the Work (as defined
+below) which is provided under the terms of this Licence. Any use of the Work,
+other than as authorised under this Licence is prohibited (to the extent such
+use is covered by a right of the copyright holder of the Work).
+
+The Work is provided under the terms of this Licence when the Licensor (as
+defined below) has placed the following notice immediately following the
+copyright notice for the Work:
+
+    Licensed under the EUPL
+
+or has expressed by any other means his willingness to license under the EUPL.
+
+## 1. Definitions
+
+In this Licence, the following terms have the following meaning:
+
+- ‘The Licence’: this Licence.
+
+- ‘The Original Work’: the work or software distributed or communicated by the
+  Licensor under this Licence, available as Source Code and also as Executable
+  Code as the case may be.
+
+- ‘Derivative Works’: the works or software that could be created by the
+  Licensee, based upon the Original Work or modifications thereof. This Licence
+  does not define the extent of modification or dependence on the Original Work
+  required in order to classify a work as a Derivative Work; this extent is
+  determined by copyright law applicable in the country mentioned in Article 15.
+
+- ‘The Work’: the Original Work or its Derivative Works.
+
+- ‘The Source Code’: the human-readable form of the Work which is the most
+  convenient for people to study and modify.
+
+- ‘The Executable Code’: any code which has generally been compiled and which is
+  meant to be interpreted by a computer as a program.
+
+- ‘The Licensor’: the natural or legal person that distributes or communicates
+  the Work under the Licence.
+
+- ‘Contributor(s)’: any natural or legal person who modifies the Work under the
+  Licence, or otherwise contributes to the creation of a Derivative Work.
+
+- ‘The Licensee’ or ‘You’: any natural or legal person who makes any usage of
+  the Work under the terms of the Licence.
+
+- ‘Distribution’ or ‘Communication’: any act of selling, giving, lending,
+  renting, distributing, communicating, transmitting, or otherwise making
+  available, online or offline, copies of the Work or providing access to its
+  essential functionalities at the disposal of any other natural or legal
+  person.
+
+## 2. Scope of the rights granted by the Licence
+
+The Licensor hereby grants You a worldwide, royalty-free, non-exclusive,
+sublicensable licence to do the following, for the duration of copyright vested
+in the Original Work:
+
+- use the Work in any circumstance and for all usage,
+- reproduce the Work,
+- modify the Work, and make Derivative Works based upon the Work,
+- communicate to the public, including the right to make available or display
+  the Work or copies thereof to the public and perform publicly, as the case may
+  be, the Work,
+- distribute the Work or copies thereof,
+- lend and rent the Work or copies thereof,
+- sublicense rights in the Work or copies thereof.
+
+Those rights can be exercised on any media, supports and formats, whether now
+known or later invented, as far as the applicable law permits so.
+
+In the countries where moral rights apply, the Licensor waives his right to
+exercise his moral right to the extent allowed by law in order to make effective
+the licence of the economic rights here above listed.
+
+The Licensor grants to the Licensee royalty-free, non-exclusive usage rights to
+any patents held by the Licensor, to the extent necessary to make use of the
+rights granted on the Work under this Licence.
+
+## 3. Communication of the Source Code
+
+The Licensor may provide the Work either in its Source Code form, or as
+Executable Code. If the Work is provided as Executable Code, the Licensor
+provides in addition a machine-readable copy of the Source Code of the Work
+along with each copy of the Work that the Licensor distributes or indicates, in
+a notice following the copyright notice attached to the Work, a repository where
+the Source Code is easily and freely accessible for as long as the Licensor
+continues to distribute or communicate the Work.
+
+## 4. Limitations on copyright
+
+Nothing in this Licence is intended to deprive the Licensee of the benefits from
+any exception or limitation to the exclusive rights of the rights owners in the
+Work, of the exhaustion of those rights or of other applicable limitations
+thereto.
+
+## 5. Obligations of the Licensee
+
+The grant of the rights mentioned above is subject to some restrictions and
+obligations imposed on the Licensee. Those obligations are the following:
+
+Attribution right: The Licensee shall keep intact all copyright, patent or
+trademarks notices and all notices that refer to the Licence and to the
+disclaimer of warranties. The Licensee must include a copy of such notices and a
+copy of the Licence with every copy of the Work he/she distributes or
+communicates. The Licensee must cause any Derivative Work to carry prominent
+notices stating that the Work has been modified and the date of modification.
+
+Copyleft clause: If the Licensee distributes or communicates copies of the
+Original Works or Derivative Works, this Distribution or Communication will be
+done under the terms of this Licence or of a later version of this Licence
+unless the Original Work is expressly distributed only under this version of the
+Licence — for example by communicating ‘EUPL v. 1.2 only’. The Licensee
+(becoming Licensor) cannot offer or impose any additional terms or conditions on
+the Work or Derivative Work that alter or restrict the terms of the Licence.
+
+Compatibility clause: If the Licensee Distributes or Communicates Derivative
+Works or copies thereof based upon both the Work and another work licensed under
+a Compatible Licence, this Distribution or Communication can be done under the
+terms of this Compatible Licence. For the sake of this clause, ‘Compatible
+Licence’ refers to the licences listed in the appendix attached to this Licence.
+Should the Licensee's obligations under the Compatible Licence conflict with
+his/her obligations under this Licence, the obligations of the Compatible
+Licence shall prevail.
+
+Provision of Source Code: When distributing or communicating copies of the Work,
+the Licensee will provide a machine-readable copy of the Source Code or indicate
+a repository where this Source will be easily and freely available for as long
+as the Licensee continues to distribute or communicate the Work.
+
+Legal Protection: This Licence does not grant permission to use the trade names,
+trademarks, service marks, or names of the Licensor, except as required for
+reasonable and customary use in describing the origin of the Work and
+reproducing the content of the copyright notice.
+
+## 6. Chain of Authorship
+
+The original Licensor warrants that the copyright in the Original Work granted
+hereunder is owned by him/her or licensed to him/her and that he/she has the
+power and authority to grant the Licence.
+
+Each Contributor warrants that the copyright in the modifications he/she brings
+to the Work are owned by him/her or licensed to him/her and that he/she has the
+power and authority to grant the Licence.
+
+Each time You accept the Licence, the original Licensor and subsequent
+Contributors grant You a licence to their contributions to the Work, under the
+terms of this Licence.
+
+## 7. Disclaimer of Warranty
+
+The Work is a work in progress, which is continuously improved by numerous
+Contributors. It is not a finished work and may therefore contain defects or
+‘bugs’ inherent to this type of development.
+
+For the above reason, the Work is provided under the Licence on an ‘as is’ basis
+and without warranties of any kind concerning the Work, including without
+limitation merchantability, fitness for a particular purpose, absence of defects
+or errors, accuracy, non-infringement of intellectual property rights other than
+copyright as stated in Article 6 of this Licence.
+
+This disclaimer of warranty is an essential part of the Licence and a condition
+for the grant of any rights to the Work.
+
+## 8. Disclaimer of Liability
+
+Except in the cases of wilful misconduct or damages directly caused to natural
+persons, the Licensor will in no event be liable for any direct or indirect,
+material or moral, damages of any kind, arising out of the Licence or of the use
+of the Work, including without limitation, damages for loss of goodwill, work
+stoppage, computer failure or malfunction, loss of data or any commercial
+damage, even if the Licensor has been advised of the possibility of such damage.
+However, the Licensor will be liable under statutory product liability laws as
+far such laws apply to the Work.
+
+## 9. Additional agreements
+
+While distributing the Work, You may choose to conclude an additional agreement,
+defining obligations or services consistent with this Licence. However, if
+accepting obligations, You may act only on your own behalf and on your sole
+responsibility, not on behalf of the original Licensor or any other Contributor,
+and only if You agree to indemnify, defend, and hold each Contributor harmless
+for any liability incurred by, or claims asserted against such Contributor by
+the fact You have accepted any warranty or additional liability.
+
+## 10. Acceptance of the Licence
+
+The provisions of this Licence can be accepted by clicking on an icon ‘I agree’
+placed under the bottom of a window displaying the text of this Licence or by
+affirming consent in any other similar way, in accordance with the rules of
+applicable law. Clicking on that icon indicates your clear and irrevocable
+acceptance of this Licence and all of its terms and conditions.
+
+Similarly, you irrevocably accept this Licence and all of its terms and
+conditions by exercising any rights granted to You by Article 2 of this Licence,
+such as the use of the Work, the creation by You of a Derivative Work or the
+Distribution or Communication by You of the Work or copies thereof.
+
+## 11. Information to the public
+
+In case of any Distribution or Communication of the Work by means of electronic
+communication by You (for example, by offering to download the Work from a
+remote location) the distribution channel or media (for example, a website) must
+at least provide to the public the information requested by the applicable law
+regarding the Licensor, the Licence and the way it may be accessible, concluded,
+stored and reproduced by the Licensee.
+
+## 12. Termination of the Licence
+
+The Licence and the rights granted hereunder will terminate automatically upon
+any breach by the Licensee of the terms of the Licence.
+
+Such a termination will not terminate the licences of any person who has
+received the Work from the Licensee under the Licence, provided such persons
+remain in full compliance with the Licence.
+
+## 13. Miscellaneous
+
+Without prejudice of Article 9 above, the Licence represents the complete
+agreement between the Parties as to the Work.
+
+If any provision of the Licence is invalid or unenforceable under applicable
+law, this will not affect the validity or enforceability of the Licence as a
+whole. Such provision will be construed or reformed so as necessary to make it
+valid and enforceable.
+
+The European Commission may publish other linguistic versions or new versions of
+this Licence or updated versions of the Appendix, so far this is required and
+reasonable, without reducing the scope of the rights granted by the Licence. New
+versions of the Licence will be published with a unique version number.
+
+All linguistic versions of this Licence, approved by the European Commission,
+have identical value. Parties can take advantage of the linguistic version of
+their choice.
+
+## 14. Jurisdiction
+
+Without prejudice to specific agreement between parties,
+
+- any litigation resulting from the interpretation of this License, arising
+  between the European Union institutions, bodies, offices or agencies, as a
+  Licensor, and any Licensee, will be subject to the jurisdiction of the Court
+  of Justice of the European Union, as laid down in article 272 of the Treaty on
+  the Functioning of the European Union,
+
+- any litigation arising between other parties and resulting from the
+  interpretation of this License, will be subject to the exclusive jurisdiction
+  of the competent court where the Licensor resides or conducts its primary
+  business.
+
+## 15. Applicable Law
+
+Without prejudice to specific agreement between parties,
+
+- this Licence shall be governed by the law of the European Union Member State
+  where the Licensor has his seat, resides or has his registered office,
+
+- this licence shall be governed by Belgian law if the Licensor has no seat,
+  residence or registered office inside a European Union Member State.
+
+## Appendix
+
+‘Compatible Licences’ according to Article 5 EUPL are:
+
+- GNU General Public License (GPL) v. 2, v. 3
+- GNU Affero General Public License (AGPL) v. 3
+- Open Software License (OSL) v. 2.1, v. 3.0
+- Eclipse Public License (EPL) v. 1.0
+- CeCILL v. 2.0, v. 2.1
+- Mozilla Public Licence (MPL) v. 2
+- GNU Lesser General Public Licence (LGPL) v. 2.1, v. 3
+- Creative Commons Attribution-ShareAlike v. 3.0 Unported (CC BY-SA 3.0) for
+  works other than software
+- European Union Public Licence (EUPL) v. 1.1, v. 1.2
+- Québec Free and Open-Source Licence — Reciprocity (LiLiQ-R) or Strong
+  Reciprocity (LiLiQ-R+).
+
+The European Commission may update this Appendix to later versions of the above
+licences without producing a new version of the EUPL, as long as they provide
+the rights granted in Article 2 of this Licence and protect the covered Source
+Code from exclusive appropriation.
+
+All other changes or additions to this Appendix require the production of a new
+EUPL version.

package/dist/component-library-vue.es.js

@@ -0,0 +1,549 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { openBlock, createElementBlock, renderSlot, defineComponent, normalizeClass } from "vue";
+var index_scss_vue_type_style_index_0_src_ef9a24a0_lang = "";
+var _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const _sfc_main$q = {};
+const _hoisted_1$m = { class: "utrecht-article" };
+function _sfc_render$f(_ctx, _cache) {
+  return openBlock(), createElementBlock("article", _hoisted_1$m, [
+    renderSlot(_ctx.$slots, "default")
+  ]);
+}
+var UtrechtArticle = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render$f]]);
+var index_scss_vue_type_style_index_0_src_70491734_lang = "";
+const _sfc_main$p = /* @__PURE__ */ defineComponent({
+  props: {
+    status: null
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("span", {
+        class: normalizeClass(["utrecht-badge-status", {
+          ["utrecht-badge--" + __props.status]: true
+        }])
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+var index_scss_vue_type_style_index_0_src_46e8842a_lang = "";
+const _hoisted_1$l = ["aria-busy", "disabled"];
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
+  props: {
+    appearance: null,
+    busy: { type: Boolean },
+    disabled: { type: Boolean },
+    type: null
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("button", {
+        class: normalizeClass(["utrecht-button", {
+          "utrecht-button--busy": __props.busy,
+          "utrecht-button--disabled": __props.disabled,
+          "utrecht-button--primary-action": __props.appearance === "primary-action-button",
+          "utrecht-button--secondary-action": __props.appearance === "secondary-action-button",
+          "utrecht-button--submit": __props.type === "submit",
+          "utrecht-button--subtle": __props.appearance === "subtle-button"
+        }]),
+        "aria-busy": __props.busy || void 0,
+        disabled: __props.disabled
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 10, _hoisted_1$l);
+    };
+  }
+});
+var index_scss_vue_type_style_index_0_src_2303b246_lang = "";
+const _sfc_main$n = {};
+const _hoisted_1$k = { class: "utrecht-button-group" };
+function _sfc_render$e(_ctx, _cache) {
+  return openBlock(), createElementBlock("div", _hoisted_1$k, [
+    renderSlot(_ctx.$slots, "default")
+  ]);
+}
+var UtrechtButtonGroup = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_render$e]]);
+function looseCompareArrays(a, b) {
+  if (a.length !== b.length)
+    return false;
+  let equal = true;
+  for (let i = 0; equal && i < a.length; i++) {
+    equal = looseEqual(a[i], b[i]);
+  }
+  return equal;
+}
+function looseEqual(a, b) {
+  if (a === b)
+    return true;
+  let aValidType = isDate(a);
+  let bValidType = isDate(b);
+  if (aValidType || bValidType) {
+    return aValidType && bValidType ? a.getTime() === b.getTime() : false;
+  }
+  aValidType = isArray(a);
+  bValidType = isArray(b);
+  if (aValidType || bValidType) {
+    return aValidType && bValidType ? looseCompareArrays(a, b) : false;
+  }
+  aValidType = isObject(a);
+  bValidType = isObject(b);
+  if (aValidType || bValidType) {
+    if (!aValidType || !bValidType) {
+      return false;
+    }
+    const aKeysCount = Object.keys(a).length;
+    const bKeysCount = Object.keys(b).length;
+    if (aKeysCount !== bKeysCount) {
+      return false;
+    }
+    for (const key in a) {
+      const aHasKey = a.hasOwnProperty(key);
+      const bHasKey = b.hasOwnProperty(key);
+      if (aHasKey && !bHasKey || !aHasKey && bHasKey || !looseEqual(a[key], b[key])) {
+        return false;
+      }
+    }
+  }
+  return String(a) === String(b);
+}
+const isArray = Array.isArray;
+const isDate = (val) => val instanceof Date;
+const isObject = (val) => val !== null && typeof val === "object";
+var index_scss_vue_type_style_index_0_src_a26e3682_lang = "";
+const _hoisted_1$j = ["aria-invalid", "checked", "disabled", "required", "value"];
+const isSet = (arg) => arg instanceof Set;
+const isChecked$1 = (modelValue, value) => {
+  if (Array.isArray(modelValue)) {
+    return modelValue.includes(value);
+  } else if (modelValue instanceof Set) {
+    return modelValue.has(value);
+  } else {
+    return looseEqual(modelValue, value);
+  }
+};
+const checkValue = (modelValue, value) => {
+  if (Array.isArray(modelValue)) {
+    return [...modelValue, value];
+  } else if (isSet(modelValue)) {
+    return new Set(modelValue).add(value);
+  } else {
+    return value;
+  }
+};
+const uncheckValue = (modelValue, value) => {
+  if (Array.isArray(modelValue)) {
+    return modelValue.filter((item) => item !== value);
+  } else if (isSet(modelValue)) {
+    const set = new Set(modelValue);
+    set.delete(value);
+    return set;
+  } else {
+    return "";
+  }
+};
+const __default__$1 = {
+  methods: {
+    $_handleInputEvent(_evt) {
+      const { value, modelValue } = this;
+      const newValue = isChecked$1(modelValue, value) ? uncheckValue(modelValue, value) : checkValue(modelValue, value);
+      this.$emit("update:modelValue", newValue);
+    },
+    $_isChecked() {
+      return isChecked$1(this.modelValue, this.value);
+    }
+  }
+};
+const _sfc_main$m = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$1), {
+  props: {
+    checked: { type: Boolean },
+    disabled: { type: Boolean },
+    invalid: { type: Boolean },
+    modelValue: null,
+    required: { type: Boolean },
+    value: null
+  },
+  emits: ["update:modelValue"],
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("input", {
+        type: "checkbox",
+        class: normalizeClass(["utrecht-checkbox", {
+          "utrecht-checkbox--checked": __props.checked || _ctx.$_isChecked(),
+          "utrecht-checkbox--disabled": __props.disabled,
+          "utrecht-checkbox--invalid": __props.invalid,
+          "utrecht-checkbox--required": __props.required
+        }]),
+        "aria-invalid": __props.invalid || void 0,
+        checked: typeof __props.checked === "boolean" ? __props.checked : _ctx.$_isChecked(),
+        disabled: __props.disabled,
+        required: __props.required,
+        value: __props.value,
+        onInput: _cache[0] || (_cache[0] = ($event) => _ctx.$_handleInputEvent($event))
+      }, null, 42, _hoisted_1$j);
+    };
+  }
+}));
+var index_scss_vue_type_style_index_0_src_377dc625_lang = "";
+const _sfc_main$l = {};
+const _hoisted_1$i = { class: "utrecht-document" };
+function _sfc_render$d(_ctx, _cache) {
+  return openBlock(), createElementBlock("div", _hoisted_1$i, [
+    renderSlot(_ctx.$slots, "default")
+  ]);
+}
+var UtrechtDocument = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", _sfc_render$d]]);
+var index_scss_vue_type_style_index_0_src_0334bbae_lang = "";
+const _sfc_main$k = {};
+const _hoisted_1$h = { class: "utrecht-form-field" };
+function _sfc_render$c(_ctx, _cache) {
+  return openBlock(), createElementBlock("div", _hoisted_1$h, [
+    renderSlot(_ctx.$slots, "default")
+  ]);
+}
+var UtrechtFormField = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$c]]);
+var index_scss_vue_type_style_index_0_src_7d9b1ad2_lang = "";
+const _sfc_main$j = {};
+const _hoisted_1$g = { class: "utrecht-form-fieldset" };
+function _sfc_render$b(_ctx, _cache) {
+  return openBlock(), createElementBlock("fieldset", _hoisted_1$g, [
+    renderSlot(_ctx.$slots, "default")
+  ]);
+}
+var UtrechtFormFieldset = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$b]]);
+var index_scss_vue_type_style_index_0_src_557ef4dc_lang = "";
+const _sfc_main$i = {};
+const _hoisted_1$f = { class: "utrecht-form-fieldset__legend" };
+function _sfc_render$a(_ctx, _cache) {
+  return openBlock(), createElementBlock("legend", _hoisted_1$f, [
+    renderSlot(_ctx.$slots, "default")
+  ]);
+}
+var UtrechtFormFieldsetLegend = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", _sfc_render$a]]);
+var index_scss_vue_type_style_index_0_src_e35723f4_lang = "";
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
+  props: {
+    checked: { type: Boolean },
+    disabled: { type: Boolean },
+    type: null
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("label", {
+        class: normalizeClass(["utrecht-form-label", {
+          "utrecht-form-label--checked": __props.checked,
+          "utrecht-form-label--disabled": __props.disabled,
+          "utrecht-form-label--radio": __props.type === "radio",
+          "utrecht-form-label--checkbox": __props.type === "checkbox"
+        }])
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+var index_scss_vue_type_style_index_0_src_75371619_lang = "";
+const _sfc_main$g = {};
+const _hoisted_1$e = { class: "utrecht-heading-1" };
+function _sfc_render$9(_ctx, _cache) {
+  return openBlock(), createElementBlock("h1", _hoisted_1$e, [
+    renderSlot(_ctx.$slots, "default")
+  ]);
+}
+var UtrechtHeading1 = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_render$9]]);
+var index_scss_vue_type_style_index_0_src_52277e5a_lang = "";
+const _sfc_main$f = {};
+const _hoisted_1$d = { class: "utrecht-heading-2" };
+function _sfc_render$8(_ctx, _cache) {
+  return openBlock(), createElementBlock("h2", _hoisted_1$d, [
+    renderSlot(_ctx.$slots, "default")
+  ]);
+}
+var UtrechtHeading2 = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_render$8]]);
+var index_scss_vue_type_style_index_0_src_2f17e69b_lang = "";
+const _sfc_main$e = {};
+const _hoisted_1$c = { class: "utrecht-heading-3" };
+function _sfc_render$7(_ctx, _cache) {
+  return openBlock(), createElementBlock("h3", _hoisted_1$c, [
+    renderSlot(_ctx.$slots, "default")
+  ]);
+}
+var UtrechtHeading3 = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render$7]]);
+var index_scss_vue_type_style_index_0_src_0c084edc_lang = "";
+const _sfc_main$d = {};
+const _hoisted_1$b = { class: "utrecht-heading-4" };
+function _sfc_render$6(_ctx, _cache) {
+  return openBlock(), createElementBlock("h4", _hoisted_1$b, [
+    renderSlot(_ctx.$slots, "default")
+  ]);
+}
+var UtrechtHeading4 = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$6]]);
+var index_scss_vue_type_style_index_0_src_2e0e91c6_lang = "";
+const _sfc_main$c = {};
+const _hoisted_1$a = { class: "utrecht-heading-5" };
+function _sfc_render$5(_ctx, _cache) {
+  return openBlock(), createElementBlock("h5", _hoisted_1$a, [
+    renderSlot(_ctx.$slots, "default")
+  ]);
+}
+var UtrechtHeading5 = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$5]]);
+var index_scss_vue_type_style_index_0_src_742dc144_lang = "";
+const _sfc_main$b = {};
+const _hoisted_1$9 = { class: "utrecht-heading-6" };
+function _sfc_render$4(_ctx, _cache) {
+  return openBlock(), createElementBlock("h6", _hoisted_1$9, [
+    renderSlot(_ctx.$slots, "default")
+  ]);
+}
+var UtrechtHeading6 = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$4]]);
+var index_scss_vue_type_style_index_0_src_57003daf_lang = "";
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
+  props: {
+    external: { type: Boolean }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("a", {
+        class: normalizeClass(["utrecht-link", {
+          "utrecht-link--external": __props.external
+        }])
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+var index_scss_vue_type_style_index_0_src_c95041ce_lang = "";
+const _sfc_main$9 = {};
+const _hoisted_1$8 = { class: "utrecht-page" };
+function _sfc_render$3(_ctx, _cache) {
+  return openBlock(), createElementBlock("div", _hoisted_1$8, [
+    renderSlot(_ctx.$slots, "default")
+  ]);
+}
+var UtrechtPage = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$3]]);
+var index_scss_vue_type_style_index_0_src_0fe4086e_lang = "";
+const _sfc_main$8 = {};
+const _hoisted_1$7 = { class: "utrecht-page-content" };
+function _sfc_render$2(_ctx, _cache) {
+  return openBlock(), createElementBlock("div", _hoisted_1$7, [
+    renderSlot(_ctx.$slots, "default")
+  ]);
+}
+var UtrechtPageContent = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$2]]);
+var index_scss_vue_type_style_index_0_src_970efa78_lang = "";
+const _sfc_main$7 = {};
+const _hoisted_1$6 = { class: "utrecht-page-footer" };
+function _sfc_render$1(_ctx, _cache) {
+  return openBlock(), createElementBlock("footer", _hoisted_1$6, [
+    renderSlot(_ctx.$slots, "default")
+  ]);
+}
+var UtrechtPageFooter = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$1]]);
+var index_scss_vue_type_style_index_0_src_38ff3736_lang = "";
+const _sfc_main$6 = {};
+const _hoisted_1$5 = { class: "utrecht-page-header" };
+function _sfc_render(_ctx, _cache) {
+  return openBlock(), createElementBlock("header", _hoisted_1$5, [
+    renderSlot(_ctx.$slots, "default")
+  ]);
+}
+var UtrechtPageHeader = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render]]);
+var index_scss_vue_type_style_index_0_src_aebee898_lang = "";
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  props: {
+    lead: { type: Boolean }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("p", {
+        class: normalizeClass(["utrecht-paragraph", { "utrecht-paragraph--lead": __props.lead }])
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+var index_scss_vue_type_style_index_0_src_08e0d1b3_lang = "";
+const _hoisted_1$4 = ["aria-invalid", "checked", "disabled", "required", "value"];
+const isChecked = (modelValue, value) => looseEqual(modelValue, value);
+const __default__ = {
+  methods: {
+    $_handleInputEvent(evtTarget) {
+      if (evtTarget.checked) {
+        this.$emit("update:modelValue", this.value);
+      }
+    },
+    $_isChecked() {
+      return typeof this.modelValue !== "undefined" ? isChecked(this.modelValue, this.value) : this.checked;
+    }
+  }
+};
+const _sfc_main$4 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__), {
+  props: {
+    checked: { type: Boolean },
+    disabled: { type: Boolean },
+    invalid: { type: Boolean },
+    modelValue: null,
+    required: { type: Boolean },
+    value: null
+  },
+  emits: ["update:modelValue"],
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("input", {
+        type: "radio",
+        class: normalizeClass(["utrecht-radio-button", {
+          "utrecht-radio-button--checked": __props.checked,
+          "utrecht-radio-button--disabled": __props.disabled,
+          "utrecht-radio-button--invalid": __props.invalid,
+          "utrecht-radio-button--required": __props.required
+        }]),
+        "aria-invalid": __props.invalid || void 0,
+        checked: _ctx.$_isChecked(),
+        disabled: __props.disabled,
+        required: __props.required,
+        value: __props.value,
+        onInput: _cache[0] || (_cache[0] = ($event) => _ctx.$_handleInputEvent($event.target))
+      }, null, 42, _hoisted_1$4);
+    };
+  }
+}));
+var index_scss_vue_type_style_index_0_src_5b35235f_lang = "";
+const _hoisted_1$3 = ["aria-invalid", "disabled", "readonly", "required", "value"];
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  props: {
+    disabled: { type: Boolean },
+    invalid: { type: Boolean },
+    modelValue: null,
+    readonly: { type: Boolean },
+    required: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("select", {
+        class: normalizeClass(["utrecht-select", {
+          "utrecht-select--disabled": __props.disabled,
+          "utrecht-select--invalid": __props.invalid,
+          "utrecht-select--required": __props.required,
+          "utrecht-select--readonly": __props.readonly
+        }]),
+        "aria-invalid": __props.invalid || void 0,
+        disabled: __props.disabled,
+        readonly: __props.readonly,
+        required: __props.required,
+        value: __props.modelValue,
+        onInput: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:modelValue", $event.target.value))
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 42, _hoisted_1$3);
+    };
+  }
+});
+var index_scss_vue_type_style_index_0_src_3505c666_lang = "";
+const _hoisted_1$2 = ["disabled"];
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  props: {
+    disabled: { type: Boolean }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("option", {
+        class: normalizeClass(["utrecht-select__option", {
+          "utrecht-select__option--disabled": __props.disabled
+        }]),
+        disabled: __props.disabled
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 10, _hoisted_1$2);
+    };
+  }
+});
+var index_scss_vue_type_style_index_0_src_5758ba1d_lang = "";
+const _hoisted_1$1 = ["aria-invalid", "disabled", "readonly", "required", "value"];
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  props: {
+    disabled: { type: Boolean },
+    invalid: { type: Boolean },
+    modelValue: null,
+    readonly: { type: Boolean },
+    required: { type: Boolean },
+    type: null
+  },
+  emits: ["update:modelValue"],
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("textarea", {
+        class: normalizeClass(["utrecht-textarea", {
+          "utrecht-textarea--disabled": __props.disabled,
+          "utrecht-textarea--invalid": __props.invalid,
+          "utrecht-textarea--required": __props.required,
+          "utrecht-textarea--readonly": __props.readonly
+        }]),
+        "aria-invalid": __props.invalid || void 0,
+        disabled: __props.disabled,
+        readonly: __props.readonly,
+        required: __props.required,
+        value: __props.modelValue,
+        onInput: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:modelValue", $event.target.value))
+      }, null, 42, _hoisted_1$1);
+    };
+  }
+});
+var index_scss_vue_type_style_index_0_src_ea555f8a_lang = "";
+const _hoisted_1 = ["aria-invalid", "disabled", "readonly", "required", "value"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  props: {
+    disabled: { type: Boolean },
+    invalid: { type: Boolean },
+    modelValue: null,
+    readonly: { type: Boolean },
+    required: { type: Boolean },
+    type: null
+  },
+  emits: ["update:modelValue"],
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("input", {
+        class: normalizeClass(["utrecht-textbox", {
+          "utrecht-textbox--disabled": __props.disabled,
+          "utrecht-textbox--invalid": __props.invalid,
+          "utrecht-textbox--required": __props.required,
+          "utrecht-textbox--readonly": __props.readonly
+        }]),
+        "aria-invalid": __props.invalid || void 0,
+        disabled: __props.disabled,
+        readonly: __props.readonly,
+        required: __props.required,
+        value: __props.modelValue,
+        onInput: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:modelValue", $event.target.value))
+      }, null, 42, _hoisted_1);
+    };
+  }
+});
+export { UtrechtArticle as Article, _sfc_main$p as BadgeStatus, _sfc_main$o as Button, UtrechtButtonGroup as ButtonGroup, _sfc_main$m as Checkbox, UtrechtDocument as Document, UtrechtFormField as FormField, UtrechtFormFieldset as FormFieldset, UtrechtFormFieldsetLegend as FormFieldsetLegend, _sfc_main$h as FormLabel, UtrechtHeading1 as Heading1, UtrechtHeading2 as Heading2, UtrechtHeading3 as Heading3, UtrechtHeading4 as Heading4, UtrechtHeading5 as Heading5, UtrechtHeading6 as Heading6, _sfc_main$a as Link, UtrechtPage as Page, UtrechtPageContent as PageContent, UtrechtPageFooter as PageFooter, UtrechtPageHeader as PageHeader, _sfc_main$5 as Paragraph, _sfc_main$4 as RadioButton, _sfc_main$3 as Select, _sfc_main$2 as SelectOption, _sfc_main$1 as Textarea, _sfc_main as Textbox };

package/dist/component-library-vue.umd.js

@@ -0,0 +1 @@
+var at=Object.defineProperty,rt=Object.defineProperties;var lt=Object.getOwnPropertyDescriptors;var B=Object.getOwnPropertySymbols;var ct=Object.prototype.hasOwnProperty,st=Object.prototype.propertyIsEnumerable;var g=(r,t,s)=>t in r?at(r,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):r[t]=s,_=(r,t)=>{for(var s in t||(t={}))ct.call(t,s)&&g(r,s,t[s]);if(B)for(var s of B(t))st.call(t,s)&&g(r,s,t[s]);return r},u=(r,t)=>rt(r,lt(t));(function(r,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(r=typeof globalThis!="undefined"?globalThis:r||self,t(r["component-library-vue"]={},r.Vue))})(this,function(r,t){"use strict";var s="",c=(e,n)=>{const a=e.__vccOpts||e;for(const[l,o]of n)a[l]=o;return a};const p={},x={class:"utrecht-article"};function v(e,n){return t.openBlock(),t.createElementBlock("article",x,[t.renderSlot(e.$slots,"default")])}var C=c(p,[["render",v]]),dt="";const S=t.defineComponent({props:{status:null},setup(e){return(n,a)=>(t.openBlock(),t.createElementBlock("span",{class:t.normalizeClass(["utrecht-badge-status",{["utrecht-badge--"+e.status]:!0}])},[t.renderSlot(n.$slots,"default")],2))}});var it="";const q=["aria-busy","disabled"],E=t.defineComponent({props:{appearance:null,busy:{type:Boolean},disabled:{type:Boolean},type:null},setup(e){return(n,a)=>(t.openBlock(),t.createElementBlock("button",{class:t.normalizeClass(["utrecht-button",{"utrecht-button--busy":e.busy,"utrecht-button--disabled":e.disabled,"utrecht-button--primary-action":e.appearance==="primary-action-button","utrecht-button--secondary-action":e.appearance==="secondary-action-button","utrecht-button--submit":e.type==="submit","utrecht-button--subtle":e.appearance==="subtle-button"}]),"aria-busy":e.busy||void 0,disabled:e.disabled},[t.renderSlot(n.$slots,"default")],10,q))}});var ot="";const V={},H={class:"utrecht-button-group"};function U(e,n){return t.openBlock(),t.createElementBlock("div",H,[t.renderSlot(e.$slots,"default")])}var F=c(V,[["render",U]]);function A(e,n){if(e.length!==n.length)return!1;let a=!0;for(let l=0;a&&l<e.length;l++)a=d(e[l],n[l]);return a}function d(e,n){if(e===n)return!0;let a=f(e),l=f(n);if(a||l)return a&&l?e.getTime()===n.getTime():!1;if(a=h(e),l=h(n),a||l)return a&&l?A(e,n):!1;if(a=y(e),l=y(n),a||l){if(!a||!l)return!1;const o=Object.keys(e).length,nt=Object.keys(n).length;if(o!==nt)return!1;for(const i in e){const $=e.hasOwnProperty(i),k=n.hasOwnProperty(i);if($&&!k||!$&&k||!d(e[i],n[i]))return!1}}return String(e)===String(n)}const h=Array.isArray,f=e=>e instanceof Date,y=e=>e!==null&&typeof e=="object";var _t="";const P=["aria-invalid","checked","disabled","required","value"],m=e=>e instanceof Set,b=(e,n)=>Array.isArray(e)?e.includes(n):e instanceof Set?e.has(n):d(e,n),z=(e,n)=>Array.isArray(e)?[...e,n]:m(e)?new Set(e).add(n):n,I=(e,n)=>{if(Array.isArray(e))return e.filter(a=>a!==n);if(m(e)){const a=new Set(e);return a.delete(n),a}else return""},T={methods:{$_handleInputEvent(e){const{value:n,modelValue:a}=this,l=b(a,n)?I(a,n):z(a,n);this.$emit("update:modelValue",l)},$_isChecked(){return b(this.modelValue,this.value)}}},j=t.defineComponent(u(_({},T),{props:{checked:{type:Boolean},disabled:{type:Boolean},invalid:{type:Boolean},modelValue:null,required:{type:Boolean},value:null},emits:["update:modelValue"],setup(e){return(n,a)=>(t.openBlock(),t.createElementBlock("input",{type:"checkbox",class:t.normalizeClass(["utrecht-checkbox",{"utrecht-checkbox--checked":e.checked||n.$_isChecked(),"utrecht-checkbox--disabled":e.disabled,"utrecht-checkbox--invalid":e.invalid,"utrecht-checkbox--required":e.required}]),"aria-invalid":e.invalid||void 0,checked:typeof e.checked=="boolean"?e.checked:n.$_isChecked(),disabled:e.disabled,required:e.required,value:e.value,onInput:a[0]||(a[0]=l=>n.$_handleInputEvent(l))},null,42,P))}}));var ut="";const O={},w={class:"utrecht-document"};function D(e,n){return t.openBlock(),t.createElementBlock("div",w,[t.renderSlot(e.$slots,"default")])}var K=c(O,[["render",D]]),ht="";const L={},G={class:"utrecht-form-field"};function M(e,n){return t.openBlock(),t.createElementBlock("div",G,[t.renderSlot(e.$slots,"default")])}var R=c(L,[["render",M]]),ft="";const J={},N={class:"utrecht-form-fieldset"};function Q(e,n){return t.openBlock(),t.createElementBlock("fieldset",N,[t.renderSlot(e.$slots,"default")])}var W=c(J,[["render",Q]]),yt="";const X={},Y={class:"utrecht-form-fieldset__legend"};function Z(e,n){return t.openBlock(),t.createElementBlock("legend",Y,[t.renderSlot(e.$slots,"default")])}var ee=c(X,[["render",Z]]),mt="";const te=t.defineComponent({props:{checked:{type:Boolean},disabled:{type:Boolean},type:null},setup(e){return(n,a)=>(t.openBlock(),t.createElementBlock("label",{class:t.normalizeClass(["utrecht-form-label",{"utrecht-form-label--checked":e.checked,"utrecht-form-label--disabled":e.disabled,"utrecht-form-label--radio":e.type==="radio","utrecht-form-label--checkbox":e.type==="checkbox"}])},[t.renderSlot(n.$slots,"default")],2))}});var bt="";const ne={},ae={class:"utrecht-heading-1"};function re(e,n){return t.openBlock(),t.createElementBlock("h1",ae,[t.renderSlot(e.$slots,"default")])}var le=c(ne,[["render",re]]),$t="";const ce={},se={class:"utrecht-heading-2"};function de(e,n){return t.openBlock(),t.createElementBlock("h2",se,[t.renderSlot(e.$slots,"default")])}var ie=c(ce,[["render",de]]),kt="";const oe={},_e={class:"utrecht-heading-3"};function ue(e,n){return t.openBlock(),t.createElementBlock("h3",_e,[t.renderSlot(e.$slots,"default")])}var he=c(oe,[["render",ue]]),Bt="";const fe={},ye={class:"utrecht-heading-4"};function me(e,n){return t.openBlock(),t.createElementBlock("h4",ye,[t.renderSlot(e.$slots,"default")])}var be=c(fe,[["render",me]]),gt="";const $e={},ke={class:"utrecht-heading-5"};function Be(e,n){return t.openBlock(),t.createElementBlock("h5",ke,[t.renderSlot(e.$slots,"default")])}var ge=c($e,[["render",Be]]),pt="";const pe={},xe={class:"utrecht-heading-6"};function ve(e,n){return t.openBlock(),t.createElementBlock("h6",xe,[t.renderSlot(e.$slots,"default")])}var Ce=c(pe,[["render",ve]]),xt="";const Se=t.defineComponent({props:{external:{type:Boolean}},setup(e){return(n,a)=>(t.openBlock(),t.createElementBlock("a",{class:t.normalizeClass(["utrecht-link",{"utrecht-link--external":e.external}])},[t.renderSlot(n.$slots,"default")],2))}});var vt="";const qe={},Ee={class:"utrecht-page"};function Ve(e,n){return t.openBlock(),t.createElementBlock("div",Ee,[t.renderSlot(e.$slots,"default")])}var He=c(qe,[["render",Ve]]),Ct="";const Ue={},Fe={class:"utrecht-page-content"};function Ae(e,n){return t.openBlock(),t.createElementBlock("div",Fe,[t.renderSlot(e.$slots,"default")])}var Pe=c(Ue,[["render",Ae]]),St="";const ze={},Ie={class:"utrecht-page-footer"};function Te(e,n){return t.openBlock(),t.createElementBlock("footer",Ie,[t.renderSlot(e.$slots,"default")])}var je=c(ze,[["render",Te]]),qt="";const Oe={},we={class:"utrecht-page-header"};function De(e,n){return t.openBlock(),t.createElementBlock("header",we,[t.renderSlot(e.$slots,"default")])}var Ke=c(Oe,[["render",De]]),Et="";const Le=t.defineComponent({props:{lead:{type:Boolean}},setup(e){return(n,a)=>(t.openBlock(),t.createElementBlock("p",{class:t.normalizeClass(["utrecht-paragraph",{"utrecht-paragraph--lead":e.lead}])},[t.renderSlot(n.$slots,"default")],2))}});var Vt="";const Ge=["aria-invalid","checked","disabled","required","value"],Me=(e,n)=>d(e,n),Re={methods:{$_handleInputEvent(e){e.checked&&this.$emit("update:modelValue",this.value)},$_isChecked(){return typeof this.modelValue!="undefined"?Me(this.modelValue,this.value):this.checked}}},Je=t.defineComponent(u(_({},Re),{props:{checked:{type:Boolean},disabled:{type:Boolean},invalid:{type:Boolean},modelValue:null,required:{type:Boolean},value:null},emits:["update:modelValue"],setup(e){return(n,a)=>(t.openBlock(),t.createElementBlock("input",{type:"radio",class:t.normalizeClass(["utrecht-radio-button",{"utrecht-radio-button--checked":e.checked,"utrecht-radio-button--disabled":e.disabled,"utrecht-radio-button--invalid":e.invalid,"utrecht-radio-button--required":e.required}]),"aria-invalid":e.invalid||void 0,checked:n.$_isChecked(),disabled:e.disabled,required:e.required,value:e.value,onInput:a[0]||(a[0]=l=>n.$_handleInputEvent(l.target))},null,42,Ge))}}));var Ht="";const Ne=["aria-invalid","disabled","readonly","required","value"],Qe=t.defineComponent({props:{disabled:{type:Boolean},invalid:{type:Boolean},modelValue:null,readonly:{type:Boolean},required:{type:Boolean}},emits:["update:modelValue"],setup(e){return(n,a)=>(t.openBlock(),t.createElementBlock("select",{class:t.normalizeClass(["utrecht-select",{"utrecht-select--disabled":e.disabled,"utrecht-select--invalid":e.invalid,"utrecht-select--required":e.required,"utrecht-select--readonly":e.readonly}]),"aria-invalid":e.invalid||void 0,disabled:e.disabled,readonly:e.readonly,required:e.required,value:e.modelValue,onInput:a[0]||(a[0]=l=>n.$emit("update:modelValue",l.target.value))},[t.renderSlot(n.$slots,"default")],42,Ne))}});var Ut="";const We=["disabled"],Xe=t.defineComponent({props:{disabled:{type:Boolean}},setup(e){return(n,a)=>(t.openBlock(),t.createElementBlock("option",{class:t.normalizeClass(["utrecht-select__option",{"utrecht-select__option--disabled":e.disabled}]),disabled:e.disabled},[t.renderSlot(n.$slots,"default")],10,We))}});var Ft="";const Ye=["aria-invalid","disabled","readonly","required","value"],Ze=t.defineComponent({props:{disabled:{type:Boolean},invalid:{type:Boolean},modelValue:null,readonly:{type:Boolean},required:{type:Boolean},type:null},emits:["update:modelValue"],setup(e){return(n,a)=>(t.openBlock(),t.createElementBlock("textarea",{class:t.normalizeClass(["utrecht-textarea",{"utrecht-textarea--disabled":e.disabled,"utrecht-textarea--invalid":e.invalid,"utrecht-textarea--required":e.required,"utrecht-textarea--readonly":e.readonly}]),"aria-invalid":e.invalid||void 0,disabled:e.disabled,readonly:e.readonly,required:e.required,value:e.modelValue,onInput:a[0]||(a[0]=l=>n.$emit("update:modelValue",l.target.value))},null,42,Ye))}});var At="";const et=["aria-invalid","disabled","readonly","required","value"],tt=t.defineComponent({props:{disabled:{type:Boolean},invalid:{type:Boolean},modelValue:null,readonly:{type:Boolean},required:{type:Boolean},type:null},emits:["update:modelValue"],setup(e){return(n,a)=>(t.openBlock(),t.createElementBlock("input",{class:t.normalizeClass(["utrecht-textbox",{"utrecht-textbox--disabled":e.disabled,"utrecht-textbox--invalid":e.invalid,"utrecht-textbox--required":e.required,"utrecht-textbox--readonly":e.readonly}]),"aria-invalid":e.invalid||void 0,disabled:e.disabled,readonly:e.readonly,required:e.required,value:e.modelValue,onInput:a[0]||(a[0]=l=>n.$emit("update:modelValue",l.target.value))},null,42,et))}});r.Article=C,r.BadgeStatus=S,r.Button=E,r.ButtonGroup=F,r.Checkbox=j,r.Document=K,r.FormField=R,r.FormFieldset=W,r.FormFieldsetLegend=ee,r.FormLabel=te,r.Heading1=le,r.Heading2=ie,r.Heading3=he,r.Heading4=be,r.Heading5=ge,r.Heading6=Ce,r.Link=Se,r.Page=He,r.PageContent=Pe,r.PageFooter=je,r.PageHeader=Ke,r.Paragraph=Le,r.RadioButton=Je,r.Select=Qe,r.SelectOption=Xe,r.Textarea=Ze,r.Textbox=tt,Object.defineProperties(r,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/dist/style.css

@@ -0,0 +1,77 @@
+.utrecht-article{max-inline-size:var(--utrecht-article-max-inline-size)}/**
+* @license EUPL-1.2
+* Copyright (c) 2021 Robbert Broersma
+*/.utrecht-badge-status{background-color:var(--utrecht-badge-background-color, hsl(0deg, 0%, 0%));border-radius:var(--utrecht-badge-border-radius, .5ch);color:var(--utrecht-badge-color, hsl(0deg, 0%, 100%));display:inline-block;font-family:var(--utrecht-document-font-family, sans-serif);font-size:var(--utrecht-badge-font-size, inherit);font-style:var(--utrecht-badge-font-style, normal);font-weight:var(--utrecht-badge-font-weight, bold);line-height:var(--utrecht-badge-line-height);padding-block-end:var(--utrecht-badge-padding-block, .5ex);padding-block-start:var(--utrecht-badge-padding-block, .5ex);padding-inline-end:var(--utrecht-badge-padding-inline, .5ch);padding-inline-start:var(--utrecht-badge-padding-inline, .5ch);text-decoration:none;letter-spacing:var(--utrecht-badge-status-letter-spacing, inherit);text-transform:var(--utrecht-badge-status-text-transform, inherit)}.utrecht-badge-status--danger{background-color:var(--utrecht-feedback-danger-fill-background-color, hsl(0deg, 100%, 50%));color:var(--utrecht-feedback-danger-fill-color, white)}.utrecht-badge-status--warning{background-color:var(--utrecht-feedback-warning-fill-background-color, hsl(39deg, 100%, 50%));color:var(--utrecht-feedback-warning-fill-color, white)}.utrecht-badge-status--safe{background-color:var(--utrecht-feedback-safe-fill-background-color, hsl(120deg, 100%, 25%));color:var(--utrecht-feedback-safe-fill-color, white)}.utrecht-badge-status--neutral{background-color:var(--utrecht-feedback-neutral-fill-background-color, black);color:var(--utrecht-feedback-neutral-fill-color, white)}.utrecht-badge-status--valid{background-color:var(--utrecht-feedback-valid-fill-background-color, var(--utrecht-feedback-safe-fill-background-color, hsl(0deg, 100%, 50%)));color:var(--utrecht-feedback-valid-fill-color, var(--utrecht-feedback-safe-fill-color, white))}.utrecht-badge-status--invalid{background-color:var(--utrecht-feedback-invalid-fill-background-color, var(--utrecht-feedback-danger-fill-background-color, hsl(39deg, 100%, 50%)));color:var(--utrecht-feedback-invalid-fill-color, var(--utrecht-feedback-danger-fill-color, white))}.utrecht-badge-status--error{background-color:var(--utrecht-feedback-error-fill-background-color, var(--utrecht-feedback-danger-fill-background-color, hsl(39deg, 100%, 50%)));color:var(--utrecht-feedback-error-fill-color, var(--utrecht-feedback-danger-fill-color, white))}.utrecht-badge-status--success{background-color:var(--utrecht-feedback-success-fill-background-color, var(--utrecht-feedback-safe-fill-background-color, hsl(39deg, 100%, 50%)));color:var(--utrecht-feedback-success-fill-color, var(--utrecht-feedback-safe-fill-color, white))}.utrecht-badge-status--active{background-color:var(--utrecht-feedback-active-fill-background-color, var(--utrecht-feedback-safe-fill-background-color, hsl(39deg, 100%, 50%)));color:var(--utrecht-feedback-active-fill-color, var(--utrecht-feedback-safe-fill-color, white))}.utrecht-badge-status--inactive{background-color:var(--utrecht-feedback-inactive-fill-background-color, var(--utrecht-feedback-danger-fill-background-color, hsl(39deg, 100%, 50%)));color:var(--utrecht-feedback-inactive-fill-color, var(--utrecht-feedback-danger-fill-color, white))}/**
+* @license EUPL-1.2
+* Copyright (c) 2021 The Knights Who Say NIH! B.V.
+* Copyright (c) 2021 Gemeente Utrecht
+*//**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 The Knights Who Say NIH! B.V.
+ * Copyright (c) 2021 Gemeente Utrecht
+ */.utrecht-button{background-color:var(--utrecht-button-background-color);border-color:var(--utrecht-button-border-color, transparent);border-bottom-color:var(--utrecht-button-border-bottom-color, var(--utrecht-button-border-color, transparent));border-radius:var(--utrecht-button-border-radius);border-style:solid;border-width:var(--utrecht-button-border-width, 0);border-bottom-width:var(--utrecht-button-border-bottom-width, var(--utrecht-button-border-width, 0));color:var(--utrecht-button-color);font-family:var(--utrecht-button-font-family, var(--utrecht-document-font-family));font-size:var(--utrecht-button-font-size, var(--utrecht-document-font-family));font-weight:var(--utrecht-button-font-weight);inline-size:var(--utrecht-button-inline-size, auto);letter-spacing:var(--utrecht-button-letter-spacing);line-height:var(--utrecht-button-line-height);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);text-transform:var(--utrecht-button-text-transform);user-select:none}.utrecht-button--distanced{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-button--submit{cursor:var(--utrecht-action-submit-cursor)}.utrecht-button--busy{cursor:var(--utrecht-action-busy-cursor)}.utrecht-button:disabled,.utrecht-button--disabled{background-color:var(--utrecht-button-disabled-background-color, var(--utrecht-button-background-color));border-color:var(--utrecht-button-disabled-border-color, var(--utrecht-button-border-color));color:var(--utrecht-button-disabled-color, var(--utrecht-button-color));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-button:active:not(:disabled):not([aria-disabled=true]):not(.utrecht-button--disabled),.utrecht-button--active{background-color:var(--utrecht-button-active-background-color, var(--utrecht-button-background-color));border-color:var(--utrecht-button-active-border-color, var(--utrecht-button-border-color));color:var(--utrecht-button-active-color, var(--utrecht-button-color))}.utrecht-button--focus-visible{box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-button--focus{background-color:var(--utrecht-button-focus-background-color, var(--utrecht-button-background-color));border-color:var(--utrecht-button-focus-border-color, var(--utrecht-button-border-color));color:var(--utrecht-button-focus-color, var(--utrecht-button-color))}.utrecht-button:focus:not(:disabled):not([aria-disabled=true]):not(.utrecht-button--disabled){background-color:var(--utrecht-button-focus-background-color, var(--utrecht-button-background-color));border-color:var(--utrecht-button-focus-border-color, var(--utrecht-button-border-color));color:var(--utrecht-button-focus-color, var(--utrecht-button-color));box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-button:focus:not(:focus-visible){box-shadow:none;outline-style:none}.utrecht-button--hover:not(:disabled),.utrecht-button:hover:not(:disabled):not([aria-disabled=true]):not(.utrecht-button--disabled){background-color:var(--utrecht-button-hover-background-color, var(--utrecht-button-background-color));border-color:var(--utrecht-button-hover-border-color, var(--utrecht-button-border-color));color:var(--utrecht-button-hover-color, var(--utrecht-button-color));transform:scale(var(--utrecht-button-focus-transform-scale, 1))}.utrecht-button--primary-action{background-color:var(--utrecht-button-primary-action-background-color, var(--utrecht-button-background-color));border-color:var(--utrecht-button-primary-action-border-color, var(--utrecht-button-border-color));border-width:var(--utrecht-button-primary-action-border-width, var(--utrecht-button-border-width));color:var(--utrecht-button-primary-action-color, var(--utrecht-button-color))}.utrecht-button--primary-action.utrecht-button--hover:not(:disabled),.utrecht-button--primary-action.utrecht-button:hover:not(:disabled):not([aria-disabled=true]):not(.utrecht-button--disabled){background-color:var(--utrecht-button-primary-action-hover-background-color, var(--utrecht-button-primary-action-background-color, var(--utrecht-button-hover-background-color, var(--utrecht-button-background-color))));border-color:var(--utrecht-button-primary-action-hover-border-color, var(--utrecht-button-primary-action-border-color, var(--utrecht-button-hover-border-color, var(--utrecht-button-border-color))));color:var(--utrecht-button-primary-action-hover-color, var(--utrecht-button-primary-action-color, var(--utrecht-button-hover-color, var(--utrecht-button-color))))}.utrecht-button--primary-action.utrecht-button:disabled,.utrecht-button--primary-action.utrecht-button--disabled{background-color:var(--utrecht-button-primary-action-disabled-background-color, var(--utrecht-button-disabled-background-color, var(--utrecht-button-background-color)));border-color:var(--utrecht-button-primary-action-disabled-border-color, var(--utrecht-button-disabled-border-color, var(--utrecht-button-border-color)));color:var(--utrecht-button-primary-action-disabled-color, var(--utrecht-button-disabled-color, var(--utrecht-button-color)))}.utrecht-button--primary-action:focus:not(:disabled):not([aria-disabled=true]):not(.utrecht-button--disabled){background-color:var(--utrecht-button-focus-background-color, var(--utrecht-button-background-color));border-color:var(--utrecht-button-focus-border-color, var(--utrecht-button-border-color));color:var(--utrecht-button-focus-color, var(--utrecht-button-color));box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-button--primary-action:focus:not(:focus-visible){box-shadow:none;outline-style:none}.utrecht-button--secondary-action{background-color:var(--utrecht-button-secondary-action-background-color, var(--utrecht-button-background-color));border-color:var(--utrecht-button-secondary-action-border-color, var(--utrecht-button-border-color));border-width:var(--utrecht-button-secondary-action-border-width, var(--utrecht-button-border-width));color:var(--utrecht-button-secondary-action-color, var(--utrecht-button-color))}.utrecht-button--secondary-action.utrecht-button--hover:not(:disabled),.utrecht-button--secondary-action.utrecht-button:hover:not(:disabled):not([aria-disabled=true]):not(.utrecht-button--disabled){background-color:var(--utrecht-button-secondary-action-hover-background-color, var(--utrecht-button-secondary-action-background-color, var(--utrecht-button-hover-background-color, var(--utrecht-button-background-color))));border-color:var(--utrecht-button-secondary-action-hover-border-color, var(--utrecht-button-secondary-action-border-color, var(--utrecht-button-hover-border-color, var(--utrecht-button-border-color))));color:var(--utrecht-button-secondary-action-hover-color, var(--utrecht-button-secondary-action-color, var(--utrecht-button-hover-color, var(--utrecht-button-color))))}.utrecht-button--secondary-action.utrecht-button:disabled,.utrecht-button--secondary-action.utrecht-button--disabled{background-color:var(--utrecht-button-secondary-action-disabled-background-color, var(--utrecht-button-disabled-background-color, var(--utrecht-button-background-color)));border-color:var(--utrecht-button-secondary-action-disabled-border-color, var(--utrecht-button-disabled-border-color, var(--utrecht-button-border-color)));color:var(--utrecht-button-secondary-action-disabled-color, var(--utrecht-button-disabled-color, var(--utrecht-button-color)))}.utrecht-button--secondary-action:focus:not(:disabled):not([aria-disabled=true]):not(.utrecht-button--disabled){background-color:var(--utrecht-button-focus-background-color, var(--utrecht-button-background-color));border-color:var(--utrecht-button-focus-border-color, var(--utrecht-button-border-color));color:var(--utrecht-button-focus-color, var(--utrecht-button-color));box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-button--secondary-action:focus:not(:focus-visible){box-shadow:none;outline-style:none}.utrecht-button--subtle{background-color:var(--utrecht-button-subtle-background-color, var(--utrecht-button-background-color));border-color:var(--utrecht-button-subtle-border-color, var(--utrecht-button-border-color));border-width:var(--utrecht-button-subtle-border-width, var(--utrecht-button-border-width));color:var(--utrecht-button-subtle-color, var(--utrecht-button-color))}.utrecht-button--subtle.utrecht-button--hover:not(:disabled),.utrecht-button--subtle.utrecht-button:hover:not(:disabled):not([aria-disabled=true]):not(.utrecht-button--disabled){background-color:var(--utrecht-button-subtle-hover-background-color, var(--utrecht-button-subtle-background-color, var(--utrecht-button-hover-background-color, var(--utrecht-button-background-color))));border-color:var(--utrecht-button-subtle-hover-border-color, var(--utrecht-button-subtle-border-color, var(--utrecht-button-hover-border-color, var(--utrecht-button-border-color))));color:var(--utrecht-button-subtle-hover-color, var(--utrecht-button-subtle-color, var(--utrecht-button-hover-color, var(--utrecht-button-color))))}.utrecht-button--subtle.utrecht-button:disabled,.utrecht-button--subtle.utrecht-button--disabled{background-color:var(--utrecht-button-subtle-disabled-background-color, var(--utrecht-button-disabled-background-color, var(--utrecht-button-background-color)));border-color:var(--utrecht-button-subtle-disabled-border-color, var(--utrecht-button-disabled-border-color, var(--utrecht-button-border-color)));color:var(--utrecht-button-subtle-disabled-color, var(--utrecht-button-disabled-color, var(--utrecht-button-color)))}.utrecht-button--subtle:focus:not(:disabled):not([aria-disabled=true]):not(.utrecht-button--disabled){background-color:var(--utrecht-button-focus-background-color, var(--utrecht-button-background-color));border-color:var(--utrecht-button-focus-border-color, var(--utrecht-button-border-color));color:var(--utrecht-button-focus-color, var(--utrecht-button-color));box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-button--subtle:focus:not(:focus-visible){box-shadow:none;outline-style:none}/**
+* @license EUPL-1.2
+* Copyright (c) 2022 Frameless B.V.
+*//**
+ * @license EUPL-1.2
+ * Copyright (c) 2022 Frameless B.V.
+ */.utrecht-button-group,.utrecht-button-group--distanced{background-color:var(--utrecht-button-group-background-color);display:flex;gap:var(--utrecht-button-group-inline-gap, 1em);min-block-size:var(--utrecht-button-block-size);padding-block-end:var(--utrecht-button-group-padding-block-end);padding-block-start:var(--utrecht-button-group-padding-block-start)}.utrecht-button-group__button-link--horizontal,.utrecht-button-group--horizontal .utrecht-button-link,.utrecht-button-group:not(.utrecht-button-group--vertical) .utrecht-button-link{--utrecht-button-padding-inline-end: 0;--utrecht-button-padding-inline-start: 0}.utrecht-button-group--vertical{flex-direction:column;gap:var(--utrecht-button-group-block-gap, 1em)}.utrecht-checkbox{margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0}.utrecht-checkbox--disabled{cursor:var(--utrecht-action-disabled-cursor)}.utrecht-checkbox--focus-visible{box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-checkbox--html-input:disabled{cursor:var(--utrecht-action-disabled-cursor)}.utrecht-checkbox--html-input:focus{box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-checkbox--html-input:focus:not(:focus-visible){box-shadow:none;outline-style:none}.utrecht-document{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}.utrecht-document :lang(ar){letter-spacing:0!important}.utrecht-document--surface{background-color:var(--utrecht-document-background-color, inherit)}.utrecht-form-field{font-family:var(--utrecht-document-font-family, inherit);max-inline-size:var(--utrecht-form-field-max-inline-size)}.utrecht-form-field--distanced{margin-block-end:var(--utrecht-form-field-margin-block-end, var(--utrecht-paragraph-margin-block-end));margin-block-start:var(--utrecht-form-field-margin-block-start, var(--utrecht-paragraph-margin-block-start))}.utrecht-form-fieldset--html-fieldset{border:0;margin-inline-end:0;margin-inline-start:0;min-width:0;padding-block-end:0;padding-block-start:.01em;padding-inline-end:0;padding-inline-start:0}.utrecht-form-fieldset__legend--html-legend{padding-inline-end:0;padding-inline-start:0}.utrecht-form-fieldset--distanced{margin-block-end:var(--utrecht-form-fieldset-margin-block-end, 0);margin-block-start:var(--utrecht-form-fieldset-margin-block-start, 0)}.utrecht-form-fieldset__legend{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);page-break-after:avoid;page-break-inside:avoid;text-transform:var(--utrecht-form-fieldset-legend-text-transform)}.utrecht-form-fieldset__legend--distanced{margin-block-end:var(--utrecht-form-fieldset-legend-margin-block-end);margin-block-start:var(--utrecht-form-fieldset-legend-margin-block-start)}/**
+* @license EUPL-1.2
+* Copyright (c) 2021 Robbert Broersma
+*/.utrecht-form-label{color:var(--utrecht-form-label-color);font-size:var(--utrecht-form-label-font-size);font-weight:var(--utrecht-form-label-font-weight)}.utrecht-form-label--checkbox{color:var(--utrecht-form-label-checkbox-color, var(--utrecht-form-label-color));font-weight:var(--utrecht-form-label-checkbox-font-weight, var(--utrecht-form-label-font-weight))}.utrecht-form-label--checked{font-weight:var(--utrecht-form-label-checked-font-weight, var(--utrecht-form-label-font-weight))}.utrecht-form-label--disabled{cursor:var(--utrecht-action-disabled-cursor);font-weight:var(--utrecht-form-label-disabled-color, var(--utrecht-form-label-color))}.utrecht-form-label--radio{color:var(--utrecht-form-label-checkbox-color, var(--utrecht-form-label-color));font-weight:var(--utrecht-form-label-radio-font-weight, var(--utrecht-form-label-font-weight))}.utrecht-heading-1{page-break-after:avoid;page-break-inside:avoid;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);font-weight:var(--utrecht-heading-1-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-1-letter-spacing);line-height:var(--utrecht-heading-1-line-height);margin-block-end:0;margin-block-start:0;text-transform:var(--utrecht-heading-1-text-transform, inherit)}.utrecht-heading-1--distanced{margin-block-end:var(--utrecht-heading-1-margin-block-end);margin-block-start:var(--utrecht-heading-1-margin-block-start)}.utrecht-heading-2{page-break-after:avoid;page-break-inside:avoid;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);font-weight:var(--utrecht-heading-2-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-2-letter-spacing);line-height:var(--utrecht-heading-2-line-height);margin-block-end:0;margin-block-start:0;text-transform:var(--utrecht-heading-2-text-transform, inherit)}.utrecht-heading-2--distanced{margin-block-end:var(--utrecht-heading-2-margin-block-end);margin-block-start:var(--utrecht-heading-2-margin-block-start)}.utrecht-heading-3{page-break-after:avoid;page-break-inside:avoid;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);font-weight:var(--utrecht-heading-3-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-3-letter-spacing);line-height:var(--utrecht-heading-3-line-height);margin-block-end:0;margin-block-start:0;text-transform:var(--utrecht-heading-3-text-transform, inherit)}.utrecht-heading-3--distanced{margin-block-end:var(--utrecht-heading-3-margin-block-end);margin-block-start:var(--utrecht-heading-3-margin-block-start)}.utrecht-heading-4{page-break-after:avoid;page-break-inside:avoid;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);font-weight:var(--utrecht-heading-4-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-4-letter-spacing);line-height:var(--utrecht-heading-4-line-height);margin-block-end:0;margin-block-start:0;text-transform:var(--utrecht-heading-4-text-transform, inherit)}.utrecht-heading-4--distanced{margin-block-end:var(--utrecht-heading-4-margin-block-end);margin-block-start:var(--utrecht-heading-4-margin-block-start)}.utrecht-heading-5{page-break-after:avoid;page-break-inside:avoid;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);font-weight:var(--utrecht-heading-5-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-5-letter-spacing);line-height:var(--utrecht-heading-5-line-height);margin-block-end:0;margin-block-start:0;text-transform:var(--utrecht-heading-5-text-transform, inherit)}.utrecht-heading-5--distanced{margin-block-end:var(--utrecht-heading-5-margin-block-end);margin-block-start:var(--utrecht-heading-5-margin-block-start)}/**
+* @license EUPL-1.2
+* Copyright (c) 2021 Gemeente Utrecht
+* Copyright (c) 2021 Robbert Broersma
+* Copyright (c) 2021 The Knights Who Say NIH! B.V.
+*//**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Gemeente Utrecht
+ * Copyright (c) 2021 Robbert Broersma
+ * Copyright (c) 2021 The Knights Who Say NIH! B.V.
+ *//**
+ * @license EUPL-1.2
+ * Copyright (c) 2021-2022 Frameless B.V.
+ */.utrecht-heading-6{page-break-after:avoid;page-break-inside:avoid;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);font-weight:var(--utrecht-heading-6-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-6-letter-spacing);line-height:var(--utrecht-heading-6-line-height);margin-block-end:0;margin-block-start:0;text-transform:var(--utrecht-heading-6-text-transform, inherit)}.utrecht-heading-6--distanced{margin-block-end:var(--utrecht-heading-6-margin-block-end);margin-block-start:var(--utrecht-heading-6-margin-block-start)}/**
+* @license EUPL-1.2
+* Copyright (c) 2021 The Knights Who Say NIH! B.V.
+* Copyright (c) 2021 Gemeente Utrecht
+*//**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 The Knights Who Say NIH! B.V.
+ * Copyright (c) 2021 Gemeente Utrecht
+ */.utrecht-link{color:var(--utrecht-link-color, blue);text-decoration:var(--utrecht-link-text-decoration, underline);text-decoration-skip-ink:all;text-decoration-thickness:max(var(--utrecht-link-text-decoration-thickness),1px);text-underline-offset:var(--utrecht-link-text-underline-offset)}.utrecht-link--icon-left{background-image:var(--utrecht-link-icon-left-background-image, none);background-position:0 .25em;background-repeat:no-repeat;color:var(--utrecht-link-color, blue);font-weight:var(--utrecht-typography-weight-scale-bold-font-weight);padding-inline-start:var(--utrecht-space-block-md);text-decoration:none}.utrecht-link:visited,.utrecht-link--visited{color:var(--utrecht-link-visited-color, var(--utrecht-link-color))}.utrecht-link:hover,.utrecht-link--hover{color:var(--utrecht-link-hover-color, var(--utrecht-link-color));text-decoration:var(--utrecht-link-hover-text-decoration, var(--utrecht-link-text-decoration, underline));text-decoration-skip:none;text-decoration-skip-ink:none;text-decoration-thickness:max(var(--utrecht-link-hover-text-decoration-thickness, var(--utrecht-link-text-decoration-thickness)),1px)}.utrecht-link:active,.utrecht-link--active{color:var(--utrecht-link-active-color, var(--utrecht-link-color))}.utrecht-link--focus{background-color:var(--utrecht-link-focus-background-color, transparent);color:var(--utrecht-link-focus-color, var(--utrecht-link-color));text-decoration:var(--utrecht-link-focus-text-decoration, var(--utrecht-link-text-decoration, underline));text-decoration-skip:none;text-decoration-skip-ink:none;text-decoration-thickness:max(var(--utrecht-link-focus-text-decoration-thickness, var(--utrecht-link-text-decoration-thickness)),1px)}.utrecht-link--focus-visible{box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-link:focus{background-color:var(--utrecht-link-focus-background-color, transparent);color:var(--utrecht-link-focus-color, var(--utrecht-link-color));text-decoration:var(--utrecht-link-focus-text-decoration, var(--utrecht-link-text-decoration, underline));text-decoration-skip:none;text-decoration-skip-ink:none;text-decoration-thickness:max(var(--utrecht-link-focus-text-decoration-thickness, var(--utrecht-link-text-decoration-thickness)),1px);box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-link:focus:not(:focus-visible){box-shadow:none;outline-style:none}.utrecht-link--telephone{white-space:nowrap}.utrecht-page{margin-inline-end:auto;margin-inline-start:auto;max-inline-size:calc(var(--utrecht-page-max-inline-size) - var(--utrecht-page-margin-inline-start, 0px) - var(--utrecht-page-margin-inline-end, 0px));padding-inline-end:var(--utrecht-page-margin-inline-end);padding-inline-start:var(--utrecht-page-margin-inline-start)}.utrecht-page__content{background-color:var(--utrecht-page-background-color);color:var(--utrecht-page-color);max-inline-size:var(--utrecht-page-max-inline-size)}.utrecht-page-content{padding-block-end:var(--utrecht-page-content-padding-block-end);padding-block-start:var(--utrecht-page-content-padding-block-start);padding-inline-end:var(--utrecht-page-padding-inline-end);padding-inline-start:var(--utrecht-page-padding-inline-start)}.utrecht-page-content__main{grid-area:main}.utrecht-page-content__aside{grid-area:aside}.utrecht-page-footer{--utrecht-document-color: currentColor;--utrecht-heading-color: currentColor;--utrecht-link-color: currentColor;--utrecht-link-focus-color: currentColor;--utrecht-link-hover-color: currentColor;--utrecht-link-active-color: currentColor;--utrecht-link-visited-color: currentColor;background-color:var(--utrecht-page-footer-background-color);background-image:var(--utrecht-page-footer-background-image);color:var(--utrecht-page-footer-color);font-family:var(--utrecht-document-font-family);font-size:var(--utrecht-document-font-size);padding-block-end:var(--utrecht-page-footer-padding-block-end);padding-block-start:var(--utrecht-page-footer-padding-block-start);padding-inline-end:var(--utrecht-page-footer-padding-inline-end);padding-inline-start:var(--utrecht-page-footer-padding-inline-start)}.utrecht-page-footer .utrecht-link--telephone,.utrecht-page-footer .utrecht-paragraph{color:#fff}.utrecht-page-footer__address--reset-address{font-style:inherit;margin-block-end:0;margin-block-start:0}/**
+* @license EUPL-1.2
+* Copyright (c) 2021 Gemeente Utrecht
+* Copyright (c) 2021 Robbert Broersma
+*/.utrecht-page-header{background-color:var(--utrecht-page-header-background-color);color:var(--utrecht-page-header-color);grid-area:"utrecht-header";padding-block-end:var(--utrecht-page-header-padding-block-end);padding-block-start:var(--utrecht-page-header-padding-block-start);padding-inline-end:var(--utrecht-page-padding-inline-end);padding-inline-start:var(--utrecht-page-padding-inline-start)}.utrecht-page-header__content{max-inline-size:var(--utrecht-page-max-inline-size)}/**
+* @license EUPL-1.2
+* Copyright (c) 2021 The Knights Who Say NIH! B.V.
+*//**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 The Knights Who Say NIH! B.V.
+ */.utrecht-paragraph{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:0;margin-block-start:0}.utrecht-paragraph--lead{color:var(--utrecht-paragraph-lead-color, var(--utrecht-document-color, inherit));font-size:var(--utrecht-paragraph-lead-font-size, inherit);font-weight:var(--utrecht-paragraph-lead-font-weight, inherit);line-height:var(--utrecht-paragraph-lead-line-height, inherit)}.utrecht-paragraph--distanced{margin-block-end:var(--utrecht-paragraph-margin-block-end);margin-block-start:var(--utrecht-paragraph-margin-block-start)}/**
+* @license EUPL-1.2
+* Copyright (c) 2021 Gemeente Utrecht
+*//**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Gemeente Utrecht
+ */.utrecht-radio-button{margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0}.utrecht-radio-button--disabled{cursor:var(--utrecht-action-disabled-cursor)}.utrecht-radio-button--focus-visible{box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-radio-button--html-input:disabled{cursor:var(--utrecht-action-disabled-cursor)}.utrecht-radio-button--html-input:focus{box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-radio-button--html-input:focus:not(:focus-visible){box-shadow:none;outline-style:none}/**
+* @license EUPL-1.2
+* Copyright (c) 2021 Robbert Broersma
+*/.utrecht-select{-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:var(--utrecht-select-background-color, var(--utrecht-form-input-background-color));background-image:var(--utrecht-select-background-image);background-position:100%;background-repeat:no-repeat;background-size:1.4em;border-block-end-width:var(--utrecht-select-border-block-end-width, var(--utrecht-select-border-width, var(--utrecht-form-input-border-width)));border-block-start-width:var(--utrecht-select-border-width, var(--utrecht-form-input-border-width));border-color:var(--utrecht-select-border-color, var(--utrecht-form-input-border-color));border-inline-end-width:var(--utrecht-select-border-width, var(--utrecht-form-input-border-width));border-inline-start-width:var(--utrecht-select-border-width, var(--utrecht-form-input-border-width));border-radius:var(--utrecht-select-border-radius, var(--utrecht-form-input-border-radius, 0));border-style:solid;color:var(--utrecht-select-color, var(--utrecht-form-input-color));font-family:var(--utrecht-select-font-family, var(--utrecht-form-input-font-family));font-size:var(--utrecht-select-font-size, var(--utrecht-form-input-font-size));max-inline-size:var(--utrecht-select-max-inline-size, var(--utrecht-form-input-max-inline-size));padding-block-end:var(--utrecht-select-padding-block-end, var(--utrecht-form-input-padding-block-end));padding-block-start:var(--utrecht-select-padding-block-start, var(--utrecht-form-input-padding-block-start));padding-inline-end:var(--utrecht-select-padding-inline-end, var(--utrecht-form-input-padding-inline-end));padding-inline-start:var(--utrecht-select-padding-inline-start, var(--utrecht-form-input-padding-inline-start));width:100%}.utrecht-select--disabled{background-color:var(--utrecht-select-disabled-background-color, var(--utrecht-form-input-disabled-background-color, var(--utrecht-select-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-select-disabled-border-color, var(--utrecht-form-input-disabled-border-color, var(--utrecht-select-border-color, var(--utrecht-form-input-border-color))));color:var(--utrecht-select-disabled-color, var(--utrecht-form-input-disabled-color, var(--utrecht-select-color, var(--utrecht-form-input-color))));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-select--focus{background-color:var(--utrecht-select-focus-background-color, var(--utrecht-form-input-focus-background-color, var(--utrecht-select-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-select-focus-border-color, var(--utrecht-form-input-focus-border-color, var(--utrecht-select-border-color, var(--utrecht-form-input-border-color))));color:var(--utrecht-select-focus-color, var(--utrecht-form-input-focus-color, var(--utrecht-select-color, var(--utrecht-form-input-color))))}.utrecht-select--focus-visible{box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-select--invalid{background-color:var(--utrecht-select-invalid-background-color, var(--utrecht-form-input-invalid-background-color, var(--utrecht-select-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-select-invalid-border-color, var(--utrecht-form-input-invalid-border-color, var(--utrecht-select-border-color, var(--utrecht-form-input-border-color))));border-width:var(--utrecht-select-invalid-border-width, var(--utrecht-form-input-invalid-border-width, var(--utrecht-select-border-width, var(--utrecht-form-input-border-width))))}.utrecht-select--html-select:disabled{background-color:var(--utrecht-select-disabled-background-color, var(--utrecht-form-input-disabled-background-color, var(--utrecht-select-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-select-disabled-border-color, var(--utrecht-form-input-disabled-border-color, var(--utrecht-select-border-color, var(--utrecht-form-input-border-color))));color:var(--utrecht-select-disabled-color, var(--utrecht-form-input-disabled-color, var(--utrecht-select-color, var(--utrecht-form-input-color))));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-select--html-select:focus{background-color:var(--utrecht-select-focus-background-color, var(--utrecht-form-input-focus-background-color, var(--utrecht-select-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-select-focus-border-color, var(--utrecht-form-input-focus-border-color, var(--utrecht-select-border-color, var(--utrecht-form-input-border-color))));color:var(--utrecht-select-focus-color, var(--utrecht-form-input-focus-color, var(--utrecht-select-color, var(--utrecht-form-input-color))));box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-select--html-select:focus:not(:focus-visible){box-shadow:none;outline-style:none}.utrecht-select--html-select:invalid,.utrecht-select--html-select[aria-invalid=true]{background-color:var(--utrecht-select-invalid-background-color, var(--utrecht-form-input-invalid-background-color, var(--utrecht-select-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-select-invalid-border-color, var(--utrecht-form-input-invalid-border-color, var(--utrecht-select-border-color, var(--utrecht-form-input-border-color))));border-width:var(--utrecht-select-invalid-border-width, var(--utrecht-form-input-invalid-border-width, var(--utrecht-select-border-width, var(--utrecht-form-input-border-width))))}/**
+* @license EUPL-1.2
+* Copyright (c) 2021 Robbert Broersma
+*/.utrecht-select{-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:var(--utrecht-select-background-color, var(--utrecht-form-input-background-color));background-image:var(--utrecht-select-background-image);background-position:100%;background-repeat:no-repeat;background-size:1.4em;border-block-end-width:var(--utrecht-select-border-block-end-width, var(--utrecht-select-border-width, var(--utrecht-form-input-border-width)));border-block-start-width:var(--utrecht-select-border-width, var(--utrecht-form-input-border-width));border-color:var(--utrecht-select-border-color, var(--utrecht-form-input-border-color));border-inline-end-width:var(--utrecht-select-border-width, var(--utrecht-form-input-border-width));border-inline-start-width:var(--utrecht-select-border-width, var(--utrecht-form-input-border-width));border-radius:var(--utrecht-select-border-radius, var(--utrecht-form-input-border-radius, 0));border-style:solid;color:var(--utrecht-select-color, var(--utrecht-form-input-color));font-family:var(--utrecht-select-font-family, var(--utrecht-form-input-font-family));font-size:var(--utrecht-select-font-size, var(--utrecht-form-input-font-size));max-inline-size:var(--utrecht-select-max-inline-size, var(--utrecht-form-input-max-inline-size));padding-block-end:var(--utrecht-select-padding-block-end, var(--utrecht-form-input-padding-block-end));padding-block-start:var(--utrecht-select-padding-block-start, var(--utrecht-form-input-padding-block-start));padding-inline-end:var(--utrecht-select-padding-inline-end, var(--utrecht-form-input-padding-inline-end));padding-inline-start:var(--utrecht-select-padding-inline-start, var(--utrecht-form-input-padding-inline-start));width:100%}.utrecht-select--disabled{background-color:var(--utrecht-select-disabled-background-color, var(--utrecht-form-input-disabled-background-color, var(--utrecht-select-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-select-disabled-border-color, var(--utrecht-form-input-disabled-border-color, var(--utrecht-select-border-color, var(--utrecht-form-input-border-color))));color:var(--utrecht-select-disabled-color, var(--utrecht-form-input-disabled-color, var(--utrecht-select-color, var(--utrecht-form-input-color))));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-select--focus{background-color:var(--utrecht-select-focus-background-color, var(--utrecht-form-input-focus-background-color, var(--utrecht-select-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-select-focus-border-color, var(--utrecht-form-input-focus-border-color, var(--utrecht-select-border-color, var(--utrecht-form-input-border-color))));color:var(--utrecht-select-focus-color, var(--utrecht-form-input-focus-color, var(--utrecht-select-color, var(--utrecht-form-input-color))))}.utrecht-select--focus-visible{box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-select--invalid{background-color:var(--utrecht-select-invalid-background-color, var(--utrecht-form-input-invalid-background-color, var(--utrecht-select-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-select-invalid-border-color, var(--utrecht-form-input-invalid-border-color, var(--utrecht-select-border-color, var(--utrecht-form-input-border-color))));border-width:var(--utrecht-select-invalid-border-width, var(--utrecht-form-input-invalid-border-width, var(--utrecht-select-border-width, var(--utrecht-form-input-border-width))))}.utrecht-select--html-select:disabled{background-color:var(--utrecht-select-disabled-background-color, var(--utrecht-form-input-disabled-background-color, var(--utrecht-select-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-select-disabled-border-color, var(--utrecht-form-input-disabled-border-color, var(--utrecht-select-border-color, var(--utrecht-form-input-border-color))));color:var(--utrecht-select-disabled-color, var(--utrecht-form-input-disabled-color, var(--utrecht-select-color, var(--utrecht-form-input-color))));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-select--html-select:focus{background-color:var(--utrecht-select-focus-background-color, var(--utrecht-form-input-focus-background-color, var(--utrecht-select-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-select-focus-border-color, var(--utrecht-form-input-focus-border-color, var(--utrecht-select-border-color, var(--utrecht-form-input-border-color))));color:var(--utrecht-select-focus-color, var(--utrecht-form-input-focus-color, var(--utrecht-select-color, var(--utrecht-form-input-color))));box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-select--html-select:focus:not(:focus-visible){box-shadow:none;outline-style:none}.utrecht-select--html-select:invalid,.utrecht-select--html-select[aria-invalid=true]{background-color:var(--utrecht-select-invalid-background-color, var(--utrecht-form-input-invalid-background-color, var(--utrecht-select-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-select-invalid-border-color, var(--utrecht-form-input-invalid-border-color, var(--utrecht-select-border-color, var(--utrecht-form-input-border-color))));border-width:var(--utrecht-select-invalid-border-width, var(--utrecht-form-input-invalid-border-width, var(--utrecht-select-border-width, var(--utrecht-form-input-border-width))))}/**
+* @license EUPL-1.2
+* Copyright (c) 2021 Robbert Broersma
+*/.utrecht-textarea{background-color:var(--utrecht-textarea-background-color, var(--utrecht-form-input-background-color));border-width:var(--utrecht-textarea-border-width, var(--utrecht-form-input-border-width));border-bottom-width:var(--utrecht-textarea-border-bottom-width, var(--utrecht-textarea-border-width, var(--utrecht-form-input-border-width)));border-color:var(--utrecht-textarea-border-color, var(--utrecht-form-input-border-color));border-radius:var(--utrecht-textarea-border-radius, var(--utrecht-form-input-border-radius, 0));border-style:solid;box-sizing:border-box;color:var(--utrecht-textarea-color, var(--utrecht-form-input-color));font-family:var(--utrecht-textarea-font-family, var(--utrecht-form-input-font-family));font-size:var(--utrecht-textarea-font-size, var(--utrecht-form-input-font-size, 1em));max-inline-size:var(--utrecht-textarea-max-inline-size, var(--utrecht-form-input-max-inline-size));min-block-size:var(--utrecht-textarea-min-block-size);padding-block-end:var(--utrecht-textarea-padding-block-end, var(--utrecht-form-input-padding-block-end));padding-block-start:var(--utrecht-textarea-padding-block-start, var(--utrecht-form-input-padding-block-start));padding-inline-end:var(--utrecht-textarea-padding-inline-end, var(--utrecht-form-input-padding-inline-end));padding-inline-start:var(--utrecht-textarea-padding-inline-start, var(--utrecht-form-input-padding-inline-start));resize:vertical;width:100%}.utrecht-textarea--invalid{background-color:var(--utrecht-textarea-invalid-background-color, var(--utrecht-form-input-invalid-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textarea-invalid-border-color, var(--utrecht-form-input-invalid-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-input-border-color))));border-width:var(--utrecht-textarea-invalid-border-width, var(--utrecht-form-input-invalid-border-width, var(--utrecht-textarea-border-width, var(--utrecht-form-input-border-width))))}.utrecht-textarea--disabled{background-color:var(--utrecht-textarea-disabled-background-color, var(--utrecht-form-input-disabled-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textarea-disabled-border-color, var(--utrecht-form-input-disabled-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-input-border-color))));color:var(--utrecht-textarea-disabled-color, var(--utrecht-form-input-disabled-color, var(--utrecht-textarea-color, var(--utrecht-form-input-color))));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-textarea--focus{background-color:var(--utrecht-textarea-focus-background-color, var(--utrecht-form-input-focus-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textarea-focus-border-color, var(--utrecht-form-input-focus-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-input-border-color))));color:var(--utrecht-textarea-focus-color, var(--utrecht-form-input-focus-color, var(--utrecht-textarea-color, var(--utrecht-form-input-color))))}.utrecht-textarea--focus-visible{box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-textarea--read-only{border-color:var(--utrecht-textarea-read-only-border, var(--utrecht-form-input-read-only-border-color, var(--utrecht-textarea-border, var(--utrecht-form-input-border-color))));color:var(--utrecht-textarea-read-only-color, var(--utrecht-form-input-read-only-color, var(--utrecht-textarea-color, var(--utrecht-form-input-color))))}.utrecht-textarea__placeholder{color:var(--utrecht-textarea-placeholder-color, var(--utrecht-form-input-placeholder-color, var(--utrecht-textarea-color, var(--utrecht-form-input-color))));font-style:var(--utrecht-form-input-placeholder-font-style);opacity:100%}.utrecht-textarea--html-textarea:disabled{background-color:var(--utrecht-textarea-disabled-background-color, var(--utrecht-form-input-disabled-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textarea-disabled-border-color, var(--utrecht-form-input-disabled-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-input-border-color))));color:var(--utrecht-textarea-disabled-color, var(--utrecht-form-input-disabled-color, var(--utrecht-textarea-color, var(--utrecht-form-input-color))));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-textarea--html-textarea:focus{background-color:var(--utrecht-textarea-focus-background-color, var(--utrecht-form-input-focus-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textarea-focus-border-color, var(--utrecht-form-input-focus-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-input-border-color))));color:var(--utrecht-textarea-focus-color, var(--utrecht-form-input-focus-color, var(--utrecht-textarea-color, var(--utrecht-form-input-color))));box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-textarea--html-textarea:focus:not(:focus-visible){box-shadow:none;outline-style:none}.utrecht-textarea--html-textarea:invalid,.utrecht-textarea--html-textarea[aria-invalid=true]{background-color:var(--utrecht-textarea-invalid-background-color, var(--utrecht-form-input-invalid-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textarea-invalid-border-color, var(--utrecht-form-input-invalid-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-input-border-color))));border-width:var(--utrecht-textarea-invalid-border-width, var(--utrecht-form-input-invalid-border-width, var(--utrecht-textarea-border-width, var(--utrecht-form-input-border-width))))}.utrecht-textarea--html-textarea:read-only{border-color:var(--utrecht-textarea-read-only-border, var(--utrecht-form-input-read-only-border-color, var(--utrecht-textarea-border, var(--utrecht-form-input-border-color))));color:var(--utrecht-textarea-read-only-color, var(--utrecht-form-input-read-only-color, var(--utrecht-textarea-color, var(--utrecht-form-input-color))))}.utrecht-textarea--html-textarea::placeholder{color:var(--utrecht-textarea-placeholder-color, var(--utrecht-form-input-placeholder-color, var(--utrecht-textarea-color, var(--utrecht-form-input-color))));font-style:var(--utrecht-form-input-placeholder-font-style);opacity:100%}/**
+* @license EUPL-1.2
+* Copyright (c) 2021 Robbert Broersma
+*//**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ *//**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Gemeente Utrecht
+ * Copyright (c) 2021 Robbert Broersma
+ */.utrecht-textbox{background-color:var(--utrecht-textbox-background-color, var(--utrecht-form-input-background-color));border-width:var(--utrecht-textbox-border-width, var(--utrecht-form-input-border-width));border-bottom-width:var(--utrecht-textbox-border-bottom-width, var(--utrecht-textbox-border-width, var(--utrecht-form-input-border-width)));border-color:var(--utrecht-textbox-border-color, var(--utrecht-form-input-border-color));border-radius:var(--utrecht-textbox-border-radius, var(--utrecht-form-input-border-radius, 0));border-style:solid;box-sizing:border-box;color:var(--utrecht-textbox-color, var(--utrecht-form-input-color));font-family:var(--utrecht-textbox-font-family, var(--utrecht-form-input-font-family));font-size:var(--utrecht-textbox-font-size, var(--utrecht-form-input-font-size, 1em));max-inline-size:var(--utrecht-textbox-max-inline-size, var(--utrecht-form-input-max-inline-size));padding-block-end:var(--utrecht-textbox-padding-block-end, var(--utrecht-form-input-padding-block-end));padding-block-start:var(--utrecht-textbox-padding-block-start, var(--utrecht-form-input-padding-block-start));padding-inline-end:var(--utrecht-textbox-padding-inline-end, var(--utrecht-form-input-padding-inline-end));padding-inline-start:var(--utrecht-textbox-padding-inline-start, var(--utrecht-form-input-padding-inline-start));width:100%}.utrecht-textbox--invalid{background-color:var(--utrecht-textbox-invalid-background-color, var(--utrecht-form-input-invalid-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textbox-invalid-border-color, var(--utrecht-form-input-invalid-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-input-border-color))));border-width:var(--utrecht-textbox-invalid-border-width, var(--utrecht-form-input-invalid-border-width, var(--utrecht-textbox-border-width, var(--utrecht-form-input-border-width))))}.utrecht-textbox--disabled{background-color:var(--utrecht-textbox-disabled-background-color, var(--utrecht-form-input-disabled-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textbox-disabled-border-color, var(--utrecht-form-input-disabled-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-input-border-color))));color:var(--utrecht-textbox-disabled-color, var(--utrecht-form-input-disabled-color, var(--utrecht-textarea-color, var(--utrecht-form-input-color))));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-textbox--focus{background-color:var(--utrecht-textbox-focus-background-color, var(--utrecht-form-input-focus-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textbox-focus-border-color, var(--utrecht-form-input-focus-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-input-border-color))));color:var(--utrecht-textbox-focus-color, var(--utrecht-form-input-focus-color, var(--utrecht-textarea-color, var(--utrecht-form-input-color))))}.utrecht-textbox--focus-visible{box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-textbox--read-only{border-color:var(--utrecht-textbox-read-only-border-color, var(--utrecht-form-input-read-only-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-input-border-color))));color:var(--utrecht-textbox-read-only-color, var(--utrecht-form-input-read-only-color, var(--utrecht-textbox-color, var(--utrecht-form-input-color))))}.utrecht-textbox__placeholder{color:var(--utrecht-textbox-placeholder-color, var(--utrecht-form-input-placeholder-color, var(--utrecht-textbox-color, var(--utrecht-form-input-color))));font-style:var(--utrecht-form-input-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--url{font-variant-ligatures:none}.utrecht-textbox--html-input:disabled{background-color:var(--utrecht-textbox-disabled-background-color, var(--utrecht-form-input-disabled-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textbox-disabled-border-color, var(--utrecht-form-input-disabled-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-input-border-color))));color:var(--utrecht-textbox-disabled-color, var(--utrecht-form-input-disabled-color, var(--utrecht-textarea-color, var(--utrecht-form-input-color))));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-textbox--html-input:focus{background-color:var(--utrecht-textbox-focus-background-color, var(--utrecht-form-input-focus-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textbox-focus-border-color, var(--utrecht-form-input-focus-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-input-border-color))));color:var(--utrecht-textbox-focus-color, var(--utrecht-form-input-focus-color, var(--utrecht-textarea-color, var(--utrecht-form-input-color))));box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-textbox--html-input:focus:not(:focus-visible){box-shadow:none;outline-style:none}.utrecht-textbox--html-input:invalid,.utrecht-textbox--html-input[aria-invalid=true]{background-color:var(--utrecht-textbox-invalid-background-color, var(--utrecht-form-input-invalid-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textbox-invalid-border-color, var(--utrecht-form-input-invalid-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-input-border-color))));border-width:var(--utrecht-textbox-invalid-border-width, var(--utrecht-form-input-invalid-border-width, var(--utrecht-textbox-border-width, var(--utrecht-form-input-border-width))))}.utrecht-textbox--html-input:read-only{border-color:var(--utrecht-textbox-read-only-border-color, var(--utrecht-form-input-read-only-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-input-border-color))));color:var(--utrecht-textbox-read-only-color, var(--utrecht-form-input-read-only-color, var(--utrecht-textbox-color, var(--utrecht-form-input-color))))}.utrecht-textbox--html-input::placeholder{color:var(--utrecht-textbox-placeholder-color, var(--utrecht-form-input-placeholder-color, var(--utrecht-textbox-color, var(--utrecht-form-input-color))));font-style:var(--utrecht-form-input-placeholder-font-style);opacity:100%}

package/package.json

@@ -0,0 +1,66 @@
+{
+  "version": "1.0.0-alpha.1",
+  "author": "Community for NL Design System",
+  "description": "Vue.js components for the Municipality of Utrecht based on the NL Design System architecture",
+  "license": "EUPL-1.2",
+  "name": "@utrecht/component-library-vue",
+  "keywords": [
+    "nl-design-system"
+  ],
+  "private": false,
+  "peerDependency": {
+    "@vue/core": "^3.0.0",
+    "@vue/shared": "^3.0.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git+ssh",
+    "url": "git@github.com:nl-design-system/utrecht.git"
+  },
+  "sideEffects": false,
+  "scripts": {
+    "dev": "vite",
+    "build": "vue-tsc --noEmit && vite build",
+    "lint": "npm-run-all lint:**",
+    "lint:ts": "vue-tsc --noEmit -p tsconfig.vitest.json --composite false",
+    "preview": "vite preview --port 5050",
+    "test:unit": "vitest --environment jsdom",
+    "test:e2e": "start-server-and-test preview http://127.0.0.1:5050/ 'cypress open'",
+    "test:e2e:ci": "start-server-and-test preview http://127.0.0.1:5050/ 'cypress run'"
+  },
+  "main": "./dist/component-library-vue.umd.js",
+  "module": "./dist/component-library-vue.es.js",
+  "files": [
+    "dist/"
+  ],
+  "devDependencies": {
+    "@rollup/plugin-typescript": "8.3.2",
+    "@rushstack/eslint-patch": "1.1.0",
+    "@types/jsdom": "16.2.14",
+    "@types/node": "16.11.27",
+    "@utrecht/components": "1.0.0-alpha.185",
+    "@vitejs/plugin-vue": "2.3.1",
+    "@vue/eslint-config-prettier": "7.0.0",
+    "@vue/eslint-config-typescript": "10.0.0",
+    "@vue/test-utils": "2.0.0-rc.20",
+    "@vue/tsconfig": "0.1.3",
+    "cypress": "9.5.4",
+    "eslint": "8.5.0",
+    "eslint-plugin-cypress": "2.12.1",
+    "eslint-plugin-vue": "8.2.0",
+    "jsdom": "19.0.0",
+    "npm-run-all": "4.1.5",
+    "prettier": "2.5.1",
+    "sass": "1.52.1",
+    "start-server-and-test": "1.14.0",
+    "typescript": "4.6.4",
+    "vite": "2.9.5",
+    "vitest": "0.9.3",
+    "vue": "3.2.33",
+    "vue-router": "4.0.14",
+    "vue-tsc": "0.34.7"
+  },
+  "gitHead": "e51204d0abfe858211d41f8792803efce976eb88"
+}