@utrecht/web-component-library-vue 1.0.0-alpha.99 → 1.0.0

package/dist/utrecht-textarea.entry-fea08d4b.mjs

@@ -0,0 +1,32 @@
+import { r as i, c as t, h as c } from "./index-9057ae21.mjs";
+import { c as v } from "./clsx.m-9f200cc0-0d472180.mjs";
+import "vue";
+const b = `.utrecht-textarea{background-color:var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color));block-size:initial;border-width:var(--utrecht-textarea-border-width, var(--utrecht-form-control-border-width));border-block-end-width:var(--utrecht-textarea-border-bottom-width, var(--utrecht-textarea-border-width, var(--utrecht-form-control-border-width)));border-color:var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color));border-radius:var(--utrecht-textarea-border-radius, var(--utrecht-form-control-border-radius, 0));border-style:solid;box-sizing:border-box;color:var(--utrecht-textarea-color, var(--utrecht-form-control-color));font-family:var(--utrecht-textarea-font-family, var(--utrecht-form-control-font-family));font-size:var(--utrecht-textarea-font-size, var(--utrecht-form-control-font-size, inherit));font-weight:initial;inline-size:100%;line-height:var(--utrecht-textarea-line-height, initial);max-inline-size:var(--utrecht-textarea-max-inline-size, var(--utrecht-form-control-max-inline-size));min-block-size:var(--utrecht-textarea-min-block-size);padding-block-end:var(--utrecht-textarea-padding-block-end, var(--utrecht-form-control-padding-block-end, 0));padding-block-start:var(--utrecht-textarea-padding-block-start, var(--utrecht-form-control-padding-block-start, 0));padding-inline-end:var(--utrecht-textarea-padding-inline-end, var(--utrecht-form-control-padding-inline-end, initial));padding-inline-start:var(--utrecht-textarea-padding-inline-start, var(--utrecht-form-control-padding-inline-start, initial));resize:vertical;resize:block}.utrecht-textarea--invalid{--_utrecht-textarea-border-width:var(
+    --utrecht-textarea-invalid-border-width,
+    var(
+      --utrecht-form-control-invalid-border-width,
+      var(--utrecht-textarea-border-width, var(--utrecht-form-control-border-width))
+    )
+  );background-color:var(--utrecht-textarea-invalid-background-color, var(--utrecht-form-control-invalid-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));border-width:var(--_utrecht-textarea-border-width);border-block-end-width:var(--utrecht-textarea-invalid-border-bottom-width, var(--utrecht-form-control-invalid-border-bottom-width, var(--utrecht-textarea-border-bottom-width, var(--utrecht-form-control-border-bottom-width, var(--_utrecht-textarea-border-width)))));border-color:var(--utrecht-textarea-invalid-border-color, var(--utrecht-form-control-invalid-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-invalid-color, var(--utrecht-form-control-invalid-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))))}.utrecht-textarea--disabled{background-color:var(--utrecht-textarea-disabled-background-color, var(--utrecht-form-control-disabled-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-disabled-border-color, var(--utrecht-form-control-disabled-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-disabled-color, var(--utrecht-form-control-disabled-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));cursor:var(--utrecht-action-disabled-cursor, not-allowed)}.utrecht-textarea--focus{background-color:var(--utrecht-textarea-focus-background-color, var(--utrecht-form-control-focus-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-focus-border-color, var(--utrecht-form-control-focus-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-focus-color, var(--utrecht-form-control-focus-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))))}.utrecht-textarea--focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)
+    var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert)}.utrecht-textarea--read-only{background-color:var(--utrecht-textarea-read-only-border, var(--utrecht-form-control-read-only-background-color, var(--utrecht-textarea-border, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-read-only-border, var(--utrecht-form-control-read-only-border-color, var(--utrecht-textarea-border, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-read-only-color, var(--utrecht-form-control-read-only-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))))}.utrecht-textarea__placeholder{color:var(--utrecht-textarea-placeholder-color, var(--utrecht-form-control-placeholder-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));font-style:var(--utrecht-form-control-placeholder-font-style);opacity:100%}.utrecht-textarea--html-textarea{}.utrecht-textarea--html-textarea:focus{background-color:var(--utrecht-textarea-focus-background-color, var(--utrecht-form-control-focus-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-focus-border-color, var(--utrecht-form-control-focus-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-focus-color, var(--utrecht-form-control-focus-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)
+    var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert)}.utrecht-textarea--html-textarea:focus:not(:focus-visible){box-shadow:none;outline-style:revert}.utrecht-textarea--html-textarea:invalid,.utrecht-textarea--html-textarea[aria-invalid=true]{--_utrecht-textarea-border-width:var(
+    --utrecht-textarea-invalid-border-width,
+    var(
+      --utrecht-form-control-invalid-border-width,
+      var(--utrecht-textarea-border-width, var(--utrecht-form-control-border-width))
+    )
+  );background-color:var(--utrecht-textarea-invalid-background-color, var(--utrecht-form-control-invalid-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));border-width:var(--_utrecht-textarea-border-width);border-block-end-width:var(--utrecht-textarea-invalid-border-bottom-width, var(--utrecht-form-control-invalid-border-bottom-width, var(--utrecht-textarea-border-bottom-width, var(--utrecht-form-control-border-bottom-width, var(--_utrecht-textarea-border-width)))));border-color:var(--utrecht-textarea-invalid-border-color, var(--utrecht-form-control-invalid-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-invalid-color, var(--utrecht-form-control-invalid-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))))}.utrecht-textarea--html-textarea:read-only{background-color:var(--utrecht-textarea-read-only-border, var(--utrecht-form-control-read-only-background-color, var(--utrecht-textarea-border, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-read-only-border, var(--utrecht-form-control-read-only-border-color, var(--utrecht-textarea-border, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-read-only-color, var(--utrecht-form-control-read-only-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))))}.utrecht-textarea--html-textarea:disabled{background-color:var(--utrecht-textarea-disabled-background-color, var(--utrecht-form-control-disabled-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-disabled-border-color, var(--utrecht-form-control-disabled-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-disabled-color, var(--utrecht-form-control-disabled-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));cursor:var(--utrecht-action-disabled-cursor, not-allowed)}.utrecht-textarea--html-textarea::placeholder{color:var(--utrecht-textarea-placeholder-color, var(--utrecht-form-control-placeholder-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));font-style:var(--utrecht-form-control-placeholder-font-style);opacity:100%}:host{display:block}:host([hidden]){display:none !important}`, s = class {
+  constructor(o) {
+    i(this, o), this.utrechtBlur = t(this, "utrechtBlur", 7), this.utrechtChange = t(this, "utrechtChange", 7), this.utrechtFocus = t(this, "utrechtFocus", 7), this.utrechtInput = t(this, "utrechtInput", 7), this.autocomplete = "", this.spellcheck = !1, this.disabled = !1, this.invalid = !1, this.placeholder = "", this.readOnly = !1, this.required = !1, this.value = "";
+  }
+  render() {
+    const { autocomplete: o, disabled: e, invalid: l, placeholder: u, readOnly: a, required: h, spellcheck: d, value: n } = this;
+    return c("textarea", { autoComplete: o || null, class: v("utrecht-textarea", "utrecht-textarea--html-textarea", e && "utrecht-textarea--disabled", l && "utrecht-textarea--invalid", a && "utrecht-textarea--readonly"), disabled: e, placeholder: u || null, readonly: a, required: h, spellcheck: d || null, value: n, onBlur: (r) => this.utrechtBlur.emit(r), onChange: (r) => this.utrechtChange.emit(r), onFocus: (r) => this.utrechtFocus.emit(r), onInput: (r) => {
+      this.value = r.target.value, this.utrechtInput.emit(r);
+    } }, c("slot", null));
+  }
+};
+s.style = b;
+export {
+  s as utrecht_textarea
+};

