@anzusystems/common-admin 1.47.0-beta.dev-1790143991 → 2.0.0-rc.1

package/dist/vendor/@cropper/element-selection/dist/element-selection.esm.raw.js

@@ -0,0 +1,317 @@
+import { ACTION_MOVE as e, ACTION_RESIZE_EAST as t, ACTION_RESIZE_NORTH as n, ACTION_RESIZE_NORTHEAST as r, ACTION_RESIZE_NORTHWEST as i, ACTION_RESIZE_SOUTH as a, ACTION_RESIZE_SOUTHEAST as o, ACTION_RESIZE_SOUTHWEST as s, ACTION_RESIZE_WEST as c, ACTION_SCALE as l, ACTION_SELECT as u, ACTION_TRANSFORM as d, CROPPER_CANVAS as f, CROPPER_IMAGE as p, CROPPER_SELECTION as m, EVENT_ACTION as h, EVENT_ACTION_END as g, EVENT_ACTION_START as _, EVENT_CHANGE as v, EVENT_KEYDOWN as y, getAdjustedSizes as b, getComposedPathTarget as x, getOffset as S, isFunction as C, isNumber as w, isPlainObject as T, isPositiveNumber as E, off as D, on as O } from "../../utils/dist/utils.esm.raw.js";
+import k from "../../element/dist/element.esm.raw.js";
+//#region node_modules/@cropper/element-selection/dist/element-selection.esm.raw.js
+var A = ":host{display:block;left:0;position:relative;right:0}:host([outlined]){outline:1px solid var(--theme-color)}:host([multiple]){outline:1px dashed hsla(0,0%,100%,.5)}:host([multiple]):after{bottom:0;content:\"\";cursor:pointer;display:block;left:0;position:absolute;right:0;top:0}:host([multiple][active]){outline-color:var(--theme-color);z-index:1}:host([multiple])>*{visibility:hidden}:host([multiple][active])>*{visibility:visible}:host([multiple][active]):after{display:none}", j = /* @__PURE__ */ new WeakMap(), M = class extends k {
+	constructor() {
+		super(...arguments), this.$onCanvasAction = null, this.$onCanvasActionStart = null, this.$onCanvasActionEnd = null, this.$onDocumentKeyDown = null, this.$action = "", this.$actionStartTarget = null, this.$changing = !1, this.$style = A, this.$initialSelection = {
+			x: 0,
+			y: 0,
+			width: 0,
+			height: 0
+		}, this.x = 0, this.y = 0, this.width = 0, this.height = 0, this.aspectRatio = NaN, this.initialAspectRatio = NaN, this.initialCoverage = NaN, this.active = !1, this.linked = !1, this.dynamic = !1, this.movable = !1, this.resizable = !1, this.zoomable = !1, this.multiple = !1, this.keyboard = !1, this.outlined = !1, this.precise = !1;
+	}
+	set $canvas(e) {
+		j.set(this, e);
+	}
+	get $canvas() {
+		return j.get(this);
+	}
+	static get observedAttributes() {
+		return super.observedAttributes.concat([
+			"active",
+			"aspect-ratio",
+			"dynamic",
+			"height",
+			"initial-aspect-ratio",
+			"initial-coverage",
+			"keyboard",
+			"linked",
+			"movable",
+			"multiple",
+			"outlined",
+			"precise",
+			"resizable",
+			"width",
+			"x",
+			"y",
+			"zoomable"
+		]);
+	}
+	$propertyChangedCallback(e, t, n) {
+		if (!Object.is(n, t)) switch (super.$propertyChangedCallback(e, t, n), e) {
+			case "x":
+			case "y":
+			case "width":
+			case "height":
+				this.$changing || this.$nextTick(() => {
+					this.$change(this.x, this.y, this.width, this.height, this.aspectRatio, !0);
+				});
+				break;
+			case "aspectRatio":
+			case "initialAspectRatio":
+				this.$nextTick(() => {
+					this.$initSelection();
+				});
+				break;
+			case "initialCoverage":
+				this.$nextTick(() => {
+					E(n) && n <= 1 && this.$initSelection(!0, !0);
+				});
+				break;
+			case "keyboard":
+				this.$nextTick(() => {
+					this.$canvas && (n ? this.$onDocumentKeyDown || (this.$onDocumentKeyDown = this.$handleKeyDown.bind(this), O(this.ownerDocument, y, this.$onDocumentKeyDown)) : this.$onDocumentKeyDown &&= (D(this.ownerDocument, y, this.$onDocumentKeyDown), null));
+				});
+				break;
+			case "multiple":
+				this.$nextTick(() => {
+					if (this.$canvas) {
+						let e = this.$getSelections();
+						n ? (e.forEach((e) => {
+							e.active = !1;
+						}), this.active = !0, this.$emit(v, {
+							x: this.x,
+							y: this.y,
+							width: this.width,
+							height: this.height
+						})) : (this.active = !1, e.slice(1).forEach((e) => {
+							this.$removeSelection(e);
+						}));
+					}
+				});
+				break;
+			case "precise":
+				this.$nextTick(() => {
+					this.$change(this.x, this.y);
+				});
+				break;
+			case "linked": n && (this.dynamic = !0);
+		}
+	}
+	connectedCallback() {
+		super.connectedCallback();
+		let e = this.closest(this.$getTagNameOf(f));
+		e ? (this.$canvas = e, this.$setStyles({
+			position: "absolute",
+			transform: `translate(${this.x}px, ${this.y}px)`
+		}), this.hidden || this.$render(), this.$initSelection(!0), this.$onCanvasActionStart = this.$handleActionStart.bind(this), this.$onCanvasActionEnd = this.$handleActionEnd.bind(this), this.$onCanvasAction = this.$handleAction.bind(this), O(e, _, this.$onCanvasActionStart), O(e, g, this.$onCanvasActionEnd), O(e, h, this.$onCanvasAction)) : this.$render();
+	}
+	disconnectedCallback() {
+		let { $canvas: e } = this;
+		e && (this.$onCanvasActionStart &&= (D(e, _, this.$onCanvasActionStart), null), this.$onCanvasActionEnd &&= (D(e, g, this.$onCanvasActionEnd), null), this.$onCanvasAction &&= (D(e, h, this.$onCanvasAction), null)), super.disconnectedCallback();
+	}
+	$getSelections() {
+		let e = [];
+		return this.parentElement && (e = Array.from(this.parentElement.querySelectorAll(this.$getTagNameOf(m)))), e;
+	}
+	$initSelection(e = !1, t = !1) {
+		let { initialCoverage: n, parentElement: r } = this;
+		if (E(n) && r) {
+			let i = this.aspectRatio || this.initialAspectRatio, a = (t ? 0 : this.width) || r.offsetWidth * n, o = (t ? 0 : this.height) || r.offsetHeight * n;
+			E(i) && ({width: a, height: o} = b({
+				aspectRatio: i,
+				width: a,
+				height: o
+			})), this.$change(this.x, this.y, a, o), e && this.$center(), this.$initialSelection = {
+				x: this.x,
+				y: this.y,
+				width: this.width,
+				height: this.height
+			};
+		}
+	}
+	$createSelection() {
+		let e = this.cloneNode(!0);
+		return this.hasAttribute("id") && e.removeAttribute("id"), e.initialCoverage = NaN, this.active = !1, this.parentElement && this.parentElement.insertBefore(e, this.nextSibling), e;
+	}
+	$removeSelection(e = this) {
+		if (this.parentElement) {
+			let t = this.$getSelections();
+			if (t.length > 1) {
+				let n = t.indexOf(e), r = t[n + 1] || t[n - 1];
+				r && (e.active = !1, this.parentElement.removeChild(e), r.active = !0, r.$emit(v, {
+					x: r.x,
+					y: r.y,
+					width: r.width,
+					height: r.height
+				}));
+			} else this.$clear();
+		}
+	}
+	$handleActionStart(e) {
+		if (e.defaultPrevented) return;
+		let t = e.detail?.relatedEvent?.target;
+		this.$action = "", this.$actionStartTarget = t, !this.hidden && this.multiple && !this.active && t === this && this.parentElement && (this.$getSelections().forEach((e) => {
+			e.active = !1;
+		}), this.active = !0, this.$emit(v, {
+			x: this.x,
+			y: this.y,
+			width: this.width,
+			height: this.height
+		}));
+	}
+	$handleAction(t) {
+		let { currentTarget: n, detail: a } = t;
+		if (t.defaultPrevented || !n || !a) return;
+		let { relatedEvent: c } = a, { action: f } = a, p = c ? x(c) : null;
+		if (!f && this.multiple && (f = this.$action || p?.action, this.$action = f), !f || this.hidden && f !== "select" || this.multiple && !this.active && f !== "scale") return;
+		let { width: m, height: h } = this, g = a.endX - a.startX, _ = a.endY - a.startY, { aspectRatio: v } = this;
+		switch (!E(v) && c.shiftKey && (v = E(m) && E(h) ? m / h : 1), f) {
+			case u:
+				if (g !== 0 || _ !== 0) {
+					g === 0 ? g = _ : _ === 0 && (_ = g);
+					let { $canvas: e } = this, t = S(n);
+					(this.multiple && !this.hidden ? this.$createSelection() : this).$change(a.startX - t.left, a.startY - t.top, Math.abs(g), Math.abs(_), v), g < 0 ? _ < 0 ? f = i : _ > 0 && (f = s) : g > 0 && (_ < 0 ? f = r : _ > 0 && (f = o)), e && (e.$action = f);
+				}
+				break;
+			case e:
+				this.movable && (this.dynamic || this.$actionStartTarget && this.contains(this.$actionStartTarget)) && this.$move(g, _);
+				break;
+			case l:
+			case d:
+				if (c && this.zoomable && (this.dynamic || this.contains(c.target))) {
+					let e = S(n);
+					this.$zoom(a.scale, c.pageX - e.left, c.pageY - e.top);
+				}
+				break;
+			default: this.$resize(f, g, _, v);
+		}
+	}
+	$handleActionEnd() {
+		this.$action = "", this.$actionStartTarget = null;
+	}
+	$handleKeyDown(e) {
+		if (e.defaultPrevented || this.hidden || !this.keyboard || this.multiple && !this.active) return;
+		let { activeElement: t } = document;
+		if (!(t && (["INPUT", "TEXTAREA"].includes(t.tagName) || ["true", "plaintext-only"].includes(t.contentEditable)))) switch (e.key) {
+			case "Backspace":
+				e.metaKey && (e.preventDefault(), this.$removeSelection());
+				break;
+			case "Delete":
+				e.preventDefault(), this.$removeSelection();
+				break;
+			case "ArrowLeft":
+				e.preventDefault(), this.$move(-1, 0);
+				break;
+			case "ArrowRight":
+				e.preventDefault(), this.$move(1, 0);
+				break;
+			case "ArrowUp":
+				e.preventDefault(), this.$move(0, -1);
+				break;
+			case "ArrowDown":
+				e.preventDefault(), this.$move(0, 1);
+				break;
+			case "+":
+				e.preventDefault(), this.$zoom(.1);
+				break;
+			case "-": e.preventDefault(), this.$zoom(-.1);
+		}
+	}
+	$center() {
+		let { parentElement: e } = this;
+		if (!e) return this;
+		let t = (e.offsetWidth - this.width) / 2, n = (e.offsetHeight - this.height) / 2;
+		return this.$change(t, n);
+	}
+	$move(e, t = e) {
+		return this.$moveTo(this.x + e, this.y + t);
+	}
+	$moveTo(e, t = e) {
+		return this.movable ? this.$change(e, t) : this;
+	}
+	$resize(e, l = 0, u = 0, d = this.aspectRatio) {
+		if (!this.resizable) return this;
+		let f = E(d), { $canvas: p } = this, { x: m, y: h, width: g, height: _ } = this;
+		switch (e) {
+			case n:
+				h += u, _ -= u, _ < 0 && (e = a, _ = -_, h -= _), f && (l = u * d, m += l / 2, g -= l, g < 0 && (g = -g, m -= g));
+				break;
+			case t:
+				g += l, g < 0 && (e = c, g = -g, m -= g), f && (u = l / d, h -= u / 2, _ += u, _ < 0 && (_ = -_, h -= _));
+				break;
+			case a:
+				_ += u, _ < 0 && (e = n, _ = -_, h -= _), f && (l = u * d, m -= l / 2, g += l, g < 0 && (g = -g, m -= g));
+				break;
+			case c:
+				m += l, g -= l, g < 0 && (e = t, g = -g, m -= g), f && (u = l / d, h += u / 2, _ -= u, _ < 0 && (_ = -_, h -= _));
+				break;
+			case r:
+				f && (u = -l / d), h += u, _ -= u, g += l, g < 0 && _ < 0 ? (e = s, g = -g, _ = -_, m -= g, h -= _) : g < 0 ? (e = i, g = -g, m -= g) : _ < 0 && (e = o, _ = -_, h -= _);
+				break;
+			case i:
+				f && (u = l / d), m += l, h += u, g -= l, _ -= u, g < 0 && _ < 0 ? (e = o, g = -g, _ = -_, m -= g, h -= _) : g < 0 ? (e = r, g = -g, m -= g) : _ < 0 && (e = s, _ = -_, h -= _);
+				break;
+			case o:
+				f && (u = l / d), g += l, _ += u, g < 0 && _ < 0 ? (e = i, g = -g, _ = -_, m -= g, h -= _) : g < 0 ? (e = s, g = -g, m -= g) : _ < 0 && (e = r, _ = -_, h -= _);
+				break;
+			case s: f && (u = -l / d), m += l, g -= l, _ += u, g < 0 && _ < 0 ? (e = r, g = -g, _ = -_, m -= g, h -= _) : g < 0 ? (e = o, g = -g, m -= g) : _ < 0 && (e = i, _ = -_, h -= _);
+		}
+		return p && p.$setAction(e), this.$change(m, h, g, _);
+	}
+	$zoom(e, t, n) {
+		if (!this.zoomable || e === 0) return this;
+		e < 0 ? e = 1 / (1 - e) : e += 1;
+		let { width: r, height: i } = this, a = r * e, o = i * e, s = this.x, c = this.y;
+		return w(t) && w(n) ? (s -= (a - r) * ((t - this.x) / r), c -= (o - i) * ((n - this.y) / i)) : (s -= (a - r) / 2, c -= (o - i) / 2), this.$change(s, c, a, o);
+	}
+	$change(e, t, n = this.width, r = this.height, i = this.aspectRatio, a = !1) {
+		return this.$changing || !w(e) || !w(t) || !w(n) || !w(r) || n < 0 || r < 0 || (E(i) && ({width: n, height: r} = b({
+			aspectRatio: i,
+			width: n,
+			height: r
+		}, "cover")), this.precise || (e = Math.round(e), t = Math.round(t), n = Math.round(n), r = Math.round(r)), e === this.x && t === this.y && n === this.width && r === this.height && Object.is(i, this.aspectRatio) && !a) || (this.hidden &&= !1, this.$emit("change", {
+			x: e,
+			y: t,
+			width: n,
+			height: r
+		}) === !1) ? this : (this.$changing = !0, this.x = e, this.y = t, this.width = n, this.height = r, this.$changing = !1, this.$render());
+	}
+	$reset() {
+		let { x: e, y: t, width: n, height: r } = this.$initialSelection;
+		return this.$change(e, t, n, r);
+	}
+	$clear() {
+		return this.$change(0, 0, 0, 0, NaN, !0), this.hidden = !0, this;
+	}
+	$render() {
+		return this.$setStyles({
+			transform: `translate(${this.x}px, ${this.y}px)`,
+			width: this.width,
+			height: this.height
+		});
+	}
+	$toCanvas(e) {
+		return new Promise((t, n) => {
+			if (!this.isConnected) {
+				n(/* @__PURE__ */ Error("The current element is not connected to the DOM."));
+				return;
+			}
+			let r = document.createElement("canvas"), { width: i, height: a } = this, o = 1;
+			if (T(e) && (E(e.width) || E(e.height)) && ({width: i, height: a} = b({
+				aspectRatio: i / a,
+				width: e.width,
+				height: e.height
+			}), o = i / this.width), r.width = i, r.height = a, !this.$canvas) {
+				t(r);
+				return;
+			}
+			let s = this.$canvas.querySelector(this.$getTagNameOf(p));
+			s ? s.$ready().then((n) => {
+				let c = r.getContext("2d");
+				if (c) {
+					let [t, l, u, d, f, p] = s.$getTransform(), m = -this.x, h = -this.y, g = (m * d - u * h) / (t * d - u * l), _ = (h * t - l * m) / (t * d - u * l), v = t * g + u * _ + f, y = l * g + d * _ + p, b = n.naturalWidth, x = n.naturalHeight;
+					o !== 1 && (v *= o, y *= o, b *= o, x *= o);
+					let S = b / 2, w = x / 2;
+					c.fillStyle = "transparent", c.fillRect(0, 0, i, a), T(e) && C(e.beforeDraw) && e.beforeDraw.call(this, c, r), c.save(), c.translate(S, w), c.transform(t, l, u, d, v, y), c.translate(-S, -w), c.drawImage(n, 0, 0, b, x), c.restore();
+				}
+				t(r);
+			}).catch(n) : t(r);
+		});
+	}
+};
+M.$name = m, M.$version = "2.2.0";
+//#endregion
+export { M as default };
+
+//# sourceMappingURL=element-selection.esm.raw.js.map

