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

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,7 +1,7 @@
-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
-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 {
+import e from "../../element/dist/element.esm.raw.js";
+import { CROPPER_CROSSHAIR as t } from "../../utils/dist/utils.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 e {
 	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 = t, 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,7 +1,7 @@
-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
-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 {
+import e from "../../element/dist/element.esm.raw.js";
+import { CROPPER_GIRD as t } from "../../utils/dist/utils.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 e {
 	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 = t, 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,16 +1,15 @@
-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
-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 {
+import e from "../../element/dist/element.esm.raw.js";
+import { ACTION_NONE as t, CROPPER_HANDLE as n } from "../../utils/dist/utils.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 e {
 	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)";
+		super(...arguments), this.$onCanvasCropEnd = null, this.$onCanvasCropStart = null, this.$style = r, this.action = t, this.plain = !1, this.slottable = !1, this.themeColor = "rgba(51, 153, 255, 0.5)";
 	}
 	static get observedAttributes() {
 		return super.observedAttributes.concat(["action", "plain"]);
 	}
 };
-i.$name = t, i.$version = "2.2.0";
-//#endregion
+i.$name = n, 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"}