@vonage/vivid 5.19.0 → 5.20.0

package/rich-text-editor/index.js

@@ -1,12 +1,12 @@
 import { n as e } from "../bundled/localized.js";
-import { D as t, O as n, c as r, f as i, s as a, t as o, x as s } from "../bundled/vivid-element.js";
+import { A as t, d as n, j as r, p as i, t as a, u as o, w as s } from "../bundled/vivid-element.js";
 import { t as c } from "../bundled/ref.js";
 import { t as l } from "../bundled/decorate.js";
 import { r as u, t as d } from "../bundled/definition5.js";
 import { i as f, t as p } from "../bundled/definition6.js";
 import { i as m, r as h, t as g } from "../bundled/definition8.js";
 import { n as ee, r as te } from "../bundled/definition9.js";
-import { i as ne } from "../bundled/mixins.js";
+import { n as ne } from "../bundled/render-in-light-dom.js";
 import { n as _, r as re } from "../bundled/definition12.js";
 import { r as ie, t as ae } from "../bundled/definition17.js";
 import { n as oe, r as se } from "../bundled/definition18.js";
@@ -16,7 +16,7 @@ import { _ as le, a as y, c as b, d as x, f as ue, g as de, h as fe, i as pe, l
 import { i as be, t as xe } from "../bundled/definition20.js";
 import { r as Se, t as Ce } from "../bundled/definition21.js";
 //#region src/lib/rich-text-editor/rich-text-editor.scss?inline
-var we = ":host{display:block}.rte{block-size:100%;max-block-size:inherit;min-block-size:inherit;flex-direction:column;display:flex}.editor{display:contents}.editor-viewport{contain:layout;flex-direction:column;flex:1;min-block-size:0;display:flex;position:relative;overflow:hidden}.editor-scroll-area{--editor-padding-inline:var(--rich-text-editor-padding-inline,16px);--editor-padding-block:var(--rich-text-editor-padding-block,8px);background-color:var(--vvd-color-canvas);color:var(--vvd-color-canvas-text);font:var(--vvd-typography-base);--scrollbar-track-color:transparent;--scrollbar-thumb-color:color-mix(in srgb, var(--vvd-color-neutral-950), transparent 70%);scrollbar-color:var(--scrollbar-thumb-color) var(--scrollbar-track-color);scrollbar-width:thin;flex-direction:column;flex:1;min-block-size:0;display:flex;overflow-y:auto}.editor-scroll-area ::-webkit-scrollbar{width:4px}.editor-scroll-area ::-webkit-scrollbar-track{background:var(--scrollbar-track-color)}.editor-scroll-area ::-webkit-scrollbar-thumb{background-color:var(--scrollbar-fallback-track-color,var(--scrollbar-thumb-color));border:0;border-radius:4px}.popovers--disabled>*{display:none!important}", Te = class extends e(o) {
+var we = ":host{display:block}.rte{--editor-padding-inline:var(--rich-text-editor-padding-inline,16px);--editor-padding-block:var(--rich-text-editor-padding-block,8px);block-size:100%;max-block-size:inherit;min-block-size:inherit;flex-direction:column;display:flex}.editor{display:contents}.editor-viewport{contain:layout;flex-direction:column;flex:1;min-block-size:0;display:flex;position:relative;overflow:hidden}.editor-scroll-area{background-color:var(--vvd-color-canvas);color:var(--vvd-color-canvas-text);font:var(--vvd-typography-base);--scrollbar-track-color:transparent;--scrollbar-thumb-color:color-mix(in srgb, var(--vvd-color-neutral-950), transparent 70%);scrollbar-color:var(--scrollbar-thumb-color) var(--scrollbar-track-color);scrollbar-width:thin;flex-direction:column;flex:1;min-block-size:0;display:flex;overflow-y:auto}.editor-scroll-area ::-webkit-scrollbar{width:4px}.editor-scroll-area ::-webkit-scrollbar-track{background:var(--scrollbar-track-color)}.editor-scroll-area ::-webkit-scrollbar-thumb{background-color:var(--scrollbar-fallback-track-color,var(--scrollbar-thumb-color));border:0;border-radius:4px}.popovers--disabled>*{display:none!important}", Te = class extends e(a) {
 	instanceChanged(e) {
 		e?.[b].destroyViewIfNeeded(), this._initViewIfNeeded(), e?.[b].styles.removeStylesFrom(this.shadowRoot), this.instance?.[b].styles.addStylesTo(this.shadowRoot);
 	}
@@ -48,14 +48,16 @@ l([t], Te.prototype, "instance", void 0);
 //#region src/lib/rich-text-editor/rich-text-editor.template.ts
 var Ee = (e) => i`<template :_ctx="${() => e}">
 		<div class="rte">
+			<slot name="editor-before"></slot>
 			<div class="editor-viewport" ${c("editorViewportElement")}>
-				<div class="editor-scroll-area">
+				<div class="editor-scroll-area" part="editor-scrollable-area">
 					<slot name="editor-start"></slot>
 					<div class="editor rich-text" ${c("_editorEl")}></div>
 					<div class="popovers"></div>
 					<slot name="editor-end"></slot>
 				</div>
 			</div>
+			<slot name="editor-after"></slot>
 			<slot name="status"></slot>
 			<div class="toolbar"></div>
 		</div>
@@ -83,7 +85,7 @@ var Ee = (e) => i`<template :_ctx="${() => e}">
 	>
 		<slot></slot>
 	</${t}>`;
-}, E = class extends o {
+}, E = class extends a {
 	constructor(...e) {
 		super(...e), this.kind = "default", this.anchorBlocksPopover = !1, this.onAnchorBlockPopoverChanged = () => {
 			this.anchorBlocksPopover = this.anchorEl?.dataset.blockPopover === "true" || !1;
@@ -97,6 +99,9 @@ var Ee = (e) => i`<template :_ctx="${() => e}">
 		});
 		e.dispatchEvent(n);
 	}
