@paperless/core 2.0.1-beta.2 → 2.0.1-beta.21

package/dist/build/p-909879e3.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["IS_BROWSER","window","document","WINDOW","IS_TOUCH_DEVICE","documentElement","HAS_POINTER_EVENT","NAMESPACE","CROPPER_CANVAS","CROPPER_CROSSHAIR","CROPPER_GIRD","CROPPER_HANDLE","CROPPER_IMAGE","CROPPER_SELECTION","CROPPER_SHADE","CROPPER_VIEWER","ACTION_SELECT","ACTION_MOVE","ACTION_SCALE","ACTION_ROTATE","ACTION_TRANSFORM","ACTION_NONE","ACTION_RESIZE_NORTH","ACTION_RESIZE_EAST","ACTION_RESIZE_SOUTH","ACTION_RESIZE_WEST","ACTION_RESIZE_NORTHEAST","ACTION_RESIZE_NORTHWEST","ACTION_RESIZE_SOUTHEAST","ACTION_RESIZE_SOUTHWEST","ATTRIBUTE_ACTION","EVENT_TOUCH_END","EVENT_TOUCH_MOVE","EVENT_TOUCH_START","EVENT_POINTER_DOWN","EVENT_POINTER_MOVE","EVENT_POINTER_UP","EVENT_ERROR","EVENT_KEYDOWN","EVENT_LOAD","EVENT_WHEEL","EVENT_ACTION","EVENT_ACTION_END","EVENT_ACTION_MOVE","EVENT_ACTION_START","EVENT_CHANGE","EVENT_TRANSFORM","isString","value","isNaN","Number","isNumber","isPositiveNumber","Infinity","isUndefined","isObject","hasOwnProperty","Object","prototype","isPlainObject","constructor","call","error","isFunction","isElement","node","nodeType","REGEXP_CAMEL_CASE","toKebabCase","String","replace","toLowerCase","REGEXP_KEBAB_CASE","toCamelCase","substring","slice","toUpperCase","REGEXP_SPACES","off","target","types","listener","options","trim","split","forEach","type","removeEventListener","on","addEventListener","once","assign","defaultEventOptions","bubbles","cancelable","composed","emit","detail","dispatchEvent","CustomEvent","resolvedPromise","Promise","resolve","nextTick","context","callback","then","bind","getOffset","element","ownerDocument","box","getBoundingClientRect","left","pageXOffset","clientLeft","top","pageYOffset","clientTop","REGEXP_ANGLE_UNIT","toAngleInRadian","angle","parseFloat","unit","match","Math","PI","SIZE_ADJUSTMENT_TYPE_CONTAIN","SIZE_ADJUSTMENT_TYPE_COVER","getAdjustedSizes","data","aspectRatio","width","height","isValidWidth","isValidHeight","adjustedWidth","multiplyMatrices","matrix","args","length","a1","b1","c1","d1","e1","f1","a2","b2","c2","d2","e2","f2","style","REGEXP_SUFFIX","DEFAULT_SHADOW_ROOT_MODE","shadowRoots","WeakMap","styleSheets","tagNames","Map","supportsAdoptedStyleSheets","Array","isArray","adoptedStyleSheets","CSSStyleSheet","CropperElement","HTMLElement","$sharedStyle","this","themeColor","_a","_b","super","shadowRootMode","slottable","name","getPrototypeOf","$name","set","tagName","observedAttributes","attributeChangedCallback","oldValue","newValue","is","propertyName","oldPropertyValue","newPropertyValue","styleSheet","get","styles","replaceSync","textContent","$propertyChangedCallback","hasAttribute","setAttribute","removeAttribute","getAttribute","connectedCallback","attribute","property","undefined","defineProperty","enumerable","configurable","shadow","attachShadow","mode","shadowRoot","$addStyles","$style","$template","template","createElement","innerHTML","appendChild","content","slot","disconnectedCallback","has","delete","$getTagNameOf","$setStyles","properties","keys","test","$getShadowRoot","concat","$emit","$nextTick","$define","customElements","define","$version","CropperCanvas","arguments","$onPointerDown","$onPointerMove","$onPointerUp","$onWheel","$wheeling","$pointers","$action","background","disabled","scaleStep","$bind","$unbind","$handlePointerDown","$handlePointerMove","$handlePointerUp","$handleWheel","passive","capture","event","buttons","button","pointerType","ctrlKey","action","changedTouches","from","identifier","pageX","pageY","startX","startY","endX","endY","pointerId","size","relatedEvent","preventDefault","willChange","pointer","pointers2","maxRotateRate","maxScaleRate","rotate","scale","centerX","centerY","pointer2","x1","y1","x2","y2","z1","z2","atan","rotateRate","absRotateRate","abs","sqrt","scaleRate","absScaleRate","rotatable","scalable","values","setTimeout","delta","deltaY","$setAction","$toCanvas","reject","isConnected","Error","canvas","offsetWidth","offsetHeight","cropperImage","querySelector","$ready","image","getContext","a","b","c","d","e","f","$getTransform","newE","newF","destWidth","naturalWidth","destHeight","naturalHeight","fillStyle","fillRect","beforeDraw","save","translate","transform","drawImage","restore","catch","canvasCache","NATIVE_ATTRIBUTES","CropperImage","$matrix","$onLoad","$onCanvasAction","$onCanvasActionEnd","$onCanvasActionStart","$actionStartTarget","$image","Image","skewable","translatable","$canvas","includes","closest","display","position","$handleAction","$handleLoad","removeChild","$center","hidden","cropperSelectionTagName","selection","multiple","active","movable","contains","$move","x","y","$rotate","clientX","clientY","$zoom","cos","sin","scaleX","skewY","skewX","scaleY","clientRect","originX","originY","moveX","moveY","translateX","translateY","$transform","promise","complete","onLoad","onError","parentElement","container","containerWidth","containerHeight","$scale","max","min","$translate","$moveTo","$setTransform","radian","$skew","radianX","radianY","tan","newMatrix","oldMatrix","join","$resetTransform","CropperShade","$onCanvasChange","$selection","$change","$render","$reset","outlineWidth","innerWidth","CropperHandle","$onCanvasCropEnd","$onCanvasCropStart","plain","CropperSelection","$onDocumentKeyDown","NaN","initialAspectRatio","initialCoverage","resizable","zoomable","keyboard","outlined","precise","$handleKeyDown","selections","$getSelections","$removeSelection","$handleActionStart","$handleActionEnd","querySelectorAll","$createSelection","newSelection","cloneNode","insertBefore","nextSibling","index","indexOf","activeSelection","relatedTarget","currentTarget","shiftKey","offset","$resize","defaultPrevented","key","metaKey","offsetX","offsetY","hasValidAspectRatio","newWidth","newHeight","newX","newY","round","CropperGrid","bordered","columns","covered","rows","fragment","createDocumentFragment","i","row","j","column","CropperCrosshair","centered","imageCache","selectionCache","sourceImageCache","RESIZE_BOTH","RESIZE_HORIZONTAL","RESIZE_VERTICAL","RESIZE_NONE","CropperViewer","$onSelectionChange","$onSourceImageLoad","$onSourceImageTransform","resize","$sourceImage","$handleSelectionChange","$handleSourceImageLoad","$handleSourceImageTransform","oldSrc","newSrc","$transformImageByOffset","clientWidth","clientHeight","cropperComponentCss","Cropper","_maxScale","_minScale","onResize","_resizeDebounceTimeout","clearTimeout","_selectionRef","_imageRef","componentDidLoad","_loaded","render","h","Host","class","onAction","_onAction","src","alt","ref","_setImageRef","crossorigin","clsx","variant","rounded","_currentScale","onInput","ev","_onInput","step","_setInitialState","current","_setScale","_toCanvas","_setCurrentScale","setCenter","setCurrentScale","minMaxDiff","currentDiff","percentage","toSet","_toCanvasDebounceTimeout","async","returnType","valueChange","toDataURL"],"sources":["../../node_modules/@cropper/utils/dist/utils.esm.raw.js","../../node_modules/@cropper/element/dist/element.esm.raw.js","../../node_modules/@cropper/element-canvas/dist/element-canvas.esm.raw.js","../../node_modules/@cropper/element-image/dist/element-image.esm.raw.js","../../node_modules/@cropper/element-shade/dist/element-shade.esm.raw.js","../../node_modules/@cropper/element-handle/dist/element-handle.esm.raw.js","../../node_modules/@cropper/element-selection/dist/element-selection.esm.raw.js","../../node_modules/@cropper/element-grid/dist/element-grid.esm.raw.js","../../node_modules/@cropper/element-crosshair/dist/element-crosshair.esm.raw.js","../../node_modules/@cropper/element-viewer/dist/element-viewer.esm.raw.js","../../node_modules/cropperjs/dist/cropper.esm.raw.js","src/components/molecules/cropper/cropper.component.scss?tag=p-cropper&encapsulation=shadow","src/components/molecules/cropper/cropper.component.tsx"],"sourcesContent":["const IS_BROWSER = typeof window !== 'undefined' && typeof window.document !== 'undefined';\nconst WINDOW = IS_BROWSER ? window : {};\nconst IS_TOUCH_DEVICE = IS_BROWSER ? 'ontouchstart' in WINDOW.document.documentElement : false;\nconst HAS_POINTER_EVENT = IS_BROWSER ? 'PointerEvent' in WINDOW : false;\nconst NAMESPACE = 'cropper';\nconst CROPPER_CANVAS = `${NAMESPACE}-canvas`;\nconst CROPPER_CROSSHAIR = `${NAMESPACE}-crosshair`;\nconst CROPPER_GIRD = `${NAMESPACE}-grid`;\nconst CROPPER_HANDLE = `${NAMESPACE}-handle`;\nconst CROPPER_IMAGE = `${NAMESPACE}-image`;\nconst CROPPER_SELECTION = `${NAMESPACE}-selection`;\nconst CROPPER_SHADE = `${NAMESPACE}-shade`;\nconst CROPPER_VIEWER = `${NAMESPACE}-viewer`;\n// Actions\nconst ACTION_SELECT = 'select';\nconst ACTION_MOVE = 'move';\nconst ACTION_SCALE = 'scale';\nconst ACTION_ROTATE = 'rotate';\nconst ACTION_TRANSFORM = 'transform';\nconst ACTION_NONE = 'none';\nconst ACTION_RESIZE_NORTH = 'n-resize';\nconst ACTION_RESIZE_EAST = 'e-resize';\nconst ACTION_RESIZE_SOUTH = 's-resize';\nconst ACTION_RESIZE_WEST = 'w-resize';\nconst ACTION_RESIZE_NORTHEAST = 'ne-resize';\nconst ACTION_RESIZE_NORTHWEST = 'nw-resize';\nconst ACTION_RESIZE_SOUTHEAST = 'se-resize';\nconst ACTION_RESIZE_SOUTHWEST = 'sw-resize';\n// Attributes\nconst ATTRIBUTE_ACTION = 'action';\n// Native events\nconst EVENT_TOUCH_END = IS_TOUCH_DEVICE ? 'touchend touchcancel' : 'mouseup';\nconst EVENT_TOUCH_MOVE = IS_TOUCH_DEVICE ? 'touchmove' : 'mousemove';\nconst EVENT_TOUCH_START = IS_TOUCH_DEVICE ? 'touchstart' : 'mousedown';\nconst EVENT_POINTER_DOWN = HAS_POINTER_EVENT ? 'pointerdown' : EVENT_TOUCH_START;\nconst EVENT_POINTER_MOVE = HAS_POINTER_EVENT ? 'pointermove' : EVENT_TOUCH_MOVE;\nconst EVENT_POINTER_UP = HAS_POINTER_EVENT ? 'pointerup pointercancel' : EVENT_TOUCH_END;\nconst EVENT_ERROR = 'error';\nconst EVENT_KEYDOWN = 'keydown';\nconst EVENT_LOAD = 'load';\nconst EVENT_RESIZE = 'resize';\nconst EVENT_WHEEL = 'wheel';\n// Custom events\nconst EVENT_ACTION = 'action';\nconst EVENT_ACTION_END = 'actionend';\nconst EVENT_ACTION_MOVE = 'actionmove';\nconst EVENT_ACTION_START = 'actionstart';\nconst EVENT_CHANGE = 'change';\nconst EVENT_TRANSFORM = 'transform';\n\n/**\n * Check if the given value is a string.\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if the given value is a string, else `false`.\n */\nfunction isString(value) {\n    return typeof value === 'string';\n}\n/**\n * Check if the given value is not a number.\n */\nconst isNaN = Number.isNaN || WINDOW.isNaN;\n/**\n * Check if the given value is a number.\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if the given value is a number, else `false`.\n */\nfunction isNumber(value) {\n    return typeof value === 'number' && !isNaN(value);\n}\n/**\n * Check if the given value is a positive number.\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if the given value is a positive number, else `false`.\n */\nfunction isPositiveNumber(value) {\n    return isNumber(value) && value > 0 && value < Infinity;\n}\n/**\n * Check if the given value is undefined.\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if the given value is undefined, else `false`.\n */\nfunction isUndefined(value) {\n    return typeof value === 'undefined';\n}\n/**\n * Check if the given value is an object.\n * @param {*} value - The value to check.\n * @returns {boolean} Returns `true` if the given value is an object, else `false`.\n */\nfunction isObject(value) {\n    return typeof value === 'object' && value !== null;\n}\nconst { hasOwnProperty } = Object.prototype;\n/**\n * Check if the given value is a plain object.\n * @param {*} value - The value to check.\n * @returns {boolean} Returns `true` if the given value is a plain object, else `false`.\n */\nfunction isPlainObject(value) {\n    if (!isObject(value)) {\n        return false;\n    }\n    try {\n        const { constructor } = value;\n        const { prototype } = constructor;\n        return constructor && prototype && hasOwnProperty.call(prototype, 'isPrototypeOf');\n    }\n    catch (error) {\n        return false;\n    }\n}\n/**\n * Check if the given value is a function.\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if the given value is a function, else `false`.\n */\nfunction isFunction(value) {\n    return typeof value === 'function';\n}\n/**\n * Check if the given node is an element.\n * @param {*} node The node to check.\n * @returns {boolean} Returns `true` if the given node is an element; otherwise, `false`.\n */\nfunction isElement(node) {\n    return typeof node === 'object' && node !== null && node.nodeType === 1;\n}\nconst REGEXP_CAMEL_CASE = /([a-z\\d])([A-Z])/g;\n/**\n * Transform the given string from camelCase to kebab-case.\n * @param {string} value The value to transform.\n * @returns {string} Returns the transformed value.\n */\nfunction toKebabCase(value) {\n    return String(value).replace(REGEXP_CAMEL_CASE, '$1-$2').toLowerCase();\n}\nconst REGEXP_KEBAB_CASE = /-[A-z\\d]/g;\n/**\n * Transform the given string from kebab-case to camelCase.\n * @param {string} value The value to transform.\n * @returns {string} Returns the transformed value.\n */\nfunction toCamelCase(value) {\n    return value.replace(REGEXP_KEBAB_CASE, (substring) => substring.slice(1).toUpperCase());\n}\nconst REGEXP_SPACES = /\\s\\s*/;\n/**\n * Remove event listener from the event target.\n * {@link https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/removeEventListener}\n * @param {EventTarget} target The target of the event.\n * @param {string} types The types of the event.\n * @param {EventListenerOrEventListenerObject} listener The listener of the event.\n * @param {EventListenerOptions} [options] The options specify characteristics about the event listener.\n */\nfunction off(target, types, listener, options) {\n    types.trim().split(REGEXP_SPACES).forEach((type) => {\n        target.removeEventListener(type, listener, options);\n    });\n}\n/**\n * Add event listener to the event target.\n * {@link https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener}\n * @param {EventTarget} target The target of the event.\n * @param {string} types The types of the event.\n * @param {EventListenerOrEventListenerObject} listener The listener of the event.\n * @param {AddEventListenerOptions} [options] The options specify characteristics about the event listener.\n */\nfunction on(target, types, listener, options) {\n    types.trim().split(REGEXP_SPACES).forEach((type) => {\n        target.addEventListener(type, listener, options);\n    });\n}\n/**\n * Add once event listener to the event target.\n * @param {EventTarget} target The target of the event.\n * @param {string} types The types of the event.\n * @param {EventListenerOrEventListenerObject} listener The listener of the event.\n * @param {AddEventListenerOptions} [options] The options specify characteristics about the event listener.\n */\nfunction once(target, types, listener, options) {\n    on(target, types, listener, Object.assign(Object.assign({}, options), { once: true }));\n}\nconst defaultEventOptions = {\n    bubbles: true,\n    cancelable: true,\n    composed: true,\n};\n/**\n * Dispatch event on the event target.\n * {@link https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/dispatchEvent}\n * @param {EventTarget} target The target of the event.\n * @param {string} type The name of the event.\n * @param {*} [detail] The data passed when initializing the event.\n * @param {CustomEventInit} [options] The other event options.\n * @returns {boolean} Returns the result value.\n */\nfunction emit(target, type, detail, options) {\n    return target.dispatchEvent(new CustomEvent(type, Object.assign(Object.assign(Object.assign({}, defaultEventOptions), { detail }), options)));\n}\nconst resolvedPromise = Promise.resolve();\n/**\n * Defers the callback to be executed after the next DOM update cycle.\n * @param {*} [context] The `this` context.\n * @param {Function} [callback] The callback to execute after the next DOM update cycle.\n * @returns {Promise} A promise that resolves to nothing.\n */\nfunction nextTick(context, callback) {\n    return callback\n        ? resolvedPromise.then(context ? callback.bind(context) : callback)\n        : resolvedPromise;\n}\n/**\n * Get the offset base on the document.\n * @param {Element} element The target element.\n * @returns {object} The offset data.\n */\nfunction getOffset(element) {\n    const { documentElement } = element.ownerDocument;\n    const box = element.getBoundingClientRect();\n    return {\n        left: box.left + (WINDOW.pageXOffset - documentElement.clientLeft),\n        top: box.top + (WINDOW.pageYOffset - documentElement.clientTop),\n    };\n}\nconst REGEXP_ANGLE_UNIT = /deg|g?rad|turn$/i;\n/**\n * Convert an angle to a radian number.\n * {@link https://developer.mozilla.org/en-US/docs/Web/CSS/angle}\n * @param {number|string} angle The angle to convert.\n * @returns {number} Returns the radian number.\n */\nfunction toAngleInRadian(angle) {\n    const value = parseFloat(angle) || 0;\n    if (value !== 0) {\n        const [unit = 'rad'] = String(angle).match(REGEXP_ANGLE_UNIT) || [];\n        switch (unit.toLowerCase()) {\n            case 'deg':\n                return (value / 360) * (Math.PI * 2);\n            case 'grad':\n                return (value / 400) * (Math.PI * 2);\n            case 'turn':\n                return value * (Math.PI * 2);\n        }\n    }\n    return value;\n}\nconst SIZE_ADJUSTMENT_TYPE_CONTAIN = 'contain';\nconst SIZE_ADJUSTMENT_TYPE_COVER = 'cover';\n/**\n * Get the max sizes in a rectangle under the given aspect ratio.\n * @param {object} data The original sizes.\n * @param {string} [type] The adjust type.\n * @returns {object} Returns the result sizes.\n */\nfunction getAdjustedSizes(data, type = SIZE_ADJUSTMENT_TYPE_CONTAIN) {\n    const { aspectRatio } = data;\n    let { width, height } = data;\n    const isValidWidth = isPositiveNumber(width);\n    const isValidHeight = isPositiveNumber(height);\n    if (isValidWidth && isValidHeight) {\n        const adjustedWidth = height * aspectRatio;\n        if ((type === SIZE_ADJUSTMENT_TYPE_CONTAIN && adjustedWidth > width)\n            || (type === SIZE_ADJUSTMENT_TYPE_COVER && adjustedWidth < width)) {\n            height = width / aspectRatio;\n        }\n        else {\n            width = height * aspectRatio;\n        }\n    }\n    else if (isValidWidth) {\n        height = width / aspectRatio;\n    }\n    else if (isValidHeight) {\n        width = height * aspectRatio;\n    }\n    return {\n        width,\n        height,\n    };\n}\n/**\n * Multiply multiple matrices.\n * @param {Array} matrix The first matrix.\n * @param {Array} args The rest matrices.\n * @returns {Array} Returns the result matrix.\n */\nfunction multiplyMatrices(matrix, ...args) {\n    if (args.length === 0) {\n        return matrix;\n    }\n    const [a1, b1, c1, d1, e1, f1] = matrix;\n    const [a2, b2, c2, d2, e2, f2] = args[0];\n    // ┌ a1 c1 e1 ┐   ┌ a2 c2 e2 ┐\n    // │ b1 d1 f1 │ × │ b2 d2 f2 │\n    // └ 0  0  1  ┘   └ 0  0  1  ┘\n    matrix = [\n        a1 * a2 + c1 * b2 /* + e1 * 0 */,\n        b1 * a2 + d1 * b2 /* + f1 * 0 */,\n        a1 * c2 + c1 * d2 /* + e1 * 0 */,\n        b1 * c2 + d1 * d2 /* + f1 * 0 */,\n        a1 * e2 + c1 * f2 + e1 /* * 1 */,\n        b1 * e2 + d1 * f2 + f1 /* * 1 */,\n    ];\n    return multiplyMatrices(matrix, ...args.slice(1));\n}\n\nexport { ACTION_MOVE, ACTION_NONE, ACTION_RESIZE_EAST, ACTION_RESIZE_NORTH, ACTION_RESIZE_NORTHEAST, ACTION_RESIZE_NORTHWEST, ACTION_RESIZE_SOUTH, ACTION_RESIZE_SOUTHEAST, ACTION_RESIZE_SOUTHWEST, ACTION_RESIZE_WEST, ACTION_ROTATE, ACTION_SCALE, ACTION_SELECT, ACTION_TRANSFORM, ATTRIBUTE_ACTION, CROPPER_CANVAS, CROPPER_CROSSHAIR, CROPPER_GIRD, CROPPER_HANDLE, CROPPER_IMAGE, CROPPER_SELECTION, CROPPER_SHADE, CROPPER_VIEWER, EVENT_ACTION, EVENT_ACTION_END, EVENT_ACTION_MOVE, EVENT_ACTION_START, EVENT_CHANGE, EVENT_ERROR, EVENT_KEYDOWN, EVENT_LOAD, EVENT_POINTER_DOWN, EVENT_POINTER_MOVE, EVENT_POINTER_UP, EVENT_RESIZE, EVENT_TOUCH_END, EVENT_TOUCH_MOVE, EVENT_TOUCH_START, EVENT_TRANSFORM, EVENT_WHEEL, HAS_POINTER_EVENT, IS_BROWSER, IS_TOUCH_DEVICE, NAMESPACE, WINDOW, emit, getAdjustedSizes, getOffset, isElement, isFunction, isNaN, isNumber, isObject, isPlainObject, isPositiveNumber, isString, isUndefined, multiplyMatrices, nextTick, off, on, once, toAngleInRadian, toCamelCase, toKebabCase };\n","import { WINDOW, toCamelCase, toKebabCase, isNaN, isUndefined, isNumber, emit, nextTick, isObject, IS_BROWSER } from '@cropper/utils';\n\nvar style = `:host([hidden]){display:none!important}`;\n\nconst REGEXP_SUFFIX = /left|top|width|height/i;\nconst DEFAULT_SHADOW_ROOT_MODE = 'open';\nconst shadowRoots = new WeakMap();\nconst styleSheets = new WeakMap();\nconst tagNames = new Map();\nconst supportsAdoptedStyleSheets = WINDOW.document && Array.isArray(WINDOW.document.adoptedStyleSheets) && 'replaceSync' in WINDOW.CSSStyleSheet.prototype;\nclass CropperElement extends HTMLElement {\n    get $sharedStyle() {\n        return `${this.themeColor ? `:host{--theme-color: ${this.themeColor};}` : ''}${style}`;\n    }\n    constructor() {\n        var _a, _b;\n        super();\n        this.shadowRootMode = DEFAULT_SHADOW_ROOT_MODE;\n        this.slottable = true;\n        const name = (_b = (_a = Object.getPrototypeOf(this)) === null || _a === void 0 ? void 0 : _a.constructor) === null || _b === void 0 ? void 0 : _b.$name;\n        if (name) {\n            tagNames.set(name, this.tagName.toLowerCase());\n        }\n    }\n    static get observedAttributes() {\n        return [\n            'shadow-root-mode',\n            'slottable',\n            'theme-color',\n        ];\n    }\n    // Convert attribute to property\n    attributeChangedCallback(name, oldValue, newValue) {\n        if (Object.is(newValue, oldValue)) {\n            return;\n        }\n        const propertyName = toCamelCase(name);\n        const oldPropertyValue = this[propertyName];\n        let newPropertyValue = newValue;\n        switch (typeof oldPropertyValue) {\n            case 'boolean':\n                newPropertyValue = newValue !== null && newValue !== 'false';\n                break;\n            case 'number':\n                newPropertyValue = Number(newValue);\n                break;\n        }\n        this[propertyName] = newPropertyValue;\n        switch (name) {\n            case 'theme-color': {\n                const styleSheet = styleSheets.get(this);\n                const styles = this.$sharedStyle;\n                if (styleSheet && styles) {\n                    if (supportsAdoptedStyleSheets) {\n                        styleSheet.replaceSync(styles);\n                    }\n                    else {\n                        styleSheet.textContent = styles;\n                    }\n                }\n                break;\n            }\n        }\n    }\n    // Convert property to attribute\n    $propertyChangedCallback(name, oldValue, newValue) {\n        if (Object.is(newValue, oldValue)) {\n            return;\n        }\n        name = toKebabCase(name);\n        switch (typeof newValue) {\n            case 'boolean':\n                if (newValue === true) {\n                    if (!this.hasAttribute(name)) {\n                        this.setAttribute(name, '');\n                    }\n                }\n                else {\n                    this.removeAttribute(name);\n                }\n                break;\n            case 'number':\n                if (isNaN(newValue)) {\n                    newValue = '';\n                }\n                else {\n                    newValue = String(newValue);\n                }\n            // Fall through\n            // case 'string':\n            // eslint-disable-next-line no-fallthrough\n            default:\n                if (newValue) {\n                    if (this.getAttribute(name) !== newValue) {\n                        this.setAttribute(name, newValue);\n                    }\n                }\n                else {\n                    this.removeAttribute(name);\n                }\n        }\n    }\n    connectedCallback() {\n        // Observe properties after observed attributes\n        Object.getPrototypeOf(this).constructor.observedAttributes.forEach((attribute) => {\n            const property = toCamelCase(attribute);\n            let value = this[property];\n            if (!isUndefined(value)) {\n                this.$propertyChangedCallback(property, undefined, value);\n            }\n            Object.defineProperty(this, property, {\n                enumerable: true,\n                configurable: true,\n                get() {\n                    return value;\n                },\n                set(newValue) {\n                    const oldValue = value;\n                    value = newValue;\n                    this.$propertyChangedCallback(property, oldValue, newValue);\n                },\n            });\n        });\n        const shadow = this.attachShadow({\n            mode: this.shadowRootMode || DEFAULT_SHADOW_ROOT_MODE,\n        });\n        if (!this.shadowRoot) {\n            shadowRoots.set(this, shadow);\n        }\n        styleSheets.set(this, this.$addStyles(this.$sharedStyle));\n        if (this.$style) {\n            this.$addStyles(this.$style);\n        }\n        if (this.$template) {\n            const template = document.createElement('template');\n            template.innerHTML = this.$template;\n            shadow.appendChild(template.content);\n        }\n        if (this.slottable) {\n            const slot = document.createElement('slot');\n            shadow.appendChild(slot);\n        }\n    }\n    disconnectedCallback() {\n        if (styleSheets.has(this)) {\n            styleSheets.delete(this);\n        }\n        if (shadowRoots.has(this)) {\n            shadowRoots.delete(this);\n        }\n    }\n    // eslint-disable-next-line class-methods-use-this\n    $getTagNameOf(name) {\n        var _a;\n        return (_a = tagNames.get(name)) !== null && _a !== void 0 ? _a : name;\n    }\n    $setStyles(properties) {\n        Object.keys(properties).forEach((property) => {\n            let value = properties[property];\n            if (isNumber(value)) {\n                if (value !== 0 && REGEXP_SUFFIX.test(property)) {\n                    value = `${value}px`;\n                }\n                else {\n                    value = String(value);\n                }\n            }\n            this.style[property] = value;\n        });\n        return this;\n    }\n    /**\n     * Outputs the shadow root of the element.\n     * @returns {ShadowRoot} Returns the shadow root.\n     */\n    $getShadowRoot() {\n        return this.shadowRoot || shadowRoots.get(this);\n    }\n    /**\n     * Adds styles to the shadow root.\n     * @param {string} styles The styles to add.\n     * @returns {CSSStyleSheet|HTMLStyleElement} Returns the generated style sheet.\n     */\n    $addStyles(styles) {\n        let styleSheet;\n        const shadow = this.$getShadowRoot();\n        if (supportsAdoptedStyleSheets) {\n            styleSheet = new CSSStyleSheet();\n            styleSheet.replaceSync(styles);\n            shadow.adoptedStyleSheets = shadow.adoptedStyleSheets.concat(styleSheet);\n        }\n        else {\n            styleSheet = document.createElement('style');\n            styleSheet.textContent = styles;\n            shadow.appendChild(styleSheet);\n        }\n        return styleSheet;\n    }\n    /**\n     * Dispatches an event at the element.\n     * @param {string} type The name of the event.\n     * @param {*} [detail] The data passed when initializing the event.\n     * @param {CustomEventInit} [options] The other event options.\n     * @returns {boolean} Returns the result value.\n     */\n    $emit(type, detail, options) {\n        return emit(this, type, detail, options);\n    }\n    /**\n     * Defers the callback to be executed after the next DOM update cycle.\n     * @param {Function} [callback] The callback to execute after the next DOM update cycle.\n     * @returns {Promise} A promise that resolves to nothing.\n     */\n    $nextTick(callback) {\n        return nextTick(this, callback);\n    }\n    /**\n     * Defines the constructor as a new custom element.\n     * {@link https://developer.mozilla.org/en-US/docs/Web/API/CustomElementRegistry/define}\n     * @param {string|object} [name] The element name.\n     * @param {object} [options] The element definition options.\n     */\n    static $define(name, options) {\n        if (isObject(name)) {\n            options = name;\n            name = '';\n        }\n        if (!name) {\n            name = this.$name || this.name;\n        }\n        name = toKebabCase(name);\n        if (IS_BROWSER && WINDOW.customElements && !WINDOW.customElements.get(name)) {\n            customElements.define(name, this, options);\n        }\n    }\n}\nCropperElement.$version = '2.0.0-beta.4';\n\nexport { CropperElement as default };\n","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-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        if (!this.disabled) {\n            this.$unbind();\n        }\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    }\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        const { $pointers } = this;\n        let action = '';\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        if ($pointers.size > 1) {\n            action = ACTION_TRANSFORM;\n        }\n        else if (isElement(event.target)) {\n            action = event.target.action || event.target.getAttribute(ATTRIBUTE_ACTION) || '';\n        }\n        if (this.$emit(EVENT_ACTION_START, {\n            action,\n            relatedEvent: event,\n        }) === false) {\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                cancelable: false,\n            });\n        }\n    }\n    $handlePointerUp(event) {\n        const { $action, $pointers } = this;\n        if (this.disabled || $action === ACTION_NONE) {\n            return;\n        }\n        if (this.$emit(EVENT_ACTION_END, {\n            action: $action,\n            relatedEvent: event,\n        }) === false) {\n            return;\n        }\n        event.preventDefault();\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    $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            cancelable: false,\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.0.0-beta.4';\n\nexport { CropperCanvas as default };\n","import CropperElement from '@cropper/element';\nimport { CROPPER_IMAGE, CROPPER_CANVAS, on, EVENT_ACTION_START, EVENT_ACTION_END, EVENT_ACTION, EVENT_LOAD, off, ACTION_TRANSFORM, ACTION_ROTATE, ACTION_SCALE, ACTION_NONE, ACTION_MOVE, CROPPER_SELECTION, once, EVENT_ERROR, isFunction, isNumber, toAngleInRadian, multiplyMatrices, EVENT_TRANSFORM } from '@cropper/utils';\n\nvar style = `:host{display:inline-block}img{display:block;height:100%;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}`;\n\nconst canvasCache = new WeakMap();\nconst NATIVE_ATTRIBUTES = [\n    'alt',\n    'crossorigin',\n    'decoding',\n    'importance',\n    'loading',\n    'referrerpolicy',\n    'sizes',\n    'src',\n    'srcset',\n];\nclass CropperImage extends CropperElement {\n    constructor() {\n        super(...arguments);\n        this.$matrix = [1, 0, 0, 1, 0, 0];\n        this.$onLoad = null;\n        this.$onCanvasAction = null;\n        this.$onCanvasActionEnd = null;\n        this.$onCanvasActionStart = null;\n        this.$actionStartTarget = null;\n        this.$style = style;\n        this.$image = new Image();\n        this.rotatable = true;\n        this.scalable = true;\n        this.skewable = true;\n        this.slottable = false;\n        this.translatable = true;\n    }\n    set $canvas(element) {\n        canvasCache.set(this, element);\n    }\n    get $canvas() {\n        return canvasCache.get(this);\n    }\n    static get observedAttributes() {\n        return super.observedAttributes.concat(NATIVE_ATTRIBUTES, [\n            'rotatable',\n            'scalable',\n            'skewable',\n            'translatable',\n        ]);\n    }\n    attributeChangedCallback(name, oldValue, newValue) {\n        if (Object.is(newValue, oldValue)) {\n            return;\n        }\n        super.attributeChangedCallback(name, oldValue, newValue);\n        // Inherits the native attributes\n        if (NATIVE_ATTRIBUTES.includes(name)) {\n            this.$image.setAttribute(name, newValue);\n        }\n    }\n    connectedCallback() {\n        super.connectedCallback();\n        const { $image } = this;\n        const $canvas = this.closest(this.$getTagNameOf(CROPPER_CANVAS));\n        if ($canvas) {\n            this.$canvas = $canvas;\n            this.$setStyles({\n                // Make it a block element to avoid side effects (#1074).\n                display: 'block',\n                position: 'absolute',\n            });\n            this.$onCanvasActionStart = (event) => {\n                var _a, _b;\n                this.$actionStartTarget = (_b = (_a = event.detail) === null || _a === void 0 ? void 0 : _a.relatedEvent) === null || _b === void 0 ? void 0 : _b.target;\n            };\n            this.$onCanvasActionEnd = () => {\n                this.$actionStartTarget = null;\n            };\n            this.$onCanvasAction = this.$handleAction.bind(this);\n            on($canvas, EVENT_ACTION_START, this.$onCanvasActionStart);\n            on($canvas, EVENT_ACTION_END, this.$onCanvasActionEnd);\n            on($canvas, EVENT_ACTION, this.$onCanvasAction);\n        }\n        this.$onLoad = this.$handleLoad.bind(this);\n        on($image, EVENT_LOAD, this.$onLoad);\n        this.$getShadowRoot().appendChild($image);\n    }\n    disconnectedCallback() {\n        const { $image, $canvas } = this;\n        if ($canvas) {\n            if (this.$onCanvasActionStart) {\n                off($canvas, EVENT_ACTION_START, this.$onCanvasActionStart);\n                this.$onCanvasActionStart = null;\n            }\n            if (this.$onCanvasActionEnd) {\n                off($canvas, EVENT_ACTION_END, this.$onCanvasActionEnd);\n                this.$onCanvasActionEnd = null;\n            }\n            if (this.$onCanvasAction) {\n                off($canvas, EVENT_ACTION, this.$onCanvasAction);\n                this.$onCanvasAction = null;\n            }\n        }\n        if ($image && this.$onLoad) {\n            off($image, EVENT_LOAD, this.$onLoad);\n            this.$onLoad = null;\n        }\n        this.$getShadowRoot().removeChild($image);\n        super.disconnectedCallback();\n    }\n    $handleLoad() {\n        const { $image } = this;\n        this.$setStyles({\n            width: $image.naturalWidth,\n            height: $image.naturalHeight,\n        });\n        if (this.$canvas) {\n            this.$center('cover');\n        }\n    }\n    $handleAction(event) {\n        if (this.hidden || !(this.rotatable || this.scalable || this.translatable)) {\n            return;\n        }\n        const { $canvas } = this;\n        const { detail } = event;\n        if (detail) {\n            const { relatedEvent } = detail;\n            let { action } = detail;\n            if (action === ACTION_TRANSFORM && (!this.rotatable || !this.scalable)) {\n                if (this.rotatable) {\n                    action = ACTION_ROTATE;\n                }\n                else if (this.scalable) {\n                    action = ACTION_SCALE;\n                }\n                else {\n                    action = ACTION_NONE;\n                }\n            }\n            switch (action) {\n                case ACTION_MOVE:\n                    if (this.translatable) {\n                        const cropperSelectionTagName = this.$getTagNameOf(CROPPER_SELECTION);\n                        let selection = $canvas.querySelector(cropperSelectionTagName);\n                        if (selection && selection.multiple && !selection.active) {\n                            selection = $canvas.querySelector(`${cropperSelectionTagName}[active]`);\n                        }\n                        if (!selection || selection.hidden || !selection.movable\n                            || !(this.$actionStartTarget && selection.contains(this.$actionStartTarget))) {\n                            this.$move(detail.endX - detail.startX, detail.endY - detail.startY);\n                        }\n                    }\n                    break;\n                case ACTION_ROTATE:\n                    if (this.rotatable) {\n                        if (relatedEvent) {\n                            const { x, y } = this.getBoundingClientRect();\n                            this.$rotate(detail.rotate, relatedEvent.clientX - x, relatedEvent.clientY - y);\n                        }\n                        else {\n                            this.$rotate(detail.rotate);\n                        }\n                    }\n                    break;\n                case ACTION_SCALE:\n                    if (this.scalable) {\n                        if (relatedEvent) {\n                            const { x, y } = this.getBoundingClientRect();\n                            this.$zoom(detail.scale, relatedEvent.clientX - x, relatedEvent.clientY - y);\n                        }\n                        else {\n                            this.$zoom(detail.scale);\n                        }\n                    }\n                    break;\n                case ACTION_TRANSFORM:\n                    if (this.rotatable && this.scalable) {\n                        const { rotate } = detail;\n                        let { scale } = detail;\n                        if (scale < 0) {\n                            scale = 1 / (1 - scale);\n                        }\n                        else {\n                            scale += 1;\n                        }\n                        const cos = Math.cos(rotate);\n                        const sin = Math.sin(rotate);\n                        const [scaleX, skewY, skewX, scaleY] = [\n                            cos * scale,\n                            sin * scale,\n                            -sin * scale,\n                            cos * scale,\n                        ];\n                        if (relatedEvent) {\n                            const clientRect = this.getBoundingClientRect();\n                            const x = relatedEvent.clientX - clientRect.x;\n                            const y = relatedEvent.clientY - clientRect.y;\n                            const [a, b, c, d] = this.$matrix;\n                            const originX = clientRect.width / 2;\n                            const originY = clientRect.height / 2;\n                            const moveX = x - originX;\n                            const moveY = y - originY;\n                            const translateX = ((moveX * d) - (c * moveY)) / ((a * d) - (c * b));\n                            const translateY = (moveY - (b * translateX)) / d;\n                            /**\n                             * Equals to\n                             * this.$rotate(rotate, x, y);\n                             * this.$scale(scale, x, y);\n                             */\n                            this.$transform(scaleX, skewY, skewX, scaleY, translateX * (1 - scaleX) + translateY * skewX, translateY * (1 - scaleY) + translateX * skewY);\n                        }\n                        else {\n                            /**\n                             * Equals to\n                             * this.$rotate(rotate);\n                             * this.$scale(scale);\n                             */\n                            this.$transform(scaleX, skewY, skewX, scaleY, 0, 0);\n                        }\n                    }\n                    break;\n            }\n        }\n    }\n    /**\n     * Defers the callback to execute after successfully loading the image.\n     * @param {Function} [callback] The callback to execute after successfully loading the image.\n     * @returns {Promise} Returns a promise that resolves to the image element.\n     */\n    $ready(callback) {\n        const { $image } = this;\n        const promise = new Promise((resolve, reject) => {\n            const error = new Error('Failed to load the image source');\n            if ($image.complete) {\n                if ($image.naturalWidth > 0 && $image.naturalHeight > 0) {\n                    resolve($image);\n                }\n                else {\n                    reject(error);\n                }\n            }\n            else {\n                const onLoad = () => {\n                    // eslint-disable-next-line @typescript-eslint/no-use-before-define\n                    off($image, EVENT_ERROR, onError);\n                    resolve($image);\n                };\n                const onError = () => {\n                    off($image, EVENT_LOAD, onLoad);\n                    reject(error);\n                };\n                once($image, EVENT_LOAD, onLoad);\n                once($image, EVENT_ERROR, onError);\n            }\n        });\n        if (isFunction(callback)) {\n            promise.then((image) => {\n                callback(image);\n                return image;\n            });\n        }\n        return promise;\n    }\n    /**\n     * Aligns the image to the center of its parent element.\n     * @param {string} [size] The size of the image.\n     * @returns {CropperImage} Returns `this` for chaining.\n     */\n    $center(size) {\n        const { parentElement } = this;\n        if (!parentElement) {\n            return this;\n        }\n        const container = parentElement.getBoundingClientRect();\n        const containerWidth = container.width;\n        const containerHeight = container.height;\n        const { x, y, width, height, } = this.getBoundingClientRect();\n        const startX = x + (width / 2);\n        const startY = y + (height / 2);\n        const endX = container.x + (containerWidth / 2);\n        const endY = container.y + (containerHeight / 2);\n        this.$move(endX - startX, endY - startY);\n        if (size && (width !== containerWidth || height !== containerHeight)) {\n            const scaleX = containerWidth / width;\n            const scaleY = containerHeight / height;\n            switch (size) {\n                case 'cover':\n                    this.$scale(Math.max(scaleX, scaleY));\n                    break;\n                case 'contain':\n                    this.$scale(Math.min(scaleX, scaleY));\n                    break;\n            }\n        }\n        return this;\n    }\n    /**\n     * Moves the image.\n     * @param {number} x The moving distance in the horizontal direction.\n     * @param {number} [y] The moving distance in the vertical direction.\n     * @returns {CropperImage} Returns `this` for chaining.\n     */\n    $move(x, y = x) {\n        if (this.translatable && isNumber(x) && isNumber(y)) {\n            const [a, b, c, d] = this.$matrix;\n            const e = ((x * d) - (c * y)) / ((a * d) - (c * b));\n            const f = (y - (b * e)) / d;\n            this.$translate(e, f);\n        }\n        return this;\n    }\n    /**\n     * Moves the image to a specific position.\n     * @param {number} x The new position in the horizontal direction.\n     * @param {number} [y] The new position in the vertical direction.\n     * @returns {CropperImage} Returns `this` for chaining.\n     */\n    $moveTo(x, y = x) {\n        if (this.translatable && isNumber(x) && isNumber(y)) {\n            const [a, b, c, d] = this.$matrix;\n            const e = ((x * d) - (c * y)) / ((a * d) - (c * b));\n            const f = (y - (b * e)) / d;\n            this.$setTransform(a, b, c, d, e, f);\n        }\n        return this;\n    }\n    /**\n     * Rotates the image.\n     * {@link https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/rotate}\n     * {@link https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/rotate}\n     * @param {number|string} angle The rotation angle (in radians).\n     * @param {number} [x] The rotation origin in the horizontal, defaults to the center of the image.\n     * @param {number} [y] The rotation origin in the vertical, defaults to the center of the image.\n     * @returns {CropperImage} Returns `this` for chaining.\n     */\n    $rotate(angle, x, y) {\n        if (this.rotatable) {\n            const radian = toAngleInRadian(angle);\n            const cos = Math.cos(radian);\n            const sin = Math.sin(radian);\n            const [scaleX, skewY, skewX, scaleY] = [cos, sin, -sin, cos];\n            if (isNumber(x) && isNumber(y)) {\n                const [a, b, c, d] = this.$matrix;\n                const { width, height } = this.getBoundingClientRect();\n                const originX = width / 2;\n                const originY = height / 2;\n                const moveX = x - originX;\n                const moveY = y - originY;\n                const translateX = ((moveX * d) - (c * moveY)) / ((a * d) - (c * b));\n                const translateY = (moveY - (b * translateX)) / d;\n                /**\n                 * Equals to\n                 * this.$translate(translateX, translateX);\n                 * this.$rotate(angle);\n                 * this.$translate(-translateX, -translateX);\n                 */\n                this.$transform(scaleX, skewY, skewX, scaleY, translateX * (1 - scaleX) - translateY * skewX, translateY * (1 - scaleY) - translateX * skewY);\n            }\n            else {\n                this.$transform(scaleX, skewY, skewX, scaleY, 0, 0);\n            }\n        }\n        return this;\n    }\n    /**\n     * Zooms the image.\n     * @param {number} scale The zoom factor. Positive numbers for zooming in, and negative numbers for zooming out.\n     * @param {number} [x] The zoom origin in the horizontal, defaults to the center of the image.\n     * @param {number} [y] The zoom origin in the vertical, defaults to the center of the image.\n     * @returns {CropperImage} Returns `this` for chaining.\n     */\n    $zoom(scale, x, y) {\n        if (!this.scalable || scale === 0) {\n            return this;\n        }\n        if (scale < 0) {\n            scale = 1 / (1 - scale);\n        }\n        else {\n            scale += 1;\n        }\n        if (isNumber(x) && isNumber(y)) {\n            const [a, b, c, d] = this.$matrix;\n            const { width, height } = this.getBoundingClientRect();\n            const originX = width / 2;\n            const originY = height / 2;\n            const moveX = x - originX;\n            const moveY = y - originY;\n            const translateX = ((moveX * d) - (c * moveY)) / ((a * d) - (c * b));\n            const translateY = (moveY - (b * translateX)) / d;\n            /**\n             * Equals to\n             * this.$translate(translateX, translateX);\n             * this.$scale(scale);\n             * this.$translate(-translateX, -translateX);\n             */\n            this.$transform(scale, 0, 0, scale, translateX * (1 - scale), translateY * (1 - scale));\n        }\n        else {\n            this.$scale(scale);\n        }\n        return this;\n    }\n    /**\n     * Scales the image.\n     * {@link https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/scale}\n     * {@link https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/scale}\n     * @param {number} x The scaling factor in the horizontal direction.\n     * @param {number} [y] The scaling factor in the vertical direction.\n     * @returns {CropperImage} Returns `this` for chaining.\n     */\n    $scale(x, y = x) {\n        if (this.scalable) {\n            this.$transform(x, 0, 0, y, 0, 0);\n        }\n        return this;\n    }\n    /**\n     * Skews the image.\n     * {@link https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/skew}\n     * {@link https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/transform}\n     * @param {number|string} x The skewing angle in the horizontal direction.\n     * @param {number|string} [y] The skewing angle in the vertical direction.\n     * @returns {CropperImage} Returns `this` for chaining.\n     */\n    $skew(x, y = 0) {\n        if (this.skewable) {\n            const radianX = toAngleInRadian(x);\n            const radianY = toAngleInRadian(y);\n            this.$transform(1, Math.tan(radianY), Math.tan(radianX), 1, 0, 0);\n        }\n        return this;\n    }\n    /**\n     * Translates the image.\n     * {@link https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/translate}\n     * {@link https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/translate}\n     * @param {number} x The translating distance in the horizontal direction.\n     * @param {number} [y] The translating distance in the vertical direction.\n     * @returns {CropperImage} Returns `this` for chaining.\n     */\n    $translate(x, y = x) {\n        if (this.translatable && isNumber(x) && isNumber(y)) {\n            this.$transform(1, 0, 0, 1, x, y);\n        }\n        return this;\n    }\n    /**\n     * Transforms the image.\n     * {@link https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/matrix}\n     * {@link https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/transform}\n     * @param {number} a The scaling factor in the horizontal direction.\n     * @param {number} b The skewing angle in the vertical direction.\n     * @param {number} c The skewing angle in the horizontal direction.\n     * @param {number} d The scaling factor in the vertical direction.\n     * @param {number} e The translating distance in the horizontal direction.\n     * @param {number} f The translating distance in the vertical direction.\n     * @returns {CropperImage} Returns `this` for chaining.\n     */\n    $transform(a, b, c, d, e, f) {\n        if (isNumber(a)\n            && isNumber(b)\n            && isNumber(c)\n            && isNumber(d)\n            && isNumber(e)\n            && isNumber(f)) {\n            return this.$setTransform(multiplyMatrices(this.$matrix, [a, b, c, d, e, f]));\n        }\n        return this;\n    }\n    /**\n     * Resets (overrides) the current transform to the specific identity matrix.\n     * {@link https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/setTransform}\n     * @param {number|Array} a The scaling factor in the horizontal direction.\n     * @param {number} b The skewing angle in the vertical direction.\n     * @param {number} c The skewing angle in the horizontal direction.\n     * @param {number} d The scaling factor in the vertical direction.\n     * @param {number} e The translating distance in the horizontal direction.\n     * @param {number} f The translating distance in the vertical direction.\n     * @returns {CropperImage} Returns `this` for chaining.\n     */\n    $setTransform(a, b, c, d, e, f) {\n        if (this.rotatable || this.scalable || this.skewable || this.translatable) {\n            if (Array.isArray(a)) {\n                [a, b, c, d, e, f] = a;\n            }\n            if (isNumber(a)\n                && isNumber(b)\n                && isNumber(c)\n                && isNumber(d)\n                && isNumber(e)\n                && isNumber(f)) {\n                const newMatrix = [a, b, c, d, e, f];\n                if (this.$emit(EVENT_TRANSFORM, {\n                    matrix: newMatrix,\n                    oldMatrix: this.$matrix,\n                }) === false) {\n                    return this;\n                }\n                this.$matrix = newMatrix;\n                this.style.transform = `matrix(${newMatrix.join(', ')})`;\n            }\n        }\n        return this;\n    }\n    /**\n     * Retrieves the current transformation matrix being applied to the element.\n     * {@link https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/getTransform}\n     * @returns {Array} Returns the readonly transformation matrix.\n     */\n    $getTransform() {\n        return this.$matrix.slice();\n    }\n    /**\n     * Resets the current transform to the initial identity matrix.\n     * {@link https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/resetTransform}\n     * @returns {CropperImage} Returns `this` for chaining.\n     */\n    $resetTransform() {\n        return this.$setTransform([1, 0, 0, 1, 0, 0]);\n    }\n}\nCropperImage.$name = CROPPER_IMAGE;\nCropperImage.$version = '2.0.0-beta.4';\n\nexport { CropperImage as default };\n","import CropperElement from '@cropper/element';\nimport { CROPPER_SHADE, CROPPER_CANVAS, CROPPER_SELECTION, ACTION_SELECT, on, EVENT_ACTION_START, EVENT_ACTION_END, EVENT_CHANGE, off, isNumber, WINDOW } from '@cropper/utils';\n\nvar style = `:host{display:block;height:0;left:0;outline:var(--theme-color) solid 1px;position:relative;top:0;width:0}:host([transparent]){outline-color:transparent}`;\n\nconst canvasCache = new WeakMap();\nclass CropperShade extends CropperElement {\n    constructor() {\n        super(...arguments);\n        this.$onCanvasChange = null;\n        this.$onCanvasActionEnd = null;\n        this.$onCanvasActionStart = null;\n        this.$style = style;\n        this.x = 0;\n        this.y = 0;\n        this.width = 0;\n        this.height = 0;\n        this.slottable = false;\n        this.themeColor = 'rgba(0, 0, 0, 0.65)';\n    }\n    set $canvas(element) {\n        canvasCache.set(this, element);\n    }\n    get $canvas() {\n        return canvasCache.get(this);\n    }\n    static get observedAttributes() {\n        return super.observedAttributes.concat([\n            'height',\n            'width',\n            'x',\n            'y',\n        ]);\n    }\n    connectedCallback() {\n        super.connectedCallback();\n        const $canvas = this.closest(this.$getTagNameOf(CROPPER_CANVAS));\n        if ($canvas) {\n            this.$canvas = $canvas;\n            this.style.position = 'absolute';\n            const $selection = $canvas.querySelector(this.$getTagNameOf(CROPPER_SELECTION));\n            if ($selection) {\n                this.$onCanvasActionStart = (event) => {\n                    if ($selection.hidden && event.detail.action === ACTION_SELECT) {\n                        this.hidden = false;\n                    }\n                };\n                this.$onCanvasActionEnd = (event) => {\n                    if ($selection.hidden && event.detail.action === ACTION_SELECT) {\n                        this.hidden = true;\n                    }\n                };\n                this.$onCanvasChange = (event) => {\n                    const { x, y, width, height, } = event.detail;\n                    this.$change(x, y, width, height);\n                    if ($selection.hidden || (x === 0 && y === 0 && width === 0 && height === 0)) {\n                        this.hidden = true;\n                    }\n                };\n                on($canvas, EVENT_ACTION_START, this.$onCanvasActionStart);\n                on($canvas, EVENT_ACTION_END, this.$onCanvasActionEnd);\n                on($canvas, EVENT_CHANGE, this.$onCanvasChange);\n            }\n        }\n        this.$render();\n    }\n    disconnectedCallback() {\n        const { $canvas } = this;\n        if ($canvas) {\n            if (this.$onCanvasActionStart) {\n                off($canvas, EVENT_ACTION_START, this.$onCanvasActionStart);\n                this.$onCanvasActionStart = null;\n            }\n            if (this.$onCanvasActionEnd) {\n                off($canvas, EVENT_ACTION_END, this.$onCanvasActionEnd);\n                this.$onCanvasActionEnd = null;\n            }\n            if (this.$onCanvasChange) {\n                off($canvas, EVENT_CHANGE, this.$onCanvasChange);\n                this.$onCanvasChange = null;\n            }\n        }\n        super.disconnectedCallback();\n    }\n    /**\n     * Changes the position and/or size of the shade.\n     * @param {number} x The new position in the horizontal direction.\n     * @param {number} y The new position in the vertical direction.\n     * @param {number} [width] The new width.\n     * @param {number} [height] The new height.\n     * @returns {CropperShade} Returns `this` for chaining.\n     */\n    $change(x, y, width = this.width, height = this.height) {\n        if (!isNumber(x)\n            || !isNumber(y)\n            || !isNumber(width)\n            || !isNumber(height)\n            || (x === this.x && y === this.y && width === this.width && height === this.height)) {\n            return this;\n        }\n        if (this.hidden) {\n            this.hidden = false;\n        }\n        this.x = x;\n        this.y = y;\n        this.width = width;\n        this.height = height;\n        return this.$render();\n    }\n    /**\n     * Resets the shade to its initial position and size.\n     * @returns {CropperShade} Returns `this` for chaining.\n     */\n    $reset() {\n        return this.$change(0, 0, 0, 0);\n    }\n    /**\n     * Refreshes the position or size of the shade.\n     * @returns {CropperShade} Returns `this` for chaining.\n     */\n    $render() {\n        return this.$setStyles({\n            transform: `translate(${this.x}px, ${this.y}px)`,\n            width: this.width,\n            height: this.height,\n            outlineWidth: WINDOW.innerWidth,\n        });\n    }\n}\nCropperShade.$name = CROPPER_SHADE;\nCropperShade.$version = '2.0.0-beta.4';\n\nexport { CropperShade as default };\n","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.0.0-beta.4';\n\nexport { CropperHandle as default };\n","import CropperElement from '@cropper/element';\nimport { CROPPER_SELECTION, EVENT_CHANGE, on, EVENT_KEYDOWN, off, isPositiveNumber, CROPPER_CANVAS, getAdjustedSizes, EVENT_ACTION_START, EVENT_ACTION_END, EVENT_ACTION, ACTION_SELECT, ACTION_SCALE, getOffset, ACTION_MOVE, ACTION_RESIZE_SOUTHEAST, ACTION_RESIZE_SOUTHWEST, ACTION_RESIZE_NORTHWEST, ACTION_RESIZE_NORTHEAST, isNumber, isPlainObject, CROPPER_IMAGE, isFunction, ACTION_RESIZE_WEST, ACTION_RESIZE_EAST, ACTION_RESIZE_SOUTH, ACTION_RESIZE_NORTH } from '@cropper/utils';\n\nvar style = `:host{display:block;left:0;position:relative;right:0}:host([outlined]){outline:1px solid var(--theme-color)}:host([multiple]){outline:1px dashed hsla(0,0%,100%,.5)}:host([multiple]):after{bottom:0;content:\"\";cursor:pointer;display:block;left:0;position:absolute;right:0;top:0}:host([multiple][active]){outline-color:var(--theme-color);z-index:1}:host([multiple])>*{visibility:hidden}:host([multiple][active])>*{visibility:visible}:host([multiple][active]):after{display:none}`;\n\nconst canvasCache = new WeakMap();\nclass CropperSelection extends CropperElement {\n    constructor() {\n        super(...arguments);\n        this.$onCanvasAction = null;\n        this.$onCanvasActionStart = null;\n        this.$onCanvasActionEnd = null;\n        this.$onDocumentKeyDown = null;\n        this.$action = '';\n        this.$actionStartTarget = null;\n        this.$style = style;\n        this.x = 0;\n        this.y = 0;\n        this.width = 0;\n        this.height = 0;\n        this.aspectRatio = NaN;\n        this.initialAspectRatio = NaN;\n        this.initialCoverage = NaN;\n        this.active = false;\n        this.movable = false;\n        this.resizable = false;\n        this.zoomable = false;\n        this.multiple = false;\n        this.keyboard = false;\n        this.outlined = false;\n        this.precise = false;\n    }\n    set $canvas(element) {\n        canvasCache.set(this, element);\n    }\n    get $canvas() {\n        return canvasCache.get(this);\n    }\n    static get observedAttributes() {\n        return super.observedAttributes.concat([\n            'active',\n            'aspect-ratio',\n            'height',\n            'initial-aspect-ratio',\n            'initial-coverage',\n            'keyboard',\n            'movable',\n            'multiple',\n            'outlined',\n            'precise',\n            'resizable',\n            'width',\n            'x',\n            'y',\n            'zoomable',\n        ]);\n    }\n    $propertyChangedCallback(name, oldValue, newValue) {\n        if (Object.is(newValue, oldValue)) {\n            return;\n        }\n        super.$propertyChangedCallback(name, oldValue, newValue);\n        switch (name) {\n            case 'aspectRatio':\n                if (!isPositiveNumber(newValue)) {\n                    this.aspectRatio = NaN;\n                }\n                break;\n            case 'initialAspectRatio':\n                if (!isPositiveNumber(newValue)) {\n                    this.initialAspectRatio = NaN;\n                }\n                break;\n            case 'initialCoverage':\n                if (!isPositiveNumber(newValue) || newValue > 1) {\n                    this.initialCoverage = NaN;\n                }\n                break;\n            case 'keyboard':\n                this.$nextTick(() => {\n                    if (this.$canvas) {\n                        if (newValue) {\n                            if (!this.$onDocumentKeyDown) {\n                                this.$onDocumentKeyDown = this.$handleKeyDown.bind(this);\n                                on(this.ownerDocument, EVENT_KEYDOWN, this.$onDocumentKeyDown);\n                            }\n                        }\n                        else if (this.$onDocumentKeyDown) {\n                            off(this.ownerDocument, EVENT_KEYDOWN, this.$onDocumentKeyDown);\n                            this.$onDocumentKeyDown = null;\n                        }\n                    }\n                });\n                break;\n            case 'multiple':\n                this.$nextTick(() => {\n                    if (this.$canvas) {\n                        const selections = this.$getSelections();\n                        if (newValue) {\n                            selections.forEach((selection) => {\n                                selection.active = false;\n                            });\n                            this.active = true;\n                            this.$emit(EVENT_CHANGE, {\n                                x: this.x,\n                                y: this.y,\n                                width: this.width,\n                                height: this.height,\n                            });\n                        }\n                        else {\n                            this.active = false;\n                            selections.slice(1).forEach((selection) => {\n                                this.$removeSelection(selection);\n                            });\n                        }\n                    }\n                });\n                break;\n        }\n    }\n    connectedCallback() {\n        super.connectedCallback();\n        const $canvas = this.closest(this.$getTagNameOf(CROPPER_CANVAS));\n        if ($canvas) {\n            this.$canvas = $canvas;\n            this.$setStyles({\n                position: 'absolute',\n                transform: `translate(${this.x}px, ${this.y}px)`,\n            });\n            if (!this.hidden) {\n                this.$render();\n            }\n            const { initialCoverage, parentElement } = this;\n            if (isPositiveNumber(initialCoverage) && parentElement) {\n                const aspectRatio = this.aspectRatio || this.initialAspectRatio;\n                const { offsetWidth, offsetHeight } = parentElement;\n                let width = offsetWidth * initialCoverage;\n                let height = offsetHeight * initialCoverage;\n                if (isPositiveNumber(aspectRatio)) {\n                    ({ width, height } = getAdjustedSizes({ aspectRatio, width, height }));\n                }\n                this.$change(this.x, this.y, width, height);\n                this.$center();\n            }\n            this.$onCanvasActionStart = this.$handleActionStart.bind(this);\n            this.$onCanvasActionEnd = this.$handleActionEnd.bind(this);\n            this.$onCanvasAction = this.$handleAction.bind(this);\n            on($canvas, EVENT_ACTION_START, this.$onCanvasActionStart);\n            on($canvas, EVENT_ACTION_END, this.$onCanvasActionStart);\n            on($canvas, EVENT_ACTION, this.$onCanvasAction);\n        }\n        else {\n            this.$render();\n        }\n    }\n    disconnectedCallback() {\n        const { $canvas } = this;\n        if ($canvas) {\n            if (this.$onCanvasActionStart) {\n                off($canvas, EVENT_ACTION_START, this.$onCanvasActionStart);\n                this.$onCanvasActionStart = null;\n            }\n            if (this.$onCanvasActionEnd) {\n                off($canvas, EVENT_ACTION_END, this.$onCanvasActionEnd);\n                this.$onCanvasActionEnd = null;\n            }\n            if (this.$onCanvasAction) {\n                off($canvas, EVENT_ACTION, this.$onCanvasAction);\n                this.$onCanvasAction = null;\n            }\n        }\n        super.disconnectedCallback();\n    }\n    $getSelections() {\n        let selections = [];\n        if (this.parentElement) {\n            selections = Array.from(this.parentElement.querySelectorAll(this.$getTagNameOf(CROPPER_SELECTION)));\n        }\n        return selections;\n    }\n    $createSelection() {\n        const newSelection = this.cloneNode(true);\n        if (this.hasAttribute('id')) {\n            newSelection.removeAttribute('id');\n        }\n        this.active = false;\n        if (this.parentElement) {\n            this.parentElement.insertBefore(newSelection, this.nextSibling);\n        }\n        return newSelection;\n    }\n    $removeSelection(selection = this) {\n        if (this.parentElement) {\n            const selections = this.$getSelections();\n            if (selections.length > 1) {\n                const index = selections.indexOf(selection);\n                const activeSelection = selections[index + 1] || selections[index - 1];\n                if (activeSelection) {\n                    selection.active = false;\n                    this.parentElement.removeChild(selection);\n                    activeSelection.active = true;\n                    activeSelection.$emit(EVENT_CHANGE, {\n                        x: activeSelection.x,\n                        y: activeSelection.y,\n                        width: activeSelection.width,\n                        height: activeSelection.height,\n                    });\n                }\n            }\n            else {\n                this.$reset();\n                this.hidden = true;\n            }\n        }\n    }\n    $handleActionStart(event) {\n        var _a, _b;\n        const relatedTarget = (_b = (_a = event.detail) === null || _a === void 0 ? void 0 : _a.relatedEvent) === null || _b === void 0 ? void 0 : _b.target;\n        this.$action = '';\n        this.$actionStartTarget = relatedTarget;\n        if (!this.hidden\n            && this.multiple\n            && !this.active\n            && relatedTarget === this\n            && this.parentElement) {\n            this.$getSelections().forEach((selection) => {\n                selection.active = false;\n            });\n            this.active = true;\n            this.$emit(EVENT_CHANGE, {\n                x: this.x,\n                y: this.y,\n                width: this.width,\n                height: this.height,\n            });\n        }\n    }\n    $handleAction(event) {\n        const { currentTarget, detail } = event;\n        if (currentTarget && detail) {\n            const { relatedEvent } = detail;\n            let { action } = detail;\n            // Switching to another selection\n            if (!action && this.multiple) {\n                // Get the `action` property from the focusing in selection\n                action = this.$action || (relatedEvent === null || relatedEvent === void 0 ? void 0 : relatedEvent.target.action);\n                this.$action = action;\n            }\n            if (!action\n                || (this.hidden && action !== ACTION_SELECT)\n                || (this.multiple && !this.active && action !== ACTION_SCALE)) {\n                return;\n            }\n            const moveX = detail.endX - detail.startX;\n            const moveY = detail.endY - detail.startY;\n            const { width, height } = this;\n            let { aspectRatio } = this;\n            // Locking aspect ratio by holding shift key\n            if (!isPositiveNumber(aspectRatio) && event.shiftKey) {\n                aspectRatio = isPositiveNumber(width) && isPositiveNumber(height) ? width / height : 1;\n            }\n            switch (action) {\n                case ACTION_SELECT: {\n                    const { $canvas } = this;\n                    const offset = getOffset(currentTarget);\n                    (this.multiple && !this.hidden ? this.$createSelection() : this).$change(detail.startX - offset.left, detail.startY - offset.top, moveX, moveY, aspectRatio);\n                    action = ACTION_RESIZE_SOUTHEAST;\n                    if (moveX < 0) {\n                        if (moveY > 0) {\n                            action = ACTION_RESIZE_SOUTHWEST;\n                        }\n                        else if (moveY < 0) {\n                            action = ACTION_RESIZE_NORTHWEST;\n                        }\n                    }\n                    else if (moveX > 0) {\n                        if (moveY < 0) {\n                            action = ACTION_RESIZE_NORTHEAST;\n                        }\n                    }\n                    if ($canvas) {\n                        $canvas.$action = action;\n                    }\n                    break;\n                }\n                case ACTION_MOVE:\n                    if (this.movable\n                        && (this.$actionStartTarget && this.contains(this.$actionStartTarget))) {\n                        this.$move(moveX, moveY);\n                    }\n                    break;\n                case ACTION_SCALE:\n                    if (relatedEvent && this.zoomable) {\n                        const offset = getOffset(currentTarget);\n                        this.$zoom(detail.scale, relatedEvent.pageX - offset.left, relatedEvent.pageY - offset.top);\n                    }\n                    break;\n                default:\n                    this.$resize(action, moveX, moveY, aspectRatio);\n            }\n        }\n    }\n    $handleActionEnd() {\n        this.$action = '';\n        this.$actionStartTarget = null;\n    }\n    $handleKeyDown(event) {\n        if (this.hidden\n            || !this.keyboard\n            || (this.multiple && !this.active)\n            || event.defaultPrevented) {\n            return;\n        }\n        switch (event.key) {\n            case 'Backspace':\n                if (event.metaKey) {\n                    event.preventDefault();\n                    this.$removeSelection();\n                }\n                break;\n            case 'Delete':\n                event.preventDefault();\n                this.$removeSelection();\n                break;\n            // Move to the left\n            case 'ArrowLeft':\n                event.preventDefault();\n                this.$move(-1, 0);\n                break;\n            // Move to the right\n            case 'ArrowRight':\n                event.preventDefault();\n                this.$move(1, 0);\n                break;\n            // Move to the top\n            case 'ArrowUp':\n                event.preventDefault();\n                this.$move(0, -1);\n                break;\n            // Move to the bottom\n            case 'ArrowDown':\n                event.preventDefault();\n                this.$move(0, 1);\n                break;\n            case '+':\n                event.preventDefault();\n                this.$zoom(0.1);\n                break;\n            case '-':\n                event.preventDefault();\n                this.$zoom(-0.1);\n                break;\n        }\n    }\n    /**\n     * Aligns the selection to the center of its parent element.\n     * @returns {CropperSelection} Returns `this` for chaining.\n     */\n    $center() {\n        const { parentElement } = this;\n        if (!parentElement) {\n            return this;\n        }\n        const x = (parentElement.offsetWidth - this.width) / 2;\n        const y = (parentElement.offsetHeight - this.height) / 2;\n        return this.$change(x, y);\n    }\n    /**\n     * Moves the selection.\n     * @param {number} x The moving distance in the horizontal direction.\n     * @param {number} [y] The moving distance in the vertical direction.\n     * @returns {CropperSelection} Returns `this` for chaining.\n     */\n    $move(x, y = x) {\n        return this.$moveTo(this.x + x, this.y + y);\n    }\n    /**\n     * Moves the selection to a specific position.\n     * @param {number} x The new position in the horizontal direction.\n     * @param {number} [y] The new position in the vertical direction.\n     * @returns {CropperSelection} Returns `this` for chaining.\n     */\n    $moveTo(x, y = x) {\n        if (!this.movable) {\n            return this;\n        }\n        return this.$change(x, y);\n    }\n    /**\n     * Adjusts the size the selection on a specific side or corner.\n     * @param {string} action Indicates the side or corner to resize.\n     * @param {number} [offsetX] The horizontal offset of the specific side or corner.\n     * @param {number} [offsetY] The vertical offset of the specific side or corner.\n     * @param {number} [aspectRatio] The aspect ratio for computing the new size if it is necessary.\n     * @returns {CropperSelection} Returns `this` for chaining.\n     */\n    $resize(action, offsetX = 0, offsetY = 0, aspectRatio = this.aspectRatio) {\n        if (!this.resizable) {\n            return this;\n        }\n        const hasValidAspectRatio = isPositiveNumber(aspectRatio);\n        const { $canvas } = this;\n        let { x, y, width, height, } = this;\n        switch (action) {\n            case ACTION_RESIZE_NORTH:\n                y += offsetY;\n                height -= offsetY;\n                if (height < 0) {\n                    action = ACTION_RESIZE_SOUTH;\n                    height = -height;\n                    y -= height;\n                }\n                if (hasValidAspectRatio) {\n                    offsetX = offsetY * aspectRatio;\n                    x += offsetX / 2;\n                    width -= offsetX;\n                    if (width < 0) {\n                        width = -width;\n                        x -= width;\n                    }\n                }\n                break;\n            case ACTION_RESIZE_EAST:\n                width += offsetX;\n                if (width < 0) {\n                    action = ACTION_RESIZE_WEST;\n                    width = -width;\n                    x -= width;\n                }\n                if (hasValidAspectRatio) {\n                    offsetY = offsetX / aspectRatio;\n                    y -= offsetY / 2;\n                    height += offsetY;\n                    if (height < 0) {\n                        height = -height;\n                        y -= height;\n                    }\n                }\n                break;\n            case ACTION_RESIZE_SOUTH:\n                height += offsetY;\n                if (height < 0) {\n                    action = ACTION_RESIZE_NORTH;\n                    height = -height;\n                    y -= height;\n                }\n                if (hasValidAspectRatio) {\n                    offsetX = offsetY * aspectRatio;\n                    x -= offsetX / 2;\n                    width += offsetX;\n                    if (width < 0) {\n                        width = -width;\n                        x -= width;\n                    }\n                }\n                break;\n            case ACTION_RESIZE_WEST:\n                x += offsetX;\n                width -= offsetX;\n                if (width < 0) {\n                    action = ACTION_RESIZE_EAST;\n                    width = -width;\n                    x -= width;\n                }\n                if (hasValidAspectRatio) {\n                    offsetY = offsetX / aspectRatio;\n                    y += offsetY / 2;\n                    height -= offsetY;\n                    if (height < 0) {\n                        height = -height;\n                        y -= height;\n                    }\n                }\n                break;\n            case ACTION_RESIZE_NORTHEAST:\n                if (hasValidAspectRatio) {\n                    offsetY = -offsetX / aspectRatio;\n                }\n                y += offsetY;\n                height -= offsetY;\n                width += offsetX;\n                if (width < 0 && height < 0) {\n                    action = ACTION_RESIZE_SOUTHWEST;\n                    width = -width;\n                    height = -height;\n                    x -= width;\n                    y -= height;\n                }\n                else if (width < 0) {\n                    action = ACTION_RESIZE_NORTHWEST;\n                    width = -width;\n                    x -= width;\n                }\n                else if (height < 0) {\n                    action = ACTION_RESIZE_SOUTHEAST;\n                    height = -height;\n                    y -= height;\n                }\n                break;\n            case ACTION_RESIZE_NORTHWEST:\n                if (hasValidAspectRatio) {\n                    offsetY = offsetX / aspectRatio;\n                }\n                x += offsetX;\n                y += offsetY;\n                width -= offsetX;\n                height -= offsetY;\n                if (width < 0 && height < 0) {\n                    action = ACTION_RESIZE_SOUTHEAST;\n                    width = -width;\n                    height = -height;\n                    x -= width;\n                    y -= height;\n                }\n                else if (width < 0) {\n                    action = ACTION_RESIZE_NORTHEAST;\n                    width = -width;\n                    x -= width;\n                }\n                else if (height < 0) {\n                    action = ACTION_RESIZE_SOUTHWEST;\n                    height = -height;\n                    y -= height;\n                }\n                break;\n            case ACTION_RESIZE_SOUTHEAST:\n                if (hasValidAspectRatio) {\n                    offsetY = offsetX / aspectRatio;\n                }\n                width += offsetX;\n                height += offsetY;\n                if (width < 0 && height < 0) {\n                    action = ACTION_RESIZE_NORTHWEST;\n                    width = -width;\n                    height = -height;\n                    x -= width;\n                    y -= height;\n                }\n                else if (width < 0) {\n                    action = ACTION_RESIZE_SOUTHWEST;\n                    width = -width;\n                    x -= width;\n                }\n                else if (height < 0) {\n                    action = ACTION_RESIZE_NORTHEAST;\n                    height = -height;\n                    y -= height;\n                }\n                break;\n            case ACTION_RESIZE_SOUTHWEST:\n                if (hasValidAspectRatio) {\n                    offsetY = -offsetX / aspectRatio;\n                }\n                x += offsetX;\n                width -= offsetX;\n                height += offsetY;\n                if (width < 0 && height < 0) {\n                    action = ACTION_RESIZE_NORTHEAST;\n                    width = -width;\n                    height = -height;\n                    x -= width;\n                    y -= height;\n                }\n                else if (width < 0) {\n                    action = ACTION_RESIZE_SOUTHEAST;\n                    width = -width;\n                    x -= width;\n                }\n                else if (height < 0) {\n                    action = ACTION_RESIZE_NORTHWEST;\n                    height = -height;\n                    y -= height;\n                }\n                break;\n        }\n        if ($canvas) {\n            $canvas.$setAction(action);\n        }\n        return this.$change(x, y, width, height);\n    }\n    /**\n     * Zooms the selection.\n     * @param {number} scale The zoom factor. Positive numbers for zooming in, and negative numbers for zooming out.\n     * @param {number} [x] The zoom origin in the horizontal, defaults to the center of the selection.\n     * @param {number} [y] The zoom origin in the vertical, defaults to the center of the selection.\n     * @returns {CropperSelection} Returns `this` for chaining.\n     */\n    $zoom(scale, x, y) {\n        if (!this.zoomable || scale === 0) {\n            return this;\n        }\n        if (scale < 0) {\n            scale = 1 / (1 - scale);\n        }\n        else {\n            scale += 1;\n        }\n        const { width, height } = this;\n        const newWidth = width * scale;\n        const newHeight = height * scale;\n        let newX = this.x;\n        let newY = this.y;\n        if (isNumber(x) && isNumber(y)) {\n            newX -= (newWidth - width) * ((x - this.x) / width);\n            newY -= (newHeight - height) * ((y - this.y) / height);\n        }\n        else {\n            // Zoom from the center of the selection\n            newX -= (newWidth - width) / 2;\n            newY -= (newHeight - height) / 2;\n        }\n        return this.$change(newX, newY, newWidth, newHeight);\n    }\n    /**\n     * Changes the position and/or size of the selection.\n     * @param {number} x The new position in the horizontal direction.\n     * @param {number} y The new position in the vertical direction.\n     * @param {number} [width] The new width.\n     * @param {number} [height] The new height.\n     * @param {number} [aspectRatio] The new aspect ratio for this change only.\n     * @returns {CropperSelection} Returns `this` for chaining.\n     */\n    $change(x, y, width = this.width, height = this.height, aspectRatio = this.aspectRatio) {\n        if (!isNumber(x) || !isNumber(y) || !isNumber(width) || !isNumber(height)) {\n            return this;\n        }\n        if (!this.precise) {\n            x = Math.round(x);\n            y = Math.round(y);\n            width = Math.round(width);\n            height = Math.round(height);\n        }\n        if (x === this.x && y === this.y && width === this.width && height === this.height) {\n            return this;\n        }\n        if (this.hidden) {\n            this.hidden = false;\n        }\n        if (isPositiveNumber(aspectRatio)) {\n            ({ width, height } = getAdjustedSizes({ aspectRatio, width, height }, 'cover'));\n        }\n        if (this.$emit(EVENT_CHANGE, {\n            x,\n            y,\n            width,\n            height,\n        }) === false) {\n            return this;\n        }\n        this.x = x;\n        this.y = y;\n        this.width = width;\n        this.height = height;\n        return this.$render();\n    }\n    /**\n     * Resets the selection to its initial position and size.\n     * @returns {CropperSelection} Returns `this` for chaining.\n     */\n    $reset() {\n        return this.$change(0, 0, 0, 0);\n    }\n    /**\n     * Refreshes the position or size of the selection.\n     * @returns {CropperSelection} Returns `this` for chaining.\n     */\n    $render() {\n        return this.$setStyles({\n            transform: `translate(${this.x}px, ${this.y}px)`,\n            width: this.width,\n            height: this.height,\n        });\n    }\n    /**\n     * Generates a real canvas element, with the image (selected area only) draw into if there is one.\n     * @param {object} [options] The available options.\n     * @param {number} [options.width] The width of the canvas.\n     * @param {number} [options.height] The height of the canvas.\n     * @param {Function} [options.beforeDraw] The function called before drawing the image onto the canvas.\n     * @returns {Promise} Returns a promise that resolves to the generated canvas element.\n     */\n    $toCanvas(options) {\n        return new Promise((resolve, reject) => {\n            if (!this.isConnected) {\n                reject(new Error('The current element is not connected to the DOM.'));\n                return;\n            }\n            const canvas = document.createElement('canvas');\n            let { width, height } = this;\n            let scale = 1;\n            if (isPlainObject(options)\n                && (isPositiveNumber(options.width) || isPositiveNumber(options.height))) {\n                ({ width, height } = getAdjustedSizes({\n                    aspectRatio: width / height,\n                    width: options.width,\n                    height: options.height,\n                }));\n                scale = width / this.width;\n            }\n            canvas.width = width;\n            canvas.height = height;\n            if (!this.$canvas) {\n                resolve(canvas);\n                return;\n            }\n            const cropperImage = this.$canvas.querySelector(this.$getTagNameOf(CROPPER_IMAGE));\n            if (!cropperImage) {\n                resolve(canvas);\n                return;\n            }\n            cropperImage.$ready().then((image) => {\n                const context = canvas.getContext('2d');\n                if (context) {\n                    const [a, b, c, d, e, f] = cropperImage.$getTransform();\n                    const offsetX = -this.x;\n                    const offsetY = -this.y;\n                    const translateX = ((offsetX * d) - (c * offsetY)) / ((a * d) - (c * b));\n                    const translateY = (offsetY - (b * translateX)) / d;\n                    let newE = a * translateX + c * translateY + e;\n                    let newF = b * translateX + d * translateY + f;\n                    let destWidth = image.naturalWidth;\n                    let destHeight = image.naturalHeight;\n                    if (scale !== 1) {\n                        newE *= scale;\n                        newF *= scale;\n                        destWidth *= scale;\n                        destHeight *= scale;\n                    }\n                    const centerX = destWidth / 2;\n                    const centerY = destHeight / 2;\n                    context.fillStyle = 'transparent';\n                    context.fillRect(0, 0, width, height);\n                    if (isPlainObject(options) && isFunction(options.beforeDraw)) {\n                        options.beforeDraw.call(this, context, canvas);\n                    }\n                    context.save();\n                    // Move the transform origin to the center of the image.\n                    // https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin\n                    context.translate(centerX, centerY);\n                    context.transform(a, b, c, d, newE, newF);\n                    // Move the transform origin to the top-left of the image.\n                    context.translate(-centerX, -centerY);\n                    context.drawImage(image, 0, 0, destWidth, destHeight);\n                    context.restore();\n                }\n                resolve(canvas);\n            }).catch(reject);\n        });\n    }\n}\nCropperSelection.$name = CROPPER_SELECTION;\nCropperSelection.$version = '2.0.0-beta.4';\n\nexport { CropperSelection as default };\n","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.$render();\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('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.innerHTML = '';\n            shadow.appendChild(fragment);\n        }\n    }\n}\nCropperGrid.$name = CROPPER_GIRD;\nCropperGrid.$version = '2.0.0-beta.4';\n\nexport { CropperGrid as default };\n","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.0.0-beta.4';\n\nexport { CropperCrosshair as default };\n","import CropperElement from '@cropper/element';\nimport { CROPPER_VIEWER, CROPPER_SELECTION, isElement, on, EVENT_CHANGE, CROPPER_CANVAS, CROPPER_IMAGE, EVENT_LOAD, EVENT_TRANSFORM, off } from '@cropper/utils';\n\nvar style = `:host{display:block;height:100%;overflow:hidden;position:relative;width:100%}`;\n\nconst imageCache = new WeakMap();\nconst selectionCache = new WeakMap();\nconst sourceImageCache = new WeakMap();\nconst RESIZE_BOTH = 'both';\nconst RESIZE_HORIZONTAL = 'horizontal';\nconst RESIZE_VERTICAL = 'vertical';\nconst RESIZE_NONE = 'none';\nclass CropperViewer extends CropperElement {\n    constructor() {\n        super(...arguments);\n        this.$onSelectionChange = null;\n        this.$onSourceImageLoad = null;\n        this.$onSourceImageTransform = null;\n        this.$scale = 1;\n        this.$style = style;\n        this.resize = RESIZE_VERTICAL;\n        this.selection = '';\n        this.slottable = false;\n    }\n    set $image(element) {\n        imageCache.set(this, element);\n    }\n    get $image() {\n        return imageCache.get(this);\n    }\n    set $sourceImage(element) {\n        sourceImageCache.set(this, element);\n    }\n    get $sourceImage() {\n        return sourceImageCache.get(this);\n    }\n    set $selection(element) {\n        selectionCache.set(this, element);\n    }\n    get $selection() {\n        return selectionCache.get(this);\n    }\n    static get observedAttributes() {\n        return super.observedAttributes.concat([\n            'resize',\n            'selection',\n        ]);\n    }\n    connectedCallback() {\n        super.connectedCallback();\n        let $selection = null;\n        if (this.selection) {\n            $selection = this.ownerDocument.querySelector(this.selection);\n        }\n        else {\n            $selection = this.closest(this.$getTagNameOf(CROPPER_SELECTION));\n        }\n        if (isElement($selection)) {\n            this.$selection = $selection;\n            this.$onSelectionChange = this.$handleSelectionChange.bind(this);\n            on($selection, EVENT_CHANGE, this.$onSelectionChange);\n            const $canvas = $selection.closest(this.$getTagNameOf(CROPPER_CANVAS));\n            if ($canvas) {\n                const $sourceImage = $canvas.querySelector(this.$getTagNameOf(CROPPER_IMAGE));\n                if ($sourceImage) {\n                    this.$sourceImage = $sourceImage;\n                    this.$image = $sourceImage.cloneNode(true);\n                    this.$getShadowRoot().appendChild(this.$image);\n                    this.$onSourceImageLoad = this.$handleSourceImageLoad.bind(this);\n                    this.$onSourceImageTransform = this.$handleSourceImageTransform.bind(this);\n                    on($sourceImage.$image, EVENT_LOAD, this.$onSourceImageLoad);\n                    on($sourceImage, EVENT_TRANSFORM, this.$onSourceImageTransform);\n                }\n            }\n            this.$render();\n        }\n    }\n    disconnectedCallback() {\n        const { $selection, $sourceImage } = this;\n        if ($selection && this.$onSelectionChange) {\n            off($selection, EVENT_CHANGE, this.$onSelectionChange);\n            this.$onSelectionChange = null;\n        }\n        if ($sourceImage && this.$onSourceImageLoad) {\n            off($sourceImage.$image, EVENT_LOAD, this.$onSourceImageLoad);\n            this.$onSourceImageLoad = null;\n        }\n        if ($sourceImage && this.$onSourceImageTransform) {\n            off($sourceImage, EVENT_TRANSFORM, this.$onSourceImageTransform);\n            this.$onSourceImageTransform = null;\n        }\n        super.disconnectedCallback();\n    }\n    $handleSelectionChange(event) {\n        this.$render(event.detail);\n    }\n    $handleSourceImageLoad() {\n        const { $image, $sourceImage } = this;\n        const oldSrc = $image.getAttribute('src');\n        const newSrc = $sourceImage.getAttribute('src');\n        if (newSrc && newSrc !== oldSrc) {\n            $image.setAttribute('src', newSrc);\n            $image.$ready(() => {\n                setTimeout(() => {\n                    const { x, y } = this.$selection;\n                    this.$transformImageByOffset($sourceImage.$getTransform(), -x, -y);\n                });\n            });\n        }\n    }\n    $handleSourceImageTransform(event) {\n        const { x, y } = this.$selection;\n        this.$transformImageByOffset(event.detail.matrix, -x, -y);\n    }\n    $render(selection) {\n        const { x, y, width, height, } = selection || this.$selection;\n        const styles = {};\n        const { clientWidth, clientHeight } = this;\n        let newWidth = clientWidth;\n        let newHeight = clientHeight;\n        let scale = NaN;\n        switch (this.resize) {\n            case RESIZE_BOTH:\n                scale = 1;\n                newWidth = width;\n                newHeight = height;\n                styles.width = width;\n                styles.height = height;\n                break;\n            case RESIZE_HORIZONTAL:\n                scale = clientHeight / height;\n                newWidth = width * scale;\n                styles.width = newWidth;\n                break;\n            case RESIZE_VERTICAL:\n                scale = clientWidth / width;\n                newHeight = height * scale;\n                styles.height = newHeight;\n                break;\n            case RESIZE_NONE:\n            default:\n                if (clientWidth > 0) {\n                    scale = clientWidth / width;\n                }\n                else if (clientHeight > 0) {\n                    scale = clientHeight / height;\n                }\n        }\n        this.$scale = scale;\n        this.$setStyles(styles);\n        if (this.$sourceImage) {\n            this.$transformImageByOffset(this.$sourceImage.$getTransform(), -x, -y);\n        }\n    }\n    $transformImageByOffset(matrix, x, y) {\n        const { $image, $scale, $sourceImage, } = this;\n        if ($sourceImage && $image && $scale > 0) {\n            const [a, b, c, d, e, f] = matrix;\n            const translateX = ((x * d) - (c * y)) / ((a * d) - (c * b));\n            const translateY = (y - (b * translateX)) / d;\n            const newE = a * translateX + c * translateY + e;\n            const newF = b * translateX + d * translateY + f;\n            $image.$ready((image) => {\n                this.$setStyles.call($image, {\n                    width: image.naturalWidth * $scale,\n                    height: image.naturalHeight * $scale,\n                });\n            });\n            $image.$setTransform(a, b, c, d, newE * $scale, newF * $scale);\n        }\n    }\n}\nCropperViewer.$name = CROPPER_VIEWER;\nCropperViewer.$version = '2.0.0-beta.4';\n\nexport { RESIZE_BOTH, RESIZE_HORIZONTAL, RESIZE_NONE, RESIZE_VERTICAL, CropperViewer as default };\n","/*! Cropper.js v2.0.0-beta.4 | (c) 2015-present Chen Fengyuan | MIT */\nimport { isString, isElement, CROPPER_IMAGE, CROPPER_CANVAS, CROPPER_SELECTION } from '@cropper/utils';\nexport * from '@cropper/utils';\nimport { CropperCanvas, CropperCrosshair, CropperGrid, CropperHandle, CropperImage, CropperSelection, CropperShade, CropperViewer } from '@cropper/elements';\nexport * from '@cropper/elements';\n\nvar DEFAULT_TEMPLATE = ('<cropper-canvas background>'\n    + '<cropper-image></cropper-image>'\n    + '<cropper-shade hidden></cropper-shade>'\n    + '<cropper-handle action=\"select\" plain></cropper-handle>'\n    + '<cropper-selection initial-coverage=\"0.5\" movable resizable zoomable>'\n    + '<cropper-grid role=\"grid\" bordered covered></cropper-grid>'\n    + '<cropper-crosshair centered></cropper-crosshair>'\n    + '<cropper-handle action=\"move\" theme-color=\"rgba(255, 255, 255, 0.35)\"></cropper-handle>'\n    + '<cropper-handle action=\"n-resize\"></cropper-handle>'\n    + '<cropper-handle action=\"e-resize\"></cropper-handle>'\n    + '<cropper-handle action=\"s-resize\"></cropper-handle>'\n    + '<cropper-handle action=\"w-resize\"></cropper-handle>'\n    + '<cropper-handle action=\"ne-resize\"></cropper-handle>'\n    + '<cropper-handle action=\"nw-resize\"></cropper-handle>'\n    + '<cropper-handle action=\"se-resize\"></cropper-handle>'\n    + '<cropper-handle action=\"sw-resize\"></cropper-handle>'\n    + '</cropper-selection>'\n    + '</cropper-canvas>');\n\nconst REGEXP_ALLOWED_ELEMENTS = /^img|canvas$/;\nconst REGEXP_BLOCKED_TAGS = /<(\\/?(?:script|style)[^>]*)>/gi;\nconst DEFAULT_OPTIONS = {\n    template: DEFAULT_TEMPLATE,\n};\nCropperCanvas.$define();\nCropperCrosshair.$define();\nCropperGrid.$define();\nCropperHandle.$define();\nCropperImage.$define();\nCropperSelection.$define();\nCropperShade.$define();\nCropperViewer.$define();\nclass Cropper {\n    constructor(element, options) {\n        this.options = DEFAULT_OPTIONS;\n        if (isString(element)) {\n            element = document.querySelector(element);\n        }\n        if (!isElement(element) || !REGEXP_ALLOWED_ELEMENTS.test(element.localName)) {\n            throw new Error('The first argument is required and must be an <img> or <canvas> element.');\n        }\n        this.element = element;\n        options = Object.assign(Object.assign({}, DEFAULT_OPTIONS), options);\n        this.options = options;\n        const { ownerDocument } = element;\n        let { container } = options;\n        if (container) {\n            if (isString(container)) {\n                container = ownerDocument.querySelector(container);\n            }\n            if (!isElement(container)) {\n                throw new Error('The `container` option must be an element or a valid selector.');\n            }\n        }\n        if (!isElement(container)) {\n            if (element.parentElement) {\n                container = element.parentElement;\n            }\n            else {\n                container = ownerDocument.body;\n            }\n        }\n        this.container = container;\n        const tagName = element.localName;\n        let src = '';\n        if (tagName === 'img') {\n            ({ src } = element);\n        }\n        else if (tagName === 'canvas' && window.HTMLCanvasElement) {\n            src = element.toDataURL();\n        }\n        const { template } = options;\n        if (template && isString(template)) {\n            const templateElement = document.createElement('template');\n            const documentFragment = document.createDocumentFragment();\n            templateElement.innerHTML = template.replace(REGEXP_BLOCKED_TAGS, '&lt;$1&gt;');\n            documentFragment.appendChild(templateElement.content);\n            Array.from(documentFragment.querySelectorAll(CROPPER_IMAGE)).forEach((image) => {\n                image.setAttribute('src', src);\n                image.setAttribute('alt', element.alt || 'The image to crop');\n            });\n            if (element.parentElement) {\n                element.style.display = 'none';\n                container.insertBefore(documentFragment, element.nextSibling);\n            }\n            else {\n                container.appendChild(documentFragment);\n            }\n        }\n    }\n    getCropperCanvas() {\n        return this.container.querySelector(CROPPER_CANVAS);\n    }\n    getCropperImage() {\n        return this.container.querySelector(CROPPER_IMAGE);\n    }\n    getCropperSelection() {\n        return this.container.querySelector(CROPPER_SELECTION);\n    }\n    getCropperSelections() {\n        return this.container.querySelectorAll(CROPPER_SELECTION);\n    }\n}\nCropper.version = '2.0.0-beta.4';\n\nexport { Cropper as default };\n",":host {\n\t@import '../../../style/form/range';\n\t@apply mb-6 flex w-full flex-col items-center justify-between gap-6;\n}\n","import {\n\tComponent,\n\tEvent,\n\tEventEmitter,\n\tHost,\n\tListen,\n\tProp,\n\tState,\n\th,\n} from '@stencil/core';\nimport { clsx } from 'clsx';\nimport 'cropperjs';\nimport { CropperImage, CropperSelection } from 'cropperjs';\n\n@Component({\n\ttag: 'p-cropper',\n\tstyleUrl: 'cropper.component.scss',\n\tshadow: true,\n})\nexport class Cropper {\n\t/**\n\t * Variant of the image that's being cropped\n\t */\n\t@Prop({ reflect: true }) variant: 'user' | 'company' = 'user';\n\n\t/**\n\t * The image to crop (url or base64)\n\t */\n\t@Prop() value: any;\n\n\t/**\n\t * The return type of the onchange\n\t */\n\t@Prop() returnType: 'canvas' | 'base64' = 'base64';\n\n\t/**\n\t * Event when the value changes\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tvalueChange: EventEmitter<any>;\n\n\tprivate _imageRef: CropperImage;\n\tprivate _selectionRef: CropperSelection;\n\n\tprivate _maxScale = 0;\n\tprivate _minScale = 0;\n\n\tprivate _resizeDebounceTimeout: NodeJS.Timer;\n\tprivate _toCanvasDebounceTimeout: NodeJS.Timer;\n\n\t@State()\n\tprivate _loaded = false;\n\n\t@State()\n\tprivate _currentScale = 0;\n\n\t@Listen('resize', { target: 'window' })\n\tonResize() {\n\t\tif (this._resizeDebounceTimeout) {\n\t\t\tclearTimeout(this._resizeDebounceTimeout);\n\t\t}\n\n\t\tthis._resizeDebounceTimeout = setTimeout(() => {\n\t\t\tthis._selectionRef.$center();\n\t\t\tthis._imageRef.$center();\n\t\t}, 200);\n\t}\n\n\tcomponentDidLoad() {\n\t\tsetTimeout(() => {\n\t\t\tthis._loaded = true;\n\t\t}, 200);\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class=\"p-cropper\">\n\t\t\t\t{this._loaded && (\n\t\t\t\t\t<cropper-canvas\n\t\t\t\t\t\tclass=\"h-[17.5rem] w-full border-0 border-b border-solid border-mystic-medium bg-white\"\n\t\t\t\t\t\tonAction={() => this._onAction()}\n\t\t\t\t\t>\n\t\t\t\t\t\t<cropper-image\n\t\t\t\t\t\t\tsrc={this.value}\n\t\t\t\t\t\t\talt=\"Picture\"\n\t\t\t\t\t\t\tref={(ref) =>\n\t\t\t\t\t\t\t\tthis._setImageRef(ref as CropperImage)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tscalable\n\t\t\t\t\t\t\tcrossorigin=\"anonymous\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<cropper-shade\n\t\t\t\t\t\t\tclass={clsx({\n\t\t\t\t\t\t\t\t'rounded-round': this.variant === 'user',\n\t\t\t\t\t\t\t\trounded: this.variant === 'company',\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\ttheme-color=\"rgba(255, 255, 255, 0.5)\"\n\t\t\t\t\t\t\thidden\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<cropper-selection\n\t\t\t\t\t\t\tinitial-coverage=\"0.7\"\n\t\t\t\t\t\t\taspect-ratio=\"1\"\n\t\t\t\t\t\t\tref={(ref) =>\n\t\t\t\t\t\t\t\t(this._selectionRef = ref as CropperSelection)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t<cropper-handle action=\"move\" plain></cropper-handle>\n\t\t\t\t\t</cropper-canvas>\n\t\t\t\t)}\n\n\t\t\t\t<div class=\"flex w-full items-center gap-2 px-14 text-storm-vague tablet:max-w-xs tablet:px-1\">\n\t\t\t\t\t<p-icon variant=\"minus\" />\n\t\t\t\t\t<input\n\t\t\t\t\t\tclass=\"p-input w-full\"\n\t\t\t\t\t\ttype=\"range\"\n\t\t\t\t\t\tmin=\"0\"\n\t\t\t\t\t\tmax=\"100\"\n\t\t\t\t\t\tvalue={this._currentScale}\n\t\t\t\t\t\tonInput={(ev) =>\n\t\t\t\t\t\t\tthis._onInput((ev.target as HTMLInputElement).value)\n\t\t\t\t\t\t}\n\t\t\t\t\t\tstep=\"0.5\"\n\t\t\t\t\t/>\n\t\t\t\t\t<p-icon variant=\"plus\" />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _setImageRef(ref: CropperImage) {\n\t\tif (this._imageRef) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._imageRef = ref;\n\t\tthis._imageRef.$ready((image) =>\n\t\t\tsetTimeout(() => this._setInitialState(image), 200)\n\t\t);\n\t}\n\n\tprivate _setInitialState(image) {\n\t\tlet scale: number;\n\t\tif (image.naturalWidth > image.naturalHeight) {\n\t\t\t// set scale by height\n\t\t\tscale = 200 / image.naturalHeight;\n\t\t}\n\n\t\tif (image.naturalHeight >= image.naturalWidth) {\n\t\t\t// set scale by width\n\t\t\tscale = 200 / image.naturalWidth;\n\t\t}\n\n\t\tconst current = this._imageRef.$getTransform();\n\n\t\tthis._minScale = scale;\n\t\tthis._maxScale = current[0];\n\n\t\tthis._selectionRef.$resize('nw-resize', 200, 200, 1);\n\t\tthis._selectionRef.$center();\n\n\t\tthis._setScale(scale);\n\t\tthis._toCanvas();\n\t}\n\n\tprivate _onAction() {\n\t\tthis._setCurrentScale();\n\t\tthis._toCanvas();\n\t}\n\n\tprivate _setScale(\n\t\tscale: number,\n\t\tsetCenter: boolean = true,\n\t\tsetCurrentScale: boolean = true\n\t) {\n\t\tconst transform = this._imageRef.$getTransform();\n\t\tthis._imageRef.$setTransform([\n\t\t\tscale,\n\t\t\t0,\n\t\t\t0,\n\t\t\tscale,\n\t\t\ttransform[4],\n\t\t\ttransform[5],\n\t\t]);\n\n\t\tif (setCenter) {\n\t\t\tthis._imageRef.$center();\n\t\t}\n\n\t\tif (setCurrentScale) {\n\t\t\tthis._setCurrentScale();\n\t\t}\n\t}\n\n\tprivate _setCurrentScale() {\n\t\tconst transform = this._imageRef.$getTransform();\n\t\tconst current = transform[0];\n\n\t\tif (current < this._minScale) {\n\t\t\tthis._setScale(this._minScale, true, false);\n\t\t\tthis._currentScale = 0;\n\t\t\treturn;\n\t\t}\n\n\t\tif (current > this._maxScale) {\n\t\t\tthis._setScale(this._maxScale, true, false);\n\t\t\tthis._currentScale = 100;\n\t\t\treturn;\n\t\t}\n\n\t\tif (current === this._minScale) {\n\t\t\tthis._currentScale = 0;\n\t\t\treturn;\n\t\t}\n\n\t\tif (current === this._maxScale) {\n\t\t\tthis._currentScale = 100;\n\t\t\treturn;\n\t\t}\n\n\t\tconst minMaxDiff = this._maxScale - this._minScale;\n\t\tconst currentDiff = current - this._minScale;\n\n\t\tconst percentage = (currentDiff / minMaxDiff) * 100;\n\t\tthis._currentScale = percentage;\n\t}\n\n\tprivate _onInput(value) {\n\t\tconst transform = this._imageRef.$getTransform();\n\t\tconst current = transform[0];\n\t\tconst minMaxDiff = this._maxScale - this._minScale;\n\n\t\tconst toSet = minMaxDiff * (value / 100);\n\n\t\tif (toSet === current) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._setScale(toSet + this._minScale, false, false);\n\t\tthis._currentScale = value;\n\n\t\tthis._toCanvas();\n\t}\n\n\tprivate _toCanvas() {\n\t\tif (this._toCanvasDebounceTimeout) {\n\t\t\tclearTimeout(this._toCanvasDebounceTimeout);\n\t\t}\n\n\t\tthis._toCanvasDebounceTimeout = setTimeout(async () => {\n\t\t\tconst canvas = await this._selectionRef.$toCanvas();\n\t\t\tif (this.returnType === 'canvas') {\n\t\t\t\tthis.valueChange.emit(canvas);\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst data = canvas.toDataURL('image/png');\n\t\t\tthis.valueChange.emit(data);\n\t\t}, 200);\n\t}\n}\n"],"mappings":"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"}