package/dist/utrecht-textbox.entry-8a85f492.mjs

@@ -0,0 +1,32 @@
+import { r as x, c as o, h as v } from "./index-9057ae21.mjs";
+import { c as s } from "./clsx.m-9f200cc0-0d472180.mjs";
+import "vue";
+const f = `.utrecht-textbox{background-color:var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color));block-size:initial;border-width:var(--utrecht-textbox-border-width, var(--utrecht-form-control-border-width));border-block-end-width:var(--utrecht-textbox-border-bottom-width, var(--utrecht-textbox-border-width, var(--utrecht-form-control-border-width)));border-color:var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color));border-radius:var(--utrecht-textbox-border-radius, var(--utrecht-form-control-border-radius, 0));border-style:solid;box-sizing:border-box;color:var(--utrecht-textbox-color, var(--utrecht-form-control-color));font-family:var(--utrecht-textbox-font-family, var(--utrecht-form-control-font-family));font-size:var(--utrecht-textbox-font-size, var(--utrecht-form-control-font-size, inherit));font-weight:initial;inline-size:100%;line-height:var(--utrecht-textbox-line-height, var(--utrecht-form-control-line-height, initial));max-inline-size:var(--utrecht-textbox-max-inline-size, var(--utrecht-form-control-max-inline-size));padding-block-end:var(--utrecht-textbox-padding-block-end, var(--utrecht-form-control-padding-block-end, 0));padding-block-start:var(--utrecht-textbox-padding-block-start, var(--utrecht-form-control-padding-block-start, 0));padding-inline-end:var(--utrecht-textbox-padding-inline-end, var(--utrecht-form-control-padding-inline-end, initial));padding-inline-start:var(--utrecht-textbox-padding-inline-start, var(--utrecht-form-control-padding-inline-start, initial))}.utrecht-textbox--invalid{--_utrecht-textbox-border-width:var(
+    --utrecht-textbox-invalid-border-width,
+    var(
+      --utrecht-form-control-invalid-border-width,
+      var(--utrecht-textbox-border-width, var(--utrecht-form-control-border-width))
+    )
+  );background-color:var(--utrecht-textbox-invalid-background-color, var(--utrecht-form-control-invalid-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color))));border-width:var(--_utrecht-textbox-border-width);border-block-end-width:var(--utrecht-textbox-invalid-border-bottom-width, var(--utrecht-form-control-invalid-border-bottom-width, var(--utrecht-textbox-border-bottom-width, var(--utrecht-form-control-border-bottom-width, var(--_utrecht-textbox-border-width)))));border-color:var(--utrecht-textbox-invalid-border-color, var(--utrecht-form-control-invalid-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-invalid-color, var(--utrecht-form-control-invalid-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))))}.utrecht-textbox--disabled{background-color:var(--utrecht-textbox-disabled-background-color, var(--utrecht-form-control-disabled-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-disabled-border-color, var(--utrecht-form-control-disabled-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-disabled-color, var(--utrecht-form-control-disabled-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));cursor:var(--utrecht-action-disabled-cursor, not-allowed)}.utrecht-textbox--focus{background-color:var(--utrecht-textbox-focus-background-color, var(--utrecht-form-control-focus-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-focus-border-color, var(--utrecht-form-control-focus-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-focus-color, var(--utrecht-form-control-focus-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))))}.utrecht-textbox--focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)
+    var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert)}.utrecht-textbox--read-only{background-color:var(--utrecht-textbox-read-only-background-color, var(--utrecht-form-control-read-only-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-read-only-border-color, var(--utrecht-form-control-read-only-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-read-only-color, var(--utrecht-form-control-read-only-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))))}.utrecht-textbox__placeholder{color:var(--utrecht-textbox-placeholder-color, var(--utrecht-form-control-placeholder-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))));font-style:var(--utrecht-form-control-placeholder-font-style);opacity:100%}.utrecht-textbox--numeric{-moz-appearance:textfield;font-variant-numeric:lining-nums tabular-nums}.utrecht-textbox--password{font-variant-ligatures:none;font-variant-numeric:slashed-zero}.utrecht-textbox--placeholder-ltr::placeholder,.utrecht-textbox--placeholder-ltr:placeholder-shown{direction:ltr}.utrecht-textbox--placeholder-rtl::placeholder,.utrecht-textbox--placeholder-rtl:placeholder-shown{direction:rtl}.utrecht-textbox--url{font-variant-ligatures:none}.utrecht-textbox--html-input{}.utrecht-textbox--html-input:focus{background-color:var(--utrecht-textbox-focus-background-color, var(--utrecht-form-control-focus-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-focus-border-color, var(--utrecht-form-control-focus-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-focus-color, var(--utrecht-form-control-focus-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)
+    var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert)}.utrecht-textbox--html-input:focus:not(:focus-visible){box-shadow:none;outline-style:revert}.utrecht-textbox--html-input:invalid,.utrecht-textbox--html-input[aria-invalid=true]{--_utrecht-textbox-border-width:var(
+    --utrecht-textbox-invalid-border-width,
+    var(
+      --utrecht-form-control-invalid-border-width,
+      var(--utrecht-textbox-border-width, var(--utrecht-form-control-border-width))
+    )
+  );background-color:var(--utrecht-textbox-invalid-background-color, var(--utrecht-form-control-invalid-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color))));border-width:var(--_utrecht-textbox-border-width);border-block-end-width:var(--utrecht-textbox-invalid-border-bottom-width, var(--utrecht-form-control-invalid-border-bottom-width, var(--utrecht-textbox-border-bottom-width, var(--utrecht-form-control-border-bottom-width, var(--_utrecht-textbox-border-width)))));border-color:var(--utrecht-textbox-invalid-border-color, var(--utrecht-form-control-invalid-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-invalid-color, var(--utrecht-form-control-invalid-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))))}.utrecht-textbox--html-input:read-only{background-color:var(--utrecht-textbox-read-only-background-color, var(--utrecht-form-control-read-only-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-read-only-border-color, var(--utrecht-form-control-read-only-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-read-only-color, var(--utrecht-form-control-read-only-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))))}.utrecht-textbox--html-input:disabled{background-color:var(--utrecht-textbox-disabled-background-color, var(--utrecht-form-control-disabled-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-disabled-border-color, var(--utrecht-form-control-disabled-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-disabled-color, var(--utrecht-form-control-disabled-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));cursor:var(--utrecht-action-disabled-cursor, not-allowed)}.utrecht-textbox--html-input::placeholder{color:var(--utrecht-textbox-placeholder-color, var(--utrecht-form-control-placeholder-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))));font-style:var(--utrecht-form-control-placeholder-font-style);opacity:100%}.utrecht-textbox--html-input[type=password i]{font-variant-ligatures:none;font-variant-numeric:slashed-zero}.utrecht-textbox--html-input[type=url i],.utrecht-textbox--html-input[type=email i],.utrecht-textbox--html-input[inputMode=email i],.utrecht-textbox--html-input[inputMode=url i]{font-variant-ligatures:none}.utrecht-textbox--html-input[pattern="\\\\d*"],.utrecht-textbox--html-input[pattern="[0-9]*"],.utrecht-textbox--html-input[type=number i],.utrecht-textbox--html-input[type=tel i],.utrecht-textbox--html-input[inputMode=numeric i],.utrecht-textbox--html-input[inputMode=decimal i],.utrecht-textbox--html-input[inputMode=tel i]{-moz-appearance:textfield;font-variant-numeric:lining-nums tabular-nums}:host{display:block}:host([hidden]){display:none !important}`, m = class {
+  constructor(r) {
+    x(this, r), this.utrechtBlur = o(this, "utrechtBlur", 7), this.utrechtChange = o(this, "utrechtChange", 7), this.utrechtFocus = o(this, "utrechtFocus", 7), this.utrechtInput = o(this, "utrechtInput", 7), this.autoComplete = "", this.disabled = !1, this.invalid = !1, this.min = "", this.max = "", this.pattern = "", this.placeholder = "", this.readOnly = !1, this.required = !1, this.type = "", this.value = "";
+  }
+  render() {
+    const { autoComplete: r, disabled: e, invalid: n, min: c, max: l, pattern: a, placeholder: h, readOnly: u, required: d, type: i, value: b } = this;
+    return v("input", { class: s("utrecht-textbox", "utrecht-textbox--html-input", e && "utrecht-textbox--disabled", n && "utrecht-textbox--invalid", u && "utrecht-textbox--readonly"), type: i || "text", autoComplete: r || null, disabled: e, min: c || null, max: l || null, pattern: a || null, placeholder: h || null, readonly: u, required: d, value: b, onBlur: (t) => this.utrechtBlur.emit(t), onChange: (t) => this.utrechtChange.emit(t), onFocus: (t) => this.utrechtFocus.emit(t), onInput: (t) => {
+      this.value = t.target.value, this.utrechtInput.emit(t);
+    } });
+  }
+};
+m.style = f;
+export {
+  m as utrecht_textbox
+};