package/dist/vendor/@cropper/element-selection/dist/element-selection.esm.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"element-selection.esm.raw.js","names":["CropperElement","style","canvasCache","CropperSelection","element","newValue","oldValue","name","isPositiveNumber","on","EVENT_KEYDOWN","off","selections","EVENT_CHANGE","selection","$canvas","CROPPER_CANVAS","EVENT_ACTION_START","EVENT_ACTION_END","EVENT_ACTION","CROPPER_SELECTION","initialCoverage","parentElement","aspectRatio","width","resize","height","getAdjustedSizes","center","newSelection","index","activeSelection","event","relatedTarget","currentTarget","detail","relatedEvent","getComposedPathTarget","action","moveX","moveY","ACTION_SELECT","offset","getOffset","ACTION_RESIZE_NORTHWEST","ACTION_RESIZE_SOUTHWEST","ACTION_RESIZE_NORTHEAST","ACTION_RESIZE_SOUTHEAST","ACTION_MOVE","ACTION_SCALE","ACTION_TRANSFORM","activeElement","x","y","hasValidAspectRatio","ACTION_RESIZE_NORTH","offsetY","ACTION_RESIZE_SOUTH","offsetX","ACTION_RESIZE_EAST","ACTION_RESIZE_WEST","scale","newWidth","newHeight","newX","newY","isNumber","_force","canvas","isPlainObject","options","cropperImage","CROPPER_IMAGE","context","a","b","c","e","f","translateX","translateY","newE","newF","destWidth","image","destHeight","centerX","centerY","isFunction","reject","resolve"],"sources":["../../../../../node_modules/@cropper/element-selection/dist/element-selection.esm.raw.js"],"sourcesContent":["import CropperElement from '@cropper/element';\nimport { CROPPER_SELECTION, EVENT_CHANGE, on, EVENT_KEYDOWN, off, isPositiveNumber, CROPPER_CANVAS, EVENT_ACTION_START, EVENT_ACTION_END, EVENT_ACTION, getAdjustedSizes, getComposedPathTarget, ACTION_SELECT, ACTION_SCALE, ACTION_TRANSFORM, getOffset, ACTION_MOVE, ACTION_RESIZE_NORTHWEST, ACTION_RESIZE_SOUTHWEST, ACTION_RESIZE_NORTHEAST, ACTION_RESIZE_SOUTHEAST, isNumber, isPlainObject, CROPPER_IMAGE, isFunction, ACTION_RESIZE_WEST, ACTION_RESIZE_EAST, ACTION_RESIZE_SOUTH, ACTION_RESIZE_NORTH } from '@cropper/utils';\n\nvar style = `:host{display:block;left:0;position:relative;right:0}:host([outlined]){outline:1px solid var(--theme-color)}:host([multiple]){outline:1px dashed hsla(0,0%,100%,.5)}:host([multiple]):after{bottom:0;content:\"\";cursor:pointer;display:block;left:0;position:absolute;right:0;top:0}:host([multiple][active]){outline-color:var(--theme-color);z-index:1}:host([multiple])>*{visibility:hidden}:host([multiple][active])>*{visibility:visible}:host([multiple][active]):after{display:none}`;\n\nconst canvasCache = new WeakMap();\nclass CropperSelection extends CropperElement {\n    constructor() {\n        super(...arguments);\n        this.$onCanvasAction = null;\n        this.$onCanvasActionStart = null;\n        this.$onCanvasActionEnd = null;\n        this.$onDocumentKeyDown = null;\n        this.$action = '';\n        this.$actionStartTarget = null;\n        this.$changing = false;\n        this.$style = style;\n        this.$initialSelection = {\n            x: 0,\n            y: 0,\n            width: 0,\n            height: 0,\n        };\n        this.x = 0;\n        this.y = 0;\n        this.width = 0;\n        this.height = 0;\n        this.aspectRatio = NaN;\n        this.initialAspectRatio = NaN;\n        this.initialCoverage = NaN;\n        this.active = false;\n        // Deprecated as of v2.0.0-rc.0, use `dynamic` instead.\n        this.linked = false;\n        this.dynamic = false;\n        this.movable = false;\n        this.resizable = false;\n        this.zoomable = false;\n        this.multiple = false;\n        this.keyboard = false;\n        this.outlined = false;\n        this.precise = false;\n    }\n    set $canvas(element) {\n        canvasCache.set(this, element);\n    }\n    get $canvas() {\n        return canvasCache.get(this);\n    }\n    static get observedAttributes() {\n        return super.observedAttributes.concat([\n            'active',\n            'aspect-ratio',\n            'dynamic',\n            'height',\n            'initial-aspect-ratio',\n            'initial-coverage',\n            'keyboard',\n            'linked',\n            'movable',\n            'multiple',\n            'outlined',\n            'precise',\n            'resizable',\n            'width',\n            'x',\n            'y',\n            'zoomable',\n        ]);\n    }\n    $propertyChangedCallback(name, oldValue, newValue) {\n        if (Object.is(newValue, oldValue)) {\n            return;\n        }\n        super.$propertyChangedCallback(name, oldValue, newValue);\n        switch (name) {\n            case 'x':\n            case 'y':\n            case 'width':\n            case 'height':\n                if (!this.$changing) {\n                    this.$nextTick(() => {\n                        this.$change(this.x, this.y, this.width, this.height, this.aspectRatio, true);\n                    });\n                }\n                break;\n            case 'aspectRatio':\n            case 'initialAspectRatio':\n                this.$nextTick(() => {\n                    this.$initSelection();\n                });\n                break;\n            case 'initialCoverage':\n                this.$nextTick(() => {\n                    if (isPositiveNumber(newValue) && newValue <= 1) {\n                        this.$initSelection(true, true);\n                    }\n                });\n                break;\n            case 'keyboard':\n                this.$nextTick(() => {\n                    if (this.$canvas) {\n                        if (newValue) {\n                            if (!this.$onDocumentKeyDown) {\n                                this.$onDocumentKeyDown = this.$handleKeyDown.bind(this);\n                                on(this.ownerDocument, EVENT_KEYDOWN, this.$onDocumentKeyDown);\n                            }\n                        }\n                        else if (this.$onDocumentKeyDown) {\n                            off(this.ownerDocument, EVENT_KEYDOWN, this.$onDocumentKeyDown);\n                            this.$onDocumentKeyDown = null;\n                        }\n                    }\n                });\n                break;\n            case 'multiple':\n                this.$nextTick(() => {\n                    if (this.$canvas) {\n                        const selections = this.$getSelections();\n                        if (newValue) {\n                            selections.forEach((selection) => {\n                                selection.active = false;\n                            });\n                            this.active = true;\n                            this.$emit(EVENT_CHANGE, {\n                                x: this.x,\n                                y: this.y,\n                                width: this.width,\n                                height: this.height,\n                            });\n                        }\n                        else {\n                            this.active = false;\n                            selections.slice(1).forEach((selection) => {\n                                this.$removeSelection(selection);\n                            });\n                        }\n                    }\n                });\n                break;\n            case 'precise':\n                this.$nextTick(() => {\n                    this.$change(this.x, this.y);\n                });\n                break;\n            // Backwards compatible with 2.0.0-rc\n            case 'linked':\n                if (newValue) {\n                    this.dynamic = true;\n                }\n                break;\n        }\n    }\n    connectedCallback() {\n        super.connectedCallback();\n        const $canvas = this.closest(this.$getTagNameOf(CROPPER_CANVAS));\n        if ($canvas) {\n            this.$canvas = $canvas;\n            this.$setStyles({\n                position: 'absolute',\n                transform: `translate(${this.x}px, ${this.y}px)`,\n            });\n            if (!this.hidden) {\n                this.$render();\n            }\n            this.$initSelection(true);\n            this.$onCanvasActionStart = this.$handleActionStart.bind(this);\n            this.$onCanvasActionEnd = this.$handleActionEnd.bind(this);\n            this.$onCanvasAction = this.$handleAction.bind(this);\n            on($canvas, EVENT_ACTION_START, this.$onCanvasActionStart);\n            on($canvas, EVENT_ACTION_END, this.$onCanvasActionEnd);\n            on($canvas, EVENT_ACTION, this.$onCanvasAction);\n        }\n        else {\n            this.$render();\n        }\n    }\n    disconnectedCallback() {\n        const { $canvas } = this;\n        if ($canvas) {\n            if (this.$onCanvasActionStart) {\n                off($canvas, EVENT_ACTION_START, this.$onCanvasActionStart);\n                this.$onCanvasActionStart = null;\n            }\n            if (this.$onCanvasActionEnd) {\n                off($canvas, EVENT_ACTION_END, this.$onCanvasActionEnd);\n                this.$onCanvasActionEnd = null;\n            }\n            if (this.$onCanvasAction) {\n                off($canvas, EVENT_ACTION, this.$onCanvasAction);\n                this.$onCanvasAction = null;\n            }\n        }\n        super.disconnectedCallback();\n    }\n    $getSelections() {\n        let selections = [];\n        if (this.parentElement) {\n            selections = Array.from(this.parentElement.querySelectorAll(this.$getTagNameOf(CROPPER_SELECTION)));\n        }\n        return selections;\n    }\n    $initSelection(center = false, resize = false) {\n        const { initialCoverage, parentElement } = this;\n        if (isPositiveNumber(initialCoverage) && parentElement) {\n            const aspectRatio = this.aspectRatio || this.initialAspectRatio;\n            let width = (resize ? 0 : this.width) || parentElement.offsetWidth * initialCoverage;\n            let height = (resize ? 0 : this.height) || parentElement.offsetHeight * initialCoverage;\n            if (isPositiveNumber(aspectRatio)) {\n                ({ width, height } = getAdjustedSizes({ aspectRatio, width, height }));\n            }\n            this.$change(this.x, this.y, width, height);\n            if (center) {\n                this.$center();\n            }\n            // Overrides the initial position and size\n            this.$initialSelection = {\n                x: this.x,\n                y: this.y,\n                width: this.width,\n                height: this.height,\n            };\n        }\n    }\n    $createSelection() {\n        const newSelection = this.cloneNode(true);\n        if (this.hasAttribute('id')) {\n            newSelection.removeAttribute('id');\n        }\n        newSelection.initialCoverage = NaN;\n        this.active = false;\n        if (this.parentElement) {\n            this.parentElement.insertBefore(newSelection, this.nextSibling);\n        }\n        return newSelection;\n    }\n    $removeSelection(selection = this) {\n        if (this.parentElement) {\n            const selections = this.$getSelections();\n            if (selections.length > 1) {\n                const index = selections.indexOf(selection);\n                const activeSelection = selections[index + 1] || selections[index - 1];\n                if (activeSelection) {\n                    selection.active = false;\n                    this.parentElement.removeChild(selection);\n                    activeSelection.active = true;\n                    activeSelection.$emit(EVENT_CHANGE, {\n                        x: activeSelection.x,\n                        y: activeSelection.y,\n                        width: activeSelection.width,\n                        height: activeSelection.height,\n                    });\n                }\n            }\n            else {\n                this.$clear();\n            }\n        }\n    }\n    $handleActionStart(event) {\n        var _a, _b;\n        if (event.defaultPrevented) {\n            return;\n        }\n        const relatedTarget = (_b = (_a = event.detail) === null || _a === void 0 ? void 0 : _a.relatedEvent) === null || _b === void 0 ? void 0 : _b.target;\n        this.$action = '';\n        this.$actionStartTarget = relatedTarget;\n        if (!this.hidden\n            && this.multiple\n            && !this.active\n            && relatedTarget === this\n            && this.parentElement) {\n            this.$getSelections().forEach((selection) => {\n                selection.active = false;\n            });\n            this.active = true;\n            this.$emit(EVENT_CHANGE, {\n                x: this.x,\n                y: this.y,\n                width: this.width,\n                height: this.height,\n            });\n        }\n    }\n    $handleAction(event) {\n        const { currentTarget, detail } = event;\n        if (event.defaultPrevented || !currentTarget || !detail) {\n            return;\n        }\n        const { relatedEvent } = detail;\n        let { action } = detail;\n        const relatedTarget = relatedEvent\n            ? getComposedPathTarget(relatedEvent)\n            : null;\n        // Switching to another selection\n        if (!action && this.multiple) {\n            // Get the `action` property from the focusing in selection\n            action = this.$action || (relatedTarget === null || relatedTarget === void 0 ? void 0 : relatedTarget.action);\n            this.$action = action;\n        }\n        if (!action\n            || (this.hidden && action !== ACTION_SELECT)\n            || (this.multiple && !this.active && action !== ACTION_SCALE)) {\n            return;\n        }\n        const { width, height } = this;\n        let moveX = detail.endX - detail.startX;\n        let moveY = detail.endY - detail.startY;\n        let { aspectRatio } = this;\n        // Locking aspect ratio by holding shift key\n        if (!isPositiveNumber(aspectRatio) && relatedEvent.shiftKey) {\n            aspectRatio = isPositiveNumber(width) && isPositiveNumber(height) ? width / height : 1;\n        }\n        switch (action) {\n            case ACTION_SELECT:\n                if (moveX !== 0 || moveY !== 0) {\n                    // Force to create a square selection for better user experience\n                    if (moveX === 0) {\n                        moveX = moveY;\n                    }\n                    else if (moveY === 0) {\n                        moveY = moveX;\n                    }\n                    const { $canvas } = this;\n                    const offset = getOffset(currentTarget);\n                    (this.multiple && !this.hidden ? this.$createSelection() : this).$change(detail.startX - offset.left, detail.startY - offset.top, Math.abs(moveX), Math.abs(moveY), aspectRatio);\n                    if (moveX < 0) {\n                        if (moveY < 0) {\n                            // ↖️\n                            action = ACTION_RESIZE_NORTHWEST;\n                        }\n                        else if (moveY > 0) {\n                            // ↙️\n                            action = ACTION_RESIZE_SOUTHWEST;\n                        }\n                    }\n                    else if (moveX > 0) {\n                        if (moveY < 0) {\n                            // ↗️\n                            action = ACTION_RESIZE_NORTHEAST;\n                        }\n                        else if (moveY > 0) {\n                            // ↘️\n                            action = ACTION_RESIZE_SOUTHEAST;\n                        }\n                    }\n                    if ($canvas) {\n                        $canvas.$action = action;\n                    }\n                }\n                break;\n            case ACTION_MOVE:\n                if (this.movable && (this.dynamic\n                    || (this.$actionStartTarget && this.contains(this.$actionStartTarget)))) {\n                    this.$move(moveX, moveY);\n                }\n                break;\n            case ACTION_SCALE:\n            case ACTION_TRANSFORM:\n                if (relatedEvent && this.zoomable && (this.dynamic\n                    || this.contains(relatedEvent.target))) {\n                    const offset = getOffset(currentTarget);\n                    this.$zoom(detail.scale, relatedEvent.pageX - offset.left, relatedEvent.pageY - offset.top);\n                }\n                break;\n            default:\n                this.$resize(action, moveX, moveY, aspectRatio);\n        }\n    }\n    $handleActionEnd() {\n        this.$action = '';\n        this.$actionStartTarget = null;\n    }\n    $handleKeyDown(event) {\n        if (event.defaultPrevented\n            || this.hidden\n            || !this.keyboard\n            || (this.multiple && !this.active)) {\n            return;\n        }\n        const { activeElement } = document;\n        // Disable keyboard control when input something\n        if (activeElement && (['INPUT', 'TEXTAREA'].includes(activeElement.tagName)\n            || ['true', 'plaintext-only'].includes(activeElement.contentEditable))) {\n            return;\n        }\n        switch (event.key) {\n            case 'Backspace':\n                if (event.metaKey) {\n                    event.preventDefault();\n                    this.$removeSelection();\n                }\n                break;\n            case 'Delete':\n                event.preventDefault();\n                this.$removeSelection();\n                break;\n            // Move to the left\n            case 'ArrowLeft':\n                event.preventDefault();\n                this.$move(-1, 0);\n                break;\n            // Move to the right\n            case 'ArrowRight':\n                event.preventDefault();\n                this.$move(1, 0);\n                break;\n            // Move to the top\n            case 'ArrowUp':\n                event.preventDefault();\n                this.$move(0, -1);\n                break;\n            // Move to the bottom\n            case 'ArrowDown':\n                event.preventDefault();\n                this.$move(0, 1);\n                break;\n            case '+':\n                event.preventDefault();\n                this.$zoom(0.1);\n                break;\n            case '-':\n                event.preventDefault();\n                this.$zoom(-0.1);\n                break;\n        }\n    }\n    /**\n     * Aligns the selection to the center of its parent element.\n     * @returns {CropperSelection} Returns `this` for chaining.\n     */\n    $center() {\n        const { parentElement } = this;\n        if (!parentElement) {\n            return this;\n        }\n        const x = (parentElement.offsetWidth - this.width) / 2;\n        const y = (parentElement.offsetHeight - this.height) / 2;\n        return this.$change(x, y);\n    }\n    /**\n     * Moves the selection.\n     * @param {number} x The moving distance in the horizontal direction.\n     * @param {number} [y] The moving distance in the vertical direction.\n     * @returns {CropperSelection} Returns `this` for chaining.\n     */\n    $move(x, y = x) {\n        return this.$moveTo(this.x + x, this.y + y);\n    }\n    /**\n     * Moves the selection to a specific position.\n     * @param {number} x The new position in the horizontal direction.\n     * @param {number} [y] The new position in the vertical direction.\n     * @returns {CropperSelection} Returns `this` for chaining.\n     */\n    $moveTo(x, y = x) {\n        if (!this.movable) {\n            return this;\n        }\n        return this.$change(x, y);\n    }\n    /**\n     * Adjusts the size the selection on a specific side or corner.\n     * @param {string} action Indicates the side or corner to resize.\n     * @param {number} [offsetX] The horizontal offset of the specific side or corner.\n     * @param {number} [offsetY] The vertical offset of the specific side or corner.\n     * @param {number} [aspectRatio] The aspect ratio for computing the new size if it is necessary.\n     * @returns {CropperSelection} Returns `this` for chaining.\n     */\n    $resize(action, offsetX = 0, offsetY = 0, aspectRatio = this.aspectRatio) {\n        if (!this.resizable) {\n            return this;\n        }\n        const hasValidAspectRatio = isPositiveNumber(aspectRatio);\n        const { $canvas } = this;\n        let { x, y, width, height, } = this;\n        switch (action) {\n            case ACTION_RESIZE_NORTH:\n                y += offsetY;\n                height -= offsetY;\n                if (height < 0) {\n                    action = ACTION_RESIZE_SOUTH;\n                    height = -height;\n                    y -= height;\n                }\n                if (hasValidAspectRatio) {\n                    offsetX = offsetY * aspectRatio;\n                    x += offsetX / 2;\n                    width -= offsetX;\n                    if (width < 0) {\n                        width = -width;\n                        x -= width;\n                    }\n                }\n                break;\n            case ACTION_RESIZE_EAST:\n                width += offsetX;\n                if (width < 0) {\n                    action = ACTION_RESIZE_WEST;\n                    width = -width;\n                    x -= width;\n                }\n                if (hasValidAspectRatio) {\n                    offsetY = offsetX / aspectRatio;\n                    y -= offsetY / 2;\n                    height += offsetY;\n                    if (height < 0) {\n                        height = -height;\n                        y -= height;\n                    }\n                }\n                break;\n            case ACTION_RESIZE_SOUTH:\n                height += offsetY;\n                if (height < 0) {\n                    action = ACTION_RESIZE_NORTH;\n                    height = -height;\n                    y -= height;\n                }\n                if (hasValidAspectRatio) {\n                    offsetX = offsetY * aspectRatio;\n                    x -= offsetX / 2;\n                    width += offsetX;\n                    if (width < 0) {\n                        width = -width;\n                        x -= width;\n                    }\n                }\n                break;\n            case ACTION_RESIZE_WEST:\n                x += offsetX;\n                width -= offsetX;\n                if (width < 0) {\n                    action = ACTION_RESIZE_EAST;\n                    width = -width;\n                    x -= width;\n                }\n                if (hasValidAspectRatio) {\n                    offsetY = offsetX / aspectRatio;\n                    y += offsetY / 2;\n                    height -= offsetY;\n                    if (height < 0) {\n                        height = -height;\n                        y -= height;\n                    }\n                }\n                break;\n            case ACTION_RESIZE_NORTHEAST:\n                if (hasValidAspectRatio) {\n                    offsetY = -offsetX / aspectRatio;\n                }\n                y += offsetY;\n                height -= offsetY;\n                width += offsetX;\n                if (width < 0 && height < 0) {\n                    action = ACTION_RESIZE_SOUTHWEST;\n                    width = -width;\n                    height = -height;\n                    x -= width;\n                    y -= height;\n                }\n                else if (width < 0) {\n                    action = ACTION_RESIZE_NORTHWEST;\n                    width = -width;\n                    x -= width;\n                }\n                else if (height < 0) {\n                    action = ACTION_RESIZE_SOUTHEAST;\n                    height = -height;\n                    y -= height;\n                }\n                break;\n            case ACTION_RESIZE_NORTHWEST:\n                if (hasValidAspectRatio) {\n                    offsetY = offsetX / aspectRatio;\n                }\n                x += offsetX;\n                y += offsetY;\n                width -= offsetX;\n                height -= offsetY;\n                if (width < 0 && height < 0) {\n                    action = ACTION_RESIZE_SOUTHEAST;\n                    width = -width;\n                    height = -height;\n                    x -= width;\n                    y -= height;\n                }\n                else if (width < 0) {\n                    action = ACTION_RESIZE_NORTHEAST;\n                    width = -width;\n                    x -= width;\n                }\n                else if (height < 0) {\n                    action = ACTION_RESIZE_SOUTHWEST;\n                    height = -height;\n                    y -= height;\n                }\n                break;\n            case ACTION_RESIZE_SOUTHEAST:\n                if (hasValidAspectRatio) {\n                    offsetY = offsetX / aspectRatio;\n                }\n                width += offsetX;\n                height += offsetY;\n                if (width < 0 && height < 0) {\n                    action = ACTION_RESIZE_NORTHWEST;\n                    width = -width;\n                    height = -height;\n                    x -= width;\n                    y -= height;\n                }\n                else if (width < 0) {\n                    action = ACTION_RESIZE_SOUTHWEST;\n                    width = -width;\n                    x -= width;\n                }\n                else if (height < 0) {\n                    action = ACTION_RESIZE_NORTHEAST;\n                    height = -height;\n                    y -= height;\n                }\n                break;\n            case ACTION_RESIZE_SOUTHWEST:\n                if (hasValidAspectRatio) {\n                    offsetY = -offsetX / aspectRatio;\n                }\n                x += offsetX;\n                width -= offsetX;\n                height += offsetY;\n                if (width < 0 && height < 0) {\n                    action = ACTION_RESIZE_NORTHEAST;\n                    width = -width;\n                    height = -height;\n                    x -= width;\n                    y -= height;\n                }\n                else if (width < 0) {\n                    action = ACTION_RESIZE_SOUTHEAST;\n                    width = -width;\n                    x -= width;\n                }\n                else if (height < 0) {\n                    action = ACTION_RESIZE_NORTHWEST;\n                    height = -height;\n                    y -= height;\n                }\n                break;\n        }\n        if ($canvas) {\n            $canvas.$setAction(action);\n        }\n        return this.$change(x, y, width, height);\n    }\n    /**\n     * Zooms the selection.\n     * @param {number} scale The zoom factor. Positive numbers for zooming in, and negative numbers for zooming out.\n     * @param {number} [x] The zoom origin in the horizontal, defaults to the center of the selection.\n     * @param {number} [y] The zoom origin in the vertical, defaults to the center of the selection.\n     * @returns {CropperSelection} Returns `this` for chaining.\n     */\n    $zoom(scale, x, y) {\n        if (!this.zoomable || scale === 0) {\n            return this;\n        }\n        if (scale < 0) {\n            scale = 1 / (1 - scale);\n        }\n        else {\n            scale += 1;\n        }\n        const { width, height } = this;\n        const newWidth = width * scale;\n        const newHeight = height * scale;\n        let newX = this.x;\n        let newY = this.y;\n        if (isNumber(x) && isNumber(y)) {\n            newX -= (newWidth - width) * ((x - this.x) / width);\n            newY -= (newHeight - height) * ((y - this.y) / height);\n        }\n        else {\n            // Zoom from the center of the selection\n            newX -= (newWidth - width) / 2;\n            newY -= (newHeight - height) / 2;\n        }\n        return this.$change(newX, newY, newWidth, newHeight);\n    }\n    /**\n     * Changes the position and/or size of the selection.\n     * @param {number} x The new position in the horizontal direction.\n     * @param {number} y The new position in the vertical direction.\n     * @param {number} [width] The new width.\n     * @param {number} [height] The new height.\n     * @param {number} [aspectRatio] The new aspect ratio for this change only.\n     * @param {number} [_force] Force change.\n     * @returns {CropperSelection} Returns `this` for chaining.\n     */\n    $change(x, y, width = this.width, height = this.height, aspectRatio = this.aspectRatio, _force = false) {\n        if (this.$changing\n            || !isNumber(x)\n            || !isNumber(y)\n            || !isNumber(width)\n            || !isNumber(height)\n            || width < 0\n            || height < 0) {\n            return this;\n        }\n        if (isPositiveNumber(aspectRatio)) {\n            ({ width, height } = getAdjustedSizes({ aspectRatio, width, height }, 'cover'));\n        }\n        if (!this.precise) {\n            x = Math.round(x);\n            y = Math.round(y);\n            width = Math.round(width);\n            height = Math.round(height);\n        }\n        if (x === this.x\n            && y === this.y\n            && width === this.width\n            && height === this.height\n            && Object.is(aspectRatio, this.aspectRatio)\n            && !_force) {\n            return this;\n        }\n        if (this.hidden) {\n            this.hidden = false;\n        }\n        if (this.$emit(EVENT_CHANGE, {\n            x,\n            y,\n            width,\n            height,\n        }) === false) {\n            return this;\n        }\n        this.$changing = true;\n        this.x = x;\n        this.y = y;\n        this.width = width;\n        this.height = height;\n        this.$changing = false;\n        return this.$render();\n    }\n    /**\n     * Resets the selection to its initial position and size.\n     * @returns {CropperSelection} Returns `this` for chaining.\n     */\n    $reset() {\n        const { x, y, width, height, } = this.$initialSelection;\n        return this.$change(x, y, width, height);\n    }\n    /**\n     * Clears the selection.\n     * @returns {CropperSelection} Returns `this` for chaining.\n     */\n    $clear() {\n        this.$change(0, 0, 0, 0, NaN, true);\n        this.hidden = true;\n        return this;\n    }\n    /**\n     * Refreshes the position or size of the selection.\n     * @returns {CropperSelection} Returns `this` for chaining.\n     */\n    $render() {\n        return this.$setStyles({\n            transform: `translate(${this.x}px, ${this.y}px)`,\n            width: this.width,\n            height: this.height,\n        });\n    }\n    /**\n     * Generates a real canvas element, with the image (selected area only) draw into if there is one.\n     * @param {object} [options] The available options.\n     * @param {number} [options.width] The width of the canvas.\n     * @param {number} [options.height] The height of the canvas.\n     * @param {Function} [options.beforeDraw] The function called before drawing the image onto the canvas.\n     * @returns {Promise} Returns a promise that resolves to the generated canvas element.\n     */\n    $toCanvas(options) {\n        return new Promise((resolve, reject) => {\n            if (!this.isConnected) {\n                reject(new Error('The current element is not connected to the DOM.'));\n                return;\n            }\n            const canvas = document.createElement('canvas');\n            let { width, height } = this;\n            let scale = 1;\n            if (isPlainObject(options)\n                && (isPositiveNumber(options.width) || isPositiveNumber(options.height))) {\n                ({ width, height } = getAdjustedSizes({\n                    aspectRatio: width / height,\n                    width: options.width,\n                    height: options.height,\n                }));\n                scale = width / this.width;\n            }\n            canvas.width = width;\n            canvas.height = height;\n            if (!this.$canvas) {\n                resolve(canvas);\n                return;\n            }\n            const cropperImage = this.$canvas.querySelector(this.$getTagNameOf(CROPPER_IMAGE));\n            if (!cropperImage) {\n                resolve(canvas);\n                return;\n            }\n            cropperImage.$ready().then((image) => {\n                const context = canvas.getContext('2d');\n                if (context) {\n                    const [a, b, c, d, e, f] = cropperImage.$getTransform();\n                    const offsetX = -this.x;\n                    const offsetY = -this.y;\n                    const translateX = ((offsetX * d) - (c * offsetY)) / ((a * d) - (c * b));\n                    const translateY = ((offsetY * a) - (b * offsetX)) / ((a * d) - (c * b));\n                    let newE = a * translateX + c * translateY + e;\n                    let newF = b * translateX + d * translateY + f;\n                    let destWidth = image.naturalWidth;\n                    let destHeight = image.naturalHeight;\n                    if (scale !== 1) {\n                        newE *= scale;\n                        newF *= scale;\n                        destWidth *= scale;\n                        destHeight *= scale;\n                    }\n                    const centerX = destWidth / 2;\n                    const centerY = destHeight / 2;\n                    context.fillStyle = 'transparent';\n                    context.fillRect(0, 0, width, height);\n                    if (isPlainObject(options) && isFunction(options.beforeDraw)) {\n                        options.beforeDraw.call(this, context, canvas);\n                    }\n                    context.save();\n                    // Move the transform origin to the center of the image.\n                    // https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin\n                    context.translate(centerX, centerY);\n                    context.transform(a, b, c, d, newE, newF);\n                    // Move the transform origin to the top-left of the image.\n                    context.translate(-centerX, -centerY);\n                    context.drawImage(image, 0, 0, destWidth, destHeight);\n                    context.restore();\n                }\n                resolve(canvas);\n            }).catch(reject);\n        });\n    }\n}\nCropperSelection.$name = CROPPER_SELECTION;\nCropperSelection.$version = '2.2.0';\n\nexport { CropperSelection as default };\n"],"ignoreList":[0],"mappings":"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"}

