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

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

@@ -1 +1 @@
-{"version":3,"file":"element-canvas.esm.raw.js","names":["CropperElement","style","CropperCanvas","ACTION_NONE","newValue","oldValue","name","on","EVENT_POINTER_DOWN","EVENT_POINTER_MOVE","EVENT_POINTER_UP","EVENT_WHEEL","off","event","identifier","pageX","pageY","pointerId","$pointers","type","isNumber","buttons","button","action","ACTION_TRANSFORM","isElement","$action","pointer","detail","pointers2","maxRotateRate","maxScaleRate","rotate","scale","centerX","centerY","x1","pointer2","y1","x2","y2","z1","z2","a1","a2","rotateRate","absRotateRate","scaleRate","absScaleRate","rotatable","scalable","ACTION_ROTATE","ACTION_SCALE","EVENT_ACTION","isString","canvas","width","height","isPlainObject","options","isPositiveNumber","getAdjustedSizes","cropperImage","CROPPER_IMAGE","context","a","b","c","e","f","newE","newF","destWidth","image","destHeight","isFunction","reject","resolve","CROPPER_CANVAS"],"sources":["../../../../../node_modules/@cropper/element-canvas/dist/element-canvas.esm.raw.js"],"sourcesContent":["import CropperElement from '@cropper/element';\nimport { CROPPER_CANVAS, ACTION_NONE, on, EVENT_POINTER_DOWN, EVENT_POINTER_MOVE, EVENT_POINTER_UP, EVENT_WHEEL, off, isNumber, isElement, ATTRIBUTE_ACTION, EVENT_ACTION_START, EVENT_ACTION_MOVE, ACTION_TRANSFORM, EVENT_ACTION, EVENT_ACTION_END, ACTION_SCALE, isString, isPlainObject, isPositiveNumber, getAdjustedSizes, CROPPER_IMAGE, isFunction, ACTION_ROTATE } from '@cropper/utils';\n\nvar style = `: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}`;\n\nclass CropperCanvas extends CropperElement {\n    constructor() {\n        super(...arguments);\n        this.$onPointerDown = null;\n        this.$onPointerMove = null;\n        this.$onPointerUp = null;\n        this.$onWheel = null;\n        this.$wheeling = false;\n        this.$pointers = new Map();\n        this.$style = style;\n        this.$action = ACTION_NONE;\n        this.background = false;\n        this.disabled = false;\n        this.scaleStep = 0.1;\n        this.themeColor = '#39f';\n    }\n    static get observedAttributes() {\n        return super.observedAttributes.concat([\n            'background',\n            'disabled',\n            'scale-step',\n        ]);\n    }\n    connectedCallback() {\n        super.connectedCallback();\n        if (!this.disabled) {\n            this.$bind();\n        }\n    }\n    disconnectedCallback() {\n        this.$unbind();\n        super.disconnectedCallback();\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 'disabled':\n                if (newValue) {\n                    this.$unbind();\n                }\n                else {\n                    this.$bind();\n                }\n                break;\n        }\n    }\n    $bind() {\n        if (!this.$onPointerDown) {\n            this.$onPointerDown = this.$handlePointerDown.bind(this);\n            on(this, EVENT_POINTER_DOWN, this.$onPointerDown);\n        }\n        if (!this.$onPointerMove) {\n            this.$onPointerMove = this.$handlePointerMove.bind(this);\n            on(this.ownerDocument, EVENT_POINTER_MOVE, this.$onPointerMove);\n        }\n        if (!this.$onPointerUp) {\n            this.$onPointerUp = this.$handlePointerUp.bind(this);\n            on(this.ownerDocument, EVENT_POINTER_UP, this.$onPointerUp);\n        }\n        if (!this.$onWheel) {\n            this.$onWheel = this.$handleWheel.bind(this);\n            on(this, EVENT_WHEEL, this.$onWheel, {\n                passive: false,\n                capture: true,\n            });\n        }\n    }\n    $unbind() {\n        if (this.$onPointerDown) {\n            off(this, EVENT_POINTER_DOWN, this.$onPointerDown);\n            this.$onPointerDown = null;\n        }\n        if (this.$onPointerMove) {\n            off(this.ownerDocument, EVENT_POINTER_MOVE, this.$onPointerMove);\n            this.$onPointerMove = null;\n        }\n        if (this.$onPointerUp) {\n            off(this.ownerDocument, EVENT_POINTER_UP, this.$onPointerUp);\n            this.$onPointerUp = null;\n        }\n        if (this.$onWheel) {\n            off(this, EVENT_WHEEL, this.$onWheel, {\n                capture: true,\n            });\n            this.$onWheel = null;\n        }\n        this.$pointers.clear();\n        this.style.willChange = '';\n        this.$action = ACTION_NONE;\n    }\n    $addPointers(event) {\n        const { $pointers } = this;\n        if (event.changedTouches) {\n            Array.from(event.changedTouches).forEach(({ identifier, pageX, pageY, }) => {\n                $pointers.set(identifier, {\n                    startX: pageX,\n                    startY: pageY,\n                    endX: pageX,\n                    endY: pageY,\n                });\n            });\n        }\n        else {\n            const { pointerId = 0, pageX, pageY } = event;\n            $pointers.set(pointerId, {\n                startX: pageX,\n                startY: pageY,\n                endX: pageX,\n                endY: pageY,\n            });\n        }\n    }\n    $removePointers(event) {\n        const { $pointers } = this;\n        if (event.changedTouches) {\n            Array.from(event.changedTouches).forEach(({ identifier }) => {\n                $pointers.delete(identifier);\n            });\n        }\n        else {\n            const { pointerId = 0 } = event;\n            $pointers.delete(pointerId);\n        }\n        if ($pointers.size === 0) {\n            this.style.willChange = '';\n            this.$action = ACTION_NONE;\n        }\n    }\n    $handlePointerDown(event) {\n        const { buttons, button, type } = event;\n        if (this.disabled || (\n        // Handle pointer or mouse event, and ignore touch event\n        ((type === 'pointerdown' && event.pointerType === 'mouse') || type === 'mousedown') && (\n        // No primary button (Usually the left button)\n        (isNumber(buttons) && buttons !== 1) || (isNumber(button) && button !== 0)\n            // Open context menu\n            || event.ctrlKey))) {\n            return;\n        }\n        this.$addPointers(event);\n        const { $pointers } = this;\n        let action = ACTION_NONE;\n        if ($pointers.size > 1) {\n            action = ACTION_TRANSFORM;\n        }\n        else if (isElement(event.target)) {\n            action = event.target.action\n                || event.target.getAttribute(ATTRIBUTE_ACTION)\n                || ACTION_NONE;\n        }\n        if (this.$emit(EVENT_ACTION_START, {\n            action,\n            relatedEvent: event,\n        }) === false) {\n            this.$removePointers(event);\n            return;\n        }\n        // Prevent page zooming in the browsers for iOS.\n        event.preventDefault();\n        this.$action = action;\n        this.style.willChange = 'transform';\n    }\n    $handlePointerMove(event) {\n        const { $action, $pointers } = this;\n        if (this.disabled || $action === ACTION_NONE || $pointers.size === 0) {\n            return;\n        }\n        if (this.$emit(EVENT_ACTION_MOVE, {\n            action: $action,\n            relatedEvent: event,\n        }) === false) {\n            return;\n        }\n        // Prevent page scrolling.\n        event.preventDefault();\n        if (event.changedTouches) {\n            Array.from(event.changedTouches).forEach(({ identifier, pageX, pageY, }) => {\n                const pointer = $pointers.get(identifier);\n                if (pointer) {\n                    Object.assign(pointer, {\n                        endX: pageX,\n                        endY: pageY,\n                    });\n                }\n            });\n        }\n        else {\n            const { pointerId = 0, pageX, pageY } = event;\n            const pointer = $pointers.get(pointerId);\n            if (pointer) {\n                Object.assign(pointer, {\n                    endX: pageX,\n                    endY: pageY,\n                });\n            }\n        }\n        const detail = {\n            action: $action,\n            relatedEvent: event,\n        };\n        if ($action === ACTION_TRANSFORM) {\n            const pointers2 = new Map($pointers);\n            let maxRotateRate = 0;\n            let maxScaleRate = 0;\n            let rotate = 0;\n            let scale = 0;\n            let centerX = event.pageX;\n            let centerY = event.pageY;\n            $pointers.forEach((pointer, pointerId) => {\n                pointers2.delete(pointerId);\n                pointers2.forEach((pointer2) => {\n                    let x1 = pointer2.startX - pointer.startX;\n                    let y1 = pointer2.startY - pointer.startY;\n                    let x2 = pointer2.endX - pointer.endX;\n                    let y2 = pointer2.endY - pointer.endY;\n                    let z1 = 0;\n                    let z2 = 0;\n                    let a1 = 0;\n                    let a2 = 0;\n                    if (x1 === 0) {\n                        if (y1 < 0) {\n                            a1 = Math.PI * 2;\n                        }\n                        else if (y1 > 0) {\n                            a1 = Math.PI;\n                        }\n                    }\n                    else if (x1 > 0) {\n                        a1 = (Math.PI / 2) + Math.atan(y1 / x1);\n                    }\n                    else if (x1 < 0) {\n                        a1 = (Math.PI * 1.5) + Math.atan(y1 / x1);\n                    }\n                    if (x2 === 0) {\n                        if (y2 < 0) {\n                            a2 = Math.PI * 2;\n                        }\n                        else if (y2 > 0) {\n                            a2 = Math.PI;\n                        }\n                    }\n                    else if (x2 > 0) {\n                        a2 = (Math.PI / 2) + Math.atan(y2 / x2);\n                    }\n                    else if (x2 < 0) {\n                        a2 = (Math.PI * 1.5) + Math.atan(y2 / x2);\n                    }\n                    if (a2 > 0 || a1 > 0) {\n                        const rotateRate = a2 - a1;\n                        const absRotateRate = Math.abs(rotateRate);\n                        if (absRotateRate > maxRotateRate) {\n                            maxRotateRate = absRotateRate;\n                            rotate = rotateRate;\n                            centerX = (pointer.startX + pointer2.startX) / 2;\n                            centerY = (pointer.startY + pointer2.startY) / 2;\n                        }\n                    }\n                    x1 = Math.abs(x1);\n                    y1 = Math.abs(y1);\n                    x2 = Math.abs(x2);\n                    y2 = Math.abs(y2);\n                    if (x1 > 0 && y1 > 0) {\n                        z1 = Math.sqrt((x1 * x1) + (y1 * y1));\n                    }\n                    else if (x1 > 0) {\n                        z1 = x1;\n                    }\n                    else if (y1 > 0) {\n                        z1 = y1;\n                    }\n                    if (x2 > 0 && y2 > 0) {\n                        z2 = Math.sqrt((x2 * x2) + (y2 * y2));\n                    }\n                    else if (x2 > 0) {\n                        z2 = x2;\n                    }\n                    else if (y2 > 0) {\n                        z2 = y2;\n                    }\n                    if (z1 > 0 && z2 > 0) {\n                        const scaleRate = (z2 - z1) / z1;\n                        const absScaleRate = Math.abs(scaleRate);\n                        if (absScaleRate > maxScaleRate) {\n                            maxScaleRate = absScaleRate;\n                            scale = scaleRate;\n                            centerX = (pointer.startX + pointer2.startX) / 2;\n                            centerY = (pointer.startY + pointer2.startY) / 2;\n                        }\n                    }\n                });\n            });\n            const rotatable = maxRotateRate > 0;\n            const scalable = maxScaleRate > 0;\n            if (rotatable && scalable) {\n                detail.rotate = rotate;\n                detail.scale = scale;\n                detail.centerX = centerX;\n                detail.centerY = centerY;\n            }\n            else if (rotatable) {\n                detail.action = ACTION_ROTATE;\n                detail.rotate = rotate;\n                detail.centerX = centerX;\n                detail.centerY = centerY;\n            }\n            else if (scalable) {\n                detail.action = ACTION_SCALE;\n                detail.scale = scale;\n                detail.centerX = centerX;\n                detail.centerY = centerY;\n            }\n            else {\n                detail.action = ACTION_NONE;\n            }\n        }\n        else {\n            const [pointer] = Array.from($pointers.values());\n            Object.assign(detail, pointer);\n        }\n        // Override the starting coordinate\n        $pointers.forEach((pointer) => {\n            pointer.startX = pointer.endX;\n            pointer.startY = pointer.endY;\n        });\n        if (detail.action !== ACTION_NONE) {\n            this.$emit(EVENT_ACTION, detail);\n        }\n    }\n    $handlePointerUp(event) {\n        const { $action } = this;\n        if (this.disabled) {\n            this.$removePointers(event);\n            return;\n        }\n        if ($action === ACTION_NONE) {\n            this.$removePointers(event);\n            return;\n        }\n        if (this.$emit(EVENT_ACTION_END, {\n            action: $action,\n            relatedEvent: event,\n        }) === false) {\n            this.$removePointers(event);\n            return;\n        }\n        event.preventDefault();\n        this.$removePointers(event);\n    }\n    $handleWheel(event) {\n        if (this.disabled) {\n            return;\n        }\n        event.preventDefault();\n        // Limit wheel speed to prevent zoom too fast (#21)\n        if (this.$wheeling) {\n            return;\n        }\n        this.$wheeling = true;\n        // Debounce by 50ms\n        setTimeout(() => {\n            this.$wheeling = false;\n        }, 50);\n        const delta = event.deltaY > 0 ? -1 : 1;\n        const scale = delta * this.scaleStep;\n        this.$emit(EVENT_ACTION, {\n            action: ACTION_SCALE,\n            scale,\n            relatedEvent: event,\n        });\n    }\n    /**\n     * Changes the current action to a new one.\n     * @param {string} action The new action.\n     * @returns {CropperCanvas} Returns `this` for chaining.\n     */\n    $setAction(action) {\n        if (isString(action)) {\n            this.$action = action;\n        }\n        return this;\n    }\n    /**\n     * Generates a real canvas element, with the image draw into if there is one.\n     * @param {object} [options] The available options.\n     * @param {number} [options.width] The width of the canvas.\n     * @param {number} [options.height] The height of the canvas.\n     * @param {Function} [options.beforeDraw] The function called before drawing the image onto the canvas.\n     * @returns {Promise} Returns a promise that resolves to the generated canvas element.\n     */\n    $toCanvas(options) {\n        return new Promise((resolve, reject) => {\n            if (!this.isConnected) {\n                reject(new Error('The current element is not connected to the DOM.'));\n                return;\n            }\n            const canvas = document.createElement('canvas');\n            let width = this.offsetWidth;\n            let height = this.offsetHeight;\n            let scale = 1;\n            if (isPlainObject(options)\n                && (isPositiveNumber(options.width) || isPositiveNumber(options.height))) {\n                ({ width, height } = getAdjustedSizes({\n                    aspectRatio: width / height,\n                    width: options.width,\n                    height: options.height,\n                }));\n                scale = width / this.offsetWidth;\n            }\n            canvas.width = width;\n            canvas.height = height;\n            const cropperImage = this.querySelector(this.$getTagNameOf(CROPPER_IMAGE));\n            if (!cropperImage) {\n                resolve(canvas);\n                return;\n            }\n            cropperImage.$ready().then((image) => {\n                const context = canvas.getContext('2d');\n                if (context) {\n                    const [a, b, c, d, e, f] = cropperImage.$getTransform();\n                    let newE = e;\n                    let newF = f;\n                    let destWidth = image.naturalWidth;\n                    let destHeight = image.naturalHeight;\n                    if (scale !== 1) {\n                        newE *= scale;\n                        newF *= scale;\n                        destWidth *= scale;\n                        destHeight *= scale;\n                    }\n                    const centerX = destWidth / 2;\n                    const centerY = destHeight / 2;\n                    context.fillStyle = 'transparent';\n                    context.fillRect(0, 0, width, height);\n                    if (isPlainObject(options) && isFunction(options.beforeDraw)) {\n                        options.beforeDraw.call(this, context, canvas);\n                    }\n                    context.save();\n                    // Move the transform origin to the center of the image.\n                    // https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin\n                    context.translate(centerX, centerY);\n                    context.transform(a, b, c, d, newE, newF);\n                    // Reset the transform origin to the top-left of the image.\n                    context.translate(-centerX, -centerY);\n                    context.drawImage(image, 0, 0, destWidth, destHeight);\n                    context.restore();\n                }\n                resolve(canvas);\n            }).catch(reject);\n        });\n    }\n}\nCropperCanvas.$name = CROPPER_CANVAS;\nCropperCanvas.$version = '2.2.0';\n\nexport { CropperCanvas as default };\n"],"ignoreList":[0],"mappings":"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"}
+{"version":3,"file":"element-canvas.esm.raw.js","names":["CropperElement","style","CropperCanvas","ACTION_NONE","newValue","oldValue","name","on","EVENT_POINTER_DOWN","EVENT_POINTER_MOVE","EVENT_POINTER_UP","EVENT_WHEEL","off","event","identifier","pageX","pageY","pointerId","$pointers","type","isNumber","buttons","button","action","ACTION_TRANSFORM","isElement","$action","pointer","detail","pointers2","maxRotateRate","maxScaleRate","rotate","scale","centerX","centerY","x1","pointer2","y1","x2","y2","z1","z2","a1","a2","rotateRate","absRotateRate","scaleRate","absScaleRate","rotatable","scalable","ACTION_ROTATE","ACTION_SCALE","EVENT_ACTION","isString","canvas","width","height","isPlainObject","options","isPositiveNumber","getAdjustedSizes","cropperImage","CROPPER_IMAGE","context","a","b","c","e","f","newE","newF","destWidth","image","destHeight","isFunction","reject","resolve","CROPPER_CANVAS"],"sources":["../../../../../node_modules/@cropper/element-canvas/dist/element-canvas.esm.raw.js"],"sourcesContent":["import CropperElement from '@cropper/element';\nimport { CROPPER_CANVAS, ACTION_NONE, on, EVENT_POINTER_DOWN, EVENT_POINTER_MOVE, EVENT_POINTER_UP, EVENT_WHEEL, off, isNumber, isElement, ATTRIBUTE_ACTION, EVENT_ACTION_START, EVENT_ACTION_MOVE, ACTION_TRANSFORM, EVENT_ACTION, EVENT_ACTION_END, ACTION_SCALE, isString, isPlainObject, isPositiveNumber, getAdjustedSizes, CROPPER_IMAGE, isFunction, ACTION_ROTATE } from '@cropper/utils';\n\nvar style = `: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}`;\n\nclass CropperCanvas extends CropperElement {\n    constructor() {\n        super(...arguments);\n        this.$onPointerDown = null;\n        this.$onPointerMove = null;\n        this.$onPointerUp = null;\n        this.$onWheel = null;\n        this.$wheeling = false;\n        this.$pointers = new Map();\n        this.$style = style;\n        this.$action = ACTION_NONE;\n        this.background = false;\n        this.disabled = false;\n        this.scaleStep = 0.1;\n        this.themeColor = '#39f';\n    }\n    static get observedAttributes() {\n        return super.observedAttributes.concat([\n            'background',\n            'disabled',\n            'scale-step',\n        ]);\n    }\n    connectedCallback() {\n        super.connectedCallback();\n        if (!this.disabled) {\n            this.$bind();\n        }\n    }\n    disconnectedCallback() {\n        this.$unbind();\n        super.disconnectedCallback();\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 'disabled':\n                if (newValue) {\n                    this.$unbind();\n                }\n                else {\n                    this.$bind();\n                }\n                break;\n        }\n    }\n    $bind() {\n        if (!this.$onPointerDown) {\n            this.$onPointerDown = this.$handlePointerDown.bind(this);\n            on(this, EVENT_POINTER_DOWN, this.$onPointerDown);\n        }\n        if (!this.$onPointerMove) {\n            this.$onPointerMove = this.$handlePointerMove.bind(this);\n            on(this.ownerDocument, EVENT_POINTER_MOVE, this.$onPointerMove);\n        }\n        if (!this.$onPointerUp) {\n            this.$onPointerUp = this.$handlePointerUp.bind(this);\n            on(this.ownerDocument, EVENT_POINTER_UP, this.$onPointerUp);\n        }\n        if (!this.$onWheel) {\n            this.$onWheel = this.$handleWheel.bind(this);\n            on(this, EVENT_WHEEL, this.$onWheel, {\n                passive: false,\n                capture: true,\n            });\n        }\n    }\n    $unbind() {\n        if (this.$onPointerDown) {\n            off(this, EVENT_POINTER_DOWN, this.$onPointerDown);\n            this.$onPointerDown = null;\n        }\n        if (this.$onPointerMove) {\n            off(this.ownerDocument, EVENT_POINTER_MOVE, this.$onPointerMove);\n            this.$onPointerMove = null;\n        }\n        if (this.$onPointerUp) {\n            off(this.ownerDocument, EVENT_POINTER_UP, this.$onPointerUp);\n            this.$onPointerUp = null;\n        }\n        if (this.$onWheel) {\n            off(this, EVENT_WHEEL, this.$onWheel, {\n                capture: true,\n            });\n            this.$onWheel = null;\n        }\n        this.$pointers.clear();\n        this.style.willChange = '';\n        this.$action = ACTION_NONE;\n    }\n    $addPointers(event) {\n        const { $pointers } = this;\n        if (event.changedTouches) {\n            Array.from(event.changedTouches).forEach(({ identifier, pageX, pageY, }) => {\n                $pointers.set(identifier, {\n                    startX: pageX,\n                    startY: pageY,\n                    endX: pageX,\n                    endY: pageY,\n                });\n            });\n        }\n        else {\n            const { pointerId = 0, pageX, pageY } = event;\n            $pointers.set(pointerId, {\n                startX: pageX,\n                startY: pageY,\n                endX: pageX,\n                endY: pageY,\n            });\n        }\n    }\n    $removePointers(event) {\n        const { $pointers } = this;\n        if (event.changedTouches) {\n            Array.from(event.changedTouches).forEach(({ identifier }) => {\n                $pointers.delete(identifier);\n            });\n        }\n        else {\n            const { pointerId = 0 } = event;\n            $pointers.delete(pointerId);\n        }\n        if ($pointers.size === 0) {\n            this.style.willChange = '';\n            this.$action = ACTION_NONE;\n        }\n    }\n    $handlePointerDown(event) {\n        const { buttons, button, type } = event;\n        if (this.disabled || (\n        // Handle pointer or mouse event, and ignore touch event\n        ((type === 'pointerdown' && event.pointerType === 'mouse') || type === 'mousedown') && (\n        // No primary button (Usually the left button)\n        (isNumber(buttons) && buttons !== 1) || (isNumber(button) && button !== 0)\n            // Open context menu\n            || event.ctrlKey))) {\n            return;\n        }\n        this.$addPointers(event);\n        const { $pointers } = this;\n        let action = ACTION_NONE;\n        if ($pointers.size > 1) {\n            action = ACTION_TRANSFORM;\n        }\n        else if (isElement(event.target)) {\n            action = event.target.action\n                || event.target.getAttribute(ATTRIBUTE_ACTION)\n                || ACTION_NONE;\n        }\n        if (this.$emit(EVENT_ACTION_START, {\n            action,\n            relatedEvent: event,\n        }) === false) {\n            this.$removePointers(event);\n            return;\n        }\n        // Prevent page zooming in the browsers for iOS.\n        event.preventDefault();\n        this.$action = action;\n        this.style.willChange = 'transform';\n    }\n    $handlePointerMove(event) {\n        const { $action, $pointers } = this;\n        if (this.disabled || $action === ACTION_NONE || $pointers.size === 0) {\n            return;\n        }\n        if (this.$emit(EVENT_ACTION_MOVE, {\n            action: $action,\n            relatedEvent: event,\n        }) === false) {\n            return;\n        }\n        // Prevent page scrolling.\n        event.preventDefault();\n        if (event.changedTouches) {\n            Array.from(event.changedTouches).forEach(({ identifier, pageX, pageY, }) => {\n                const pointer = $pointers.get(identifier);\n                if (pointer) {\n                    Object.assign(pointer, {\n                        endX: pageX,\n                        endY: pageY,\n                    });\n                }\n            });\n        }\n        else {\n            const { pointerId = 0, pageX, pageY } = event;\n            const pointer = $pointers.get(pointerId);\n            if (pointer) {\n                Object.assign(pointer, {\n                    endX: pageX,\n                    endY: pageY,\n                });\n            }\n        }\n        const detail = {\n            action: $action,\n            relatedEvent: event,\n        };\n        if ($action === ACTION_TRANSFORM) {\n            const pointers2 = new Map($pointers);\n            let maxRotateRate = 0;\n            let maxScaleRate = 0;\n            let rotate = 0;\n            let scale = 0;\n            let centerX = event.pageX;\n            let centerY = event.pageY;\n            $pointers.forEach((pointer, pointerId) => {\n                pointers2.delete(pointerId);\n                pointers2.forEach((pointer2) => {\n                    let x1 = pointer2.startX - pointer.startX;\n                    let y1 = pointer2.startY - pointer.startY;\n                    let x2 = pointer2.endX - pointer.endX;\n                    let y2 = pointer2.endY - pointer.endY;\n                    let z1 = 0;\n                    let z2 = 0;\n                    let a1 = 0;\n                    let a2 = 0;\n                    if (x1 === 0) {\n                        if (y1 < 0) {\n                            a1 = Math.PI * 2;\n                        }\n                        else if (y1 > 0) {\n                            a1 = Math.PI;\n                        }\n                    }\n                    else if (x1 > 0) {\n                        a1 = (Math.PI / 2) + Math.atan(y1 / x1);\n                    }\n                    else if (x1 < 0) {\n                        a1 = (Math.PI * 1.5) + Math.atan(y1 / x1);\n                    }\n                    if (x2 === 0) {\n                        if (y2 < 0) {\n                            a2 = Math.PI * 2;\n                        }\n                        else if (y2 > 0) {\n                            a2 = Math.PI;\n                        }\n                    }\n                    else if (x2 > 0) {\n                        a2 = (Math.PI / 2) + Math.atan(y2 / x2);\n                    }\n                    else if (x2 < 0) {\n                        a2 = (Math.PI * 1.5) + Math.atan(y2 / x2);\n                    }\n                    if (a2 > 0 || a1 > 0) {\n                        const rotateRate = a2 - a1;\n                        const absRotateRate = Math.abs(rotateRate);\n                        if (absRotateRate > maxRotateRate) {\n                            maxRotateRate = absRotateRate;\n                            rotate = rotateRate;\n                            centerX = (pointer.startX + pointer2.startX) / 2;\n                            centerY = (pointer.startY + pointer2.startY) / 2;\n                        }\n                    }\n                    x1 = Math.abs(x1);\n                    y1 = Math.abs(y1);\n                    x2 = Math.abs(x2);\n                    y2 = Math.abs(y2);\n                    if (x1 > 0 && y1 > 0) {\n                        z1 = Math.sqrt((x1 * x1) + (y1 * y1));\n                    }\n                    else if (x1 > 0) {\n                        z1 = x1;\n                    }\n                    else if (y1 > 0) {\n                        z1 = y1;\n                    }\n                    if (x2 > 0 && y2 > 0) {\n                        z2 = Math.sqrt((x2 * x2) + (y2 * y2));\n                    }\n                    else if (x2 > 0) {\n                        z2 = x2;\n                    }\n                    else if (y2 > 0) {\n                        z2 = y2;\n                    }\n                    if (z1 > 0 && z2 > 0) {\n                        const scaleRate = (z2 - z1) / z1;\n                        const absScaleRate = Math.abs(scaleRate);\n                        if (absScaleRate > maxScaleRate) {\n                            maxScaleRate = absScaleRate;\n                            scale = scaleRate;\n                            centerX = (pointer.startX + pointer2.startX) / 2;\n                            centerY = (pointer.startY + pointer2.startY) / 2;\n                        }\n                    }\n                });\n            });\n            const rotatable = maxRotateRate > 0;\n            const scalable = maxScaleRate > 0;\n            if (rotatable && scalable) {\n                detail.rotate = rotate;\n                detail.scale = scale;\n                detail.centerX = centerX;\n                detail.centerY = centerY;\n            }\n            else if (rotatable) {\n                detail.action = ACTION_ROTATE;\n                detail.rotate = rotate;\n                detail.centerX = centerX;\n                detail.centerY = centerY;\n            }\n            else if (scalable) {\n                detail.action = ACTION_SCALE;\n                detail.scale = scale;\n                detail.centerX = centerX;\n                detail.centerY = centerY;\n            }\n            else {\n                detail.action = ACTION_NONE;\n            }\n        }\n        else {\n            const [pointer] = Array.from($pointers.values());\n            Object.assign(detail, pointer);\n        }\n        // Override the starting coordinate\n        $pointers.forEach((pointer) => {\n            pointer.startX = pointer.endX;\n            pointer.startY = pointer.endY;\n        });\n        if (detail.action !== ACTION_NONE) {\n            this.$emit(EVENT_ACTION, detail);\n        }\n    }\n    $handlePointerUp(event) {\n        const { $action } = this;\n        if (this.disabled) {\n            this.$removePointers(event);\n            return;\n        }\n        if ($action === ACTION_NONE) {\n            this.$removePointers(event);\n            return;\n        }\n        if (this.$emit(EVENT_ACTION_END, {\n            action: $action,\n            relatedEvent: event,\n        }) === false) {\n            this.$removePointers(event);\n            return;\n        }\n        event.preventDefault();\n        this.$removePointers(event);\n    }\n    $handleWheel(event) {\n        if (this.disabled) {\n            return;\n        }\n        event.preventDefault();\n        // Limit wheel speed to prevent zoom too fast (#21)\n        if (this.$wheeling) {\n            return;\n        }\n        this.$wheeling = true;\n        // Debounce by 50ms\n        setTimeout(() => {\n            this.$wheeling = false;\n        }, 50);\n        const delta = event.deltaY > 0 ? -1 : 1;\n        const scale = delta * this.scaleStep;\n        this.$emit(EVENT_ACTION, {\n            action: ACTION_SCALE,\n            scale,\n            relatedEvent: event,\n        });\n    }\n    /**\n     * Changes the current action to a new one.\n     * @param {string} action The new action.\n     * @returns {CropperCanvas} Returns `this` for chaining.\n     */\n    $setAction(action) {\n        if (isString(action)) {\n            this.$action = action;\n        }\n        return this;\n    }\n    /**\n     * Generates a real canvas element, with the image draw into if there is one.\n     * @param {object} [options] The available options.\n     * @param {number} [options.width] The width of the canvas.\n     * @param {number} [options.height] The height of the canvas.\n     * @param {Function} [options.beforeDraw] The function called before drawing the image onto the canvas.\n     * @returns {Promise} Returns a promise that resolves to the generated canvas element.\n     */\n    $toCanvas(options) {\n        return new Promise((resolve, reject) => {\n            if (!this.isConnected) {\n                reject(new Error('The current element is not connected to the DOM.'));\n                return;\n            }\n            const canvas = document.createElement('canvas');\n            let width = this.offsetWidth;\n            let height = this.offsetHeight;\n            let scale = 1;\n            if (isPlainObject(options)\n                && (isPositiveNumber(options.width) || isPositiveNumber(options.height))) {\n                ({ width, height } = getAdjustedSizes({\n                    aspectRatio: width / height,\n                    width: options.width,\n                    height: options.height,\n                }));\n                scale = width / this.offsetWidth;\n            }\n            canvas.width = width;\n            canvas.height = height;\n            const cropperImage = this.querySelector(this.$getTagNameOf(CROPPER_IMAGE));\n            if (!cropperImage) {\n                resolve(canvas);\n                return;\n            }\n            cropperImage.$ready().then((image) => {\n                const context = canvas.getContext('2d');\n                if (context) {\n                    const [a, b, c, d, e, f] = cropperImage.$getTransform();\n                    let newE = e;\n                    let newF = f;\n                    let destWidth = image.naturalWidth;\n                    let destHeight = image.naturalHeight;\n                    if (scale !== 1) {\n                        newE *= scale;\n                        newF *= scale;\n                        destWidth *= scale;\n                        destHeight *= scale;\n                    }\n                    const centerX = destWidth / 2;\n                    const centerY = destHeight / 2;\n                    context.fillStyle = 'transparent';\n                    context.fillRect(0, 0, width, height);\n                    if (isPlainObject(options) && isFunction(options.beforeDraw)) {\n                        options.beforeDraw.call(this, context, canvas);\n                    }\n                    context.save();\n                    // Move the transform origin to the center of the image.\n                    // https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin\n                    context.translate(centerX, centerY);\n                    context.transform(a, b, c, d, newE, newF);\n                    // Reset the transform origin to the top-left of the image.\n                    context.translate(-centerX, -centerY);\n                    context.drawImage(image, 0, 0, destWidth, destHeight);\n                    context.restore();\n                }\n                resolve(canvas);\n            }).catch(reject);\n        });\n    }\n}\nCropperCanvas.$name = CROPPER_CANVAS;\nCropperCanvas.$version = '2.3.1';\n\nexport { CropperCanvas as default };\n"],"ignoreList":[0],"mappings":"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"}

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)";
@@ -9,8 +9,7 @@ var n = ":host{display:inline-block;height:1em;position:relative;touch-action:no
 		return super.observedAttributes.concat(["centered"]);
 	}
 };