package/dist/build/p-937b2d74.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as i,h as a,H as e}from"./p-64b68231.js";const r=".block{display:block!important}*{box-sizing:border-box}:host{display:block;width:100%}.static{position:static!important}.flex{display:flex!important}.h-8{height:2rem!important}.min-w-0{min-width:0!important}.flex-1{flex:1 1 0%!important}.items-start{align-items:flex-start!important}.items-center{align-items:center!important}.justify-start{justify-content:flex-start!important}.gap-2{gap:.5rem!important}.gap-4{gap:1rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.whitespace-nowrap{white-space:nowrap!important}.rounded-lg{border-radius:.5rem!important}.bg-mystic{--tw-bg-opacity:1!important;background-color:rgb(247 250 252/var(--tw-bg-opacity,1))!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-negative{--tw-text-opacity:1!important;color:rgb(185 30 40/var(--tw-text-opacity,1))!important}.text-storm-medium{--tw-text-opacity:1!important;color:rgb(128 130 158/var(--tw-text-opacity,1))!important}";const o=class{constructor(a){t(this,a);this.download=i(this,"download",3);this.delete=i(this,"delete",3);this.mode="read";this.loading=false;this.error=undefined;this.downloading=false}render(){var t,i;let r=a("p-icon",{variant:"attachment"});if(this.loading){r=a("p-loader",null)}if(this.error){r=a("p-icon",{variant:"warning",class:"text-negative"})}return a(e,{class:"p-attachment flex items-start gap-4"},a("div",{class:`flex h-8 min-w-0 flex-1 items-center justify-start gap-2 rounded-lg bg-mystic px-2 ${((t=this.error)===null||t===void 0?void 0:t.length)?"text-negative":"text-storm-medium"}`},r,a("span",{class:"min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap"},a("slot",null)),((i=this.error)===null||i===void 0?void 0:i.length)&&a("p-input-error",{error:this.error})),a("p-button",{variant:"secondary",iconOnly:true,icon:this.mode==="read"?"download":"trash",disabled:this.loading,loading:this.mode==="read"&&this.downloading,size:"sm",onOnClick:()=>(this.mode==="read"?this.download:this.delete).emit()}))}};o.style=r;export{o as p_attachment};
-//# sourceMappingURL=p-937b2d74.entry.js.map