package/dist/vendor/@cropper/element-shade/dist/element-shade.esm.raw.js

@@ -0,0 +1,63 @@
+import { CROPPER_CANVAS as e, CROPPER_SELECTION as t, CROPPER_SHADE as n, EVENT_ACTION_END as r, EVENT_ACTION_START as i, EVENT_CHANGE as a, EVENT_RESIZE as o, WINDOW as s, isNumber as c, off as l, on as u } from "../../utils/dist/utils.esm.raw.js";
+import d from "../../element/dist/element.esm.raw.js";
+//#region node_modules/@cropper/element-shade/dist/element-shade.esm.raw.js
+var f = ":host{display:block;height:0;left:0;outline:var(--theme-color) solid 1px;position:relative;top:0;width:0}:host([transparent]){outline-color:transparent}", p = /* @__PURE__ */ new WeakMap(), m = class extends d {
+	constructor() {
+		super(...arguments), this.$onWindowResize = null, this.$onCanvasActionEnd = null, this.$onCanvasActionStart = null, this.$onSelectionChange = null, this.$style = f, this.x = 0, this.y = 0, this.width = 0, this.height = 0, this.slottable = !1, this.themeColor = "rgba(0, 0, 0, 0.65)";
+	}
+	set $canvas(e) {
+		p.set(this, e);
+	}
+	get $canvas() {
+		return p.get(this);
+	}
+	static get observedAttributes() {
+		return super.observedAttributes.concat([
+			"height",
+			"width",
+			"x",
+			"y"
+		]);
+	}
+	connectedCallback() {
+		super.connectedCallback();
+		let n = this.closest(this.$getTagNameOf(e));
+		if (n) {
+			this.$canvas = n, this.style.position = "absolute";
+			let e = n.querySelector(this.$getTagNameOf(t));
+			e && (this.$onWindowResize = this.$render.bind(this), this.$onCanvasActionStart = (t) => {
+				e.hidden && t.detail.action === "select" && (this.hidden = !1);
+			}, this.$onCanvasActionEnd = (t) => {
+				e.hidden && t.detail.action === "select" && (this.hidden = !0);
+			}, this.$onSelectionChange = (t) => {
+				if (t.target?.constructor?.$name !== "cropper-selection") return;
+				let { x: n, y: r, width: i, height: a } = t.defaultPrevented ? e : t.detail;
+				this.$change(n, r, i, a), (e.hidden || n === 0 && r === 0 && i === 0 && a === 0) && (this.hidden = !0);
+			}, u(window, o, this.$onWindowResize), u(n, i, this.$onCanvasActionStart), u(n, r, this.$onCanvasActionEnd), u(n, a, this.$onSelectionChange));
+		}
+		this.$render();
+	}
+	disconnectedCallback() {
+		let { $canvas: e } = this;
+		e && (this.$onWindowResize &&= (l(window, o, this.$onWindowResize), null), this.$onCanvasActionStart &&= (l(e, i, this.$onCanvasActionStart), null), this.$onCanvasActionEnd &&= (l(e, r, this.$onCanvasActionEnd), null), this.$onSelectionChange &&= (l(e, a, this.$onSelectionChange), null)), super.disconnectedCallback();
+	}
+	$change(e, t, n = this.width, r = this.height) {
+		return !c(e) || !c(t) || !c(n) || !c(r) || e === this.x && t === this.y && n === this.width && r === this.height ? this : (this.hidden &&= !1, this.x = e, this.y = t, this.width = n, this.height = r, this.$render());
+	}
+	$reset() {
+		return this.$change(0, 0, 0, 0);
+	}
+	$render() {
+		return this.$setStyles({
+			transform: `translate(${this.x}px, ${this.y}px)`,
+			width: this.width,
+			height: this.height,
+			outlineWidth: s.innerWidth * s.devicePixelRatio
+		});
+	}
+};
+m.$name = n, m.$version = "2.2.0";
+//#endregion
+export { m as default };
+
+//# sourceMappingURL=element-shade.esm.raw.js.map