-r.$name = e, r.$version = "2.2.0";
-//#endregion
+r.$name = e, r.$version = "2.3.1";
 export { r as default };
 
 //# sourceMappingURL=element-crosshair.esm.raw.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"element-crosshair.esm.raw.js","names":["CropperElement","style","CropperCrosshair","CROPPER_CROSSHAIR"],"sources":["../../../../../node_modules/@cropper/element-crosshair/dist/element-crosshair.esm.raw.js"],"sourcesContent":["import CropperElement from '@cropper/element';\nimport { CROPPER_CROSSHAIR } from '@cropper/utils';\n\nvar style = `: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%)}`;\n\nclass CropperCrosshair extends CropperElement {\n    constructor() {\n        super(...arguments);\n        this.$style = style;\n        this.centered = false;\n        this.slottable = false;\n        this.themeColor = 'rgba(238, 238, 238, 0.5)';\n    }\n    static get observedAttributes() {\n        return super.observedAttributes.concat([\n            'centered',\n        ]);\n    }\n}\nCropperCrosshair.$name = CROPPER_CROSSHAIR;\nCropperCrosshair.$version = '2.2.0';\n\nexport { CropperCrosshair as default };\n"],"ignoreList":[0],"mappings":";;;AAGA,IAAIC,IAAQ,qgBAENC,IAAN,cAA+BF,EAAe;CAC1C,cAAc;EAKV,AAJA,MAAM,GAAG,SAAS,GAClB,KAAK,SAASC,GACd,KAAK,WAAW,IAChB,KAAK,YAAY,IACjB,KAAK,aAAa;CACtB;CACA,WAAW,qBAAqB;EAC5B,OAAO,MAAM,mBAAmB,OAAO,CACnC,UACJ,CAAC;CACL;AACJ;AACA,EAAiB,QAAQE,GACzB,EAAiB,WAAW"}