package/dist/build/p-937b2d74.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["attachmentComponentCss","Attachment","render","prefix","h","variant","this","loading","error","class","Host","_a","length","_b","iconOnly","icon","mode","disabled","downloading","size","onOnClick","download","delete","emit"],"sources":["src/components/molecules/attachment/attachment.component.scss?tag=p-attachment&encapsulation=shadow","src/components/molecules/attachment/attachment.component.tsx"],"sourcesContent":[":host {\n\t@apply block w-full;\n}\n","import { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-attachment',\n\tstyleUrl: 'attachment.component.scss',\n\tshadow: true,\n})\nexport class Attachment {\n\t/**\n\t * The variant of the button\n\t */\n\t@Prop() mode: 'read' | 'write' = 'read';\n\n\t/**\n\t * Wether the attachment is uploading/loading\n\t */\n\t@Prop() loading = false;\n\n\t/**\n\t * The error to show\n\t */\n\t@Prop() error: string;\n\n\t/**\n\t * Event when download is pressed\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tdownload: EventEmitter<any>;\n\n\t/**\n\t * Wether the attachment is downloading\n\t */\n\t@Prop() downloading = false;\n\n\t/**\n\t * Event when delete is pressed\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tdelete: EventEmitter<any>;\n\n\trender() {\n\t\tlet prefix = <p-icon variant='attachment' />;\n\n\t\tif (this.loading) {\n\t\t\tprefix = <p-loader />;\n\t\t}\n\n\t\tif (this.error) {\n\t\t\tprefix = (\n\t\t\t\t<p-icon\n\t\t\t\t\tvariant='warning'\n\t\t\t\t\tclass='text-negative'\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<Host class='p-attachment flex items-start gap-4'>\n\t\t\t\t<div\n\t\t\t\t\tclass={`flex h-8 min-w-0 flex-1 items-center justify-start gap-2 rounded-lg bg-mystic px-2 ${\n\t\t\t\t\t\tthis.error?.length ? 'text-negative' : 'text-storm-medium'\n\t\t\t\t\t}`}\n\t\t\t\t>\n\t\t\t\t\t{prefix}\n\n\t\t\t\t\t<span class='min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap'>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</span>\n\n\t\t\t\t\t{this.error?.length && <p-input-error error={this.error} />}\n\t\t\t\t</div>\n\n\t\t\t\t<p-button\n\t\t\t\t\tvariant='secondary'\n\t\t\t\t\ticonOnly={true}\n\t\t\t\t\ticon={this.mode === 'read' ? 'download' : 'trash'}\n\t\t\t\t\tdisabled={this.loading}\n\t\t\t\t\tloading={this.mode === 'read' && this.downloading}\n\t\t\t\t\tsize='sm'\n\t\t\t\t\tonOnClick={() =>\n\t\t\t\t\t\t(this.mode === 'read' ? this.download : this.delete).emit()\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"mappings":"yDAAA,MAAMA,EAAyB,k+B,MCOlBC,EAAU,M,qGAIW,O,aAKf,M,sCAkBI,K,CAUtB,MAAAC,G,QACC,IAAIC,EAASC,EAAA,UAAQC,QAAQ,eAE7B,GAAIC,KAAKC,QAAS,CACjBJ,EAASC,EAAA,gB,CAGV,GAAIE,KAAKE,MAAO,CACfL,EACCC,EAAA,UACCC,QAAQ,UACRI,MAAM,iB,CAKT,OACCL,EAACM,EAAI,CAACD,MAAM,uCACXL,EAAA,OACCK,MAAO,wFACNE,EAAAL,KAAKE,SAAK,MAAAG,SAAA,SAAAA,EAAEC,QAAS,gBAAkB,uBAGvCT,EAEDC,EAAA,QAAMK,MAAM,kEACXL,EAAA,gBAGAS,EAAAP,KAAKE,SAAK,MAAAK,SAAA,SAAAA,EAAED,SAAUR,EAAA,iBAAeI,MAAOF,KAAKE,SAGnDJ,EAAA,YACCC,QAAQ,YACRS,SAAU,KACVC,KAAMT,KAAKU,OAAS,OAAS,WAAa,QAC1CC,SAAUX,KAAKC,QACfA,QAASD,KAAKU,OAAS,QAAUV,KAAKY,YACtCC,KAAK,KACLC,UAAW,KACTd,KAAKU,OAAS,OAASV,KAAKe,SAAWf,KAAKgB,QAAQC,S"}

package/dist/build/p-95eadadd.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as o,H as r,g as a}from"./p-64b68231.js";import{c as i}from"./p-8a5b8196.js";import"./p-8a1a6e56.js";const n="*{box-sizing:border-box}.static{position:static!important}.absolute{position:absolute!important}.block{display:block!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.h-10{height:2.5rem!important}.w-full{width:100%!important}.flex-1{flex:1 1 0%!important}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}.rounded-lg{border-radius:.5rem!important}.border{border-width:1px!important}.border-black-teal-100{--tw-border-opacity:1!important;border-color:rgb(205 212 211/var(--tw-border-opacity,1))!important}.border-supportive-lilac-800{--tw-border-opacity:1!important;border-color:rgb(189 140 255/var(--tw-border-opacity,1))!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.p-2{padding:.5rem!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-medium{font-weight:500!important}.text-black-teal-300{--tw-text-opacity:1!important;color:rgb(104 127 124/var(--tw-text-opacity,1))!important}.shadow-1{--tw-shadow:0 1px 1px rgba(0,2,2,.08)!important;--tw-shadow-colored:0 1px 1px var(--tw-shadow-color)!important}.shadow-1,.shadow-2{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.shadow-2{--tw-shadow:0 1px 1px rgba(0,2,2,.04),0 2px 2px rgba(0,2,2,.04),0 4px 4px rgba(0,2,2,.04)!important;--tw-shadow-colored:0 1px 1px var(--tw-shadow-color),0 2px 2px var(--tw-shadow-color),0 4px 4px var(--tw-shadow-color)!important}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important}.ring,.ring-2{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important}.ring-supportive-lilac-100{--tw-ring-opacity:1!important;--tw-ring-color:rgb(246 239 255/var(--tw-ring-opacity,1))!important}.hover\\:shadow-2:hover{--tw-shadow:0 1px 1px rgba(0,2,2,.04),0 2px 2px rgba(0,2,2,.04),0 4px 4px rgba(0,2,2,.04)!important;--tw-shadow-colored:0 1px 1px var(--tw-shadow-color),0 2px 2px var(--tw-shadow-color),0 4px 4px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}";const s=i(["flex h-10 gap-2 items-center w-full"],{variants:{dropdown:{false:"py-1",true:"bg-white p-2 shadow-1 border rounded-lg hover:shadow-2 cursor-pointer"},dropdownOpen:{false:"border-black-teal-100",true:"shadow-2 border-supportive-lilac-800 ring ring-2 ring-supportive-lilac-100"}}});const e=class{constructor(o){t(this,o);this.dropdownLocation="bottom-end";this.size="base";this._dropdownOpen=false;this._hasDropdownSlot=false}componentWillLoad(){this._hasDropdownSlot=!!this._el.querySelector(':scope > [slot="dropdown"]')}componentWillRender(){this._updateAvatar()}render(){const t=this._getContent();return o(r,{class:"p-profile inline-block"},this._hasDropdownSlot?o("p-dropdown",{class:"block",strategy:"absolute",placement:this.dropdownLocation,applyFullWidth:true,applyMaxWidth:false,onIsOpen:t=>this._dropdownOpen=t.detail},t,o("div",{slot:"items"},o("slot",{name:"dropdown"}))):t)}_getContent(){return o("div",{class:s({dropdown:this._hasDropdownSlot,dropdownOpen:this._dropdownOpen}),slot:"trigger"},o("slot",{name:"avatar"}),o("div",{class:"flex flex-1 flex-col"},o("p",{class:"font-sm font-medium"},o("slot",{name:"title"})),o("p",{class:"text-xs text-black-teal-300"},o("slot",{name:"subtitle"}))),o("slot",{name:"post-title"}),this._hasDropdownSlot&&this._getIcon())}_updateAvatar(){const t=this._el.querySelector('p-avatar[slot="avatar"]');if(!t){return}t.size=this._hasDropdownSlot?"sm":t.size}_getIcon(){return o("p-icon",{variant:"caret",flip:this._dropdownOpen?"vertical":"horizontal"})}get _el(){return a(this)}};e.style=n;export{e as p_profile};
-//# sourceMappingURL=p-95eadadd.entry.js.map

