@inpageedit/core 0.6.0 → 0.7.0

package/dist/{index-B7Ok-t-3.js.map → index-CheNjwas.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-B7Ok-t-3.js","sources":["../src/plugins/toolbox/index.tsx"],"sourcesContent":["import { Inject, InPageEdit, Schema, Service } from '@/InPageEdit'\nimport { ReactElement } from 'jsx-dom'\nimport './styles.scss'\n\ndeclare module '@/InPageEdit' {\n  interface InPageEdit {\n    toolbox: PluginToolbox\n  }\n  interface Events {\n    'toolbox/button-added'(payload: { ctx: InPageEdit; button: HTMLElement }): void\n    'toolbox/button-removed'(payload: { ctx: InPageEdit; id: string }): void\n  }\n}\n\n@RegisterPreferences(\n  Schema.object({\n    toolboxAlwaysShow: Schema.boolean()\n      .description('Make the toolbox opened by default')\n      .default(false),\n  }).description('Toolbox preferences')\n)\n@Inject(['preferences'])\nexport class PluginToolbox extends Service {\n  container!: HTMLElement\n\n  constructor(public ctx: InPageEdit) {\n    super(ctx, 'toolbox', false)\n  }\n\n  protected async start(): Promise<void> {\n    this.container = this.createToolbox()\n    this.ctx.preferences.get('toolboxAlwaysShow').then((val) => {\n      if (val) {\n        this.container.classList.add('is-persistent')\n      }\n    })\n    this.setupHoverLogic()\n    document.body.appendChild(this.container)\n\n    // 初始化时更新按钮延迟\n    this.updateButtonDelays()\n  }\n\n  protected stop(): void | Promise<void> {\n    this.container?.remove()\n  }\n\n  private setupHoverLogic() {\n    let hoverTimeout: number | null = null\n\n    // 检查是否处于持久化状态的辅助函数\n    const isPersistent = () => {\n      return this.container.classList.contains('is-persistent')\n    }\n\n    // 鼠标进入时暂时展开\n    this.container.addEventListener('mouseenter', () => {\n      if (hoverTimeout) {\n        clearTimeout(hoverTimeout)\n        hoverTimeout = null\n      }\n\n      // 如果不在持久化状态，则添加hover展开效果\n      if (!isPersistent()) {\n        this.container.classList.add('is-hovered')\n      }\n    })\n\n    // 鼠标离开时收起（如果不是持久化状态）\n    this.container.addEventListener('mouseleave', () => {\n      if (!isPersistent()) {\n        hoverTimeout = window.setTimeout(() => {\n          this.container.classList.remove('is-hovered')\n        }, 150) // 延迟150ms收起，避免快速移动鼠标时闪烁\n      }\n    })\n  }\n\n  /**\n   * 计算按钮动画延迟\n   * @param index 按钮索引（从0开始）\n   * @param totalCount 总按钮数量\n   * @returns 延迟时间（秒）\n   */\n  private calculateButtonDelay(index: number, totalCount: number): number {\n    if (totalCount <= 1) return 0\n\n    // 总动画时长150ms = 0.15s\n    const totalDuration = 0.15\n    // 使用平方根函数创建非线性延迟，差值逐渐缩小\n    const normalizedIndex = index / (totalCount - 1)\n    const delay = totalDuration * Math.sqrt(normalizedIndex)\n\n    return Math.round(delay * 1000) / 1000 // 保留3位小数\n  }\n\n  /**\n   * 更新按钮组的动画延迟\n   */\n  private updateButtonDelays() {\n    const btnGroups = this.container.querySelectorAll('.btn-group')\n\n    btnGroups.forEach((group) => {\n      const buttons = group.querySelectorAll('.btn-tip-group')\n      const totalCount = buttons.length\n\n      buttons.forEach((button, index) => {\n        const delay = this.calculateButtonDelay(index, totalCount)\n        ;(button as HTMLElement).style.setProperty('--transition-delay', `${delay}s`)\n        ;(button as HTMLElement).style.setProperty('--max-transition-delay', '0.15s')\n      })\n    })\n  }\n\n  private createToolbox() {\n    const toggler = (\n      <button\n        className=\"ipe-toolbox-btn\"\n        id=\"toolbox-toggler\"\n        onClick={() => {\n          const isPersistent = this.container.classList.contains('is-persistent')\n          const newPersistent = !isPersistent\n          this.container.classList.toggle('is-persistent', newPersistent)\n          this.ctx.preferences.set('toolboxAlwaysShow', newPersistent)\n        }}\n      >\n        {/* Font Awesome 5 Solid: Plus */}\n        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"448\" height=\"512\" viewBox=\"0 0 448 512\">\n          <rect width=\"448\" height=\"512\" fill=\"none\" />\n          <path\n            fill=\"currentColor\"\n            d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32\"\n          />\n        </svg>\n      </button>\n    )\n    const element = (\n      <div id=\"ipe-edit-toolbox\">\n        <ul className=\"btn-group group1\" style={{ display: 'flex', flexDirection: 'column' }}></ul>\n        <ul className=\"btn-group group2\" style={{ display: 'flex', flexDirection: 'row' }}></ul>\n        {toggler}\n      </div>\n    )\n\n    return element as HTMLElement\n  }\n\n  private normalizeButtonId(id: string) {\n    if (!id) {\n      id = Math.random().toString(36).substring(2, 8)\n    }\n    return `ipe-toolbox__${id.trim()}`.replace(/\\s\\.#/g, '-')\n  }\n\n  addButton(payload: {\n    id: string\n    group?: 'auto' | 'group1' | 'group2'\n    icon: string | HTMLElement | SVGElement | ReactElement\n    tooltip?: string | HTMLElement\n    buttonProps?: Record<string, any>\n    onClick?: (event: MouseEvent) => void\n    index?: number\n  }) {\n    let { id, group, icon, tooltip, buttonProps, onClick, index } = payload\n    id = this.normalizeButtonId(id)\n\n    const existingButton = this.container.querySelector(`#${id}`)\n    if (existingButton) {\n      this.ctx.logger('toolbox').warn(`Button with id ${id} already exists, replacing it.`)\n      existingButton.remove()\n    }\n\n    let groupEl: HTMLElement | null = null\n    if (typeof group === 'undefined' || group === 'auto') {\n      // 选择按钮最少的那一组，一样多就选第一组\n      const group1 = this.container.querySelector('.btn-group.group1') as HTMLElement\n      const group2 = this.container.querySelector('.btn-group.group2') as HTMLElement\n      const group1Count = group1?.children.length || 0\n      const group2Count = group2?.children.length || 0\n      groupEl = group1Count <= group2Count ? group1 : group2\n    } else {\n      groupEl = this.container.querySelector(`.btn-group.${group}`)\n    }\n    if (!groupEl) throw new Error(`Button group ${group} not found`)\n\n    const button = (\n      <li class=\"btn-tip-group\" id={id} onClick={onClick}>\n        <div class=\"btn-tip\">{tooltip}</div>\n        <button id={`${id}-btn`} class=\"ipe-toolbox-btn\" {...buttonProps}>\n          {icon}\n        </button>\n      </li>\n    )\n\n    if (typeof index === 'number') {\n      if (index <= 0) {\n        groupEl.prepend(button)\n      } else if (index >= groupEl.children.length) {\n        groupEl.appendChild(button)\n      } else {\n        groupEl.children[index]?.before(button)\n      }\n    } else {\n      groupEl.appendChild(button)\n    }\n\n    this.ctx.emit('toolbox/button-added', {\n      ctx: this.ctx,\n      button: button as HTMLElement,\n    })\n\n    // 更新按钮延迟\n    this.updateButtonDelays()\n\n    return button as HTMLElement\n  }\n\n  removeButton(id: string) {\n    const button = this.container.querySelector(`.ipe-toolbox-btn#${id}`)\n    button?.remove()\n    this.ctx.emit('toolbox/button-removed', { ctx: this.ctx, id })\n\n    // 更新按钮延迟\n    this.updateButtonDelays()\n  }\n}\n"],"names":["_PluginToolbox_decorators","_init","_a","RegisterPreferences","Schema","Inject","PluginToolbox","Service","ctx","val","hoverTimeout","isPersistent","index","totalCount","totalDuration","normalizedIndex","delay","group","buttons","button","jsxs","jsx","newPersistent","id","payload","icon","tooltip","buttonProps","onClick","existingButton","groupEl","group1","group2","group1Count","group2Count","__decoratorStart","__decorateElement","__runInitializers"],"mappings":"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"}
+{"version":3,"file":"index-CheNjwas.js","sources":["../src/plugins/toolbox/index.tsx"],"sourcesContent":["import { Inject, InPageEdit, Schema, Service } from '@/InPageEdit'\nimport { ReactElement } from 'jsx-dom'\nimport './styles.scss'\n\ndeclare module '@/InPageEdit' {\n  interface InPageEdit {\n    toolbox: PluginToolbox\n  }\n  interface Events {\n    'toolbox/button-added'(payload: { ctx: InPageEdit; button: HTMLElement }): void\n    'toolbox/button-removed'(payload: { ctx: InPageEdit; id: string }): void\n  }\n}\n\n@RegisterPreferences(\n  Schema.object({\n    toolboxAlwaysShow: Schema.boolean()\n      .description('Make the toolbox opened by default')\n      .default(false),\n  }).description('Toolbox preferences')\n)\n@Inject(['preferences'])\nexport class PluginToolbox extends Service {\n  container!: HTMLElement\n\n  constructor(public ctx: InPageEdit) {\n    super(ctx, 'toolbox', false)\n  }\n\n  protected async start(): Promise<void> {\n    this.container = this.createToolbox()\n    this.ctx.preferences.get('toolboxAlwaysShow').then((val) => {\n      if (val) {\n        this.container.classList.add('is-persistent')\n      }\n    })\n    this.setupHoverLogic()\n    document.body.appendChild(this.container)\n\n    // 初始化时更新按钮延迟\n    this.updateButtonDelays()\n  }\n\n  protected stop(): void | Promise<void> {\n    this.container?.remove()\n  }\n\n  private setupHoverLogic() {\n    let hoverTimeout: number | null = null\n\n    // 检查是否处于持久化状态的辅助函数\n    const isPersistent = () => {\n      return this.container.classList.contains('is-persistent')\n    }\n\n    // 鼠标进入时暂时展开\n    this.container.addEventListener('mouseenter', () => {\n      if (hoverTimeout) {\n        clearTimeout(hoverTimeout)\n        hoverTimeout = null\n      }\n\n      // 如果不在持久化状态，则添加hover展开效果\n      if (!isPersistent()) {\n        this.container.classList.add('is-hovered')\n      }\n    })\n\n    // 鼠标离开时收起（如果不是持久化状态）\n    this.container.addEventListener('mouseleave', () => {\n      if (!isPersistent()) {\n        hoverTimeout = window.setTimeout(() => {\n          this.container.classList.remove('is-hovered')\n        }, 150) // 延迟150ms收起，避免快速移动鼠标时闪烁\n      }\n    })\n  }\n\n  /**\n   * 计算按钮动画延迟\n   * @param index 按钮索引（从0开始）\n   * @param totalCount 总按钮数量\n   * @returns 延迟时间（秒）\n   */\n  private calculateButtonDelay(index: number, totalCount: number): number {\n    if (totalCount <= 1) return 0\n\n    // 总动画时长150ms = 0.15s\n    const totalDuration = 0.15\n    // 使用平方根函数创建非线性延迟，差值逐渐缩小\n    const normalizedIndex = index / (totalCount - 1)\n    const delay = totalDuration * Math.sqrt(normalizedIndex)\n\n    return Math.round(delay * 1000) / 1000 // 保留3位小数\n  }\n\n  /**\n   * 更新按钮组的动画延迟\n   */\n  private updateButtonDelays() {\n    const btnGroups = this.container.querySelectorAll('.btn-group')\n\n    btnGroups.forEach((group) => {\n      const buttons = group.querySelectorAll('.btn-tip-group')\n      const totalCount = buttons.length\n\n      buttons.forEach((button, index) => {\n        const delay = this.calculateButtonDelay(index, totalCount)\n        ;(button as HTMLElement).style.setProperty('--transition-delay', `${delay}s`)\n        ;(button as HTMLElement).style.setProperty('--max-transition-delay', '0.15s')\n      })\n    })\n  }\n\n  private createToolbox() {\n    const toggler = (\n      <button\n        className=\"ipe-toolbox-btn\"\n        id=\"toolbox-toggler\"\n        onClick={() => {\n          const isPersistent = this.container.classList.contains('is-persistent')\n          const newPersistent = !isPersistent\n          this.container.classList.toggle('is-persistent', newPersistent)\n          this.ctx.preferences.set('toolboxAlwaysShow', newPersistent)\n        }}\n      >\n        {/* Font Awesome 5 Solid: Plus */}\n        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"448\" height=\"512\" viewBox=\"0 0 448 512\">\n          <rect width=\"448\" height=\"512\" fill=\"none\" />\n          <path\n            fill=\"currentColor\"\n            d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32\"\n          />\n        </svg>\n      </button>\n    )\n    const element = (\n      <div id=\"ipe-edit-toolbox\">\n        <ul className=\"btn-group group1\" style={{ display: 'flex', flexDirection: 'column' }}></ul>\n        <ul className=\"btn-group group2\" style={{ display: 'flex', flexDirection: 'row' }}></ul>\n        {toggler}\n      </div>\n    )\n\n    return element as HTMLElement\n  }\n\n  private normalizeButtonId(id: string) {\n    if (!id) {\n      id = Math.random().toString(36).substring(2, 8)\n    }\n    return `ipe-toolbox__${id.trim()}`.replace(/\\s\\.#/g, '-')\n  }\n\n  addButton(payload: {\n    id: string\n    group?: 'auto' | 'group1' | 'group2'\n    icon: string | HTMLElement | SVGElement | ReactElement\n    tooltip?: string | HTMLElement\n    buttonProps?: Record<string, any>\n    onClick?: (event: MouseEvent) => void\n    index?: number\n  }) {\n    let { id, group, icon, tooltip, buttonProps, onClick, index } = payload\n    id = this.normalizeButtonId(id)\n\n    const existingButton = this.container.querySelector(`#${id}`)\n    if (existingButton) {\n      this.ctx.logger('toolbox').warn(`Button with id ${id} already exists, replacing it.`)\n      existingButton.remove()\n    }\n\n    let groupEl: HTMLElement | null = null\n    if (typeof group === 'undefined' || group === 'auto') {\n      // 选择按钮最少的那一组，一样多就选第一组\n      const group1 = this.container.querySelector('.btn-group.group1') as HTMLElement\n      const group2 = this.container.querySelector('.btn-group.group2') as HTMLElement\n      const group1Count = group1?.children.length || 0\n      const group2Count = group2?.children.length || 0\n      groupEl = group1Count <= group2Count ? group1 : group2\n    } else {\n      groupEl = this.container.querySelector(`.btn-group.${group}`)\n    }\n    if (!groupEl) throw new Error(`Button group ${group} not found`)\n\n    const button = (\n      <li class=\"btn-tip-group\" id={id} onClick={onClick}>\n        <div class=\"btn-tip\">{tooltip}</div>\n        <button id={`${id}-btn`} class=\"ipe-toolbox-btn\" {...buttonProps}>\n          {icon}\n        </button>\n      </li>\n    )\n\n    if (typeof index === 'number') {\n      if (index <= 0) {\n        groupEl.prepend(button)\n      } else if (index >= groupEl.children.length) {\n        groupEl.appendChild(button)\n      } else {\n        groupEl.children[index]?.before(button)\n      }\n    } else {\n      groupEl.appendChild(button)\n    }\n\n    this.ctx.emit('toolbox/button-added', {\n      ctx: this.ctx,\n      button: button as HTMLElement,\n    })\n\n    // 更新按钮延迟\n    this.updateButtonDelays()\n\n    return button as HTMLElement\n  }\n\n  removeButton(id: string) {\n    const button = this.container.querySelector(`.ipe-toolbox-btn#${id}`)\n    button?.remove()\n    this.ctx.emit('toolbox/button-removed', { ctx: this.ctx, id })\n\n    // 更新按钮延迟\n    this.updateButtonDelays()\n  }\n}\n"],"names":["_PluginToolbox_decorators","_init","_a","RegisterPreferences","Schema","Inject","PluginToolbox","Service","ctx","val","hoverTimeout","isPersistent","index","totalCount","totalDuration","normalizedIndex","delay","group","buttons","button","jsxs","jsx","newPersistent","id","payload","icon","tooltip","buttonProps","onClick","existingButton","groupEl","group1","group2","group1Count","group2Count","__decoratorStart","__decorateElement","__runInitializers"],"mappings":"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"}

package/dist/{index-SDBp__LY.js → index-CrWxZ0yl.js}

@@ -1,5 +1,5 @@
-import { j as nt, P as Fi, F as Ri } from "./index-CvhkVj_L.js";
-import { B as Ni, I as Di } from "./index-BnRuHI16.js";
+import { j as Ge, P as Fi, F as Ri } from "./index-CvhkVj_L.js";
+import { B as Ni, I as Di } from "./index-DqfQ7hp6.js";
 /**
 * @vue/shared v3.5.22
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
@@ -391,7 +391,7 @@ function yr(e) {
     s !== e && (e.prevSub = s, s && (s.nextSub = e)), e.dep.subs = e;
   }
 }
-const Ns = /* @__PURE__ */ new WeakMap(), Qe = Symbol(
+const Ns = /* @__PURE__ */ new WeakMap(), et = Symbol(
   ""
 ), Ds = Symbol(
   ""
@@ -427,13 +427,13 @@ function Fe(e, t, s, n, r, i) {
     } else
       switch ((s !== void 0 || o.has(void 0)) && l(o.get(s)), h && l(o.get(Nt)), t) {
         case "add":
-          c ? h && l(o.get("length")) : (l(o.get(Qe)), ct(e) && l(o.get(Ds)));
+          c ? h && l(o.get("length")) : (l(o.get(et)), ct(e) && l(o.get(Ds)));
           break;
         case "delete":
-          c || (l(o.get(Qe)), ct(e) && l(o.get(Ds)));
+          c || (l(o.get(et)), ct(e) && l(o.get(Ds)));
           break;
         case "set":
-          ct(e) && l(o.get(Qe));
+          ct(e) && l(o.get(et));
           break;
       }
   }
@@ -661,7 +661,7 @@ class Sr extends Cr {
     return te(
       t,
       "iterate",
-      M(t) ? "length" : Qe
+      M(t) ? "length" : et
     ), Reflect.ownKeys(t);
   }
 }
@@ -684,7 +684,7 @@ function oo(e, t, s) {
     return !t && te(
       i,
       "iterate",
-      c ? Ds : Qe
+      c ? Ds : et
     ), {
       // iterator protocol
       next() {
@@ -720,7 +720,7 @@ function lo(e, t) {
     },
     get size() {
       const r = this.__v_raw;
-      return !e && te(j(r), "iterate", Qe), r.size;
+      return !e && te(j(r), "iterate", et), r.size;
     },
     has(r) {
       const i = this.__v_raw, o = j(i), l = j(r);
@@ -728,7 +728,7 @@ function lo(e, t) {
     },
     forEach(r, i) {
       const o = this, l = o.__v_raw, c = j(l), h = t ? Ls : e ? Qt : X;
-      return !e && te(c, "iterate", Qe), l.forEach((u, d) => r.call(i, h(u), h(d), o));
+      return !e && te(c, "iterate", et), l.forEach((u, d) => r.call(i, h(u), h(d), o));
     }
   };
   return ee(
@@ -951,8 +951,8 @@ function Co(e, t, s = !1) {
   return F(e) ? n = e : (n = e.get, r = e.set), new xo(n, r, s);
 }
 const zt = {}, es = /* @__PURE__ */ new WeakMap();
-let Ze;
-function So(e, t = !1, s = Ze) {
+let Xe;
+function So(e, t = !1, s = Xe) {
   if (s) {
     let n = es.get(s);
     n || es.set(s, n = []), n.push(e);
@@ -977,12 +977,12 @@ function wo(e, t, s = H) {
         De();
       }
     }
-    const T = Ze;
-    Ze = u;
+    const T = Xe;
+    Xe = u;
     try {
       return c ? c(e, 3, [v]) : e(v);
     } finally {
-      Ze = T;
+      Xe = T;
     }
   } : d = $e, t && r) {
     const T = d, R = r === !0 ? 1 / 0 : r;
@@ -1004,8 +1004,8 @@ function wo(e, t, s = H) {
         const R = u.run();
         if (r || C || ($ ? R.some((B, Y) => ae(B, N[Y])) : ae(R, N))) {
           p && p();
-          const B = Ze;
-          Ze = u;
+          const B = Xe;
+          Xe = u;
           try {
             const Y = [
               R,
@@ -1018,7 +1018,7 @@ function wo(e, t, s = H) {
               t(...Y)
             );
           } finally {
-            Ze = B;
+            Xe = B;
           }
         }
       } else
@@ -1207,7 +1207,7 @@ function Ao(e, t = Te, s) {
   };
   return n._n = !0, n._c = !0, n._d = !0, n;
 }
-function Ge(e, t, s, n) {
+function Ye(e, t, s, n) {
   const r = e.dirs, i = t && t.dirs;
   for (let o = 0; o < r.length; o++) {
     const l = r[o];
@@ -1534,9 +1534,9 @@ function Ko(e) {
     serverPrefetch: qe,
     // public API
     expose: Pe,
-    inheritAttrs: tt,
+    inheritAttrs: st,
     // assets
-    components: st,
+    components: nt,
     directives: Vt,
     filters: ys
   } = t;
@@ -1586,7 +1586,7 @@ function Ko(e) {
         });
       });
     } else e.exposed || (e.exposed = {});
-  R && e.render === $e && (e.render = R), tt != null && (e.inheritAttrs = tt), st && (e.components = st), Vt && (e.directives = Vt), qe && Dr(e);
+  R && e.render === $e && (e.render = R), st != null && (e.inheritAttrs = st), nt && (e.components = nt), Vt && (e.directives = Vt), qe && Dr(e);
 }
 function Wo(e, t, s = $e) {
   M(e) && (e = Bs(e));
@@ -2079,7 +2079,7 @@ function rl(e, t) {
         a == null && N(f, m, b, w);
         break;
       case me:
-        st(
+        nt(
           a,
           f,
           m,
@@ -2198,15 +2198,15 @@ function rl(e, t) {
       Is(a, _),
       w,
       S
-    ), O && Ge(a, null, b, "created"), Y(x, a, a.scopeId, w, b), I) {
+    ), O && Ye(a, null, b, "created"), Y(x, a, a.scopeId, w, b), I) {
       for (const W in I)
         W !== "value" && !Et(W) && i(x, W, null, I[W], _, b);
       "value" in I && i(x, "value", null, I.value, _), (y = I.onVnodeBeforeMount) && Se(y, b, a);
     }
-    O && Ge(a, null, b, "beforeMount");
+    O && Ye(a, null, b, "beforeMount");
     const L = il(g, A);
     L && A.beforeEnter(x), n(x, f, m), ((y = I && I.onVnodeMounted) || L || O) && fe(() => {
-      y && Se(y, b, a), L && A.enter(x), O && Ge(a, null, b, "mounted");
+      y && Se(y, b, a), L && A.enter(x), O && Ye(a, null, b, "mounted");
     }, g);
   }, Y = (a, f, m, b, g) => {
     if (m && v(a, m), b)
@@ -2246,7 +2246,7 @@ function rl(e, t) {
     x |= a.patchFlag & 16;
     const E = a.props || H, A = f.props || H;
     let O;
-    if (m && Ye(m, !1), (O = A.onVnodeBeforeUpdate) && Se(O, m, f, a), I && Ge(f, a, m, "beforeUpdate"), m && Ye(m, !0), (E.innerHTML && A.innerHTML == null || E.textContent && A.textContent == null) && u(S, ""), y ? Pe(
+    if (m && Ze(m, !1), (O = A.onVnodeBeforeUpdate) && Se(O, m, f, a), I && Ye(f, a, m, "beforeUpdate"), m && Ze(m, !0), (E.innerHTML && A.innerHTML == null || E.textContent && A.textContent == null) && u(S, ""), y ? Pe(
       a.dynamicChildren,
       y,
       S,
@@ -2266,7 +2266,7 @@ function rl(e, t) {
       !1
     ), x > 0) {
       if (x & 16)
-        tt(S, E, A, m, g);
+        st(S, E, A, m, g);
       else if (x & 2 && E.class !== A.class && i(S, "class", null, A.class, g), x & 4 && i(S, "style", E.style, A.style, g), x & 8) {
         const L = f.dynamicProps;
         for (let W = 0; W < L.length; W++) {
@@ -2275,9 +2275,9 @@ function rl(e, t) {
         }
       }
       x & 1 && a.children !== f.children && u(S, f.children);
-    } else !w && y == null && tt(S, E, A, m, g);
+    } else !w && y == null && st(S, E, A, m, g);
     ((O = A.onVnodeUpdated) || I) && fe(() => {
-      O && Se(O, m, f, a), I && Ge(f, a, m, "updated");
+      O && Se(O, m, f, a), I && Ye(f, a, m, "updated");
     }, b);
   }, Pe = (a, f, m, b, g, _, w) => {
     for (let S = 0; S < f.length; S++) {
@@ -2307,7 +2307,7 @@ function rl(e, t) {
         !0
       );
     }
-  }, tt = (a, f, m, b, g) => {
+  }, st = (a, f, m, b, g) => {
     if (f !== m) {
       if (f !== H)
         for (const _ in f)
@@ -2326,7 +2326,7 @@ function rl(e, t) {
       }
       "value" in m && i(a, "value", f.value, m.value, g);
     }
-  }, st = (a, f, m, b, g, _, w, S, x) => {
+  }, nt = (a, f, m, b, g, _, w, S, x) => {
     const y = f.el = a ? a.el : l(""), I = f.anchor = a ? a.anchor : l("");
     let { patchFlag: E, dynamicChildren: A, slotScopeIds: O } = f;
     O && (S = S ? S.concat(O) : O), a == null ? (n(y, m, b), n(I, m, b), ve(
@@ -2433,7 +2433,7 @@ function rl(e, t) {
           }
         }
         let k = E, oe;
-        Ye(a, !1), E ? (E.el = W.el, J(a, E, w)) : E = W, A && Ss(A), (oe = E.props && E.props.onVnodeBeforeUpdate) && Se(oe, L, E, W), Ye(a, !0);
+        Ze(a, !1), E ? (E.el = W.el, J(a, E, w)) : E = W, A && Ss(A), (oe = E.props && E.props.onVnodeBeforeUpdate) && Se(oe, L, E, W), Ze(a, !0);
         const le = Hn(a), ye = a.subTree;
         a.subTree = le, $(
           ye,
@@ -2452,7 +2452,7 @@ function rl(e, t) {
       } else {
         let E;
         const { el: A, props: O } = f, { bm: L, m: W, parent: k, root: oe, type: le } = a, ye = It(f);
-        Ye(a, !1), L && Ss(L), !ye && (E = O && O.onVnodeBeforeMount) && Se(E, k, f), Ye(a, !0);
+        Ze(a, !1), L && Ss(L), !ye && (E = O && O.onVnodeBeforeMount) && Se(E, k, f), Ze(a, !0);
         {
           oe.ce && // @ts-expect-error _def is private
           oe.ce._def.shadowRoot !== !1 && oe.ce._injectChildStyle(le);
@@ -2481,7 +2481,7 @@ function rl(e, t) {
     const x = a.effect = new dr(S);
     a.scope.off();
     const y = a.update = x.run.bind(x), I = a.job = x.runIfDirty.bind(x);
-    I.i = a, I.id = a.uid, x.scheduler = () => ln(I), Ye(a, !0), y();
+    I.i = a, I.id = a.uid, x.scheduler = () => ln(I), Ze(a, !0), y();
   }, J = (a, f, m) => {
     f.component = a;
     const b = a.vnode.props;
@@ -2757,7 +2757,7 @@ function rl(e, t) {
         a.suspense.unmount(m, b);
         return;
       }
-      L && Ge(a, null, f, "beforeUnmount"), I & 64 ? a.type.remove(
+      L && Ye(a, null, f, "beforeUnmount"), I & 64 ? a.type.remove(
         a,
         f,
         m,
@@ -2778,7 +2778,7 @@ function rl(e, t) {
       ) : (_ === me && E & 384 || !g && I & 16) && _t(x, f, m), b && yn(a);
     }
     (W && (k = w && w.onVnodeUnmounted) || L) && fe(() => {
-      k && Se(k, f, a), L && Ge(a, null, f, "unmounted");
+      k && Se(k, f, a), L && Ye(a, null, f, "unmounted");
     }, m);
   }, yn = (a) => {
     const { type: f, el: m, anchor: b, transition: g } = a;
@@ -2851,7 +2851,7 @@ function rl(e, t) {
 function Is({ type: e, props: t }, s) {
   return s === "svg" && e === "foreignObject" || s === "mathml" && e === "annotation-xml" && t && t.encoding && t.encoding.includes("html") ? void 0 : s;
 }
-function Ye({ effect: e, job: t }, s) {
+function Ze({ effect: e, job: t }, s) {
   s ? (e.flags |= 32, t.flags |= 4) : (e.flags &= -33, t.flags &= -5);
 }
 function il(e, t) {
@@ -3889,7 +3889,7 @@ const pi = {
     } catch {
     }
   }
-}, Bt = (e) => e.map(String).join("."), oc = (e) => e.replace(/[^a-zA-Z0-9_-]/g, "_"), ke = (e) => `schema_${oc(Bt(e) || "root")}`, et = (e) => Bt(e);
+}, Bt = (e) => e.map(String).join("."), oc = (e) => e.replace(/[^a-zA-Z0-9_-]/g, "_"), ke = (e) => `schema_${oc(Bt(e) || "root")}`, tt = (e) => Bt(e);
 function gn(e, t) {
   if (t == null) return t;
   switch (e) {
@@ -4045,7 +4045,7 @@ class gi extends Ie {
     }
     this.$root.innerHTML = `<style>${pe}</style>`;
     const t = _e(this._schema), s = this.makeFieldContainer("string", t.description), n = document.createElement("input");
-    this.$input = n, n.className = "input", n.type = "text", n.name = et(this._path), n.id = ke(this._path), t?.pattern?.source && (n.pattern = t.pattern.source), t?.max != null && (n.maxLength = t.max), n.value = this._value ?? "", n.oninput = () => this.emitChange(gn("string", n.value));
+    this.$input = n, n.className = "input", n.type = "text", n.name = tt(this._path), n.id = ke(this._path), t?.pattern?.source && (n.pattern = t.pattern.source), t?.max != null && (n.maxLength = t.max), n.value = this._value ?? "", n.oninput = () => this.emitChange(gn("string", n.value));
     const r = s.querySelector("label.label");
     r && (r.htmlFor = n.id), s.appendChild(n), this.$root.appendChild(s);
   }
@@ -4060,7 +4060,7 @@ class _i extends Ie {
     }
     this.$root.innerHTML = `<style>${pe}</style>`;
     const t = this._schema?.type ?? "number", s = _e(this._schema), n = this.makeFieldContainer("number", s.description), r = document.createElement("input");
-    this.$input = r, r.className = "input", r.name = et(this._path), r.id = ke(this._path), s?.min != null && (r.min = String(s.min)), s?.max != null && (r.max = String(s.max)), s?.step != null && (r.step = String(s.step)), t === "percent" && !r.step && (r.step = "0.01"), r.value = this._value ?? "", r.oninput = () => this.emitChange(gn(t, r.value));
+    this.$input = r, r.className = "input", r.name = tt(this._path), r.id = ke(this._path), s?.min != null && (r.min = String(s.min)), s?.max != null && (r.max = String(s.max)), s?.step != null && (r.step = String(s.step)), t === "percent" && !r.step && (r.step = "0.01"), r.value = this._value ?? "", r.oninput = () => this.emitChange(gn(t, r.value));
     const i = n.querySelector("label.label");
     i && (i.htmlFor = r.id), s.role === "slider" ? r.type = "range" : r.type = "number", n.appendChild(r), this.$root.appendChild(n);
   }
@@ -4072,7 +4072,7 @@ class vi extends Ie {
     const t = _e(this._schema), s = this.makeFieldContainer("boolean", t.description), n = document.createElement("label");
     n.className = "checkbox";
     const r = document.createElement("input");
-    r.type = "checkbox", r.checked = !!this._value, r.name = et(this._path), r.id = ke(this._path);
+    r.type = "checkbox", r.checked = !!this._value, r.name = tt(this._path), r.id = ke(this._path);
     const i = document.createElement("span");
     i.textContent = this._label ?? "", r.onchange = () => this.emitChange(r.checked);
     const o = s.querySelector("label.label");
@@ -4109,7 +4109,7 @@ class bi extends Ie {
     const t = _e(this._schema), s = this.makeFieldContainer("date", t.description), n = document.createElement("input");
     this.$input = n, n.className = "input";
     const r = t.role || "date";
-    if (r === "datetime" ? n.type = "datetime-local" : r === "time" ? n.type = "time" : n.type = "date", n.name = et(this._path), n.id = ke(this._path), this._value instanceof Date)
+    if (r === "datetime" ? n.type = "datetime-local" : r === "time" ? n.type = "time" : n.type = "date", n.name = tt(this._path), n.id = ke(this._path), this._value instanceof Date)
       r === "date" ? n.value = wt(this._value) : r === "time" ? n.value = qs(this._value) : r === "datetime" && (n.value = Jt(this._value));
     else if (typeof this._value == "string" && r !== "time") {
       const o = new Date(this._value);
@@ -4191,7 +4191,7 @@ class xi extends Ie {
     const t = _e(this._schema), s = this.makeFieldContainer("union", t.description), n = this._schema.list || [];
     if (lc(n)) {
       const r = document.createElement("select");
-      r.className = "input", r.name = et(this._path), r.id = ke(this._path), n.forEach((o) => {
+      r.className = "input", r.name = tt(this._path), r.id = ke(this._path), n.forEach((o) => {
         const l = document.createElement("option");
         l.value = String(o.value), l.textContent = String(o.value), this._value === o.value && (l.selected = !0), r.appendChild(l);
       }), r.onchange = () => this.emitChange(gn("string", r.value));
@@ -4201,7 +4201,7 @@ class xi extends Ie {
       const r = document.createElement("div");
       r.className = "toolbar";
       const i = document.createElement("select");
-      i.className = "input", i.name = et(this._path) + ".__type", i.id = ke(this._path) + "__type";
+      i.className = "input", i.name = tt(this._path) + ".__type", i.id = ke(this._path) + "__type";
       let o = 0;
       n.forEach((u, d) => {
         const p = document.createElement("option");
@@ -4359,7 +4359,7 @@ class bs extends Ie {
           const Y = () => {
             if (B) return;
             B = !0, clearTimeout(ve);
-            const qe = i().filter((tt, st) => st !== p);
+            const qe = i().filter((st, nt) => nt !== p);
             this._itemIds.splice(p, 1);
             const Pe = this.capturePositions(n);
             this._value = qe, o(Pe), this.emitChange(qe);
@@ -4413,7 +4413,7 @@ class wi extends Ie {
         const $ = [...this._path, C], U = document.createElement("div");
         U.className = "kv schema-collection-row", U.dataset.uid = o(C), U.setAttribute("data-path", Bt($));
         const P = document.createElement("input");
-        P.className = "input", P.value = C, P.name = et($) + ".__key", P.id = ke($) + "__key";
+        P.className = "input", P.value = C, P.name = tt($) + ".__key", P.id = ke($) + "__key";
         const N = gt(r, $, i[C], `${this._label ?? ""}[${C}]`), D = document.createElement("button");
         D.type = "button", D.className = "btn danger", D.textContent = this._i18n.dictRemove ?? "×", D.onclick = () => {
           const T = l();
@@ -4605,9 +4605,9 @@ const uc = /* @__PURE__ */ Nr({
     }, u.$attrs), null, 16));
   }
 });
-function Xe(e, t = /* @__PURE__ */ new WeakMap()) {
+function Qe(e, t = /* @__PURE__ */ new WeakMap()) {
   if (Q(e))
-    return Xe(e.value, t);
+    return Qe(e.value, t);
   if (e === null || typeof e != "object")
     return e;
   if (t.has(e))
@@ -4619,28 +4619,28 @@ function Xe(e, t = /* @__PURE__ */ new WeakMap()) {
   if (e instanceof Map) {
     const r = /* @__PURE__ */ new Map();
     return t.set(e, r), Array.from(e.entries()).forEach(([i, o]) => {
-      r.set(i, Xe(o, t));
+      r.set(i, Qe(o, t));
     }), r;
   }
   if (e instanceof Set) {
     const r = /* @__PURE__ */ new Set();
     return t.set(e, r), Array.from(e).forEach((i) => {
-      r.add(Xe(i, t));
+      r.add(Qe(i, t));
     }), r;
   }
   if (Array.isArray(e)) {
     const r = [];
     t.set(e, r);
     for (const i of e)
-      r.push(Xe(i, t));
+      r.push(Qe(i, t));
     return r;
   }
   const s = j(e), n = {};
   t.set(e, n);
   for (const r of Object.keys(s))
-    n[r] = Xe(s[r], t);
+    n[r] = Qe(s[r], t);
   for (const r of Object.getOwnPropertySymbols(s))
-    n[r] = Xe(s[r], t);
+    n[r] = Qe(s[r], t);
   return n;
 }
 const fc = { class: "preferences-ui-app" }, hc = { class: "tabs" }, dc = ["onClick", "data-value"], pc = { style: { "max-height": "20em", overflow: "auto" } }, mc = /* @__PURE__ */ Nr({
@@ -4649,7 +4649,7 @@ const fc = { class: "preferences-ui-app" }, hc = { class: "tabs" }, dc = ["onCli
     const s = rc(), n = An([]), r = An(""), i = Gt([]), o = hi(() => i.value.map((h) => h.schema)), l = Gt({}), c = Gt({});
     return t({
       getValue() {
-        return Xe(c);
+        return Qe(c);
       }
     }), ht(
       r,
@@ -4708,7 +4708,7 @@ class zs extends (Pi = Ni) {
     super(t, {}, "preferences-ui"), this.ctx = t, t.set("preferencesUI", this), t.inject(["toolbox"], (s) => {
       s.toolbox.addButton({
         id: "preferences",
-        icon: /* @__PURE__ */ nt(
+        icon: /* @__PURE__ */ Ge(
           "svg",
           {
             xmlns: "http://www.w3.org/2000/svg",
@@ -4718,8 +4718,8 @@ class zs extends (Pi = Ni) {
             fill: "currentColor",
             class: "icon icon-tabler icons-tabler-filled icon-tabler-settings",
             children: [
-              /* @__PURE__ */ nt("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }),
-              /* @__PURE__ */ nt("path", { d: "M14.647 4.081a.724 .724 0 0 0 1.08 .448c2.439 -1.485 5.23 1.305 3.745 3.744a.724 .724 0 0 0 .447 1.08c2.775 .673 2.775 4.62 0 5.294a.724 .724 0 0 0 -.448 1.08c1.485 2.439 -1.305 5.23 -3.744 3.745a.724 .724 0 0 0 -1.08 .447c-.673 2.775 -4.62 2.775 -5.294 0a.724 .724 0 0 0 -1.08 -.448c-2.439 1.485 -5.23 -1.305 -3.745 -3.744a.724 .724 0 0 0 -.447 -1.08c-2.775 -.673 -2.775 -4.62 0 -5.294a.724 .724 0 0 0 .448 -1.08c-1.485 -2.439 1.305 -5.23 3.744 -3.745a.722 .722 0 0 0 1.08 -.447c.673 -2.775 4.62 -2.775 5.294 0zm-2.647 4.919a3 3 0 1 0 0 6a3 3 0 0 0 0 -6z" })
+              /* @__PURE__ */ Ge("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }),
+              /* @__PURE__ */ Ge("path", { d: "M14.647 4.081a.724 .724 0 0 0 1.08 .448c2.439 -1.485 5.23 1.305 3.745 3.744a.724 .724 0 0 0 .447 1.08c2.775 .673 2.775 4.62 0 5.294a.724 .724 0 0 0 -.448 1.08c1.485 2.439 -1.305 5.23 -3.744 3.745a.724 .724 0 0 0 -1.08 .447c-.673 2.775 -4.62 2.775 -5.294 0a.724 .724 0 0 0 -1.08 -.448c-2.439 1.485 -5.23 -1.305 -3.745 -3.744a.724 .724 0 0 0 -.447 -1.08c-2.775 -.673 -2.775 -4.62 0 -5.294a.724 .724 0 0 0 .448 -1.08c-1.485 -2.439 1.305 -5.23 3.744 -3.745a.722 .722 0 0 0 1.08 -.447c.673 -2.775 4.62 -2.775 5.294 0zm-2.647 4.919a3 3 0 1 0 0 6a3 3 0 0 0 0 -6z" })
             ]
           }
         ),
@@ -4738,11 +4738,11 @@ class zs extends (Pi = Ni) {
       sizeClass: "small",
       outSideClose: !1,
       center: !0,
-      title: "InPageEdit Prefrences",
-      content: /* @__PURE__ */ nt(Ri, { children: /* @__PURE__ */ nt(Fi, {}) })
+      title: "InPageEdit Preferences",
+      content: /* @__PURE__ */ Ge(Ri, { children: /* @__PURE__ */ Ge(Fi, {}) })
     });
     t.get$window().classList.add("dialog");
-    const s = /* @__PURE__ */ nt("div", { id: "ipe-preferences-app", style: { minHeight: "65vh" } });
+    const s = /* @__PURE__ */ Ge("div", { id: "ipe-preferences-app", style: { minHeight: "65vh" } });
     t.setContent(s);
     const n = this.createFormApp(), r = n.mount(s);
     t.setButtons([
@@ -4766,7 +4766,10 @@ class zs extends (Pi = Ni) {
           } catch (o) {
             this.logger.error("failed to save preferences", o);
           }
-          t.close();
+          t.close(), this.ctx.modal.notify("success", {
+            title: "Preferences Saved",
+            content: /* @__PURE__ */ Ge("p", { children: "Some settings may take effect after reloading the page." })
+          });
         }
       }
     ]), t.on(t.Event.Close, () => {
@@ -4784,4 +4787,4 @@ Tc(vn, 1, zs);
 export {
   zs as PluginPreferencesUI
 };
-//# sourceMappingURL=index-SDBp__LY.js.map
+//# sourceMappingURL=index-CrWxZ0yl.js.map