+{"version":3,"file":"element-crosshair.esm.raw.js","names":["CropperElement","style","CropperCrosshair","CROPPER_CROSSHAIR"],"sources":["../../../../../node_modules/@cropper/element-crosshair/dist/element-crosshair.esm.raw.js"],"sourcesContent":["import CropperElement from '@cropper/element';\nimport { CROPPER_CROSSHAIR } from '@cropper/utils';\n\nvar style = `: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%)}`;\n\nclass CropperCrosshair extends CropperElement {\n    constructor() {\n        super(...arguments);\n        this.$style = style;\n        this.centered = false;\n        this.slottable = false;\n        this.themeColor = 'rgba(238, 238, 238, 0.5)';\n    }\n    static get observedAttributes() {\n        return super.observedAttributes.concat([\n            'centered',\n        ]);\n    }\n}\nCropperCrosshair.$name = CROPPER_CROSSHAIR;\nCropperCrosshair.$version = '2.3.1';\n\nexport { CropperCrosshair as default };\n"],"ignoreList":[0],"mappings":";;;AAGA,IAAIC,IAAQ,qgBAENC,IAAN,cAA+BF,EAAe;CAC1C,cAAc;EAKV,AAJA,MAAM,GAAG,SAAS,GAClB,KAAK,SAASC,GACd,KAAK,WAAW,IAChB,KAAK,YAAY,IACjB,KAAK,aAAa;CACtB;CACA,WAAW,qBAAqB;EAC5B,OAAO,MAAM,mBAAmB,OAAO,CACnC,UACJ,CAAC;CACL;AACJ;AACA,EAAiB,QAAQE,GACzB,EAAiB,WAAW"}

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)";
@@ -35,8 +35,7 @@ var n = ":host{display:flex;flex-direction:column;position:relative;touch-action
 		e && (e.querySelectorAll("[data-cropper-grid-row]").forEach((e) => e.remove()), e.appendChild(t));
 	}
 };
