@utrecht/component-library-vue 1.0.0-alpha.21 → 1.0.0-alpha.211

package/dist/component-library-vue.mjs

@@ -0,0 +1,607 @@
+import { defineComponent as d, openBlock as s, createElementBlock as n, renderSlot as c, normalizeClass as u, computed as m, withDirectives as p, vModelCheckbox as v, createElementVNode as b, vModelRadio as g, Fragment as x, renderList as U, toDisplayString as q, createCommentVNode as k, vModelSelect as B, vModelText as h } from "vue";
+const S = d({
+  name: "UtrechtArticle"
+});
+const _ = (e, t) => {
+  const r = e.__vccOpts || e;
+  for (const [a, o] of t)
+    r[a] = o;
+  return r;
+}, T = { class: "utrecht-article" };
+function H(e, t, r, a, o, l) {
+  return s(), n("article", T, [
+    c(e.$slots, "default")
+  ]);
+}
+const St = /* @__PURE__ */ _(S, [["render", H]]), F = d({
+  name: "UtrechtBadgeStatus",
+  props: {
+    status: { type: String, required: !1, default: void 0 }
+  }
+});
+function C(e, t, r, a, o, l) {
+  return s(), n("span", {
+    class: u([
+      { [`utrecht-badge-status--${e.status}`]: !0 },
+      "utrecht-badge-status"
+    ])
+  }, [
+    c(e.$slots, "default")
+  ], 2);
+}
+const Tt = /* @__PURE__ */ _(F, [["render", C]]), V = d({
+  name: "UtrechtButton",
+  props: {
+    appearance: { type: String, required: !1, default: void 0 },
+    type: { type: String, required: !1, default: "button" },
+    busy: { type: Boolean, required: !1, default: !1 }
+  }
+});
+const P = ["aria-busy", "type"];
+function N(e, t, r, a, o, l) {
+  return s(), n("button", {
+    "aria-busy": e.busy || void 0,
+    class: u([
+      "utrecht-button",
+      { "utrecht-button--busy": e.busy },
+      { "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" }
+    ]),
+    type: e.type
+  }, [
+    c(e.$slots, "default")
+  ], 10, P);
+}
+const Ht = /* @__PURE__ */ _(V, [["render", N]]), L = d({
+  name: "UtrechtButtonGroup"
+});
+const w = { class: "utrecht-button-group" };
+function j(e, t, r, a, o, l) {
+  return s(), n("div", w, [
+    c(e.$slots, "default")
+  ]);
+}
+const Ft = /* @__PURE__ */ _(L, [["render", j]]);
+function $(e, t, r = "modelValue") {
+  return m({
+    get: () => e.modelValue,
+    set: (a) => t(`update:${r}`, a)
+  });
+}
+const M = d({
+  name: "UtrechtCheckbox",
+  props: {
+    appearance: { type: String, required: !1, default: "custom" },
+    invalid: { type: Boolean, required: !1 },
+    modelValue: { type: [String, Number, Boolean], required: !1, default: "" }
+  },
+  setup(e, { emit: t }) {
+    return {
+      value: $(e, t)
+    };
+  }
+});
+const R = ["aria-invalid"];
+function D(e, t, r, a, o, l) {
+  return p((s(), n("input", {
+    "onUpdate:modelValue": t[0] || (t[0] = (i) => e.value = i),
+    type: "checkbox",
+    "aria-invalid": e.invalid || void 0,
+    class: u([
+      "utrecht-checkbox",
+      "utrecht-checkbox--html-input",
+      { "utrecht-checkbox--invalid": e.invalid },
+      { "utrecht-checkbox--custom": e.appearance === "custom" }
+    ])
+  }, null, 10, R)), [
+    [v, e.value]
+  ]);
+}
+const Ct = /* @__PURE__ */ _(M, [["render", D]]), A = d({
+  name: "UtrechtDocument"
+});
+const E = { class: "utrecht-document" };
+function G(e, t, r, a, o, l) {
+  return s(), n("div", E, [
+    c(e.$slots, "default")
+  ]);
+}
+const Vt = /* @__PURE__ */ _(A, [["render", G]]), O = d({
+  name: "UtrechtFormField",
+  props: {
+    invalid: { type: Boolean, required: !1, default: !1 },
+    type: { type: String, required: !1, default: void 0 }
+  }
+});
+function z(e, t, r, a, o, l) {
+  return s(), n("div", {
+    class: u([
+      "utrecht-form-field",
+      { "utrecht-form-field--invalid": e.invalid },
+      { "utrecht-form-field--checkbox": e.type === "checkbox" },
+      { "utrecht-form-field--radio": e.type === "radio" },
+      { "utrecht-form-field--text": !e.type || e.type === "text" }
+    ])
+  }, [
+    c(e.$slots, "default")
+  ], 2);
+}
+const Pt = /* @__PURE__ */ _(O, [["render", z]]), I = d({
+  name: "UtrechtFormFieldset",
+  props: {
+    describedby: {
+      type: String,
+      required: !1,
+      default: void 0
+    },
+    disabled: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    invalid: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    label: {
+      type: String,
+      required: !1,
+      default: void 0
+    },
+    labelledby: {
+      type: String,
+      required: !1,
+      default: void 0
+    },
+    role: {
+      type: String,
+      required: !1,
+      default: null
+    },
+    name: {
+      type: String,
+      required: !1,
+      default: ""
+    },
+    form: {
+      type: String,
+      required: !1,
+      default: null
+    }
+  }
+});
+const W = { class: "utrecht-form-fieldset" }, J = ["aria-describedby", "aria-invalid", "aria-label", "aria-labelledby", "disabled", "form", "name", "role"];
+function K(e, t, r, a, o, l) {
+  return s(), n("div", W, [
+    b("fieldset", {
+      "aria-describedby": e.describedby || void 0,
+      "aria-invalid": e.invalid || void 0,
+      "aria-label": e.label || void 0,
+      "aria-labelledby": e.labelledby || void 0,
+      class: "utrecht-form-fieldset__fieldset utrecht-form-fieldset__fieldset--html-fieldset",
+      disabled: e.disabled,
+      form: e.form || void 0,
+      name: e.name || void 0,
+      role: e.role || void 0
+    }, [
+      c(e.$slots, "default")
+    ], 8, J)
+  ]);
+}
+const Nt = /* @__PURE__ */ _(I, [["render", K]]), Q = d({
+  name: "UtrechtFormFieldsetLegend"
+}), X = { class: "utrecht-form-fieldset__legend" };
+function Y(e, t, r, a, o, l) {
+  return s(), n("legend", X, [
+    c(e.$slots, "default")
+  ]);
+}
+const Lt = /* @__PURE__ */ _(Q, [["render", Y]]), Z = d({
+  name: "UtrechtFormLabel",
+  props: {
+    checked: { type: Boolean, required: !1, default: !1 },
+    disabled: { type: Boolean, required: !1, default: !1 },
+    type: { type: String, required: !1, default: void 0 }
+  }
+});
+function ee(e, t, r, a, o, l) {
+  return s(), n("label", {
+    class: u([
+      "utrecht-form-label",
+      { "utrecht-form-label--checked": e.checked },
+      { "utrecht-form-label--disabled": e.disabled },
+      { [`utrecht-form-label--${e.type}`]: e.type }
+    ])
+  }, [
+    c(e.$slots, "default")
+  ], 2);
+}
+const wt = /* @__PURE__ */ _(Z, [["render", ee]]), te = d({
+  name: "UtrechtHeading",
+  props: {
+    level: { type: Number, required: !0, default: 6 }
+  }
+});
+const se = {
+  key: 0,
+  class: "utrecht-heading-1"
+}, ne = {
+  key: 1,
+  class: "utrecht-heading-2"
+}, re = {
+  key: 2,
+  class: "utrecht-heading-3"
+}, ae = {
+  key: 3,
+  class: "utrecht-heading-4"
+}, oe = {
+  key: 4,
+  class: "utrecht-heading-5"
+}, ce = {
+  key: 5,
+  class: "utrecht-heading-6"
+};
+function de(e, t, r, a, o, l) {
+  return e.level == 1 ? (s(), n("h1", se, [
+    c(e.$slots, "default", {}, void 0, !0)
+  ])) : e.level == 2 ? (s(), n("h2", ne, [
+    c(e.$slots, "default", {}, void 0, !0)
+  ])) : e.level == 3 ? (s(), n("h3", re, [
+    c(e.$slots, "default", {}, void 0, !0)
+  ])) : e.level == 4 ? (s(), n("h4", ae, [
+    c(e.$slots, "default", {}, void 0, !0)
+  ])) : e.level == 5 ? (s(), n("h5", oe, [
+    c(e.$slots, "default", {}, void 0, !0)
+  ])) : (s(), n("h6", ce, [
+    c(e.$slots, "default", {}, void 0, !0)
+  ]));
+}
+const jt = /* @__PURE__ */ _(te, [["render", de], ["__scopeId", "data-v-7324134c"]]), _e = d({
+  name: "UtrechtHeading1"
+});
+const le = { class: "utrecht-heading-1" };
+function ie(e, t, r, a, o, l) {
+  return s(), n("h1", le, [
+    c(e.$slots, "default")
+  ]);
+}
+const Mt = /* @__PURE__ */ _(_e, [["render", ie]]), ue = d({
+  name: "UtrechtHeading2"
+});
+const pe = { class: "utrecht-heading-2" };
+function $e(e, t, r, a, o, l) {
+  return s(), n("h2", pe, [
+    c(e.$slots, "default")
+  ]);
+}
+const Rt = /* @__PURE__ */ _(ue, [["render", $e]]), fe = d({
+  name: "UtrechtHeading3"
+});
+const he = { class: "utrecht-heading-3" };
+function ye(e, t, r, a, o, l) {
+  return s(), n("h3", he, [
+    c(e.$slots, "default")
+  ]);
+}
+const Dt = /* @__PURE__ */ _(fe, [["render", ye]]), me = d({
+  name: "UtrechtHeading4"
+});
+const ve = { class: "utrecht-heading-4" };
+function be(e, t, r, a, o, l) {
+  return s(), n("h4", ve, [
+    c(e.$slots, "default")
+  ]);
+}
+const At = /* @__PURE__ */ _(me, [["render", be]]), ge = d({
+  name: "UtrechtHeading5"
+});
+const xe = { class: "utrecht-heading-5" };
+function Ue(e, t, r, a, o, l) {
+  return s(), n("h5", xe, [
+    c(e.$slots, "default")
+  ]);
+}
+const Et = /* @__PURE__ */ _(ge, [["render", Ue]]), qe = d({
+  name: "UtrechtHeading6"
+});
+const ke = { class: "utrecht-heading-6" };
+function Be(e, t, r, a, o, l) {
+  return s(), n("h6", ke, [
+    c(e.$slots, "default")
+  ]);
+}
+const Gt = /* @__PURE__ */ _(qe, [["render", Be]]), Se = d({
+  name: "UtrechtLink",
+  props: {
+    external: { type: Boolean, required: !1, default: !1 }
+  }
+});
+function Te(e, t, r, a, o, l) {
+  return s(), n("a", {
+    class: u([
+      "utrecht-link",
+      { "utrecht-link--external": e.external }
+    ])
+  }, [
+    c(e.$slots, "default")
+  ], 2);
+}
+const Ot = /* @__PURE__ */ _(Se, [["render", Te]]), He = d({
+  name: "UtrechtPage"
+});
+const Fe = { class: "utrecht-page" };
+function Ce(e, t, r, a, o, l) {
+  return s(), n("div", Fe, [
+    c(e.$slots, "default")
+  ]);
+}
+const zt = /* @__PURE__ */ _(He, [["render", Ce]]), Ve = d({
+  name: "UtrechtPageContent"
+});
+const Pe = { class: "utrecht-page-content" };
+function Ne(e, t, r, a, o, l) {
+  return s(), n("div", Pe, [
+    c(e.$slots, "default")
+  ]);
+}
+const It = /* @__PURE__ */ _(Ve, [["render", Ne]]), Le = d({
+  name: "UtrechtPageFooter"
+});
+const we = { class: "utrecht-page-footer" };
+function je(e, t, r, a, o, l) {
+  return s(), n("footer", we, [
+    c(e.$slots, "default")
+  ]);
+}
+const Wt = /* @__PURE__ */ _(Le, [["render", je]]), Me = d({
+  name: "UtrechtPageHeader"
+});
+const Re = { class: "utrecht-page-header" };
+function De(e, t, r, a, o, l) {
+  return s(), n("header", Re, [
+    c(e.$slots, "default")
+  ]);
+}
+const Jt = /* @__PURE__ */ _(Me, [["render", De]]), Ae = d({
+  name: "UtrechtParagraph",
+  props: {
+    lead: { type: Boolean, required: !1, default: !1 }
+  }
+});
+function Ee(e, t, r, a, o, l) {
+  return s(), n("p", {
+    class: u([
+      "utrecht-paragraph",
+      { "utrecht-paragraph--lead": e.lead }
+    ])
+  }, [
+    c(e.$slots, "default")
+  ], 2);
+}
+const Kt = /* @__PURE__ */ _(Ae, [["render", Ee]]), Ge = d({
+  name: "UtrechtRadioButton",
+  props: {
+    appearance: { type: String, required: !1, default: "custom" },
+    invalid: { type: Boolean, required: !1 },
+    modelValue: { type: [String, Number, Boolean], required: !1, default: "" }
+  },
+  setup(e, { emit: t }) {
+    return {
+      value: $(e, t)
+    };
+  }
+});
+const Oe = ["aria-invalid"];
+function ze(e, t, r, a, o, l) {
+  return p((s(), n("input", {
+    "onUpdate:modelValue": t[0] || (t[0] = (i) => e.value = i),
+    type: "radio",
+    "aria-invalid": e.invalid || void 0,
+    class: u([
+      "utrecht-radio-button",
+      "utrecht-radio-button--html-input",
+      { "utrecht-radio-button--invalid": e.invalid },
+      { "utrecht-radio-button--custom": e.appearance === "custom" }
+    ])
+  }, null, 10, Oe)), [
+    [g, e.value]
+  ]);
+}
+const Qt = /* @__PURE__ */ _(Ge, [["render", ze]]), Ie = d({
+  name: "UtrechtSelect",
+  props: {
+    invalid: { type: Boolean, required: !1 },
+    readonly: { type: Boolean, required: !1 },
+    options: { type: [Array, Object], required: !0 },
+    modelValue: { type: [String, Number, Boolean], required: !1, default: "" }
+  },
+  setup(e, { emit: t }) {
+    return {
+      selected: $(e, t)
+    };
+  }
+});
+const We = ["aria-invalid", "readonly"], Je = ["value", "disabled"];
+function Ke(e, t, r, a, o, l) {
+  return p((s(), n("select", {
+    "onUpdate:modelValue": t[0] || (t[0] = (i) => e.selected = i),
+    "aria-invalid": e.invalid || void 0,
+    class: u([
+      { "utrecht-select--invalid": e.invalid },
+      { "utrecht-select--readonly": e.readonly },
+      "utrecht-select--html-select",
+      "utrecht-select"
+    ]),
+    readonly: e.readonly
+  }, [
+    e.options && e.options.length > 0 ? (s(!0), n(x, { key: 0 }, U(e.options, ({ value: i, label: y, disabled: f }) => (s(), n("option", {
+      key: i,
+      value: i,
+      class: u([
+        { "utrecht-select__option--disabled": f },
+        "utrecht-select__option"
+      ]),
+      disabled: f
+    }, q(y), 11, Je))), 128)) : k("", !0)
+  ], 10, We)), [
+    [B, e.selected]
+  ]);
+}
+const Xt = /* @__PURE__ */ _(Ie, [["render", Ke]]), Qe = d({
+  name: "UtrechtTable"
+});
+const Xe = { class: "utrecht-table" };
+function Ye(e, t, r, a, o, l) {
+  return s(), n("table", Xe, [
+    c(e.$slots, "default")
+  ]);
+}
+const Yt = /* @__PURE__ */ _(Qe, [["render", Ye]]), Ze = d({
+  name: "UtrechtTableBody"
+}), et = { class: "utrecht-table__body" };
+function tt(e, t, r, a, o, l) {
+  return s(), n("tbody", et, [
+    c(e.$slots, "default")
+  ]);
+}
+const Zt = /* @__PURE__ */ _(Ze, [["render", tt]]), st = d({
+  name: "UtrechtTableCaption"
+}), nt = { class: "utrecht-table__caption" };
+function rt(e, t, r, a, o, l) {
+  return s(), n("caption", nt, [
+    c(e.$slots, "default")
+  ]);
+}
+const es = /* @__PURE__ */ _(st, [["render", rt]]), at = d({
+  name: "UtrechtTableCell"
+}), ot = { class: "utrecht-table__cell" };
+function ct(e, t, r, a, o, l) {
+  return s(), n("td", ot, [
+    c(e.$slots, "default")
+  ]);
+}
+const ts = /* @__PURE__ */ _(at, [["render", ct]]), dt = d({
+  name: "UtrechtTableFooter"
+}), _t = { class: "utrecht-table__footer" };
+function lt(e, t, r, a, o, l) {
+  return s(), n("tfoot", _t, [
+    c(e.$slots, "default")
+  ]);
+}
+const ss = /* @__PURE__ */ _(dt, [["render", lt]]), it = d({
+  name: "UtrechtTableHeader"
+}), ut = { class: "utrecht-table__header" };
+function pt(e, t, r, a, o, l) {
+  return s(), n("thead", ut, [
+    c(e.$slots, "default")
+  ]);
+}
+const ns = /* @__PURE__ */ _(it, [["render", pt]]), $t = d({
+  name: "UtrechtTableHeaderCell"
+}), ft = { class: "utrecht-table__header-cell" };
+function ht(e, t, r, a, o, l) {
+  return s(), n("th", ft, [
+    c(e.$slots, "default")
+  ]);
+}
+const rs = /* @__PURE__ */ _($t, [["render", ht]]), yt = d({
+  name: "UtrechtTableRow"
+}), mt = { class: "utrecht-table__row" };
+function vt(e, t, r, a, o, l) {
+  return s(), n("tr", mt, [
+    c(e.$slots, "default")
+  ]);
+}
+const as = /* @__PURE__ */ _(yt, [["render", vt]]), bt = d({
+  name: "UtrechtTextarea",
+  props: {
+    invalid: { type: Boolean, required: !1 },
+    modelValue: { type: [String, Number, Boolean], require: !1, default: "" }
+  },
+  setup(e, { emit: t }) {
+    return {
+      value: $(e, t)
+    };
+  }
+});
+const gt = ["aria-invalid"];
+function xt(e, t, r, a, o, l) {
+  return p((s(), n("textarea", {
+    "onUpdate:modelValue": t[0] || (t[0] = (i) => e.value = i),
+    "aria-invalid": e.invalid || void 0,
+    class: u([
+      { "utrecht-textarea--invalid": e.invalid },
+      "utrecht-textarea",
+      "utrecht-textarea--html-textarea"
+    ])
+  }, null, 10, gt)), [
+    [h, e.value]
+  ]);
+}
+const os = /* @__PURE__ */ _(bt, [["render", xt]]), Ut = d({
+  name: "UtrechtTextbox",
+  props: {
+    invalid: { type: Boolean, required: !1 },
+    modelValue: { type: [String, Number, Boolean], require: !1, default: "" }
+  },
+  setup(e, { emit: t }) {
+    return {
+      value: $(e, t)
+    };
+  }
+});
+const qt = ["aria-invalid"];
+function kt(e, t, r, a, o, l) {
+  return p((s(), n("input", {
+    "onUpdate:modelValue": t[0] || (t[0] = (i) => e.value = i),
+    "aria-invalid": e.invalid || void 0,
+    class: u([
+      { "utrecht-textbox--invalid": e.invalid },
+      "utrecht-textbox",
+      "utrecht-textbox--html-input"
+    ])
+  }, null, 10, qt)), [
+    [h, e.value]
+  ]);
+}
+const cs = /* @__PURE__ */ _(Ut, [["render", kt]]);
+export {
+  St as Article,
+  Tt as BadgeStatus,
+  Ht as Button,
+  Ft as ButtonGroup,
+  Ct as Checkbox,
+  Vt as Document,
+  Pt as FormField,
+  Nt as FormFieldset,
+  Lt as FormFieldsetLegend,
+  wt as FormLabel,
+  jt as Heading,
+  Mt as Heading1,
+  Rt as Heading2,
+  Dt as Heading3,
+  At as Heading4,
+  Et as Heading5,
+  Gt as Heading6,
+  Ot as Link,
+  zt as Page,
+  It as PageContent,
+  Wt as PageFooter,
+  Jt as PageHeader,
+  Kt as Paragraph,
+  Qt as RadioButton,
+  Xt as Select,
+  Yt as Table,
+  Zt as TableBody,
+  es as TableCaption,
+  ts as TableCell,
+  ss as TableFooter,
+  ns as TableHeader,
+  rs as TableHeaderCell,
+  as as TableRow,
+  os as Textarea,
+  cs as Textbox
+};

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

