@anzusystems/common-admin 2.0.0-rc.1 → 2.0.0-rc.11

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

@@ -1,7 +1,7 @@
-import { ACTION_MOVE as e, ACTION_NONE as t, ACTION_ROTATE as n, ACTION_SCALE as r, ACTION_TRANSFORM as i, CROPPER_CANVAS as a, CROPPER_IMAGE as o, CROPPER_SELECTION as s, EVENT_ACTION as c, EVENT_ACTION_END as l, EVENT_ACTION_START as u, EVENT_ERROR as d, EVENT_LOAD as f, OBJECT_FIT_CONTAIN as p, OBJECT_FIT_COVER as m, OBJECT_FIT_FILL as h, OBJECT_FIT_NONE as g, OBJECT_FIT_SCALE_DOWN as _, isFunction as v, isNumber as y, multiplyMatrices as b, off as x, on as S, once as C, toAngleInRadian as w } from "../../utils/dist/utils.esm.raw.js";
-import T from "../../element/dist/element.esm.raw.js";
-//#region node_modules/@cropper/element-image/dist/element-image.esm.raw.js
-var E = ":host{display:inline-block}img{display:block;height:100%;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}", D = /* @__PURE__ */ new WeakMap(), O = [
+import e from "../../element/dist/element.esm.raw.js";
+import { ACTION_MOVE as t, ACTION_NONE as n, ACTION_ROTATE as r, ACTION_SCALE as i, ACTION_TRANSFORM as a, CROPPER_CANVAS as o, CROPPER_IMAGE as s, CROPPER_SELECTION as c, EVENT_ACTION as l, EVENT_ACTION_END as u, EVENT_ACTION_START as d, EVENT_ERROR as f, EVENT_LOAD as p, OBJECT_FIT_CONTAIN as m, OBJECT_FIT_COVER as h, OBJECT_FIT_FILL as g, OBJECT_FIT_NONE as _, OBJECT_FIT_SCALE_DOWN as v, exceedsInset as y, isFunction as b, isNumber as x, multiplyMatrices as S, off as C, on as w, once as T, toAngleInRadian as E } from "../../utils/dist/utils.esm.raw.js";
+// node_modules/@cropper/element-image/dist/element-image.esm.raw.js
+var D = ":host{display:inline-block}img{display:block;height:100%;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}", O = /* @__PURE__ */ new WeakMap(), k = [
 	"alt",
 	"crossorigin",
 	"decoding",
@@ -12,37 +12,40 @@ var E = ":host{display:inline-block}img{display:block;height:100%;max-height:non
 	"sizes",
 	"src",
 	"srcset"
-], k = class extends T {
+], A = class extends e {
 	constructor() {
-		super(...arguments), this.$isReady = !1, this.$matrix = [
+		super(...arguments), this.$isReady = !1, this.$insetRejected = !1, this.$matrix = [
 			1,
 			0,
 			0,
 			1,
 			0,
 			0
-		], this.$onLoad = null, this.$onCanvasAction = null, this.$onCanvasActionEnd = null, this.$onCanvasActionStart = null, this.$actionStartTarget = null, this.$style = E, this.$image = new Image(), this.initialCenterSize = "", this.initialFit = p, this.maxFit = "", this.minFit = "", this.rotatable = !1, this.scalable = !1, this.skewable = !1, this.slottable = !1, this.translatable = !1, this.alt = "", this.crossorigin = "", this.decoding = "", this.elementtiming = "", this.fetchpriority = "", this.loading = "", this.referrerpolicy = "", this.sizes = "", this.src = "", this.srcset = "";
+		], this.$onLoad = null, this.$onCanvasAction = null, this.$onCanvasActionEnd = null, this.$onCanvasActionStart = null, this.$actionStartTarget = null, this.$style = D, this.$image = new Image(), this.initialCenterSize = "", this.initialFit = m, this.maxFit = "", this.minFit = "", this.maxInset = "auto", this.minInset = "auto", this.zoomAroundCenter = !1, this.rotatable = !1, this.scalable = !1, this.skewable = !1, this.slottable = !1, this.translatable = !1, this.alt = "", this.crossorigin = "", this.decoding = "", this.elementtiming = "", this.fetchpriority = "", this.loading = "", this.referrerpolicy = "", this.sizes = "", this.src = "", this.srcset = "";
 	}
 	set $canvas(e) {
-		D.set(this, e);
+		O.set(this, e);
 	}
 	get $canvas() {
-		return D.get(this);
+		return O.get(this);
 	}
 	static get observedAttributes() {
-		return super.observedAttributes.concat(O, [
+		return super.observedAttributes.concat(k, [
 			"initial-center-size",
 			"initial-fit",
 			"max-fit",
+			"max-inset",
 			"min-fit",
+			"min-inset",
 			"rotatable",
 			"scalable",
 			"skewable",
-			"translatable"
+			"translatable",
+			"zoom-around-center"
 		]);
 	}
 	attributeChangedCallback(e, t, n) {
-		Object.is(n, t) || (super.attributeChangedCallback(e, t, n), O.includes(e) && (n === null ? this.$image.removeAttribute(e) : this.$image.setAttribute(e, n)));
+		Object.is(n, t) || (super.attributeChangedCallback(e, t, n), k.includes(e) && (n === null ? this.$image.removeAttribute(e) : this.$image.setAttribute(e, n)));
 	}
 	$propertyChangedCallback(e, t, n) {
 		if (!Object.is(n, t)) switch (super.$propertyChangedCallback(e, t, n), e) {
@@ -54,6 +57,8 @@ var E = ":host{display:inline-block}img{display:block;height:100%;max-height:non
 				break;
 			case "maxFit":
 			case "minFit":
+			case "maxInset":
+			case "minInset":
 				this.$nextTick(() => {
 					this.$isReady && this.$canvas && (this.$resetTransform(), this.$center(this.initialCenterSize || this.initialFit));
 				});
@@ -63,7 +68,7 @@ var E = ":host{display:inline-block}img{display:block;height:100%;max-height:non
 	}
 	connectedCallback() {
 		super.connectedCallback();
-		let { $image: e } = this, t = this.closest(this.$getTagNameOf(a));
+		let { $image: e } = this, t = this.closest(this.$getTagNameOf(o));
 		t && (this.$canvas = t, this.$setStyles({
 			display: "block",
 			position: "absolute"
@@ -71,11 +76,43 @@ var E = ":host{display:inline-block}img{display:block;height:100%;max-height:non
 			e.defaultPrevented || (this.$actionStartTarget = e.detail?.relatedEvent?.target);
 		}, this.$onCanvasActionEnd = () => {
 			this.$actionStartTarget = null;
-		}, this.$onCanvasAction = this.$handleAction.bind(this), S(t, u, this.$onCanvasActionStart), S(t, l, this.$onCanvasActionEnd), S(t, c, this.$onCanvasAction)), this.$onLoad = this.$handleLoad.bind(this), S(e, f, this.$onLoad), this.$getShadowRoot().appendChild(e);
+		}, this.$onCanvasAction = this.$handleAction.bind(this), w(t, d, this.$onCanvasActionStart), w(t, u, this.$onCanvasActionEnd), w(t, l, this.$onCanvasAction)), this.$onLoad = this.$handleLoad.bind(this), w(e, p, this.$onLoad), e.complete && e.naturalWidth > 0 && e.naturalHeight > 0 && this.$handleLoad(), this.$getShadowRoot().appendChild(e);
 	}
 	disconnectedCallback() {
 		let { $image: e, $canvas: t } = this;
-		t && (this.$onCanvasActionStart &&= (x(t, u, this.$onCanvasActionStart), null), this.$onCanvasActionEnd &&= (x(t, l, this.$onCanvasActionEnd), null), this.$onCanvasAction &&= (x(t, c, this.$onCanvasAction), null)), e && this.$onLoad && (x(e, f, this.$onLoad), this.$onLoad = null), this.$getShadowRoot().removeChild(e), super.disconnectedCallback();
+		t && (this.$onCanvasActionStart &&= (C(t, d, this.$onCanvasActionStart), null), this.$onCanvasActionEnd &&= (C(t, u, this.$onCanvasActionEnd), null), this.$onCanvasAction &&= (C(t, l, this.$onCanvasAction), null)), e && this.$onLoad && (C(e, p, this.$onLoad), this.$onLoad = null), this.$getShadowRoot().removeChild(e), super.disconnectedCallback();
+	}
+	$exceedsFit(e, t) {
+		let { naturalWidth: n, naturalHeight: r } = this.$image, { maxFit: i, minFit: a } = this;
+		switch (i === "scale-down" && (i = n >= t.width || r >= t.height ? m : _), i) {
+			case h:
+				if (e.width > t.width && e.height > t.height) return !0;
+				break;
+			case g:
+			case m:
+				if (e.width > t.width || e.height > t.height) return !0;
+				break;
+			case _: if (e.width > n || e.height > r) return !0;
+		}
+		switch (a === "scale-down" && (a = n >= t.width || r >= t.height ? m : _), a) {
+			case h:
+			case g:
+				if (e.width < t.width || e.height < t.height) return !0;
+				break;
+			case m:
+				if (e.width < t.width && e.height < t.height) return !0;
+				break;
+			case _: if (e.width < n || e.height < r) return !0;
+		}
+		return !1;
+	}
+	$exceedsInset(e, t) {
+		return y([
+			e.top - t.top,
+			t.right - e.right,
+			t.bottom - e.bottom,
+			e.left - t.left
+		], this.maxInset, this.minInset, this.$canvas, t);
 	}
 	$handleLoad() {
 		let { $image: e } = this;
@@ -84,50 +121,53 @@ var E = ":host{display:inline-block}img{display:block;height:100%;max-height:non
 			height: e.naturalHeight
 		}), this.$canvas && this.$center(this.initialCenterSize || this.initialFit), this.$isReady = !0;
 	}
-	$handleAction(a) {
-		if (a.defaultPrevented || this.hidden || !(this.rotatable || this.scalable || this.translatable)) return;
-		let { $canvas: o } = this, { detail: c } = a;
-		if (c) {
-			let { relatedEvent: a } = c, { action: l } = c;
-			switch (l === "transform" && (!this.rotatable || !this.scalable) && (l = this.rotatable ? n : this.scalable ? r : t), l) {
-				case e:
+	$handleAction(e) {
+		if (e.defaultPrevented || this.hidden || !(this.rotatable || this.scalable || this.translatable)) return;
+		let { $canvas: o } = this, { detail: s } = e;
+		if (s) {
+			let { relatedEvent: e } = s, { action: l } = s;
+			switch (l !== "transform" || this.rotatable && this.scalable || (l = this.rotatable ? r : this.scalable ? i : n), l) {
+				case t:
 					if (this.translatable) {
-						let e = null;
-						a && (e = a.target.closest(this.$getTagNameOf(s))), e ||= o.querySelector(this.$getTagNameOf(s)), e && e.multiple && !e.active && (e = o.querySelector(`${this.$getTagNameOf(s)}[active]`)), (!e || e.hidden || !e.movable || e.dynamic || !(this.$actionStartTarget && e.contains(this.$actionStartTarget))) && this.$move(c.endX - c.startX, c.endY - c.startY);
+						let t = null;
+						e && (t = e.target.closest(this.$getTagNameOf(c))), t ||= o.querySelector(this.$getTagNameOf(c)), t && t.multiple && !t.active && (t = o.querySelector(`${this.$getTagNameOf(c)}[active]`)), t && !t.hidden && t.movable && !t.dynamic && this.$actionStartTarget && t.contains(this.$actionStartTarget) || this.$move(s.endX - s.startX, s.endY - s.startY);
 					}
 					break;
-				case n:
+				case r:
 					if (this.rotatable) {
-						if (a) {
-							let { x: e, y: t } = this.getBoundingClientRect();
-							this.$rotate(c.rotate, a.clientX - e, a.clientY - t);
-						} else this.$rotate(c.rotate);
+						if (e) {
+							let { x: t, y: n } = this.getBoundingClientRect();
+							this.$rotate(s.rotate, e.clientX - t, e.clientY - n);
+						} else this.$rotate(s.rotate);
 					}
 					break;
-				case r:
+				case i:
 					if (this.scalable) {
-						if (a) {
-							let e = a.target.closest(this.$getTagNameOf(s));
-							if (!e || !e.zoomable || e.zoomable && e.dynamic) {
-								let { x: e, y: t } = this.getBoundingClientRect();
-								this.$zoom(c.scale, a.clientX - e, a.clientY - t);
+						if (e) {
+							let t = e.target.closest(this.$getTagNameOf(c));
+							if (!t || !t.zoomable || t.zoomable && t.dynamic) {
+								if (this.zoomAroundCenter) this.$zoom(s.scale);
+								else {
+									let { x: t, y: n } = this.getBoundingClientRect();
+									this.$zoom(s.scale, e.clientX - t, e.clientY - n);
+								}
 							}
-						} else this.$zoom(c.scale);
+						} else this.$zoom(s.scale);
 					}
 					break;
-				case i: if (this.rotatable && this.scalable) {
-					let { rotate: e } = c, { scale: t } = c;
-					t < 0 ? t = 1 / (1 - t) : t += 1;
-					let n = Math.cos(e), r = Math.sin(e), [i, o, s, l] = [
-						n * t,
-						r * t,
-						-r * t,
-						n * t
+				case a: if (this.rotatable && this.scalable) {
+					let { rotate: t } = s, { scale: n } = s;
+					n < 0 ? n = 1 / (1 - n) : n += 1;
+					let r = Math.cos(t), i = Math.sin(t), [a, o, c, l] = [
+						r * n,
+						i * n,
+						-i * n,
+						r * n
 					];
-					if (a) {
-						let e = this.getBoundingClientRect(), t = a.clientX - e.x, n = a.clientY - e.y, [r, c, u, d] = this.$matrix, f = e.width / 2, p = e.height / 2, m = t - f, h = n - p, g = (m * d - u * h) / (r * d - u * c), _ = (h * r - c * m) / (r * d - u * c);
-						this.$transform(i, o, s, l, g * (1 - i) + _ * s, _ * (1 - l) + g * o);
-					} else this.$transform(i, o, s, l, 0, 0);
+					if (e) {
+						let t = this.getBoundingClientRect(), n = e.clientX - t.x, r = e.clientY - t.y, [i, s, u, d] = this.$matrix, f = t.width / 2, p = t.height / 2, m = n - f, h = r - p, g = (m * d - u * h) / (i * d - u * s), _ = (h * i - s * m) / (i * d - u * s);
+						this.$transform(a, o, c, l, g * (1 - a) + _ * c, _ * (1 - l) + g * o);
+					} else this.$transform(a, o, c, l, 0, 0);
 				}
 			}
 		}
@@ -138,42 +178,42 @@ var E = ":host{display:inline-block}img{display:block;height:100%;max-height:non
 			if (t.complete) t.naturalWidth > 0 && t.naturalHeight > 0 ? e(t) : n(r);
 			else {
 				let i = () => {
-					x(t, d, a), setTimeout(() => {
+					C(t, f, a), setTimeout(() => {
 						e(t);
 					});
 				}, a = () => {
-					x(t, f, i), n(r);
+					C(t, p, i), n(r);
 				};
-				C(t, f, i), C(t, d, a);
+				T(t, p, i), T(t, f, a);
 			}
 		});
-		return v(e) && n.then((t) => (e(t), t)), n;
+		return b(e) && n.then((t) => (e(t), t)), n;
 	}
 	$center(e) {
 		let { parentElement: t } = this;
 		if (!t) return this;
-		let n = t.getBoundingClientRect(), r = n.width, i = n.height, { x: a, y: o, width: s, height: c } = this.getBoundingClientRect(), l = a + s / 2, u = o + c / 2, d = n.x + r / 2, f = n.y + i / 2, { translatable: v } = this;
-		!v && !this.$isReady && (this.translatable = !0, this.$nextTick(() => {
-			this.translatable = v;
+		let n = t.getBoundingClientRect(), r = n.width, i = n.height, { x: a, y: o, width: s, height: c } = this.getBoundingClientRect(), l = a + s / 2, u = o + c / 2, d = n.x + r / 2, f = n.y + i / 2, { translatable: p } = this;
+		!p && !this.$isReady && (this.translatable = !0, this.$nextTick(() => {
+			this.translatable = p;
 		})), this.$move(d - l, f - u);
 		let { maxFit: y, minFit: b } = this;
 		if (e || y || b) {
 			let { naturalWidth: t, naturalHeight: n } = this.$image;
 			switch (e) {
-				case m:
+				case h:
 					[
 						"fill",
 						"contain",
 						"scale-down"
 					].includes(y) || y === "none" && (t < r || n < i) ? e = y : b === "none" && t > r && n > i && (e = b);
 					break;
-				case h:
+				case g:
 					["contain", "scale-down"].includes(y) || y === "none" && (t < r || n < i) ? e = y : (b === "cover" || b === "none" && t > r && n > i) && (e = b);
 					break;
-				case p:
+				case m:
 					y === "scale-down" || y === "none" && t < r && n < i ? e = y : (["cover", "fill"].includes(b) || b === "none" && (t > r || n > i)) && (e = b);
 					break;
-				case _:
+				case v:
 					y === "none" && t < r && n < i ? e = y : ([
 						"cover",
 						"fill",
@@ -196,32 +236,32 @@ var E = ":host{display:inline-block}img{display:block;height:100%;max-height:non
 			switch (!l && !this.$isReady && (this.scalable = !0, this.$nextTick(() => {
 				this.scalable = l;
 			})), e) {
-				case m:
+				case h:
 					this.$scale(Math.max(a, o));
 					break;
-				case p:
+				case m:
 					this.$scale(Math.min(a, o));
 					break;
-				case h:
+				case g:
 					this.$scale(a, o);
 					break;
-				case _:
+				case v:
 					this.$scale(Math.min(a, o, 1));
 					break;
-				case g: this.$scale(1);
+				case _: this.$scale(1);
 			}
 		}
 		return this;
 	}
 	$move(e, t = e) {
-		if (this.translatable && y(e) && y(t)) {
-			let [n, r, i, a] = this.$matrix, o = (e * a - i * t) / (n * a - i * r), s = (t * n - r * e) / (n * a - i * r);
-			this.$translate(o, s);
+		if (this.translatable && x(e) && x(t)) {
+			let [n, r, i, a] = this.$matrix, o = (e * a - i * t) / (n * a - i * r), s = (t * n - r * e) / (n * a - i * r), { $matrix: c } = this;
+			this.$translate(o, s), this.$matrix === c && this.$insetRejected && e !== 0 && t !== 0 && (this.$move(e, 0), this.$move(0, t));
 		}
 		return this;
 	}
 	$moveTo(e, t = e) {
-		if (this.translatable && y(e) && y(t)) {
+		if (this.translatable && x(e) && x(t)) {
 			let [n, r, i, a] = this.$matrix, o = (e * a - i * t) / (n * a - i * r), s = (t * n - r * e) / (n * a - i * r);
 			this.$setTransform(n, r, i, a, o, s);
 		}
@@ -229,13 +269,13 @@ var E = ":host{display:inline-block}img{display:block;height:100%;max-height:non
 	}
 	$rotate(e, t, n) {
 		if (this.rotatable) {
-			let r = w(e), i = Math.cos(r), a = Math.sin(r), [o, s, c, l] = [
+			let r = E(e), i = Math.cos(r), a = Math.sin(r), [o, s, c, l] = [
 				i,
 				a,
 				-a,
 				i
 			];
-			if (y(t) && y(n)) {
+			if (x(t) && x(n)) {
 				let [e, r, i, a] = this.$matrix, { width: u, height: d } = this.getBoundingClientRect(), f = u / 2, p = d / 2, m = t - f, h = n - p, g = (m * a - i * h) / (e * a - i * r), _ = (h * e - r * m) / (e * a - i * r);
 				this.$transform(o, s, c, l, g * (1 - o) - _ * c, _ * (1 - l) - g * s);
 			} else this.$transform(o, s, c, l, 0, 0);
@@ -244,7 +284,7 @@ var E = ":host{display:inline-block}img{display:block;height:100%;max-height:non
 	}
 	$zoom(e, t, n) {
 		if (!this.scalable || e === 0) return this;
-		if (e < 0 ? e = 1 / (1 - e) : e += 1, y(t) && y(n)) {
+		if (e < 0 ? e = 1 / (1 - e) : e += 1, x(t) && x(n)) {
 			let [r, i, a, o] = this.$matrix, { width: s, height: c } = this.getBoundingClientRect(), l = s / 2, u = c / 2, d = t - l, f = n - u, p = (d * o - a * f) / (r * o - a * i), m = (f * r - i * d) / (r * o - a * i);
 			this.$transform(e, 0, 0, e, p * (1 - e), m * (1 - e));
 		} else this.$scale(e);
@@ -255,16 +295,16 @@ var E = ":host{display:inline-block}img{display:block;height:100%;max-height:non
 	}
 	$skew(e, t = 0) {
 		if (this.skewable) {
-			let n = w(e), r = w(t);
+			let n = E(e), r = E(t);
 			this.$transform(1, Math.tan(r), Math.tan(n), 1, 0, 0);
 		}
 		return this;
 	}
 	$translate(e, t = e) {
-		return this.translatable && y(e) && y(t) && this.$transform(1, 0, 0, 1, e, t), this;
+		return this.translatable && x(e) && x(t) && this.$transform(1, 0, 0, 1, e, t), this;
 	}
 	$transform(e, t, n, r, i, a) {
-		return y(e) && y(t) && y(n) && y(r) && y(i) && y(a) ? this.$setTransform(b(this.$matrix, [
+		return x(e) && x(t) && x(n) && x(r) && x(i) && x(a) ? this.$setTransform(S(this.$matrix, [
 			e,
 			t,
 			n,
@@ -274,7 +314,7 @@ var E = ":host{display:inline-block}img{display:block;height:100%;max-height:non
 		])) : this;
 	}
 	$setTransform(e, t, n, r, i, a) {
-		if ((this.rotatable || this.scalable || this.skewable || this.translatable) && (Array.isArray(e) && ([e, t, n, r, i, a] = e), y(e) && y(t) && y(n) && y(r) && y(i) && y(a))) {
+		if (this.$insetRejected = !1, (this.rotatable || this.scalable || this.skewable || this.translatable) && (Array.isArray(e) && ([e, t, n, r, i, a] = e), x(e) && x(t) && x(n) && x(r) && x(i) && x(a))) {
 			let o = [...this.$matrix], s = [
 				e,
 				t,
@@ -287,32 +327,8 @@ var E = ":host{display:inline-block}img{display:block;height:100%;max-height:non
 				let { $canvas: e } = this, t = e.getBoundingClientRect();
 				this.style.transform = `matrix(${s.join(", ")})`;
 				let n = this.$image.getBoundingClientRect();
-				this.style.transform = `matrix(${o.join(", ")})`;
-				let { maxFit: r, minFit: i } = this;
-				if (r || i) {
-					if (n.top > t.bottom || n.right < t.left || n.bottom < t.top || n.left > t.right) return this;
-					let { naturalWidth: e, naturalHeight: a } = this.$image;
-					switch (r === "scale-down" && (r = e >= t.width || a >= t.height ? p : g), r) {
-						case m:
-							if (n.width > t.width && n.height > t.height) return this;
-							break;
-						case h:
-						case p:
-							if (n.width > t.width || n.height > t.height) return this;
-							break;
-						case g: if (n.width > e || n.height > a) return this;
-					}
-					switch (i === "scale-down" && (i = e >= t.width || a >= t.height ? p : g), i) {
-						case m:
-						case h:
-							if (n.width < t.width || n.height < t.height) return this;
-							break;
-						case p:
-							if (n.width < t.width && n.height < t.height) return this;
-							break;
-						case g: if (n.width < e || n.height < a) return this;
-					}
-				}
+				if (this.style.transform = `matrix(${o.join(", ")})`, this.$exceedsFit(n, t)) return this;
+				if (this.$exceedsInset(n, t)) return this.$insetRejected = !0, this;
 				if (this.$emit("change", {
 					x: n.x - t.x,
 					y: n.y - t.y,
@@ -342,8 +358,7 @@ var E = ":host{display:inline-block}img{display:block;height:100%;max-height:non
 		]);
 	}
 };
-k.$name = o, k.$version = "2.2.0";
-//#endregion
-export { k as default };
+A.$name = s, A.$version = "2.3.1";
+export { A as default };
 
 //# sourceMappingURL=element-image.esm.raw.js.map