@lit-pigeon/editor 0.2.0 → 0.3.0

package/dist/index.js

@@ -1,12 +1,12 @@
-import { css as b, LitElement as g, html as l, nothing as Ce } from "lit";
+import { css as b, LitElement as g, html as l, nothing as te } from "lit";
 import { property as p, state as d, customElement as u } from "lit/decorators.js";
-import { t as s, c as At, r as lo } from "./templates.js";
-import { P as Fr } from "./templates.js";
-import { getAllBlockDefinitions as po, getBlockDefinition as _t, updateBlock as ct, createBlock as Ye, insertBlock as pe, createColumn as Ie, insertRow as te, createRow as Pe, cloneRowWithNewIds as Bt, createBodySelection as jt, deleteBlock as co, deleteRow as Rt, duplicateBlock as ho, duplicateRow as Lt, generateId as zt, EditorState as Mt, createHistoryPlugin as Ht, undo as go, redo as uo, InMemoryTemplateStorage as bo, InMemoryRowLibraryStorage as vo, SYSTEM_LINK_TYPES as fo, createDocStep as dt, createDefaultDocument as mo, HISTORY_PLUGIN_NAME as Ft, canUndo as _o, canRedo as yo, createBlockSelection as ht, createRowSelection as Nt, createColumnSelection as xo, moveRow as $o, moveBlock as wo, updateRowAttributes as ko, addColumn as Co, removeColumn as Io, resizeColumns as Po } from "@lit-pigeon/core";
-import { unsafeHTML as Qt } from "lit/directives/unsafe-html.js";
-import { l as yt, r as To } from "./rich-text.js";
-import { styleMap as So } from "lit/directives/style-map.js";
-const Ut = b`
+import { t as s, c as Bt, r as po } from "./templates.js";
+import { P as Ur } from "./templates.js";
+import { getAllBlockDefinitions as co, getBlockDefinition as yt, updateBlock as ct, createBlock as Ye, insertBlock as ce, createColumn as Ie, insertRow as oe, createRow as Pe, cloneRowWithNewIds as jt, createBodySelection as Rt, deleteBlock as ho, deleteRow as Lt, duplicateBlock as go, duplicateRow as zt, generateId as Mt, EditorState as Ht, createHistoryPlugin as Ft, undo as uo, redo as bo, InMemoryTemplateStorage as vo, InMemoryRowLibraryStorage as fo, SYSTEM_LINK_TYPES as mo, createDocStep as dt, createDefaultDocument as _o, HISTORY_PLUGIN_NAME as Nt, canUndo as yo, canRedo as xo, createBlockSelection as ht, createRowSelection as Ut, createColumnSelection as $o, moveRow as wo, moveBlock as ko, updateRowAttributes as Co, addColumn as Io, removeColumn as Po, resizeColumns as To } from "@lit-pigeon/core";
+import { unsafeHTML as eo } from "lit/directives/unsafe-html.js";
+import { l as xt, r as So } from "./rich-text.js";
+import { styleMap as Oo } from "lit/directives/style-map.js";
+const Kt = b`
   /* base palette */
   --pigeon-bg: #0f172a; /* slate-900 */
   --pigeon-surface: #1e293b; /* slate-800 */
@@ -42,7 +42,7 @@ const Ut = b`
     0 2px 4px -2px rgb(0 0 0 / 0.4);
   --pigeon-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.5),
     0 4px 6px -4px rgb(0 0 0 / 0.5);
-`, Oo = b`
+`, Do = b`
   :host {
     /* base palette */
     --pigeon-bg: #ffffff;
@@ -103,19 +103,19 @@ const Ut = b`
   }
 
   :host(.pigeon-dark) {
-    ${Ut}
+    ${Kt}
   }
 
   @media (prefers-color-scheme: dark) {
     :host(.pigeon-auto) {
-      ${Ut}
+      ${Kt}
     }
   }
 `;
-var Do = Object.defineProperty, Eo = Object.getOwnPropertyDescriptor, ye = (e, t, o, r) => {
-  for (var i = r > 1 ? void 0 : r ? Eo(t, o) : t, n = e.length - 1, a; n >= 0; n--)
+var Eo = Object.defineProperty, Ao = Object.getOwnPropertyDescriptor, xe = (e, t, o, r) => {
+  for (var i = r > 1 ? void 0 : r ? Ao(t, o) : t, n = e.length - 1, a; n >= 0; n--)
     (a = e[n]) && (i = (r ? a(t, o, i) : a(i)) || i);
-  return r && i && Do(t, o, i), i;
+  return r && i && Eo(t, o, i), i;
 };
 let K = class extends g {
   constructor() {
@@ -469,38 +469,38 @@ K.styles = b`
       font-weight: 400;
     }
   `;
-ye([
+xe([
   p({ type: Boolean, attribute: "can-undo" })
 ], K.prototype, "canUndo", 2);
-ye([
+xe([
   p({ type: Boolean, attribute: "can-redo" })
 ], K.prototype, "canRedo", 2);
-ye([
+xe([
   p({ type: String })
 ], K.prototype, "device", 2);
-ye([
+xe([
   p({ type: Boolean })
 ], K.prototype, "fullscreen", 2);
-ye([
+xe([
   d()
 ], K.prototype, "_exportMenuOpen", 2);
-K = ye([
+K = xe([
   u("pigeon-toolbar")
 ], K);
-let xt = null;
-function Ao(e) {
-  xt = e;
+let $t = null;
+function Bo(e) {
+  $t = e;
 }
 function De() {
-  return xt;
+  return $t;
 }
 function Xe() {
-  xt = null;
+  $t = null;
 }
-function $t(e, t) {
-  e.dataTransfer && (e.dataTransfer.setData("application/json", JSON.stringify(t)), e.dataTransfer.effectAllowed = "move"), Ao(t);
+function wt(e, t) {
+  e.dataTransfer && (e.dataTransfer.setData("application/json", JSON.stringify(t)), e.dataTransfer.effectAllowed = "move"), Bo(t);
 }
-function zr(e) {
+function Hr(e) {
   if (e.dataTransfer)
     try {
       const t = e.dataTransfer.getData("application/json");
@@ -509,12 +509,12 @@ function zr(e) {
     }
   return De();
 }
-var Bo = Object.defineProperty, jo = Object.getOwnPropertyDescriptor, xe = (e, t, o, r) => {
-  for (var i = r > 1 ? void 0 : r ? jo(t, o) : t, n = e.length - 1, a; n >= 0; n--)
+var jo = Object.defineProperty, Ro = Object.getOwnPropertyDescriptor, $e = (e, t, o, r) => {
+  for (var i = r > 1 ? void 0 : r ? Ro(t, o) : t, n = e.length - 1, a; n >= 0; n--)
     (a = e[n]) && (i = (r ? a(t, o, i) : a(i)) || i);
-  return r && i && Bo(t, o, i), i;
+  return r && i && jo(t, o, i), i;
 };
-const Ro = {
+const Lo = {
   text: "T",
   image: "[]",
   button: "[B]",
@@ -528,7 +528,7 @@ let W = class extends g {
     super(...arguments), this.label = "", this.icon = "", this.dragType = "palette-block", this.blockType = "", this.columnCount = 1;
   }
   render() {
-    const e = Ro[this.icon] ?? this.icon ?? "?", t = this.dragType === "palette-row" ? "Add layout" : "Add block";
+    const e = Lo[this.icon] ?? this.icon ?? "?", t = this.dragType === "palette-row" ? "Add layout" : "Add block";
     return l`
       <div
         class="item"