package/dist/build/p-95eadadd.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["profileComponentCss","profileContent","cva","variants","dropdown","false","true","dropdownOpen","Profile","componentWillLoad","this","_hasDropdownSlot","_el","querySelector","componentWillRender","_updateAvatar","render","content","_getContent","h","Host","class","strategy","placement","dropdownLocation","applyFullWidth","applyMaxWidth","onIsOpen","ev","_dropdownOpen","detail","slot","name","_getIcon","avatar","size","variant","flip"],"sources":["src/components/molecules/profile/profile.component.scss?tag=p-profile","src/components/molecules/profile/profile.component.tsx"],"sourcesContent":["// :host {\n// \t@apply flex;\n//\n// \t.content {\n// \t\t@apply flex gap-3 items-center w-full;\n//\n// \t\t.name {\n// \t\t\t@apply flex flex-col justify-center overflow-hidden;\n//\n// \t\t\t> *:nth-child(1) {\n// \t\t\t\t@apply text-sm text-storm-dark;\n// \t\t\t\t@apply font-semibold;\n// \t\t\t}\n//\n// \t\t\t> *:nth-child(2) {\n// \t\t\t\t@apply text-sm text-storm-vague;\n// \t\t\t}\n//\n// \t\t\t::slotted(*) {\n// \t\t\t\t@apply text-ellipsis overflow-hidden whitespace-nowrap;\n// \t\t\t}\n// \t\t}\n// \t}\n// }\n//\n// :host([size='xsmall']) {\n// \t@apply h-6;\n// }\n//\n// :host([size='small']) {\n// \t@apply h-8;\n// }\n//\n// :host([size='table']) {\n// \t@apply h-10;\n// }\n//\n// :host([size='medium']) {\n// \t@apply h-[3.125rem];\n// }\n//\n// :host([size='large']) {\n// \t@apply h-16;\n// }\n//\n// :host([size='xlarge']) {\n// \t@apply h-[6.5rem];\n// }\n//\n// :host(.has-dropdown) {\n// \t@apply cursor-pointer;\n//\n// \t.content {\n// \t\t@apply p-2 rounded;\n// \t\t@apply border border-solid border-mystic-dark #{!important};\n// \t}\n// }\n//\n// :host(.has-dropdown[size='small']) {\n// \t@apply h-12;\n// }\n//\n// :host(.has-dropdown[size='medium']) {\n// \t@apply h-[4.125rem];\n// }\n//\n// :host(.has-dropdown[size='large']) {\n// \t@apply h-20;\n// }\n//\n// :host(.has-dropdown:hover),\n// :host(.active) {\n// \t.content {\n// \t\t@apply shadow-3;\n// \t}\n// }\n//\n// :host(.active) {\n// \t.content {\n// \t\tp-icon {\n// \t\t\t@apply text-indigo;\n// \t\t}\n// \t}\n// }\n","import { Component, Element, h, Host, Prop, State } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst profileContent = cva(['flex h-10 gap-2 items-center w-full'], {\n\tvariants: {\n\t\tdropdown: {\n\t\t\tfalse: 'py-1',\n\t\t\ttrue: 'bg-white p-2 shadow-1 border rounded-lg hover:shadow-2 cursor-pointer',\n\t\t},\n\t\tdropdownOpen: {\n\t\t\tfalse: 'border-black-teal-100',\n\t\t\ttrue: 'shadow-2 border-supportive-lilac-800 ring ring-2 ring-supportive-lilac-100',\n\t\t},\n\t},\n});\n\n@Component({\n\ttag: 'p-profile',\n\tstyleUrl: 'profile.component.scss',\n})\nexport class Profile {\n\t/**\n\t * The position of the dropdown\n\t */\n\t@Prop() dropdownLocation: 'top-end' | 'bottom-end' = 'bottom-end';\n\n\t/**\n\t * The size of the profile avatar\n\t */\n\t@Prop({ reflect: true }) size:\n\t\t| 'xs'\n\t\t| 'sm'\n\t\t| 'base'\n\t\t| 'lg'\n\t\t| 'xl'\n\t\t| '2xl'\n\t\t| '3xl'\n\t\t| '4xl' = 'base';\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\t@State() private _dropdownOpen = false;\n\t@State() private _hasDropdownSlot = false;\n\n\tcomponentWillLoad() {\n\t\tthis._hasDropdownSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"dropdown\"]'\n\t\t);\n\t}\n\n\tcomponentWillRender() {\n\t\tthis._updateAvatar();\n\t}\n\n\trender() {\n\t\tconst content = this._getContent();\n\t\treturn (\n\t\t\t<Host class='p-profile inline-block'>\n\t\t\t\t{this._hasDropdownSlot ? (\n\t\t\t\t\t<p-dropdown\n\t\t\t\t\t\tclass='block'\n\t\t\t\t\t\tstrategy='absolute'\n\t\t\t\t\t\tplacement={this.dropdownLocation}\n\t\t\t\t\t\tapplyFullWidth={true}\n\t\t\t\t\t\tapplyMaxWidth={false}\n\t\t\t\t\t\tonIsOpen={ev => (this._dropdownOpen = ev.detail)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{content}\n\t\t\t\t\t\t<div slot='items'>\n\t\t\t\t\t\t\t<slot name='dropdown' />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</p-dropdown>\n\t\t\t\t) : (\n\t\t\t\t\tcontent\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _getContent() {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={profileContent({\n\t\t\t\t\tdropdown: this._hasDropdownSlot,\n\t\t\t\t\tdropdownOpen: this._dropdownOpen,\n\t\t\t\t})}\n\t\t\t\tslot='trigger'\n\t\t\t>\n\t\t\t\t<slot name='avatar' />\n\t\t\t\t<div class='flex flex-1 flex-col'>\n\t\t\t\t\t<p class='font-sm font-medium'>\n\t\t\t\t\t\t<slot name='title' />\n\t\t\t\t\t</p>\n\t\t\t\t\t<p class='text-xs text-black-teal-300'>\n\t\t\t\t\t\t<slot name='subtitle' />\n\t\t\t\t\t</p>\n\t\t\t\t</div>\n\n\t\t\t\t<slot name='post-title' />\n\t\t\t\t{this._hasDropdownSlot && this._getIcon()}\n\t\t\t</div>\n\t\t);\n\t}\n\n\tprivate _updateAvatar() {\n\t\tconst avatar = this._el.querySelector(\n\t\t\t'p-avatar[slot=\"avatar\"]'\n\t\t) as HTMLPAvatarElement;\n\n\t\tif (!avatar) {\n\t\t\treturn;\n\t\t}\n\n\t\tavatar.size = this._hasDropdownSlot ? 'sm' : avatar.size;\n\t}\n\n\tprivate _getIcon() {\n\t\treturn (\n\t\t\t<p-icon\n\t\t\t\tvariant='caret'\n\t\t\t\tflip={this._dropdownOpen ? 'vertical' : 'horizontal'}\n\t\t\t/>\n\t\t);\n\t}\n}\n"],"mappings":"qHAAA,MAAMA,EAAsB,gsFCG5B,MAAMC,EAAiBC,EAAI,CAAC,uCAAwC,CACnEC,SAAU,CACTC,SAAU,CACTC,MAAO,OACPC,KAAM,yEAEPC,aAAc,CACbF,MAAO,wBACPC,KAAM,iF,MASIE,EAAO,M,+CAIkC,a,UAa1C,O,mBAOsB,M,sBACG,K,CAEpC,iBAAAC,GACCC,KAAKC,mBAAqBD,KAAKE,IAAIC,cAClC,6B,CAIF,mBAAAC,GACCJ,KAAKK,e,CAGN,MAAAC,GACC,MAAMC,EAAUP,KAAKQ,cACrB,OACCC,EAACC,EAAI,CAACC,MAAM,0BACVX,KAAKC,iBACLQ,EAAA,cACCE,MAAM,QACNC,SAAS,WACTC,UAAWb,KAAKc,iBAChBC,eAAgB,KAChBC,cAAe,MACfC,SAAUC,GAAOlB,KAAKmB,cAAgBD,EAAGE,QAExCb,EACDE,EAAA,OAAKY,KAAK,SACTZ,EAAA,QAAMa,KAAK,eAEA,E,CAQT,WAAAd,GACP,OACCC,EAAA,OACCE,MAAOpB,EAAe,CACrBG,SAAUM,KAAKC,iBACfJ,aAAcG,KAAKmB,gBAEpBE,KAAK,WAELZ,EAAA,QAAMa,KAAK,WACXb,EAAA,OAAKE,MAAM,wBACVF,EAAA,KAAGE,MAAM,uBACRF,EAAA,QAAMa,KAAK,WAEZb,EAAA,KAAGE,MAAM,+BACRF,EAAA,QAAMa,KAAK,eAIbb,EAAA,QAAMa,KAAK,eACVtB,KAAKC,kBAAoBD,KAAKuB,W,CAK1B,aAAAlB,GACP,MAAMmB,EAASxB,KAAKE,IAAIC,cACvB,2BAGD,IAAKqB,EAAQ,CACZ,M,CAGDA,EAAOC,KAAOzB,KAAKC,iBAAmB,KAAOuB,EAAOC,I,CAG7C,QAAAF,GACP,OACCd,EAAA,UACCiB,QAAQ,QACRC,KAAM3B,KAAKmB,cAAgB,WAAa,c"}

