@anzusystems/common-admin 2.0.0-rc.2 → 2.0.0-rc.3

package/dist/shared/validators/vuelidate/common/useValidateRequired.js

@@ -1,11 +1,10 @@
 import { commonT as e } from "../../../../plugins/i18n.js";
 import { createI18nMessage as t, required as n } from "@vuelidate/validators";
-//#region src/shared/validators/vuelidate/common/useValidateRequired.ts
+// src/shared/validators/vuelidate/common/useValidateRequired.ts
 var r = e;
 function i() {
 	return t({ t: r })(n, { messagePath: () => "error.jsValidation.required" });
 }
-//#endregion
 export { i as useValidateRequired };
 
 //# sourceMappingURL=useValidateRequired.js.map

package/dist/shared/validators/vuelidate/common/useValidateRequiredIf.js

@@ -1,6 +1,6 @@
 import { commonT as e } from "../../../../plugins/i18n.js";
 import { createI18nMessage as t, requiredIf as n } from "@vuelidate/validators";
-//#region src/shared/validators/vuelidate/common/useValidateRequiredIf.ts
+// src/shared/validators/vuelidate/common/useValidateRequiredIf.ts
 var r = e;
 function i() {
 	return t({ t: r })(n, {
@@ -8,7 +8,6 @@ function i() {
 		messagePath: () => "error.jsValidation.required"
 	});
 }
-//#endregion
 export { i as useValidateRequiredIf };
 
 //# sourceMappingURL=useValidateRequiredIf.js.map

package/dist/shared/validators/vuelidate/common/useValidateSlug.js

@@ -1,11 +1,10 @@
 import { commonT as e } from "../../../../plugins/i18n.js";
 import { createI18nMessage as t, helpers as n } from "@vuelidate/validators";
-//#region src/shared/validators/vuelidate/common/useValidateSlug.ts
+// src/shared/validators/vuelidate/common/useValidateSlug.ts
 var r = e;
 function i() {
 	return t({ t: r })(n.regex(/^[a-z\-0-9]+$/), { messagePath: () => "error.jsValidation.slug" });
 }
-//#endregion
 export { i as useValidateSlug };
 
 //# sourceMappingURL=useValidateSlug.js.map

package/dist/shared/validators/vuelidate/common/useValidateStringArrayItemLength.js

@@ -1,7 +1,7 @@
 import { commonT as e } from "../../../../plugins/i18n.js";
 import { unref as t } from "vue";
 import { createI18nMessage as n, helpers as r } from "@vuelidate/validators";
-//#region src/shared/validators/vuelidate/common/useValidateStringArrayItemLength.ts
+// src/shared/validators/vuelidate/common/useValidateStringArrayItemLength.ts
 var i = e;
 function a() {
 	let e = n({ t: i }), a = (e, n) => (i) => !r.req(i) || i.every((r) => r.length >= t(e) && r.length <= t(n));
@@ -17,7 +17,6 @@ function a() {
 		messagePath: () => "error.jsValidation.stringArrayItemLength"
 	});
 }
-//#endregion
 export { a as useValidateStringArrayItemLength };
 
 //# sourceMappingURL=useValidateStringArrayItemLength.js.map

package/dist/shared/validators/vuelidate/common/useValidateUrl.js

@@ -1,11 +1,10 @@
 import { commonT as e } from "../../../../plugins/i18n.js";
 import { createI18nMessage as t, url as n } from "@vuelidate/validators";
-//#region src/shared/validators/vuelidate/common/useValidateUrl.ts
+// src/shared/validators/vuelidate/common/useValidateUrl.ts
 var r = e;
 function i() {
 	return t({ t: r })(n, { messagePath: () => "error.jsValidation.url" });
 }
-//#endregion
 export { i as useValidateUrl };
 
 //# sourceMappingURL=useValidateUrl.js.map

package/dist/shared/validators/vuelidate/useValidate.js

@@ -12,7 +12,7 @@ import { useValidateSlug as u } from "./common/useValidateSlug.js";
 import { useValidateStringArrayItemLength as d } from "./common/useValidateStringArrayItemLength.js";
 import { useValidateUrl as f } from "./common/useValidateUrl.js";
 import { useValidateCompareDates as p } from "./common/useValidateCompareDates.js";
-//#region src/shared/validators/vuelidate/useValidate.ts
+// src/shared/validators/vuelidate/useValidate.ts
 function m() {
 	return {
 		required: c(),
@@ -31,7 +31,6 @@ function m() {
 		datesCompare: p()
 	};
 }
-//#endregion
 export { m as useValidate };
 
 //# sourceMappingURL=useValidate.js.map

package/dist/testing/appShell.js

@@ -1,6 +1,6 @@
 import { globKeyToSrcPath as e } from "./typedRouter.js";
 import { describe as t, expect as n, it as r } from "vitest";
-//#region src/testing/appShell.ts
+// src/testing/appShell.ts
 function i({ sources: i, host: a = "src/layouts/AppLayout.vue" }) {
 	let o = new Map(Object.entries(i).map(([t, n]) => [e(t), n]));
 	t("the alerts host", () => {
@@ -51,7 +51,6 @@ function c({ indexHtml: e }) {
 		});
 	});
 }
-//#endregion
 export { a as CSS_LAYER_ORDER, s as CSS_LAYER_STATEMENTS, o as CSS_SUBLAYER_ORDER, i as describeAlertHost, c as describeCssLayerOrder };
 
 //# sourceMappingURL=appShell.js.map

package/dist/testing/closeButtons.js

@@ -1,6 +1,6 @@
 import { globKeyToSrcPath as e, parseTypedRouterDeclaration as t } from "./typedRouter.js";
 import { describe as n, expect as r, it as i } from "vitest";
-//#region src/testing/closeButtons.ts
+// src/testing/closeButtons.ts
 function a({ sources: a, declaration: o, routeHistoryBlacklist: s, maxComputedFallbacks: c = 3 }) {
 	let l = t(o), u = new Set(l.names), d = l.pageRoutes, f = /* @__PURE__ */ new Map();
 	for (let [t, n] of Object.entries(a)) for (let [, r] of n.matchAll(/from\s+'(@\/[^']+\.vue)'/g)) {
@@ -54,7 +54,6 @@ function a({ sources: a, declaration: o, routeHistoryBlacklist: s, maxComputedFa
 		});
 	});
 }
-//#endregion
 export { a as describeCloseButtons };
 
 //# sourceMappingURL=closeButtons.js.map

package/dist/testing/declaredDependencies.js

@@ -1,6 +1,6 @@
 import { globKeyToSrcPath as e } from "./typedRouter.js";
 import { describe as t, expect as n, it as r } from "vitest";
-//#region src/testing/declaredDependencies.ts
+// src/testing/declaredDependencies.ts
 var i = /(?:(@(?:use|forward|import)\s+)|\bfrom\s+|\bimport\s*\(\s*|\bimport\s+|\brequire\s*\(\s*|\bvi\.(?:mock|doMock|importActual)\s*(?:<[^>]*>)?\(\s*)(['"])([^'"\s]+)\2(?=\s*(?:[;),]|$|with\s*[({]|assert\s*\{|as\s+[\w*-]+\s*;|show\b|hide\b))/gm, a = /\bdeclare\s+module\s+(['"])([^'"\s*]+)\1\s*\{/g, o = /(?:^|[^\w$])(?:return|typeof|instanceof|in|of|new|delete|void|throw|case|default|do|else|await|yield)$/, s = /* @__PURE__ */ new Set([
 	"",
 	"(",
@@ -103,7 +103,6 @@ function m({ sources: e, packageJson: i, aliases: a = [] }) {
 		});
 	});
 }
-//#endregion
 export { m as describeDeclaredDependencies, f as packageOfSpecifier, p as undeclaredImports, c as withoutComments };
 
 //# sourceMappingURL=declaredDependencies.js.map

package/dist/testing/generatedRoutes.js

@@ -1,7 +1,7 @@
 import { parseTypedRouterDeclaration as e } from "./typedRouter.js";
 import { createMemoryHistory as t, createRouter as n } from "vue-router";
 import { describe as r, expect as i, it as a } from "vitest";
-//#region src/testing/generatedRoutes.ts
+// src/testing/generatedRoutes.ts
 var o = [
 	"1",
 	"00000000-0000-4000-8000-000000000001",
@@ -27,7 +27,6 @@ function s({ routes: s, declaration: c, pageFiles: l, catchAll: u = "pathMatch"
 		});
 	});
 }
-//#endregion
 export { s as describeGeneratedRoutes };
 
 //# sourceMappingURL=generatedRoutes.js.map

package/dist/testing/routeHistory.js

@@ -1,7 +1,7 @@
 import { useRouteHistory as e } from "../domains/system/composables/routeHistory.js";
 import { parseTypedRouterDeclaration as t } from "./typedRouter.js";
 import { beforeEach as n, describe as r, expect as i, it as a, vi as o } from "vitest";
-//#region src/testing/routeHistory.ts
+// src/testing/routeHistory.ts
 function s({ declaration: s, routeHistoryBlacklist: c, initRouteHistory: l }) {
 	let { history: u, addRoute: d, clearHistory: f, navigateBack: p } = e(), [m, h] = t(s).names.filter((e) => !c.includes(e)), g = (e, t = e) => d({
 		name: e,
@@ -51,7 +51,6 @@ function s({ declaration: s, routeHistoryBlacklist: c, initRouteHistory: l }) {
 		});
 	});
 }
-//#endregion
 export { s as describeRouteHistory };
 
 //# sourceMappingURL=routeHistory.js.map

package/dist/testing/sortableLists.js

@@ -1,6 +1,6 @@
 import { globKeyToSrcPath as e } from "./typedRouter.js";
 import { describe as t, expect as n, it as r } from "vitest";
