@8wave/ai-elements 0.119.0-beta.63 → 0.119.0-beta.64

package/dist-vue/index.js

@@ -15685,12 +15685,13 @@ xC.install = (e) => (e.component(xC.name, xC), e.use(xh).use(rc).use(bh).use(Fc)
 //#endregion
 //#region ../../packages/components/src/PkEditorMarkdown.vue?vue&type=script&setup=true&lang.ts
 var SC = {
-	ref: "root",
-	class: "pk-editor-markdown"
-}, CC = {
 	key: 0,
 	class: "pk-editor-markdown__label"
-}, wC = { class: "pk-editor-markdown__wrapper" }, TC = 480, EC = /* @__PURE__ */ L({
+}, CC = { class: "pk-editor-markdown__wrapper" }, wC = {
+	key: 1,
+	class: "pk-editor-markdown__invalid-label",
+	role: "alert"
+}, TC = 480, EC = /* @__PURE__ */ L({
 	__name: "PkEditorMarkdown",
 	props: {
 		modelValue: { default: "" },
@@ -15700,6 +15701,11 @@ var SC = {
 			type: Boolean,
 			default: !1
 		},
+		invalid: {
+			type: Boolean,
+			default: !1
+		},
+		invalidLabel: { default: void 0 },
 		language: { default: void 0 },
 		height: { default: void 0 },
 		minHeight: { default: "400px" },
@@ -15790,40 +15796,47 @@ var SC = {
 		}, p = `md-editor-${Math.random().toString(36).slice(2, 11)}`, m = ({ index: e }) => `${p}-h${e}`, h = ci("root"), g = ci("editor"), { width: _ } = yi(h), v = G(_, (e) => {
 			e && (v(), c.preview && !c.readonly && e < TC && g.value?.togglePreview(!1));
 		});
-		return (t, n) => (z(), N("div", SC, [e.label ? (z(), N("span", CC, H(e.label), 1)) : M("", !0), P("div", wC, [I(U(xC), {
-			id: p,
-			ref: "editor",
-			class: "wysiwyg",
-			"md-heading-id": m,
-			"model-value": d.value,
-			placeholder: e.placeholder,
-			language: e.language ?? s.value,
-			preview: e.preview,
-			toolbars: e.toolbars,
-			"show-code-row-number": e.showCodeRowNumber,
-			"auto-focus": e.autoFocus,
-			"read-only": e.readonly,
-			theme: U(l) ? "dark" : "light",
-			"preview-theme": e.previewTheme,
-			style: qr({
-				height: e.height,
-				minHeight: e.minHeight,
-				maxHeight: e.maxHeight
-			}),
-			"onUpdate:modelValue": f
-		}, null, 8, [
-			"model-value",
-			"placeholder",
-			"language",
-			"preview",
-			"toolbars",
-			"show-code-row-number",
-			"auto-focus",
-			"read-only",
-			"theme",
-			"preview-theme",
-			"style"
-		])])], 512));
+		return (t, n) => (z(), N("div", {
+			ref: "root",
+			class: Gr(["pk-editor-markdown", { "pk-editor-markdown--invalid": e.invalid }])
+		}, [
+			e.label ? (z(), N("span", SC, H(e.label), 1)) : M("", !0),
+			P("div", CC, [I(U(xC), {
+				id: p,
+				ref: "editor",
+				class: "wysiwyg",
+				"md-heading-id": m,
+				"model-value": d.value,
+				placeholder: e.placeholder,
+				language: e.language ?? s.value,
+				preview: e.preview,
+				toolbars: e.toolbars,
+				"show-code-row-number": e.showCodeRowNumber,
+				"auto-focus": e.autoFocus,
+				"read-only": e.readonly,
+				theme: U(l) ? "dark" : "light",
+				"preview-theme": e.previewTheme,
+				style: qr({
+					height: e.height,
+					minHeight: e.minHeight,
+					maxHeight: e.maxHeight
+				}),
+				"onUpdate:modelValue": f
+			}, null, 8, [
+				"model-value",
+				"placeholder",
+				"language",
+				"preview",
+				"toolbars",
+				"show-code-row-number",
+				"auto-focus",
+				"read-only",
+				"theme",
+				"preview-theme",
+				"style"
+			])]),
+			e.invalid && e.invalidLabel?.length ? (z(), N("small", wC, H(Array.isArray(e.invalidLabel) ? e.invalidLabel.join(", ") : e.invalidLabel), 1)) : M("", !0)
+		], 2));
 	}
 }), DC = /* @__PURE__ */ L({
 	__name: "PkEditorMedia",