@@ -1 +1 @@
-var it=Object.defineProperty,_t=Object.defineProperties;var ut=Object.getOwnPropertyDescriptors;var g=Object.getOwnPropertySymbols;var ht=Object.prototype.hasOwnProperty,ft=Object.prototype.propertyIsEnumerable;var B=(a,t,s)=>t in a?it(a,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):a[t]=s,_=(a,t)=>{for(var s in t||(t={}))ht.call(t,s)&&B(a,s,t[s]);if(g)for(var s of g(t))ft.call(t,s)&&B(a,s,t[s]);return a},u=(a,t)=>_t(a,ut(t));(function(a,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(a=typeof globalThis!="undefined"?globalThis:a||self,t(a["component-library-vue"]={},a.Vue))})(this,function(a,t){"use strict";var s="",c=(e,n)=>{const l=e.__vccOpts||e;for(const[r,i]of n)l[r]=i;return l};const p={},x={class:"utrecht-article"};function v(e,n){return t.openBlock(),t.createElementBlock("article",x,[t.renderSlot(e.$slots,"default")])}var S=c(p,[["render",v]]),yt="";const E=t.defineComponent({props:{status:null},setup(e){return(n,l)=>(t.openBlock(),t.createElementBlock("span",{class:t.normalizeClass(["utrecht-badge-status",{["utrecht-badge--"+e.status]:!0}])},[t.renderSlot(n.$slots,"default")],2))}});var mt="";const C=["aria-busy","disabled","type"],q=t.defineComponent({props:{appearance:null,busy:{type:Boolean},disabled:{type:Boolean},type:null},setup(e){return(n,l)=>(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,type:e.type||"button"},[t.renderSlot(n.$slots,"default")],10,C))}});var bt="";const H={},V={class:"utrecht-button-group"};function U(e,n){return t.openBlock(),t.createElementBlock("div",V,[t.renderSlot(e.$slots,"default")])}var F=c(H,[["render",U]]);function A(e,n){if(e.length!==n.length)return!1;let l=!0;for(let r=0;l&&r<e.length;r++)l=d(e[r],n[r]);return l}function d(e,n){if(e===n)return!0;let l=f(e),r=f(n);if(l||r)return l&&r?e.getTime()===n.getTime():!1;if(l=h(e),r=h(n),l||r)return l&&r?A(e,n):!1;if(l=y(e),r=y(n),l||r){if(!l||!r)return!1;const i=Object.keys(e).length,ot=Object.keys(n).length;if(i!==ot)return!1;for(const o in e){const k=e.hasOwnProperty(o),$=n.hasOwnProperty(o);if(k&&!$||!k&&$||!d(e[o],n[o]))return!1}}return String(e)===String(n)}const h=Array.isArray,f=e=>e instanceof Date,y=e=>e!==null&&typeof e=="object";var kt="";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(l=>l!==n);if(m(e)){const l=new Set(e);return l.delete(n),l}else return""},T={methods:{$_handleInputEvent(e){const{value:n,modelValue:l}=this,r=b(l,n)?I(l,n):z(l,n);this.$emit("update:modelValue",r)},$_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,l)=>(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:l[0]||(l[0]=r=>n.$_handleInputEvent(r))},null,42,P))}}));var $t="";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]]),gt="";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]]),Bt="";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]]),pt="";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]]),xt="";const te=t.defineComponent({props:{checked:{type:Boolean},disabled:{type:Boolean},type:null},setup(e){return(n,l)=>(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 vt="",St="",Et="",Ct="",qt="",Ht="";const ne={key:0,class:"utrecht-heading-1"},le={key:1,class:"utrecht-heading-2"},ae={key:2,class:"utrecht-heading-3"},re={key:3,class:"utrecht-heading-4"},ce={key:4,class:"utrecht-heading-5"},se={key:5,class:"utrecht-heading-6"};var de=c(t.defineComponent({props:{level:null},setup(e){return(n,l)=>e.level==1?(t.openBlock(),t.createElementBlock("h1",ne,[t.renderSlot(n.$slots,"default",{},void 0,!0)])):e.level==2?(t.openBlock(),t.createElementBlock("h2",le,[t.renderSlot(n.$slots,"default",{},void 0,!0)])):e.level==3?(t.openBlock(),t.createElementBlock("h3",ae,[t.renderSlot(n.$slots,"default",{},void 0,!0)])):e.level==4?(t.openBlock(),t.createElementBlock("h4",re,[t.renderSlot(n.$slots,"default",{},void 0,!0)])):e.level==5?(t.openBlock(),t.createElementBlock("h5",ce,[t.renderSlot(n.$slots,"default",{},void 0,!0)])):(t.openBlock(),t.createElementBlock("h6",se,[t.renderSlot(n.$slots,"default",{},void 0,!0)]))}}),[["__scopeId","data-v-0797b6fe"]]),Ut="";const oe={},ie={class:"utrecht-heading-1"};function _e(e,n){return t.openBlock(),t.createElementBlock("h1",ie,[t.renderSlot(e.$slots,"default")])}var ue=c(oe,[["render",_e]]),Ft="";const he={},fe={class:"utrecht-heading-2"};function ye(e,n){return t.openBlock(),t.createElementBlock("h2",fe,[t.renderSlot(e.$slots,"default")])}var me=c(he,[["render",ye]]),At="";const be={},ke={class:"utrecht-heading-3"};function $e(e,n){return t.openBlock(),t.createElementBlock("h3",ke,[t.renderSlot(e.$slots,"default")])}var ge=c(be,[["render",$e]]),Pt="";const Be={},pe={class:"utrecht-heading-4"};function xe(e,n){return t.openBlock(),t.createElementBlock("h4",pe,[t.renderSlot(e.$slots,"default")])}var ve=c(Be,[["render",xe]]),zt="";const Se={},Ee={class:"utrecht-heading-5"};function Ce(e,n){return t.openBlock(),t.createElementBlock("h5",Ee,[t.renderSlot(e.$slots,"default")])}var qe=c(Se,[["render",Ce]]),It="";const He={},Ve={class:"utrecht-heading-6"};function Ue(e,n){return t.openBlock(),t.createElementBlock("h6",Ve,[t.renderSlot(e.$slots,"default")])}var Fe=c(He,[["render",Ue]]),Tt="";const Ae=t.defineComponent({props:{external:{type:Boolean}},setup(e){return(n,l)=>(t.openBlock(),t.createElementBlock("a",{class:t.normalizeClass(["utrecht-link",{"utrecht-link--external":e.external}])},[t.renderSlot(n.$slots,"default")],2))}});var jt="";const Pe={},ze={class:"utrecht-page"};function Ie(e,n){return t.openBlock(),t.createElementBlock("div",ze,[t.renderSlot(e.$slots,"default")])}var Te=c(Pe,[["render",Ie]]),Ot="";const je={},Oe={class:"utrecht-page-content"};function we(e,n){return t.openBlock(),t.createElementBlock("div",Oe,[t.renderSlot(e.$slots,"default")])}var De=c(je,[["render",we]]),wt="";const Ke={},Le={class:"utrecht-page-footer"};function Ge(e,n){return t.openBlock(),t.createElementBlock("footer",Le,[t.renderSlot(e.$slots,"default")])}var Me=c(Ke,[["render",Ge]]),Dt="";const Re={},Je={class:"utrecht-page-header"};function Ne(e,n){return t.openBlock(),t.createElementBlock("header",Je,[t.renderSlot(e.$slots,"default")])}var Qe=c(Re,[["render",Ne]]),Kt="";const We=t.defineComponent({props:{lead:{type:Boolean}},setup(e){return(n,l)=>(t.openBlock(),t.createElementBlock("p",{class:t.normalizeClass(["utrecht-paragraph",{"utrecht-paragraph--lead":e.lead}])},[t.renderSlot(n.$slots,"default")],2))}});var Lt="";const Xe=["aria-invalid","checked","disabled","required","value"],Ye=(e,n)=>d(e,n),Ze={methods:{$_handleInputEvent(e){e.checked&&this.$emit("update:modelValue",this.value)},$_isChecked(){return typeof this.modelValue!="undefined"?Ye(this.modelValue,this.value):this.checked}}},et=t.defineComponent(u(_({},Ze),{props:{checked:{type:Boolean},disabled:{type:Boolean},invalid:{type:Boolean},modelValue:null,required:{type:Boolean},value:null},emits:["update:modelValue"],setup(e){return(n,l)=>(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:l[0]||(l[0]=r=>n.$_handleInputEvent(r.target))},null,42,Xe))}}));var Gt="";const tt=["aria-invalid","disabled","readonly","required","value"],nt=t.defineComponent({props:{disabled:{type:Boolean},invalid:{type:Boolean},modelValue:null,readonly:{type:Boolean},required:{type:Boolean}},emits:["update:modelValue"],setup(e){return(n,l)=>(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:l[0]||(l[0]=r=>n.$emit("update:modelValue",r.target.value))},[t.renderSlot(n.$slots,"default")],42,tt))}});var Mt="";const lt=["disabled"],at=t.defineComponent({props:{disabled:{type:Boolean}},setup(e){return(n,l)=>(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,lt))}});var Rt="";const rt=["aria-invalid","disabled","readonly","required","value"],ct=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,l)=>(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:l[0]||(l[0]=r=>n.$emit("update:modelValue",r.target.value))},null,42,rt))}});var Jt="";const st=["aria-invalid","disabled","readonly","required","value"],dt=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,l)=>(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:l[0]||(l[0]=r=>n.$emit("update:modelValue",r.target.value))},null,42,st))}});a.Article=S,a.BadgeStatus=E,a.Button=q,a.ButtonGroup=F,a.Checkbox=j,a.Document=K,a.FormField=R,a.FormFieldset=W,a.FormFieldsetLegend=ee,a.FormLabel=te,a.Heading=de,a.Heading1=ue,a.Heading2=me,a.Heading3=ge,a.Heading4=ve,a.Heading5=qe,a.Heading6=Fe,a.Link=Ae,a.Page=Te,a.PageContent=De,a.PageFooter=Me,a.PageHeader=Qe,a.Paragraph=We,a.RadioButton=et,a.Select=nt,a.SelectOption=at,a.Textarea=ct,a.Textbox=dt,Object.defineProperties(a,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(o,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(o=typeof globalThis<"u"?globalThis:o||self,e(o["component-library-vue"]={},o.Vue))})(this,function(o,e){"use strict";const p=e.defineComponent({name:"UtrechtArticle"}),Jt="",l=(t,n)=>{const s=t.__vccOpts||t;for(const[r,a]of n)s[r]=a;return s},$={class:"utrecht-article"};function u(t,n,s,r,a,c){return e.openBlock(),e.createElementBlock("article",$,[e.renderSlot(t.$slots,"default")])}const f=l(p,[["render",u]]),m=e.defineComponent({name:"UtrechtBadgeStatus",props:{status:{type:String,required:!1,default:void 0}}}),Kt="";function h(t,n,s,r,a,c){return e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass([{[`utrecht-badge-status--${t.status}`]:!0},"utrecht-badge-status"])},[e.renderSlot(t.$slots,"default")],2)}const y=l(m,[["render",h]]),b=e.defineComponent({name:"UtrechtButton",props:{appearance:{type:String,required:!1,default:void 0},type:{type:String,required:!1,default:"button"},busy:{type:Boolean,required:!1,default:!1}}}),Qt="",g=["aria-busy","type"];function B(t,n,s,r,a,c){return e.openBlock(),e.createElementBlock("button",{"aria-busy":t.busy||void 0,class:e.normalizeClass(["utrecht-button",{"utrecht-button--busy":t.busy},{"utrecht-button--primary-action":t.appearance==="primary-action-button"},{"utrecht-button--secondary-action":t.appearance==="secondary-action-button"},{"utrecht-button--submit":t.type==="submit"},{"utrecht-button--subtle":t.appearance==="subtle-button"}]),type:t.type},[e.renderSlot(t.$slots,"default")],10,g)}const k=l(b,[["render",B]]),C=e.defineComponent({name:"UtrechtButtonGroup"}),Xt="",S={class:"utrecht-button-group"};function E(t,n,s,r,a,c){return e.openBlock(),e.createElementBlock("div",S,[e.renderSlot(t.$slots,"default")])}const U=l(C,[["render",E]]);function i(t,n,s="modelValue"){return e.computed({get:()=>t.modelValue,set:r=>n(`update:${s}`,r)})}const q=e.defineComponent({name:"UtrechtCheckbox",props:{appearance:{type:String,required:!1,default:"custom"},invalid:{type:Boolean,required:!1},modelValue:{type:[String,Number,Boolean],required:!1,default:""}},setup(t,{emit:n}){return{value:i(t,n)}}}),Yt="",Zt="",T=["aria-invalid"];function H(t,n,s,r,a,c){return e.withDirectives((e.openBlock(),e.createElementBlock("input",{"onUpdate:modelValue":n[0]||(n[0]=d=>t.value=d),type:"checkbox","aria-invalid":t.invalid||void 0,class:e.normalizeClass(["utrecht-checkbox","utrecht-checkbox--html-input",{"utrecht-checkbox--invalid":t.invalid},{"utrecht-checkbox--custom":t.appearance==="custom"}])},null,10,T)),[[e.vModelCheckbox,t.value]])}const F=l(q,[["render",H]]),x=e.defineComponent({name:"UtrechtDocument"}),vt="",P={class:"utrecht-document"};function V(t,n,s,r,a,c){return e.openBlock(),e.createElementBlock("div",P,[e.renderSlot(t.$slots,"default")])}const z=l(x,[["render",V]]),w=e.defineComponent({name:"UtrechtFormField",props:{invalid:{type:Boolean,required:!1,default:!1},type:{type:String,required:!1,default:void 0}}}),en="";function L(t,n,s,r,a,c){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["utrecht-form-field",{"utrecht-form-field--invalid":t.invalid},{"utrecht-form-field--checkbox":t.type==="checkbox"},{"utrecht-form-field--radio":t.type==="radio"},{"utrecht-form-field--text":!t.type||t.type==="text"}])},[e.renderSlot(t.$slots,"default")],2)}const D=l(w,[["render",L]]),N=e.defineComponent({name:"UtrechtFormFieldset",props:{describedby:{type:String,required:!1,default:void 0},disabled:{type:Boolean,required:!1,default:!1},invalid:{type:Boolean,required:!1,default:!1},label:{type:String,required:!1,default:void 0},labelledby:{type:String,required:!1,default:void 0},role:{type:String,required:!1,default:null},name:{type:String,required:!1,default:""},form:{type:String,required:!1,default:null}}}),tn="",j={class:"utrecht-form-fieldset"},M=["aria-describedby","aria-invalid","aria-label","aria-labelledby","disabled","form","name","role"];function R(t,n,s,r,a,c){return e.openBlock(),e.createElementBlock("div",j,[e.createElementVNode("fieldset",{"aria-describedby":t.describedby||void 0,"aria-invalid":t.invalid||void 0,"aria-label":t.label||void 0,"aria-labelledby":t.labelledby||void 0,class:"utrecht-form-fieldset__fieldset utrecht-form-fieldset__fieldset--html-fieldset",disabled:t.disabled,form:t.form||void 0,name:t.name||void 0,role:t.role||void 0},[e.renderSlot(t.$slots,"default")],8,M)])}const A=l(N,[["render",R]]),G=e.defineComponent({name:"UtrechtFormFieldsetLegend"}),O={class:"utrecht-form-fieldset__legend"};function I(t,n,s,r,a,c){return e.openBlock(),e.createElementBlock("legend",O,[e.renderSlot(t.$slots,"default")])}const W=l(G,[["render",I]]),J=e.defineComponent({name:"UtrechtFormLabel",props:{checked:{type:Boolean,required:!1,default:!1},disabled:{type:Boolean,required:!1,default:!1},type:{type:String,required:!1,default:void 0}}}),nn="";function K(t,n,s,r,a,c){return e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass(["utrecht-form-label",{"utrecht-form-label--checked":t.checked},{"utrecht-form-label--disabled":t.disabled},{[`utrecht-form-label--${t.type}`]:t.type}])},[e.renderSlot(t.$slots,"default")],2)}const Q=l(J,[["render",K]]),X=e.defineComponent({name:"UtrechtHeading",props:{level:{type:Number,required:!0,default:6}}}),on="",sn="",rn="",an="",ln="",cn="",Y={key:0,class:"utrecht-heading-1"},Z={key:1,class:"utrecht-heading-2"},v={key:2,class:"utrecht-heading-3"},ee={key:3,class:"utrecht-heading-4"},te={key:4,class:"utrecht-heading-5"},ne={key:5,class:"utrecht-heading-6"};function oe(t,n,s,r,a,c){return t.level==1?(e.openBlock(),e.createElementBlock("h1",Y,[e.renderSlot(t.$slots,"default",{},void 0,!0)])):t.level==2?(e.openBlock(),e.createElementBlock("h2",Z,[e.renderSlot(t.$slots,"default",{},void 0,!0)])):t.level==3?(e.openBlock(),e.createElementBlock("h3",v,[e.renderSlot(t.$slots,"default",{},void 0,!0)])):t.level==4?(e.openBlock(),e.createElementBlock("h4",ee,[e.renderSlot(t.$slots,"default",{},void 0,!0)])):t.level==5?(e.openBlock(),e.createElementBlock("h5",te,[e.renderSlot(t.$slots,"default",{},void 0,!0)])):(e.openBlock(),e.createElementBlock("h6",ne,[e.renderSlot(t.$slots,"default",{},void 0,!0)]))}const se=l(X,[["render",oe],["__scopeId","data-v-7324134c"]]),re=e.defineComponent({name:"UtrechtHeading1"}),dn="",ae={class:"utrecht-heading-1"};function le(t,n,s,r,a,c){return e.openBlock(),e.createElementBlock("h1",ae,[e.renderSlot(t.$slots,"default")])}const ce=l(re,[["render",le]]),de=e.defineComponent({name:"UtrechtHeading2"}),_n="",ie={class:"utrecht-heading-2"};function _e(t,n,s,r,a,c){return e.openBlock(),e.createElementBlock("h2",ie,[e.renderSlot(t.$slots,"default")])}const pe=l(de,[["render",_e]]),$e=e.defineComponent({name:"UtrechtHeading3"}),pn="",ue={class:"utrecht-heading-3"};function fe(t,n,s,r,a,c){return e.openBlock(),e.createElementBlock("h3",ue,[e.renderSlot(t.$slots,"default")])}const me=l($e,[["render",fe]]),he=e.defineComponent({name:"UtrechtHeading4"}),$n="",ye={class:"utrecht-heading-4"};function be(t,n,s,r,a,c){return e.openBlock(),e.createElementBlock("h4",ye,[e.renderSlot(t.$slots,"default")])}const ge=l(he,[["render",be]]),Be=e.defineComponent({name:"UtrechtHeading5"}),un="",ke={class:"utrecht-heading-5"};function Ce(t,n,s,r,a,c){return e.openBlock(),e.createElementBlock("h5",ke,[e.renderSlot(t.$slots,"default")])}const Se=l(Be,[["render",Ce]]),Ee=e.defineComponent({name:"UtrechtHeading6"}),fn="",Ue={class:"utrecht-heading-6"};function qe(t,n,s,r,a,c){return e.openBlock(),e.createElementBlock("h6",Ue,[e.renderSlot(t.$slots,"default")])}const Te=l(Ee,[["render",qe]]),He=e.defineComponent({name:"UtrechtLink",props:{external:{type:Boolean,required:!1,default:!1}}}),mn="";function Fe(t,n,s,r,a,c){return e.openBlock(),e.createElementBlock("a",{class:e.normalizeClass(["utrecht-link",{"utrecht-link--external":t.external}])},[e.renderSlot(t.$slots,"default")],2)}const xe=l(He,[["render",Fe]]),Pe=e.defineComponent({name:"UtrechtPage"}),hn="",Ve={class:"utrecht-page"};function ze(t,n,s,r,a,c){return e.openBlock(),e.createElementBlock("div",Ve,[e.renderSlot(t.$slots,"default")])}const we=l(Pe,[["render",ze]]),Le=e.defineComponent({name:"UtrechtPageContent"}),yn="",De={class:"utrecht-page-content"};function Ne(t,n,s,r,a,c){return e.openBlock(),e.createElementBlock("div",De,[e.renderSlot(t.$slots,"default")])}const je=l(Le,[["render",Ne]]),Me=e.defineComponent({name:"UtrechtPageFooter"}),bn="",Re={class:"utrecht-page-footer"};function Ae(t,n,s,r,a,c){return e.openBlock(),e.createElementBlock("footer",Re,[e.renderSlot(t.$slots,"default")])}const Ge=l(Me,[["render",Ae]]),Oe=e.defineComponent({name:"UtrechtPageHeader"}),gn="",Ie={class:"utrecht-page-header"};function We(t,n,s,r,a,c){return e.openBlock(),e.createElementBlock("header",Ie,[e.renderSlot(t.$slots,"default")])}const Je=l(Oe,[["render",We]]),Ke=e.defineComponent({name:"UtrechtParagraph",props:{lead:{type:Boolean,required:!1,default:!1}}}),Bn="";function Qe(t,n,s,r,a,c){return e.openBlock(),e.createElementBlock("p",{class:e.normalizeClass(["utrecht-paragraph",{"utrecht-paragraph--lead":t.lead}])},[e.renderSlot(t.$slots,"default")],2)}const Xe=l(Ke,[["render",Qe]]),Ye=e.defineComponent({name:"UtrechtRadioButton",props:{appearance:{type:String,required:!1,default:"custom"},invalid:{type:Boolean,required:!1},modelValue:{type:[String,Number,Boolean],required:!1,default:""}},setup(t,{emit:n}){return{value:i(t,n)}}}),kn="",Cn="",Ze=["aria-invalid"];function ve(t,n,s,r,a,c){return e.withDirectives((e.openBlock(),e.createElementBlock("input",{"onUpdate:modelValue":n[0]||(n[0]=d=>t.value=d),type:"radio","aria-invalid":t.invalid||void 0,class:e.normalizeClass(["utrecht-radio-button","utrecht-radio-button--html-input",{"utrecht-radio-button--invalid":t.invalid},{"utrecht-radio-button--custom":t.appearance==="custom"}])},null,10,Ze)),[[e.vModelRadio,t.value]])}const et=l(Ye,[["render",ve]]),tt=e.defineComponent({name:"UtrechtSelect",props:{invalid:{type:Boolean,required:!1},readonly:{type:Boolean,required:!1},options:{type:[Array,Object],required:!0},modelValue:{type:[String,Number,Boolean],required:!1,default:""}},setup(t,{emit:n}){return{selected:i(t,n)}}}),Sn="",nt=["aria-invalid","readonly"],ot=["value","disabled"];function st(t,n,s,r,a,c){return e.withDirectives((e.openBlock(),e.createElementBlock("select",{"onUpdate:modelValue":n[0]||(n[0]=d=>t.selected=d),"aria-invalid":t.invalid||void 0,class:e.normalizeClass([{"utrecht-select--invalid":t.invalid},{"utrecht-select--readonly":t.readonly},"utrecht-select--html-select","utrecht-select"]),readonly:t.readonly},[t.options&&t.options.length>0?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(t.options,({value:d,label:Wt,disabled:_})=>(e.openBlock(),e.createElementBlock("option",{key:d,value:d,class:e.normalizeClass([{"utrecht-select__option--disabled":_},"utrecht-select__option"]),disabled:_},e.toDisplayString(Wt),11,ot))),128)):e.createCommentVNode("",!0)],10,nt)),[[e.vModelSelect,t.selected]])}const rt=l(tt,[["render",st]]),at=e.defineComponent({name:"UtrechtTable"}),En="",lt={class:"utrecht-table"};function ct(t,n,s,r,a,c){return e.openBlock(),e.createElementBlock("table",lt,[e.renderSlot(t.$slots,"default")])}const dt=l(at,[["render",ct]]),it=e.defineComponent({name:"UtrechtTableBody"}),_t={class:"utrecht-table__body"};function pt(t,n,s,r,a,c){return e.openBlock(),e.createElementBlock("tbody",_t,[e.renderSlot(t.$slots,"default")])}const $t=l(it,[["render",pt]]),ut=e.defineComponent({name:"UtrechtTableCaption"}),ft={class:"utrecht-table__caption"};function mt(t,n,s,r,a,c){return e.openBlock(),e.createElementBlock("caption",ft,[e.renderSlot(t.$slots,"default")])}const ht=l(ut,[["render",mt]]),yt=e.defineComponent({name:"UtrechtTableCell"}),bt={class:"utrecht-table__cell"};function gt(t,n,s,r,a,c){return e.openBlock(),e.createElementBlock("td",bt,[e.renderSlot(t.$slots,"default")])}const Bt=l(yt,[["render",gt]]),kt=e.defineComponent({name:"UtrechtTableFooter"}),Ct={class:"utrecht-table__footer"};function St(t,n,s,r,a,c){return e.openBlock(),e.createElementBlock("tfoot",Ct,[e.renderSlot(t.$slots,"default")])}const Et=l(kt,[["render",St]]),Ut=e.defineComponent({name:"UtrechtTableHeader"}),qt={class:"utrecht-table__header"};function Tt(t,n,s,r,a,c){return e.openBlock(),e.createElementBlock("thead",qt,[e.renderSlot(t.$slots,"default")])}const Ht=l(Ut,[["render",Tt]]),Ft=e.defineComponent({name:"UtrechtTableHeaderCell"}),xt={class:"utrecht-table__header-cell"};function Pt(t,n,s,r,a,c){return e.openBlock(),e.createElementBlock("th",xt,[e.renderSlot(t.$slots,"default")])}const Vt=l(Ft,[["render",Pt]]),zt=e.defineComponent({name:"UtrechtTableRow"}),wt={class:"utrecht-table__row"};function Lt(t,n,s,r,a,c){return e.openBlock(),e.createElementBlock("tr",wt,[e.renderSlot(t.$slots,"default")])}const Dt=l(zt,[["render",Lt]]),Nt=e.defineComponent({name:"UtrechtTextarea",props:{invalid:{type:Boolean,required:!1},modelValue:{type:[String,Number,Boolean],require:!1,default:""}},setup(t,{emit:n}){return{value:i(t,n)}}}),Un="",jt=["aria-invalid"];function Mt(t,n,s,r,a,c){return e.withDirectives((e.openBlock(),e.createElementBlock("textarea",{"onUpdate:modelValue":n[0]||(n[0]=d=>t.value=d),"aria-invalid":t.invalid||void 0,class:e.normalizeClass([{"utrecht-textarea--invalid":t.invalid},"utrecht-textarea","utrecht-textarea--html-textarea"])},null,10,jt)),[[e.vModelText,t.value]])}const Rt=l(Nt,[["render",Mt]]),At=e.defineComponent({name:"UtrechtTextbox",props:{invalid:{type:Boolean,required:!1},modelValue:{type:[String,Number,Boolean],require:!1,default:""}},setup(t,{emit:n}){return{value:i(t,n)}}}),qn="",Gt=["aria-invalid"];function Ot(t,n,s,r,a,c){return e.withDirectives((e.openBlock(),e.createElementBlock("input",{"onUpdate:modelValue":n[0]||(n[0]=d=>t.value=d),"aria-invalid":t.invalid||void 0,class:e.normalizeClass([{"utrecht-textbox--invalid":t.invalid},"utrecht-textbox","utrecht-textbox--html-input"])},null,10,Gt)),[[e.vModelText,t.value]])}const It=l(At,[["render",Ot]]);o.Article=f,o.BadgeStatus=y,o.Button=k,o.ButtonGroup=U,o.Checkbox=F,o.Document=z,o.FormField=D,o.FormFieldset=A,o.FormFieldsetLegend=W,o.FormLabel=Q,o.Heading=se,o.Heading1=ce,o.Heading2=pe,o.Heading3=me,o.Heading4=ge,o.Heading5=Se,o.Heading6=Te,o.Link=xe,o.Page=we,o.PageContent=je,o.PageFooter=Ge,o.PageHeader=Je,o.Paragraph=Xe,o.RadioButton=et,o.Select=rt,o.Table=dt,o.TableBody=$t,o.TableCaption=ht,o.TableCell=Bt,o.TableFooter=Et,o.TableHeader=Ht,o.TableHeaderCell=Vt,o.TableRow=Dt,o.Textarea=Rt,o.Textbox=It,Object.defineProperty(o,Symbol.toStringTag,{value:"Module"})});

package/dist/helpers/modelWrapper.d.ts

@@ -0,0 +1 @@
+export declare function useModelWrapper(props: any, emit: any, name?: string): import("vue").WritableComputedRef<any>;