-//#region src/testing/sortableLists.ts
+// src/testing/sortableLists.ts
 function i({ sources: i, unsavedRegistration: o = !0 }) {
 	let s = (t) => Object.entries(i).map(([t, n]) => [e(t), n]).filter(([e]) => !e.startsWith("src/test/")).filter(([, e]) => t.test(e));
 	t("sortable lists", () => {
@@ -30,7 +30,6 @@ function a(e) {
 	}
 	return t.filter((e) => !/:unsaved-section-label=|:editor=|(?<![:\w-])(?:disable-unsaved|readonly)\b/.test(e.replace(/"[^"]*"/g, "\"\"").replace(/'[^']*'/g, "''")));
 }
-//#endregion
 export { i as describeSortableLists, a as unregisteredListEditorTags };
 
 //# sourceMappingURL=sortableLists.js.map

package/dist/testing/typedRouter.js

@@ -1,4 +1,4 @@
-//#region src/testing/typedRouter.ts
+// src/testing/typedRouter.ts
 function e(e) {
 	return {
 		names: [...e.matchAll(/^ {4}'([^']+)': RouteRecordInfo</gm)].map(([, e]) => e),
@@ -10,7 +10,6 @@ function e(e) {
 	};
 }
 var t = (e) => e.replace(/^\/src\//, "src/").replace(/^\.\.\//, "src/");
-//#endregion
 export { t as globKeyToSrcPath, e as parseTypedRouterDeclaration };
 
 //# sourceMappingURL=typedRouter.js.map

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

@@ -1,5 +1,5 @@
 import { IS_BROWSER as e, WINDOW as t, emit as n, isNaN as r, isNumber as i, isObject as a, isUndefined as o, nextTick as s, toCamelCase as c, toKebabCase as l } from "../../utils/dist/utils.esm.raw.js";
-//#region node_modules/@cropper/element/dist/element.esm.raw.js
+// node_modules/@cropper/element/dist/element.esm.raw.js
 var u = ":host([hidden]){display:none!important}", d = /left|top|width|height/i, f = "open", p = /* @__PURE__ */ new WeakMap(), m = /* @__PURE__ */ new WeakMap(), h = /* @__PURE__ */ new Map(), g = !!(t.document && Array.isArray(t.document.adoptedStyleSheets) && t.CSSStyleSheet && "replaceSync" in t.CSSStyleSheet.prototype), _ = class extends HTMLElement {
 	get $sharedStyle() {
 		return `${this.themeColor ? `:host{--theme-color: ${this.themeColor};}` : ""}${u}`;
@@ -97,7 +97,6 @@ var u = ":host([hidden]){display:none!important}", d = /left|top|width|height/i,
 	}
 };
 _.$version = "2.3.1";
-//#endregion
 export { _ as default };
 
 //# sourceMappingURL=element.esm.raw.js.map

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

@@ -1,6 +1,6 @@
 import { ACTION_NONE as e, ACTION_ROTATE as t, ACTION_SCALE as n, ACTION_TRANSFORM as r, CROPPER_CANVAS as i, CROPPER_IMAGE as a, EVENT_ACTION as o, EVENT_POINTER_DOWN as s, EVENT_POINTER_MOVE as c, EVENT_POINTER_UP as l, EVENT_WHEEL as u, getAdjustedSizes as d, isElement as f, isFunction as p, isNumber as m, isPlainObject as h, isPositiveNumber as g, isString as _, off as v, on as y } from "../../utils/dist/utils.esm.raw.js";
 import b from "../../element/dist/element.esm.raw.js";
-//#region node_modules/@cropper/element-canvas/dist/element-canvas.esm.raw.js
+// node_modules/@cropper/element-canvas/dist/element-canvas.esm.raw.js
 var x = ":host{display:block;min-height:100px;min-width:200px;overflow:hidden;position:relative;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}:host([background]){background-color:#fff;background-image:repeating-linear-gradient(45deg,#ccc 25%,transparent 0,transparent 75%,#ccc 0,#ccc),repeating-linear-gradient(45deg,#ccc 25%,transparent 0,transparent 75%,#ccc 0,#ccc);background-image:repeating-conic-gradient(#ccc 0 25%,#fff 0 50%);background-position:0 0,.5rem .5rem;background-size:1rem 1rem}:host([disabled]){pointer-events:none}:host([disabled]):after{bottom:0;content:\"\";cursor:not-allowed;display:block;left:0;pointer-events:none;position:absolute;right:0;top:0}", S = class extends b {
 	constructor() {
 		super(...arguments), this.$onPointerDown = null, this.$onPointerMove = null, this.$onPointerUp = null, this.$onWheel = null, this.$wheeling = !1, this.$pointers = /* @__PURE__ */ new Map(), this.$style = x, this.$action = e, this.background = !1, this.disabled = !1, this.scaleStep = .1, this.themeColor = "#39f";
@@ -169,7 +169,6 @@ var x = ":host{display:block;min-height:100px;min-width:200px;overflow:hidden;po
 	}
 };
 S.$name = i, S.$version = "2.3.1";
-//#endregion
 export { S as default };
 
 //# sourceMappingURL=element-canvas.esm.raw.js.map

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

@@ -1,6 +1,6 @@
 import { CROPPER_CROSSHAIR as e } from "../../utils/dist/utils.esm.raw.js";
 import t from "../../element/dist/element.esm.raw.js";
-//#region node_modules/@cropper/element-crosshair/dist/element-crosshair.esm.raw.js
+// node_modules/@cropper/element-crosshair/dist/element-crosshair.esm.raw.js
 var n = ":host{display:inline-block;height:1em;position:relative;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;width:1em}:host:after,:host:before{background-color:var(--theme-color);content:\"\";display:block;position:absolute}:host:before{height:1px;left:0;top:50%;transform:translateY(-50%);width:100%}:host:after{height:100%;left:50%;top:0;transform:translateX(-50%);width:1px}:host([centered]){left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}", r = class extends t {
 	constructor() {
 		super(...arguments), this.$style = n, this.centered = !1, this.slottable = !1, this.themeColor = "rgba(238, 238, 238, 0.5)";
@@ -10,7 +10,6 @@ var n = ":host{display:inline-block;height:1em;position:relative;touch-action:no
 	}
 };
 r.$name = e, r.$version = "2.3.1";
-//#endregion
 export { r as default };
 
 //# sourceMappingURL=element-crosshair.esm.raw.js.map

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

@@ -1,6 +1,6 @@
 import { CROPPER_GIRD as e } from "../../utils/dist/utils.esm.raw.js";
 import t from "../../element/dist/element.esm.raw.js";
-//#region node_modules/@cropper/element-grid/dist/element-grid.esm.raw.js
+// node_modules/@cropper/element-grid/dist/element-grid.esm.raw.js
 var n = ":host{display:flex;flex-direction:column;position:relative;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}:host([bordered]){border:1px dashed var(--theme-color)}:host([covered]){bottom:0;left:0;position:absolute;right:0;top:0}:host>span{display:flex;flex:1}:host>span+span{border-top:1px dashed var(--theme-color)}:host>span>span{flex:1}:host>span>span+span{border-left:1px dashed var(--theme-color)}", r = class extends t {
 	constructor() {
 		super(...arguments), this.$style = n, this.bordered = !1, this.columns = 3, this.covered = !1, this.rows = 3, this.slottable = !1, this.themeColor = "rgba(238, 238, 238, 0.5)";
@@ -36,7 +36,6 @@ var n = ":host{display:flex;flex-direction:column;position:relative;touch-action
 	}
 };
 r.$name = e, r.$version = "2.3.1";
-//#endregion
 export { r as default };
 
 //# sourceMappingURL=element-grid.esm.raw.js.map

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

@@ -1,6 +1,6 @@
 import { ACTION_NONE as e, CROPPER_HANDLE as t } from "../../utils/dist/utils.esm.raw.js";
 import n from "../../element/dist/element.esm.raw.js";
-//#region node_modules/@cropper/element-handle/dist/element-handle.esm.raw.js
+// node_modules/@cropper/element-handle/dist/element-handle.esm.raw.js
 var r = ":host{background-color:var(--theme-color);display:block}:host([action=move]),:host([action=select]){height:100%;left:0;position:absolute;top:0;width:100%}:host([action=move]){cursor:move}:host([action=select]){cursor:crosshair}:host([action$=-resize]){background-color:transparent;height:15px;position:absolute;width:15px}:host([action$=-resize]):after{background-color:var(--theme-color);content:\"\";display:block;height:5px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:5px}:host([action=n-resize]),:host([action=s-resize]){cursor:ns-resize;left:50%;transform:translateX(-50%);width:100%}:host([action=n-resize]){top:-8px}:host([action=s-resize]){bottom:-8px}:host([action=e-resize]),:host([action=w-resize]){cursor:ew-resize;height:100%;top:50%;transform:translateY(-50%)}:host([action=e-resize]){right:-8px}:host([action=w-resize]){left:-8px}:host([action=ne-resize]){cursor:nesw-resize;right:-8px;top:-8px}:host([action=nw-resize]){cursor:nwse-resize;left:-8px;top:-8px}:host([action=se-resize]){bottom:-8px;cursor:nwse-resize;right:-8px}:host([action=se-resize]):after{height:15px;width:15px}@media (pointer:coarse){:host([action=se-resize]):after{height:10px;width:10px}}@media (pointer:fine){:host([action=se-resize]):after{height:5px;width:5px}}:host([action=sw-resize]){bottom:-8px;cursor:nesw-resize;left:-8px}:host([plain]){background-color:transparent}", i = class extends n {
 	constructor() {
 		super(...arguments), this.$onCanvasCropEnd = null, this.$onCanvasCropStart = null, this.$style = r, this.action = e, this.plain = !1, this.slottable = !1, this.themeColor = "rgba(51, 153, 255, 0.5)";
@@ -10,7 +10,6 @@ var r = ":host{background-color:var(--theme-color);display:block}:host([action=m
 	}
 };
 i.$name = t, i.$version = "2.3.1";
-//#endregion
 export { i as default };
 
 //# sourceMappingURL=element-handle.esm.raw.js.map

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

@@ -1,6 +1,6 @@
 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 _, exceedsInset as v, isFunction as y, isNumber as b, multiplyMatrices as x, off as S, on as C, once as w, toAngleInRadian as T } from "../../utils/dist/utils.esm.raw.js";
 import E from "../../element/dist/element.esm.raw.js";
-//#region node_modules/@cropper/element-image/dist/element-image.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",
@@ -126,11 +126,11 @@ var D = ":host{display:inline-block}img{display:block;height:100%;max-height:non
 		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) {
+			switch (l !== "transform" || this.rotatable && this.scalable || (l = this.rotatable ? n : this.scalable ? r : t), l) {
 				case e:
 					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);
+						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);
 					}
 					break;
 				case n:
@@ -359,7 +359,6 @@ var D = ":host{display:inline-block}img{display:block;height:100%;max-height:non
 	}
 };
 A.$name = o, A.$version = "2.3.1";
