@maildeno/editor 0.1.1 → 0.1.2

package/dist/init.js

@@ -1,5 +1,5 @@
-import { D as h, at as ref, i as createApp, rt as reactive } from "./vue.runtime.esm-bundler-DwQEK7WO.js";
-import { a as setEditorTheme, c as createLocalStorageAdapter, d as getRegisteredMergeTagIds, f as registerMergeTags, h as registerBlock, i as palette, l as getRegisteredCustomESPs, m as getBlock, n as registerMaildenoEditorElement, p as getAllBlocks, r as EmailEditor_default, s as buildShadowStyles, u as registerESPSyntax } from "./element-DN22fZmQ.js";
+import { D as h, at as ref, i as createApp, rt as reactive } from "./vue.runtime.esm-bundler-CfYyFhW6.js";
+import { a as setEditorTheme, c as createLocalStorageAdapter, d as getRegisteredMergeTagIds, f as registerMergeTags, h as registerBlock, i as palette, l as getRegisteredCustomESPs, m as getBlock, n as registerMaildenoEditorElement, p as getAllBlocks, r as EmailEditor_default, s as buildShadowStyles, u as registerESPSyntax } from "./element-DLJCEP_z.js";
 //#region src/lightDom.ts
 var stylesInjected = false;
 /**

package/dist/theme.d.ts

@@ -70,6 +70,29 @@ export interface ThemeTokens {
     toolbarBg?: string;
     toolbarText?: string;
     toolbarBorder?: string;
+    /** Canvas component-selection accent. Drives hover/selected outlines on
+     *  canvas components, the floating action bar's ring, and drag/drop
+     *  indicators. Kept independent of `primary` so the brand button and the
+     *  canvas's own interaction colour can differ — as they do by default
+     *  (a dark brand button, a green canvas accent). */
+    selection?: string;
+    /** Pale fill for `selection` — hover backgrounds on the same controls. */
+    selectionBg?: string;
+    /** Readable text/icon tone for `selection` when placed on `selectionBg`. */
+    selectionFg?: string;
+    /** Same role as `selection`, one level up: row outlines, the row's
+     *  floating toolbar, and "this is a row" indicators in the Layout tab
+     *  and Layers panel. Separate token so components and rows can be told
+     *  apart at a glance, as they are by default (green vs purple). */
+    rowSelection?: string;
+    rowSelectionBg?: string;
+    rowSelectionFg?: string;
+    /** Small dark tooltips on icon buttons throughout the canvas and
+     *  toolbars. Kept distinct from `overlay` because tooltips are
+     *  conventionally dark even in an otherwise light theme; set both if you
+     *  want them to follow the rest of the theme instead. */
+    tooltipBg?: string;
+    tooltipText?: string;
     /** The Save / Update button — the most commonly branded control. */
     buttonPrimaryBg?: string;
     buttonPrimaryText?: string;

package/dist/{typescript-D-z2dDu9.js → typescript-C_Ru9PRN.js}

@@ -8845,7 +8845,6 @@ function uf(e, t, a = 0, s, f, h, b) {
 							default:
 								let Rt = l, fn = O(0);
 								oe(l) === 45 && (l++, O(fn), l === Rt + 1 && G(E.Subpattern_flags_must_be_present_when_there_is_a_minus_sign, Rt, l - Rt)), pn(58), le = !0;
-								break;
 						}
 						else Ye++, le = !0;
 						un(!0), pn(41);
@@ -9105,9 +9104,7 @@ function uf(e, t, a = 0, s, f, h, b) {
 				case 124:
 					Y !== 1 && (he = !0), l++, h = l, Y = 0;
 					break;
-				default:
-					Et(), Y++;
-					break;
+				default: Et(), Y++;
 			}
 		}
 		function Et() {
@@ -19876,7 +19873,6 @@ function ki(e) {
 		case ye.PublicKeyword: return "public";
 		case ye.ProtectedKeyword: return "protected";
 		case ye.PrivateKeyword: return "private";
-		default: break;
 	}
 }
 function rr(e, t, a) {
@@ -21113,9 +21109,7 @@ var Fl = class {
 					case w.NamespaceImport:
 						s.specifiers.push(this.convertChild(t.importClause.namedBindings));
 						break;
-					case w.NamedImports:
-						s.specifiers.push(...this.convertChildren(t.importClause.namedBindings.elements));
-						break;
+					case w.NamedImports: s.specifiers.push(...this.convertChildren(t.importClause.namedBindings.elements));
 				}
 				return s;
 			}