-r.$name = e, r.$version = "2.2.0";
-//#endregion
+r.$name = e, r.$version = "2.3.1";
 export { r as default };
 
 //# sourceMappingURL=element-grid.esm.raw.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"element-grid.esm.raw.js","names":["CropperElement","style","CropperGrid","newValue","oldValue","name","shadow","fragment","i","row","j","column","CROPPER_GIRD"],"sources":["../../../../../node_modules/@cropper/element-grid/dist/element-grid.esm.raw.js"],"sourcesContent":["import CropperElement from '@cropper/element';\nimport { CROPPER_GIRD } from '@cropper/utils';\n\nvar style = `: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)}`;\n\nclass CropperGrid extends CropperElement {\n    constructor() {\n        super(...arguments);\n        this.$style = style;\n        this.bordered = false;\n        this.columns = 3;\n        this.covered = false;\n        this.rows = 3;\n        this.slottable = false;\n        this.themeColor = 'rgba(238, 238, 238, 0.5)';\n    }\n    static get observedAttributes() {\n        return super.observedAttributes.concat([\n            'bordered',\n            'columns',\n            'covered',\n            'rows',\n        ]);\n    }\n    $propertyChangedCallback(name, oldValue, newValue) {\n        if (Object.is(newValue, oldValue)) {\n            return;\n        }\n        super.$propertyChangedCallback(name, oldValue, newValue);\n        if (name === 'rows' || name === 'columns') {\n            this.$nextTick(() => {\n                this.$render();\n            });\n        }\n    }\n    connectedCallback() {\n        super.connectedCallback();\n        this.$render();\n    }\n    $render() {\n        const shadow = this.$getShadowRoot();\n        const fragment = document.createDocumentFragment();\n        for (let i = 0; i < this.rows; i += 1) {\n            const row = document.createElement('span');\n            row.setAttribute('data-cropper-grid-row', '');\n            row.setAttribute('role', 'row');\n            for (let j = 0; j < this.columns; j += 1) {\n                const column = document.createElement('span');\n                column.setAttribute('role', 'gridcell');\n                row.appendChild(column);\n            }\n            fragment.appendChild(row);\n        }\n        if (shadow) {\n            shadow.querySelectorAll('[data-cropper-grid-row]').forEach((row) => row.remove());\n            shadow.appendChild(fragment);\n        }\n    }\n}\nCropperGrid.$name = CROPPER_GIRD;\nCropperGrid.$version = '2.2.0';\n\nexport { CropperGrid as default };\n"],"ignoreList":[0],"mappings":";;;AAGA,IAAIC,IAAQ,ubAENC,IAAN,cAA0BF,EAAe;CACrC,cAAc;EAQV,AAPA,MAAM,GAAG,SAAS,GAClB,KAAK,SAASC,GACd,KAAK,WAAW,IAChB,KAAK,UAAU,GACf,KAAK,UAAU,IACf,KAAK,OAAO,GACZ,KAAK,YAAY,IACjB,KAAK,aAAa;CACtB;CACA,WAAW,qBAAqB;EAC5B,OAAO,MAAM,mBAAmB,OAAO;GACnC;GACA;GACA;GACA;EACJ,CAAC;CACL;CACA,yBAAyB,GAAM,GAAU,GAAU;EAC/C,AAAI,OAAO,GAAGE,GAAUC,CAAQ,MAGhC,MAAM,yBAAyBC,GAAMD,GAAUD,CAAQ,IACnDE,MAAS,UAAUA,MAAS,cAC5B,KAAK,gBAAgB;GACjB,KAAK,QAAQ;EACjB,CAAC;CAET;CACA,oBAAoB;EAEhB,AADA,MAAM,kBAAkB,GACxB,KAAK,QAAQ;CACjB;CACA,UAAU;EACN,IAAMC,IAAS,KAAK,eAAe,GAC7BC,IAAW,SAAS,uBAAuB;EACjD,KAAK,IAAIC,IAAI,GAAGA,IAAI,KAAK,MAAM,KAAK,GAAG;GACnC,IAAMC,IAAM,SAAS,cAAc,MAAM;GAEzC,AADAA,EAAI,aAAa,yBAAyB,EAAE,GAC5CA,EAAI,aAAa,QAAQ,KAAK;GAC9B,KAAK,IAAIC,IAAI,GAAGA,IAAI,KAAK,SAAS,KAAK,GAAG;IACtC,IAAMC,IAAS,SAAS,cAAc,MAAM;IAE5C,AADAA,EAAO,aAAa,QAAQ,UAAU,GACtCF,EAAI,YAAYE,CAAM;GAC1B;GACA,EAAS,YAAYF,CAAG;EAC5B;EACA,AAAIH,MACAA,EAAO,iBAAiB,yBAAyB,CAAC,CAAC,SAAS,MAAQG,EAAI,OAAO,CAAC,GAChFH,EAAO,YAAYC,CAAQ;CAEnC;AACJ;AACA,EAAY,QAAQK,GACpB,EAAY,WAAW"}