@@ -560,7 +560,7 @@ let W = class extends g {
     ));
   }
   _onDragStart(e) {
-    $t(e, {
+    wt(e, {
       type: this.dragType,
       blockType: this.blockType || void 0,
       columnCount: this.columnCount
@@ -641,30 +641,30 @@ W.styles = b`
       color: var(--pigeon-text, #1e293b);
     }
   `;
-xe([
+$e([
   p({ type: String })
 ], W.prototype, "label", 2);
-xe([
+$e([
   p({ type: String })
 ], W.prototype, "icon", 2);
-xe([
+$e([
   p({ type: String, attribute: "drag-type" })
 ], W.prototype, "dragType", 2);
-xe([
+$e([
   p({ type: String, attribute: "block-type" })
 ], W.prototype, "blockType", 2);
-xe([
+$e([
   p({ type: Number, attribute: "column-count" })
 ], W.prototype, "columnCount", 2);
-W = xe([
+W = $e([
   u("pigeon-palette-item")
 ], W);
-var Lo = Object.defineProperty, zo = Object.getOwnPropertyDescriptor, wt = (e, t, o, r) => {
-  for (var i = r > 1 ? void 0 : r ? zo(t, o) : t, n = e.length - 1, a; n >= 0; n--)
+var zo = Object.defineProperty, Mo = Object.getOwnPropertyDescriptor, kt = (e, t, o, r) => {
+  for (var i = r > 1 ? void 0 : r ? Mo(t, o) : t, n = e.length - 1, a; n >= 0; n--)
     (a = e[n]) && (i = (r ? a(t, o, i) : a(i)) || i);
-  return r && i && Lo(t, o, i), i;
+  return r && i && zo(t, o, i), i;
 };
-const Mo = {
+const Ho = {
   text: "T",
   image: "Img",
   button: "Btn",
@@ -708,7 +708,7 @@ let Ee = class extends g {
   }
   _renderBlock(e, t, o) {
     var a;
-    const r = ((a = this.selection) == null ? void 0 : a.type) === "block" && this.selection.blockId === e.id, i = Mo[e.type] ?? "?", n = e.type.charAt(0).toUpperCase() + e.type.slice(1);
+    const r = ((a = this.selection) == null ? void 0 : a.type) === "block" && this.selection.blockId === e.id, i = Ho[e.type] ?? "?", n = e.type.charAt(0).toUpperCase() + e.type.slice(1);
     return l`
       <div
         class="tree-item indent-3 ${r ? "selected" : ""}"
@@ -798,29 +798,29 @@ Ee.styles = b`
       padding: 8px 8px 4px;
     }
   `;
-wt([
+kt([
   p({ type: Object })
 ], Ee.prototype, "doc", 2);
-wt([
+kt([
   p({ type: Object })
 ], Ee.prototype, "selection", 2);
-Ee = wt([
+Ee = kt([
   u("pigeon-layers")
 ], Ee);
-var Ho = Object.defineProperty, Fo = Object.getOwnPropertyDescriptor, M = (e, t, o, r) => {
-  for (var i = r > 1 ? void 0 : r ? Fo(t, o) : t, n = e.length - 1, a; n >= 0; n--)
+var Fo = Object.defineProperty, No = Object.getOwnPropertyDescriptor, M = (e, t, o, r) => {
+  for (var i = r > 1 ? void 0 : r ? No(t, o) : t, n = e.length - 1, a; n >= 0; n--)
     (a = e[n]) && (i = (r ? a(t, o, i) : a(i)) || i);
-  return r && i && Ho(t, o, i), i;
+  return r && i && Fo(t, o, i), i;
 };
 let gt = null;
-function No() {
+function Uo() {
   return gt || (gt = import("./pigeon-brand-tab.js")), gt;
 }
 let ut = null;
-function Uo() {
+function Ko() {
   return ut || (ut = import("./pigeon-saved-tab.js")), ut;
 }
-const Ko = [
+const Wo = [
   { labelKey: "palette.layout.1-col", columns: 1, icon: "[=]" },
   { labelKey: "palette.layout.2-col", columns: 2, icon: "[||]" },
   { labelKey: "palette.layout.3-col", columns: 3, icon: "[|||]" },
@@ -829,13 +829,13 @@ const Ko = [
 let I = class extends g {
   constructor() {
     super(...arguments), this.selection = null, this.brandKit = null, this.rowLibrary = null, this._blockDefs = [], this._activeTab = "content", this._brandTabLoaded = !1, this._savedTabLoaded = !1, this._handleBrandTabClick = async () => {
-      this._activeTab = "brand", this._brandTabLoaded || (await No(), this._brandTabLoaded = !0);
+      this._activeTab = "brand", this._brandTabLoaded || (await Uo(), this._brandTabLoaded = !0);
     }, this._handleSavedTabClick = async () => {
-      this._activeTab = "saved", this._savedTabLoaded || (await Uo(), this._savedTabLoaded = !0);
+      this._activeTab = "saved", this._savedTabLoaded || (await Ko(), this._savedTabLoaded = !0);
     };
   }
   connectedCallback() {
-    super.connectedCallback(), this._blockDefs = po();
+    super.connectedCallback(), this._blockDefs = co();
   }
   updated(e) {
     e.has("brandKit") && !this.brandKit && this._activeTab === "brand" && (this._activeTab = "content");
@@ -909,7 +909,7 @@ let I = class extends g {
       <div class="section">
         <div class="section-header">${s("palette.layout.section-layout")}</div>
         <div class="items">
-          ${Ko.map((e) => l`
+          ${Wo.map((e) => l`
             <pigeon-palette-item part="palette-item"
               label="${s(e.labelKey)}"
               icon="${e.icon}"
@@ -1042,7 +1042,7 @@ M([
 I = M([
   u("pigeon-palette")
 ], I);
-function Wo(e, t) {
+function Vo(e, t) {
   if (t.length === 0) return 0;
   for (let o = 0; o < t.length; o++) {
     const r = t[o].getBoundingClientRect(), i = r.top + r.height / 2;
@@ -1051,7 +1051,7 @@ function Wo(e, t) {
   }
   return t.length;
 }
-function Vo(e, t) {
+function Yo(e, t) {
   if (t.length === 0) return 0;
   for (let o = 0; o < t.length; o++) {
     const r = t[o].getBoundingClientRect(), i = r.top + r.height / 2;
@@ -1060,13 +1060,13 @@ function Vo(e, t) {
   }
   return t.length;
 }
-function eo(e, t) {
+function to(e, t) {
   return e < 0 || t === e || t === e + 1 ? null : t > e ? t - 1 : t;
 }
-var Yo = Object.defineProperty, qo = Object.getOwnPropertyDescriptor, to = (e, t, o, r) => {
-  for (var i = r > 1 ? void 0 : r ? qo(t, o) : t, n = e.length - 1, a; n >= 0; n--)
+var qo = Object.defineProperty, Xo = Object.getOwnPropertyDescriptor, oo = (e, t, o, r) => {
+  for (var i = r > 1 ? void 0 : r ? Xo(t, o) : t, n = e.length - 1, a; n >= 0; n--)
     (a = e[n]) && (i = (r ? a(t, o, i) : a(i)) || i);
-  return r && i && Yo(t, o, i), i;
+  return r && i && qo(t, o, i), i;
 };
 let Ge = class extends g {
   constructor() {
@@ -1125,18 +1125,18 @@ Ge.styles = b`
       right: 4px;
     }
   `;
-to([
+oo([
   p({ type: Boolean, reflect: !0 })
 ], Ge.prototype, "visible", 2);
-Ge = to([
+Ge = oo([
   u("pigeon-drop-indicator")
 ], Ge);
-var Xo = Object.defineProperty, Go = Object.getOwnPropertyDescriptor, tt = (e, t, o, r) => {
-  for (var i = r > 1 ? void 0 : r ? Go(t, o) : t, n = e.length - 1, a; n >= 0; n--)
+var Go = Object.defineProperty, Jo = Object.getOwnPropertyDescriptor, tt = (e, t, o, r) => {
+  for (var i = r > 1 ? void 0 : r ? Jo(t, o) : t, n = e.length - 1, a; n >= 0; n--)
     (a = e[n]) && (i = (r ? a(t, o, i) : a(i)) || i);
-  return r && i && Xo(t, o, i), i;
+  return r && i && Go(t, o, i), i;
 };
-let ce = class extends g {
+let de = class extends g {
   constructor() {
     super(...arguments), this.selected = !1, this.editing = !1, this._editor = null, this._editorHost = null;
   }
@@ -1164,7 +1164,7 @@ let ce = class extends g {
     const e = this.renderRoot.querySelector(".content");
     if (!e) return;
     this._editorHost = e;
-    const t = await yt();
+    const t = await xt();
     !this.editing || !this._editorHost || (this._editor = t.createEditor({
       element: this._editorHost,
       initialHTML: this.block.values.content,
@@ -1208,7 +1208,7 @@ let ce = class extends g {
     }));
   }
 };
-ce.styles = b`
+de.styles = b`
     :host {
       display: block;
       cursor: pointer;
@@ -1250,20 +1250,20 @@ ce.styles = b`
   `;
 tt([
   p({ type: Object })
-], ce.prototype, "block", 2);
+], de.prototype, "block", 2);
 tt([
   p({ type: Boolean, reflect: !0 })
-], ce.prototype, "selected", 2);
+], de.prototype, "selected", 2);
 tt([
   p({ type: Boolean, reflect: !0 })
-], ce.prototype, "editing", 2);
-ce = tt([
+], de.prototype, "editing", 2);
+de = tt([
   u("pigeon-text-block")
-], ce);
-var Jo = Object.defineProperty, Zo = Object.getOwnPropertyDescriptor, kt = (e, t, o, r) => {
-  for (var i = r > 1 ? void 0 : r ? Zo(t, o) : t, n = e.length - 1, a; n >= 0; n--)
+], de);
+var Zo = Object.defineProperty, Qo = Object.getOwnPropertyDescriptor, Ct = (e, t, o, r) => {
+  for (var i = r > 1 ? void 0 : r ? Qo(t, o) : t, n = e.length - 1, a; n >= 0; n--)
     (a = e[n]) && (i = (r ? a(t, o, i) : a(i)) || i);
-  return r && i && Jo(t, o, i), i;
+  return r && i && Zo(t, o, i), i;
 };
 let Ae = class extends g {
   constructor() {
@@ -1351,21 +1351,21 @@ Ae.styles = b`
       opacity: 0.5;
     }
   `;
-kt([
+Ct([
   p({ type: Object })
 ], Ae.prototype, "block", 2);
-kt([
+Ct([
   p({ type: Boolean, reflect: !0 })
 ], Ae.prototype, "selected", 2);
-Ae = kt([
+Ae = Ct([
   u("pigeon-image-block")
 ], Ae);
-var Qo = Object.defineProperty, ei = Object.getOwnPropertyDescriptor, ot = (e, t, o, r) => {
-  for (var i = r > 1 ? void 0 : r ? ei(t, o) : t, n = e.length - 1, a; n >= 0; n--)
+var ei = Object.defineProperty, ti = Object.getOwnPropertyDescriptor, ot = (e, t, o, r) => {
+  for (var i = r > 1 ? void 0 : r ? ti(t, o) : t, n = e.length - 1, a; n >= 0; n--)
     (a = e[n]) && (i = (r ? a(t, o, i) : a(i)) || i);
-  return r && i && Qo(t, o, i), i;
+  return r && i && ei(t, o, i), i;
 };
-let de = class extends g {
+let he = class extends g {
   constructor() {
     super(...arguments), this.selected = !1, this.editing = !1, this._editor = null, this._editorHost = null;
   }
@@ -1391,7 +1391,7 @@ let de = class extends g {
           href="${e.href}"
           style="${i}"
           @click=${this._preventNav}
-        >${this.editing ? l`` : Qt(n)}</a>
+        >${this.editing ? l`` : eo(n)}</a>
       </div>
     `;
   }
@@ -1405,7 +1405,7 @@ let de = class extends g {
     const e = this.renderRoot.querySelector(".button");
     if (!e) return;
     this._editorHost = e;
-    const t = await yt();
+    const t = await xt();
     !this.editing || !this._editorHost || (this._editor = t.createEditor({
       element: this._editorHost,
       initialHTML: this.block.values.content,
@@ -1452,7 +1452,7 @@ let de = class extends g {
     }));
   }
 };
-de.styles = b`
+he.styles = b`
     :host {
       display: block;
       cursor: pointer;
@@ -1505,20 +1505,20 @@ de.styles = b`
   `;
 ot([
   p({ type: Object })
-], de.prototype, "block", 2);
+], he.prototype, "block", 2);
 ot([
   p({ type: Boolean, reflect: !0 })
-], de.prototype, "selected", 2);
+], he.prototype, "selected", 2);
 ot([
   p({ type: Boolean, reflect: !0 })
-], de.prototype, "editing", 2);
-de = ot([
+], he.prototype, "editing", 2);
+he = ot([
   u("pigeon-button-block")
-], de);
-var ti = Object.defineProperty, oi = Object.getOwnPropertyDescriptor, Ct = (e, t, o, r) => {
-  for (var i = r > 1 ? void 0 : r ? oi(t, o) : t, n = e.length - 1, a; n >= 0; n--)
+], he);
+var oi = Object.defineProperty, ii = Object.getOwnPropertyDescriptor, It = (e, t, o, r) => {
+  for (var i = r > 1 ? void 0 : r ? ii(t, o) : t, n = e.length - 1, a; n >= 0; n--)
     (a = e[n]) && (i = (r ? a(t, o, i) : a(i)) || i);
-  return r && i && ti(t, o, i), i;
+  return r && i && oi(t, o, i), i;
 };
 let Be = class extends g {
   constructor() {
@@ -1575,19 +1575,19 @@ Be.styles = b`
       margin: 0;
     }
   `;
-Ct([
+It([
   p({ type: Object })
 ], Be.prototype, "block", 2);
-Ct([
+It([
   p({ type: Boolean, reflect: !0 })
 ], Be.prototype, "selected", 2);
-Be = Ct([
+Be = It([
   u("pigeon-divider-block")
 ], Be);
-var ii = Object.defineProperty, ri = Object.getOwnPropertyDescriptor, It = (e, t, o, r) => {
-  for (var i = r > 1 ? void 0 : r ? ri(t, o) : t, n = e.length - 1, a; n >= 0; n--)
+var ri = Object.defineProperty, ni = Object.getOwnPropertyDescriptor, Pt = (e, t, o, r) => {
+  for (var i = r > 1 ? void 0 : r ? ni(t, o) : t, n = e.length - 1, a; n >= 0; n--)
     (a = e[n]) && (i = (r ? a(t, o, i) : a(i)) || i);
-  return r && i && ii(t, o, i), i;
+  return r && i && ri(t, o, i), i;
 };
 let je = class extends g {
   constructor() {
@@ -1656,21 +1656,21 @@ je.styles = b`
       opacity: 1;
     }
   `;
-It([
+Pt([
   p({ type: Object })
 ], je.prototype, "block", 2);
-It([
+Pt([
   p({ type: Boolean, reflect: !0 })
 ], je.prototype, "selected", 2);
-je = It([
+je = Pt([
   u("pigeon-spacer-block")
 ], je);
-var ni = Object.defineProperty, ai = Object.getOwnPropertyDescriptor, Pt = (e, t, o, r) => {
-  for (var i = r > 1 ? void 0 : r ? ai(t, o) : t, n = e.length - 1, a; n >= 0; n--)
+var ai = Object.defineProperty, si = Object.getOwnPropertyDescriptor, Tt = (e, t, o, r) => {
+  for (var i = r > 1 ? void 0 : r ? si(t, o) : t, n = e.length - 1, a; n >= 0; n--)
     (a = e[n]) && (i = (r ? a(t, o, i) : a(i)) || i);
-  return r && i && ni(t, o, i), i;
+  return r && i && ai(t, o, i), i;
 };
-const si = {
+const li = {
   facebook: "f",
   twitter: "𝕏",
   instagram: "ig",
@@ -1678,7 +1678,7 @@ const si = {
   youtube: "▶",
   tiktok: "♪",
   custom: "★"
-}, li = {
+}, pi = {
   facebook: "#1877F2",
   twitter: "#000000",
   instagram: "#E4405F",
@@ -1707,7 +1707,7 @@ let Re = class extends g {
         ${e.icons.length === 0 ? l`<div class="empty-state">Add social icons in properties</div>` : l`
             <div class="icons-container" style="justify-content: ${o[e.alignment]}; gap: ${e.spacing}px;">
               ${e.icons.map((r) => {
-      const i = li[r.type] ?? "#6b7280", n = si[r.type] ?? "?";
+      const i = pi[r.type] ?? "#6b7280", n = li[r.type] ?? "?";
       return l`
                   <a
                     class="social-icon"
@@ -1782,19 +1782,19 @@ Re.styles = b`
       font-size: 13px;
     }
   `;
-Pt([
+Tt([
   p({ type: Object })
 ], Re.prototype, "block", 2);
-Pt([
+Tt([
   p({ type: Boolean, reflect: !0 })
 ], Re.prototype, "selected", 2);
-Re = Pt([
+Re = Tt([
   u("pigeon-social-block")
 ], Re);
-var pi = Object.defineProperty, ci = Object.getOwnPropertyDescriptor, Tt = (e, t, o, r) => {
-  for (var i = r > 1 ? void 0 : r ? ci(t, o) : t, n = e.length - 1, a; n >= 0; n--)
+var ci = Object.defineProperty, di = Object.getOwnPropertyDescriptor, St = (e, t, o, r) => {
+  for (var i = r > 1 ? void 0 : r ? di(t, o) : t, n = e.length - 1, a; n >= 0; n--)
     (a = e[n]) && (i = (r ? a(t, o, i) : a(i)) || i);
-  return r && i && pi(t, o, i), i;
+  return r && i && ci(t, o, i), i;
 };
 let Le = class extends g {
   constructor() {
@@ -1861,21 +1861,21 @@ Le.styles = b`
       font-size: 13px;
     }
   `;
-Tt([
+St([
   p({ type: Object })
 ], Le.prototype, "block", 2);
-Tt([
+St([
   p({ type: Boolean, reflect: !0 })
 ], Le.prototype, "selected", 2);
-Le = Tt([
+Le = St([
   u("pigeon-html-block")
 ], Le);
-var di = Object.defineProperty, hi = Object.getOwnPropertyDescriptor, it = (e, t, o, r) => {
-  for (var i = r > 1 ? void 0 : r ? hi(t, o) : t, n = e.length - 1, a; n >= 0; n--)
+var hi = Object.defineProperty, gi = Object.getOwnPropertyDescriptor, it = (e, t, o, r) => {
+  for (var i = r > 1 ? void 0 : r ? gi(t, o) : t, n = e.length - 1, a; n >= 0; n--)
     (a = e[n]) && (i = (r ? a(t, o, i) : a(i)) || i);
-  return r && i && di(t, o, i), i;
+  return r && i && hi(t, o, i), i;
 };
-let he = class extends g {
+let ge = class extends g {
   constructor() {
     super(...arguments), this.selected = !1, this.editing = !1, this._editor = null, this._editorHost = null;
   }
@@ -1916,7 +1916,7 @@ let he = class extends g {
     const e = this.renderRoot.querySelector(".content");
     if (!e) return;
     this._editorHost = e;
-    const t = await yt();
+    const t = await xt();
     !this.editing || !this._editorHost || (this._editor = t.createEditor({
       element: this._editorHost,
       initialHTML: this.block.values.content || "<p></p>",
@@ -1960,7 +1960,7 @@ let he = class extends g {
     }));
   }
 };
-he.styles = b`
+ge.styles = b`
     :host {
       display: block;
       cursor: pointer;
@@ -2022,20 +2022,20 @@ he.styles = b`
   `;
 it([
   p({ type: Object })
-], he.prototype, "block", 2);
+], ge.prototype, "block", 2);
 it([
   p({ type: Boolean, reflect: !0 })
-], he.prototype, "selected", 2);
+], ge.prototype, "selected", 2);
 it([
   p({ type: Boolean, reflect: !0 })
-], he.prototype, "editing", 2);
-he = it([
+], ge.prototype, "editing", 2);
+ge = it([
   u("pigeon-hero-block")
-], he);
-var gi = Object.defineProperty, ui = Object.getOwnPropertyDescriptor, St = (e, t, o, r) => {
-  for (var i = r > 1 ? void 0 : r ? ui(t, o) : t, n = e.length - 1, a; n >= 0; n--)
+], ge);
+var ui = Object.defineProperty, bi = Object.getOwnPropertyDescriptor, Ot = (e, t, o, r) => {
+  for (var i = r > 1 ? void 0 : r ? bi(t, o) : t, n = e.length - 1, a; n >= 0; n--)
     (a = e[n]) && (i = (r ? a(t, o, i) : a(i)) || i);
-  return r && i && gi(t, o, i), i;
+  return r && i && ui(t, o, i), i;
 };
 let ze = class extends g {
   constructor() {
@@ -2128,19 +2128,19 @@ ze.styles = b`
       font-size: 13px;
     }
   `;
-St([
+Ot([
   p({ type: Object })
 ], ze.prototype, "block", 2);
-St([
+Ot([
   p({ type: Boolean, reflect: !0 })
 ], ze.prototype, "selected", 2);
-ze = St([
+ze = Ot([
   u("pigeon-navbar-block")
 ], ze);
-var bi = Object.defineProperty, vi = Object.getOwnPropertyDescriptor, X = (e, t, o, r) => {
-  for (var i = r > 1 ? void 0 : r ? vi(t, o) : t, n = e.length - 1, a; n >= 0; n--)
+var vi = Object.defineProperty, fi = Object.getOwnPropertyDescriptor, X = (e, t, o, r) => {
+  for (var i = r > 1 ? void 0 : r ? fi(t, o) : t, n = e.length - 1, a; n >= 0; n--)
     (a = e[n]) && (i = (r ? a(t, o, i) : a(i)) || i);
-  return r && i && bi(t, o, i), i;
+  return r && i && vi(t, o, i), i;
 };
 let O = class extends g {
   constructor() {
@@ -2228,7 +2228,7 @@ let O = class extends g {
    * failing with "Unknown block type".
    */
   _renderCustomBlock(e, t) {
-    const o = _t(e.type), r = e, i = o != null && o.renderCanvas ? Qt(o.renderCanvas(r)) : l`<span class="custom-block__label"
+    const o = yt(e.type), r = e, i = o != null && o.renderCanvas ? eo(o.renderCanvas(r)) : l`<span class="custom-block__label"
           >${(o == null ? void 0 : o.label) ?? e.type}</span
         >`;
     return l`<div
@@ -2259,7 +2259,7 @@ let O = class extends g {
         "pigeon-text-block, pigeon-image-block, pigeon-button-block, pigeon-divider-block, pigeon-spacer-block, pigeon-social-block, pigeon-html-block, pigeon-hero-block, pigeon-navbar-block, .custom-block"
       )
     );
-    this._dropIndex = Vo(e.clientY, o);
+    this._dropIndex = Yo(e.clientY, o);
   }
   _onDragLeave(e) {
     const t = this.getBoundingClientRect();
@@ -2271,7 +2271,7 @@ let O = class extends g {
     e.preventDefault(), e.stopPropagation();
     let o = this._dropIndex >= 0 ? this._dropIndex : this.column.blocks.length;
     if (t.type === "existing-block" && t.rowId === this.rowId && t.columnId === this.column.id) {
-      const r = this.column.blocks.findIndex((n) => n.id === t.blockId), i = eo(r, o);
+      const r = this.column.blocks.findIndex((n) => n.id === t.blockId), i = to(r, o);
       if (i === null) {
         this._resetDragState();
         return;
@@ -2293,7 +2293,7 @@ let O = class extends g {
     this._isDragOver = !1, this._dropIndex = -1, Xe();
   }
   _onBlockDragStart(e, t) {
-    if ($t(e, {
+    if (wt(e, {
       type: "existing-block",
       blockId: t,
       rowId: this.rowId,
@@ -2448,10 +2448,10 @@ X([
 O = X([
   u("pigeon-column")
 ], O);
-var fi = Object.defineProperty, mi = Object.getOwnPropertyDescriptor, G = (e, t, o, r) => {
-  for (var i = r > 1 ? void 0 : r ? mi(t, o) : t, n = e.length - 1, a; n >= 0; n--)
+var mi = Object.defineProperty, _i = Object.getOwnPropertyDescriptor, G = (e, t, o, r) => {
+  for (var i = r > 1 ? void 0 : r ? _i(t, o) : t, n = e.length - 1, a; n >= 0; n--)
     (a = e[n]) && (i = (r ? a(t, o, i) : a(i)) || i);
-  return r && i && fi(t, o, i), i;
+  return r && i && mi(t, o, i), i;
 };
 let D = class extends g {
   constructor() {
@@ -2600,7 +2600,7 @@ let D = class extends g {
     }));
   }
   _onDragStart(e) {
-    if ($t(e, {
+    if (wt(e, {
       type: "existing-row",
       rowId: this.row.id
     }), e.dataTransfer) {
@@ -2768,10 +2768,10 @@ G([
 D = G([
   u("pigeon-row")
 ], D);
-var _i = Object.defineProperty, yi = Object.getOwnPropertyDescriptor, H = (e, t, o, r) => {
-  for (var i = r > 1 ? void 0 : r ? yi(t, o) : t, n = e.length - 1, a; n >= 0; n--)
+var yi = Object.defineProperty, xi = Object.getOwnPropertyDescriptor, H = (e, t, o, r) => {
+  for (var i = r > 1 ? void 0 : r ? xi(t, o) : t, n = e.length - 1, a; n >= 0; n--)
     (a = e[n]) && (i = (r ? a(t, o, i) : a(i)) || i);
-  return r && i && _i(t, o, i), i;
+  return r && i && yi(t, o, i), i;
 };
 let P = class extends g {
   constructor() {
@@ -2877,7 +2877,7 @@ let P = class extends g {
       const o = Array.from(
         this.renderRoot.querySelectorAll("pigeon-row")
       );
-      this._rowDropIndex = Wo(e.clientY, o);
+      this._rowDropIndex = Vo(e.clientY, o);
     }
   }
   _onDragLeave(e) {
@@ -2910,7 +2910,7 @@ let P = class extends g {
         composed: !0
       }));
     } else if (t.type === "existing-row" && t.rowId) {
-      const o = this.doc.body.rows.findIndex((n) => n.id === t.rowId), r = this._rowDropIndex >= 0 ? this._rowDropIndex : this.doc.body.rows.length, i = eo(o, r);
+      const o = this.doc.body.rows.findIndex((n) => n.id === t.rowId), r = this._rowDropIndex >= 0 ? this._rowDropIndex : this.doc.body.rows.length, i = to(o, r);
       i !== null && this.dispatchEvent(new CustomEvent("row-move", {
         detail: { rowId: t.rowId, toIndex: i },
         bubbles: !0,
@@ -3091,50 +3091,50 @@ P = H([
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Se = globalThis, Kt = (e) => e, Je = Se.trustedTypes, Wt = Je ? Je.createPolicy("lit-html", { createHTML: (e) => e }) : void 0, oo = "$lit$", U = `lit$${Math.random().toFixed(9).slice(2)}$`, io = "?" + U, xi = `<${io}>`, re = document, Ze = () => re.createComment(""), Me = (e) => e === null || typeof e != "object" && typeof e != "function", Ot = Array.isArray, $i = (e) => Ot(e) || typeof (e == null ? void 0 : e[Symbol.iterator]) == "function", bt = `[ 	
-\f\r]`, Te = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Vt = /-->/g, Yt = />/g, oe = RegExp(`>|${bt}(?:([^\\s"'>=/]+)(${bt}*=${bt}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), qt = /'/g, Xt = /"/g, ro = /^(?:script|style|textarea|title)$/i, He = Symbol.for("lit-noChange"), y = Symbol.for("lit-nothing"), Gt = /* @__PURE__ */ new WeakMap(), ie = re.createTreeWalker(re, 129);
-function no(e, t) {
-  if (!Ot(e) || !e.hasOwnProperty("raw")) throw Error("invalid template strings array");
-  return Wt !== void 0 ? Wt.createHTML(t) : t;
+const Se = globalThis, Wt = (e) => e, Je = Se.trustedTypes, Vt = Je ? Je.createPolicy("lit-html", { createHTML: (e) => e }) : void 0, io = "$lit$", U = `lit$${Math.random().toFixed(9).slice(2)}$`, ro = "?" + U, $i = `<${ro}>`, ne = document, Ze = () => ne.createComment(""), Me = (e) => e === null || typeof e != "object" && typeof e != "function", Dt = Array.isArray, wi = (e) => Dt(e) || typeof (e == null ? void 0 : e[Symbol.iterator]) == "function", bt = `[ 	
+\f\r]`, Te = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Yt = /-->/g, qt = />/g, ie = RegExp(`>|${bt}(?:([^\\s"'>=/]+)(${bt}*=${bt}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), Xt = /'/g, Gt = /"/g, no = /^(?:script|style|textarea|title)$/i, He = Symbol.for("lit-noChange"), y = Symbol.for("lit-nothing"), Jt = /* @__PURE__ */ new WeakMap(), re = ne.createTreeWalker(ne, 129);
+function ao(e, t) {
+  if (!Dt(e) || !e.hasOwnProperty("raw")) throw Error("invalid template strings array");
+  return Vt !== void 0 ? Vt.createHTML(t) : t;
 }
-const wi = (e, t) => {
+const ki = (e, t) => {
   const o = e.length - 1, r = [];
   let i, n = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", a = Te;
   for (let h = 0; h < o; h++) {
     const c = e[h];
     let v, m, f = -1, R = 0;
-    for (; R < c.length && (a.lastIndex = R, m = a.exec(c), m !== null); ) R = a.lastIndex, a === Te ? m[1] === "!--" ? a = Vt : m[1] !== void 0 ? a = Yt : m[2] !== void 0 ? (ro.test(m[2]) && (i = RegExp("</" + m[2], "g")), a = oe) : m[3] !== void 0 && (a = oe) : a === oe ? m[0] === ">" ? (a = i ?? Te, f = -1) : m[1] === void 0 ? f = -2 : (f = a.lastIndex - m[2].length, v = m[1], a = m[3] === void 0 ? oe : m[3] === '"' ? Xt : qt) : a === Xt || a === qt ? a = oe : a === Vt || a === Yt ? a = Te : (a = oe, i = void 0);
-    const N = a === oe && e[h + 1].startsWith("/>") ? " " : "";
-    n += a === Te ? c + xi : f >= 0 ? (r.push(v), c.slice(0, f) + oo + c.slice(f) + U + N) : c + U + (f === -2 ? h : N);
+    for (; R < c.length && (a.lastIndex = R, m = a.exec(c), m !== null); ) R = a.lastIndex, a === Te ? m[1] === "!--" ? a = Yt : m[1] !== void 0 ? a = qt : m[2] !== void 0 ? (no.test(m[2]) && (i = RegExp("</" + m[2], "g")), a = ie) : m[3] !== void 0 && (a = ie) : a === ie ? m[0] === ">" ? (a = i ?? Te, f = -1) : m[1] === void 0 ? f = -2 : (f = a.lastIndex - m[2].length, v = m[1], a = m[3] === void 0 ? ie : m[3] === '"' ? Gt : Xt) : a === Gt || a === Xt ? a = ie : a === Yt || a === qt ? a = Te : (a = ie, i = void 0);
+    const N = a === ie && e[h + 1].startsWith("/>") ? " " : "";
+    n += a === Te ? c + $i : f >= 0 ? (r.push(v), c.slice(0, f) + io + c.slice(f) + U + N) : c + U + (f === -2 ? h : N);
   }
-  return [no(e, n + (e[o] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), r];
+  return [ao(e, n + (e[o] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), r];
 };
 class Fe {
   constructor({ strings: t, _$litType$: o }, r) {
     let i;
     this.parts = [];
     let n = 0, a = 0;
-    const h = t.length - 1, c = this.parts, [v, m] = wi(t, o);
-    if (this.el = Fe.createElement(v, r), ie.currentNode = this.el.content, o === 2 || o === 3) {
+    const h = t.length - 1, c = this.parts, [v, m] = ki(t, o);
+    if (this.el = Fe.createElement(v, r), re.currentNode = this.el.content, o === 2 || o === 3) {
       const f = this.el.content.firstChild;
       f.replaceWith(...f.childNodes);
     }
-    for (; (i = ie.nextNode()) !== null && c.length < h; ) {
+    for (; (i = re.nextNode()) !== null && c.length < h; ) {
       if (i.nodeType === 1) {
-        if (i.hasAttributes()) for (const f of i.getAttributeNames()) if (f.endsWith(oo)) {
+        if (i.hasAttributes()) for (const f of i.getAttributeNames()) if (f.endsWith(io)) {
           const R = m[a++], N = i.getAttribute(f).split(U), Ve = /([.?@])?(.*)/.exec(R);
-          c.push({ type: 1, index: n, name: Ve[2], strings: N, ctor: Ve[1] === "." ? Ci : Ve[1] === "?" ? Ii : Ve[1] === "@" ? Pi : nt }), i.removeAttribute(f);
+          c.push({ type: 1, index: n, name: Ve[2], strings: N, ctor: Ve[1] === "." ? Ii : Ve[1] === "?" ? Pi : Ve[1] === "@" ? Ti : nt }), i.removeAttribute(f);
         } else f.startsWith(U) && (c.push({ type: 6, index: n }), i.removeAttribute(f));
-        if (ro.test(i.tagName)) {
+        if (no.test(i.tagName)) {
           const f = i.textContent.split(U), R = f.length - 1;
           if (R > 0) {
             i.textContent = Je ? Je.emptyScript : "";
-            for (let N = 0; N < R; N++) i.append(f[N], Ze()), ie.nextNode(), c.push({ type: 2, index: ++n });
+            for (let N = 0; N < R; N++) i.append(f[N], Ze()), re.nextNode(), c.push({ type: 2, index: ++n });
             i.append(f[R], Ze());
           }
         }
-      } else if (i.nodeType === 8) if (i.data === io) c.push({ type: 2, index: n });
+      } else if (i.nodeType === 8) if (i.data === ro) c.push({ type: 2, index: n });
       else {
         let f = -1;
         for (; (f = i.data.indexOf(U, f + 1)) !== -1; ) c.push({ type: 7, index: n }), f += U.length - 1;
@@ -3143,18 +3143,18 @@ class Fe {
     }
   }
   static createElement(t, o) {
-    const r = re.createElement("template");
+    const r = ne.createElement("template");
     return r.innerHTML = t, r;
   }
 }
-function ge(e, t, o = e, r) {
+function ue(e, t, o = e, r) {
   var a, h;
   if (t === He) return t;
   let i = r !== void 0 ? (a = o._$Co) == null ? void 0 : a[r] : o._$Cl;
   const n = Me(t) ? void 0 : t._$litDirective$;
-  return (i == null ? void 0 : i.constructor) !== n && ((h = i == null ? void 0 : i._$AO) == null || h.call(i, !1), n === void 0 ? i = void 0 : (i = new n(e), i._$AT(e, o, r)), r !== void 0 ? (o._$Co ?? (o._$Co = []))[r] = i : o._$Cl = i), i !== void 0 && (t = ge(e, i._$AS(e, t.values), i, r)), t;
+  return (i == null ? void 0 : i.constructor) !== n && ((h = i == null ? void 0 : i._$AO) == null || h.call(i, !1), n === void 0 ? i = void 0 : (i = new n(e), i._$AT(e, o, r)), r !== void 0 ? (o._$Co ?? (o._$Co = []))[r] = i : o._$Cl = i), i !== void 0 && (t = ue(e, i._$AS(e, t.values), i, r)), t;
 }
-class ki {
+class Ci {
   constructor(t, o) {
     this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = o;
   }
@@ -3165,17 +3165,17 @@ class ki {
     return this._$AM._$AU;
   }
   u(t) {
-    const { el: { content: o }, parts: r } = this._$AD, i = ((t == null ? void 0 : t.creationScope) ?? re).importNode(o, !0);
-    ie.currentNode = i;
-    let n = ie.nextNode(), a = 0, h = 0, c = r[0];
+    const { el: { content: o }, parts: r } = this._$AD, i = ((t == null ? void 0 : t.creationScope) ?? ne).importNode(o, !0);
+    re.currentNode = i;
+    let n = re.nextNode(), a = 0, h = 0, c = r[0];
     for (; c !== void 0; ) {
       if (a === c.index) {
         let v;
-        c.type === 2 ? v = new rt(n, n.nextSibling, this, t) : c.type === 1 ? v = new c.ctor(n, c.name, c.strings, this, t) : c.type === 6 && (v = new Ti(n, this, t)), this._$AV.push(v), c = r[++h];
+        c.type === 2 ? v = new rt(n, n.nextSibling, this, t) : c.type === 1 ? v = new c.ctor(n, c.name, c.strings, this, t) : c.type === 6 && (v = new Si(n, this, t)), this._$AV.push(v), c = r[++h];
       }
-      a !== (c == null ? void 0 : c.index) && (n = ie.nextNode(), a++);
+      a !== (c == null ? void 0 : c.index) && (n = re.nextNode(), a++);
     }
-    return ie.currentNode = re, i;
+    return re.currentNode = ne, i;
   }
   p(t) {
     let o = 0;
@@ -3202,7 +3202,7 @@ class rt {
     return this._$AB;
   }
   _$AI(t, o = this) {
-    t = ge(this, t, o), Me(t) ? t === y || t == null || t === "" ? (this._$AH !== y && this._$AR(), this._$AH = y) : t !== this._$AH && t !== He && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : $i(t) ? this.k(t) : this._(t);
+    t = ue(this, t, o), Me(t) ? t === y || t == null || t === "" ? (this._$AH !== y && this._$AR(), this._$AH = y) : t !== this._$AH && t !== He && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : wi(t) ? this.k(t) : this._(t);
   }
   O(t) {
     return this._$AA.parentNode.insertBefore(t, this._$AB);
@@ -3211,23 +3211,23 @@ class rt {
     this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
   }
   _(t) {
-    this._$AH !== y && Me(this._$AH) ? this._$AA.nextSibling.data = t : this.T(re.createTextNode(t)), this._$AH = t;
+    this._$AH !== y && Me(this._$AH) ? this._$AA.nextSibling.data = t : this.T(ne.createTextNode(t)), this._$AH = t;
   }
   $(t) {
     var n;
-    const { values: o, _$litType$: r } = t, i = typeof r == "number" ? this._$AC(t) : (r.el === void 0 && (r.el = Fe.createElement(no(r.h, r.h[0]), this.options)), r);
+    const { values: o, _$litType$: r } = t, i = typeof r == "number" ? this._$AC(t) : (r.el === void 0 && (r.el = Fe.createElement(ao(r.h, r.h[0]), this.options)), r);
     if (((n = this._$AH) == null ? void 0 : n._$AD) === i) this._$AH.p(o);
     else {
-      const a = new ki(i, this), h = a.u(this.options);
+      const a = new Ci(i, this), h = a.u(this.options);
       a.p(o), this.T(h), this._$AH = a;
     }
   }
   _$AC(t) {
-    let o = Gt.get(t.strings);
-    return o === void 0 && Gt.set(t.strings, o = new Fe(t)), o;
+    let o = Jt.get(t.strings);
+    return o === void 0 && Jt.set(t.strings, o = new Fe(t)), o;
   }
   k(t) {
-    Ot(this._$AH) || (this._$AH = [], this._$AR());
+    Dt(this._$AH) || (this._$AH = [], this._$AR());
     const o = this._$AH;
     let r, i = 0;
     for (const n of t) i === o.length ? o.push(r = new rt(this.O(Ze()), this.O(Ze()), this, this.options)) : r = o[i], r._$AI(n), i++;
@@ -3236,8 +3236,8 @@ class rt {
   _$AR(t = this._$AA.nextSibling, o) {
     var r;
     for ((r = this._$AP) == null ? void 0 : r.call(this, !1, !0, o); t !== this._$AB; ) {
-      const i = Kt(t).nextSibling;
-      Kt(t).remove(), t = i;
+      const i = Wt(t).nextSibling;
+      Wt(t).remove(), t = i;
     }
   }
   setConnected(t) {
@@ -3258,11 +3258,11 @@ class nt {
   _$AI(t, o = this, r, i) {
     const n = this.strings;
     let a = !1;
-    if (n === void 0) t = ge(this, t, o, 0), a = !Me(t) || t !== this._$AH && t !== He, a && (this._$AH = t);
+    if (n === void 0) t = ue(this, t, o, 0), a = !Me(t) || t !== this._$AH && t !== He, a && (this._$AH = t);
     else {
       const h = t;
       let c, v;
-      for (t = n[0], c = 0; c < n.length - 1; c++) v = ge(this, h[r + c], o, c), v === He && (v = this._$AH[c]), a || (a = !Me(v) || v !== this._$AH[c]), v === y ? t = y : t !== y && (t += (v ?? "") + n[c + 1]), this._$AH[c] = v;
+      for (t = n[0], c = 0; c < n.length - 1; c++) v = ue(this, h[r + c], o, c), v === He && (v = this._$AH[c]), a || (a = !Me(v) || v !== this._$AH[c]), v === y ? t = y : t !== y && (t += (v ?? "") + n[c + 1]), this._$AH[c] = v;
     }
     a && !i && this.j(t);
   }
@@ -3270,7 +3270,7 @@ class nt {
     t === y ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
   }
 }
-class Ci extends nt {
+class Ii extends nt {
   constructor() {
     super(...arguments), this.type = 3;
   }
@@ -3278,7 +3278,7 @@ class Ci extends nt {
     this.element[this.name] = t === y ? void 0 : t;
   }
 }
-class Ii extends nt {
+class Pi extends nt {
   constructor() {
     super(...arguments), this.type = 4;
   }
@@ -3286,12 +3286,12 @@ class Ii extends nt {
     this.element.toggleAttribute(this.name, !!t && t !== y);
   }
 }
-class Pi extends nt {
+class Ti extends nt {
   constructor(t, o, r, i, n) {
     super(t, o, r, i, n), this.type = 5;
   }
   _$AI(t, o = this) {
-    if ((t = ge(this, t, o, 0) ?? y) === He) return;
+    if ((t = ue(this, t, o, 0) ?? y) === He) return;
     const r = this._$AH, i = t === y && r !== y || t.capture !== r.capture || t.once !== r.once || t.passive !== r.passive, n = t !== y && (r === y || i);
     i && this.element.removeEventListener(this.name, this, r), n && this.element.addEventListener(this.name, this, t), this._$AH = t;
   }
@@ -3300,7 +3300,7 @@ class Pi extends nt {
     typeof this._$AH == "function" ? this._$AH.call(((o = this.options) == null ? void 0 : o.host) ?? this.element, t) : this._$AH.handleEvent(t);
   }
 }
-class Ti {
+class Si {
   constructor(t, o, r) {
     this.element = t, this.type = 6, this._$AN = void 0, this._$AM = o, this.options = r;
   }
@@ -3308,7 +3308,7 @@ class Ti {
     return this._$AM._$AU;
   }
   _$AI(t) {
-    ge(this, t);
+    ue(this, t);
   }
 }
 const vt = Se.litHtmlPolyfillSupport;
@@ -3318,14 +3318,14 @@ vt == null || vt(Fe, rt), (Se.litHtmlVersions ?? (Se.litHtmlVersions = [])).push
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Si = (e) => e.strings === void 0;
+const Oi = (e) => e.strings === void 0;
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Oi = { CHILD: 2 }, Di = (e) => (...t) => ({ _$litDirective$: e, values: t });
-class Ei {
+const Di = { CHILD: 2 }, Ei = (e) => (...t) => ({ _$litDirective$: e, values: t });
+class Ai {
   constructor(t) {
   }
   get _$AU() {
@@ -3358,39 +3358,39 @@ const Oe = (e, t) => {
     if ((t = e._$AM) === void 0) break;
     o = t._$AN, o.delete(e), e = t;
   } while ((o == null ? void 0 : o.size) === 0);
-}, ao = (e) => {
+}, so = (e) => {
   for (let t; t = e._$AM; e = t) {
     let o = t._$AN;
     if (o === void 0) t._$AN = o = /* @__PURE__ */ new Set();
     else if (o.has(e)) break;
-    o.add(e), ji(t);
+    o.add(e), Ri(t);
   }
 };
-function Ai(e) {
-  this._$AN !== void 0 ? (Qe(this), this._$AM = e, ao(this)) : this._$AM = e;
+function Bi(e) {
+  this._$AN !== void 0 ? (Qe(this), this._$AM = e, so(this)) : this._$AM = e;
 }
-function Bi(e, t = !1, o = 0) {
+function ji(e, t = !1, o = 0) {
   const r = this._$AH, i = this._$AN;
   if (i !== void 0 && i.size !== 0) if (t) if (Array.isArray(r)) for (let n = o; n < r.length; n++) Oe(r[n], !1), Qe(r[n]);
   else r != null && (Oe(r, !1), Qe(r));
   else Oe(this, e);
 }
-const ji = (e) => {
-  e.type == Oi.CHILD && (e._$AP ?? (e._$AP = Bi), e._$AQ ?? (e._$AQ = Ai));
+const Ri = (e) => {
+  e.type == Di.CHILD && (e._$AP ?? (e._$AP = ji), e._$AQ ?? (e._$AQ = Bi));
 };
-class Ri extends Ei {
+class Li extends Ai {
   constructor() {
     super(...arguments), this._$AN = void 0;
   }
   _$AT(t, o, r) {
-    super._$AT(t, o, r), ao(this), this.isConnected = t._$AU;
+    super._$AT(t, o, r), so(this), this.isConnected = t._$AU;
   }
   _$AO(t, o = !0) {
     var r, i;
     t !== this.isConnected && (this.isConnected = t, t ? (r = this.reconnected) == null || r.call(this) : (i = this.disconnected) == null || i.call(this)), o && (Oe(this, t), Qe(this));
   }
   setValue(t) {
-    if (Si(this._$Ct)) this._$Ct._$AI(t, this);
+    if (Oi(this._$Ct)) this._$Ct._$AI(t, this);
     else {
       const o = [...this._$Ct._$AH];
       o[this._$Ci] = t, this._$Ct._$AI(o, this, 0);
@@ -3406,10 +3406,10 @@ class Ri extends Ei {
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const ue = () => new Li();
-class Li {
+const be = () => new zi();
+class zi {
 }
-const ft = /* @__PURE__ */ new WeakMap(), be = Di(class extends Ri {
+const ft = /* @__PURE__ */ new WeakMap(), ve = Ei(class extends Li {
   render(e) {
     return y;
   }
@@ -3651,10 +3651,10 @@ const ft = /* @__PURE__ */ new WeakMap(), be = Di(class extends Ri {
     box-shadow: var(--pigeon-ring-shadow);
   }
 `;
-var zi = Object.defineProperty, Mi = Object.getOwnPropertyDescriptor, Dt = (e, t, o, r) => {
-  for (var i = r > 1 ? void 0 : r ? Mi(t, o) : t, n = e.length - 1, a; n >= 0; n--)
+var Mi = Object.defineProperty, Hi = Object.getOwnPropertyDescriptor, Et = (e, t, o, r) => {
+  for (var i = r > 1 ? void 0 : r ? Hi(t, o) : t, n = e.length - 1, a; n >= 0; n--)
     (a = e[n]) && (i = (r ? a(t, o, i) : a(i)) || i);
-  return r && i && zi(t, o, i), i;
+  return r && i && Mi(t, o, i), i;
 };
 let Ne = class extends g {
   constructor() {
@@ -3777,19 +3777,19 @@ Ne.styles = b`
       height: 16px;
     }
   `;
-Dt([
+Et([
   p({ type: String })
 ], Ne.prototype, "label", 2);
-Dt([
+Et([
   p({ type: String })
 ], Ne.prototype, "value", 2);
-Ne = Dt([
+Ne = Et([
   u("pigeon-alignment-picker")
 ], Ne);
-var Hi = Object.defineProperty, Fi = Object.getOwnPropertyDescriptor, Et = (e, t, o, r) => {
-  for (var i = r > 1 ? void 0 : r ? Fi(t, o) : t, n = e.length - 1, a; n >= 0; n--)
+var Fi = Object.defineProperty, Ni = Object.getOwnPropertyDescriptor, At = (e, t, o, r) => {
+  for (var i = r > 1 ? void 0 : r ? Ni(t, o) : t, n = e.length - 1, a; n >= 0; n--)
     (a = e[n]) && (i = (r ? a(t, o, i) : a(i)) || i);
-  return r && i && Hi(t, o, i), i;
+  return r && i && Fi(t, o, i), i;
 };
 let Ue = class extends g {
   constructor() {
@@ -3934,19 +3934,19 @@ Ue.styles = b`
       -moz-appearance: textfield;
     }
   `;
-Et([
+At([
   p({ type: String })
 ], Ue.prototype, "label", 2);
-Et([
+At([
   p({ type: Object })
 ], Ue.prototype, "value", 2);
-Ue = Et([
+Ue = At([
   u("pigeon-spacing-input")
 ], Ue);
-var Ni = Object.defineProperty, Ui = Object.getOwnPropertyDescriptor, se = (e, t, o, r) => {
-  for (var i = r > 1 ? void 0 : r ? Ui(t, o) : t, n = e.length - 1, a; n >= 0; n--)
+var Ui = Object.defineProperty, Ki = Object.getOwnPropertyDescriptor, le = (e, t, o, r) => {
+  for (var i = r > 1 ? void 0 : r ? Ki(t, o) : t, n = e.length - 1, a; n >= 0; n--)
     (a = e[n]) && (i = (r ? a(t, o, i) : a(i)) || i);
-  return r && i && Ni(t, o, i), i;
+  return r && i && Ui(t, o, i), i;
 };
 let L = class extends g {
   constructor() {
@@ -4095,31 +4095,31 @@ L.styles = b`
       -moz-appearance: textfield;
     }
   `;
-se([
+le([
   p({ type: String })
 ], L.prototype, "label", 2);
-se([
+le([
   p({ type: Number })
 ], L.prototype, "value", 2);
-se([
+le([
   p({ type: Number })
 ], L.prototype, "min", 2);
-se([
+le([
   p({ type: Number })
 ], L.prototype, "max", 2);
-se([
+le([
   p({ type: Number })
 ], L.prototype, "step", 2);
-se([
+le([
   p({ type: String })
 ], L.prototype, "unit", 2);
-L = se([
+L = le([
   u("pigeon-slider-input")
 ], L);
-var Ki = Object.defineProperty, Wi = Object.getOwnPropertyDescriptor, $e = (e, t, o, r) => {
-  for (var i = r > 1 ? void 0 : r ? Wi(t, o) : t, n = e.length - 1, a; n >= 0; n--)
+var Wi = Object.defineProperty, Vi = Object.getOwnPropertyDescriptor, we = (e, t, o, r) => {
+  for (var i = r > 1 ? void 0 : r ? Vi(t, o) : t, n = e.length - 1, a; n >= 0; n--)
     (a = e[n]) && (i = (r ? a(t, o, i) : a(i)) || i);
-  return r && i && Ki(t, o, i), i;
+  return r && i && Wi(t, o, i), i;
 };
 let V = class extends g {
   constructor() {
@@ -4268,32 +4268,32 @@ V.styles = b`
       font-size: 13px;
     }
   `;
-$e([
+we([
   p({ type: Array })
 ], V.prototype, "tags", 2);
-$e([
+we([
   p({ type: Boolean, reflect: !0 })
 ], V.prototype, "open", 2);
-$e([
+we([
   p({ type: Number })
 ], V.prototype, "x", 2);
-$e([
+we([
   p({ type: Number })
 ], V.prototype, "y", 2);
-$e([
+we([
   d()
 ], V.prototype, "_search", 2);
-V = $e([
+V = we([
   u("pigeon-merge-tag-picker")
 ], V);
-var Vi = Object.defineProperty, Yi = Object.getOwnPropertyDescriptor, J = (e, t, o, r) => {
-  for (var i = r > 1 ? void 0 : r ? Yi(t, o) : t, n = e.length - 1, a; n >= 0; n--)
+var Yi = Object.defineProperty, qi = Object.getOwnPropertyDescriptor, J = (e, t, o, r) => {
+  for (var i = r > 1 ? void 0 : r ? qi(t, o) : t, n = e.length - 1, a; n >= 0; n--)
     (a = e[n]) && (i = (r ? a(t, o, i) : a(i)) || i);
-  return r && i && Vi(t, o, i), i;
+  return r && i && Yi(t, o, i), i;
 };
 let E = class extends g {
   constructor() {
-    super(...arguments), this.rowId = "", this.columnId = "", this.mergeTags = [], this._pickerOpen = !1, this._pickerX = 0, this._pickerY = 0, this._textareaRef = ue(), this._triggerRef = ue();
+    super(...arguments), this.rowId = "", this.columnId = "", this.mergeTags = [], this._pickerOpen = !1, this._pickerX = 0, this._pickerY = 0, this._textareaRef = be(), this._triggerRef = be();
   }
   render() {
     if (!this.block) return l``;
@@ -4305,13 +4305,13 @@ let E = class extends g {
         <div class="label-row">
           <label>${s("panel.common.contentHtml")}</label>
           ${t ? l`
-            <button class="tag-btn" ${be(this._triggerRef)} @click=${this._togglePicker} title=${s("panel.common.insertMergeTag")}>
+            <button class="tag-btn" ${ve(this._triggerRef)} @click=${this._togglePicker} title=${s("panel.common.insertMergeTag")}>
               ${s("panel.common.tagBtn")}
             </button>
           ` : ""}
         </div>
         <textarea
-          ${be(this._textareaRef)}
+          ${ve(this._textareaRef)}
           .value=${e.content}
           @change=${this._onContentChange}
         ></textarea>
@@ -4364,7 +4364,7 @@ let E = class extends g {
     }
   }
   _onMergeTagInsert(e) {
-    const t = To.getActive();
+    const t = So.getActive();
     if (t && !t.isDestroyed) {
       const v = this._extractTagName(e.detail.tag.name);
       t.chain().focus().insertContent({ type: "mergeTag", attrs: { name: v } }).run(), this._pickerOpen = !1;
@@ -4478,15 +4478,21 @@ J([
 E = J([
   u("pigeon-text-panel")
 ], E);
-var qi = Object.defineProperty, Xi = Object.getOwnPropertyDescriptor, w = (e, t, o, r) => {
-  for (var i = r > 1 ? void 0 : r ? Xi(t, o) : t, n = e.length - 1, a; n >= 0; n--)
+var Xi = Object.defineProperty, Gi = Object.getOwnPropertyDescriptor, w = (e, t, o, r) => {
+  for (var i = r > 1 ? void 0 : r ? Gi(t, o) : t, n = e.length - 1, a; n >= 0; n--)
     (a = e[n]) && (i = (r ? a(t, o, i) : a(i)) || i);
-  return r && i && qi(t, o, i), i;
+  return r && i && Xi(t, o, i), i;
 };
-const Gi = 250, qe = "__all__";
+let mt = null;
+function Ji() {
+  return mt || (mt = import("./pigeon-stock-tab.js")), mt;
+}
+const Zi = 250, qe = "__all__";
 let x = class extends g {
   constructor() {
-    super(...arguments), this.config = {}, this.open = !1, this._tab = null, this._dragOver = !1, this._uploading = !1, this._progress = 0, this._error = "", this._urlInput = "", this._folder = qe, this._search = "", this._selectedTags = [], this._folders = [], this._assets = [], this._libraryLoading = !1, this._libraryError = "", this._searchTimer = null, this._libraryToken = 0;
+    super(...arguments), this.config = {}, this.open = !1, this._tab = null, this._stockTabLoaded = !1, this._dragOver = !1, this._uploading = !1, this._progress = 0, this._error = "", this._urlInput = "", this._folder = qe, this._search = "", this._selectedTags = [], this._folders = [], this._assets = [], this._libraryLoading = !1, this._libraryError = "", this._searchTimer = null, this._libraryToken = 0, this._handleStockTabClick = async () => {
+      this._tab = "stock", this._stockTabLoaded || (await Ji(), this._stockTabLoaded = !0);
+    };
   }
   /* ----------------------------------------------------------------- */
   /*  Lifecycle                                                        */
@@ -4497,12 +4503,17 @@ let x = class extends g {
   get _activeTab() {
     return this._tab ?? (this.storage ? "library" : "upload");
   }
+  get _hasStock() {
+    var t, o;
+    const e = this.config.stock;
+    return !!((t = e == null ? void 0 : e.unsplash) != null && t.accessKey || (o = e == null ? void 0 : e.pexels) != null && o.apiKey);
+  }
   /* ----------------------------------------------------------------- */
   /*  Render                                                           */
   /* ----------------------------------------------------------------- */
   render() {
     if (this.config.enabled === !1) return l``;
-    const e = !!this.storage;
+    const e = !!this.storage, t = e || this._hasStock;
     return l`
       <div class="overlay" @click=${this._close}></div>
       <div class="modal" role="dialog" aria-label=${s("asset.title")}>
@@ -4510,36 +4521,46 @@ let x = class extends g {
           <h3>${e ? s("asset.title") : s("asset.title-upload")}</h3>
           <button class="close-btn" @click=${this._close} aria-label=${s("asset.close")}>&times;</button>
         </div>
-        ${e ? this._renderTabs() : Ce}
+        ${t ? this._renderTabs(e) : te}
         <div class="body">
-          ${e && this._activeTab === "library" ? this._renderLibrary() : this._renderUpload()}
+          ${this._activeTab === "stock" && this._hasStock ? this._renderStock() : e && this._activeTab === "library" ? this._renderLibrary() : this._renderUpload()}
         </div>
       </div>
     `;
   }
-  _renderTabs() {
-    const e = this._activeTab;
+  _renderTabs(e) {
+    const t = this._activeTab;
     return l`
       <div class="tabs" role="tablist">
+        ${e ? l`<button
+              class="tab ${t === "library" ? "active" : ""}"
+              role="tab"
+              aria-selected=${t === "library"}
+              @click=${() => this._tab = "library"}
+            >${s("asset.tab.library")}</button>` : te}
         <button
-          class="tab ${e === "library" ? "active" : ""}"
-          role="tab"
-          aria-selected=${e === "library"}
-          @click=${() => this._tab = "library"}
-        >
-          ${s("asset.tab.library")}
-        </button>
-        <button
-          class="tab ${e === "upload" ? "active" : ""}"
+          class="tab ${t === "upload" ? "active" : ""}"
           role="tab"
-          aria-selected=${e === "upload"}
+          aria-selected=${t === "upload"}
           @click=${() => this._tab = "upload"}
         >
           ${s("asset.tab.upload")}
         </button>
+        ${this._hasStock ? l`<button
+              class="tab ${t === "stock" ? "active" : ""}"
+              role="tab"
+              aria-selected=${t === "stock"}
+              @click=${this._handleStockTabClick}
+            >${s("asset.tab.stock")}</button>` : te}
       </div>
     `;
   }
+  _renderStock() {
+    return this._stockTabLoaded ? l`<pigeon-stock-tab
+      .config=${this.config.stock ?? {}}
+      @stock-select=${(e) => this._selectAsset(e.detail.url)}
+    ></pigeon-stock-tab>` : l`<div class="library-spinner">${s("asset.loading")}</div>`;
+  }
   _renderLibrary() {
     return l`
       <div class="library-controls">
@@ -4569,8 +4590,8 @@ let x = class extends g {
                 @click=${() => this._toggleTag(e)}
               >${e}</button>`
     )}
-          </div>` : Ce}
-      ${this._libraryError ? l`<div class="error">${this._libraryError}</div>` : Ce}
+          </div>` : te}
+      ${this._libraryError ? l`<div class="error">${this._libraryError}</div>` : te}
       ${this._libraryLoading ? l`<div class="library-spinner">${s("asset.loading")}</div>` : this._assets.length === 0 ? l`<div class="empty-library">
               ${this._search || this._selectedTags.length > 0 || this._folder !== qe ? s("asset.empty.filtered") : s("asset.empty.no-assets")}
             </div>` : l`<div class="asset-grid">
@@ -4615,9 +4636,9 @@ let x = class extends g {
 
       ${this._uploading ? l`<div class="progress-bar">
             <div class="progress-fill" style="width: ${this._progress}%"></div>
-          </div>` : Ce}
+          </div>` : te}
 
-      ${this._error ? l`<div class="error">${this._error}</div>` : Ce}
+      ${this._error ? l`<div class="error">${this._error}</div>` : te}
 
       <div class="separator">${s("asset.url.separator")}</div>
 
@@ -4675,7 +4696,7 @@ let x = class extends g {
     this._folder = e.target.value, this._loadAssets();
   }
   _onSearchInput(e) {
-    this._search = e.target.value, this._searchTimer && clearTimeout(this._searchTimer), this._searchTimer = setTimeout(() => this._loadAssets(), Gi);
+    this._search = e.target.value, this._searchTimer && clearTimeout(this._searchTimer), this._searchTimer = setTimeout(() => this._loadAssets(), Zi);
   }
   _toggleTag(e) {
     this._selectedTags = this._selectedTags.includes(e) ? this._selectedTags.filter((t) => t !== e) : [...this._selectedTags, e], this._loadAssets();
@@ -5150,6 +5171,9 @@ w([
 w([
   d()
 ], x.prototype, "_tab", 2);
+w([
+  d()
+], x.prototype, "_stockTabLoaded", 2);
 w([
   d()
 ], x.prototype, "_dragOver", 2);
@@ -5189,10 +5213,10 @@ w([
 x = w([
   u("pigeon-asset-manager")
 ], x);
-var Ji = Object.defineProperty, Zi = Object.getOwnPropertyDescriptor, le = (e, t, o, r) => {
-  for (var i = r > 1 ? void 0 : r ? Zi(t, o) : t, n = e.length - 1, a; n >= 0; n--)
+var Qi = Object.defineProperty, er = Object.getOwnPropertyDescriptor, pe = (e, t, o, r) => {
+  for (var i = r > 1 ? void 0 : r ? er(t, o) : t, n = e.length - 1, a; n >= 0; n--)
     (a = e[n]) && (i = (r ? a(t, o, i) : a(i)) || i);
-  return r && i && Ji(t, o, i), i;
+  return r && i && Qi(t, o, i), i;
 };
 let z = class extends g {
   constructor() {
@@ -5323,33 +5347,33 @@ z.styles = [
     }
   `
 ];
-le([
+pe([
   p({ type: Object })
 ], z.prototype, "block", 2);
-le([
+pe([
   p({ type: String })
 ], z.prototype, "rowId", 2);
-le([
+pe([
   p({ type: String })
 ], z.prototype, "columnId", 2);
-le([
+pe([
   p({ type: Object })
 ], z.prototype, "assetManagerConfig", 2);
-le([
+pe([
   p({ attribute: !1 })
 ], z.prototype, "assetStorage", 2);
-le([
+pe([
   d()
 ], z.prototype, "_assetManagerOpen", 2);
-z = le([
+z = pe([
   u("pigeon-image-panel")
 ], z);
-var Qi = Object.defineProperty, er = Object.getOwnPropertyDescriptor, at = (e, t, o, r) => {
-  for (var i = r > 1 ? void 0 : r ? er(t, o) : t, n = e.length - 1, a; n >= 0; n--)
+var tr = Object.defineProperty, or = Object.getOwnPropertyDescriptor, at = (e, t, o, r) => {
+  for (var i = r > 1 ? void 0 : r ? or(t, o) : t, n = e.length - 1, a; n >= 0; n--)
     (a = e[n]) && (i = (r ? a(t, o, i) : a(i)) || i);
-  return r && i && Qi(t, o, i), i;
+  return r && i && tr(t, o, i), i;
 };
-let ve = class extends g {
+let fe = class extends g {
   constructor() {
     super(...arguments), this.label = s("control.color.label"), this.value = "#000000", this.swatches = [];
   }
@@ -5368,7 +5392,7 @@ let ve = class extends g {
                 type="button"
                 title=${`${e.name} (${e.value})`}
                 aria-label=${e.name}
-                style=${So({ background: e.value })}
+                style=${Oo({ background: e.value })}
                 @click=${() => this._applySwatch(e.value)}
               ></button>`
     )}
@@ -5394,7 +5418,7 @@ let ve = class extends g {
     }));
   }
 };
-ve.styles = b`
+fe.styles = b`
     :host {
       display: block;
       margin-bottom: 12px;
@@ -5491,20 +5515,20 @@ ve.styles = b`
   `;
 at([
   p({ type: String })
-], ve.prototype, "label", 2);
+], fe.prototype, "label", 2);
 at([
   p({ type: String })
-], ve.prototype, "value", 2);
+], fe.prototype, "value", 2);
 at([
   p({ attribute: !1 })
-], ve.prototype, "swatches", 2);
-ve = at([
+], fe.prototype, "swatches", 2);
+fe = at([
   u("pigeon-color-picker")
-], ve);
-var tr = Object.defineProperty, or = Object.getOwnPropertyDescriptor, we = (e, t, o, r) => {
-  for (var i = r > 1 ? void 0 : r ? or(t, o) : t, n = e.length - 1, a; n >= 0; n--)
+], fe);
+var ir = Object.defineProperty, rr = Object.getOwnPropertyDescriptor, ke = (e, t, o, r) => {
+  for (var i = r > 1 ? void 0 : r ? rr(t, o) : t, n = e.length - 1, a; n >= 0; n--)
     (a = e[n]) && (i = (r ? a(t, o, i) : a(i)) || i);
-  return r && i && tr(t, o, i), i;
+  return r && i && ir(t, o, i), i;
 };
 let Y = class extends g {
   constructor() {
@@ -5669,28 +5693,28 @@ let Y = class extends g {
   }
 };
 Y.styles = C;
-we([
+ke([
   p({ type: Object })
 ], Y.prototype, "block", 2);
-we([
+ke([
   p({ type: String })
 ], Y.prototype, "rowId", 2);
-we([
+ke([
   p({ type: String })
 ], Y.prototype, "columnId", 2);
-we([
+ke([
   p({ attribute: !1 })
 ], Y.prototype, "swatches", 2);
-we([
+ke([
   p({ attribute: !1 })
 ], Y.prototype, "linkTypes", 2);
-Y = we([
+Y = ke([
   u("pigeon-button-panel")
 ], Y);
-var ir = Object.defineProperty, rr = Object.getOwnPropertyDescriptor, so = (e, t, o, r) => {
-  for (var i = r > 1 ? void 0 : r ? rr(t, o) : t, n = e.length - 1, a; n >= 0; n--)
+var nr = Object.defineProperty, ar = Object.getOwnPropertyDescriptor, lo = (e, t, o, r) => {
+  for (var i = r > 1 ? void 0 : r ? ar(t, o) : t, n = e.length - 1, a; n >= 0; n--)
     (a = e[n]) && (i = (r ? a(t, o, i) : a(i)) || i);
-  return r && i && ir(t, o, i), i;
+  return r && i && nr(t, o, i), i;
 };
 let et = class extends g {
   get _layouts() {
@@ -5882,18 +5906,18 @@ et.styles = [
       }
     `
 ];
-so([
+lo([
   p({ type: Object })
 ], et.prototype, "row", 2);
-et = so([
+et = lo([
   u("pigeon-row-panel")
 ], et);
-var nr = Object.defineProperty, ar = Object.getOwnPropertyDescriptor, st = (e, t, o, r) => {
-  for (var i = r > 1 ? void 0 : r ? ar(t, o) : t, n = e.length - 1, a; n >= 0; n--)
+var sr = Object.defineProperty, lr = Object.getOwnPropertyDescriptor, st = (e, t, o, r) => {
+  for (var i = r > 1 ? void 0 : r ? lr(t, o) : t, n = e.length - 1, a; n >= 0; n--)
     (a = e[n]) && (i = (r ? a(t, o, i) : a(i)) || i);
-  return r && i && nr(t, o, i), i;
+  return r && i && sr(t, o, i), i;
 };
-const Jt = [
+const Zt = [
   { label: "Arial", value: "Arial, Helvetica, sans-serif" },
   { label: "Georgia", value: "Georgia, Times, serif" },
   { label: "Courier New", value: "'Courier New', Courier, monospace" },
@@ -5902,13 +5926,13 @@ const Jt = [
   { label: "Trebuchet MS", value: "'Trebuchet MS', sans-serif" },
   { label: "Times New Roman", value: "'Times New Roman', Times, serif" }
 ];
-let fe = class extends g {
+let me = class extends g {
   constructor() {
     super(...arguments), this.label = s("control.fontPicker.label"), this.value = "", this.brandFonts = [];
   }
   get _options() {
-    const e = new Set(Jt.map((o) => o.value)), t = this.brandFonts.filter((o) => !e.has(o.family)).map((o) => ({ label: o.name, value: o.family }));
-    return [...Jt, ...t];
+    const e = new Set(Zt.map((o) => o.value)), t = this.brandFonts.filter((o) => !e.has(o.family)).map((o) => ({ label: o.name, value: o.family }));
+    return [...Zt, ...t];
   }
   render() {
     return l`
@@ -5930,7 +5954,7 @@ let fe = class extends g {
     );
   }
 };
-fe.styles = b`
+me.styles = b`
     :host {
       display: block;
       margin-bottom: 12px;
@@ -5958,24 +5982,24 @@ fe.styles = b`
   `;
 st([
   p({ type: String })
-], fe.prototype, "label", 2);
+], me.prototype, "label", 2);
 st([
   p({ type: String })
-], fe.prototype, "value", 2);
+], me.prototype, "value", 2);
 st([
   p({ attribute: !1 })
-], fe.prototype, "brandFonts", 2);
-fe = st([
+], me.prototype, "brandFonts", 2);
+me = st([
   u("pigeon-font-picker")
-], fe);
-var sr = Object.defineProperty, lr = Object.getOwnPropertyDescriptor, Z = (e, t, o, r) => {
-  for (var i = r > 1 ? void 0 : r ? lr(t, o) : t, n = e.length - 1, a; n >= 0; n--)
+], me);
+var pr = Object.defineProperty, cr = Object.getOwnPropertyDescriptor, Z = (e, t, o, r) => {
+  for (var i = r > 1 ? void 0 : r ? cr(t, o) : t, n = e.length - 1, a; n >= 0; n--)
     (a = e[n]) && (i = (r ? a(t, o, i) : a(i)) || i);
-  return r && i && sr(t, o, i), i;
+  return r && i && pr(t, o, i), i;
 };
 let A = class extends g {
   constructor() {
-    super(...arguments), this.mergeTags = [], this.swatches = [], this.brandFonts = [], this._pickerOpen = !1, this._pickerX = 0, this._pickerY = 0, this._previewInputRef = ue(), this._triggerRef = ue();
+    super(...arguments), this.mergeTags = [], this.swatches = [], this.brandFonts = [], this._pickerOpen = !1, this._pickerX = 0, this._pickerY = 0, this._previewInputRef = be(), this._triggerRef = be();
   }
   render() {
     if (!this.doc) return l``;
@@ -6033,14 +6057,14 @@ let A = class extends g {
         <div class="label-row">
           <label>${s("panel.body.previewText")}</label>
           ${this.mergeTags.length > 0 ? l`
-            <button class="tag-btn" ${be(this._triggerRef)} @click=${this._togglePicker} title=${s("panel.common.insertMergeTag")}>
+            <button class="tag-btn" ${ve(this._triggerRef)} @click=${this._togglePicker} title=${s("panel.common.insertMergeTag")}>
               ${s("panel.common.tagBtn")}
             </button>
           ` : ""}
         </div>
         <input
           type="text"
-          ${be(this._previewInputRef)}
+          ${ve(this._previewInputRef)}
           .value=${this.doc.metadata.previewText ?? ""}
           placeholder=${s("panel.body.previewTextPlaceholder")}
           @change=${this._onPreviewTextChange}
@@ -6200,10 +6224,10 @@ Z([
 A = Z([
   u("pigeon-body-panel")
 ], A);
-var pr = Object.defineProperty, cr = Object.getOwnPropertyDescriptor, Q = (e, t, o, r) => {
-  for (var i = r > 1 ? void 0 : r ? cr(t, o) : t, n = e.length - 1, a; n >= 0; n--)
+var dr = Object.defineProperty, hr = Object.getOwnPropertyDescriptor, Q = (e, t, o, r) => {
+  for (var i = r > 1 ? void 0 : r ? hr(t, o) : t, n = e.length - 1, a; n >= 0; n--)
     (a = e[n]) && (i = (r ? a(t, o, i) : a(i)) || i);
-  return r && i && pr(t, o, i), i;
+  return r && i && dr(t, o, i), i;
 };
 let B = class extends g {
   constructor() {
@@ -6383,12 +6407,12 @@ Q([
 B = Q([
   u("pigeon-hero-panel")
 ], B);
-var dr = Object.defineProperty, hr = Object.getOwnPropertyDescriptor, Ke = (e, t, o, r) => {
-  for (var i = r > 1 ? void 0 : r ? hr(t, o) : t, n = e.length - 1, a; n >= 0; n--)
+var gr = Object.defineProperty, ur = Object.getOwnPropertyDescriptor, Ke = (e, t, o, r) => {
+  for (var i = r > 1 ? void 0 : r ? ur(t, o) : t, n = e.length - 1, a; n >= 0; n--)
     (a = e[n]) && (i = (r ? a(t, o, i) : a(i)) || i);
-  return r && i && dr(t, o, i), i;
+  return r && i && gr(t, o, i), i;
 };
-let ne = class extends g {
+let ae = class extends g {
   constructor() {
     super(...arguments), this.rowId = "", this.columnId = "", this.swatches = [];
   }
@@ -6525,7 +6549,7 @@ let ne = class extends g {
     this._emit({ padding: e.detail.value });
   }
 };
-ne.styles = [
+ae.styles = [
   C,
   b`
       h4 {
@@ -6587,25 +6611,25 @@ ne.styles = [
 ];
 Ke([
   p({ type: Object })
-], ne.prototype, "block", 2);
+], ae.prototype, "block", 2);
 Ke([
   p({ type: String })
-], ne.prototype, "rowId", 2);
+], ae.prototype, "rowId", 2);
 Ke([
   p({ type: String })
-], ne.prototype, "columnId", 2);
+], ae.prototype, "columnId", 2);
 Ke([
   p({ attribute: !1 })
-], ne.prototype, "swatches", 2);
-ne = Ke([
+], ae.prototype, "swatches", 2);
+ae = Ke([
   u("pigeon-navbar-panel")
-], ne);
-var gr = Object.defineProperty, ur = Object.getOwnPropertyDescriptor, We = (e, t, o, r) => {
-  for (var i = r > 1 ? void 0 : r ? ur(t, o) : t, n = e.length - 1, a; n >= 0; n--)
+], ae);
+var br = Object.defineProperty, vr = Object.getOwnPropertyDescriptor, We = (e, t, o, r) => {
+  for (var i = r > 1 ? void 0 : r ? vr(t, o) : t, n = e.length - 1, a; n >= 0; n--)
     (a = e[n]) && (i = (r ? a(t, o, i) : a(i)) || i);
-  return r && i && gr(t, o, i), i;
+  return r && i && br(t, o, i), i;
 };
-let ae = class extends g {
+let se = class extends g {
   constructor() {
     super(...arguments), this.rowId = "", this.columnId = "", this.swatches = [];
   }
@@ -6686,28 +6710,28 @@ let ae = class extends g {
     this._emit({ padding: e.detail.value });
   }
 };
-ae.styles = C;
+se.styles = C;
 We([
   p({ type: Object })
-], ae.prototype, "block", 2);
+], se.prototype, "block", 2);
 We([
   p({ type: String })
-], ae.prototype, "rowId", 2);
+], se.prototype, "rowId", 2);
 We([
   p({ type: String })
-], ae.prototype, "columnId", 2);
+], se.prototype, "columnId", 2);
 We([
   p({ attribute: !1 })
-], ae.prototype, "swatches", 2);
-ae = We([
+], se.prototype, "swatches", 2);
+se = We([
   u("pigeon-divider-panel")
-], ae);
-var br = Object.defineProperty, vr = Object.getOwnPropertyDescriptor, lt = (e, t, o, r) => {
-  for (var i = r > 1 ? void 0 : r ? vr(t, o) : t, n = e.length - 1, a; n >= 0; n--)
+], se);
+var fr = Object.defineProperty, mr = Object.getOwnPropertyDescriptor, lt = (e, t, o, r) => {
+  for (var i = r > 1 ? void 0 : r ? mr(t, o) : t, n = e.length - 1, a; n >= 0; n--)
     (a = e[n]) && (i = (r ? a(t, o, i) : a(i)) || i);
-  return r && i && br(t, o, i), i;
+  return r && i && fr(t, o, i), i;
 };
-let me = class extends g {
+let _e = class extends g {
   constructor() {
     super(...arguments), this.rowId = "", this.columnId = "";
   }
@@ -6744,25 +6768,25 @@ let me = class extends g {
     this._emit({ height: e.detail.value });
   }
 };
-me.styles = C;
+_e.styles = C;
 lt([
   p({ type: Object })
-], me.prototype, "block", 2);
+], _e.prototype, "block", 2);
 lt([
   p({ type: String })
-], me.prototype, "rowId", 2);
+], _e.prototype, "rowId", 2);
 lt([
   p({ type: String })
-], me.prototype, "columnId", 2);
-me = lt([
+], _e.prototype, "columnId", 2);
+_e = lt([
   u("pigeon-spacer-panel")
-], me);
-var fr = Object.defineProperty, mr = Object.getOwnPropertyDescriptor, pt = (e, t, o, r) => {
-  for (var i = r > 1 ? void 0 : r ? mr(t, o) : t, n = e.length - 1, a; n >= 0; n--)
+], _e);
+var _r = Object.defineProperty, yr = Object.getOwnPropertyDescriptor, pt = (e, t, o, r) => {
+  for (var i = r > 1 ? void 0 : r ? yr(t, o) : t, n = e.length - 1, a; n >= 0; n--)
     (a = e[n]) && (i = (r ? a(t, o, i) : a(i)) || i);
-  return r && i && fr(t, o, i), i;
+  return r && i && _r(t, o, i), i;
 };
-const _r = [
+const xr = [
   "facebook",
   "twitter",
   "instagram",
@@ -6771,7 +6795,7 @@ const _r = [
   "tiktok",
   "custom"
 ];
-let _e = class extends g {
+let ye = class extends g {
   constructor() {
     super(...arguments), this.rowId = "", this.columnId = "";
   }
@@ -6791,7 +6815,7 @@ let _e = class extends g {
           <div class="field">
             <label>${s("panel.social.network")}</label>
             <select @change=${(r) => this._onIconTypeChange(o, r)}>
-              ${_r.map((r) => l`
+              ${xr.map((r) => l`
                 <option value=${r} ?selected=${t.type === r}>${r}</option>
               `)}
             </select>
@@ -6915,7 +6939,7 @@ let _e = class extends g {
     this._emit({ padding: e.detail.value });
   }
 };
-_e.styles = [
+ye.styles = [
   C,
   b`
       h4 {
@@ -6977,24 +7001,24 @@ _e.styles = [
 ];
 pt([
   p({ type: Object })
-], _e.prototype, "block", 2);
+], ye.prototype, "block", 2);
 pt([
   p({ type: String })
-], _e.prototype, "rowId", 2);
+], ye.prototype, "rowId", 2);
 pt([
   p({ type: String })
-], _e.prototype, "columnId", 2);
-_e = pt([
+], ye.prototype, "columnId", 2);
+ye = pt([
   u("pigeon-social-panel")
-], _e);
-var yr = Object.defineProperty, xr = Object.getOwnPropertyDescriptor, ee = (e, t, o, r) => {
-  for (var i = r > 1 ? void 0 : r ? xr(t, o) : t, n = e.length - 1, a; n >= 0; n--)
+], ye);
+var $r = Object.defineProperty, wr = Object.getOwnPropertyDescriptor, ee = (e, t, o, r) => {
+  for (var i = r > 1 ? void 0 : r ? wr(t, o) : t, n = e.length - 1, a; n >= 0; n--)
     (a = e[n]) && (i = (r ? a(t, o, i) : a(i)) || i);
-  return r && i && yr(t, o, i), i;
+  return r && i && $r(t, o, i), i;
 };
 let j = class extends g {
   constructor() {
-    super(...arguments), this.rowId = "", this.columnId = "", this.mergeTags = [], this._pickerOpen = !1, this._pickerX = 0, this._pickerY = 0, this._textareaRef = ue(), this._triggerRef = ue();
+    super(...arguments), this.rowId = "", this.columnId = "", this.mergeTags = [], this._pickerOpen = !1, this._pickerX = 0, this._pickerY = 0, this._textareaRef = be(), this._triggerRef = be();
   }
   render() {
     if (!this.block) return l``;
@@ -7006,13 +7030,13 @@ let j = class extends g {
         <div class="label-row">
           <label>${s("panel.html.rawHtml")}</label>
           ${t ? l`
-            <button class="tag-btn" ${be(this._triggerRef)} @click=${this._togglePicker} title=${s("panel.common.insertMergeTag")}>
+            <button class="tag-btn" ${ve(this._triggerRef)} @click=${this._togglePicker} title=${s("panel.common.insertMergeTag")}>
               ${s("panel.common.tagBtn")}
             </button>
           ` : ""}
         </div>
         <textarea
-          ${be(this._textareaRef)}
+          ${ve(this._textareaRef)}
           .value=${e.content}
           @change=${this._onContentChange}
         ></textarea>
@@ -7141,10 +7165,10 @@ ee([
 j = ee([
   u("pigeon-html-panel")
 ], j);
-var $r = Object.defineProperty, wr = Object.getOwnPropertyDescriptor, ke = (e, t, o, r) => {
-  for (var i = r > 1 ? void 0 : r ? wr(t, o) : t, n = e.length - 1, a; n >= 0; n--)
+var kr = Object.defineProperty, Cr = Object.getOwnPropertyDescriptor, Ce = (e, t, o, r) => {
+  for (var i = r > 1 ? void 0 : r ? Cr(t, o) : t, n = e.length - 1, a; n >= 0; n--)
     (a = e[n]) && (i = (r ? a(t, o, i) : a(i)) || i);
-  return r && i && $r(t, o, i), i;
+  return r && i && kr(t, o, i), i;
 };
 let q = class extends g {
   constructor() {
@@ -7257,28 +7281,28 @@ let q = class extends g {
   }
 };
 q.styles = C;
-ke([
+Ce([
   p({ type: Object })
 ], q.prototype, "block", 2);
-ke([
+Ce([
   p({ type: String })
 ], q.prototype, "rowId", 2);
-ke([
+Ce([
   p({ type: String })
 ], q.prototype, "columnId", 2);
-ke([
+Ce([
   p({ type: String })
 ], q.prototype, "label", 2);
-ke([
+Ce([
   p({ type: Array })
 ], q.prototype, "schema", 2);
-q = ke([
+q = Ce([
   u("pigeon-custom-panel")
 ], q);
-var kr = Object.defineProperty, Cr = Object.getOwnPropertyDescriptor, F = (e, t, o, r) => {
-  for (var i = r > 1 ? void 0 : r ? Cr(t, o) : t, n = e.length - 1, a; n >= 0; n--)
+var Ir = Object.defineProperty, Pr = Object.getOwnPropertyDescriptor, F = (e, t, o, r) => {
+  for (var i = r > 1 ? void 0 : r ? Pr(t, o) : t, n = e.length - 1, a; n >= 0; n--)
     (a = e[n]) && (i = (r ? a(t, o, i) : a(i)) || i);
-  return r && i && kr(t, o, i), i;
+  return r && i && Ir(t, o, i), i;
 };
 let T = class extends g {
   constructor() {
@@ -7386,7 +7410,7 @@ let T = class extends g {
       hero: "Hero",
       navbar: "Navbar"
     }, o = e.type;
-    return t[o] ?? ((r = _t(o)) == null ? void 0 : r.label) ?? o;
+    return t[o] ?? ((r = yt(o)) == null ? void 0 : r.label) ?? o;
   }
   _renderBlockPanel(e, t, o) {
     switch (e.type) {
@@ -7422,7 +7446,7 @@ let T = class extends g {
       case "html":
         return l`<pigeon-html-panel .block=${e} .rowId=${t} .columnId=${o} .mergeTags=${this.mergeTags}></pigeon-html-panel>`;
       default: {
-        const r = e.type ?? "unknown", i = _t(r);
+        const r = e.type ?? "unknown", i = yt(r);
         return i != null && i.propertySchema && i.propertySchema.length > 0 ? l`<pigeon-custom-panel
             .block=${e}
             .rowId=${t}
@@ -7561,10 +7585,10 @@ F([
 T = F([
   u("pigeon-properties")
 ], T);
-var Ir = Object.defineProperty, Pr = Object.getOwnPropertyDescriptor, S = (e, t, o, r) => {
-  for (var i = r > 1 ? void 0 : r ? Pr(t, o) : t, n = e.length - 1, a; n >= 0; n--)
+var Tr = Object.defineProperty, Sr = Object.getOwnPropertyDescriptor, S = (e, t, o, r) => {
+  for (var i = r > 1 ? void 0 : r ? Sr(t, o) : t, n = e.length - 1, a; n >= 0; n--)
     (a = e[n]) && (i = (r ? a(t, o, i) : a(i)) || i);
-  return r && i && Ir(t, o, i), i;
+  return r && i && Tr(t, o, i), i;
 };
 let k = class extends g {
   constructor() {
@@ -7893,16 +7917,16 @@ S([
 k = S([
   u("pigeon-preview")
 ], k);
-var Tr = Object.defineProperty, Sr = Object.getOwnPropertyDescriptor, $ = (e, t, o, r) => {
-  for (var i = r > 1 ? void 0 : r ? Sr(t, o) : t, n = e.length - 1, a; n >= 0; n--)
+var Or = Object.defineProperty, Dr = Object.getOwnPropertyDescriptor, $ = (e, t, o, r) => {
+  for (var i = r > 1 ? void 0 : r ? Dr(t, o) : t, n = e.length - 1, a; n >= 0; n--)
     (a = e[n]) && (i = (r ? a(t, o, i) : a(i)) || i);
-  return r && i && Tr(t, o, i), i;
+  return r && i && Or(t, o, i), i;
 };
-let mt = null;
-function Or() {
-  return mt || (mt = import("./templates.js").then((e) => e.p)), mt;
+let _t = null;
+function Er() {
+  return _t || (_t = import("./templates.js").then((e) => e.p)), _t;
 }
-function Zt(e) {
+function Qt(e) {
   return e.toLowerCase().normalize("NFKD").replace(/[̀-ͯ]/g, "").replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "") || `template-${Date.now()}`;
 }
 let _ = class extends g {
@@ -7939,16 +7963,16 @@ let _ = class extends g {
       o.values.src = t.src, o.values.alt = t.name, t.width && (o.values.width = t.width);
       const r = this._state.selection;
       if (r != null && r.rowId && (r != null && r.columnId)) {
-        pe(r.rowId, r.columnId, o)(this._state, this._dispatch);
+        ce(r.rowId, r.columnId, o)(this._state, this._dispatch);
         return;
       }
       const i = this._state.doc.body.rows;
       if (i.length > 0) {
         const n = i[i.length - 1], a = n.columns[0];
-        pe(n.id, a.id, o, a.blocks.length)(this._state, this._dispatch);
+        ce(n.id, a.id, o, a.blocks.length)(this._state, this._dispatch);
       } else {
         const n = Ie([o]);
-        te(Pe([n]), 0)(this._state, this._dispatch);
+        oe(Pe([n]), 0)(this._state, this._dispatch);
       }
     }, this._dispatch = (e) => {
       this._state = this._state.apply(e), this._syncHistoryFlags(), this.requestUpdate(), this._fireChange(), this._fireSelect();
@@ -7958,7 +7982,7 @@ let _ = class extends g {
       const o = window.prompt("Name this saved row");
       if (!o || !o.trim()) return;
       const r = (/* @__PURE__ */ new Date()).toISOString(), i = {
-        id: Zt(o),
+        id: Qt(o),
         name: o.trim(),
         kind: "row",
         node: structuredClone(t),
@@ -7971,11 +7995,11 @@ let _ = class extends g {
         this._emitRowLibraryError(n, "save");
       }
     }, this._handleRowInsertSaved = (e) => {
-      const t = Bt(e.detail.node);
-      te(t, e.detail.index)(this._state, this._dispatch);
+      const t = jt(e.detail.node);
+      oe(t, e.detail.index)(this._state, this._dispatch);
     }, this._handleLibraryInsert = (e) => {
-      const t = Bt(e.detail.node);
-      te(t, this._state.doc.body.rows.length)(this._state, this._dispatch);
+      const t = jt(e.detail.node);
+      oe(t, this._state.doc.body.rows.length)(this._state, this._dispatch);
     }, this._handleLibraryDelete = async (e) => {
       try {
         await this._resolveRowLibrary().delete(e.detail.id), await this._refreshSavedTab();
@@ -7995,16 +8019,16 @@ let _ = class extends g {
       }
       if (e.key === "Escape") {
         const r = this._state.createTransaction();
-        r.setSelection(jt()), this._dispatch(r);
+        r.setSelection(Rt()), this._dispatch(r);
         return;
       }
       if (o) {
         if (e.key === "Delete" || e.key === "Backspace") {
-          o.type === "block" && o.rowId && o.columnId && o.blockId ? (e.preventDefault(), co(o.rowId, o.columnId, o.blockId)(this._state, this._dispatch)) : o.type === "row" && o.rowId && (e.preventDefault(), Rt(o.rowId)(this._state, this._dispatch));
+          o.type === "block" && o.rowId && o.columnId && o.blockId ? (e.preventDefault(), ho(o.rowId, o.columnId, o.blockId)(this._state, this._dispatch)) : o.type === "row" && o.rowId && (e.preventDefault(), Lt(o.rowId)(this._state, this._dispatch));
           return;
         }
         if (t && e.key.toLowerCase() === "d") {
-          o.type === "block" && o.rowId && o.columnId && o.blockId ? (e.preventDefault(), ho(o.rowId, o.columnId, o.blockId)(this._state, this._dispatch)) : o.type === "row" && o.rowId && (e.preventDefault(), Lt(o.rowId)(this._state, this._dispatch));
+          o.type === "block" && o.rowId && o.columnId && o.blockId ? (e.preventDefault(), go(o.rowId, o.columnId, o.blockId)(this._state, this._dispatch)) : o.type === "row" && o.rowId && (e.preventDefault(), zt(o.rowId)(this._state, this._dispatch));
           return;
         }
         if (e.key === "ArrowDown" || e.key === "ArrowUp") {
@@ -8024,13 +8048,13 @@ let _ = class extends g {
           if (o.type === "block" && o.rowId && o.columnId && o.blockId) {
             e.preventDefault();
             const r = structuredClone(this._clipboard);
-            r.id = zt();
+            r.id = Mt();
             const i = this._findBlockIndex(o.rowId, o.columnId, o.blockId), n = i >= 0 ? i + 1 : void 0;
-            pe(o.rowId, o.columnId, r, n)(this._state, this._dispatch);
+            ce(o.rowId, o.columnId, r, n)(this._state, this._dispatch);
           } else if (o.type === "column" && o.rowId && o.columnId) {
             e.preventDefault();
             const r = structuredClone(this._clipboard);
-            r.id = zt(), pe(o.rowId, o.columnId, r)(this._state, this._dispatch);
+            r.id = Mt(), ce(o.rowId, o.columnId, r)(this._state, this._dispatch);
           }
           return;
         }
@@ -8041,13 +8065,13 @@ let _ = class extends g {
   /*  Lifecycle                                                          */
   /* ------------------------------------------------------------------ */
   connectedCallback() {
-    super.connectedCallback(), At(this.config.locale, this.config.messages), this._initState(), this._applyDir(), this._resolveBrandKit(), this._applyTheme(), document.addEventListener("keydown", this._handleKeyDown), this.addEventListener("brand-kit-edit", this._handleBrandKitEdit), this.addEventListener("brand-color-apply", this._handleBrandColorApply), this.addEventListener("brand-font-apply", this._handleBrandFontApply), this.addEventListener("brand-logo-insert", this._handleBrandLogoInsert);
+    super.connectedCallback(), Bt(this.config.locale, this.config.messages), this._initState(), this._applyDir(), this._resolveBrandKit(), this._applyTheme(), document.addEventListener("keydown", this._handleKeyDown), this.addEventListener("brand-kit-edit", this._handleBrandKitEdit), this.addEventListener("brand-color-apply", this._handleBrandColorApply), this.addEventListener("brand-font-apply", this._handleBrandFontApply), this.addEventListener("brand-logo-insert", this._handleBrandLogoInsert);
   }
   disconnectedCallback() {
     super.disconnectedCallback(), document.removeEventListener("keydown", this._handleKeyDown), this.removeEventListener("brand-kit-edit", this._handleBrandKitEdit), this.removeEventListener("brand-color-apply", this._handleBrandColorApply), this.removeEventListener("brand-font-apply", this._handleBrandFontApply), this.removeEventListener("brand-logo-insert", this._handleBrandLogoInsert);
   }
   updated(e) {
-    e.has("document") && this._state && this.document && this.document !== this._state.doc && this.loadDocument(this.document), e.has("_fullscreen") && (this._fullscreen ? this.setAttribute("fullscreen", "") : this.removeAttribute("fullscreen")), (e.has("theme") || e.has("themeOverrides")) && this._applyTheme(), e.has("config") && (At(this.config.locale, this.config.messages), this._applyDir(), this._resolveBrandKit());
+    e.has("document") && this._state && this.document && this.document !== this._state.doc && this.loadDocument(this.document), e.has("_fullscreen") && (this._fullscreen ? this.setAttribute("fullscreen", "") : this.removeAttribute("fullscreen")), (e.has("theme") || e.has("themeOverrides")) && this._applyTheme(), e.has("config") && (Bt(this.config.locale, this.config.messages), this._applyDir(), this._resolveBrandKit());
   }
   /**
    * Set the host `dir` attribute based on `config.locale` and `config.dir`.
@@ -8056,7 +8080,7 @@ let _ = class extends g {
    * bidirectional layout support.
    */
   _applyDir() {
-    this.setAttribute("dir", lo(this.config.locale, this.config.dir));
+    this.setAttribute("dir", po(this.config.locale, this.config.dir));
   }
   /**
    * Sync the active `theme` to the host classes the token sheet keys off, and
@@ -8082,19 +8106,19 @@ let _ = class extends g {
   }
   /** Replaces the document entirely (resets history). */
   loadDocument(e) {
-    this._state = Mt.create({
+    this._state = Ht.create({
       doc: e,
-      plugins: [Ht()],
+      plugins: [Ft()],
       ...this.config
     }), this._syncHistoryFlags(), this.requestUpdate(), this._fireChange();
   }
   /** Undo the last change. */
   undo() {
-    return go(this._state, this._dispatch);
+    return uo(this._state, this._dispatch);
   }
   /** Redo the last undone change. */
   redo() {
-    return uo(this._state, this._dispatch);
+    return bo(this._state, this._dispatch);
   }
   /** Export the document as JSON. */
   exportJson() {
@@ -8228,13 +8252,13 @@ let _ = class extends g {
   /*  Templates                                                          */
   /* ------------------------------------------------------------------ */
   _resolveTemplateStorage() {
-    return this.templateStorage ? this.templateStorage : (this._defaultTemplateStorage || (this._defaultTemplateStorage = new bo()), this._defaultTemplateStorage);
+    return this.templateStorage ? this.templateStorage : (this._defaultTemplateStorage || (this._defaultTemplateStorage = new vo()), this._defaultTemplateStorage);
   }
   _resolveRowLibrary() {
-    return this.config.rowLibrary ? this.config.rowLibrary : (this._defaultRowLibrary || (this._defaultRowLibrary = new vo()), this._defaultRowLibrary);
+    return this.config.rowLibrary ? this.config.rowLibrary : (this._defaultRowLibrary || (this._defaultRowLibrary = new fo()), this._defaultRowLibrary);
   }
   _linkTypes() {
-    return [...fo, ...this.config.linkTypes ?? []];
+    return [...mo, ...this.config.linkTypes ?? []];
   }
   /**
    * Resolve `config.brandKit` into a single active kit. A plain `BrandKit` is
@@ -8288,7 +8312,7 @@ let _ = class extends g {
     o.addStep(n), this._dispatch(o);
   }
   async _handleTemplatesOpen() {
-    this._templatePickerLoaded || (await Or(), this._templatePickerLoaded = !0), this._templatePickerOpen = !0;
+    this._templatePickerLoaded || (await Er(), this._templatePickerLoaded = !0), this._templatePickerOpen = !0;
   }
   _handleTemplateLoad(e) {
     var o;
@@ -8299,7 +8323,7 @@ let _ = class extends g {
   async _handleTemplateSave(e) {
     e.stopPropagation();
     const { name: t, description: o, category: r } = e.detail, i = this._resolveTemplateStorage(), n = (/* @__PURE__ */ new Date()).toISOString(), a = {
-      id: Zt(t),
+      id: Qt(t),
       name: t,
       description: o,
       category: r,
@@ -8317,12 +8341,12 @@ let _ = class extends g {
   /*  Internal: state init & dispatch                                    */
   /* ------------------------------------------------------------------ */
   _initState() {
-    const e = this.document ?? this.config.doc ?? mo(), t = this.config.plugins ?? [];
-    t.some((r) => r.name === Ft) || t.unshift(Ht()), this._state = Mt.create({ doc: e, plugins: t }), this._syncHistoryFlags();
+    const e = this.document ?? this.config.doc ?? _o(), t = this.config.plugins ?? [];
+    t.some((r) => r.name === Nt) || t.unshift(Ft()), this._state = Ht.create({ doc: e, plugins: t }), this._syncHistoryFlags();
   }
   _syncHistoryFlags() {
-    const e = this._state.getPluginState(Ft);
-    this._canUndo = e ? _o(e) : !1, this._canRedo = e ? yo(e) : !1;
+    const e = this._state.getPluginState(Nt);
+    this._canUndo = e ? yo(e) : !1, this._canRedo = e ? xo(e) : !1;
   }
   /* ------------------------------------------------------------------ */
   /*  Internal: event emitters                                           */
@@ -8425,29 +8449,29 @@ let _ = class extends g {
   _handleRowSelect(e) {
     this._editingBlockId = null;
     const t = this._state.createTransaction();
-    t.setSelection(Nt(e.detail.rowId)), this._dispatch(t);
+    t.setSelection(Ut(e.detail.rowId)), this._dispatch(t);
   }
   _handleColumnSelect(e) {
     this._editingBlockId = null;
     const t = this._state.createTransaction();
-    t.setSelection(xo(e.detail.rowId, e.detail.columnId)), this._dispatch(t);
+    t.setSelection($o(e.detail.rowId, e.detail.columnId)), this._dispatch(t);
   }
   _handleBodySelect() {
     this._editingBlockId = null;
     const e = this._state.createTransaction();
-    e.setSelection(jt()), this._dispatch(e);
+    e.setSelection(Rt()), this._dispatch(e);
   }
   /* ------------------------------------------------------------------ */
   /*  Row action handlers                                                */
   /* ------------------------------------------------------------------ */
   _handleRowMove(e) {
-    $o(e.detail.rowId, e.detail.toIndex)(this._state, this._dispatch);
+    wo(e.detail.rowId, e.detail.toIndex)(this._state, this._dispatch);
   }
   _handleRowDuplicate(e) {
-    Lt(e.detail.rowId)(this._state, this._dispatch);
+    zt(e.detail.rowId)(this._state, this._dispatch);
   }
   _handleRowDelete(e) {
-    Rt(e.detail.rowId)(this._state, this._dispatch);
+    Lt(e.detail.rowId)(this._state, this._dispatch);
   }
   async _refreshSavedTab() {
     var o;
@@ -8504,7 +8528,7 @@ let _ = class extends g {
     const i = r + e;
     if (i < 0 || i >= o.length) return;
     const n = this._state.createTransaction();
-    n.setSelection(Nt(o[i].id)), this._dispatch(n);
+    n.setSelection(Ut(o[i].id)), this._dispatch(n);
   }
   _findBlock(e, t, o) {
     const r = this._state.doc.body.rows.find((n) => n.id === e);
@@ -8524,14 +8548,14 @@ let _ = class extends g {
   /* ------------------------------------------------------------------ */
   _handleRowDrop(e) {
     const { index: t, columnCount: o } = e.detail, r = Array.from({ length: o }, () => Ie()), i = Pe(r);
-    te(i, t)(this._state, this._dispatch);
+    oe(i, t)(this._state, this._dispatch);
   }
   _handleBlockDrop(e) {
     const { rowId: t, columnId: o, index: r, dragData: i } = e.detail;
     if (i.type === "palette-block" && i.blockType) {
       const n = Ye(i.blockType);
-      pe(t, o, n, r)(this._state, this._dispatch);
-    } else i.type === "existing-block" && i.blockId && i.rowId && i.columnId && wo(
+      ce(t, o, n, r)(this._state, this._dispatch);
+    } else i.type === "existing-block" && i.blockId && i.rowId && i.columnId && ko(
       i.rowId,
       i.columnId,
       i.blockId,
@@ -8542,7 +8566,7 @@ let _ = class extends g {
   }
   _handleBlockDropNewRow(e) {
     const { blockType: t, rowIndex: o } = e.detail, r = Ye(t), i = Ie([r]), n = Pe([i]);
-    te(n, o)(this._state, this._dispatch);
+    oe(n, o)(this._state, this._dispatch);
   }
   /**
    * Keyboard equivalent of dragging a palette item onto the canvas: append the
@@ -8553,20 +8577,20 @@ let _ = class extends g {
     const { type: t, blockType: o, columnCount: r } = e.detail, i = this._state.doc.body.rows;
     if (t === "palette-row") {
       const a = Array.from({ length: r }, () => Ie());
-      te(Pe(a), i.length)(this._state, this._dispatch);
+      oe(Pe(a), i.length)(this._state, this._dispatch);
       return;
     }
     if (!o) return;
     const n = Ye(o);
     if (i.length > 0) {
       const a = i[i.length - 1], h = a.columns[0];
-      pe(a.id, h.id, n, h.blocks.length)(
+      ce(a.id, h.id, n, h.blocks.length)(
         this._state,
         this._dispatch
       );
     } else {
       const a = Ie([n]);
-      te(Pe([a]), 0)(this._state, this._dispatch);
+      oe(Pe([a]), 0)(this._state, this._dispatch);
     }
   }
   /* ------------------------------------------------------------------ */
@@ -8578,7 +8602,7 @@ let _ = class extends g {
   }
   _handleRowPropertyChange(e) {
     const { rowId: t, attributes: o } = e.detail;
-    ko(t, o)(this._state, this._dispatch);
+    Co(t, o)(this._state, this._dispatch);
   }
   _handleRowLayoutChange(e) {
     const { rowId: t, ratios: o, columnCount: r } = e.detail, i = this._state.doc.body.rows.find((c) => c.id === t);
@@ -8586,17 +8610,17 @@ let _ = class extends g {
     const n = i.columns.length, a = r;
     if (a > n)
       for (let c = 0; c < a - n; c++)
-        Co(t)(this._state, this._dispatch);
+        Io(t)(this._state, this._dispatch);
     else if (a < n)
       for (let c = 0; c < n - a; c++) {
         const v = this._state.doc.body.rows.find((m) => m.id === t);
         if (v && v.columns.length > 1) {
           const m = v.columns[v.columns.length - 1];
-          Io(t, m.id)(this._state, this._dispatch);
+          Po(t, m.id)(this._state, this._dispatch);
         }
       }
     const h = this._state.doc.body.rows.find((c) => c.id === t);
-    h && h.columns.length === o.length && Po(t, o)(this._state, this._dispatch);
+    h && h.columns.length === o.length && To(t, o)(this._state, this._dispatch);
   }
   _handleBodyPropertyChange(e) {
     const { attribute: t, metaField: o, value: r } = e.detail, i = this._state.createTransaction();
@@ -8630,7 +8654,7 @@ let _ = class extends g {
   }
 };
 _.styles = [
-  Oo,
+  Do,
   b`
       :host {
         display: flex;
@@ -8718,15 +8742,15 @@ export {
   Ne as PigeonAlignmentPicker,
   x as PigeonAssetManager,
   A as PigeonBodyPanel,
-  de as PigeonButtonBlock,
+  he as PigeonButtonBlock,
   Y as PigeonButtonPanel,
   P as PigeonCanvas,
-  ve as PigeonColorPicker,
+  fe as PigeonColorPicker,
   O as PigeonColumn,
   Be as PigeonDividerBlock,
   Ge as PigeonDropIndicator,
   _ as PigeonEditor,
-  he as PigeonHeroBlock,
+  ge as PigeonHeroBlock,
   B as PigeonHeroPanel,
   Le as PigeonHtmlBlock,
   Ae as PigeonImageBlock,
@@ -8734,7 +8758,7 @@ export {
   Ee as PigeonLayers,
   V as PigeonMergeTagPicker,
   ze as PigeonNavBarBlock,
-  ne as PigeonNavBarPanel,
+  ae as PigeonNavBarPanel,
   I as PigeonPalette,
   W as PigeonPaletteItem,
   k as PigeonPreview,
@@ -8745,15 +8769,15 @@ export {
   Re as PigeonSocialBlock,
   je as PigeonSpacerBlock,
   Ue as PigeonSpacingInput,
-  Fr as PigeonTemplatePicker,
-  ce as PigeonTextBlock,
+  Ur as PigeonTemplatePicker,
+  de as PigeonTextBlock,
   E as PigeonTextPanel,
   K as PigeonToolbar,
-  Vo as calculateBlockDropIndex,
-  Wo as calculateRowDropIndex,
+  Yo as calculateBlockDropIndex,
+  Vo as calculateRowDropIndex,
   Xe as clearDragData,
   De as getDragData,
-  zr as readDragTransfer,
-  Ao as setDragData,
-  $t as writeDragTransfer
+  Hr as readDragTransfer,
+  Bo as setDragData,
+  wt as writeDragTransfer
 };