package/dist/{vue.runtime.esm-bundler-DwQEK7WO.js → vue.runtime.esm-bundler-CfYyFhW6.js}

@@ -12,7 +12,7 @@ var __exportAll = (all, no_symbols) => {
 //#endregion
 //#region ../../node_modules/@vue/shared/dist/shared.esm-bundler.js
 /**
-* @vue/shared v3.5.41
+* @vue/shared v3.5.42
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -184,6 +184,21 @@ function looseCompareArrays(a, b) {
 	for (let i = 0; equal && i < a.length; i++) equal = looseEqual(a[i], b[i]);
 	return equal;
 }
+function looseCompareCollections(a, b) {
+	if (a.size !== b.size) return false;
+	const candidates = Array.from(b);
+	const matched = new Uint8Array(candidates.length);
+	for (const item of a) {
+		let index = -1;
+		for (let i = 0; i < candidates.length; i++) if (!matched[i] && looseEqual(item, candidates[i])) {
+			index = i;
+			break;
+		}
+		if (index < 0) return false;
+		matched[index] = 1;
+	}
+	return true;
+}
 function looseEqual(a, b) {
 	if (a === b) return true;
 	let aValidType = isDate(a);
@@ -199,6 +214,12 @@ function looseEqual(a, b) {
 	bValidType = isObject(b);
 	if (aValidType || bValidType) {
 		if (!aValidType || !bValidType) return false;
+		aValidType = isMap(a);
+		bValidType = isMap(b);
+		if (aValidType || bValidType) return aValidType && bValidType ? looseCompareCollections(a, b) : false;
+		aValidType = isSet(a);
+		bValidType = isSet(b);
+		if (aValidType || bValidType) return aValidType && bValidType ? looseCompareCollections(a, b) : false;
 		if (Object.keys(a).length !== Object.keys(b).length) return false;
 		for (const key in a) {
 			const aHasKey = a.hasOwnProperty(key);
@@ -243,7 +264,7 @@ function normalizeCssVarValue(value) {
 //#endregion
 //#region ../../node_modules/@vue/reactivity/dist/reactivity.esm-bundler.js
 /**
-* @vue/reactivity v3.5.41
+* @vue/reactivity v3.5.42
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -1758,7 +1779,7 @@ function traverse(value, depth = Infinity, seen) {
 //#endregion
 //#region ../../node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js
 /**
-* @vue/runtime-core v3.5.41
+* @vue/runtime-core v3.5.42
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -3174,10 +3195,10 @@ function createHydrationFunctions(rendererInternals) {
 				else if (isComment(node) && node.data === "teleport start") nextNode = locateClosingAnchor(node, node.data, "teleport end");
 				else nextNode = nextSibling(node);
 				mountComponent(vnode, container, null, parentComponent, parentSuspense, getContainerType(container), optimized);
-				if (isAsyncWrapper(vnode) && !vnode.type.__asyncResolved) {
+				if (isAsyncWrapper(vnode) && !vnode.component.subTree) {
 					let subTree;
 					if (isFragmentStart) {
-						subTree = createVNode(Fragment);
+						subTree = createVNode(Static);
 						subTree.anchor = nextNode ? nextNode.previousSibling : container.lastChild;
 					} else subTree = node.nodeType === 3 ? createTextVNode("") : createVNode("div");
 					subTree.el = node;
@@ -3782,7 +3803,8 @@ var KeepAlive = {
 		const cacheSubtree = () => {
 			if (pendingCacheKey != null) {
 				if (isSuspense(instance.subTree.type)) queuePostRenderEffect(() => {
-					cache.set(pendingCacheKey, getInnerChild(instance.subTree));
+					const vnode = getInnerChild(instance.subTree);
+					if (vnode.component) cache.set(pendingCacheKey, vnode);
 				}, instance.subTree.suspense);
 				else cache.set(pendingCacheKey, getInnerChild(instance.subTree));
 			}
@@ -4064,9 +4086,36 @@ var getPublicInstance = (i) => {
 	if (isStatefulComponent(i)) return getComponentPublicInstance(i);
 	return getPublicInstance(i.parent);
 };
+var resolveDevRootEl = (vnode) => {
+	let found = false;
+	while (true) {
+		if (vnode.patchFlag > 0 && vnode.patchFlag & 2048) {
+			const root = filterSingleRoot(vnode.children);
+			if (!root) return;
+			vnode = root;
+			found = true;
+			continue;
+		}
+		const component = vnode.component;
+		if (component && component.subTree) {
+			vnode = component.subTree;
+			continue;
+		}
+		const suspense = vnode.suspense;
+		if (suspense && suspense.activeBranch) {
+			vnode = suspense.activeBranch;
+			continue;
+		}
+		return found ? vnode.el : void 0;
+	}
+};
+var getDevRootFragmentEl = (i) => {
+	const el = i.subTree && resolveDevRootEl(i.subTree);
+	return el === void 0 ? i.vnode.el : el;
+};
 var publicPropertiesMap = /* @__PURE__ */ extend(/* @__PURE__ */ Object.create(null), {
 	$: (i) => i,
-	$el: (i) => i.vnode.el,
+	$el: (i) => !!(process.env.NODE_ENV !== "production") ? getDevRootFragmentEl(i) : i.vnode.el,
 	$data: (i) => i.data,
 	$props: (i) => !!(process.env.NODE_ENV !== "production") ? /* @__PURE__ */ shallowReadonly(i.props) : i.props,
 	$attrs: (i) => !!(process.env.NODE_ENV !== "production") ? /* @__PURE__ */ shallowReadonly(i.attrs) : i.attrs,
@@ -4784,7 +4833,7 @@ function emit(instance, event, ...rawArgs) {
 	const modifiers = isModelListener && getModelModifiers(props, event.slice(7));
 	if (modifiers) {
 		if (modifiers.trim) args = rawArgs.map((a) => isString(a) ? a.trim() : a);
-		if (modifiers.number) args = rawArgs.map(looseToNumber);
+		if (modifiers.number) args = args.map(looseToNumber);
 	}
 	if (!!(process.env.NODE_ENV !== "production") || false) devtoolsComponentEmit(instance, event, args);
 	if (!!(process.env.NODE_ENV !== "production")) {
@@ -6253,7 +6302,7 @@ function patchSuspense(n1, n2, container, anchor, parentComponent, namespace, sl
 			patch(pendingBranch, newBranch, suspense.hiddenContainer, null, parentComponent, suspense, namespace, slotScopeIds, optimized);
 			if (suspense.deps <= 0) suspense.resolve();
 			else if (isInFallback) {
-				if (!isHydrating) {
+				if (!isHydrating && !suspense.isFallbackMountPending) {
 					patch(activeBranch, newFallback, container, anchor, parentComponent, null, namespace, slotScopeIds, optimized);
 					setActiveBranch(suspense, newFallback);
 				}
@@ -6270,7 +6319,7 @@ function patchSuspense(n1, n2, container, anchor, parentComponent, namespace, sl
 			if (isInFallback) {
 				patch(null, newBranch, suspense.hiddenContainer, null, parentComponent, suspense, namespace, slotScopeIds, optimized);
 				if (suspense.deps <= 0) suspense.resolve();
-				else {
+				else if (!suspense.isFallbackMountPending) {
 					patch(activeBranch, newFallback, container, anchor, parentComponent, null, namespace, slotScopeIds, optimized);
 					setActiveBranch(suspense, newFallback);
 				}
@@ -6396,8 +6445,9 @@ function createSuspenseBoundary(vnode, parentSuspense, parentComponent, containe
 			const mountFallback = () => {
 				suspense.isFallbackMountPending = false;
 				if (!suspense.isInFallback) return;
-				patch(null, fallbackVNode, container2, anchor2, parentComponent2, null, namespace2, slotScopeIds, optimized);
-				setActiveBranch(suspense, fallbackVNode);
+				const latestFallback = suspense.vnode.ssFallback;
+				patch(null, latestFallback, container2, anchor2, parentComponent2, null, namespace2, slotScopeIds, optimized);
+				setActiveBranch(suspense, latestFallback);
 			};
 			const delayEnter = fallbackVNode.transition && fallbackVNode.transition.mode === "out-in";
 			if (delayEnter) {
@@ -7306,7 +7356,7 @@ function isMemoSame(cached, memo) {
 	if (isBlockTreeEnabled > 0 && currentBlock) currentBlock.push(cached);
 	return true;
 }
-var version = "3.5.41";
+var version = "3.5.42";
 var warn = !!(process.env.NODE_ENV !== "production") ? warn$1 : NOOP;
 var ErrorTypeStrings = ErrorTypeStrings$1;
 var devtools = (process.env.NODE_ENV, devtools$1);
@@ -7326,7 +7376,7 @@ var ssrUtils = {
 //#endregion
 //#region ../../node_modules/@vue/runtime-dom/dist/runtime-dom.esm-bundler.js
 /**
-* @vue/runtime-dom v3.5.41
+* @vue/runtime-dom v3.5.42
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -7754,8 +7804,10 @@ function setStyle(style, name, val) {
 		if (!!(process.env.NODE_ENV !== "production")) {
 			if (semicolonRE.test(val)) warn(`Unexpected semicolon at the end of '${name}' style value: '${val}'`);
 		}
-		if (name.startsWith("--")) style.setProperty(name, val);
-		else {
+		if (name.startsWith("--")) {
+			if (importantRE.test(val)) style.setProperty(name, val.replace(importantRE, ""), "important");
+			else style.setProperty(name, val);
+		} else {
 			const prefixed = autoPrefix(style, name);
 			if (importantRE.test(val)) style.setProperty(hyphenate(prefixed), val.replace(importantRE, ""), "important");
 			else style[prefixed] = val;
@@ -8586,11 +8638,16 @@ var vModelSelect = {
 		el._modelValue = value;
 		addEventListener(el, "change", () => {
 			const selectedVal = Array.prototype.filter.call(el.options, (o) => o.selected).map((o) => number ? looseToNumber(getValue(o)) : getValue(o));
-			el[assignKey](el.multiple ? isSet(el._modelValue) ? new Set(selectedVal) : selectedVal : selectedVal[0]);
-			el._assigning = true;
-			nextTick(() => {
-				el._assigning = false;
-			});
+			const multiple = el.multiple;
+			const assignedValue = multiple ? isSet(el._modelValue) ? new Set(selectedVal) : selectedVal : selectedVal[0];
+			const pending = el._pendingValue = [multiple, multiple ? isArray(assignedValue) ? selectedVal.slice() : selectedVal : assignedValue];
+			try {
+				el[assignKey](assignedValue);
+			} finally {
+				nextTick(() => {
+					if (el._pendingValue === pending) el._pendingValue = void 0;
+				});
+			}
 		});
 		el[assignKey] = getModelAssigner(vnode);
 	},
@@ -8602,9 +8659,21 @@ var vModelSelect = {
 		el[assignKey] = getModelAssigner(vnode);
 	},
 	updated(el, { value }) {
-		if (!el._assigning) setSelected(el, value);
+		const pending = el._pendingValue;
+		el._pendingValue = void 0;
+		if (!pending || pending[0] !== el.multiple || !isSameSelectValue(value, pending[1], pending[0])) setSelected(el, value);
 	}
 };
+function isSameSelectValue(value, assignedValue, multiple) {
+	if (!multiple) return looseEqual(value, assignedValue);
+	if (isArray(value)) return looseEqual(value, assignedValue);
+	if (isSet(value)) {
+		if (value.size !== assignedValue.length) return false;
+		for (const item of assignedValue) if (!value.has(item)) return false;
+		return true;
+	}
+	return false;
+}
 function setSelected(el, value) {
 	const isMultiple = el.multiple;
 	const isArrayValue = isArray(value);
@@ -8840,7 +8909,7 @@ var initDirectivesForSSR = () => {
 //#endregion
 //#region ../../node_modules/vue/dist/vue.runtime.esm-bundler.js
 /**
-* vue v3.5.41
+* vue v3.5.42
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@maildeno/editor",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "An open-source, framework-agnostic email template editor. Drag-and-drop block editing, HTML/MJML/React Email/JSON export, and a pluggable ESP-conditional-logic engine with zero required backend.",
   "type": "module",
   "types": "./dist/index.d.ts",