-//#endregion
 export { A as default };
 
 //# sourceMappingURL=element-image.esm.raw.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"element-image.esm.raw.js","names":["CropperElement","style","canvasCache","NATIVE_ATTRIBUTES","CropperImage","OBJECT_FIT_CONTAIN","element","newValue","oldValue","name","$canvas","CROPPER_CANVAS","event","on","EVENT_ACTION_START","EVENT_ACTION_END","EVENT_ACTION","$image","EVENT_LOAD","off","maxFit","naturalWidth","canvasRect","naturalHeight","OBJECT_FIT_NONE","OBJECT_FIT_COVER","imageRect","OBJECT_FIT_FILL","minFit","exceedsInset","detail","action","ACTION_ROTATE","ACTION_SCALE","ACTION_NONE","ACTION_MOVE","$selection","relatedEvent","CROPPER_SELECTION","x","y","ACTION_TRANSFORM","scale","cos","rotate","sin","scaleX","skewY","skewX","scaleY","clientRect","a","b","c","originX","originY","moveX","moveY","translateX","translateY","promise","error","resolve","reject","onLoad","EVENT_ERROR","onError","once","isFunction","callback","image","parentElement","container","containerWidth","containerHeight","startX","width","startY","height","endX","endY","translatable","size","OBJECT_FIT_SCALE_DOWN","scalable","isNumber","d","e","f","$matrix","radian","toAngleInRadian","angle","radianX","radianY","multiplyMatrices","oldMatrix","newMatrix","CROPPER_IMAGE"],"sources":["../../../../../node_modules/@cropper/element-image/dist/element-image.esm.raw.js"],"sourcesContent":["import CropperElement from '@cropper/element';\nimport { CROPPER_IMAGE, OBJECT_FIT_CONTAIN, CROPPER_CANVAS, on, EVENT_ACTION_START, EVENT_ACTION_END, EVENT_ACTION, EVENT_LOAD, off, OBJECT_FIT_SCALE_DOWN, OBJECT_FIT_NONE, OBJECT_FIT_FILL, OBJECT_FIT_COVER, exceedsInset, ACTION_TRANSFORM, ACTION_ROTATE, ACTION_SCALE, ACTION_NONE, CROPPER_SELECTION, ACTION_MOVE, once, EVENT_ERROR, isFunction, isNumber, toAngleInRadian, multiplyMatrices, EVENT_CHANGE, EVENT_TRANSFORM } from '@cropper/utils';\n\nvar style = `: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%}`;\n\nconst canvasCache = new WeakMap();\nconst NATIVE_ATTRIBUTES = [\n    'alt',\n    'crossorigin',\n    'decoding',\n    'elementtiming',\n    'fetchpriority',\n    'loading',\n    'referrerpolicy',\n    'sizes',\n    'src',\n    'srcset',\n];\nclass CropperImage extends CropperElement {\n    constructor() {\n        super(...arguments);\n        this.$isReady = false;\n        this.$insetRejected = false;\n        this.$matrix = [1, 0, 0, 1, 0, 0];\n        this.$onLoad = null;\n        this.$onCanvasAction = null;\n        this.$onCanvasActionEnd = null;\n        this.$onCanvasActionStart = null;\n        this.$actionStartTarget = null;\n        this.$style = style;\n        this.$image = new Image();\n        /**\n         * @deprecated since version 2.2.0, use `initialFit` instead.\n         */\n        this.initialCenterSize = '';\n        this.initialFit = OBJECT_FIT_CONTAIN;\n        this.maxFit = '';\n        this.minFit = '';\n        this.maxInset = 'auto';\n        this.minInset = 'auto';\n        this.zoomAroundCenter = false;\n        this.rotatable = false;\n        this.scalable = false;\n        this.skewable = false;\n        this.slottable = false;\n        this.translatable = false;\n        // Native attributes\n        this.alt = '';\n        this.crossorigin = '';\n        this.decoding = '';\n        this.elementtiming = '';\n        this.fetchpriority = '';\n        this.loading = '';\n        this.referrerpolicy = '';\n        this.sizes = '';\n        this.src = '';\n        this.srcset = '';\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(NATIVE_ATTRIBUTES, [\n            'initial-center-size',\n            'initial-fit',\n            'max-fit',\n            'max-inset',\n            'min-fit',\n            'min-inset',\n            'rotatable',\n            'scalable',\n            'skewable',\n            'translatable',\n            'zoom-around-center',\n        ]);\n    }\n    attributeChangedCallback(name, oldValue, newValue) {\n        if (Object.is(newValue, oldValue)) {\n            return;\n        }\n        super.attributeChangedCallback(name, oldValue, newValue);\n        // Inherits the native attributes\n        if (NATIVE_ATTRIBUTES.includes(name)) {\n            if (newValue === null) {\n                this.$image.removeAttribute(name);\n            }\n            else {\n                this.$image.setAttribute(name, newValue);\n            }\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 'initialCenterSize':\n            case 'initialFit':\n                this.$nextTick(() => {\n                    if (this.$isReady && this.$canvas) {\n                        this.$center(newValue);\n                    }\n                });\n                break;\n            case 'maxFit':\n            case 'minFit':\n            case 'maxInset':\n            case 'minInset':\n                this.$nextTick(() => {\n                    if (this.$isReady && this.$canvas) {\n                        this.$resetTransform();\n                        this.$center(this.initialCenterSize || this.initialFit);\n                    }\n                });\n                break;\n            case 'src':\n                this.$isReady = false;\n                break;\n        }\n    }\n    connectedCallback() {\n        super.connectedCallback();\n        const { $image } = this;\n        const $canvas = this.closest(this.$getTagNameOf(CROPPER_CANVAS));\n        if ($canvas) {\n            this.$canvas = $canvas;\n            this.$setStyles({\n                // Make it a block element to avoid side effects (#1074).\n                display: 'block',\n                position: 'absolute',\n            });\n            this.$onCanvasActionStart = (event) => {\n                var _a, _b;\n                if (event.defaultPrevented) {\n                    return;\n                }\n                this.$actionStartTarget = (_b = (_a = event.detail) === null || _a === void 0 ? void 0 : _a.relatedEvent) === null || _b === void 0 ? void 0 : _b.target;\n            };\n            this.$onCanvasActionEnd = () => {\n                this.$actionStartTarget = null;\n            };\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        this.$onLoad = this.$handleLoad.bind(this);\n        on($image, EVENT_LOAD, this.$onLoad);\n        if ($image.complete && $image.naturalWidth > 0 && $image.naturalHeight > 0) {\n            this.$handleLoad();\n        }\n        this.$getShadowRoot().appendChild($image);\n    }\n    disconnectedCallback() {\n        const { $image, $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        if ($image && this.$onLoad) {\n            off($image, EVENT_LOAD, this.$onLoad);\n            this.$onLoad = null;\n        }\n        this.$getShadowRoot().removeChild($image);\n        super.disconnectedCallback();\n    }\n    $exceedsFit(imageRect, canvasRect) {\n        const { naturalWidth, naturalHeight } = this.$image;\n        let { maxFit, minFit } = this;\n        if (maxFit === OBJECT_FIT_SCALE_DOWN) {\n            if (naturalWidth >= canvasRect.width || naturalHeight >= canvasRect.height) {\n                maxFit = OBJECT_FIT_CONTAIN;\n            }\n            else {\n                maxFit = OBJECT_FIT_NONE;\n            }\n        }\n        switch (maxFit) {\n            case OBJECT_FIT_COVER:\n                if (imageRect.width > canvasRect.width && imageRect.height > canvasRect.height) {\n                    return true;\n                }\n                break;\n            case OBJECT_FIT_FILL:\n            case OBJECT_FIT_CONTAIN:\n                if (imageRect.width > canvasRect.width || imageRect.height > canvasRect.height) {\n                    return true;\n                }\n                break;\n            case OBJECT_FIT_NONE:\n                if (imageRect.width > naturalWidth || imageRect.height > naturalHeight) {\n                    return true;\n                }\n                break;\n        }\n        if (minFit === OBJECT_FIT_SCALE_DOWN) {\n            if (naturalWidth >= canvasRect.width || naturalHeight >= canvasRect.height) {\n                minFit = OBJECT_FIT_CONTAIN;\n            }\n            else {\n                minFit = OBJECT_FIT_NONE;\n            }\n        }\n        switch (minFit) {\n            case OBJECT_FIT_COVER:\n            case OBJECT_FIT_FILL:\n                if (imageRect.width < canvasRect.width || imageRect.height < canvasRect.height) {\n                    return true;\n                }\n                break;\n            case OBJECT_FIT_CONTAIN:\n                if (imageRect.width < canvasRect.width && imageRect.height < canvasRect.height) {\n                    return true;\n                }\n                break;\n            case OBJECT_FIT_NONE:\n                if (imageRect.width < naturalWidth || imageRect.height < naturalHeight) {\n                    return true;\n                }\n                break;\n        }\n        return false;\n    }\n    $exceedsInset(imageRect, canvasRect) {\n        return exceedsInset([\n            imageRect.top - canvasRect.top,\n            canvasRect.right - imageRect.right,\n            canvasRect.bottom - imageRect.bottom,\n            imageRect.left - canvasRect.left,\n        ], this.maxInset, this.minInset, this.$canvas, canvasRect);\n    }\n    $handleLoad() {\n        const { $image } = this;\n        this.$setStyles({\n            width: $image.naturalWidth,\n            height: $image.naturalHeight,\n        });\n        if (this.$canvas) {\n            this.$center(this.initialCenterSize || this.initialFit);\n        }\n        this.$isReady = true;\n    }\n    $handleAction(event) {\n        if (event.defaultPrevented\n            || this.hidden\n            || !(this.rotatable || this.scalable || this.translatable)) {\n            return;\n        }\n        const { $canvas } = this;\n        const { detail } = event;\n        if (detail) {\n            const { relatedEvent } = detail;\n            let { action } = detail;\n            if (action === ACTION_TRANSFORM && (!this.rotatable || !this.scalable)) {\n                if (this.rotatable) {\n                    action = ACTION_ROTATE;\n                }\n                else if (this.scalable) {\n                    action = ACTION_SCALE;\n                }\n                else {\n                    action = ACTION_NONE;\n                }\n            }\n            switch (action) {\n                case ACTION_MOVE:\n                    if (this.translatable) {\n                        let $selection = null;\n                        if (relatedEvent) {\n                            $selection = relatedEvent.target.closest(this.$getTagNameOf(CROPPER_SELECTION));\n                        }\n                        if (!$selection) {\n                            $selection = $canvas.querySelector(this.$getTagNameOf(CROPPER_SELECTION));\n                        }\n                        if ($selection && $selection.multiple && !$selection.active) {\n                            $selection = $canvas.querySelector(`${this.$getTagNameOf(CROPPER_SELECTION)}[active]`);\n                        }\n                        if (!$selection || $selection.hidden || !$selection.movable || $selection.dynamic\n                            || !(this.$actionStartTarget && $selection.contains(this.$actionStartTarget))) {\n                            this.$move(detail.endX - detail.startX, detail.endY - detail.startY);\n                        }\n                    }\n                    break;\n                case ACTION_ROTATE:\n                    if (this.rotatable) {\n                        if (relatedEvent) {\n                            const { x, y } = this.getBoundingClientRect();\n                            this.$rotate(detail.rotate, relatedEvent.clientX - x, relatedEvent.clientY - y);\n                        }\n                        else {\n                            this.$rotate(detail.rotate);\n                        }\n                    }\n                    break;\n                case ACTION_SCALE:\n                    if (this.scalable) {\n                        if (relatedEvent) {\n                            const $selection = relatedEvent.target.closest(this.$getTagNameOf(CROPPER_SELECTION));\n                            if (!$selection\n                                || !$selection.zoomable\n                                || ($selection.zoomable && $selection.dynamic)) {\n                                if (this.zoomAroundCenter) {\n                                    this.$zoom(detail.scale);\n                                }\n                                else {\n                                    const { x, y } = this.getBoundingClientRect();\n                                    this.$zoom(detail.scale, relatedEvent.clientX - x, relatedEvent.clientY - y);\n                                }\n                            }\n                        }\n                        else {\n                            this.$zoom(detail.scale);\n                        }\n                    }\n                    break;\n                case ACTION_TRANSFORM:\n                    if (this.rotatable && this.scalable) {\n                        const { rotate } = detail;\n                        let { scale } = detail;\n                        if (scale < 0) {\n                            scale = 1 / (1 - scale);\n                        }\n                        else {\n                            scale += 1;\n                        }\n                        const cos = Math.cos(rotate);\n                        const sin = Math.sin(rotate);\n                        const [scaleX, skewY, skewX, scaleY] = [\n                            cos * scale,\n                            sin * scale,\n                            -sin * scale,\n                            cos * scale,\n                        ];\n                        if (relatedEvent) {\n                            const clientRect = this.getBoundingClientRect();\n                            const x = relatedEvent.clientX - clientRect.x;\n                            const y = relatedEvent.clientY - clientRect.y;\n                            const [a, b, c, d] = this.$matrix;\n                            const originX = clientRect.width / 2;\n                            const originY = clientRect.height / 2;\n                            const moveX = x - originX;\n                            const moveY = y - originY;\n                            const translateX = ((moveX * d) - (c * moveY)) / ((a * d) - (c * b));\n                            const translateY = ((moveY * a) - (b * moveX)) / ((a * d) - (c * b));\n                            /**\n                             * Equals to\n                             * this.$rotate(rotate, x, y);\n                             * this.$scale(scale, x, y);\n                             */\n                            this.$transform(scaleX, skewY, skewX, scaleY, translateX * (1 - scaleX) + translateY * skewX, translateY * (1 - scaleY) + translateX * skewY);\n                        }\n                        else {\n                            /**\n                             * Equals to\n                             * this.$rotate(rotate);\n                             * this.$scale(scale);\n                             */\n                            this.$transform(scaleX, skewY, skewX, scaleY, 0, 0);\n                        }\n                    }\n                    break;\n            }\n        }\n    }\n    /**\n     * Defers the callback to execute after successfully loading the image.\n     * @param {Function} [callback] The callback to execute after successfully loading the image.\n     * @returns {Promise} Returns a promise that resolves to the image element.\n     */\n    $ready(callback) {\n        const { $image } = this;\n        const promise = new Promise((resolve, reject) => {\n            const error = new Error('Failed to load the image source');\n            if ($image.complete) {\n                if ($image.naturalWidth > 0 && $image.naturalHeight > 0) {\n                    resolve($image);\n                }\n                else {\n                    reject(error);\n                }\n            }\n            else {\n                const onLoad = () => {\n                    // eslint-disable-next-line @typescript-eslint/no-use-before-define\n                    off($image, EVENT_ERROR, onError);\n                    // Ensure the image is fully rendered.\n                    setTimeout(() => {\n                        resolve($image);\n                    });\n                };\n                const onError = () => {\n                    off($image, EVENT_LOAD, onLoad);\n                    reject(error);\n                };\n                once($image, EVENT_LOAD, onLoad);\n                once($image, EVENT_ERROR, onError);\n            }\n        });\n        if (isFunction(callback)) {\n            promise.then((image) => {\n                callback(image);\n                return image;\n            });\n        }\n        return promise;\n    }\n    /**\n     * Aligns the image to the center of its parent element.\n     * @param {string} [size] The size of the image.\n     * @returns {CropperImage} Returns `this` for chaining.\n     */\n    $center(size) {\n        const { parentElement } = this;\n        if (!parentElement) {\n            return this;\n        }\n        const container = parentElement.getBoundingClientRect();\n        const containerWidth = container.width;\n        const containerHeight = container.height;\n        const { x, y, width, height, } = this.getBoundingClientRect();\n        const startX = x + (width / 2);\n        const startY = y + (height / 2);\n        const endX = container.x + (containerWidth / 2);\n        const endY = container.y + (containerHeight / 2);\n        const { translatable } = this;\n        if (!translatable && !this.$isReady) {\n            this.translatable = true;\n            this.$nextTick(() => {\n                this.translatable = translatable;\n            });\n        }\n        this.$move(endX - startX, endY - startY);\n        const { maxFit, minFit } = this;\n        if (size || maxFit || minFit) {\n            const { naturalWidth, naturalHeight } = this.$image;\n            switch (size) {\n                case OBJECT_FIT_COVER:\n                    if ([\n                        OBJECT_FIT_FILL,\n                        OBJECT_FIT_CONTAIN,\n                        OBJECT_FIT_SCALE_DOWN,\n                    ].includes(maxFit) || (maxFit === OBJECT_FIT_NONE\n                        && (naturalWidth < containerWidth || naturalHeight < containerHeight))) {\n                        size = maxFit;\n                    }\n                    else if (minFit === OBJECT_FIT_NONE\n                        && naturalWidth > containerWidth\n                        && naturalHeight > containerHeight) {\n                        size = minFit;\n                    }\n                    break;\n                case OBJECT_FIT_FILL:\n                    if ([OBJECT_FIT_CONTAIN, OBJECT_FIT_SCALE_DOWN].includes(maxFit) || (maxFit === OBJECT_FIT_NONE\n                        && (naturalWidth < containerWidth || naturalHeight < containerHeight))) {\n                        size = maxFit;\n                    }\n                    else if (minFit === OBJECT_FIT_COVER || (minFit === OBJECT_FIT_NONE\n                        && naturalWidth > containerWidth\n                        && naturalHeight > containerHeight)) {\n                        size = minFit;\n                    }\n                    break;\n                case OBJECT_FIT_CONTAIN:\n                    if (maxFit === OBJECT_FIT_SCALE_DOWN || (maxFit === OBJECT_FIT_NONE\n                        && naturalWidth < containerWidth\n                        && naturalHeight < containerHeight)) {\n                        size = maxFit;\n                    }\n                    else if ([OBJECT_FIT_COVER, OBJECT_FIT_FILL].includes(minFit) || (minFit === OBJECT_FIT_NONE\n                        && (naturalWidth > containerWidth || naturalHeight > containerHeight))) {\n                        size = minFit;\n                    }\n                    break;\n                case OBJECT_FIT_SCALE_DOWN:\n                    if (maxFit === OBJECT_FIT_NONE\n                        && naturalWidth < containerWidth\n                        && naturalHeight < containerHeight) {\n                        size = maxFit;\n                    }\n                    else if ([OBJECT_FIT_COVER, OBJECT_FIT_FILL, OBJECT_FIT_CONTAIN].includes(minFit) || (minFit === OBJECT_FIT_NONE\n                        && (naturalWidth > containerWidth && naturalHeight > containerHeight))) {\n                        size = minFit;\n                    }\n                    break;\n                // case OBJECT_FIT_NONE:\n                default:\n                    if ([\n                        OBJECT_FIT_COVER,\n                        OBJECT_FIT_FILL,\n                        OBJECT_FIT_CONTAIN,\n                        OBJECT_FIT_SCALE_DOWN,\n                    ].includes(maxFit)\n                        && (naturalWidth > containerWidth || naturalHeight > containerHeight)) {\n                        size = maxFit;\n                    }\n                    else if ([\n                        OBJECT_FIT_COVER,\n                        OBJECT_FIT_FILL,\n                        OBJECT_FIT_CONTAIN,\n                        OBJECT_FIT_SCALE_DOWN,\n                    ].includes(minFit) && naturalWidth < containerWidth && naturalHeight < containerHeight) {\n                        size = minFit;\n                    }\n            }\n            const scaleX = containerWidth / width;\n            const scaleY = containerHeight / height;\n            const { scalable } = this;\n            if (!scalable && !this.$isReady) {\n                this.scalable = true;\n                this.$nextTick(() => {\n                    this.scalable = scalable;\n                });\n            }\n            switch (size) {\n                case OBJECT_FIT_COVER:\n                    this.$scale(Math.max(scaleX, scaleY));\n                    break;\n                case OBJECT_FIT_CONTAIN:\n                    this.$scale(Math.min(scaleX, scaleY));\n                    break;\n                case OBJECT_FIT_FILL:\n                    this.$scale(scaleX, scaleY);\n                    break;\n                case OBJECT_FIT_SCALE_DOWN:\n                    this.$scale(Math.min(scaleX, scaleY, 1));\n                    break;\n                case OBJECT_FIT_NONE:\n                    this.$scale(1);\n                    break;\n            }\n        }\n        return this;\n    }\n    /**\n     * Moves the image.\n     * @param {number} x The moving distance in the horizontal direction.\n     * @param {number} [y] The moving distance in the vertical direction.\n     * @returns {CropperImage} Returns `this` for chaining.\n     */\n    $move(x, y = x) {\n        if (this.translatable && isNumber(x) && isNumber(y)) {\n            const [a, b, c, d] = this.$matrix;\n            const e = ((x * d) - (c * y)) / ((a * d) - (c * b));\n            const f = ((y * a) - (b * x)) / ((a * d) - (c * b));\n            const { $matrix } = this;\n            this.$translate(e, f);\n            // Slides along the inset limit instead of sticking when only one axis breaks it.\n            if (this.$matrix === $matrix && this.$insetRejected && x !== 0 && y !== 0) {\n                this.$move(x, 0);\n                this.$move(0, y);\n            }\n        }\n        return this;\n    }\n    /**\n     * Moves the image 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 {CropperImage} Returns `this` for chaining.\n     */\n    $moveTo(x, y = x) {\n        if (this.translatable && isNumber(x) && isNumber(y)) {\n            const [a, b, c, d] = this.$matrix;\n            const e = ((x * d) - (c * y)) / ((a * d) - (c * b));\n            const f = ((y * a) - (b * x)) / ((a * d) - (c * b));\n            this.$setTransform(a, b, c, d, e, f);\n        }\n        return this;\n    }\n    /**\n     * Rotates the image.\n     * {@link https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/rotate}\n     * {@link https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/rotate}\n     * @param {number|string} angle The rotation angle (in radians).\n     * @param {number} [x] The rotation origin in the horizontal, defaults to the center of the image.\n     * @param {number} [y] The rotation origin in the vertical, defaults to the center of the image.\n     * @returns {CropperImage} Returns `this` for chaining.\n     */\n    $rotate(angle, x, y) {\n        if (this.rotatable) {\n            const radian = toAngleInRadian(angle);\n            const cos = Math.cos(radian);\n            const sin = Math.sin(radian);\n            const [scaleX, skewY, skewX, scaleY] = [cos, sin, -sin, cos];\n            if (isNumber(x) && isNumber(y)) {\n                const [a, b, c, d] = this.$matrix;\n                const { width, height } = this.getBoundingClientRect();\n                const originX = width / 2;\n                const originY = height / 2;\n                const moveX = x - originX;\n                const moveY = y - originY;\n                const translateX = ((moveX * d) - (c * moveY)) / ((a * d) - (c * b));\n                const translateY = ((moveY * a) - (b * moveX)) / ((a * d) - (c * b));\n                /**\n                 * Equals to\n                 * this.$translate(translateX, translateX);\n                 * this.$rotate(angle);\n                 * this.$translate(-translateX, -translateX);\n                 */\n                this.$transform(scaleX, skewY, skewX, scaleY, translateX * (1 - scaleX) - translateY * skewX, translateY * (1 - scaleY) - translateX * skewY);\n            }\n            else {\n                this.$transform(scaleX, skewY, skewX, scaleY, 0, 0);\n            }\n        }\n        return this;\n    }\n    /**\n     * Zooms the image.\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 image.\n     * @param {number} [y] The zoom origin in the vertical, defaults to the center of the image.\n     * @returns {CropperImage} Returns `this` for chaining.\n     */\n    $zoom(scale, x, y) {\n        if (!this.scalable || scale === 0) {\n            return this;\n        }\n        if (scale < 0) {\n            scale = 1 / (1 - scale);\n        }\n        else {\n            scale += 1;\n        }\n        if (isNumber(x) && isNumber(y)) {\n            const [a, b, c, d] = this.$matrix;\n            const { width, height } = this.getBoundingClientRect();\n            const originX = width / 2;\n            const originY = height / 2;\n            const moveX = x - originX;\n            const moveY = y - originY;\n            const translateX = ((moveX * d) - (c * moveY)) / ((a * d) - (c * b));\n            const translateY = ((moveY * a) - (b * moveX)) / ((a * d) - (c * b));\n            /**\n             * Equals to\n             * this.$translate(translateX, translateX);\n             * this.$scale(scale);\n             * this.$translate(-translateX, -translateX);\n             */\n            this.$transform(scale, 0, 0, scale, translateX * (1 - scale), translateY * (1 - scale));\n        }\n        else {\n            this.$scale(scale);\n        }\n        return this;\n    }\n    /**\n     * Scales the image.\n     * {@link https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/scale}\n     * {@link https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/scale}\n     * @param {number} x The scaling factor in the horizontal direction.\n     * @param {number} [y] The scaling factor in the vertical direction.\n     * @returns {CropperImage} Returns `this` for chaining.\n     */\n    $scale(x, y = x) {\n        if (this.scalable) {\n            this.$transform(x, 0, 0, y, 0, 0);\n        }\n        return this;\n    }\n    /**\n     * Skews the image.\n     * {@link https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/skew}\n     * {@link https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/transform}\n     * @param {number|string} x The skewing angle in the horizontal direction.\n     * @param {number|string} [y] The skewing angle in the vertical direction.\n     * @returns {CropperImage} Returns `this` for chaining.\n     */\n    $skew(x, y = 0) {\n        if (this.skewable) {\n            const radianX = toAngleInRadian(x);\n            const radianY = toAngleInRadian(y);\n            this.$transform(1, Math.tan(radianY), Math.tan(radianX), 1, 0, 0);\n        }\n        return this;\n    }\n    /**\n     * Translates the image.\n     * {@link https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/translate}\n     * {@link https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/translate}\n     * @param {number} x The translating distance in the horizontal direction.\n     * @param {number} [y] The translating distance in the vertical direction.\n     * @returns {CropperImage} Returns `this` for chaining.\n     */\n    $translate(x, y = x) {\n        if (this.translatable && isNumber(x) && isNumber(y)) {\n            this.$transform(1, 0, 0, 1, x, y);\n        }\n        return this;\n    }\n    /**\n     * Transforms the image.\n     * {@link https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/matrix}\n     * {@link https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/transform}\n     * @param {number} a The scaling factor in the horizontal direction.\n     * @param {number} b The skewing angle in the vertical direction.\n     * @param {number} c The skewing angle in the horizontal direction.\n     * @param {number} d The scaling factor in the vertical direction.\n     * @param {number} e The translating distance in the horizontal direction.\n     * @param {number} f The translating distance in the vertical direction.\n     * @returns {CropperImage} Returns `this` for chaining.\n     */\n    $transform(a, b, c, d, e, f) {\n        if (isNumber(a)\n            && isNumber(b)\n            && isNumber(c)\n            && isNumber(d)\n            && isNumber(e)\n            && isNumber(f)) {\n            return this.$setTransform(multiplyMatrices(this.$matrix, [a, b, c, d, e, f]));\n        }\n        return this;\n    }\n    /**\n     * Resets (overrides) the current transform to the specific identity matrix.\n     * {@link https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/setTransform}\n     * @param {number|Array} a The scaling factor in the horizontal direction.\n     * @param {number} b The skewing angle in the vertical direction.\n     * @param {number} c The skewing angle in the horizontal direction.\n     * @param {number} d The scaling factor in the vertical direction.\n     * @param {number} e The translating distance in the horizontal direction.\n     * @param {number} f The translating distance in the vertical direction.\n     * @returns {CropperImage} Returns `this` for chaining.\n     */\n    $setTransform(a, b, c, d, e, f) {\n        this.$insetRejected = false;\n        if (this.rotatable || this.scalable || this.skewable || this.translatable) {\n            if (Array.isArray(a)) {\n                [a, b, c, d, e, f] = a;\n            }\n            if (isNumber(a)\n                && isNumber(b)\n                && isNumber(c)\n                && isNumber(d)\n                && isNumber(e)\n                && isNumber(f)) {\n                const oldMatrix = [...this.$matrix];\n                const newMatrix = [a, b, c, d, e, f];\n                if (this.$isReady && this.$canvas) {\n                    const { $canvas } = this;\n                    const canvasRect = $canvas.getBoundingClientRect();\n                    this.style.transform = `matrix(${newMatrix.join(', ')})`;\n                    const imageRect = this.$image.getBoundingClientRect();\n                    this.style.transform = `matrix(${oldMatrix.join(', ')})`;\n                    if (this.$exceedsFit(imageRect, canvasRect)) {\n                        return this;\n                    }\n                    if (this.$exceedsInset(imageRect, canvasRect)) {\n                        this.$insetRejected = true;\n                        return this;\n                    }\n                    if (this.$emit(EVENT_CHANGE, {\n                        x: imageRect.x - canvasRect.x,\n                        y: imageRect.y - canvasRect.y,\n                        width: imageRect.width,\n                        height: imageRect.height,\n                    }) === false) {\n                        return this;\n                    }\n                }\n                if (this.$emit(EVENT_TRANSFORM, {\n                    matrix: newMatrix,\n                    oldMatrix,\n                }) === false) {\n                    return this;\n                }\n                this.$matrix = newMatrix;\n                this.style.transform = `matrix(${newMatrix.join(', ')})`;\n            }\n        }\n        return this;\n    }\n    /**\n     * Retrieves the current transformation matrix being applied to the element.\n     * {@link https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/getTransform}\n     * @returns {Array} Returns the readonly transformation matrix.\n     */\n    $getTransform() {\n        return this.$matrix.slice();\n    }\n    /**\n     * Resets the current transform to the initial identity matrix.\n     * {@link https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/resetTransform}\n     * @returns {CropperImage} Returns `this` for chaining.\n     */\n    $resetTransform() {\n        return this.$setTransform([1, 0, 0, 1, 0, 0]);\n    }\n}\nCropperImage.$name = CROPPER_IMAGE;\nCropperImage.$version = '2.3.1';\n\nexport { CropperImage as default };\n"],"ignoreList":[0],"mappings":"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"}