package/dist/build/p-9fa5d08a.entry.js

@@ -1,2 +0,0 @@
-import{r as s}from"./p-64b68231.js";const e=class{constructor(e){s(this,e);this.type="both";this.icon=undefined;this.iconOnly=false;this.iconFlip=undefined;this.iconRotate=undefined;this.label=undefined;this.action=undefined;this.disabled=false;this.loading=false;this.showFunction=undefined}render(){return}};export{e as p_table_row_action};
-//# sourceMappingURL=p-9fa5d08a.entry.js.map

package/dist/build/p-9fa5d08a.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["TableRowAction","render"],"sources":["src/components/helpers/table-row-action/table-row-action.component.tsx"],"sourcesContent":["import { Component, Prop } from '@stencil/core';\nimport {\n\tIconFlipOptions,\n\tIconVariant,\n\tRotateOptions,\n} from '../../../components';\n\nexport type TableRowActionFunc = {\n\t(item: any, multi: false): void;\n\t(item: any[], multi: true): void;\n};\n\nexport type TableRowActionShowFunc = {\n\t(item: any): boolean;\n};\n\n@Component({\n\ttag: 'p-table-row-action',\n})\nexport class TableRowAction {\n\t/**\n\t * The type of action\n\t * mutli = Only multi select action\n\t * single = Only an action on the row\n\t * both = Action on both locations\n\t */\n\t@Prop({ reflect: true, mutable: true }) type: 'both' | 'single' | 'multi' =\n\t\t'both';\n\n\t/**\n\t * Icon to show on the button\n\t */\n\t@Prop() icon: IconVariant;\n\n\t/**\n\t * Wether the button is icon only\n\t */\n\t@Prop() iconOnly: boolean = false;\n\n\t/**\n\t * Icon flip\n\t */\n\t@Prop() iconFlip: IconFlipOptions;\n\n\t/**\n\t * Icon rotate\n\t */\n\t@Prop() iconRotate: RotateOptions;\n\n\t/**\n\t * Label of the action\n\t */\n\t@Prop() label: string;\n\n\t/**\n\t * The action to trigger when used\n\t */\n\t@Prop() action: TableRowActionFunc;\n\n\t/**\n\t * Wether the action is disabled\n\t */\n\t@Prop() disabled: boolean = false;\n\n\t/**\n\t * Wether the action is loading\n\t */\n\t@Prop() loading: boolean = false;\n\n\t/**\n\t * A function for row actions of type \"single\" or \"both\" that determines if the action is shown on the row\n\t */\n\t@Prop() showFunction: TableRowActionShowFunc;\n\n\trender() {\n\t\treturn;\n\t}\n}\n"],"mappings":"0CAmBaA,EAAc,M,mCAQzB,O,kCAU2B,M,2GAyBA,M,aAKD,M,4BAO3B,MAAAC,GACC,M"}