package/dist/vue-component-lib/utils.d.ts

@@ -1,18 +1,18 @@
-export interface InputProps extends Object {
-    modelValue: string | boolean;
+export interface InputProps<T> {
+    modelValue?: T;
 }
 /**
-* Create a callback to define a Vue component wrapper around a Web Component.
-*
-* @prop name - The component tag name (i.e. `ion-button`)
-* @prop componentProps - An array of properties on the
-* component. These usually match up with the @Prop definitions
-* in each component's TSX file.
-* @prop customElement - An option custom element instance to pass
-* to customElements.define. Only set if `includeImportCustomElements: true` in your config.
-* @prop modelProp - The prop that v-model binds to (i.e. value)
-* @prop modelUpdateEvent - The event that is fired from your Web Component when the value changes (i.e. ionChange)
-* @prop externalModelUpdateEvent - The external event to fire from your Vue component when modelUpdateEvent fires. This is used for ensuring that v-model references have been
-* correctly updated when a user's event callback fires.
-*/
-export declare const defineContainer: <Props>(name: string, customElement: any, componentProps?: string[], modelProp?: string, modelUpdateEvent?: string, externalModelUpdateEvent?: string) => import("vue").DefineComponent<Props & InputProps, object, {}, Record<string, import("@vue/reactivity").ComputedGetter<any> | import("vue").WritableComputedOptions<any>>, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<Props & InputProps extends import("vue").ComponentPropsOptions<Record<string, unknown>> ? import("vue").ExtractPropTypes<string[] & Props & InputProps> | import("vue").ExtractPropTypes<import("vue").ComponentObjectPropsOptions<Record<string, unknown>> & Props & InputProps> : Props & InputProps>, import("vue").ExtractDefaultPropTypes<Props & InputProps>>;
+ * Create a callback to define a Vue component wrapper around a Web Component.
+ *
+ * @prop name - The component tag name (i.e. `ion-button`)
+ * @prop componentProps - An array of properties on the
+ * component. These usually match up with the @Prop definitions
+ * in each component's TSX file.
+ * @prop customElement - An option custom element instance to pass
+ * to customElements.define. Only set if `includeImportCustomElements: true` in your config.
+ * @prop modelProp - The prop that v-model binds to (i.e. value)
+ * @prop modelUpdateEvent - The event that is fired from your Web Component when the value changes (i.e. ionChange)
+ * @prop externalModelUpdateEvent - The external event to fire from your Vue component when modelUpdateEvent fires. This is used for ensuring that v-model references have been
+ * correctly updated when a user's event callback fires.
+ */
+export declare const defineContainer: <Props, VModelType = string | number | boolean>(name: string, defineCustomElement: any, componentProps?: string[], modelProp?: string, modelUpdateEvent?: string, externalModelUpdateEvent?: string) => (props: Props & InputProps<VModelType> & {}) => any;

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

@@ -0,0 +1,292 @@
+import { U as a, a as r, b as n, d as o, e as s, f as h, i as U, j as I, k as i, l as d, m as l, n as b, o as g, p as u, q as k, s as m, dL as p, t as C, u as v, v as L, w as H, x as B, y as P, z as f, A as S, B as D, C as G, D as M, E as V, F as w, G as T, I as F, J as j, K as A, L as O, M as z, N as E, O as x, P as W, Q as Z, R as K, S as R, T as N, V as y, W as q, X as J, Y as X, Z as Y, _ as Q, $ as _, a0 as $, a1 as tt, a2 as et, a3 as ct, a4 as at, a5 as rt, a6 as nt, a7 as ot, a8 as st, a9 as ht, aa as Ut, ab as It, ac as it, ad as dt, ae as lt, af as bt, ag as gt, ah as ut, ai as kt, aj as mt, ak as pt, al as Ct, am as vt, an as Lt, ao as Ht, ap as Bt, aq as Pt, ar as ft, as as St, at as Dt, au as Gt, av as Mt, aw as Vt, ax as wt, ay as Tt, az as Ft, aA as jt, aB as At, aC as Ot, aD as zt, aE as Et, aF as xt, aG as Wt, aH as Zt, aI as Kt, aJ as Rt, aK as Nt, aL as yt, aM as qt, aN as Jt, aO as Xt, aP as Yt, aQ as Qt, aR as _t, aS as $t, aT as te, aU as ee, aV as ce, aW as ae, aX as re, aY as ne, aZ as oe, a_ as se, a$ as he, b0 as Ue, b1 as Ie, b2 as ie, b3 as de, b4 as le, b5 as be, b6 as ge, b7 as ue, b8 as ke, b9 as me, ba as pe, bb as Ce, bc as ve, bd as Le, be as He, bf as Be, bg as Pe, bh as fe, bi as Se, bj as De, bk as Ge, bl as Me, bm as Ve, bn as we, bo as Te, bp as Fe, bq as je, br as Ae, bs as Oe, bt as ze, bu as Ee, bv as xe, bw as We, bx as Ze, by as Ke, bz as Re, bA as Ne, bB as ye, bC as qe, bD as Je, bE as Xe, bF as Ye, bG as Qe, bH as _e, bI as $e, bJ as tc, bK as ec, bL as cc, bM as ac, bN as rc, bO as nc, bP as oc, bQ as sc, bR as hc, bS as Uc, bT as Ic, bU as ic, bV as dc, bW as lc, bX as bc, bY as gc, bZ as uc, b_ as kc, b$ as mc, c0 as pc, c1 as Cc, c2 as vc, c3 as Lc, c4 as Hc, c5 as Bc, c6 as Pc, c7 as fc, c8 as Sc, c9 as Dc, ca as Gc, cb as Mc, cc as Vc, cd as wc, ce as Tc, cf as Fc, cg as jc, ch as Ac, ci as Oc, cj as zc, ck as Ec, cl as xc, cm as Wc, cn as Zc, co as Kc, cp as Rc, cq as Nc, cr as yc, cs as qc, ct as Jc, cu as Xc, cv as Yc, cw as Qc, cx as _c, cy as $c, cz as ta, cA as ea, cB as ca, cC as aa, cD as ra, cE as na, cF as oa, cG as sa, cH as ha, cI as Ua, cJ as Ia, cK as ia, cL as da, cM as la, cN as ba, cO as ga, cP as ua, cQ as ka, cR as ma, cS as pa, cT as Ca, cU as va, cV as La, cW as Ha, cX as Ba, cY as Pa, cZ as fa, c_ as Sa, c$ as Da, d0 as Ga, d1 as Ma, d2 as Va, d3 as wa, d4 as Ta, d5 as Fa, d6 as ja, d7 as Aa, d8 as Oa, d9 as za, da as Ea, db as xa, dc as Wa, dd as Za, de as Ka, df as Ra, dg as Na, dh as ya, di as qa, dj as Ja, dk as Xa, dl as Ya, dm as Qa, dn as _a, dp as $a, dq as tr, dr as er, ds as cr, dt as ar, du as rr, dv as nr, dw as or, dx as sr, dy as hr, dz as Ur, dA as Ir, dB as ir, dC as dr, dD as lr, dE as br, dF as gr, dG as ur, dH as kr, dI as mr, dJ as pr, dK as Cr } from "./index-9057ae21.mjs";
+import "vue";
+export {
+  a as UtrechtAlert,
+  r as UtrechtArticle,
+  n as UtrechtBackdrop,
+  o as UtrechtBadgeCounter,
+  s as UtrechtBadgeData,
+  h as UtrechtBadgeList,
+  U as UtrechtBadgeStatus,
+  I as UtrechtBreadcrumbNav,
+  i as UtrechtButton,
+  d as UtrechtButtonGroup,
+  l as UtrechtButtonLink,
+  b as UtrechtCheckbox,
+  g as UtrechtCode,
+  u as UtrechtCodeBlock,
+  k as UtrechtColorSample,
+  m as UtrechtColumnLayout,
+  p as UtrechtComponentLibrary,
+  C as UtrechtContactCardTemplate,
+  v as UtrechtCustomCheckbox,
+  L as UtrechtDataList,
+  H as UtrechtDataListActions,
+  B as UtrechtDataListItem,
+  P as UtrechtDataListKey,
+  f as UtrechtDataListValue,
+  S as UtrechtDigidButton,
+  D as UtrechtDigidLogo,
+  G as UtrechtDocument,
+  M as UtrechtDrawer,
+  V as UtrechtEherkenningLogo,
+  w as UtrechtEidasLogo,
+  T as UtrechtEmphasis,
+  F as UtrechtFlexWrapFallback,
+  j as UtrechtForm,
+  A as UtrechtFormFieldCheckbox,
+  O as UtrechtFormFieldDescription,
+  z as UtrechtFormFieldErrorMessage,
+  E as UtrechtFormFieldTextarea,
+  x as UtrechtFormFieldTextbox,
+  W as UtrechtFormToggle,
+  Z as UtrechtHeading,
+  K as UtrechtHeading1,
+  R as UtrechtHeading2,
+  N as UtrechtHeading3,
+  y as UtrechtHeading4,
+  q as UtrechtHeading5,
+  J as UtrechtHeading6,
+  X as UtrechtHeadingGroup,
+  Y as UtrechtHtmlContent,
+  Q as UtrechtIbanData,
+  _ as UtrechtIcon,
+  $ as UtrechtIconAfspraakMaken,
+  tt as UtrechtIconAfval,
+  et as UtrechtIconAfvalContainer,
+  ct as UtrechtIconAfvalContainerpas,
+  at as UtrechtIconAfvalKalender,
+  rt as UtrechtIconAfvalPmd,
+  nt as UtrechtIconAfvalScheiden,
+  ot as UtrechtIconAfvalkalender,
+  st as UtrechtIconAlleen,
+  ht as UtrechtIconArrow,
+  Ut as UtrechtIconAuto,
+  It as UtrechtIconBegroting,
+  it as UtrechtIconBestemmingsplan,
+  dt as UtrechtIconBetaaldatum,
+  lt as UtrechtIconBewijsstukken,
+  bt as UtrechtIconBijstand,
+  gt as UtrechtIconBlad,
+  ut as UtrechtIconBouwproject,
+  kt as UtrechtIconBrandgevaar,
+  mt as UtrechtIconBriefBetalen,
+  pt as UtrechtIconCheckmark,
+  Ct as UtrechtIconChevronDown,
+  vt as UtrechtIconChevronLeft,
+  Lt as UtrechtIconChevronRight,
+  Ht as UtrechtIconChevronUp,
+  Bt as UtrechtIconClose,
+  Pt as UtrechtIconCollegeBW,
+  ft as UtrechtIconContainer,
+  St as UtrechtIconContainerBio,
+  Dt as UtrechtIconContainerGlas,
+  Gt as UtrechtIconContainerGroenafval,
+  Mt as UtrechtIconContainerMetZak,
+  Vt as UtrechtIconContainerPapier,
+  wt as UtrechtIconContainerPmd,
+  Tt as UtrechtIconContainerRestafval,
+  Ft as UtrechtIconContainerTextiel,
+  jt as UtrechtIconCross,
+  At as UtrechtIconDakloos,
+  Ot as UtrechtIconDementie,
+  zt as UtrechtIconDocumenten,
+  Et as UtrechtIconDuurzaam,
+  xt as UtrechtIconEenzaamheid,
+  Wt as UtrechtIconEikenprocessie,
+  Zt as UtrechtIconElektrischRijden,
+  Kt as UtrechtIconEnergieVergoeding,
+  Rt as UtrechtIconEnergietransitie,
+  Nt as UtrechtIconError,
+  yt as UtrechtIconEvenementen,
+  qt as UtrechtIconFacebook,
+  Jt as UtrechtIconFiets,
+  Xt as UtrechtIconFilter,
+  Yt as UtrechtIconGeboorte,
+  Qt as UtrechtIconGebruikerCentraal,
+  _t as UtrechtIconGebruikerIngelogd,
+  $t as UtrechtIconGegevenswoordenboek,
+  te as UtrechtIconGeluid,
+  ee as UtrechtIconGemeenteLocatie,
+  ce as UtrechtIconGemeenteraad,
+  ae as UtrechtIconGereedschap,
+  re as UtrechtIconGezicht,
+  ne as UtrechtIconGezin,
+  oe as UtrechtIconGlasAfval,
+  se as UtrechtIconGlijbaan,
+  he as UtrechtIconGrafiek,
+  Ue as UtrechtIconGrofvuil,
+  Ie as UtrechtIconGrofvuilOphalen,
+  ie as UtrechtIconHamburgerMenu,
+  de as UtrechtIconHerdenking,
+  le as UtrechtIconHondenbelasting,
+  be as UtrechtIconHoreca,
+  ge as UtrechtIconHorecavergunning,
+  ue as UtrechtIconHuis,
+  ke as UtrechtIconHuisEnOmgeving,
+  me as UtrechtIconHuishoudelijkGeweld,
+  pe as UtrechtIconHulpHuishouden,
+  Ce as UtrechtIconHulpVervoer,
+  ve as UtrechtIconHulpZorg,
+  Le as UtrechtIconHulpmiddelenGezin,
+  He as UtrechtIconHulpverlening,
+  Be as UtrechtIconIdee,
+  Pe as UtrechtIconInformatie,
+  fe as UtrechtIconInformation,
+  Se as UtrechtIconInnovatie,
+  De as UtrechtIconInspraakInwoners,
+  Ge as UtrechtIconInstagram,
+  Me as UtrechtIconKalender,
+  Ve as UtrechtIconKennis,
+  we as UtrechtIconKerstbomen,
+  Te as UtrechtIconKlachten,
+  Fe as UtrechtIconKroon,
+  je as UtrechtIconLaadpaal,
+  Ae as UtrechtIconLanguage,
+  Oe as UtrechtIconLantaarnpaal,
+  ze as UtrechtIconLantaarnpaalOud,
+  Ee as UtrechtIconLeren,
+  xe as UtrechtIconLetOp,
+  We as UtrechtIconLinkedin,
+  Ze as UtrechtIconList,
+  Ke as UtrechtIconListCheck,
+  Re as UtrechtIconListNumber,
+  Ne as UtrechtIconLoupe,
+  ye as UtrechtIconMarkt,
+  qe as UtrechtIconMelding,
+  Je as UtrechtIconMeldingBoom,
+  Xe as UtrechtIconMeldingKlacht,
+  Ye as UtrechtIconMeldingOpenbareruimte,
+  Qe as UtrechtIconMeldingVerlichting,
+  _e as UtrechtIconMenselijk,
+  $e as UtrechtIconMenuDot,
+  tc as UtrechtIconMenuDotOpen,
+  ec as UtrechtIconMeterkast,
+  cc as UtrechtIconMilieuOntheffing,
+  ac as UtrechtIconMilieuZone,
+  rc as UtrechtIconMinus,
+  nc as UtrechtIconMinusVertical,
+  oc as UtrechtIconMobiliteit,
+  sc as UtrechtIconNatuur,
+  hc as UtrechtIconNieuwHuis,
+  Uc as UtrechtIconNummerbord,
+  Ic as UtrechtIconOmHetHuis,
+  ic as UtrechtIconOmgeving,
+  dc as UtrechtIconOmgevingsvisie,
+  lc as UtrechtIconOmgevingswet,
+  bc as UtrechtIconOnderhoud,
+  gc as UtrechtIconOndernemen,
+  uc as UtrechtIconOpeningstijden,
+  kc as UtrechtIconOverDeStad,
+  mc as UtrechtIconOverlijden,
+  pc as UtrechtIconPanden,
+  Cc as UtrechtIconPark,
+  vc as UtrechtIconParkeerkaart,
+  Lc as UtrechtIconParkeervergunning,
+  Hc as UtrechtIconParken,
+  Bc as UtrechtIconParkeren,
+  Pc as UtrechtIconParkerenBedrijven,
+  fc as UtrechtIconParkerenBetaalautomaat,
+  Sc as UtrechtIconParkerenBetalen,
+  Dc as UtrechtIconParticipatieCampagne,
+  Gc as UtrechtIconParticipatieLike,
+  Mc as UtrechtIconParticipatiePitch,
+  Vc as UtrechtIconPaspoort,
+  wc as UtrechtIconPresentatie,
+  Tc as UtrechtIconPrijskaartje,
+  Fc as UtrechtIconReadAloud,
+  jc as UtrechtIconRijbewijs,
+  Ac as UtrechtIconRioolheffing,
+  Oc as UtrechtIconRolstoel,
+  zc as UtrechtIconSchildGemeenteUtrecht,
+  Ec as UtrechtIconSearch,
+  xc as UtrechtIconShoppen,
+  Wc as UtrechtIconSinterklaas,
+  Zc as UtrechtIconSlechtziendeHoordende,
+  Kc as UtrechtIconSport,
+  Rc as UtrechtIconSportEnCultuur,
+  Nc as UtrechtIconSportVoetbal,
+  yc as UtrechtIconStookverbod,
+  qc as UtrechtIconStrand,
+  Jc as UtrechtIconStrooien,
+  Xc as UtrechtIconSubsidie,
+  Yc as UtrechtIconSubsidieGezin,
+  Qc as UtrechtIconTShirt,
+  _c as UtrechtIconThuiswerken,
+  $c as UtrechtIconToeslag,
+  ta as UtrechtIconTrein,
+  ea as UtrechtIconTrouwen,
+  ca as UtrechtIconTwitter,
+  aa as UtrechtIconUser,
+  ra as UtrechtIconUwWijk,
+  na as UtrechtIconVaccinatie,
+  oa as UtrechtIconVeiligeWijk,
+  sa as UtrechtIconVergaderen,
+  ha as UtrechtIconVergaderendigitaal,
+  Ua as UtrechtIconVergoeding,
+  Ia as UtrechtIconVerhuizen,
+  ia as UtrechtIconVerkeerslicht,
+  da as UtrechtIconVerkiezingen,
+  la as UtrechtIconVerslaving,
+  ba as UtrechtIconVervoersvoorziening,
+  ga as UtrechtIconVirus,
+  ua as UtrechtIconVluchtelingen,
+  ka as UtrechtIconVoorzieningenVervoer,
+  ma as UtrechtIconVrijwilligerswerk,
+  pa as UtrechtIconVuilnisbak,
+  Ca as UtrechtIconVuilniszak,
+  va as UtrechtIconVuurwerk,
+  La as UtrechtIconWandelstok,
+  Ha as UtrechtIconWarm,
+  Ba as UtrechtIconWarning,
+  Pa as UtrechtIconWerken,
+  fa as UtrechtIconWerkzaamheden,
+  Sa as UtrechtIconWhatsapp,
+  Da as UtrechtIconWonenKosten,
+  Ga as UtrechtIconWoningZoeken,
+  Ma as UtrechtIconX,
+  Va as UtrechtIconYoutube,
+  wa as UtrechtIconZelfstandigWonen,
+  Ta as UtrechtIconZoomMinus,
+  Fa as UtrechtIconZoomPlus,
+  ja as UtrechtIconZoomin,
+  Aa as UtrechtIconZoomout,
+  Oa as UtrechtIconZorgHuis,
+  za as UtrechtIconZweefpaal,
+  Ea as UtrechtIconZwemmen,
+  xa as UtrechtLink,
+  Wa as UtrechtLinkButton,
+  Za as UtrechtLogo,
+  Ka as UtrechtLogoButton,
+  Ra as UtrechtLogoImage,
+  Na as UtrechtMapMarker,
+  ya as UtrechtMark,
+  qa as UtrechtMultilineData,
+  Ja as UtrechtNumberData,
+  Xa as UtrechtPage,
+  Ya as UtrechtPageContent,
+  Qa as UtrechtPageFooter,
+  _a as UtrechtPageHeader,
+  $a as UtrechtPagination,
+  tr as UtrechtParagraph,
+  er as UtrechtPreHeading,
+  cr as UtrechtProgressList,
+  ar as UtrechtProgressListItem,
+  rr as UtrechtProgressSublistItem,
+  nr as UtrechtSeparator,
+  or as UtrechtSidenav,
+  sr as UtrechtSkipLink,
+  hr as UtrechtSpotlightSection,
+  Ur as UtrechtSurface,
+  Ir as UtrechtTable,
+  ir as UtrechtTableBody,
+  dr as UtrechtTableCaption,
+  lr as UtrechtTableCell,
+  br as UtrechtTableFooter,
+  gr as UtrechtTableHeader,
+  ur as UtrechtTableHeaderCell,
+  kr as UtrechtTableRow,
+  mr as UtrechtTextarea,
+  pr as UtrechtTextbox,
+  Cr as UtrechtUrlData
+};