+{"version":3,"file":"element-image.esm.raw.js","names":["CropperElement","style","canvasCache","NATIVE_ATTRIBUTES","CropperImage","OBJECT_FIT_CONTAIN","element","newValue","oldValue","name","$canvas","CROPPER_CANVAS","event","on","EVENT_ACTION_START","EVENT_ACTION_END","EVENT_ACTION","$image","EVENT_LOAD","off","maxFit","naturalWidth","canvasRect","naturalHeight","OBJECT_FIT_NONE","OBJECT_FIT_COVER","imageRect","OBJECT_FIT_FILL","minFit","exceedsInset","detail","action","ACTION_ROTATE","ACTION_SCALE","ACTION_NONE","ACTION_MOVE","$selection","relatedEvent","CROPPER_SELECTION","x","y","ACTION_TRANSFORM","scale","cos","rotate","sin","scaleX","skewY","skewX","scaleY","clientRect","a","b","c","originX","originY","moveX","moveY","translateX","translateY","promise","error","resolve","reject","onLoad","EVENT_ERROR","onError","once","isFunction","callback","image","parentElement","container","containerWidth","containerHeight","startX","width","startY","height","endX","endY","translatable","size","OBJECT_FIT_SCALE_DOWN","scalable","isNumber","d","e","f","$matrix","radian","toAngleInRadian","angle","radianX","radianY","multiplyMatrices","oldMatrix","newMatrix","CROPPER_IMAGE"],"sources":["../../../../../node_modules/@cropper/element-image/dist/element-image.esm.raw.js"],"sourcesContent":["import CropperElement from '@cropper/element';\nimport { CROPPER_IMAGE, OBJECT_FIT_CONTAIN, CROPPER_CANVAS, on, EVENT_ACTION_START, EVENT_ACTION_END, EVENT_ACTION, EVENT_LOAD, off, OBJECT_FIT_SCALE_DOWN, OBJECT_FIT_NONE, OBJECT_FIT_FILL, OBJECT_FIT_COVER, exceedsInset, ACTION_TRANSFORM, ACTION_ROTATE, ACTION_SCALE, ACTION_NONE, CROPPER_SELECTION, ACTION_MOVE, once, EVENT_ERROR, isFunction, isNumber, toAngleInRadian, multiplyMatrices, EVENT_CHANGE, EVENT_TRANSFORM } from '@cropper/utils';\n\nvar style = `: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%}`;\n\nconst canvasCache = new WeakMap();\nconst NATIVE_ATTRIBUTES = [\n    'alt',\n    'crossorigin',\n    'decoding',\n    'elementtiming',\n    'fetchpriority',\n    'loading',\n    'referrerpolicy',\n    'sizes',\n    'src',\n    'srcset',\n];\nclass CropperImage extends CropperElement {\n    constructor() {\n        super(...arguments);\n        this.$isReady = false;\n        this.$insetRejected = false;\n        this.$matrix = [1, 0, 0, 1, 0, 0];\n        this.$onLoad = null;\n        this.$onCanvasAction = null;\n        this.$onCanvasActionEnd = null;\n        this.$onCanvasActionStart = null;\n        this.$actionStartTarget = null;\n        this.$style = style;\n        this.$image = new Image();\n        /**\n         * @deprecated since version 2.2.0, use `initialFit` instead.\n         */\n        this.initialCenterSize = '';\n        this.initialFit = OBJECT_FIT_CONTAIN;\n        this.maxFit = '';\n        this.minFit = '';\n        this.maxInset = 'auto';\n        this.minInset = 'auto';\n        this.zoomAroundCenter = false;\n        this.rotatable = false;\n        this.scalable = false;\n        this.skewable = false;\n        this.slottable = false;\n        this.translatable = false;\n        // Native attributes\n        this.alt = '';\n        this.crossorigin = '';\n        this.decoding = '';\n        this.elementtiming = '';\n        this.fetchpriority = '';\n        this.loading = '';\n        this.referrerpolicy = '';\n        this.sizes = '';\n        this.src = '';\n        this.srcset = '';\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(NATIVE_ATTRIBUTES, [\n            'initial-center-size',\n            'initial-fit',\n            'max-fit',\n            'max-inset',\n            'min-fit',\n            'min-inset',\n            'rotatable',\n            'scalable',\n            'skewable',\n            'translatable',\n            'zoom-around-center',\n        ]);\n    }\n    attributeChangedCallback(name, oldValue, newValue) {\n        if (Object.is(newValue, oldValue)) {\n            return;\n        }\n        super.attributeChangedCallback(name, oldValue, newValue);\n        // Inherits the native attributes\n        if (NATIVE_ATTRIBUTES.includes(name)) {\n            if (newValue === null) {\n                this.$image.removeAttribute(name);\n            }\n            else {\n                this.$image.setAttribute(name, newValue);\n            }\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 'initialCenterSize':\n            case 'initialFit':\n                this.$nextTick(() => {\n                    if (this.$isReady && this.$canvas) {\n                        this.$center(newValue);\n                    }\n                });\n                break;\n            case 'maxFit':\n            case 'minFit':\n            case 'maxInset':\n            case 'minInset':\n                this.$nextTick(() => {\n                    if (this.$isReady && this.$canvas) {\n                        this.$resetTransform();\n                        this.$center(this.initialCenterSize || this.initialFit);\n                    }\n                });\n                break;\n            case 'src':\n                this.$isReady = false;\n                break;\n        }\n    }\n    connectedCallback() {\n        super.connectedCallback();\n        const { $image } = this;\n        const $canvas = this.closest(this.$getTagNameOf(CROPPER_CANVAS));\n        if ($canvas) {\n            this.$canvas = $canvas;\n            this.$setStyles({\n                // Make it a block element to avoid side effects (#1074).\n                display: 'block',\n                position: 'absolute',\n            });\n            this.$onCanvasActionStart = (event) => {\n                var _a, _b;\n                if (event.defaultPrevented) {\n                    return;\n                }\n                this.$actionStartTarget = (_b = (_a = event.detail) === null || _a === void 0 ? void 0 : _a.relatedEvent) === null || _b === void 0 ? void 0 : _b.target;\n            };\n            this.$onCanvasActionEnd = () => {\n                this.$actionStartTarget = null;\n            };\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        this.$onLoad = this.$handleLoad.bind(this);\n        on($image, EVENT_LOAD, this.$onLoad);\n        if ($image.complete && $image.naturalWidth > 0 && $image.naturalHeight > 0) {\n            this.$handleLoad();\n        }\n        this.$getShadowRoot().appendChild($image);\n    }\n    disconnectedCallback() {\n        const { $image, $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        if ($image && this.$onLoad) {\n            off($image, EVENT_LOAD, this.$onLoad);\n            this.$onLoad = null;\n        }\n        this.$getShadowRoot().removeChild($image);\n        super.disconnectedCallback();\n    }\n    $exceedsFit(imageRect, canvasRect) {\n        const { naturalWidth, naturalHeight } = this.$image;\n        let { maxFit, minFit } = this;\n        if (maxFit === OBJECT_FIT_SCALE_DOWN) {\n            if (naturalWidth >= canvasRect.width || naturalHeight >= canvasRect.height) {\n                maxFit = OBJECT_FIT_CONTAIN;\n            }\n            else {\n                maxFit = OBJECT_FIT_NONE;\n            }\n        }\n        switch (maxFit) {\n            case OBJECT_FIT_COVER:\n                if (imageRect.width > canvasRect.width && imageRect.height > canvasRect.height) {\n                    return true;\n                }\n                break;\n            case OBJECT_FIT_FILL:\n            case OBJECT_FIT_CONTAIN:\n                if (imageRect.width > canvasRect.width || imageRect.height > canvasRect.height) {\n                    return true;\n                }\n                break;\n            case OBJECT_FIT_NONE:\n                if (imageRect.width > naturalWidth || imageRect.height > naturalHeight) {\n                    return true;\n                }\n                break;\n        }\n        if (minFit === OBJECT_FIT_SCALE_DOWN) {\n            if (naturalWidth >= canvasRect.width || naturalHeight >= canvasRect.height) {\n                minFit = OBJECT_FIT_CONTAIN;\n            }\n            else {\n                minFit = OBJECT_FIT_NONE;\n            }\n        }\n        switch (minFit) {\n            case OBJECT_FIT_COVER:\n            case OBJECT_FIT_FILL:\n                if (imageRect.width < canvasRect.width || imageRect.height < canvasRect.height) {\n                    return true;\n                }\n                break;\n            case OBJECT_FIT_CONTAIN:\n                if (imageRect.width < canvasRect.width && imageRect.height < canvasRect.height) {\n                    return true;\n                }\n                break;\n            case OBJECT_FIT_NONE:\n                if (imageRect.width < naturalWidth || imageRect.height < naturalHeight) {\n                    return true;\n                }\n                break;\n        }\n        return false;\n    }\n    $exceedsInset(imageRect, canvasRect) {\n        return exceedsInset([\n            imageRect.top - canvasRect.top,\n            canvasRect.right - imageRect.right,\n            canvasRect.bottom - imageRect.bottom,\n            imageRect.left - canvasRect.left,\n        ], this.maxInset, this.minInset, this.$canvas, canvasRect);\n    }\n    $handleLoad() {\n        const { $image } = this;\n        this.$setStyles({\n            width: $image.naturalWidth,\n            height: $image.naturalHeight,\n        });\n        if (this.$canvas) {\n            this.$center(this.initialCenterSize || this.initialFit);\n        }\n        this.$isReady = true;\n    }\n    $handleAction(event) {\n        if (event.defaultPrevented\n            || this.hidden\n            || !(this.rotatable || this.scalable || this.translatable)) {\n            return;\n        }\n        const { $canvas } = this;\n        const { detail } = event;\n        if (detail) {\n            const { relatedEvent } = detail;\n            let { action } = detail;\n            if (action === ACTION_TRANSFORM && (!this.rotatable || !this.scalable)) {\n                if (this.rotatable) {\n                    action = ACTION_ROTATE;\n                }\n                else if (this.scalable) {\n                    action = ACTION_SCALE;\n                }\n                else {\n                    action = ACTION_NONE;\n                }\n            }\n            switch (action) {\n                case ACTION_MOVE:\n                    if (this.translatable) {\n                        let $selection = null;\n                        if (relatedEvent) {\n                            $selection = relatedEvent.target.closest(this.$getTagNameOf(CROPPER_SELECTION));\n                        }\n                        if (!$selection) {\n                            $selection = $canvas.querySelector(this.$getTagNameOf(CROPPER_SELECTION));\n                        }\n                        if ($selection && $selection.multiple && !$selection.active) {\n                            $selection = $canvas.querySelector(`${this.$getTagNameOf(CROPPER_SELECTION)}[active]`);\n                        }\n                        if (!$selection || $selection.hidden || !$selection.movable || $selection.dynamic\n                            || !(this.$actionStartTarget && $selection.contains(this.$actionStartTarget))) {\n                            this.$move(detail.endX - detail.startX, detail.endY - detail.startY);\n                        }\n                    }\n                    break;\n                case ACTION_ROTATE:\n                    if (this.rotatable) {\n                        if (relatedEvent) {\n                            const { x, y } = this.getBoundingClientRect();\n                            this.$rotate(detail.rotate, relatedEvent.clientX - x, relatedEvent.clientY - y);\n                        }\n                        else {\n                            this.$rotate(detail.rotate);\n                        }\n                    }\n                    break;\n                case ACTION_SCALE:\n                    if (this.scalable) {\n                        if (relatedEvent) {\n                            const $selection = relatedEvent.target.closest(this.$getTagNameOf(CROPPER_SELECTION));\n                            if (!$selection\n                                || !$selection.zoomable\n                                || ($selection.zoomable && $selection.dynamic)) {\n                                if (this.zoomAroundCenter) {\n                                    this.$zoom(detail.scale);\n                                }\n                                else {\n                                    const { x, y } = this.getBoundingClientRect();\n                                    this.$zoom(detail.scale, relatedEvent.clientX - x, relatedEvent.clientY - y);\n                                }\n                            }\n                        }\n                        else {\n                            this.$zoom(detail.scale);\n                        }\n                    }\n                    break;\n                case ACTION_TRANSFORM:\n                    if (this.rotatable && this.scalable) {\n                        const { rotate } = detail;\n                        let { scale } = detail;\n                        if (scale < 0) {\n                            scale = 1 / (1 - scale);\n                        }\n                        else {\n                            scale += 1;\n                        }\n                        const cos = Math.cos(rotate);\n                        const sin = Math.sin(rotate);\n                        const [scaleX, skewY, skewX, scaleY] = [\n                            cos * scale,\n                            sin * scale,\n                            -sin * scale,\n                            cos * scale,\n                        ];\n                        if (relatedEvent) {\n                            const clientRect = this.getBoundingClientRect();\n                            const x = relatedEvent.clientX - clientRect.x;\n                            const y = relatedEvent.clientY - clientRect.y;\n                            const [a, b, c, d] = this.$matrix;\n                            const originX = clientRect.width / 2;\n                            const originY = clientRect.height / 2;\n                            const moveX = x - originX;\n                            const moveY = y - originY;\n                            const translateX = ((moveX * d) - (c * moveY)) / ((a * d) - (c * b));\n                            const translateY = ((moveY * a) - (b * moveX)) / ((a * d) - (c * b));\n                            /**\n                             * Equals to\n                             * this.$rotate(rotate, x, y);\n                             * this.$scale(scale, x, y);\n                             */\n                            this.$transform(scaleX, skewY, skewX, scaleY, translateX * (1 - scaleX) + translateY * skewX, translateY * (1 - scaleY) + translateX * skewY);\n                        }\n                        else {\n                            /**\n                             * Equals to\n                             * this.$rotate(rotate);\n                             * this.$scale(scale);\n                             */\n                            this.$transform(scaleX, skewY, skewX, scaleY, 0, 0);\n                        }\n                    }\n                    break;\n            }\n        }\n    }\n    /**\n     * Defers the callback to execute after successfully loading the image.\n     * @param {Function} [callback] The callback to execute after successfully loading the image.\n     * @returns {Promise} Returns a promise that resolves to the image element.\n     */\n    $ready(callback) {\n        const { $image } = this;\n        const promise = new Promise((resolve, reject) => {\n            const error = new Error('Failed to load the image source');\n            if ($image.complete) {\n                if ($image.naturalWidth > 0 && $image.naturalHeight > 0) {\n                    resolve($image);\n                }\n                else {\n                    reject(error);\n                }\n            }\n            else {\n                const onLoad = () => {\n                    // eslint-disable-next-line @typescript-eslint/no-use-before-define\n                    off($image, EVENT_ERROR, onError);\n                    // Ensure the image is fully rendered.\n                    setTimeout(() => {\n                        resolve($image);\n                    });\n                };\n                const onError = () => {\n                    off($image, EVENT_LOAD, onLoad);\n                    reject(error);\n                };\n                once($image, EVENT_LOAD, onLoad);\n                once($image, EVENT_ERROR, onError);\n            }\n        });\n        if (isFunction(callback)) {\n            promise.then((image) => {\n                callback(image);\n                return image;\n            });\n        }\n        return promise;\n    }\n    /**\n     * Aligns the image to the center of its parent element.\n     * @param {string} [size] The size of the image.\n     * @returns {CropperImage} Returns `this` for chaining.\n     */\n    $center(size) {\n        const { parentElement } = this;\n        if (!parentElement) {\n            return this;\n        }\n        const container = parentElement.getBoundingClientRect();\n        const containerWidth = container.width;\n        const containerHeight = container.height;\n        const { x, y, width, height, } = this.getBoundingClientRect();\n        const startX = x + (width / 2);\n        const startY = y + (height / 2);\n        const endX = container.x + (containerWidth / 2);\n        const endY = container.y + (containerHeight / 2);\n        const { translatable } = this;\n        if (!translatable && !this.$isReady) {\n            this.translatable = true;\n            this.$nextTick(() => {\n                this.translatable = translatable;\n            });\n        }\n        this.$move(endX - startX, endY - startY);\n        const { maxFit, minFit } = this;\n        if (size || maxFit || minFit) {\n            const { naturalWidth, naturalHeight } = this.$image;\n            switch (size) {\n                case OBJECT_FIT_COVER:\n                    if ([\n                        OBJECT_FIT_FILL,\n                        OBJECT_FIT_CONTAIN,\n                        OBJECT_FIT_SCALE_DOWN,\n                    ].includes(maxFit) || (maxFit === OBJECT_FIT_NONE\n                        && (naturalWidth < containerWidth || naturalHeight < containerHeight))) {\n                        size = maxFit;\n                    }\n                    else if (minFit === OBJECT_FIT_NONE\n                        && naturalWidth > containerWidth\n                        && naturalHeight > containerHeight) {\n                        size = minFit;\n                    }\n                    break;\n                case OBJECT_FIT_FILL:\n                    if ([OBJECT_FIT_CONTAIN, OBJECT_FIT_SCALE_DOWN].includes(maxFit) || (maxFit === OBJECT_FIT_NONE\n                        && (naturalWidth < containerWidth || naturalHeight < containerHeight))) {\n                        size = maxFit;\n                    }\n                    else if (minFit === OBJECT_FIT_COVER || (minFit === OBJECT_FIT_NONE\n                        && naturalWidth > containerWidth\n                        && naturalHeight > containerHeight)) {\n                        size = minFit;\n                    }\n                    break;\n                case OBJECT_FIT_CONTAIN:\n                    if (maxFit === OBJECT_FIT_SCALE_DOWN || (maxFit === OBJECT_FIT_NONE\n                        && naturalWidth < containerWidth\n                        && naturalHeight < containerHeight)) {\n                        size = maxFit;\n                    }\n                    else if ([OBJECT_FIT_COVER, OBJECT_FIT_FILL].includes(minFit) || (minFit === OBJECT_FIT_NONE\n                        && (naturalWidth > containerWidth || naturalHeight > containerHeight))) {\n                        size = minFit;\n                    }\n                    break;\n                case OBJECT_FIT_SCALE_DOWN:\n                    if (maxFit === OBJECT_FIT_NONE\n                        && naturalWidth < containerWidth\n                        && naturalHeight < containerHeight) {\n                        size = maxFit;\n                    }\n                    else if ([OBJECT_FIT_COVER, OBJECT_FIT_FILL, OBJECT_FIT_CONTAIN].includes(minFit) || (minFit === OBJECT_FIT_NONE\n                        && (naturalWidth > containerWidth && naturalHeight > containerHeight))) {\n                        size = minFit;\n                    }\n                    break;\n                // case OBJECT_FIT_NONE:\n                default:\n                    if ([\n                        OBJECT_FIT_COVER,\n                        OBJECT_FIT_FILL,\n                        OBJECT_FIT_CONTAIN,\n                        OBJECT_FIT_SCALE_DOWN,\n                    ].includes(maxFit)\n                        && (naturalWidth > containerWidth || naturalHeight > containerHeight)) {\n                        size = maxFit;\n                    }\n                    else if ([\n                        OBJECT_FIT_COVER,\n                        OBJECT_FIT_FILL,\n                        OBJECT_FIT_CONTAIN,\n                        OBJECT_FIT_SCALE_DOWN,\n                    ].includes(minFit) && naturalWidth < containerWidth && naturalHeight < containerHeight) {\n                        size = minFit;\n                    }\n            }\n            const scaleX = containerWidth / width;\n            const scaleY = containerHeight / height;\n            const { scalable } = this;\n            if (!scalable && !this.$isReady) {\n                this.scalable = true;\n                this.$nextTick(() => {\n                    this.scalable = scalable;\n                });\n            }\n            switch (size) {\n                case OBJECT_FIT_COVER:\n                    this.$scale(Math.max(scaleX, scaleY));\n                    break;\n                case OBJECT_FIT_CONTAIN:\n                    this.$scale(Math.min(scaleX, scaleY));\n                    break;\n                case OBJECT_FIT_FILL:\n                    this.$scale(scaleX, scaleY);\n                    break;\n                case OBJECT_FIT_SCALE_DOWN:\n                    this.$scale(Math.min(scaleX, scaleY, 1));\n                    break;\n                case OBJECT_FIT_NONE:\n                    this.$scale(1);\n                    break;\n            }\n        }\n        return this;\n    }\n    /**\n     * Moves the image.\n     * @param {number} x The moving distance in the horizontal direction.\n     * @param {number} [y] The moving distance in the vertical direction.\n     * @returns {CropperImage} Returns `this` for chaining.\n     */\n    $move(x, y = x) {\n        if (this.translatable && isNumber(x) && isNumber(y)) {\n            const [a, b, c, d] = this.$matrix;\n            const e = ((x * d) - (c * y)) / ((a * d) - (c * b));\n            const f = ((y * a) - (b * x)) / ((a * d) - (c * b));\n            const { $matrix } = this;\n            this.$translate(e, f);\n            // Slides along the inset limit instead of sticking when only one axis breaks it.\n            if (this.$matrix === $matrix && this.$insetRejected && x !== 0 && y !== 0) {\n                this.$move(x, 0);\n                this.$move(0, y);\n            }\n        }\n        return this;\n    }\n    /**\n     * Moves the image 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 {CropperImage} Returns `this` for chaining.\n     */\n    $moveTo(x, y = x) {\n        if (this.translatable && isNumber(x) && isNumber(y)) {\n            const [a, b, c, d] = this.$matrix;\n            const e = ((x * d) - (c * y)) / ((a * d) - (c * b));\n            const f = ((y * a) - (b * x)) / ((a * d) - (c * b));\n            this.$setTransform(a, b, c, d, e, f);\n        }\n        return this;\n    }\n    /**\n     * Rotates the image.\n     * {@link https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/rotate}\n     * {@link https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/rotate}\n     * @param {number|string} angle The rotation angle (in radians).\n     * @param {number} [x] The rotation origin in the horizontal, defaults to the center of the image.\n     * @param {number} [y] The rotation origin in the vertical, defaults to the center of the image.\n     * @returns {CropperImage} Returns `this` for chaining.\n     */\n    $rotate(angle, x, y) {\n        if (this.rotatable) {\n            const radian = toAngleInRadian(angle);\n            const cos = Math.cos(radian);\n            const sin = Math.sin(radian);\n            const [scaleX, skewY, skewX, scaleY] = [cos, sin, -sin, cos];\n            if (isNumber(x) && isNumber(y)) {\n                const [a, b, c, d] = this.$matrix;\n                const { width, height } = this.getBoundingClientRect();\n                const originX = width / 2;\n                const originY = height / 2;\n                const moveX = x - originX;\n                const moveY = y - originY;\n                const translateX = ((moveX * d) - (c * moveY)) / ((a * d) - (c * b));\n                const translateY = ((moveY * a) - (b * moveX)) / ((a * d) - (c * b));\n                /**\n                 * Equals to\n                 * this.$translate(translateX, translateX);\n                 * this.$rotate(angle);\n                 * this.$translate(-translateX, -translateX);\n                 */\n                this.$transform(scaleX, skewY, skewX, scaleY, translateX * (1 - scaleX) - translateY * skewX, translateY * (1 - scaleY) - translateX * skewY);\n            }\n            else {\n                this.$transform(scaleX, skewY, skewX, scaleY, 0, 0);\n            }\n        }\n        return this;\n    }\n    /**\n     * Zooms the image.\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 image.\n     * @param {number} [y] The zoom origin in the vertical, defaults to the center of the image.\n     * @returns {CropperImage} Returns `this` for chaining.\n     */\n    $zoom(scale, x, y) {\n        if (!this.scalable || scale === 0) {\n            return this;\n        }\n        if (scale < 0) {\n            scale = 1 / (1 - scale);\n        }\n        else {\n            scale += 1;\n        }\n        if (isNumber(x) && isNumber(y)) {\n            const [a, b, c, d] = this.$matrix;\n            const { width, height } = this.getBoundingClientRect();\n            const originX = width / 2;\n            const originY = height / 2;\n            const moveX = x - originX;\n            const moveY = y - originY;\n            const translateX = ((moveX * d) - (c * moveY)) / ((a * d) - (c * b));\n            const translateY = ((moveY * a) - (b * moveX)) / ((a * d) - (c * b));\n            /**\n             * Equals to\n             * this.$translate(translateX, translateX);\n             * this.$scale(scale);\n             * this.$translate(-translateX, -translateX);\n             */\n            this.$transform(scale, 0, 0, scale, translateX * (1 - scale), translateY * (1 - scale));\n        }\n        else {\n            this.$scale(scale);\n        }\n        return this;\n    }\n    /**\n     * Scales the image.\n     * {@link https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/scale}\n     * {@link https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/scale}\n     * @param {number} x The scaling factor in the horizontal direction.\n     * @param {number} [y] The scaling factor in the vertical direction.\n     * @returns {CropperImage} Returns `this` for chaining.\n     */\n    $scale(x, y = x) {\n        if (this.scalable) {\n            this.$transform(x, 0, 0, y, 0, 0);\n        }\n        return this;\n    }\n    /**\n     * Skews the image.\n     * {@link https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/skew}\n     * {@link https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/transform}\n     * @param {number|string} x The skewing angle in the horizontal direction.\n     * @param {number|string} [y] The skewing angle in the vertical direction.\n     * @returns {CropperImage} Returns `this` for chaining.\n     */\n    $skew(x, y = 0) {\n        if (this.skewable) {\n            const radianX = toAngleInRadian(x);\n            const radianY = toAngleInRadian(y);\n            this.$transform(1, Math.tan(radianY), Math.tan(radianX), 1, 0, 0);\n        }\n        return this;\n    }\n    /**\n     * Translates the image.\n     * {@link https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/translate}\n     * {@link https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/translate}\n     * @param {number} x The translating distance in the horizontal direction.\n     * @param {number} [y] The translating distance in the vertical direction.\n     * @returns {CropperImage} Returns `this` for chaining.\n     */\n    $translate(x, y = x) {\n        if (this.translatable && isNumber(x) && isNumber(y)) {\n            this.$transform(1, 0, 0, 1, x, y);\n        }\n        return this;\n    }\n    /**\n     * Transforms the image.\n     * {@link https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/matrix}\n     * {@link https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/transform}\n     * @param {number} a The scaling factor in the horizontal direction.\n     * @param {number} b The skewing angle in the vertical direction.\n     * @param {number} c The skewing angle in the horizontal direction.\n     * @param {number} d The scaling factor in the vertical direction.\n     * @param {number} e The translating distance in the horizontal direction.\n     * @param {number} f The translating distance in the vertical direction.\n     * @returns {CropperImage} Returns `this` for chaining.\n     */\n    $transform(a, b, c, d, e, f) {\n        if (isNumber(a)\n            && isNumber(b)\n            && isNumber(c)\n            && isNumber(d)\n            && isNumber(e)\n            && isNumber(f)) {\n            return this.$setTransform(multiplyMatrices(this.$matrix, [a, b, c, d, e, f]));\n        }\n        return this;\n    }\n    /**\n     * Resets (overrides) the current transform to the specific identity matrix.\n     * {@link https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/setTransform}\n     * @param {number|Array} a The scaling factor in the horizontal direction.\n     * @param {number} b The skewing angle in the vertical direction.\n     * @param {number} c The skewing angle in the horizontal direction.\n     * @param {number} d The scaling factor in the vertical direction.\n     * @param {number} e The translating distance in the horizontal direction.\n     * @param {number} f The translating distance in the vertical direction.\n     * @returns {CropperImage} Returns `this` for chaining.\n     */\n    $setTransform(a, b, c, d, e, f) {\n        this.$insetRejected = false;\n        if (this.rotatable || this.scalable || this.skewable || this.translatable) {\n            if (Array.isArray(a)) {\n                [a, b, c, d, e, f] = a;\n            }\n            if (isNumber(a)\n                && isNumber(b)\n                && isNumber(c)\n                && isNumber(d)\n                && isNumber(e)\n                && isNumber(f)) {\n                const oldMatrix = [...this.$matrix];\n                const newMatrix = [a, b, c, d, e, f];\n                if (this.$isReady && this.$canvas) {\n                    const { $canvas } = this;\n                    const canvasRect = $canvas.getBoundingClientRect();\n                    this.style.transform = `matrix(${newMatrix.join(', ')})`;\n                    const imageRect = this.$image.getBoundingClientRect();\n                    this.style.transform = `matrix(${oldMatrix.join(', ')})`;\n                    if (this.$exceedsFit(imageRect, canvasRect)) {\n                        return this;\n                    }\n                    if (this.$exceedsInset(imageRect, canvasRect)) {\n                        this.$insetRejected = true;\n                        return this;\n                    }\n                    if (this.$emit(EVENT_CHANGE, {\n                        x: imageRect.x - canvasRect.x,\n                        y: imageRect.y - canvasRect.y,\n                        width: imageRect.width,\n                        height: imageRect.height,\n                    }) === false) {\n                        return this;\n                    }\n                }\n                if (this.$emit(EVENT_TRANSFORM, {\n                    matrix: newMatrix,\n                    oldMatrix,\n                }) === false) {\n                    return this;\n                }\n                this.$matrix = newMatrix;\n                this.style.transform = `matrix(${newMatrix.join(', ')})`;\n            }\n        }\n        return this;\n    }\n    /**\n     * Retrieves the current transformation matrix being applied to the element.\n     * {@link https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/getTransform}\n     * @returns {Array} Returns the readonly transformation matrix.\n     */\n    $getTransform() {\n        return this.$matrix.slice();\n    }\n    /**\n     * Resets the current transform to the initial identity matrix.\n     * {@link https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/resetTransform}\n     * @returns {CropperImage} Returns `this` for chaining.\n     */\n    $resetTransform() {\n        return this.$setTransform([1, 0, 0, 1, 0, 0]);\n    }\n}\nCropperImage.$name = CROPPER_IMAGE;\nCropperImage.$version = '2.3.1';\n\nexport { CropperImage as default };\n"],"ignoreList":[0],"mappings":"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"}

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