package/dist/build/p-a587ff9f.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as e,H as i}from"./p-64b68231.js";const r="*{box-sizing:border-box}.static{position:static!important}.inline-flex{display:inline-flex!important}.h-4{height:1rem!important}.min-w-\\[1\\.5rem\\]{min-width:1.5rem!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.rounded-full{border-radius:9999px!important}.bg-teal{--tw-bg-opacity:1!important;background-color:rgb(8 136 121/var(--tw-bg-opacity,1))!important}.px-1{padding-left:.25rem!important;padding-right:.25rem!important}.text-center{text-align:center!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-semibold{font-weight:600!important}.text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}";const n=class{constructor(e){t(this,e)}render(){return e(i,{class:"p-badge inline-flex h-4 min-w-[1.5rem] items-center justify-center rounded-full bg-teal px-1 text-center text-xs font-semibold text-white"},e("slot",null))}};n.style=r;export{n as p_badge};
-//# sourceMappingURL=p-a587ff9f.entry.js.map

package/dist/build/p-a587ff9f.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["badgeComponentCss","Badge","render","h","Host","class"],"sources":["src/components/atoms/badge/badge.component.scss?tag=p-badge","src/components/atoms/badge/badge.component.tsx"],"sourcesContent":[null,"import { Component, h, Host } from '@stencil/core';\n\n@Component({\n\ttag: 'p-badge',\n\tstyleUrl: 'badge.component.scss',\n\tshadow: false,\n})\nexport class Badge {\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-badge inline-flex h-4 min-w-[1.5rem] items-center justify-center rounded-full bg-teal px-1 text-center text-xs font-semibold text-white'>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"mappings":"kDAAA,MAAMA,EAAoB,2tB,MCObC,EAAK,M,yBACjB,MAAAC,GACC,OACCC,EAACC,EAAI,CAACC,MAAM,6IACXF,EAAA,a"}

package/dist/build/p-a7b8e22f.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as r,H as o,c as i}from"./p-64b68231.js";const a=".rounded-b-none{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.rounded-t-lg{border-top-left-radius:.5rem!important;border-top-right-radius:.5rem!important}.p-0{padding:0!important}.px-6{padding-left:1.5rem!important;padding-right:1.5rem!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:1.5rem}:host(.variant-table-flush){padding:0!important}:host(.is-rounded-bottom){border-bottom-left-radius:0;border-bottom-right-radius:0}@media (min-width:64rem){:host(.is-rounded-bottom){border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}}:host(.is-rounded-top){border-top-left-radius:.5rem;border-top-right-radius:.5rem}@media (min-width:64rem){:host(.is-rounded-top){border-top-left-radius:1rem;border-top-right-radius:1rem}}:host(.no-padding){padding:0}.static{position:static!important}";const e=class{constructor(r){t(this,r);this.variant="default";this.roundedBottom=false;this.roundedTop=false;this.padding=true}render(){return r(o,{class:`p-modal-body variant-${this.variant} ${this.roundedBottom&&"is-rounded-bottom"} ${this.roundedTop&&"is-rounded-top"} ${!this.padding&&"no-padding"}`},r("slot",null))}};e.style=a;const n=".z-modal{z-index:600!important}.flex{display:flex!important}.max-h-\\[calc\\(100dvh-4rem\\)\\]{max-height:calc(100dvh - 4rem)!important}.w-full{width:100%!important}.flex-col{flex-direction:column!important}.rounded-b-none{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.rounded-t-2xl{border-top-left-radius:1rem!important;border-top-right-radius:1rem!important}.shadow-3{--tw-shadow:0 1px 1px rgba(0,2,2,.08),0 2px 2px rgba(0,2,2,.08),0 4px 4px rgba(0,2,2,.08)!important;--tw-shadow-colored:0 1px 1px var(--tw-shadow-color),0 2px 2px var(--tw-shadow-color),0 4px 4px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.animate-in{--tw-enter-opacity:initial!important;--tw-enter-scale:initial!important;--tw-enter-rotate:initial!important;--tw-enter-translate-x:initial!important;--tw-enter-translate-y:initial!important;animation-duration:.15s!important;animation-name:enter!important}.slide-in-from-bottom{--tw-enter-translate-y:100%!important}.slide-out-to-bottom{--tw-exit-translate-y:100%!important}*{box-sizing:border-box}p-modal-container{--tw-enter-opacity:initial!important;--tw-enter-scale:initial!important;--tw-enter-rotate:initial!important;--tw-enter-translate-x:initial!important;--tw-enter-translate-y:initial!important;--tw-enter-translate-y:100%!important;--tw-shadow:0 1px 1px rgba(0,2,2,.08),0 2px 2px rgba(0,2,2,.08),0 4px 4px rgba(0,2,2,.08)!important;--tw-shadow-colored:0 1px 1px var(--tw-shadow-color),0 2px 2px var(--tw-shadow-color),0 4px 4px var(--tw-shadow-color)!important;animation-duration:.15s!important;animation-name:enter!important;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:1rem;border-top-right-radius:1rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important;display:flex;flex-direction:column;max-height:calc(100dvh - 4rem);width:100%;z-index:600}@media (min-width:40rem){p-modal-container{width:auto}}@media (min-width:64rem){p-modal-container{--tw-enter-translate-y:4rem!important;border-bottom-left-radius:1rem;border-bottom-right-radius:1rem;margin:auto;max-height:none}}p-modal-container.closing{--tw-exit-translate-y:100%!important}@media (min-width:64rem){p-modal-container.closing{--tw-exit-translate-y:4rem!important}.desktop-xs\\:slide-in-from-bottom-16{--tw-enter-translate-y:4rem!important}.desktop-xs\\:slide-out-to-bottom-16{--tw-exit-translate-y:4rem!important}}.static{position:static!important}@media (min-width:40rem){.tablet\\:w-80{width:20rem!important}.tablet\\:w-\\[33\\.5rem\\]{width:33.5rem!important}.tablet\\:w-\\[38rem\\]{width:38rem!important}.tablet\\:w-\\[47\\.5rem\\]{width:47.5rem!important}.tablet\\:w-\\[57\\.5rem\\]{width:57.5rem!important}}";const m={xs:"tablet:w-80",sm:"tablet:w-[33.5rem]",md:"tablet:w-[38rem]",lg:"tablet:w-[47.5rem]",xl:"tablet:w-[57.5rem]"};const d=class{constructor(r){t(this,r);this.size="md";this.closing=false}render(){const t=m[this.size];return r(o,{class:`p-modal-container ${this.closing&&"closing"} ${t}`},r("slot",null))}};d.style=n;const s=".flex{display:flex!important}.rounded-b-none{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.px-6{padding-left:1.5rem!important;padding-right:1.5rem!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-bottom-left-radius:0;border-bottom-right-radius:0;display:flex;flex-direction:column;padding-bottom:1.5rem;padding-left:1.5rem;padding-right:1.5rem}@media (min-width:64rem){:host{border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}}.static{position:static!important}.mb-6{margin-bottom:1.5rem!important}.mt-0{margin-top:0!important}.hidden{display:none!important}@media (min-width:64rem){.desktop-xs\\:flex{display:flex!important}}";const p=class{constructor(r){t(this,r)}render(){return r(o,{class:"p-modal-footer"},r("p-divider",{class:"mb-6 mt-0 hidden desktop-xs:flex"}),r("slot",null))}};p.style=s;const l=".flex{display:flex!important}.items-center{align-items:center!important}.rounded-t-2xl{border-top-left-radius:1rem!important;border-top-right-radius:1rem!important}.p-4{padding:1rem!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.font-semibold{font-weight:600!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:rgb(247 250 252/var(--tw-bg-opacity,1));border-top-left-radius:1rem;border-top-right-radius:1rem;color:rgb(39 40 56/var(--tw-text-opacity,1));display:flex;font-size:1.25rem;font-weight:600;justify-content:space-between;line-height:1.75rem;padding:1rem}@media (min-width:64rem){:host{font-size:2rem;font-weight:700;line-height:2.5rem;padding:1.5rem}}@media (min-width:64rem){.desktop-xs\\:text-3xl{font-size:2rem!important;line-height:2.5rem!important}}.static{position:static!important}";const b=class{constructor(r){t(this,r);this.close=i(this,"close",3);this.showClose=true}render(){return r(o,{class:"p-modal-header"},r("span",null,r("slot",null)),this.showClose&&r("p-button",{variant:"secondary",icon:"negative",iconOnly:true,onClick:t=>this.close.emit(t),size:"sm"}))}};b.style=l;export{e as p_modal_body,d as p_modal_container,p as p_modal_footer,b as p_modal_header};
-//# sourceMappingURL=p-a7b8e22f.entry.js.map