+{"version":3,"file":"element-grid.esm.raw.js","names":["CropperElement","style","CropperGrid","newValue","oldValue","name","shadow","fragment","i","row","j","column","CROPPER_GIRD"],"sources":["../../../../../node_modules/@cropper/element-grid/dist/element-grid.esm.raw.js"],"sourcesContent":["import CropperElement from '@cropper/element';\nimport { CROPPER_GIRD } from '@cropper/utils';\n\nvar style = `: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)}`;\n\nclass CropperGrid extends CropperElement {\n    constructor() {\n        super(...arguments);\n        this.$style = style;\n        this.bordered = false;\n        this.columns = 3;\n        this.covered = false;\n        this.rows = 3;\n        this.slottable = false;\n        this.themeColor = 'rgba(238, 238, 238, 0.5)';\n    }\n    static get observedAttributes() {\n        return super.observedAttributes.concat([\n            'bordered',\n            'columns',\n            'covered',\n            'rows',\n        ]);\n    }\n    $propertyChangedCallback(name, oldValue, newValue) {\n        if (Object.is(newValue, oldValue)) {\n            return;\n        }\n        super.$propertyChangedCallback(name, oldValue, newValue);\n        if (name === 'rows' || name === 'columns') {\n            this.$nextTick(() => {\n                this.$render();\n            });\n        }\n    }\n    connectedCallback() {\n        super.connectedCallback();\n        this.$render();\n    }\n    $render() {\n        const shadow = this.$getShadowRoot();\n        const fragment = document.createDocumentFragment();\n        for (let i = 0; i < this.rows; i += 1) {\n            const row = document.createElement('span');\n            row.setAttribute('data-cropper-grid-row', '');\n            row.setAttribute('role', 'row');\n            for (let j = 0; j < this.columns; j += 1) {\n                const column = document.createElement('span');\n                column.setAttribute('role', 'gridcell');\n                row.appendChild(column);\n            }\n            fragment.appendChild(row);\n        }\n        if (shadow) {\n            shadow.querySelectorAll('[data-cropper-grid-row]').forEach((row) => row.remove());\n            shadow.appendChild(fragment);\n        }\n    }\n}\nCropperGrid.$name = CROPPER_GIRD;\nCropperGrid.$version = '2.3.1';\n\nexport { CropperGrid as default };\n"],"ignoreList":[0],"mappings":";;;AAGA,IAAIC,IAAQ,ubAENC,IAAN,cAA0BF,EAAe;CACrC,cAAc;EAQV,AAPA,MAAM,GAAG,SAAS,GAClB,KAAK,SAASC,GACd,KAAK,WAAW,IAChB,KAAK,UAAU,GACf,KAAK,UAAU,IACf,KAAK,OAAO,GACZ,KAAK,YAAY,IACjB,KAAK,aAAa;CACtB;CACA,WAAW,qBAAqB;EAC5B,OAAO,MAAM,mBAAmB,OAAO;GACnC;GACA;GACA;GACA;EACJ,CAAC;CACL;CACA,yBAAyB,GAAM,GAAU,GAAU;EAC/C,AAAI,OAAO,GAAGE,GAAUC,CAAQ,MAGhC,MAAM,yBAAyBC,GAAMD,GAAUD,CAAQ,IACnDE,MAAS,UAAUA,MAAS,cAC5B,KAAK,gBAAgB;GACjB,KAAK,QAAQ;EACjB,CAAC;CAET;CACA,oBAAoB;EAEhB,AADA,MAAM,kBAAkB,GACxB,KAAK,QAAQ;CACjB;CACA,UAAU;EACN,IAAMC,IAAS,KAAK,eAAe,GAC7BC,IAAW,SAAS,uBAAuB;EACjD,KAAK,IAAIC,IAAI,GAAGA,IAAI,KAAK,MAAM,KAAK,GAAG;GACnC,IAAMC,IAAM,SAAS,cAAc,MAAM;GAEzC,AADAA,EAAI,aAAa,yBAAyB,EAAE,GAC5CA,EAAI,aAAa,QAAQ,KAAK;GAC9B,KAAK,IAAIC,IAAI,GAAGA,IAAI,KAAK,SAAS,KAAK,GAAG;IACtC,IAAMC,IAAS,SAAS,cAAc,MAAM;IAE5C,AADAA,EAAO,aAAa,QAAQ,UAAU,GACtCF,EAAI,YAAYE,CAAM;GAC1B;GACA,EAAS,YAAYF,CAAG;EAC5B;EACA,AAAIH,MACAA,EAAO,iBAAiB,yBAAyB,CAAC,CAAC,SAAS,MAAQG,EAAI,OAAO,CAAC,GAChFH,EAAO,YAAYC,CAAQ;CAEnC;AACJ;AACA,EAAY,QAAQK,GACpB,EAAY,WAAW"}

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)";
@@ -9,8 +9,7 @@ var r = ":host{background-color:var(--theme-color);display:block}:host([action=m
 		return super.observedAttributes.concat(["action", "plain"]);
 	}
 };