@@ -1,6 +1,6 @@
 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, exceedsInset as b, getAdjustedSizes as x, getComposedPathTarget as S, getOffset as C, isFunction as w, isNumber as T, isPlainObject as E, isPositiveNumber as D, off as O, on as k } from "../../utils/dist/utils.esm.raw.js";
 import A from "../../element/dist/element.esm.raw.js";
-//#region node_modules/@cropper/element-selection/dist/element-selection.esm.raw.js
+// node_modules/@cropper/element-selection/dist/element-selection.esm.raw.js
 function j(e, t, n, r) {
 	function i(e) {
 		return e instanceof n ? e : new n(function(t) {
@@ -457,7 +457,6 @@ var R = class extends A {
 	}
 };
 R.$name = m, R.$version = "2.3.1";
-//#endregion
 export { R as default };
 
 //# sourceMappingURL=element-selection.esm.raw.js.map

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

@@ -1,6 +1,6 @@
 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
+// 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.borderRadius = "", this.slottable = !1, this.themeColor = "rgba(0, 0, 0, 0.65)";
@@ -64,7 +64,6 @@ var f = ":host{display:block;height:0;left:0;outline:var(--theme-color) solid 1p
 	}
 };
 m.$name = n, m.$version = "2.3.1";
-//#endregion
 export { m as default };
 
 //# sourceMappingURL=element-shade.esm.raw.js.map