package/dist/vendor/@cropper/element-shade/dist/element-shade.esm.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"element-shade.esm.raw.js","names":["CropperElement","style","canvasCache","CropperShade","element","$canvas","CROPPER_CANVAS","$selection","CROPPER_SELECTION","event","x","y","width","height","on","EVENT_RESIZE","EVENT_ACTION_START","EVENT_ACTION_END","EVENT_CHANGE","off","isNumber","WINDOW","CROPPER_SHADE"],"sources":["../../../../../node_modules/@cropper/element-shade/dist/element-shade.esm.raw.js"],"sourcesContent":["import CropperElement from '@cropper/element';\nimport { CROPPER_SHADE, CROPPER_CANVAS, CROPPER_SELECTION, ACTION_SELECT, on, EVENT_RESIZE, EVENT_ACTION_START, EVENT_ACTION_END, EVENT_CHANGE, off, isNumber, WINDOW } from '@cropper/utils';\n\nvar style = `:host{display:block;height:0;left:0;outline:var(--theme-color) solid 1px;position:relative;top:0;width:0}:host([transparent]){outline-color:transparent}`;\n\nconst canvasCache = new WeakMap();\nclass CropperShade extends CropperElement {\n    constructor() {\n        super(...arguments);\n        this.$onWindowResize = null;\n        this.$onCanvasActionEnd = null;\n        this.$onCanvasActionStart = null;\n        this.$onSelectionChange = null;\n        this.$style = style;\n        this.x = 0;\n        this.y = 0;\n        this.width = 0;\n        this.height = 0;\n        this.slottable = false;\n        this.themeColor = 'rgba(0, 0, 0, 0.65)';\n    }\n    set $canvas(element) {\n        canvasCache.set(this, element);\n    }\n    get $canvas() {\n        return canvasCache.get(this);\n    }\n    static get observedAttributes() {\n        return super.observedAttributes.concat([\n            'height',\n            'width',\n            'x',\n            'y',\n        ]);\n    }\n    connectedCallback() {\n        super.connectedCallback();\n        const $canvas = this.closest(this.$getTagNameOf(CROPPER_CANVAS));\n        if ($canvas) {\n            this.$canvas = $canvas;\n            this.style.position = 'absolute';\n            const $selection = $canvas.querySelector(this.$getTagNameOf(CROPPER_SELECTION));\n            if ($selection) {\n                this.$onWindowResize = this.$render.bind(this);\n                this.$onCanvasActionStart = (event) => {\n                    if ($selection.hidden && event.detail.action === ACTION_SELECT) {\n                        this.hidden = false;\n                    }\n                };\n                this.$onCanvasActionEnd = (event) => {\n                    if ($selection.hidden && event.detail.action === ACTION_SELECT) {\n                        this.hidden = true;\n                    }\n                };\n                this.$onSelectionChange = (event) => {\n                    var _a, _b;\n                    if (((_b = (_a = event.target) === null || _a === void 0 ? void 0 : _a.constructor) === null || _b === void 0 ? void 0 : _b.$name) !== CROPPER_SELECTION) {\n                        return;\n                    }\n                    const { x, y, width, height, } = event.defaultPrevented ? $selection : event.detail;\n                    this.$change(x, y, width, height);\n                    if ($selection.hidden || (x === 0 && y === 0 && width === 0 && height === 0)) {\n                        this.hidden = true;\n                    }\n                };\n                on(window, EVENT_RESIZE, this.$onWindowResize);\n                on($canvas, EVENT_ACTION_START, this.$onCanvasActionStart);\n                on($canvas, EVENT_ACTION_END, this.$onCanvasActionEnd);\n                on($canvas, EVENT_CHANGE, this.$onSelectionChange);\n            }\n        }\n        this.$render();\n    }\n    disconnectedCallback() {\n        const { $canvas } = this;\n        if ($canvas) {\n            if (this.$onWindowResize) {\n                off(window, EVENT_RESIZE, this.$onWindowResize);\n                this.$onWindowResize = null;\n            }\n            if (this.$onCanvasActionStart) {\n                off($canvas, EVENT_ACTION_START, this.$onCanvasActionStart);\n                this.$onCanvasActionStart = null;\n            }\n            if (this.$onCanvasActionEnd) {\n                off($canvas, EVENT_ACTION_END, this.$onCanvasActionEnd);\n                this.$onCanvasActionEnd = null;\n            }\n            if (this.$onSelectionChange) {\n                off($canvas, EVENT_CHANGE, this.$onSelectionChange);\n                this.$onSelectionChange = null;\n            }\n        }\n        super.disconnectedCallback();\n    }\n    /**\n     * Changes the position and/or size of the shade.\n     * @param {number} x The new position in the horizontal direction.\n     * @param {number} y The new position in the vertical direction.\n     * @param {number} [width] The new width.\n     * @param {number} [height] The new height.\n     * @returns {CropperShade} Returns `this` for chaining.\n     */\n    $change(x, y, width = this.width, height = this.height) {\n        if (!isNumber(x)\n            || !isNumber(y)\n            || !isNumber(width)\n            || !isNumber(height)\n            || (x === this.x && y === this.y && width === this.width && height === this.height)) {\n            return this;\n        }\n        if (this.hidden) {\n            this.hidden = false;\n        }\n        this.x = x;\n        this.y = y;\n        this.width = width;\n        this.height = height;\n        return this.$render();\n    }\n    /**\n     * Resets the shade to its initial position and size.\n     * @returns {CropperShade} Returns `this` for chaining.\n     */\n    $reset() {\n        return this.$change(0, 0, 0, 0);\n    }\n    /**\n     * Refreshes the position or size of the shade.\n     * @returns {CropperShade} Returns `this` for chaining.\n     */\n    $render() {\n        return this.$setStyles({\n            transform: `translate(${this.x}px, ${this.y}px)`,\n            width: this.width,\n            height: this.height,\n            outlineWidth: WINDOW.innerWidth * WINDOW.devicePixelRatio,\n        });\n    }\n}\nCropperShade.$name = CROPPER_SHADE;\nCropperShade.$version = '2.2.0';\n\nexport { CropperShade as default };\n"],"ignoreList":[0],"mappings":";;;AAGA,IAAIC,IAAQ,4JAENC,oBAAc,IAAI,QAAQ,GAC1BC,IAAN,cAA2BH,EAAe;CACtC,cAAc;EAYV,AAXA,MAAM,GAAG,SAAS,GAClB,KAAK,kBAAkB,MACvB,KAAK,qBAAqB,MAC1B,KAAK,uBAAuB,MAC5B,KAAK,qBAAqB,MAC1B,KAAK,SAASC,GACd,KAAK,IAAI,GACT,KAAK,IAAI,GACT,KAAK,QAAQ,GACb,KAAK,SAAS,GACd,KAAK,YAAY,IACjB,KAAK,aAAa;CACtB;CACA,IAAI,QAAQ,GAAS;EACjB,EAAY,IAAI,MAAMG,CAAO;CACjC;CACA,IAAI,UAAU;EACV,OAAOF,EAAY,IAAI,IAAI;CAC/B;CACA,WAAW,qBAAqB;EAC5B,OAAO,MAAM,mBAAmB,OAAO;GACnC;GACA;GACA;GACA;EACJ,CAAC;CACL;CACA,oBAAoB;EAChB,MAAM,kBAAkB;EACxB,IAAMG,IAAU,KAAK,QAAQ,KAAK,cAAcC,CAAc,CAAC;EAC/D,IAAID,GAAS;GAET,AADA,KAAK,UAAUA,GACf,KAAK,MAAM,WAAW;GACtB,IAAME,IAAaF,EAAQ,cAAc,KAAK,cAAcG,CAAiB,CAAC;GAC9E,AAAID,MACA,KAAK,kBAAkB,KAAK,QAAQ,KAAK,IAAI,GAC7C,KAAK,wBAAwB,MAAU;IACnC,AAAIA,EAAW,UAAUE,EAAM,OAAO,WAAA,aAClC,KAAK,SAAS;GAEtB,GACA,KAAK,sBAAsB,MAAU;IACjC,AAAIF,EAAW,UAAUE,EAAM,OAAO,WAAA,aAClC,KAAK,SAAS;GAEtB,GACA,KAAK,sBAAsB,MAAU;IAEjC,IAAiBA,EAAM,QAAgD,aAAqD,UAAA,qBACxH;IAEJ,IAAM,EAAE,MAAG,MAAG,UAAO,cAAYA,EAAM,mBAAmBF,IAAaE,EAAM;IAE7E,AADA,KAAK,QAAQC,GAAGC,GAAGC,GAAOC,CAAM,IAC5BN,EAAW,UAAWG,MAAM,KAAKC,MAAM,KAAKC,MAAU,KAAKC,MAAW,OACtE,KAAK,SAAS;GAEtB,GACAC,EAAG,QAAQC,GAAc,KAAK,eAAe,GAC7CD,EAAGT,GAASW,GAAoB,KAAK,oBAAoB,GACzDF,EAAGT,GAASY,GAAkB,KAAK,kBAAkB,GACrDH,EAAGT,GAASa,GAAc,KAAK,kBAAkB;EAEzD;EACA,KAAK,QAAQ;CACjB;CACA,uBAAuB;EACnB,IAAM,EAAE,eAAY;EAmBpB,AAlBIb,MACA,AAEI,KAAK,qBADLc,EAAI,QAAQJ,GAAc,KAAK,eAAe,GACvB,OAE3B,AAEI,KAAK,0BADLI,EAAId,GAASW,GAAoB,KAAK,oBAAoB,GAC9B,OAEhC,AAEI,KAAK,wBADLG,EAAId,GAASY,GAAkB,KAAK,kBAAkB,GAC5B,OAE9B,AAEI,KAAK,wBADLE,EAAId,GAASa,GAAc,KAAK,kBAAkB,GACxB,QAGlC,MAAM,qBAAqB;CAC/B;CASA,QAAQ,GAAG,GAAG,IAAQ,KAAK,OAAO,IAAS,KAAK,QAAQ;EAepD,OAdI,CAACE,EAASV,CAAC,KACR,CAACU,EAAST,CAAC,KACX,CAACS,EAASR,CAAK,KACf,CAACQ,EAASP,CAAM,KACfH,MAAM,KAAK,KAAKC,MAAM,KAAK,KAAKC,MAAU,KAAK,SAASC,MAAW,KAAK,SACrE,QAEX,AACI,KAAK,WAAS,IAElB,KAAK,IAAIH,GACT,KAAK,IAAIC,GACT,KAAK,QAAQC,GACb,KAAK,SAASC,GACP,KAAK,QAAQ;CACxB;CAKA,SAAS;EACL,OAAO,KAAK,QAAQ,GAAG,GAAG,GAAG,CAAC;CAClC;CAKA,UAAU;EACN,OAAO,KAAK,WAAW;GACnB,WAAW,aAAa,KAAK,EAAE,MAAM,KAAK,EAAE;GAC5C,OAAO,KAAK;GACZ,QAAQ,KAAK;GACb,cAAcQ,EAAO,aAAaA,EAAO;EAC7C,CAAC;CACL;AACJ;AACA,EAAa,QAAQC,GACrB,EAAa,WAAW"}