+	dismiss() {
+		this.anchorBlocksPopover = !0;
+	}
 	anchorElChanged(e, t) {
 		e?.removeEventListener("block-popover-changed", this.onAnchorBlockPopoverChanged), t?.addEventListener("block-popover-changed", this.onAnchorBlockPopoverChanged), this.onAnchorBlockPopoverChanged();
 	}
@@ -125,8 +130,8 @@ var Ee = (e) => i`<template :_ctx="${() => e}">
 		super.disconnectedCallback(), this.#e.disconnect();
 	}
 };
-l([t], E.prototype, "kind", void 0), l([t], E.prototype, "offset", void 0), l([t], E.prototype, "anchorBlocksPopover", void 0), l([t], E.prototype, "anchorEl", void 0), l([t], E.prototype, "anchorId", void 0), l([t], E.prototype, "requestedOpenState", void 0), l([n], E.prototype, "open", null);
-var ke = a("rich-text-editor-popover", E, Oe, [g], {}), Ae = 65535, je = 2 ** 16;
+l([t], E.prototype, "kind", void 0), l([t], E.prototype, "offset", void 0), l([t], E.prototype, "anchorBlocksPopover", void 0), l([t], E.prototype, "anchorEl", void 0), l([t], E.prototype, "anchorId", void 0), l([t], E.prototype, "requestedOpenState", void 0), l([r], E.prototype, "open", null);
+var ke = o("rich-text-editor-popover", E, Oe, [g], {}), Ae = 65535, je = 2 ** 16;
 function Me(e, t) {
 	return e + t * je;
 }
@@ -5705,7 +5710,7 @@ var Os = "[data-class=ui-select]{min-inline-size:120px;margin-block:-4px}.ui-div
 	setValue(e, t) {
 		e.dispatchTransaction(e.tr.setMeta(this.plugin, t));
 	}
-}, As = ".ProseMirror{padding:var(--editor-padding-block) var(--editor-padding-inline);outline:none;flex:1}.ProseMirror-selectednode{--focus-stroke-gap-color:transparent;--focus-border-radius:2px;outline:none;position:relative}.ProseMirror-selectednode:after{box-shadow:0 0 0 4px color-mix(in srgb, var(--focus-stroke-color,var(--vvd-color-cta-500)), transparent 85%), inset 0 0 0 3px var(--focus-stroke-gap-color,currentColor);outline:1px solid var(--focus-stroke-color,var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset,0px));border-radius:var(--focus-border-radius,inherit);block-size:calc(100% + var(--focus-block-size-addition,4px));content:\"\";inline-size:calc(100% + var(--focus-block-size-addition,4px));display:block;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}.editor--disabled .ProseMirror{color:var(--vvd-color-neutral-300);cursor:not-allowed}", js = 200, G = function() {};
+}, As = ".ProseMirror{box-sizing:border-box;padding:var(--editor-padding-block) var(--editor-padding-inline);outline:none;flex:1 0 0}.ProseMirror-selectednode{--focus-stroke-gap-color:transparent;--focus-border-radius:2px;outline:none;position:relative}.ProseMirror-selectednode:after{box-shadow:0 0 0 4px color-mix(in srgb, var(--focus-stroke-color,var(--vvd-color-cta-500)), transparent 85%), inset 0 0 0 3px var(--focus-stroke-gap-color,currentColor);outline:1px solid var(--focus-stroke-color,var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset,0px));border-radius:var(--focus-border-radius,inherit);block-size:calc(100% + var(--focus-block-size-addition,4px));content:\"\";inline-size:calc(100% + var(--focus-block-size-addition,4px));display:block;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}.editor--disabled .ProseMirror{color:var(--vvd-color-neutral-300);cursor:not-allowed}", js = 200, G = function() {};
 G.prototype.append = function(e) {
 	return e.length ? (e = G.from(e), !this.length && e || e.length < js && this.leafAppend(e) || this.length < js && e.leafPrepend(this) || this.appendInner(e)) : this;
 }, G.prototype.prepend = function(e) {
@@ -6049,22 +6054,23 @@ var $s = Qs(!1, !0), ec = Qs(!0, !0), tc = (e) => typeof e == "function", nc = (
 	});
 	return oc.set(r, t.anchor), r;
 }, K = (e, t) => {
-	let n = () => e.evalProp(t.variant) ?? "toolbar", r = () => n() === "toolbar" ? "super-condensed" : "condensed", i = () => n() === "popover-primary" ? "outlined" : "ghost-light", a = () => e.evalProp(t.active) ? "filled" : i(), o = () => e.evalProp(t.connotation) ?? (n() === "toolbar-menu" && e.evalProp(t.active) ? "cta" : void 0), s = () => !!(e.evalProp(e.props.disabled) || e.evalProp(t.disabled)), c = e.rte.createComponent(f);
-	return e.bindToEl(c, {
+	let n = () => e.evalProp(t.variant) ?? "toolbar", r = () => n() === "toolbar" ? "super-condensed" : "condensed", i = () => n() === "popover-primary" ? "outlined" : "ghost-light", a = () => n() === "toolbar-menu" || n() === "popover" ? "filled" : i(), o = () => e.evalProp(t.active) ? a() : i(), s = () => e.evalProp(t.connotation) ?? (n() === "toolbar-menu" && e.evalProp(t.active) ? "cta" : void 0), c = () => !!(e.evalProp(e.props.disabled) || e.evalProp(t.disabled)), l = e.rte.createComponent(f);
+	return e.bindToEl(l, {
 		size: r,
-		appearance: a,
-		disabled: s,
+		appearance: o,
+		disabled: c,
 		icon: t.icon,
 		autofocus: t.autofocus,
-		connotation: o,
+		connotation: s,
 		[t.icon ? "ariaLabel" : "label"]: t.label,
-		ariaPressed: () => e.evalProp(t.active) ? "true" : null
+		pressed: () => !!e.evalProp(t.active),
+		ariaPressed: t.active === void 0 ? void 0 : () => e.evalProp(t.active) ? "true" : "false"
 	}, [nc("click", t.onClick, (t) => () => {
 		t() || e.view.focus();
 	})]), sc(e, {
-		enabled: () => !!(e.evalProp(t.icon) && !e.evalProp(t.noTooltip) && !s()),
+		enabled: () => !!(e.evalProp(t.icon) && !e.evalProp(t.noTooltip) && !c()),
 		label: t.label,
-		anchor: c,
+		anchor: l,
 		slot: t.slot
 	});
 }, cc = (e, t) => {
@@ -6151,7 +6157,8 @@ var fc = (e, t) => K(e, {
 		placeholder: t.placeholder,
 		slot: t.slot,
 		autofocus: t.autofocus,
-		type: t.type
+		type: t.type,
+		helperText: t.helperText
 	}, [nc("input", t.onInput, (e) => () => {
 		e(n.value);
 	})]), n;
@@ -6984,7 +6991,10 @@ var kl = Ol(), Al = /^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp):|[^a-z]
 	for (let e in n) n[e]?.forEach((t) => {
 		a(t = Ll(t)), t.node || t.ignore || t.mark || (t.node = e);
 	});
-	return new me(e, r);
+	return r.push({
+		tag: "br",
+		closeParent: !0
+	}), new me(e, r);
 }, Hl = class {
 	constructor(e, t) {
 		this[b] = new Ul(e[b], t);
@@ -7084,7 +7094,9 @@ var kl = Ol(), Al = /^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp):|[^a-z]
 		this.initState(e), this.updateHostState(t), this.view?.updateState(this.state);
 	}
 	createView(e) {
-		this.view = new po(e, {
+		this.view = new po((t) => {
+			t.part = "editor", e.appendChild(t);
+		}, {
 			state: this.state,
 			dispatchTransaction: this.dispatchTransaction
 		});
@@ -8442,6 +8454,7 @@ var fd = y(class extends w {
 		})];
 	}
 	getPlugins(e) {
+		let t = () => (this.toolbarMenu.open = !0, !0), n;
 		return [this.contribution(new N({
 			props: { decorations: (e) => {
 				let t = this.getCurrentLink(e);
@@ -8452,66 +8465,69 @@ var fd = y(class extends w {
 				return null;
 			} },
 			view: (t) => {
-				let n = new rc(t, e, { popupPlacement: "bottom" }), r = e.createComponent(E);
-				r.anchorId = "current-link";
-				let i = ic(n, {
+				let r = new rc(t, e, { popupPlacement: "bottom" });
+				n = e.createComponent(E), n.anchorId = "current-link";
+				let i = ic(r, {
 					className: "link-popover",
-					children: [ic(n, {
+					children: [ic(r, {
 						className: "link-popover-header",
-						children: [ic(n, {
+						children: [ic(r, {
 							className: "link-popover-label",
-							children: [_c(n, { text: () => this.getCurrentLink(n.view.state)?.text || "" })]
-						}), K(n, {
+							children: [_c(r, { text: () => this.getCurrentLink(r.view.state)?.text || "" })]
+						}), K(r, {
 							icon: "close-line",
-							label: () => n.rte.getLocale().richTextEditor.close,
+							label: () => r.rte.getLocale().richTextEditor.close,
 							noTooltip: !0,
 							onClick: () => {
-								r.requestOpenState(!1);
+								n.dismiss();
 							}
 						})]
-					}), ic(n, {
+					}), ic(r, {
 						className: "link-popover-content",
-						children: [ac(n, {
+						children: [ac(r, {
 							className: "link",
-							href: () => this.getCurrentLink(n.view.state)?.href || "",
+							href: () => this.getCurrentLink(r.view.state)?.href || "",
 							target: "_blank",
 							rel: "noopener",
-							children: [_c(n, { text: () => this.getCurrentLink(n.view.state)?.href || "" })]
-						}), ic(n, {
+							children: [_c(r, { text: () => this.getCurrentLink(r.view.state)?.href || "" })]
+						}), ic(r, {
 							className: "link-action-bar",
-							children: [K(n, {
+							children: [K(r, {
 								icon: "delete-line",
-								label: () => n.rte.getLocale().richTextEditor.delete,
+								label: () => r.rte.getLocale().richTextEditor.delete,
 								connotation: "alert",
 								variant: "popover",
 								noTooltip: !0,
 								onClick: () => {
-									let { state: e, dispatch: t } = n.view;
+									let { state: e, dispatch: t } = r.view;
 									this.removeLink(e, t);
 								}
-							}), K(n, {
+							}), K(r, {
 								icon: "edit-line",
-								label: () => n.rte.getLocale().richTextEditor.edit,
+								label: () => r.rte.getLocale().richTextEditor.edit,
 								variant: "popover",
 								noTooltip: !0,
-								onClick: () => (this.toolbarMenu.open = !0, r.requestOpenState(!1), !0)
+								onClick: () => (this.toolbarMenu.open = !0, n.requestOpenState(!1), !0)
 							})]
 						})]
 					})]
 				});
-				return r.appendChild(i), t.dom.getRootNode().querySelector(".popovers").appendChild(r), {
+				return n.appendChild(i), t.dom.getRootNode().querySelector(".popovers").appendChild(n), {
 					update: (e) => {
 						let t = e.state;
-						n.updateBindings();
+						r.updateBindings();
 						let i = this.getCurrentLink(t);
-						r.requestOpenState(!!i);
+						n.requestOpenState(!!i);
 					},
 					destroy: () => {
-						r.remove();
+						n.remove();
 					}
 				};
 			}
-		})), this.contribution(U({ "Mod-k": () => (this.toolbarMenu.open = !0, !0) }))];
+		})), this.contribution(U({
+			Escape: (e) => this.getCurrentLink(e) ? (n?.dismiss(), !0) : !1,
+			"Mod-k": t
+		}))];
 	}
 	getToolbarItems(e) {
 		let t = (e) => {
@@ -8540,6 +8556,7 @@ var fd = y(class extends w {
 					label: () => r.rte.getLocale().richTextEditor.linkUrl,
 					type: "url",
 					placeholder: () => r.rte.getLocale().richTextEditor.linkUrlPlaceholder,
+					helperText: () => r.rte.getLocale().richTextEditor.linkUrlHelperText,
 					slot: "header",
 					value: () => this.getCurrentLink(r.view.state)?.href || "",
 					onInput: () => {
@@ -8593,17 +8610,22 @@ var fd = y(class extends w {
 		if (!(t instanceof j)) return null;
 		let n = e.schema.marks.link, { $from: r, $to: i } = t, a = e.selection.empty ? r.marks() : r.nodeAfter?.marks ?? [], o = n.isInSet(a)?.attrs.href;
 		if (!o) return null;
-		let s = (e) => n.isInSet(e.marks)?.attrs.href === o, c = -1, l = -1, u = !0;
-		return e.doc.nodesBetween(r.start(), i.end(), (e, n) => {
+		let s = (e) => n.isInSet(e.marks)?.attrs.href === o, c = null, l = [];
+		e.doc.nodesBetween(r.start(), i.end(), (e, t) => {
 			if (!e.isText) return !0;
-			let r = n + e.nodeSize;
-			return s(e) ? (c === -1 && (c = n), l = r) : r > t.from && n < t.to && (u = !1), !1;
-		}), !u || c === -1 ? null : {
-			text: e.doc.textBetween(c, l, " "),
+			let n = t + e.nodeSize;
+			return s(e) ? c ? c.end = n : (c = {
+				start: t,
+				end: n
+			}, l.push(c)) : c = null, !1;
+		});
+		let u = l.find((e) => e.start <= t.from && e.end >= t.to);
+		return u ? {
+			text: e.doc.textBetween(u.start, u.end, " "),
 			href: o,
-			start: c,
-			end: l
-		};
+			start: u.start,
+			end: u.end
+		} : null;
 	}
 	insertLink(e, t, n) {
 		return (r, i) => {
@@ -8718,54 +8740,55 @@ var fd = y(class extends w {
 		} } })];
 	}
 	getPlugins(e) {
+		let t;
 		return [this.contribution(new N({
 			props: { nodeViews: { inlineImage: (e, t, n) => new _d(e, t, n, this.config) } },
-			view: (t) => {
-				let n = new rc(t, e, { popupPlacement: "bottom" }), r = e.createComponent(E);
-				r.offset = 4;
-				let i = ic(n, {
+			view: (n) => {
+				let r = new rc(n, e, { popupPlacement: "bottom" });
+				t = e.createComponent(E), t.offset = 4;
+				let i = ic(r, {
 					className: "inline-image-popover",
 					children: [
-						K(n, {
-							label: () => n.rte.getLocale().richTextEditor.imageSizes.small,
+						K(r, {
+							label: () => r.rte.getLocale().richTextEditor.imageSizes.small,
 							variant: "popover",
-							active: () => this.getSelectedImageSize(n.view.state) === "small",
+							active: () => this.getSelectedImageSize(r.view.state) === "small",
 							onClick: () => {
-								this.setSelectedImageSize("small")(n.view.state, n.view.dispatch);
+								this.setSelectedImageSize("small")(r.view.state, r.view.dispatch);
 							}
 						}),
-						hc(n),
-						K(n, {
-							label: () => n.rte.getLocale().richTextEditor.imageSizes.fit,
+						hc(r),
+						K(r, {
+							label: () => r.rte.getLocale().richTextEditor.imageSizes.fit,
 							variant: "popover",
-							active: () => this.getSelectedImageSize(n.view.state) === "fit",
+							active: () => this.getSelectedImageSize(r.view.state) === "fit",
 							onClick: () => {
-								this.setSelectedImageSize("fit")(n.view.state, n.view.dispatch);
+								this.setSelectedImageSize("fit")(r.view.state, r.view.dispatch);
 							}
 						}),
-						hc(n),
-						K(n, {
-							label: () => n.rte.getLocale().richTextEditor.imageSizes.original,
+						hc(r),
+						K(r, {
+							label: () => r.rte.getLocale().richTextEditor.imageSizes.original,
 							variant: "popover",
-							active: () => this.getSelectedImageSize(n.view.state) === "original",
+							active: () => this.getSelectedImageSize(r.view.state) === "original",
 							onClick: () => {
-								this.setSelectedImageSize("original")(n.view.state, n.view.dispatch);
+								this.setSelectedImageSize("original")(r.view.state, r.view.dispatch);
 							}
 						})
 					]
 				});
-				return r.appendChild(i), t.dom.getRootNode().querySelector(".popovers").appendChild(r), {
+				return t.appendChild(i), n.dom.getRootNode().querySelector(".popovers").appendChild(t), {
 					update: (e) => {
-						n.updateBindings();
-						let t = this.getSelectedInlineImage(e.state);
-						t ? (r.anchorEl = e.nodeDOM(t.pos), r.requestOpenState(!0)) : (r.anchorEl = void 0, r.requestOpenState(!1));
+						r.updateBindings();
+						let n = this.getSelectedInlineImage(e.state);
+						n ? (t.anchorEl = e.nodeDOM(n.pos), t.requestOpenState(!0)) : (t.anchorEl = void 0, t.requestOpenState(!1));
 					},
 					destroy: () => {
-						r.remove();
+						t.remove();
 					}
 				};
 			}
-		}))];
+		})), this.contribution(U({ Escape: (e) => this.getSelectedInlineImage(e) ? (t?.dismiss(), !0) : !1 }))];
 	}
 	calculateSmallWidth(e) {
 		return Math.min(300, e / 2) + "px";
@@ -9233,7 +9256,7 @@ var Nd = (e, t, n) => {
 });
 //#endregion
 //#region src/lib/rich-text-editor/index.ts
-r(a("rich-text-editor", Te, Ee, [
+n(o("rich-text-editor", Te, Ee, [
 	ce,
 	oe,
 	ae,

package/rich-text-view/definition.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_definition = require("../unbundled/definition60.cjs");
+const require_definition = require("../unbundled/definition62.cjs");
 exports.VwcRichTextViewElement = require_definition.RichTextView;
 exports.registerRichTextView = require_definition.registerRichTextView;
 exports.richTextViewDefinition = require_definition.richTextViewDefinition;

package/rich-text-view/definition.js

@@ -1,2 +1,2 @@
-import { n as richTextViewDefinition, r as RichTextView, t as registerRichTextView } from "../unbundled/definition60.js";
+import { n as richTextViewDefinition, r as RichTextView, t as registerRichTextView } from "../unbundled/definition62.js";
 export { RichTextView as VwcRichTextViewElement, registerRichTextView, richTextViewDefinition };

package/rich-text-view/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/ref.cjs`),n=require(`../bundled/decorate.cjs`),r=require(`../bundled/slottable-request.cjs`);var i=`:host{display:contents}.content{overflow-wrap:break-word;white-space:break-spaces;display:contents}`,a=class extends e.t{constructor(...e){super(...e),this._slotCounter=0,this._slottedChildren=new Set,this._slotRequests=new Set,this._contentElement=null}viewChanged(e,t){e&&this._removeStyles(),t&&this._addStyles(t),this._updateView()}_addStyles(t){let n=t[r.c].config[r.c];this._styles=new e.x(r.s(n.features.flatMap(e=>e.getStyles()))),this._styles.addStylesTo(this.shadowRoot)}_removeStyles(){this._styles&&=(this._styles.removeStylesFrom(this.shadowRoot),void 0)}_cleanupLightDom(){for(let e of this._slottedChildren)this.removeChild(e);for(let e of this._slotRequests)r.t(this,`child`,e,r.n);this._slottedChildren.clear(),this._slotRequests.clear(),this._slotCounter=0}_updateView(){this._contentElement&&(this._contentElement.innerHTML=``,this._cleanupLightDom(),this.view&&this._contentElement.appendChild(this._renderView(this.view)))}_renderView(e){let t=e[r.c];if(e.type===`node`&&e.node.type===`doc`&&(e=e.children),e.type===`fragment`){let t=document.createDocumentFragment();for(let n of e.content)t.appendChild(this._renderView(n));return t}let n=t.options.renderChildView?.(e)??!1;return n?this._handleCustomRender(e,n):this._renderDefault(e)}_handleCustomRender(e,t){let n=`child-view-${this._slotCounter++}`,i=document.createElement(`slot`);if(i.setAttribute(`name`,n),t===!0)this._slotRequests.add(n),r.t(this,`child`,n,{view:e});else{let{dom:r,contentDom:i=r}=t,a=document.createElement(this.tagName);a.view=e.children,i.appendChild(a),r.setAttribute(`slot`,n),this.appendChild(r),this._slottedChildren.add(r)}return i}_renderDefault(e){let t=e[r.c].config[r.c].schema;if(e.type===`node`&&e.node.type===`text`)return document.createTextNode(e.node.text);let n=e.type===`node`?e.node:e.mark,i=e.type===`node`?r.m.fromJSON(t,n):r.f.fromJSON(t,n),a=i instanceof r.m?i.type.spec.toDOM(i):i.type.spec.toDOM(i,!0),{dom:o,contentDOM:s=o}=r.u.renderSpec(document,a),c=this._renderView(e.children);return s.appendChild(c),o}connectedCallback(){super.connectedCallback(),this._updateView()}disconnectedCallback(){super.disconnectedCallback(),this._removeStyles(),this._cleanupLightDom()}};n.t([e.D],a.prototype,`view`,void 0);var o=e.s(`rich-text-view`,a,()=>e.f`<div class="content rich-text" ${t.t(`_contentElement`)}></div>`,[],{styles:i,shadowOptions:{delegatesFocus:!0}}),s=e.c(o);s(),exports.RichTextView=a,exports.registerRichTextView=s;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/ref.cjs`),n=require(`../bundled/decorate.cjs`),r=require(`../bundled/slottable-request.cjs`);var i=`:host{display:contents}.content{overflow-wrap:break-word;white-space:break-spaces;display:contents}`,a=class extends e.t{constructor(...e){super(...e),this._slotCounter=0,this._slottedChildren=new Set,this._slotRequests=new Set,this._contentElement=null}viewChanged(e,t){e&&this._removeStyles(),t&&this._addStyles(t),this._updateView()}_addStyles(t){let n=t[r.c].config[r.c];this._styles=new e.w(r.s(n.features.flatMap(e=>e.getStyles()))),this._styles.addStylesTo(this.shadowRoot)}_removeStyles(){this._styles&&=(this._styles.removeStylesFrom(this.shadowRoot),void 0)}_cleanupLightDom(){for(let e of this._slottedChildren)this.removeChild(e);for(let e of this._slotRequests)r.t(this,`child`,e,r.n);this._slottedChildren.clear(),this._slotRequests.clear(),this._slotCounter=0}_updateView(){this._contentElement&&(this._contentElement.innerHTML=``,this._cleanupLightDom(),this.view&&this._contentElement.appendChild(this._renderView(this.view)))}_renderView(e){let t=e[r.c];if(e.type===`node`&&e.node.type===`doc`&&(e=e.children),e.type===`fragment`){let t=document.createDocumentFragment();for(let n of e.content)t.appendChild(this._renderView(n));return t}let n=t.options.renderChildView?.(e)??!1;return n?this._handleCustomRender(e,n):this._renderDefault(e)}_handleCustomRender(e,t){let n=`child-view-${this._slotCounter++}`,i=document.createElement(`slot`);if(i.setAttribute(`name`,n),t===!0)this._slotRequests.add(n),r.t(this,`child`,n,{view:e});else{let{dom:r,contentDom:i=r}=t,a=document.createElement(this.tagName);a.view=e.children,i.appendChild(a),r.setAttribute(`slot`,n),this.appendChild(r),this._slottedChildren.add(r)}return i}_renderDefault(e){let t=e[r.c].config[r.c].schema;if(e.type===`node`&&e.node.type===`text`)return document.createTextNode(e.node.text);let n=e.type===`node`?e.node:e.mark,i=e.type===`node`?r.m.fromJSON(t,n):r.f.fromJSON(t,n),a=i instanceof r.m?i.type.spec.toDOM(i):i.type.spec.toDOM(i,!0),{dom:o,contentDOM:s=o}=r.u.renderSpec(document,a),c=this._renderView(e.children);return s.appendChild(c),o}connectedCallback(){super.connectedCallback(),this._updateView()}disconnectedCallback(){super.disconnectedCallback(),this._removeStyles(),this._cleanupLightDom()}};n.t([e.A],a.prototype,`view`,void 0);var o=e.u(`rich-text-view`,a,()=>e.p`<div class="content rich-text" ${t.t(`_contentElement`)}></div>`,[],{styles:i,shadowOptions:{delegatesFocus:!0}}),s=e.d(o);s(),exports.RichTextView=a,exports.registerRichTextView=s;

package/rich-text-view/index.js

@@ -1,9 +1,9 @@
-import { D as e, c as t, f as n, s as r, t as i, x as a } from "../bundled/vivid-element.js";
+import { A as e, d as t, p as n, t as r, u as i, w as a } from "../bundled/vivid-element.js";
 import { t as o } from "../bundled/ref.js";
 import { t as s } from "../bundled/decorate.js";
 import { c, f as l, m as u, n as d, s as f, t as p, u as m } from "../bundled/slottable-request.js";
 //#region src/lib/rich-text-view/rich-text-view.scss?inline
-var h = ":host{display:contents}.content{overflow-wrap:break-word;white-space:break-spaces;display:contents}", g = class extends i {
+var h = ":host{display:contents}.content{overflow-wrap:break-word;white-space:break-spaces;display:contents}", g = class extends r {
 	constructor(...e) {
 		super(...e), this._slotCounter = 0, this._slottedChildren = /* @__PURE__ */ new Set(), this._slotRequests = /* @__PURE__ */ new Set(), this._contentElement = null;
 	}
@@ -58,7 +58,7 @@ var h = ":host{display:contents}.content{overflow-wrap:break-word;white-space:br
 	}
 };
 s([e], g.prototype, "view", void 0);
-var _ = t(r("rich-text-view", g, () => n`<div class="content rich-text" ${o("_contentElement")}></div>`, [], {
+var _ = t(i("rich-text-view", g, () => n`<div class="content rich-text" ${o("_contentElement")}></div>`, [], {
 	styles: h,
 	shadowOptions: { delegatesFocus: !0 }
 }));

package/searchable-select/definition.cjs

@@ -1,4 +1,4 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_definition = require("../unbundled/definition61.cjs");
+const require_definition = require("../unbundled/definition63.cjs");
 exports.VwcSearchableSelectElement = require_definition.SearchableSelect;
 exports.registerSearchableSelect = require_definition.registerSearchableSelect;

package/searchable-select/definition.js

@@ -1,2 +1,2 @@
-import { n as SearchableSelect, t as registerSearchableSelect } from "../unbundled/definition61.js";
+import { n as SearchableSelect, t as registerSearchableSelect } from "../unbundled/definition63.js";
 export { SearchableSelect as VwcSearchableSelectElement, registerSearchableSelect };