@tailor-cms/ce-image-edit 1.0.4 → 1.1.0

package/dist/components/Edit.vue.d.ts

@@ -1,8 +1,9 @@
 import type { Element } from '@tailor-cms/ce-image-manifest';
 type __VLS_Props = {
     element: Element;
+    isDragged: boolean;
     isFocused: boolean;
-    isDisabled: boolean;
+    isReadonly: boolean;
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     save: (...args: any[]) => void;

package/dist/{index-PPSxWWE-.cjs → index-B7I2cEJD.cjs}

@@ -3497,6 +3497,7 @@ var _a17, _b17;
   appIds: /* @__PURE__ */ new Set()
 };
 init_esm_shims();
+init_esm_shims();
 function toggleHighPerfMode(state) {
   devtoolsState.highPerfModeEnabled = state != null ? state : !devtoolsState.highPerfModeEnabled;
   if (!state && activeAppRecord.value) {

package/dist/{index-Dl6RoEe8.js → index-CjgztT59.js}

@@ -3495,6 +3495,7 @@ var _a17, _b17;
   appIds: /* @__PURE__ */ new Set()
 };
 init_esm_shims();
+init_esm_shims();
 function toggleHighPerfMode(state) {
   devtoolsState.highPerfModeEnabled = state != null ? state : !devtoolsState.highPerfModeEnabled;
   if (!state && activeAppRecord.value) {

package/dist/index.cjs

@@ -1,7 +1,4 @@
 "use strict";
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 var import_index = require("./index.css");
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
@@ -779,8 +776,8 @@ Stack.prototype.set = stackSet;
 var freeExports = typeof exports == "object" && exports && !exports.nodeType && exports;
 var freeModule = freeExports && typeof module == "object" && module && !module.nodeType && module;
 var moduleExports = freeModule && freeModule.exports === freeExports;
-var Buffer2 = moduleExports ? root.Buffer : void 0;
-Buffer2 ? Buffer2.allocUnsafe : void 0;
+var Buffer = moduleExports ? root.Buffer : void 0;
+Buffer ? Buffer.allocUnsafe : void 0;
 function cloneBuffer(buffer, isDeep) {
   {
     return buffer.slice();
@@ -855,10 +852,10 @@ function initCloneArray(array2) {
   }
   return result;
 }
-var Uint8Array2 = root.Uint8Array;
+var Uint8Array = root.Uint8Array;
 function cloneArrayBuffer(arrayBuffer) {
   var result = new arrayBuffer.constructor(arrayBuffer.byteLength);
-  new Uint8Array2(result).set(new Uint8Array2(arrayBuffer));
+  new Uint8Array(result).set(new Uint8Array(arrayBuffer));
   return result;
 }
 function cloneDataView(dataView, isDeep) {
@@ -1089,7 +1086,7 @@ function equalByTag(object2, other, tag, bitmask, customizer, equalFunc, stack)
       object2 = object2.buffer;
       other = other.buffer;
     case arrayBufferTag:
-      if (object2.byteLength != other.byteLength || !equalFunc(new Uint8Array2(object2), new Uint8Array2(other))) {
+      if (object2.byteLength != other.byteLength || !equalFunc(new Uint8Array(object2), new Uint8Array(other))) {
         return false;
       }
       return true;
@@ -1533,10 +1530,10 @@ function uniqueId(prefix) {
   var id = ++idCounter;
   return toString$1(prefix) + id;
 }
-var __defProp2 = Object.defineProperty;
+var __defProp = Object.defineProperty;
 var __export = (target, all) => {
   for (var name2 in all)
-    __defProp2(target, name2, { get: all[name2], enumerable: true });
+    __defProp(target, name2, { get: all[name2], enumerable: true });
 };
 var InsertLocation = /* @__PURE__ */ ((InsertLocation2) => {
   InsertLocation2["AddBefore"] = "ADD_BEFORE";
@@ -4344,7 +4341,7 @@ async function installDevtoolsPlugin(app) {
     if (!isClient) {
       return;
     }
-    const devtools = await Promise.resolve().then(() => require("./index-PPSxWWE-.cjs"));
+    const devtools = await Promise.resolve().then(() => require("./index-B7I2cEJD.cjs"));
     devtools.setupDevtoolsPlugin({
       id: "vee-validate-devtools-plugin",
       label: "VeeValidate Plugin",
@@ -16635,7 +16632,7 @@ const cut = (originRange, targetPos) => ({ editor, tr }) => {
   tr.deleteRange(originRange.from, originRange.to);
   const newPos = tr.mapping.map(targetPos);
   tr.insert(newPos, contentSlice.content);
-  tr.setSelection(new TextSelection(tr.doc.resolve(newPos - 1)));
+  tr.setSelection(new TextSelection(tr.doc.resolve(Math.max(newPos - 1, 0))));
   return true;
 };
 const deleteCurrentNode = () => ({ tr, dispatch }) => {
@@ -18524,6 +18521,26 @@ function markPasteRule(config) {
     }
   });
 }
+function canInsertNode(state, nodeType) {
+  const { selection } = state;
+  const { $from } = selection;
+  if (selection instanceof NodeSelection) {
+    const index2 = $from.index();
+    const parent = $from.parent;
+    return parent.canReplaceWith(index2, index2 + 1, nodeType);
+  }
+  let depth = $from.depth;
+  while (depth >= 0) {
+    const index2 = $from.index(depth);
+    const parent = $from.node(depth);
+    const match = parent.contentMatchAt(index2);
+    if (match.matchType(nodeType)) {
+      return true;
+    }
+    depth -= 1;
+  }
+  return false;
+}
 Extension.create({
   name: "characterCount",
   addOptions() {
@@ -20124,6 +20141,9 @@ const HorizontalRule = Node2.create({
   addCommands() {
     return {
       setHorizontalRule: () => ({ chain, state }) => {
+        if (!canInsertNode(state, state.schema.nodes[this.name])) {
+          return false;
+        }
         const { selection } = state;
         const { $from: $originFrom, $to: $originTo } = selection;
         const currentChain = chain();
@@ -20763,10 +20783,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
     const [urlInput] = defineField("url");
     const hasAsset = vue.computed(() => file.value || urlInput.value);
     const hasChanges = vue.computed(
-      () => {
-        var _a;
-        return props2.url !== (urlInput.value || ((_a = file.value) == null ? void 0 : _a.url) || null);
-      }
+      () => props2.url !== (urlInput.value || file.value?.url || null)
     );
     const fileName = vue.computed(() => {
       if (!file.value || !file.value.url) return;
@@ -20835,7 +20852,8 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
             default: vue.withCtx(() => _cache[4] || (_cache[4] = [
               vue.createTextVNode("Edit")
             ])),
-            _: 1
+            _: 1,
+            __: [4]
           })) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 4 }, [
             hasChanges.value ? (vue.openBlock(), vue.createBlock(_component_VBtn, {
               key: 0,
@@ -20845,7 +20863,8 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
               default: vue.withCtx(() => _cache[5] || (_cache[5] = [
                 vue.createTextVNode("Save")
               ])),
-              _: 1
+              _: 1,
+              __: [5]
             }, 8, ["disabled"])) : vue.createCommentVNode("", true),
             hasChanges.value || _ctx.url ? (vue.openBlock(), vue.createBlock(_component_VBtn, {
               key: 1,
@@ -20855,7 +20874,8 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
               default: vue.withCtx(() => _cache[6] || (_cache[6] = [
                 vue.createTextVNode(" Cancel ")
               ])),
-              _: 1
+              _: 1,
+              __: [6]
             }, 8, ["disabled"])) : vue.createCommentVNode("", true)
           ], 64))
         ]),
@@ -21496,7 +21516,7 @@ class Color {
   }
 }
 /*!
- * Chart.js v4.4.9
+ * Chart.js v4.5.0
  * https://www.chartjs.org
  * (c) 2025 Chart.js Contributors
  * Released under the MIT License
@@ -22393,7 +22413,7 @@ function _isDomSupported() {
   return passiveSupported;
 })();
 /*!
- * Chart.js v4.4.9
+ * Chart.js v4.5.0
  * https://www.chartjs.org
  * (c) 2025 Chart.js Contributors
  * Released under the MIT License
@@ -22402,10 +22422,6 @@ function abstract() {
   throw new Error("This method is not implemented: Check that a complete date adapter is provided.");
 }
 class DateAdapterBase {
-  constructor(options) {
-    __publicField(this, "options");
-    this.options = options || {};
-  }
   /**
   * Override default date adapter methods.
   * Accepts type parameter to define options type.
@@ -22419,6 +22435,10 @@ class DateAdapterBase {
   static override(members) {
     Object.assign(DateAdapterBase.prototype, members);
   }
+  options;
+  constructor(options) {
+    this.options = options || {};
+  }
   // eslint-disable-next-line @typescript-eslint/no-empty-function
   init() {
   }
@@ -22448,13 +22468,13 @@ var adapters = {
   _date: DateAdapterBase
 };
 class Element {
-  constructor() {
-    __publicField(this, "x");
-    __publicField(this, "y");
-    __publicField(this, "active", false);
-    __publicField(this, "options");
-    __publicField(this, "$animations");
-  }
+  static defaults = {};
+  static defaultRoutes = void 0;
+  x;
+  y;
+  active = false;
+  options;
+  $animations;
   tooltipPosition(useFinalPosition) {
     const { x, y } = this.getProps([
       "x",
@@ -22480,8 +22500,6 @@ class Element {
     return ret;
   }
 }
-__publicField(Element, "defaults", {});
-__publicField(Element, "defaultRoutes");
 function autoSkip(scale, ticks) {
   const tickOpts = scale.options.ticks;
   const determinedMaxTicks = determineMaxTicks(scale);
@@ -23864,6 +23882,34 @@ class Scale extends Element {
     return (this.isHorizontal() ? this.width : this.height) / fontSize;
   }
 }
+function clipSelf(ctx, element, endAngle) {
+  const { startAngle, x, y, outerRadius, innerRadius, options } = element;
+  const { borderWidth, borderJoinStyle } = options;
+  const outerAngleClip = Math.min(borderWidth / outerRadius, _normalizeAngle(startAngle - endAngle));
+  ctx.beginPath();
+  ctx.arc(x, y, outerRadius - borderWidth / 2, startAngle + outerAngleClip / 2, endAngle - outerAngleClip / 2);
+  if (innerRadius > 0) {
+    const innerAngleClip = Math.min(borderWidth / innerRadius, _normalizeAngle(startAngle - endAngle));
+    ctx.arc(x, y, innerRadius + borderWidth / 2, endAngle - innerAngleClip / 2, startAngle + innerAngleClip / 2, true);
+  } else {
+    const clipWidth = Math.min(borderWidth / 2, outerRadius * _normalizeAngle(startAngle - endAngle));
+    if (borderJoinStyle === "round") {
+      ctx.arc(x, y, clipWidth, endAngle - PI / 2, startAngle + PI / 2, true);
+    } else if (borderJoinStyle === "bevel") {
+      const r = 2 * clipWidth * clipWidth;
+      const endX = -r * Math.cos(endAngle + PI / 2) + x;
+      const endY = -r * Math.sin(endAngle + PI / 2) + y;
+      const startX = r * Math.cos(startAngle + PI / 2) + x;
+      const startY = r * Math.sin(startAngle + PI / 2) + y;
+      ctx.lineTo(endX, endY);
+      ctx.lineTo(startX, startY);
+    }
+  }
+  ctx.closePath();
+  ctx.moveTo(0, 0);
+  ctx.rect(0, 0, ctx.canvas.width, ctx.canvas.height);
+  ctx.clip("evenodd");
+}
 function clipArc(ctx, element, endAngle) {
   const { startAngle, pixelMargin, x, y, outerRadius, innerRadius } = element;
   let angleMargin = pixelMargin / outerRadius;
@@ -23990,7 +24036,7 @@ function drawArc(ctx, element, offset, spacing, circular) {
 }
 function drawBorder(ctx, element, offset, spacing, circular) {
   const { fullCircles, startAngle, circumference, options } = element;
-  const { borderWidth, borderJoinStyle, borderDash, borderDashOffset } = options;
+  const { borderWidth, borderJoinStyle, borderDash, borderDashOffset, borderRadius } = options;
   const inner = options.borderAlign === "inner";
   if (!borderWidth) {
     return;
@@ -24017,21 +24063,46 @@ function drawBorder(ctx, element, offset, spacing, circular) {
   if (inner) {
     clipArc(ctx, element, endAngle);
   }
+  if (options.selfJoin && endAngle - startAngle >= PI && borderRadius === 0 && borderJoinStyle !== "miter") {
+    clipSelf(ctx, element, endAngle);
+  }
   if (!fullCircles) {
     pathArc(ctx, element, offset, spacing, endAngle, circular);
     ctx.stroke();
   }
 }
 class ArcElement extends Element {
+  static id = "arc";
+  static defaults = {
+    borderAlign: "center",
+    borderColor: "#fff",
+    borderDash: [],
+    borderDashOffset: 0,
+    borderJoinStyle: void 0,
+    borderRadius: 0,
+    borderWidth: 2,
+    offset: 0,
+    spacing: 0,
+    angle: void 0,
+    circular: true,
+    selfJoin: false
+  };
+  static defaultRoutes = {
+    backgroundColor: "backgroundColor"
+  };
+  static descriptors = {
+    _scriptable: true,
+    _indexable: (name2) => name2 !== "borderDash"
+  };
+  circumference;
+  endAngle;
+  fullCircles;
+  innerRadius;
+  outerRadius;
+  pixelMargin;
+  startAngle;
   constructor(cfg) {
     super();
-    __publicField(this, "circumference");
-    __publicField(this, "endAngle");
-    __publicField(this, "fullCircles");
-    __publicField(this, "innerRadius");
-    __publicField(this, "outerRadius");
-    __publicField(this, "pixelMargin");
-    __publicField(this, "startAngle");
     this.options = void 0;
     this.circumference = void 0;
     this.startAngle = void 0;
@@ -24109,27 +24180,6 @@ class ArcElement extends Element {
     ctx.restore();
   }
 }
-__publicField(ArcElement, "id", "arc");
-__publicField(ArcElement, "defaults", {
-  borderAlign: "center",
-  borderColor: "#fff",
-  borderDash: [],
-  borderDashOffset: 0,
-  borderJoinStyle: void 0,
-  borderRadius: 0,
-  borderWidth: 2,
-  offset: 0,
-  spacing: 0,
-  angle: void 0,
-  circular: true
-});
-__publicField(ArcElement, "defaultRoutes", {
-  backgroundColor: "backgroundColor"
-});
-__publicField(ArcElement, "descriptors", {
-  _scriptable: true,
-  _indexable: (name2) => name2 !== "borderDash"
-});
 function inRange$1(el, pos, axis, useFinalPosition) {
   const options = el.options;
   const { [axis]: value } = el.getProps([
@@ -24138,11 +24188,31 @@ function inRange$1(el, pos, axis, useFinalPosition) {
   return Math.abs(pos - value) < options.radius + options.hitRadius;
 }
 class PointElement extends Element {
+  static id = "point";
+  parsed;
+  skip;
+  stop;
+  /**
+  * @type {any}
+  */
+  static defaults = {
+    borderWidth: 1,
+    hitRadius: 1,
+    hoverBorderWidth: 1,
+    hoverRadius: 4,
+    pointStyle: "circle",
+    radius: 3,
+    rotation: 0
+  };
+  /**
+  * @type {any}
+  */
+  static defaultRoutes = {
+    backgroundColor: "backgroundColor",
+    borderColor: "borderColor"
+  };
   constructor(cfg) {
     super();
-    __publicField(this, "parsed");
-    __publicField(this, "skip");
-    __publicField(this, "stop");
     this.options = void 0;
     this.parsed = void 0;
     this.skip = void 0;
@@ -24197,26 +24267,6 @@ class PointElement extends Element {
     return options.radius + options.hitRadius;
   }
 }
-__publicField(PointElement, "id", "point");
-/**
-* @type {any}
-*/
-__publicField(PointElement, "defaults", {
-  borderWidth: 1,
-  hitRadius: 1,
-  hoverBorderWidth: 1,
-  hoverRadius: 4,
-  pointStyle: "circle",
-  radius: 3,
-  rotation: 0
-});
-/**
-* @type {any}
-*/
-__publicField(PointElement, "defaultRoutes", {
-  backgroundColor: "backgroundColor",
-  borderColor: "borderColor"
-});
 function getBarBounds(bar, useFinalPosition) {
   const { x, y, base: base2, width, height } = bar.getProps([
     "x",
@@ -24331,6 +24381,18 @@ function inflateRect(rect, amount, refRect = {}) {
   };
 }
 class BarElement extends Element {
+  static id = "bar";
+  static defaults = {
+    borderSkipped: "start",
+    borderWidth: 0,
+    borderRadius: 0,
+    inflateAmount: "auto",
+    pointStyle: void 0
+  };
+  static defaultRoutes = {
+    backgroundColor: "backgroundColor",
+    borderColor: "borderColor"
+  };
   constructor(cfg) {
     super();
     this.options = void 0;
@@ -24387,18 +24449,6 @@ class BarElement extends Element {
     return axis === "x" ? this.width / 2 : this.height / 2;
   }
 }
-__publicField(BarElement, "id", "bar");
-__publicField(BarElement, "defaults", {
-  borderSkipped: "start",
-  borderWidth: 0,
-  borderRadius: 0,
-  inflateAmount: "auto",
-  pointStyle: void 0
-});
-__publicField(BarElement, "defaultRoutes", {
-  backgroundColor: "backgroundColor",
-  borderColor: "borderColor"
-});
 const INTERVALS = {
   millisecond: {
     common: true,
@@ -24535,6 +24585,26 @@ function ticksFromTimestamps(scale, values, majorUnit) {
   return ilen === 0 || !majorUnit ? ticks : setMajorTicks(scale, ticks, map3, majorUnit);
 }
 class TimeScale extends Scale {
+  static id = "time";
+  static defaults = {
+    bounds: "data",
+    adapters: {},
+    time: {
+      parser: false,
+      unit: false,
+      round: false,
+      isoWeekday: false,
+      minUnit: "millisecond",
+      displayFormats: {}
+    },
+    ticks: {
+      source: "auto",
+      callback: false,
+      major: {
+        enabled: false
+      }
+    }
+  };
   constructor(props2) {
     super(props2);
     this._cache = {
@@ -24801,26 +24871,6 @@ class TimeScale extends Scale {
     return _arrayUnique(values.sort(sorter));
   }
 }
-__publicField(TimeScale, "id", "time");
-__publicField(TimeScale, "defaults", {
-  bounds: "data",
-  adapters: {},
-  time: {
-    parser: false,
-    unit: false,
-    round: false,
-    isoWeekday: false,
-    minUnit: "millisecond",
-    displayFormats: {}
-  },
-  ticks: {
-    source: "auto",
-    callback: false,
-    major: {
-      enabled: false
-    }
-  }
-});
 function interpolate(table, val, reverse) {
   let lo = 0;
   let hi = table.length - 1;
@@ -24842,6 +24892,8 @@ function interpolate(table, val, reverse) {
   return span ? prevTarget + (nextTarget - prevTarget) * (val - prevSource) / span : prevTarget;
 }
 class TimeSeriesScale extends TimeScale {
+  static id = "timeseries";
+  static defaults = TimeScale.defaults;
   constructor(props2) {
     super(props2);
     this._table = [];
@@ -24927,8 +24979,6 @@ class TimeSeriesScale extends TimeScale {
     return interpolate(this._table, decimal * this._tableRange + this._minPos, true);
   }
 }
-__publicField(TimeSeriesScale, "id", "timeseries");
-__publicField(TimeSeriesScale, "defaults", TimeScale.defaults);
 /*!
  * chartjs-plugin-datalabels v2.2.0
  * https://chartjs-plugin-datalabels.netlify.app
@@ -25631,8 +25681,9 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
   __name: "Edit",
   props: {
     element: {},
+    isDragged: { type: Boolean },
     isFocused: { type: Boolean },
-    isDisabled: { type: Boolean }
+    isReadonly: { type: Boolean }
   },
   emits: ["save"],
   setup(__props) {
@@ -25642,7 +25693,7 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1, [
         !_ctx.element.data.url ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$3), {
           key: 0,
-          "is-disabled": _ctx.isDisabled,
+          "is-disabled": _ctx.isReadonly,
           "is-focused": _ctx.isFocused,
           name: `${vue.unref(index_default).name} component`,
           "active-icon": "mdi-arrow-up",
@@ -25669,7 +25720,7 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Edit = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-3d1ca580"]]);
+const Edit = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-d53be3ce"]]);
 const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
   __name: "SideToolbar",
   props: {
@@ -25722,12 +25773,11 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       emit2("save", elementData);
     };
     return (_ctx, _cache) => {
-      var _a;
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
         vue.createVNode(vue.unref(_sfc_main$4), {
           extensions: [".png", ".jpg", ".jpeg"],
           "public-url": _ctx.element.data.url,
-          url: (_a = _ctx.element.data.assets) == null ? void 0 : _a.url,
+          url: _ctx.element.data.assets?.url,
           class: "mx-auto",
           "upload-label": "Upload image",
           onInput: save2

package/dist/index.css

@@ -1,3 +1,3 @@
-.tce-image[data-v-3d1ca580] {
+.tce-image[data-v-d53be3ce] {
   text-align: left;
 }

package/dist/index.js

@@ -1,6 +1,3 @@
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 import "./index.css";
 import { ref, reactive, computed, toValue, unref, onMounted, isRef, watch, provide, readonly, watchEffect, nextTick, shallowRef, warn, getCurrentInstance, onUnmounted, inject, resolveComponent, TransitionGroup, defineComponent, h, createElementBlock, createCommentVNode, openBlock, Fragment as Fragment$1, createBlock, withCtx, createVNode, createTextVNode, toDisplayString, normalizeClass, createElementVNode } from "vue";
 var type = "IMAGE";
@@ -777,8 +774,8 @@ Stack.prototype.set = stackSet;
 var freeExports = typeof exports == "object" && exports && !exports.nodeType && exports;
 var freeModule = freeExports && typeof module == "object" && module && !module.nodeType && module;
 var moduleExports = freeModule && freeModule.exports === freeExports;
-var Buffer2 = moduleExports ? root.Buffer : void 0;
-Buffer2 ? Buffer2.allocUnsafe : void 0;
+var Buffer = moduleExports ? root.Buffer : void 0;
+Buffer ? Buffer.allocUnsafe : void 0;
 function cloneBuffer(buffer, isDeep) {
   {
     return buffer.slice();
@@ -853,10 +850,10 @@ function initCloneArray(array2) {
   }
   return result;
 }
-var Uint8Array2 = root.Uint8Array;
+var Uint8Array = root.Uint8Array;
 function cloneArrayBuffer(arrayBuffer) {
   var result = new arrayBuffer.constructor(arrayBuffer.byteLength);
-  new Uint8Array2(result).set(new Uint8Array2(arrayBuffer));
+  new Uint8Array(result).set(new Uint8Array(arrayBuffer));
   return result;
 }
 function cloneDataView(dataView, isDeep) {
@@ -1087,7 +1084,7 @@ function equalByTag(object2, other, tag, bitmask, customizer, equalFunc, stack)
       object2 = object2.buffer;
       other = other.buffer;
     case arrayBufferTag:
-      if (object2.byteLength != other.byteLength || !equalFunc(new Uint8Array2(object2), new Uint8Array2(other))) {
+      if (object2.byteLength != other.byteLength || !equalFunc(new Uint8Array(object2), new Uint8Array(other))) {
         return false;
       }
       return true;
@@ -1531,10 +1528,10 @@ function uniqueId(prefix) {
   var id = ++idCounter;
   return toString$1(prefix) + id;
 }
-var __defProp2 = Object.defineProperty;
+var __defProp = Object.defineProperty;
 var __export = (target, all) => {
   for (var name2 in all)
-    __defProp2(target, name2, { get: all[name2], enumerable: true });
+    __defProp(target, name2, { get: all[name2], enumerable: true });
 };
 var InsertLocation = /* @__PURE__ */ ((InsertLocation2) => {
   InsertLocation2["AddBefore"] = "ADD_BEFORE";
@@ -4342,7 +4339,7 @@ async function installDevtoolsPlugin(app) {
     if (!isClient) {
       return;
     }
-    const devtools = await import("./index-Dl6RoEe8.js");
+    const devtools = await import("./index-CjgztT59.js");
     devtools.setupDevtoolsPlugin({
       id: "vee-validate-devtools-plugin",
       label: "VeeValidate Plugin",
@@ -16633,7 +16630,7 @@ const cut = (originRange, targetPos) => ({ editor, tr }) => {
   tr.deleteRange(originRange.from, originRange.to);
   const newPos = tr.mapping.map(targetPos);
   tr.insert(newPos, contentSlice.content);
-  tr.setSelection(new TextSelection(tr.doc.resolve(newPos - 1)));
+  tr.setSelection(new TextSelection(tr.doc.resolve(Math.max(newPos - 1, 0))));
   return true;
 };
 const deleteCurrentNode = () => ({ tr, dispatch }) => {
@@ -18522,6 +18519,26 @@ function markPasteRule(config) {
     }
   });
 }
+function canInsertNode(state, nodeType) {
+  const { selection } = state;
+  const { $from } = selection;
+  if (selection instanceof NodeSelection) {
+    const index2 = $from.index();
+    const parent = $from.parent;
+    return parent.canReplaceWith(index2, index2 + 1, nodeType);
+  }
+  let depth = $from.depth;
+  while (depth >= 0) {
+    const index2 = $from.index(depth);
+    const parent = $from.node(depth);
+    const match = parent.contentMatchAt(index2);
+    if (match.matchType(nodeType)) {
+      return true;
+    }
+    depth -= 1;
+  }
+  return false;
+}
 Extension.create({
   name: "characterCount",
   addOptions() {
@@ -20122,6 +20139,9 @@ const HorizontalRule = Node2.create({
   addCommands() {
     return {
       setHorizontalRule: () => ({ chain, state }) => {
+        if (!canInsertNode(state, state.schema.nodes[this.name])) {
+          return false;
+        }
         const { selection } = state;
         const { $from: $originFrom, $to: $originTo } = selection;
         const currentChain = chain();
@@ -20761,10 +20781,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     const [urlInput] = defineField("url");
     const hasAsset = computed(() => file.value || urlInput.value);
     const hasChanges = computed(
-      () => {
-        var _a;
-        return props2.url !== (urlInput.value || ((_a = file.value) == null ? void 0 : _a.url) || null);
-      }
+      () => props2.url !== (urlInput.value || file.value?.url || null)
     );
     const fileName = computed(() => {
       if (!file.value || !file.value.url) return;
@@ -20833,7 +20850,8 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
             default: withCtx(() => _cache[4] || (_cache[4] = [
               createTextVNode("Edit")
             ])),
-            _: 1
+            _: 1,
+            __: [4]
           })) : (openBlock(), createElementBlock(Fragment$1, { key: 4 }, [
             hasChanges.value ? (openBlock(), createBlock(_component_VBtn, {
               key: 0,
@@ -20843,7 +20861,8 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
               default: withCtx(() => _cache[5] || (_cache[5] = [
                 createTextVNode("Save")
               ])),
-              _: 1
+              _: 1,
+              __: [5]
             }, 8, ["disabled"])) : createCommentVNode("", true),
             hasChanges.value || _ctx.url ? (openBlock(), createBlock(_component_VBtn, {
               key: 1,
@@ -20853,7 +20872,8 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
               default: withCtx(() => _cache[6] || (_cache[6] = [
                 createTextVNode(" Cancel ")
               ])),
-              _: 1
+              _: 1,
+              __: [6]
             }, 8, ["disabled"])) : createCommentVNode("", true)
           ], 64))
         ]),
@@ -21494,7 +21514,7 @@ class Color {
   }
 }
 /*!
- * Chart.js v4.4.9
+ * Chart.js v4.5.0
  * https://www.chartjs.org
  * (c) 2025 Chart.js Contributors
  * Released under the MIT License
@@ -22391,7 +22411,7 @@ function _isDomSupported() {
   return passiveSupported;
 })();
 /*!
- * Chart.js v4.4.9
+ * Chart.js v4.5.0
  * https://www.chartjs.org
  * (c) 2025 Chart.js Contributors
  * Released under the MIT License
@@ -22400,10 +22420,6 @@ function abstract() {
   throw new Error("This method is not implemented: Check that a complete date adapter is provided.");
 }
 class DateAdapterBase {
-  constructor(options) {
-    __publicField(this, "options");
-    this.options = options || {};
-  }
   /**
   * Override default date adapter methods.
   * Accepts type parameter to define options type.
@@ -22417,6 +22433,10 @@ class DateAdapterBase {
   static override(members) {
     Object.assign(DateAdapterBase.prototype, members);
   }
+  options;
+  constructor(options) {
+    this.options = options || {};
+  }
   // eslint-disable-next-line @typescript-eslint/no-empty-function
   init() {
   }
@@ -22446,13 +22466,13 @@ var adapters = {
   _date: DateAdapterBase
 };
 class Element {
-  constructor() {
-    __publicField(this, "x");
-    __publicField(this, "y");
-    __publicField(this, "active", false);
-    __publicField(this, "options");
-    __publicField(this, "$animations");
-  }
+  static defaults = {};
+  static defaultRoutes = void 0;
+  x;
+  y;
+  active = false;
+  options;
+  $animations;
   tooltipPosition(useFinalPosition) {
     const { x, y } = this.getProps([
       "x",
@@ -22478,8 +22498,6 @@ class Element {
     return ret;
   }
 }
-__publicField(Element, "defaults", {});
-__publicField(Element, "defaultRoutes");
 function autoSkip(scale, ticks) {
   const tickOpts = scale.options.ticks;
   const determinedMaxTicks = determineMaxTicks(scale);
@@ -23862,6 +23880,34 @@ class Scale extends Element {
     return (this.isHorizontal() ? this.width : this.height) / fontSize;
   }
 }
+function clipSelf(ctx, element, endAngle) {
+  const { startAngle, x, y, outerRadius, innerRadius, options } = element;
+  const { borderWidth, borderJoinStyle } = options;
+  const outerAngleClip = Math.min(borderWidth / outerRadius, _normalizeAngle(startAngle - endAngle));
+  ctx.beginPath();
+  ctx.arc(x, y, outerRadius - borderWidth / 2, startAngle + outerAngleClip / 2, endAngle - outerAngleClip / 2);
+  if (innerRadius > 0) {
+    const innerAngleClip = Math.min(borderWidth / innerRadius, _normalizeAngle(startAngle - endAngle));
+    ctx.arc(x, y, innerRadius + borderWidth / 2, endAngle - innerAngleClip / 2, startAngle + innerAngleClip / 2, true);
+  } else {
+    const clipWidth = Math.min(borderWidth / 2, outerRadius * _normalizeAngle(startAngle - endAngle));
+    if (borderJoinStyle === "round") {
+      ctx.arc(x, y, clipWidth, endAngle - PI / 2, startAngle + PI / 2, true);
+    } else if (borderJoinStyle === "bevel") {
+      const r = 2 * clipWidth * clipWidth;
+      const endX = -r * Math.cos(endAngle + PI / 2) + x;
+      const endY = -r * Math.sin(endAngle + PI / 2) + y;
+      const startX = r * Math.cos(startAngle + PI / 2) + x;
+      const startY = r * Math.sin(startAngle + PI / 2) + y;
+      ctx.lineTo(endX, endY);
+      ctx.lineTo(startX, startY);
+    }
+  }
+  ctx.closePath();
+  ctx.moveTo(0, 0);
+  ctx.rect(0, 0, ctx.canvas.width, ctx.canvas.height);
+  ctx.clip("evenodd");
+}
 function clipArc(ctx, element, endAngle) {
   const { startAngle, pixelMargin, x, y, outerRadius, innerRadius } = element;
   let angleMargin = pixelMargin / outerRadius;
@@ -23988,7 +24034,7 @@ function drawArc(ctx, element, offset, spacing, circular) {
 }
 function drawBorder(ctx, element, offset, spacing, circular) {
   const { fullCircles, startAngle, circumference, options } = element;
-  const { borderWidth, borderJoinStyle, borderDash, borderDashOffset } = options;
+  const { borderWidth, borderJoinStyle, borderDash, borderDashOffset, borderRadius } = options;
   const inner = options.borderAlign === "inner";
   if (!borderWidth) {
     return;
@@ -24015,21 +24061,46 @@ function drawBorder(ctx, element, offset, spacing, circular) {
   if (inner) {
     clipArc(ctx, element, endAngle);
   }
+  if (options.selfJoin && endAngle - startAngle >= PI && borderRadius === 0 && borderJoinStyle !== "miter") {
+    clipSelf(ctx, element, endAngle);
+  }
   if (!fullCircles) {
     pathArc(ctx, element, offset, spacing, endAngle, circular);
     ctx.stroke();
   }
 }
 class ArcElement extends Element {
+  static id = "arc";
+  static defaults = {
+    borderAlign: "center",
+    borderColor: "#fff",
+    borderDash: [],
+    borderDashOffset: 0,
+    borderJoinStyle: void 0,
+    borderRadius: 0,
+    borderWidth: 2,
+    offset: 0,
+    spacing: 0,
+    angle: void 0,
+    circular: true,
+    selfJoin: false
+  };
+  static defaultRoutes = {
+    backgroundColor: "backgroundColor"
+  };
+  static descriptors = {
+    _scriptable: true,
+    _indexable: (name2) => name2 !== "borderDash"
+  };
+  circumference;
+  endAngle;
+  fullCircles;
+  innerRadius;
+  outerRadius;
+  pixelMargin;
+  startAngle;
   constructor(cfg) {
     super();
-    __publicField(this, "circumference");
-    __publicField(this, "endAngle");
-    __publicField(this, "fullCircles");
-    __publicField(this, "innerRadius");
-    __publicField(this, "outerRadius");
-    __publicField(this, "pixelMargin");
-    __publicField(this, "startAngle");
     this.options = void 0;
     this.circumference = void 0;
     this.startAngle = void 0;
@@ -24107,27 +24178,6 @@ class ArcElement extends Element {
     ctx.restore();
   }
 }
-__publicField(ArcElement, "id", "arc");
-__publicField(ArcElement, "defaults", {
-  borderAlign: "center",
-  borderColor: "#fff",
-  borderDash: [],
-  borderDashOffset: 0,
-  borderJoinStyle: void 0,
-  borderRadius: 0,
-  borderWidth: 2,
-  offset: 0,
-  spacing: 0,
-  angle: void 0,
-  circular: true
-});
-__publicField(ArcElement, "defaultRoutes", {
-  backgroundColor: "backgroundColor"
-});
-__publicField(ArcElement, "descriptors", {
-  _scriptable: true,
-  _indexable: (name2) => name2 !== "borderDash"
-});
 function inRange$1(el, pos, axis, useFinalPosition) {
   const options = el.options;
   const { [axis]: value } = el.getProps([
@@ -24136,11 +24186,31 @@ function inRange$1(el, pos, axis, useFinalPosition) {
   return Math.abs(pos - value) < options.radius + options.hitRadius;
 }
 class PointElement extends Element {
+  static id = "point";
+  parsed;
+  skip;
+  stop;
+  /**
+  * @type {any}
+  */
+  static defaults = {
+    borderWidth: 1,
+    hitRadius: 1,
+    hoverBorderWidth: 1,
+    hoverRadius: 4,
+    pointStyle: "circle",
+    radius: 3,
+    rotation: 0
+  };
+  /**
+  * @type {any}
+  */
+  static defaultRoutes = {
+    backgroundColor: "backgroundColor",
+    borderColor: "borderColor"
+  };
   constructor(cfg) {
     super();
-    __publicField(this, "parsed");
-    __publicField(this, "skip");
-    __publicField(this, "stop");
     this.options = void 0;
     this.parsed = void 0;
     this.skip = void 0;
@@ -24195,26 +24265,6 @@ class PointElement extends Element {
     return options.radius + options.hitRadius;
   }
 }
-__publicField(PointElement, "id", "point");
-/**
-* @type {any}
-*/
-__publicField(PointElement, "defaults", {
-  borderWidth: 1,
-  hitRadius: 1,
-  hoverBorderWidth: 1,
-  hoverRadius: 4,
-  pointStyle: "circle",
-  radius: 3,
-  rotation: 0
-});
-/**
-* @type {any}
-*/
-__publicField(PointElement, "defaultRoutes", {
-  backgroundColor: "backgroundColor",
-  borderColor: "borderColor"
-});
 function getBarBounds(bar, useFinalPosition) {
   const { x, y, base: base2, width, height } = bar.getProps([
     "x",
@@ -24329,6 +24379,18 @@ function inflateRect(rect, amount, refRect = {}) {
   };
 }
 class BarElement extends Element {
+  static id = "bar";
+  static defaults = {
+    borderSkipped: "start",
+    borderWidth: 0,
+    borderRadius: 0,
+    inflateAmount: "auto",
+    pointStyle: void 0
+  };
+  static defaultRoutes = {
+    backgroundColor: "backgroundColor",
+    borderColor: "borderColor"
+  };
   constructor(cfg) {
     super();
     this.options = void 0;
@@ -24385,18 +24447,6 @@ class BarElement extends Element {
     return axis === "x" ? this.width / 2 : this.height / 2;
   }
 }
-__publicField(BarElement, "id", "bar");
-__publicField(BarElement, "defaults", {
-  borderSkipped: "start",
-  borderWidth: 0,
-  borderRadius: 0,
-  inflateAmount: "auto",
-  pointStyle: void 0
-});
-__publicField(BarElement, "defaultRoutes", {
-  backgroundColor: "backgroundColor",
-  borderColor: "borderColor"
-});
 const INTERVALS = {
   millisecond: {
     common: true,
@@ -24533,6 +24583,26 @@ function ticksFromTimestamps(scale, values, majorUnit) {
   return ilen === 0 || !majorUnit ? ticks : setMajorTicks(scale, ticks, map3, majorUnit);
 }
 class TimeScale extends Scale {
+  static id = "time";
+  static defaults = {
+    bounds: "data",
+    adapters: {},
+    time: {
+      parser: false,
+      unit: false,
+      round: false,
+      isoWeekday: false,
+      minUnit: "millisecond",
+      displayFormats: {}
+    },
+    ticks: {
+      source: "auto",
+      callback: false,
+      major: {
+        enabled: false
+      }
+    }
+  };
   constructor(props2) {
     super(props2);
     this._cache = {
@@ -24799,26 +24869,6 @@ class TimeScale extends Scale {
     return _arrayUnique(values.sort(sorter));
   }
 }
-__publicField(TimeScale, "id", "time");
-__publicField(TimeScale, "defaults", {
-  bounds: "data",
-  adapters: {},
-  time: {
-    parser: false,
-    unit: false,
-    round: false,
-    isoWeekday: false,
-    minUnit: "millisecond",
-    displayFormats: {}
-  },
-  ticks: {
-    source: "auto",
-    callback: false,
-    major: {
-      enabled: false
-    }
-  }
-});
 function interpolate(table, val, reverse) {
   let lo = 0;
   let hi = table.length - 1;
@@ -24840,6 +24890,8 @@ function interpolate(table, val, reverse) {
   return span ? prevTarget + (nextTarget - prevTarget) * (val - prevSource) / span : prevTarget;
 }
 class TimeSeriesScale extends TimeScale {
+  static id = "timeseries";
+  static defaults = TimeScale.defaults;
   constructor(props2) {
     super(props2);
     this._table = [];
@@ -24925,8 +24977,6 @@ class TimeSeriesScale extends TimeScale {
     return interpolate(this._table, decimal * this._tableRange + this._minPos, true);
   }
 }
-__publicField(TimeSeriesScale, "id", "timeseries");
-__publicField(TimeSeriesScale, "defaults", TimeScale.defaults);
 /*!
  * chartjs-plugin-datalabels v2.2.0
  * https://chartjs-plugin-datalabels.netlify.app
@@ -25629,8 +25679,9 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "Edit",
   props: {
     element: {},
+    isDragged: { type: Boolean },
     isFocused: { type: Boolean },
-    isDisabled: { type: Boolean }
+    isReadonly: { type: Boolean }
   },
   emits: ["save"],
   setup(__props) {
@@ -25640,7 +25691,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", _hoisted_1$1, [
         !_ctx.element.data.url ? (openBlock(), createBlock(unref(_sfc_main$3), {
           key: 0,
-          "is-disabled": _ctx.isDisabled,
+          "is-disabled": _ctx.isReadonly,
           "is-focused": _ctx.isFocused,
           name: `${unref(index_default).name} component`,
           "active-icon": "mdi-arrow-up",
@@ -25667,7 +25718,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Edit = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-3d1ca580"]]);
+const Edit = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-d53be3ce"]]);
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "SideToolbar",
   props: {
@@ -25720,12 +25771,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       emit2("save", elementData);
     };
     return (_ctx, _cache) => {
-      var _a;
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createVNode(unref(_sfc_main$4), {
           extensions: [".png", ".jpg", ".jpeg"],
           "public-url": _ctx.element.data.url,
-          url: (_a = _ctx.element.data.assets) == null ? void 0 : _a.url,
+          url: _ctx.element.data.assets?.url,
           class: "mx-auto",
           "upload-label": "Upload image",
           onInput: save2

package/package.json

@@ -3,7 +3,7 @@
   "description": "Tailor CMS image element authoring component",
   "author": "Studion <info@gostudion.com> (https://github.com/tailor-cms)",
   "type": "module",
-  "version": "1.0.4",
+  "version": "1.1.0",
   "exports": {
     ".": {
       "import": "./dist/index.js",
@@ -19,17 +19,17 @@
     "vue": "^3.5.13"
   },
   "devDependencies": {
-    "@tailor-cms/eslint-config": "0.0.2",
+    "@tailor-cms/eslint-config": "1.1.2",
     "@types/lodash-es": "^4.17.12",
-    "@vitejs/plugin-vue": "^5.2.1",
-    "typescript": "^5.7.3",
-    "vite": "^6.1.0",
-    "vue-tsc": "^2.2.0",
-    "@tailor-cms/ce-image-manifest": "1.0.4"
+    "@vitejs/plugin-vue": "^6.0.0",
+    "typescript": "^5.8.3",
+    "vite": "^7.0.3",
+    "vue-tsc": "^3.0.1",
+    "@tailor-cms/ce-image-manifest": "1.1.0"
   },
   "dependencies": {
-    "@tailor-cms/cek-common": "^0.0.3",
-    "@tailor-cms/core-components": "^1.0.40",
+    "@tailor-cms/cek-common": "^1.3.2",
+    "@tailor-cms/core-components": "^1.2.0",
     "lodash-es": "^4.17.21"
   },
   "publishConfig": {
@@ -37,8 +37,11 @@
   },
   "scripts": {
     "dev": "vite build --watch",
-    "build": "vue-tsc && vite build",
-    "lint": "eslint --ext .js,.ts,.vue ./src",
-    "lint:fix": "pnpm lint --fix"
+    "build": "pnpm nuke:dist && vue-tsc && vite build",
+    "lint": "eslint ./src",
+    "lint:fix": "pnpm lint --fix",
+    "nuke": "pnpm dlx del-cli dist node_modules",
+    "nuke:dist": "pnpm dlx del-cli dist",
+    "prepublish": "pnpm build"
   }
 }