-i.$name = t, i.$version = "2.2.0";
-//#endregion
+i.$name = t, i.$version = "2.3.1";
 export { i as default };
 
 //# sourceMappingURL=element-handle.esm.raw.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"element-handle.esm.raw.js","names":["CropperElement","style","CropperHandle","ACTION_NONE","CROPPER_HANDLE"],"sources":["../../../../../node_modules/@cropper/element-handle/dist/element-handle.esm.raw.js"],"sourcesContent":["import CropperElement from '@cropper/element';\nimport { CROPPER_HANDLE, ACTION_NONE } from '@cropper/utils';\n\nvar style = `: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}`;\n\nclass CropperHandle extends CropperElement {\n    constructor() {\n        super(...arguments);\n        this.$onCanvasCropEnd = null;\n        this.$onCanvasCropStart = null;\n        this.$style = style;\n        this.action = ACTION_NONE;\n        this.plain = false;\n        this.slottable = false;\n        this.themeColor = 'rgba(51, 153, 255, 0.5)';\n    }\n    static get observedAttributes() {\n        return super.observedAttributes.concat([\n            'action',\n            'plain',\n        ]);\n    }\n}\nCropperHandle.$name = CROPPER_HANDLE;\nCropperHandle.$version = '2.2.0';\n\nexport { CropperHandle as default };\n"],"ignoreList":[0],"mappings":";;;AAGA,IAAIC,IAAQ,o3CAENC,IAAN,cAA4BF,EAAe;CACvC,cAAc;EAQV,AAPA,MAAM,GAAG,SAAS,GAClB,KAAK,mBAAmB,MACxB,KAAK,qBAAqB,MAC1B,KAAK,SAASC,GACd,KAAK,SAASE,GACd,KAAK,QAAQ,IACb,KAAK,YAAY,IACjB,KAAK,aAAa;CACtB;CACA,WAAW,qBAAqB;EAC5B,OAAO,MAAM,mBAAmB,OAAO,CACnC,UACA,OACJ,CAAC;CACL;AACJ;AACA,EAAc,QAAQC,GACtB,EAAc,WAAW"}
