@muenchen/muc-patternlab-vue 9.0.0-beta.1 → 9.0.0-beta.2

package/components/Form/MucInput.stories.d.ts

@@ -16,11 +16,12 @@ declare const _default: {
             autocomplete?: string;
             name?: string;
         }> & Readonly<{
+            onBlur?: (() => any) | undefined;
             "onUpdate:modelValue"?: ((value: string) => any) | undefined;
             onSuffixClick?: (() => any) | undefined;
         }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            blur: () => any;
             "update:modelValue": (value: string) => any;
-        } & {
             suffixClick: () => any;
         }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
             P: {};
@@ -45,6 +46,7 @@ declare const _default: {
             autocomplete?: string;
             name?: string;
         }> & Readonly<{
+            onBlur?: (() => any) | undefined;
             "onUpdate:modelValue"?: ((value: string) => any) | undefined;
             onSuffixClick?: (() => any) | undefined;
         }>, {}, {}, {}, {}, {}>;
@@ -67,11 +69,12 @@ declare const _default: {
         autocomplete?: string;
         name?: string;
     }> & Readonly<{
+        onBlur?: (() => any) | undefined;
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
         onSuffixClick?: (() => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        blur: () => any;
         "update:modelValue": (value: string) => any;
-    } & {
         suffixClick: () => any;
     }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
         $slots: Readonly<{

package/components/Form/MucInput.vue.d.ts

@@ -73,10 +73,11 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    blur: () => any;
     "update:modelValue": (value: string) => any;
-} & {
     suffixClick: () => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onBlur?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     onSuffixClick?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;

package/components/Form/MucTextArea.stories.d.ts

@@ -11,6 +11,7 @@ declare const _default: {
         required?: boolean;
         maxlength?: number;
     }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        blur: () => any;
         "update:modelValue": (value: string) => any;
     }, string, import('vue').PublicProps, Readonly<{
         modelValue?: string;
@@ -24,6 +25,7 @@ declare const _default: {
         required?: boolean;
         maxlength?: number;
     }> & Readonly<{
+        onBlur?: (() => any) | undefined;
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
     title: string;

package/components/Form/MucTextArea.vue.d.ts

@@ -36,8 +36,10 @@ type __VLS_PublicProps = {
     modelValue?: string;
 } & __VLS_Props;
 declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    blur: () => any;
     "update:modelValue": (value: string) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onBlur?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/muc-patternlab-vue.es.js

@@ -1130,13 +1130,13 @@ var Jt = /* @__PURE__ */ I(Gt, [["render", qt]]), Yt = {
 		modelValue: { default: "" },
 		modelModifiers: {}
 	}),
-	emits: /* @__PURE__ */ p(["suffixClick"], ["update:modelValue"]),
+	emits: /* @__PURE__ */ p(["suffixClick", "blur"], ["update:modelValue"]),
 	setup(t, { emit: s }) {
 		let c = A(t, "modelValue"), u = te(), d = s, f = n(() => t.type === "search"), p = n(() => {
 			if (c.value === "") return [];
 			let e = c.value.toLowerCase();
 			return t.dataList.filter((t) => t.toLowerCase().startsWith(e) && t.toLowerCase() !== e);
-		}), h = (e) => c.value = e, g = () => d("suffixClick");
+		}), h = (e) => c.value = e, g = () => d("suffixClick"), _ = () => d("blur");
 		return (n, s) => (y(), a("div", { class: m(["m-form-group", { "has-error": t.errorMsg }]) }, [
 			t.label ? (y(), a("label", {
 				key: 0,
@@ -1161,8 +1161,9 @@ var Jt = /* @__PURE__ */ I(Gt, [["render", qt]]), Yt = {
 					"aria-required": t.required,
 					maxlength: t.max,
 					autocomplete: t.autocomplete,
-					name: t.name
-				}, null, 8, Mn), [[M, c.value]]),
+					name: t.name,
+					onBlur: _
+				}, null, 40, Mn), [[M, c.value]]),
 				f.value && p.value.length !== 0 ? (y(), a("ul", Nn, [(y(!0), a(e, null, C(p.value, (e) => (y(), a("li", {
 					class: "autocomplete-result",
 					key: e,
@@ -3981,10 +3982,12 @@ var xa = function(e) {
 		modelValue: { default: "" },
 		modelModifiers: {}
 	}),
-	emits: ["update:modelValue"],
-	setup(e) {
-		let t = A(e, "modelValue"), n = S(t.value.length);
-		return (s, c) => (y(), a("div", { class: m(["m-form-group", { "has-error": e.errorMsg }]) }, [
+	emits: /* @__PURE__ */ p(["blur"], ["update:modelValue"]),
+	setup(e, { emit: t }) {
+		let n = A(e, "modelValue"), s = S(n.value.length), c = t, u = () => {
+			s.value = n.value.length, c("blur");
+		};
+		return (t, c) => (y(), a("div", { class: m(["m-form-group", { "has-error": e.errorMsg }]) }, [
 			e.label ? (y(), a("label", {
 				key: 0,
 				for: "textarea-" + e.id,
@@ -4002,17 +4005,17 @@ var xa = function(e) {
 				rows: e.rows,
 				placeholder: e.placeholder,
 				maxlength: e.maxlength,
-				"onUpdate:modelValue": c[0] ||= (e) => t.value = e,
+				"onUpdate:modelValue": c[0] ||= (e) => n.value = e,
 				required: e.required,
 				"aria-required": e.required,
-				onBlur: c[1] ||= (e) => n.value = t.value.length
-			}, null, 40, La), [[ne, t.value]]), e.maxlength ? (y(), a("div", Ra, [
+				onBlur: u
+			}, null, 40, La), [[ne, n.value]]), e.maxlength ? (y(), a("div", Ra, [
 				o("span", {
 					id: "textarea-count-" + e.id,
 					class: "m-character-count__message visually-hidden"
 				}, "Sie können bis zu " + D(e.maxlength) + " Zeichen eingeben.", 9, za),
-				o("span", Ba, D(t.value.length) + "/" + D(e.maxlength), 1),
-				o("div", Va, D(n.value) + "/" + D(e.maxlength), 1)
+				o("span", Ba, D(n.value.length) + "/" + D(e.maxlength), 1),
+				o("div", Va, D(s.value) + "/" + D(e.maxlength), 1)
 			])) : i("", !0)], 2),
 			e.errorMsg ? (y(), r(Wt, { key: 2 }, {
 				default: P(() => [l(D(e.errorMsg), 1)]),

package/package.json

@@ -3,7 +3,7 @@
   "author": "FabianWilms",
   "description": "A vue component library of some of the components available from https://patternlab.muenchen.space",
   "license": "MIT",
-  "version": "9.0.0-beta.1",
+  "version": "9.0.0-beta.2",
   "private": false,
   "module": "./dist/muc-patternlab-vue.es.js",
   "main": "./dist/index.d.ts",