package/dist/vendor/@cropper/element-viewer/dist/element-viewer.esm.raw.js

@@ -0,0 +1,110 @@
+import { CROPPER_CANVAS as e, CROPPER_IMAGE as t, CROPPER_SELECTION as n, CROPPER_VIEWER as r, EVENT_CHANGE as i, EVENT_LOAD as a, EVENT_TRANSFORM as o, getRootDocument as s, isElement as c, off as l, on as u } from "../../utils/dist/utils.esm.raw.js";
+import d from "../../element/dist/element.esm.raw.js";
+//#region node_modules/@cropper/element-viewer/dist/element-viewer.esm.raw.js
+var f = ":host{display:block;height:100%;overflow:hidden;position:relative;width:100%}", p = /* @__PURE__ */ new WeakMap(), m = /* @__PURE__ */ new WeakMap(), h = /* @__PURE__ */ new WeakMap(), g = /* @__PURE__ */ new WeakMap(), _ = "both", v = "horizontal", y = "vertical", b = "none", x = class extends d {
+	constructor() {
+		super(...arguments), this.$onSelectionChange = null, this.$onSourceImageLoad = null, this.$onSourceImageTransform = null, this.$scale = 1, this.$style = f, this.resize = y, this.selection = "", this.slottable = !1;
+	}
+	set $image(e) {
+		m.set(this, e);
+	}
+	get $image() {
+		return m.get(this);
+	}
+	set $sourceImage(e) {
+		g.set(this, e);
+	}
+	get $sourceImage() {
+		return g.get(this);
+	}
+	set $canvas(e) {
+		p.set(this, e);
+	}
+	get $canvas() {
+		return p.get(this);
+	}
+	set $selection(e) {
+		h.set(this, e);
+	}
+	get $selection() {
+		return h.get(this);
+	}
+	static get observedAttributes() {
+		return super.observedAttributes.concat(["resize", "selection"]);
+	}
+	connectedCallback() {
+		super.connectedCallback();
+		let r = null;
+		if (r = this.selection ? s(this)?.querySelector(this.selection) ?? null : this.closest(this.$getTagNameOf(n)), c(r)) {
+			this.$selection = r, this.$onSelectionChange = this.$handleSelectionChange.bind(this), u(r, i, this.$onSelectionChange);
+			let n = r.closest(this.$getTagNameOf(e));
+			if (n) {
+				this.$canvas = n;
+				let e = n.querySelector(this.$getTagNameOf(t));
+				e && (this.$sourceImage = e, this.$image = e.cloneNode(!0), this.$getShadowRoot().appendChild(this.$image), this.$onSourceImageLoad = this.$handleSourceImageLoad.bind(this), this.$onSourceImageTransform = this.$handleSourceImageTransform.bind(this), u(e.$image, a, this.$onSourceImageLoad), u(e, o, this.$onSourceImageTransform));
+			}
+			this.$render();
+		}
+	}
+	disconnectedCallback() {
+		let { $image: e, $selection: t, $sourceImage: n } = this;
+		t && this.$onSelectionChange && (l(t, i, this.$onSelectionChange), this.$onSelectionChange = null), n && this.$onSourceImageLoad && (l(n.$image, a, this.$onSourceImageLoad), this.$onSourceImageLoad = null), n && this.$onSourceImageTransform && (l(n, o, this.$onSourceImageTransform), this.$onSourceImageTransform = null);
+		let r = this.$getShadowRoot();
+		e && r?.contains(e) && r.removeChild(e), super.disconnectedCallback();
+	}
+	$handleSelectionChange(e) {
+		this.$render(e.defaultPrevented ? this.$selection : e.detail);
+	}
+	$handleSourceImageLoad() {
+		let { $image: e, $sourceImage: t } = this, n = e.getAttribute("src"), r = t.getAttribute("src");
+		r && r !== n && (e.setAttribute("src", r), e.$ready(() => {
+			this.$render();
+		}));
+	}
+	$handleSourceImageTransform(e) {
+		this.$render(void 0, e.detail.matrix);
+	}
+	$render(e, t) {
+		let { $canvas: n, $selection: r } = this;
+		!e && !r.hidden && (e = r), (!e || e.x === 0 && e.y === 0 && e.width === 0 && e.height === 0) && (e = {
+			x: 0,
+			y: 0,
+			width: n.offsetWidth,
+			height: n.offsetHeight
+		});
+		let { x: i, y: a, width: o, height: s } = e, c = {}, { clientWidth: l, clientHeight: u } = this, d = l, f = u, p = NaN;
+		switch (this.resize) {
+			case _:
+				p = 1, d = o, f = s, c.width = o, c.height = s;
+				break;
+			case v:
+				p = s > 0 ? u / s : 0, d = o * p, c.width = d;
+				break;
+			case y:
+				p = o > 0 ? l / o : 0, f = s * p, c.height = f;
+				break;
+			case b:
+			default: l > 0 ? p = o > 0 ? l / o : 0 : u > 0 && (p = s > 0 ? u / s : 0);
+		}
+		this.$scale = p, this.$setStyles(c), this.$sourceImage && setTimeout(() => {
+			this.$transformImageByOffset(t ?? this.$sourceImage.$getTransform(), -i, -a);
+		});
+	}
+	$transformImageByOffset(e, t, n) {
+		let { $image: r, $scale: i, $sourceImage: a } = this;
+		if (a && r && i >= 0) {
+			let [o, s, c, l, u, d] = e, f = (t * l - c * n) / (o * l - c * s), p = (n * o - s * t) / (o * l - c * s), m = o * f + c * p + u, h = s * f + l * p + d;
+			a.$ready((e) => {
+				this.$setStyles.call(r, {
+					width: e.naturalWidth * i,
+					height: e.naturalHeight * i
+				});
+			}), r.$setTransform(o, s, c, l, m * i, h * i);
+		}
+	}
+};
+x.$name = r, x.$version = "2.2.0";
+//#endregion
+export { _ as RESIZE_BOTH, v as RESIZE_HORIZONTAL, b as RESIZE_NONE, y as RESIZE_VERTICAL, x as default };
+
+//# sourceMappingURL=element-viewer.esm.raw.js.map