package/dist/build/p-a7b8e22f.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["modalBodyComponentCss","ModalBody","render","h","Host","class","this","variant","roundedBottom","roundedTop","padding","modalContainerComponentCss","modalSizes","xs","sm","md","lg","xl","ModalContainer","sizeClass","size","closing","modalFooterComponentCss","ModalFooter","modalHeaderComponentCss","ModalHeader","showClose","icon","iconOnly","onClick","ev","close","emit"],"sources":["src/components/atoms/modal-body/modal-body.component.scss?tag=p-modal-body&encapsulation=shadow","src/components/atoms/modal-body/modal-body.component.tsx","src/components/atoms/modal-container/modal-container.component.scss?tag=p-modal-container","src/components/atoms/modal-container/modal-container.component.tsx","src/components/atoms/modal-footer/modal-footer.component.scss?tag=p-modal-footer&encapsulation=shadow","src/components/atoms/modal-footer/modal-footer.component.tsx","src/components/atoms/modal-header/modal-header.component.scss?tag=p-modal-header&encapsulation=shadow","src/components/atoms/modal-header/modal-header.component.tsx"],"sourcesContent":[":host {\n\t@apply bg-white;\n\t@apply px-6 py-6;\n}\n\n:host(.variant-table-flush) {\n\t@apply p-0 #{!important};\n}\n\n:host(.is-rounded-bottom) {\n\t@apply rounded-b-none desktop-xs:rounded-b-2xl;\n}\n\n:host(.is-rounded-top) {\n\t@apply rounded-t-lg desktop-xs:rounded-t-2xl;\n}\n\n:host(.no-padding) {\n\t@apply p-0;\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-modal-body',\n\tstyleUrl: 'modal-body.component.scss',\n\tshadow: true,\n})\nexport class ModalBody {\n\t/**\n\t * The variant of the modal body\n\t */\n\t@Prop() variant: 'default' | 'table-flush' = 'default';\n\n\t/**\n\t * Wether the modal body should be rounded at the bottom\n\t */\n\t@Prop() roundedBottom: boolean = false;\n\n\t/**\n\t * Wether the modal body should be rounded at the top\n\t */\n\t@Prop() roundedTop: boolean = false;\n\n\t/**\n\t * Wether the body should have padding\n\t */\n\t@Prop() padding: boolean = true;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={`p-modal-body variant-${this.variant} ${\n\t\t\t\t\tthis.roundedBottom && 'is-rounded-bottom'\n\t\t\t\t} ${\n\t\t\t\t\tthis.roundedTop && 'is-rounded-top'\n\t\t\t\t} ${!this.padding && 'no-padding'}`}\n\t\t\t>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n","p-modal-container {\n\t@apply z-modal flex w-full flex-col tablet:w-auto;\n\t@apply rounded-b-none rounded-t-2xl desktop-xs:rounded-b-2xl;\n\n\t@apply desktop-xs:m-auto;\n\t@apply max-h-[calc(100dvh-4rem)] desktop-xs:max-h-none;\n\n\t@apply animate-in slide-in-from-bottom desktop-xs:slide-in-from-bottom-16 #{!important};\n\n\t@apply shadow-3 #{!important};\n\n\t&.closing {\n\t\t@apply slide-out-to-bottom desktop-xs:slide-out-to-bottom-16 #{!important};\n\t}\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n// $modal-xs: 20rem;\n// $modal-sm: 33.5rem;\n// $modal-md: 38rem;\n// $modal-lg: 47.5rem;\n// $modal-xl: 57.5rem;\n\nconst modalSizes = {\n\txs: 'tablet:w-80',\n\tsm: 'tablet:w-[33.5rem]',\n\tmd: 'tablet:w-[38rem]',\n\tlg: 'tablet:w-[47.5rem]',\n\txl: 'tablet:w-[57.5rem]',\n};\n@Component({\n\ttag: 'p-modal-container',\n\tstyleUrl: 'modal-container.component.scss',\n})\nexport class ModalContainer {\n\t/**\n\t * The size of the modal container\n\t */\n\t@Prop() size: 'sm' | 'md' | 'lg' | 'xl' = 'md';\n\n\t/**\n\t * Wether the container is closing\n\t */\n\t@Prop() closing: boolean = false;\n\n\trender() {\n\t\tconst sizeClass = modalSizes[this.size];\n\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={`p-modal-container ${\n\t\t\t\t\tthis.closing && 'closing'\n\t\t\t\t} ${sizeClass}`}\n\t\t\t>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n",":host {\n\t@apply bg-white;\n\t@apply flex flex-col;\n\t@apply px-6 pb-6;\n\t@apply rounded-b-none desktop-xs:rounded-b-2xl;\n}\n","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n\ttag: 'p-modal-footer',\n\tstyleUrl: 'modal-footer.component.scss',\n\tshadow: true,\n})\nexport class ModalFooter {\n\trender() {\n\t\treturn (\n\t\t\t<Host class=\"p-modal-footer\">\n\t\t\t\t<p-divider class=\"mb-6 mt-0 hidden desktop-xs:flex\" />\n\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n",":host {\n\t@apply rounded-t-2xl bg-mystic;\n\t@apply flex items-center justify-between;\n\t@apply p-4 desktop-xs:p-6;\n\n\t@apply text-xl font-semibold text-storm-dark;\n\t@apply desktop-xs:text-3xl desktop-xs:font-bold;\n}\n","import { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-modal-header',\n\tstyleUrl: 'modal-header.component.scss',\n\tshadow: true,\n})\nexport class ModalHeader {\n\t/**\n\t * Wether to show the close button on mobile\n\t */\n\t@Prop() showClose = true;\n\n\t/**\n\t * Close click event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclose: EventEmitter<MouseEvent>;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-modal-header'>\n\t\t\t\t<span>\n\t\t\t\t\t<slot />\n\t\t\t\t</span>\n\n\t\t\t\t{this.showClose && (\n\t\t\t\t\t<p-button\n\t\t\t\t\t\tvariant='secondary'\n\t\t\t\t\t\ticon='negative'\n\t\t\t\t\t\ticonOnly={true}\n\t\t\t\t\t\tonClick={ev => this.close.emit(ev)}\n\t\t\t\t\t\tsize='sm'\n\t\t\t\t\t></p-button>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"mappings":"yDAAA,MAAMA,EAAwB,k4B,MCOjBC,EAAS,M,sCAIwB,U,mBAKZ,M,gBAKH,M,aAKH,I,CAE3B,MAAAC,GACC,OACCC,EAACC,EAAI,CACJC,MAAO,wBAAwBC,KAAKC,WACnCD,KAAKE,eAAiB,uBAEtBF,KAAKG,YAAc,qBACfH,KAAKI,SAAW,gBAErBP,EAAA,a,aCrCJ,MAAMQ,EAA6B,ixFCQnC,MAAMC,EAAa,CAClBC,GAAI,cACJC,GAAI,qBACJC,GAAI,mBACJC,GAAI,qBACJC,GAAI,sB,MAMQC,EAAc,M,mCAIgB,K,aAKf,K,CAE3B,MAAAhB,GACC,MAAMiB,EAAYP,EAAWN,KAAKc,MAElC,OACCjB,EAACC,EAAI,CACJC,MAAO,qBACNC,KAAKe,SAAW,aACbF,KAEJhB,EAAA,a,aCvCJ,MAAMmB,EAA0B,0uB,MCOnBC,EAAW,M,yBACvB,MAAArB,GACC,OACCC,EAACC,EAAI,CAACC,MAAM,kBACXF,EAAA,aAAWE,MAAM,qCAEjBF,EAAA,a,aCbJ,MAAMqB,EAA0B,63B,MCOnBC,EAAW,M,qEAIH,I,CAUpB,MAAAvB,GACC,OACCC,EAACC,EAAI,CAACC,MAAM,kBACXF,EAAA,YACCA,EAAA,cAGAG,KAAKoB,WACLvB,EAAA,YACCI,QAAQ,YACRoB,KAAK,WACLC,SAAU,KACVC,QAASC,GAAMxB,KAAKyB,MAAMC,KAAKF,GAC/BV,KAAK,O"}