+{"version":3,"file":"element-handle.esm.raw.js","names":["CropperElement","style","CropperHandle","ACTION_NONE","CROPPER_HANDLE"],"sources":["../../../../../node_modules/@cropper/element-handle/dist/element-handle.esm.raw.js"],"sourcesContent":["import CropperElement from '@cropper/element';\nimport { CROPPER_HANDLE, ACTION_NONE } from '@cropper/utils';\n\nvar style = `: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}`;\n\nclass CropperHandle extends CropperElement {\n    constructor() {\n        super(...arguments);\n        this.$onCanvasCropEnd = null;\n        this.$onCanvasCropStart = null;\n        this.$style = style;\n        this.action = ACTION_NONE;\n        this.plain = false;\n        this.slottable = false;\n        this.themeColor = 'rgba(51, 153, 255, 0.5)';\n    }\n    static get observedAttributes() {\n        return super.observedAttributes.concat([\n            'action',\n            'plain',\n        ]);\n    }\n}\nCropperHandle.$name = CROPPER_HANDLE;\nCropperHandle.$version = '2.3.1';\n\nexport { CropperHandle as default };\n"],"ignoreList":[0],"mappings":";;;AAGA,IAAIC,IAAQ,o3CAENC,IAAN,cAA4BF,EAAe;CACvC,cAAc;EAQV,AAPA,MAAM,GAAG,SAAS,GAClB,KAAK,mBAAmB,MACxB,KAAK,qBAAqB,MAC1B,KAAK,SAASC,GACd,KAAK,SAASE,GACd,KAAK,QAAQ,IACb,KAAK,YAAY,IACjB,KAAK,aAAa;CACtB;CACA,WAAW,qBAAqB;EAC5B,OAAO,MAAM,mBAAmB,OAAO,CACnC,UACA,OACJ,CAAC;CACL;AACJ;AACA,EAAc,QAAQC,GACtB,EAAc,WAAW"}

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

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