{"version":3,"file":"index.ee960861.js","sources":["../../../../ui/packages/icons/src/Brush.svelte","../../../../ui/packages/icons/src/Color.svelte","../../../../ui/packages/icons/src/Sketch.svelte","../../../../ui/packages/image/src/Cropper.svelte","../../../../ui/node_modules/.pnpm/lazy-brush@1.0.1/node_modules/lazy-brush/src/Point.js","../../../../ui/node_modules/.pnpm/lazy-brush@1.0.1/node_modules/lazy-brush/src/LazyPoint.js","../../../../ui/node_modules/.pnpm/lazy-brush@1.0.1/node_modules/lazy-brush/src/LazyBrush.js","../../../../ui/packages/image/src/Sketch.svelte","../../../../ui/packages/image/src/ModifySketch.svelte","../../../../ui/packages/image/src/SketchSettings.svelte","../../../../ui/packages/image/src/Image.svelte","../../../../ui/packages/image/src/StaticImage.svelte","../../../../ui/packages/app/src/components/Image/Image.svelte","../../../../ui/packages/app/src/components/Image/index.ts"],"sourcesContent":["<svg width=\"100%\" height=\"100%\" viewBox=\"0 0 32 32\">\n\t<path\n\t\td=\"M28.828 3.172a4.094 4.094 0 0 0-5.656 0L4.05 22.292A6.954 6.954 0 0 0 2 27.242V30h2.756a6.952 6.952 0 0 0 4.95-2.05L28.828 8.829a3.999 3.999 0 0 0 0-5.657zM10.91 18.26l2.829 2.829l-2.122 2.121l-2.828-2.828zm-2.619 8.276A4.966 4.966 0 0 1 4.756 28H4v-.759a4.967 4.967 0 0 1 1.464-3.535l1.91-1.91l2.829 2.828zM27.415 7.414l-12.261 12.26l-2.829-2.828l12.262-12.26a2.047 2.047 0 0 1 2.828 0a2 2 0 0 1 0 2.828z\"\n\t\tfill=\"currentColor\"\n\t/>\n\t<path\n\t\td=\"M6.5 15a3.5 3.5 0 0 1-2.475-5.974l3.5-3.5a1.502 1.502 0 0 0 0-2.121a1.537 1.537 0 0 0-2.121 0L3.415 5.394L2 3.98l1.99-1.988a3.585 3.585 0 0 1 4.95 0a3.504 3.504 0 0 1 0 4.949L5.439 10.44a1.502 1.502 0 0 0 0 2.121a1.537 1.537 0 0 0 2.122 0l4.024-4.024L13 9.95l-4.025 4.024A3.475 3.475 0 0 1 6.5 15z\"\n\t\tfill=\"currentColor\"\n\t/>\n</svg>\n","<svg width=\"100%\" height=\"100%\" viewBox=\"0 0 32 32\">\n\t<circle cx=\"10\" cy=\"12\" r=\"2\" fill=\"currentColor\" />\n\t<circle cx=\"16\" cy=\"9\" r=\"2\" fill=\"currentColor\" />\n\t<circle cx=\"22\" cy=\"12\" r=\"2\" fill=\"currentColor\" />\n\t<circle cx=\"23\" cy=\"18\" r=\"2\" fill=\"currentColor\" />\n\t<circle cx=\"19\" cy=\"23\" r=\"2\" fill=\"currentColor\" />\n\t<path\n\t\tfill=\"currentColor\"\n\t\td=\"M16.54 2A14 14 0 0 0 2 16a4.82 4.82 0 0 0 6.09 4.65l1.12-.31a3 3 0 0 1 3.79 2.9V27a3 3 0 0 0 3 3a14 14 0 0 0 14-14.54A14.05 14.05 0 0 0 16.54 2Zm8.11 22.31A11.93 11.93 0 0 1 16 28a1 1 0 0 1-1-1v-3.76a5 5 0 0 0-5-5a5.07 5.07 0 0 0-1.33.18l-1.12.31A2.82 2.82 0 0 1 4 16A12 12 0 0 1 16.47 4A12.18 12.18 0 0 1 28 15.53a11.89 11.89 0 0 1-3.35 8.79Z\"\n\t/>\n</svg>\n","<svg\n\txmlns=\"http://www.w3.org/2000/svg\"\n\twidth=\"100%\"\n\theight=\"100%\"\n\tviewBox=\"0 0 24 24\"\n\tfill=\"none\"\n\tstroke=\"currentColor\"\n\tstroke-width=\"1.5\"\n\tstroke-linecap=\"round\"\n\tstroke-linejoin=\"round\"\n\tclass=\"feather feather-edit-2\"\n>\n\t<path d=\"M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z\" />\n</svg>\n","<svelte:options accessors={true} />\n\n<script lang=\"ts\">\n\timport Cropper from \"cropperjs\";\n\timport { onMount, createEventDispatcher } from \"svelte\";\n\n\texport let image: string;\n\tlet el: HTMLImageElement;\n\n\tconst dispatch = createEventDispatcher();\n\tlet cropper: Cropper;\n\n\texport function destroy() {\n\t\tcropper.destroy();\n\t}\n\n\texport function create() {\n\t\tif (cropper) {\n\t\t\tdestroy();\n\t\t}\n\t\tcropper = new Cropper(el, {\n\t\t\tautoCropArea: 1,\n\t\t\tcropend() {\n\t\t\t\tconst image_data = cropper.getCroppedCanvas().toDataURL();\n\t\t\t\tdispatch(\"crop\", image_data);\n\t\t\t}\n\t\t});\n\n\t\tdispatch(\"crop\", image);\n\t}\n</script>\n\n<img src={image} bind:this={el} alt=\"\" />\n","class Point {\n  /**\n   *\n   * @param {number} x\n   * @param {number} y\n   */\n  constructor(x, y) {\n    this.x = x\n    this.y = y\n  }\n}\n\nexport default Point\n","import Point from './Point'\n\nclass LazyPoint extends Point {\n  /**\n   * Update the x and y values\n   *\n   * @param {Point} point\n   */\n  update (point) {\n    this.x = point.x\n    this.y = point.y\n  }\n\n  /**\n   * Move the point to another position using an angle and distance\n   *\n   * @param {number} angle The angle in radians\n   * @param {number} distance How much the point should be moved\n   */\n  moveByAngle (angle, distance) {\n    // Rotate the angle based on the browser coordinate system ([0,0] in the top left)\n    const angleRotated = angle + (Math.PI / 2)\n\n    this.x = this.x + (Math.sin(angleRotated) * distance),\n    this.y = this.y - (Math.cos(angleRotated) * distance)\n  }\n\n  /**\n   * Check if this point is the same as another point\n   *\n   * @param {Point} point\n   * @returns {boolean}\n   */\n  equalsTo (point) {\n    return this.x === point.x && this.y === point.y\n  }\n\n  /**\n   * Get the difference for x and y axis to another point\n   *\n   * @param {Point} point\n   * @returns {Point}\n   */\n  getDifferenceTo (point) {\n    return new Point(this.x - point.x, this.y - point.y)\n  }\n\n  /**\n   * Calculate distance to another point\n   *\n   * @param {Point} point\n   * @returns {Point}\n   */\n  getDistanceTo (point) {\n    const diff = this.getDifferenceTo(point)\n\n    return Math.sqrt(Math.pow(diff.x, 2) + Math.pow(diff.y, 2))\n  }\n\n  /**\n   * Calculate the angle to another point\n   *\n   * @param {Point} point\n   * @returns {Point}\n   */\n  getAngleTo (point) {\n    const diff = this.getDifferenceTo(point)\n\n    return Math.atan2(diff.y, diff.x)\n  }\n\n  /**\n   * Return a simple object with x and y properties\n   *\n   * @returns {object}\n   */\n  toObject () {\n    return {\n      x: this.x,\n      y: this.y\n    }\n  }\n}\n\nexport default LazyPoint\n","import LazyPoint from './LazyPoint'\nconst RADIUS_DEFAULT = 30\n\nclass LazyBrush {\n  /**\n   * constructor\n   *\n   * @param {object} settings\n   * @param {number} settings.radius The radius for the lazy area\n   * @param {boolean} settings.enabled\n   */\n  constructor ({ radius = RADIUS_DEFAULT, enabled = true, initialPoint = { x: 0, y: 0 }} = {}) {\n    this.radius = radius\n    this._isEnabled = enabled\n\n    this.pointer = new LazyPoint(initialPoint.x, initialPoint.y)\n    this.brush = new LazyPoint(initialPoint.x, initialPoint.y)\n\n    this.angle = 0\n    this.distance = 0\n    this._hasMoved = false\n  }\n\n  /**\n   * Enable lazy brush calculations.\n   *\n   */\n  enable () {\n    this._isEnabled = true\n  }\n\n  /**\n   * Disable lazy brush calculations.\n   *\n   */\n  disable () {\n    this._isEnabled = false\n  }\n\n  /**\n   * @returns {boolean}\n   */\n  isEnabled () {\n    return this._isEnabled\n  }\n\n  /**\n   * Update the radius\n   *\n   * @param {number} radius\n   */\n  setRadius (radius) {\n    this.radius = radius\n  }\n\n  /**\n   * Return the current radius\n   *\n   * @returns {number}\n   */\n  getRadius () {\n    return this.radius\n  }\n\n  /**\n   * Return the brush coordinates as a simple object\n   *\n   * @returns {object}\n   */\n  getBrushCoordinates () {\n    return this.brush.toObject()\n  }\n\n  /**\n   * Return the pointer coordinates as a simple object\n   *\n   * @returns {object}\n   */\n  getPointerCoordinates () {\n    return this.pointer.toObject()\n  }\n\n  /**\n   * Return the brush as a LazyPoint\n   *\n   * @returns {LazyPoint}\n   */\n  getBrush () {\n    return this.brush\n  }\n\n  /**\n   * Return the pointer as a LazyPoint\n   *\n   * @returns {LazyPoint}\n   */\n  getPointer () {\n    return this.pointer\n  }\n\n  /**\n   * Return the angle between pointer and brush\n   *\n   * @returns {number} Angle in radians\n   */\n  getAngle () {\n    return this.angle\n  }\n\n  /**\n   * Return the distance between pointer and brush\n   *\n   * @returns {number} Distance in pixels\n   */\n  getDistance () {\n    return this.distance\n  }\n\n  /**\n   * Return if the previous update has moved the brush.\n   *\n   * @returns {boolean} Whether the brush moved previously.\n   */\n  brushHasMoved () {\n    return this._hasMoved\n  }\n\n  /**\n   * Updates the pointer point and calculates the new brush point.\n   *\n   * @param {Point} newPointerPoint\n   * @param {Object} options\n   * @param {Boolean} options.both Force update pointer and brush\n   * @returns {Boolean} Whether any of the two points changed\n   */\n  update (newPointerPoint, { both = false } = {}) {\n    this._hasMoved = false\n    if (this.pointer.equalsTo(newPointerPoint) && !both) {\n      return false\n    }\n\n    this.pointer.update(newPointerPoint)\n\n    if (both) {\n      this._hasMoved = true\n      this.brush.update(newPointerPoint)\n      return true\n    }\n\n    if (this._isEnabled) {\n      this.distance = this.pointer.getDistanceTo(this.brush)\n      this.angle = this.pointer.getAngleTo(this.brush)\n\n      if (this.distance > this.radius) {\n        this.brush.moveByAngle(this.angle, this.distance - this.radius)\n        this._hasMoved = true\n      }\n    } else {\n      this.distance = 0\n      this.angle = 0\n      this.brush.update(newPointerPoint)\n      this._hasMoved = true\n    }\n\n    return true\n  }\n}\n\nexport default LazyBrush\n\n","<script>\n\t// @ts-nocheck\n\n\timport { onMount, onDestroy, createEventDispatcher, tick } from \"svelte\";\n\timport { fade } from \"svelte/transition\";\n\timport { LazyBrush } from \"lazy-brush/src\";\n\timport ResizeObserver from \"resize-observer-polyfill\";\n\n\tconst dispatch = createEventDispatcher();\n\n\texport let value;\n\texport let value_img;\n\texport let mode = \"sketch\";\n\texport let brush_color = \"#0b0f19\";\n\texport let brush_radius;\n\texport let source;\n\n\texport let width = 400;\n\texport let height = 200;\n\texport let container_height = 200;\n\texport let shape;\n\n\t$: {\n\t\tif (shape && (width || height)) {\n\t\t\twidth = shape[0];\n\t\t\theight = shape[1];\n\t\t}\n\t}\n\n\tlet mounted;\n\n\tlet catenary_color = \"#aaa\";\n\n\tlet canvas_width = width;\n\tlet canvas_height = height;\n\n\t$: mounted && !value && clear();\n\n\tlet last_value_img;\n\n\t$: {\n\t\tif (mounted && value_img !== last_value_img) {\n\t\t\tlast_value_img = value_img;\n\n\t\t\tclear();\n\n\t\t\tsetTimeout(() => {\n\t\t\t\tif (source === \"webcam\") {\n\t\t\t\t\tctx.temp.save();\n\t\t\t\t\tctx.temp.translate(width, 0);\n\t\t\t\t\tctx.temp.scale(-1, 1);\n\t\t\t\t\tctx.temp.drawImage(value_img, 0, 0);\n\t\t\t\t\tctx.temp.restore();\n\t\t\t\t} else {\n\t\t\t\t\tdraw_cropped_image();\n\t\t\t\t}\n\n\t\t\t\tctx.drawing.drawImage(canvas.temp, 0, 0, width, height);\n\n\t\t\t\tdraw_lines({ lines: lines.slice() });\n\t\t\t\ttrigger_on_change();\n\t\t\t}, 50);\n\t\t}\n\t}\n\n\tfunction mid_point(p1, p2) {\n\t\treturn {\n\t\t\tx: p1.x + (p2.x - p1.x) / 2,\n\t\t\ty: p1.y + (p2.y - p1.y) / 2\n\t\t};\n\t}\n\n\tconst canvas_types = [\n\t\t{\n\t\t\tname: \"interface\",\n\t\t\tzIndex: 15\n\t\t},\n\t\t{\n\t\t\tname: \"drawing\",\n\t\t\tzIndex: 11\n\t\t},\n\t\t{\n\t\t\tname: \"temp\",\n\t\t\tzIndex: 12\n\t\t},\n\t\t{\n\t\t\tname: \"mask\",\n\t\t\tzIndex: -1\n\t\t},\n\t\t{\n\t\t\tname: \"temp_fake\",\n\t\t\tzIndex: -2\n\t\t}\n\t];\n\n\tlet canvas = {};\n\tlet ctx = {};\n\tlet points = [];\n\tlet lines = [];\n\tlet mouse_has_moved = true;\n\tlet values_changed = true;\n\tlet is_drawing = false;\n\tlet is_pressing = false;\n\tlet lazy = null;\n\tlet canvas_container = null;\n\tlet canvas_observer = null;\n\tlet line_count = 0;\n\n\tfunction draw_cropped_image() {\n\t\tif (!shape) {\n\t\t\tctx.temp.drawImage(value_img, 0, 0, width, height);\n\t\t\treturn;\n\t\t}\n\n\t\tlet _width = value_img.naturalWidth;\n\t\tlet _height = value_img.naturalHeight;\n\n\t\tconst shape_ratio = shape[0] / shape[1];\n\t\tconst image_ratio = _width / _height;\n\n\t\tlet x = 0;\n\t\tlet y = 0;\n\n\t\tif (shape_ratio < image_ratio) {\n\t\t\t_width = shape[1] * image_ratio;\n\t\t\t_height = shape[1];\n\t\t\tx = (shape[0] - _width) / 2;\n\t\t} else if (shape_ratio > image_ratio) {\n\t\t\t_width = shape[0];\n\t\t\t_height = shape[0] / image_ratio;\n\t\t\ty = (shape[1] - _height) / 2;\n\t\t} else {\n\t\t\tx = 0;\n\t\t\ty = 0;\n\t\t\t_width = shape[0];\n\t\t\t_height = shape[1];\n\t\t}\n\n\t\tctx.temp.drawImage(value_img, x, y, _width, _height);\n\t}\n\n\tonMount(async () => {\n\t\tObject.keys(canvas).forEach((key) => {\n\t\t\tctx[key] = canvas[key].getContext(\"2d\");\n\t\t});\n\n\t\tawait tick();\n\n\t\tif (value_img) {\n\t\t\tvalue_img.addEventListener(\"load\", (_) => {\n\t\t\t\tif (source === \"webcam\") {\n\t\t\t\t\tctx.temp.save();\n\t\t\t\t\tctx.temp.translate(width, 0);\n\t\t\t\t\tctx.temp.scale(-1, 1);\n\t\t\t\t\tctx.temp.drawImage(value_img, 0, 0);\n\t\t\t\t\tctx.temp.restore();\n\t\t\t\t} else {\n\t\t\t\t\tdraw_cropped_image();\n\t\t\t\t}\n\t\t\t\tctx.drawing.drawImage(canvas.temp, 0, 0, width, height);\n\n\t\t\t\ttrigger_on_change();\n\t\t\t});\n\n\t\t\tsetTimeout(() => {\n\t\t\t\tif (source === \"webcam\") {\n\t\t\t\t\tctx.temp.save();\n\t\t\t\t\tctx.temp.translate(width, 0);\n\t\t\t\t\tctx.temp.scale(-1, 1);\n\t\t\t\t\tctx.temp.drawImage(value_img, 0, 0);\n\t\t\t\t\tctx.temp.restore();\n\t\t\t\t} else {\n\t\t\t\t\tdraw_cropped_image();\n\t\t\t\t}\n\n\t\t\t\tctx.drawing.drawImage(canvas.temp, 0, 0, width, height);\n\n\t\t\t\tdraw_lines({ lines: lines.slice() });\n\t\t\t\ttrigger_on_change();\n\t\t\t}, 100);\n\t\t}\n\n\t\tlazy = new LazyBrush({\n\t\t\tradius: brush_radius * 0.05,\n\t\t\tenabled: true,\n\t\t\tinitialPoint: {\n\t\t\t\tx: width / 2,\n\t\t\t\ty: height / 2\n\t\t\t}\n\t\t});\n\n\t\tcanvas_observer = new ResizeObserver((entries, observer, ...rest) => {\n\t\t\thandle_canvas_resize(entries, observer);\n\t\t});\n\t\tcanvas_observer.observe(canvas_container);\n\n\t\tloop();\n\t\tmounted = true;\n\n\t\trequestAnimationFrame(() => {\n\t\t\tinit();\n\t\t\trequestAnimationFrame(() => {\n\t\t\t\tclear();\n\t\t\t});\n\t\t});\n\t});\n\n\tfunction init() {\n\t\tconst initX = width / 2;\n\t\tconst initY = height / 2;\n\t\tlazy.update({ x: initX, y: initY }, { both: true });\n\t\tlazy.update({ x: initX, y: initY }, { both: false });\n\t\tmouse_has_moved = true;\n\t\tvalues_changed = true;\n\t}\n\n\tonDestroy(() => {\n\t\tmounted = false;\n\t\tcanvas_observer.unobserve(canvas_container);\n\t});\n\n\texport function undo() {\n\t\tconst _lines = lines.slice(0, -1);\n\n\t\tclear_canvas();\n\n\t\tif (value_img) {\n\t\t\tif (source === \"webcam\") {\n\t\t\t\tctx.temp.save();\n\t\t\t\tctx.temp.translate(width, 0);\n\t\t\t\tctx.temp.scale(-1, 1);\n\t\t\t\tctx.temp.drawImage(value_img, 0, 0);\n\t\t\t\tctx.temp.restore();\n\t\t\t} else {\n\t\t\t\tdraw_cropped_image();\n\t\t\t}\n\n\t\t\tif (!lines || !lines.length) {\n\t\t\t\tctx.drawing.drawImage(canvas.temp, 0, 0, width, height);\n\t\t\t}\n\t\t}\n\n\t\tdraw_lines({ lines: _lines });\n\t\tline_count = _lines.length;\n\n\t\tif (lines.length) {\n\t\t\tlines = _lines;\n\t\t}\n\n\t\tif (lines.length == 0) {\n\t\t\tdispatch(\"clear\");\n\t\t}\n\t\ttrigger_on_change();\n\t}\n\n\tlet get_save_data = () => {\n\t\treturn JSON.stringify({\n\t\t\tlines: lines,\n\t\t\twidth: canvas_width,\n\t\t\theight: canvas_height\n\t\t});\n\t};\n\n\tlet draw_lines = ({ lines }) => {\n\t\tlines.forEach((line) => {\n\t\t\tconst { points: _points, brush_color, brush_radius } = line;\n\t\t\tdraw_points({\n\t\t\t\tpoints: _points,\n\t\t\t\tbrush_color,\n\t\t\t\tbrush_radius\n\t\t\t});\n\n\t\t\tif (mode === \"mask\") {\n\t\t\t\tdraw_fake_points({\n\t\t\t\t\tpoints: _points,\n\t\t\t\t\tbrush_color,\n\t\t\t\t\tbrush_radius\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tpoints = _points;\n\n\t\t\treturn;\n\t\t});\n\t\tsaveLine({ brush_color, brush_radius });\n\t\tif (mode === \"mask\") {\n\t\t\tsave_mask_line();\n\t\t}\n\t};\n\n\tlet handle_draw_start = (e) => {\n\t\te.preventDefault();\n\t\tis_pressing = true;\n\t\tconst { x, y } = get_pointer_pos(e);\n\t\tif (e.touches && e.touches.length > 0) {\n\t\t\tlazy.update({ x, y }, { both: true });\n\t\t}\n\t\thandle_pointer_move(x, y);\n\t\tline_count += 1;\n\t};\n\n\tlet handle_draw_move = (e) => {\n\t\te.preventDefault();\n\t\tconst { x, y } = get_pointer_pos(e);\n\t\thandle_pointer_move(x, y);\n\t};\n\n\tlet handle_draw_end = (e) => {\n\t\te.preventDefault();\n\t\thandle_draw_move(e);\n\t\tis_drawing = false;\n\t\tis_pressing = false;\n\t\tsaveLine();\n\n\t\tif (mode === \"mask\") {\n\t\t\tsave_mask_line();\n\t\t}\n\t};\n\n\tlet old_width = 0;\n\tlet old_height = 0;\n\tlet old_container_height = 0;\n\tlet add_lr_border = false;\n\n\tlet handle_canvas_resize = async () => {\n\t\tif (shape && canvas_container) {\n\t\t\tconst x = canvas_container?.getBoundingClientRect();\n\t\t\tconst shape_ratio = shape[0] / shape[1];\n\t\t\tconst container_ratio = x.width / x.height;\n\t\t\tadd_lr_border = shape_ratio < container_ratio;\n\t\t}\n\n\t\tif (\n\t\t\twidth === old_width &&\n\t\t\theight === old_height &&\n\t\t\told_container_height === container_height\n\t\t) {\n\t\t\treturn;\n\t\t}\n\t\tconst dimensions = { width: width, height: height };\n\n\t\tconst container_dimensions = {\n\t\t\theight: container_height,\n\t\t\twidth: container_height * (dimensions.width / dimensions.height)\n\t\t};\n\n\t\tawait Promise.all([\n\t\t\tset_canvas_size(canvas.interface, dimensions, container_dimensions),\n\t\t\tset_canvas_size(canvas.drawing, dimensions, container_dimensions),\n\t\t\tset_canvas_size(canvas.temp, dimensions, container_dimensions),\n\t\t\tset_canvas_size(canvas.temp_fake, dimensions, container_dimensions),\n\t\t\tset_canvas_size(canvas.mask, dimensions, container_dimensions, false)\n\t\t]);\n\n\t\tif (!brush_radius) {\n\t\t\tbrush_radius = 20 * (dimensions.width / container_dimensions.width);\n\t\t}\n\n\t\tloop({ once: true });\n\n\t\tsetTimeout(() => {\n\t\t\told_height = height;\n\t\t\told_width = width;\n\t\t\told_container_height = container_height;\n\t\t}, 10);\n\t\tawait tick();\n\n\t\tclear();\n\t};\n\n\t$: {\n\t\tif (lazy) {\n\t\t\tinit();\n\t\t\tlazy.setRadius(brush_radius * 0.05);\n\t\t}\n\t}\n\n\t$: {\n\t\tif (width || height) {\n\t\t\thandle_canvas_resize();\n\t\t}\n\t}\n\n\tlet set_canvas_size = async (canvas, dimensions, container, scale = true) => {\n\t\tif (!mounted) return;\n\t\tawait tick();\n\n\t\tconst dpr = window.devicePixelRatio || 1;\n\t\tcanvas.width = dimensions.width * (scale ? dpr : 1);\n\t\tcanvas.height = dimensions.height * (scale ? dpr : 1);\n\n\t\tconst ctx = canvas.getContext(\"2d\");\n\t\tscale && ctx.scale(dpr, dpr);\n\n\t\tcanvas.style.width = `${container.width}px`;\n\t\tcanvas.style.height = `${container.height}px`;\n\t};\n\n\tlet get_pointer_pos = (e) => {\n\t\tconst rect = canvas.interface.getBoundingClientRect();\n\n\t\tlet clientX = e.clientX;\n\t\tlet clientY = e.clientY;\n\t\tif (e.changedTouches && e.changedTouches.length > 0) {\n\t\t\tclientX = e.changedTouches[0].clientX;\n\t\t\tclientY = e.changedTouches[0].clientY;\n\t\t}\n\n\t\treturn {\n\t\t\tx: ((clientX - rect.left) / rect.width) * width,\n\t\t\ty: ((clientY - rect.top) / rect.height) * height\n\t\t};\n\t};\n\n\tlet handle_pointer_move = (x, y) => {\n\t\tlazy.update({ x: x, y: y });\n\t\tconst is_disabled = !lazy.isEnabled();\n\t\tif ((is_pressing && !is_drawing) || (is_disabled && is_pressing)) {\n\t\t\tis_drawing = true;\n\t\t\tpoints.push(lazy.brush.toObject());\n\t\t}\n\t\tif (is_drawing) {\n\t\t\tpoints.push(lazy.brush.toObject());\n\t\t\tdraw_points({\n\t\t\t\tpoints: points,\n\t\t\t\tbrush_color,\n\t\t\t\tbrush_radius\n\t\t\t});\n\n\t\t\tif (mode === \"mask\") {\n\t\t\t\tdraw_fake_points({\n\t\t\t\t\tpoints: points,\n\t\t\t\t\tbrush_color,\n\t\t\t\t\tbrush_radius\n\t\t\t\t});\n\t\t\t}\n\t\t}\n\t\tmouse_has_moved = true;\n\t};\n\n\tlet draw_points = ({ points, brush_color, brush_radius }) => {\n\t\tif (!points || points.length < 2) return;\n\t\tctx.temp.lineJoin = \"round\";\n\t\tctx.temp.lineCap = \"round\";\n\n\t\tctx.temp.strokeStyle = brush_color;\n\t\tctx.temp.lineWidth = brush_radius;\n\t\tif (!points || points.length < 2) return;\n\t\tlet p1 = points[0];\n\t\tlet p2 = points[1];\n\t\tctx.temp.moveTo(p2.x, p2.y);\n\t\tctx.temp.beginPath();\n\t\tfor (var i = 1, len = points.length; i < len; i++) {\n\t\t\tvar midPoint = mid_point(p1, p2);\n\t\t\tctx.temp.quadraticCurveTo(p1.x, p1.y, midPoint.x, midPoint.y);\n\t\t\tp1 = points[i];\n\t\t\tp2 = points[i + 1];\n\t\t}\n\n\t\tctx.temp.lineTo(p1.x, p1.y);\n\t\tctx.temp.stroke();\n\t};\n\n\tlet draw_fake_points = ({ points, brush_color, brush_radius }) => {\n\t\tif (!points || points.length < 2) return;\n\n\t\tctx.temp_fake.lineJoin = \"round\";\n\t\tctx.temp_fake.lineCap = \"round\";\n\t\tctx.temp_fake.strokeStyle = \"#fff\";\n\t\tctx.temp_fake.lineWidth = brush_radius;\n\t\tlet p1 = points[0];\n\t\tlet p2 = points[1];\n\t\tctx.temp_fake.moveTo(p2.x, p2.y);\n\t\tctx.temp_fake.beginPath();\n\t\tfor (var i = 1, len = points.length; i < len; i++) {\n\t\t\tvar midPoint = mid_point(p1, p2);\n\t\t\tctx.temp_fake.quadraticCurveTo(p1.x, p1.y, midPoint.x, midPoint.y);\n\t\t\tp1 = points[i];\n\t\t\tp2 = points[i + 1];\n\t\t}\n\n\t\tctx.temp_fake.lineTo(p1.x, p1.y);\n\t\tctx.temp_fake.stroke();\n\t};\n\n\tlet save_mask_line = () => {\n\t\tif (points.length < 1) return;\n\t\tpoints.length = 0;\n\t\tctx.mask.drawImage(canvas.temp_fake, 0, 0, width, height);\n\n\t\ttrigger_on_change();\n\t};\n\n\tlet saveLine = () => {\n\t\tif (points.length < 1) return;\n\n\t\tlines.push({\n\t\t\tpoints: points.slice(),\n\t\t\tbrush_color: brush_color,\n\t\t\tbrush_radius\n\t\t});\n\n\t\tif (mode !== \"mask\") {\n\t\t\tpoints.length = 0;\n\t\t}\n\n\t\tctx.drawing.drawImage(canvas.temp, 0, 0, width, height);\n\n\t\ttrigger_on_change();\n\t};\n\n\tlet trigger_on_change = () => {\n\t\tconst x = get_image_data();\n\t\tdispatch(\"change\", x);\n\t};\n\n\texport function clear() {\n\t\tlines = [];\n\t\tclear_canvas();\n\t\tline_count = 0;\n\n\t\treturn true;\n\t}\n\n\tfunction clear_canvas() {\n\t\tvalues_changed = true;\n\t\tctx.temp.clearRect(0, 0, width, height);\n\n\t\tctx.temp.fillStyle = mode === \"mask\" ? \"transparent\" : \"#FFFFFF\";\n\t\tctx.temp.fillRect(0, 0, width, height);\n\n\t\tif (mode === \"mask\") {\n\t\t\tctx.temp_fake.clearRect(\n\t\t\t\t0,\n\t\t\t\t0,\n\t\t\t\tcanvas.temp_fake.width,\n\t\t\t\tcanvas.temp_fake.height\n\t\t\t);\n\t\t\tctx.mask.clearRect(0, 0, width, height);\n\t\t\tctx.mask.fillStyle = \"#000\";\n\t\t\tctx.mask.fillRect(0, 0, width, height);\n\t\t}\n\t}\n\n\tlet loop = ({ once = false } = {}) => {\n\t\tif (mouse_has_moved || values_changed) {\n\t\t\tconst pointer = lazy.getPointerCoordinates();\n\t\t\tconst brush = lazy.getBrushCoordinates();\n\t\t\tdraw_interface(ctx.interface, pointer, brush);\n\t\t\tmouse_has_moved = false;\n\t\t\tvalues_changed = false;\n\t\t}\n\t\tif (!once) {\n\t\t\twindow.requestAnimationFrame(() => {\n\t\t\t\tloop();\n\t\t\t});\n\t\t}\n\t};\n\n\t$: brush_dot = brush_radius * 0.075;\n\n\tlet draw_interface = (ctx, pointer, brush) => {\n\t\tctx.clearRect(0, 0, width, height);\n\n\t\t// brush preview\n\t\tctx.beginPath();\n\t\tctx.fillStyle = brush_color;\n\t\tctx.arc(brush.x, brush.y, brush_radius / 2, 0, Math.PI * 2, true);\n\t\tctx.fill();\n\n\t\t// tiny brush point dot\n\t\tctx.beginPath();\n\t\tctx.fillStyle = catenary_color;\n\t\tctx.arc(brush.x, brush.y, brush_dot, 0, Math.PI * 2, true);\n\t\tctx.fill();\n\t};\n\n\texport function get_image_data() {\n\t\treturn mode === \"mask\"\n\t\t\t? canvas.mask.toDataURL(\"image/jpg\")\n\t\t\t: canvas.drawing.toDataURL(\"image/jpg\");\n\t}\n</script>\n\n<div\n\tclass=\"wrap\"\n\tbind:this={canvas_container}\n\tbind:offsetWidth={canvas_width}\n\tbind:offsetHeight={canvas_height}\n>\n\t{#if line_count === 0}\n\t\t<div transition:fade={{ duration: 50 }} class=\"start-prompt\">\n\t\t\tStart drawing\n\t\t</div>\n\t{/if}\n\t{#each canvas_types as { name, zIndex }}\n\t\t<canvas\n\t\t\tkey={name}\n\t\t\tstyle=\" z-index:{zIndex};\"\n\t\t\tclass:lr={add_lr_border}\n\t\t\tclass:tb={!add_lr_border}\n\t\t\tbind:this={canvas[name]}\n\t\t\ton:mousedown={name === \"interface\" ? handle_draw_start : undefined}\n\t\t\ton:mousemove={name === \"interface\" ? handle_draw_move : undefined}\n\t\t\ton:mouseup={name === \"interface\" ? handle_draw_end : undefined}\n\t\t\ton:mouseout={name === \"interface\" ? handle_draw_end : undefined}\n\t\t\ton:blur={name === \"interface\" ? handle_draw_end : undefined}\n\t\t\ton:touchstart={name === \"interface\" ? handle_draw_start : undefined}\n\t\t\ton:touchmove={name === \"interface\" ? handle_draw_move : undefined}\n\t\t\ton:touchend={name === \"interface\" ? handle_draw_end : undefined}\n\t\t\ton:touchcancel={name === \"interface\" ? handle_draw_end : undefined}\n\t\t\ton:click|stopPropagation\n\t\t/>\n\t{/each}\n</div>\n\n<style>\n\tcanvas {\n\t\tdisplay: block;\n\t\tposition: absolute;\n\t\ttop: 0px;\n\t\tright: 0px;\n\t\tbottom: 0px;\n\t\tleft: 0px;\n\t\tmargin: auto;\n\t}\n\n\t.lr {\n\t\tborder-right: 1px solid var(--color-border-primary);\n\t\tborder-left: 1px solid var(--color-border-primary);\n\t}\n\n\t.tb {\n\t\tborder-top: 1px solid var(--color-border-primary);\n\t\tborder-bottom: 1px solid var(--color-border-primary);\n\t}\n\n\tcanvas:hover {\n\t\tcursor: none;\n\t}\n\n\t.wrap {\n\t\tposition: relative;\n\t\twidth: var(--size-full);\n\t\theight: var(--size-full);\n\t\ttouch-action: none;\n\t}\n\n\t.start-prompt {\n\t\tdisplay: flex;\n\t\tposition: absolute;\n\t\ttop: 0px;\n\t\tright: 0px;\n\t\tbottom: 0px;\n\t\tleft: 0px;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\tz-index: var(--layer-4);\n\t\ttouch-action: none;\n\t\tpointer-events: none;\n\t\tcolor: var(--color-text-subdued);\n\t}\n</style>\n","<script lang=\"ts\">\n\timport { createEventDispatcher } from \"svelte\";\n\timport { IconButton } from \"@gradio/atoms\";\n\timport { Undo, Clear } from \"@gradio/icons\";\n\n\tconst dispatch = createEventDispatcher();\n</script>\n\n<div>\n\t<IconButton Icon={Undo} label=\"Undo\" on:click={() => dispatch(\"undo\")} />\n\t<IconButton\n\t\tIcon={Clear}\n\t\tlabel=\"Clear\"\n\t\ton:click={(event) => {\n\t\t\tdispatch(\"clear\");\n\t\t\tevent.stopPropagation();\n\t\t}}\n\t/>\n</div>\n\n<style>\n\tdiv {\n\t\tdisplay: flex;\n\t\tposition: absolute;\n\t\ttop: var(--size-2);\n\t\tright: var(--size-2);\n\t\tjustify-content: flex-end;\n\t\tgap: var(--size-1);\n\t\tz-index: var(--layer-5);\n\t}\n</style>\n","<script lang=\"ts\">\n\timport { createEventDispatcher } from \"svelte\";\n\timport { IconButton } from \"@gradio/atoms\";\n\timport { Brush, Color } from \"@gradio/icons\";\n\n\tconst dispatch = createEventDispatcher();\n\n\tlet show_size = false;\n\tlet show_col = false;\n\n\texport let brush_radius = 20;\n\texport let brush_color = \"#000\";\n\texport let container_height: number;\n\texport let img_width: number;\n\texport let img_height: number;\n\texport let mode: \"mask\" | \"other\" = \"other\";\n\n\t$: width = container_height * (img_width / img_height);\n</script>\n\n<div class=\"wrap\">\n\t<span class=\"brush\">\n\t\t<IconButton\n\t\t\tIcon={Brush}\n\t\t\tlabel=\"Use brush\"\n\t\t\ton:click={() => (show_size = !show_size)}\n\t\t/>\n\t\t{#if show_size}\n\t\t\t<input\n\t\t\t\taria-label=\"Brush radius\"\n\t\t\t\tbind:value={brush_radius}\n\t\t\t\ttype=\"range\"\n\t\t\t\tmin={0.5 * (img_width / width)}\n\t\t\t\tmax={75 * (img_width / width)}\n\t\t\t/>\n\t\t{/if}\n\t</span>\n\n\t{#if mode !== \"mask\"}\n\t\t<span class=\"col\">\n\t\t\t<IconButton\n\t\t\t\tIcon={Color}\n\t\t\t\tlabel=\"Select brush color\"\n\t\t\t\ton:click={() => (show_col = !show_col)}\n\t\t\t/>\n\t\t\t{#if show_col}\n\t\t\t\t<input aria-label=\"Brush color\" bind:value={brush_color} type=\"color\" />\n\t\t\t{/if}\n\t\t</span>\n\t{/if}\n</div>\n\n<style>\n\t.wrap {\n\t\tdisplay: flex;\n\t\tposition: absolute;\n\t\ttop: var(--size-10);\n\t\tright: var(--size-2);\n\t\tflex-direction: column;\n\t\tjustify-content: flex-end;\n\t\tgap: var(--size-1);\n\t\tz-index: var(--layer-5);\n\t}\n\t.brush {\n\t\ttop: 0;\n\t\tright: 0;\n\t}\n\n\t.brush input {\n\t\tposition: absolute;\n\t\ttop: 3px;\n\t\tright: calc(100% + 5px);\n\t}\n\n\t.col input {\n\t\tposition: absolute;\n\t\tright: calc(100% + 5px);\n\t\tbottom: -4px;\n\t}\n</style>\n","<script lang=\"ts\">\n\t// @ts-nocheck\n\timport { createEventDispatcher, tick, onMount } from \"svelte\";\n\timport { BlockLabel } from \"@gradio/atoms\";\n\timport { Image, Sketch as SketchIcon } from \"@gradio/icons\";\n\n\timport Cropper from \"./Cropper.svelte\";\n\timport Sketch from \"./Sketch.svelte\";\n\timport Webcam from \"./Webcam.svelte\";\n\timport ModifySketch from \"./ModifySketch.svelte\";\n\timport SketchSettings from \"./SketchSettings.svelte\";\n\n\timport { Upload, ModifyUpload } from \"@gradio/upload\";\n\n\texport let value:\n\t\t| null\n\t\t| string\n\t\t| { image: string | null; mask: string | null };\n\texport let label: string | undefined = undefined;\n\texport let show_label: boolean;\n\n\texport let source: \"canvas\" | \"webcam\" | \"upload\" = \"upload\";\n\texport let tool: \"editor\" | \"select\" | \"sketch\" = \"editor\";\n\texport let shape: [number, number];\n\texport let streaming: boolean = false;\n\texport let pending: boolean = false;\n\texport let mirror_webcam: boolean;\n\texport let brush_radius: number;\n\n\tlet sketch: Sketch;\n\tlet cropper: Cropper;\n\n\tif (\n\t\tvalue &&\n\t\t(source === \"upload\" || source === \"webcam\") &&\n\t\ttool === \"sketch\"\n\t) {\n\t\tvalue = { image: value as string, mask: null };\n\t}\n\n\tfunction handle_upload({ detail }: CustomEvent<string>) {\n\t\tif (tool === \"color-sketch\") {\n\t\t\tstatic_image = detail;\n\t\t} else {\n\t\t\tvalue =\n\t\t\t\t(source === \"upload\" || source === \"webcam\") && tool === \"sketch\"\n\t\t\t\t\t? { image: detail, mask: null }\n\t\t\t\t\t: detail;\n\t\t}\n\t\tdispatch(\"upload\", detail);\n\t}\n\n\tfunction handle_clear({ detail }: CustomEvent<null>) {\n\t\tvalue = null;\n\t\tstatic_image = undefined;\n\t\tdispatch(\"clear\");\n\t}\n\n\tasync function handle_save({ detail }: { detail: string }, initial) {\n\t\tif (mode === \"mask\") {\n\t\t\tif (source === \"webcam\" && initial) {\n\t\t\t\tvalue = {\n\t\t\t\t\timage: detail,\n\t\t\t\t\tmask: null\n\t\t\t\t};\n\t\t\t} else {\n\t\t\t\tvalue = {\n\t\t\t\t\timage: typeof value === \"string\" ? value : value?.image || null,\n\t\t\t\t\tmask: detail\n\t\t\t\t};\n\t\t\t}\n\t\t} else if (\n\t\t\t(source === \"upload\" || source === \"webcam\") &&\n\t\t\ttool === \"sketch\"\n\t\t) {\n\t\t\tvalue = { image: detail, mask: null };\n\t\t} else {\n\t\t\tvalue = detail;\n\t\t}\n\n\t\tawait tick();\n\n\t\tdispatch(streaming ? \"stream\" : \"edit\");\n\t}\n\n\tconst dispatch = createEventDispatcher<{\n\t\tchange: string | null;\n\t\tstream: string | null;\n\t\tedit: undefined;\n\t\tclear: undefined;\n\t\tdrag: boolean;\n\t\tupload: FileData;\n\t}>();\n\n\t$: dispatch(\"change\", value as string);\n\n\tlet dragging = false;\n\n\t$: dispatch(\"drag\", dragging);\n\n\tfunction handle_image_load(event: Event) {\n\t\tconst element = event.currentTarget as HTMLImageElement;\n\t\timg_width = element.naturalWidth;\n\t\timg_height = element.naturalHeight;\n\t\tcontainer_height = element.getBoundingClientRect().height;\n\t}\n\n\tasync function handle_sketch_clear() {\n\t\tsketch.clear();\n\t\tawait tick();\n\t\tvalue = null;\n\t\tstatic_image = undefined;\n\t}\n\n\tlet img_height = 0;\n\tlet img_width = 0;\n\tlet container_height = 0;\n\n\tlet mode;\n\n\t$: {\n\t\tif (source === \"canvas\" && tool === \"sketch\") {\n\t\t\tmode = \"bw-sketch\";\n\t\t} else if (tool === \"color-sketch\") {\n\t\t\tmode = \"color-sketch\";\n\t\t} else if (\n\t\t\t(source === \"upload\" || source === \"webcam\") &&\n\t\t\ttool === \"sketch\"\n\t\t) {\n\t\t\tmode = \"mask\";\n\t\t} else {\n\t\t\tmode = \"editor\";\n\t\t}\n\t}\n\n\t$: brush_color = mode == \"mask\" ? \"#000000\" : \"#000\";\n\n\tlet value_img;\n\tlet max_height;\n\tlet max_width;\n\n\tlet static_image = undefined;\n\n\t$: {\n\t\tif (value === null || (value.image === null && value.mask === null)) {\n\t\t\tstatic_image = undefined;\n\t\t}\n\t}\n\n\t$: {\n\t\tif (cropper) {\n\t\t\tif (value) {\n\t\t\t\tcropper.image = value;\n\t\t\t\tcropper.create();\n\t\t\t} else {\n\t\t\t\tcropper.destroy();\n\t\t\t}\n\t\t}\n\t}\n\n\tonMount(async () => {\n\t\tif (tool === \"color-sketch\" && value && typeof value === \"string\") {\n\t\t\tstatic_image = value;\n\t\t\tawait tick();\n\t\t\thandle_image_load({ currentTarget: value_img });\n\t\t}\n\t});\n</script>\n\n<BlockLabel\n\t{show_label}\n\tIcon={source === \"canvas\" ? SketchIcon : Image}\n\tlabel={label || (source === \"canvas\" ? \"Sketch\" : \"Image\")}\n/>\n\n<div\n\tclass:fixed-height={source !== \"webcam\" ||\n\t\ttool === \"sketch\" ||\n\t\ttool === \"color-sketch\"}\n\tdata-testid=\"image\"\n\tbind:offsetHeight={max_height}\n\tbind:offsetWidth={max_width}\n>\n\t{#if source === \"upload\"}\n\t\t<Upload\n\t\t\tbind:dragging\n\t\t\tfiletype=\"image/*\"\n\t\t\ton:load={handle_upload}\n\t\t\tinclude_file_metadata={false}\n\t\t\tdisable_click={!!value}\n\t\t>\n\t\t\t{#if (value === null && !static_image) || streaming}\n\t\t\t\t<slot />\n\t\t\t{:else if tool === \"select\"}\n\t\t\t\t<Cropper bind:this={cropper} image={value} on:crop={handle_save} />\n\t\t\t\t<ModifyUpload on:clear={(e) => (handle_clear(e), (tool = \"editor\"))} />\n\t\t\t{:else if tool === \"editor\"}\n\t\t\t\t<ModifyUpload\n\t\t\t\t\ton:edit={() => (tool = \"select\")}\n\t\t\t\t\ton:clear={handle_clear}\n\t\t\t\t\teditable\n\t\t\t\t/>\n\n\t\t\t\t<img\n\t\t\t\t\tsrc={value}\n\t\t\t\t\talt=\"\"\n\t\t\t\t\tclass:scale-x-[-1]={source === \"webcam\" && mirror_webcam}\n\t\t\t\t/>\n\t\t\t{:else if (tool === \"sketch\" || tool === \"color-sketch\") && (value !== null || static_image)}\n\t\t\t\t{#key static_image}\n\t\t\t\t\t<img\n\t\t\t\t\t\tbind:this={value_img}\n\t\t\t\t\t\tclass=\"absolute-img\"\n\t\t\t\t\t\tsrc={static_image || value?.image || value}\n\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t\ton:load={handle_image_load}\n\t\t\t\t\t\tclass:webcam={source === \"webcam\" && mirror_webcam}\n\t\t\t\t\t/>\n\t\t\t\t{/key}\n\t\t\t\t{#if img_width > 0}\n\t\t\t\t\t<Sketch\n\t\t\t\t\t\t{value}\n\t\t\t\t\t\tbind:this={sketch}\n\t\t\t\t\t\tbind:brush_radius\n\t\t\t\t\t\tbind:brush_color\n\t\t\t\t\t\ton:change={handle_save}\n\t\t\t\t\t\t{mode}\n\t\t\t\t\t\twidth={img_width || max_width}\n\t\t\t\t\t\theight={img_height || max_height}\n\t\t\t\t\t\tcontainer_height={container_height || max_height}\n\t\t\t\t\t\t{value_img}\n\t\t\t\t\t\t{source}\n\t\t\t\t\t\t{shape}\n\t\t\t\t\t/>\n\t\t\t\t\t<ModifySketch\n\t\t\t\t\t\ton:undo={() => sketch.undo()}\n\t\t\t\t\t\ton:clear={handle_sketch_clear}\n\t\t\t\t\t/>\n\t\t\t\t\t{#if tool === \"color-sketch\" || tool === \"sketch\"}\n\t\t\t\t\t\t<SketchSettings\n\t\t\t\t\t\t\tbind:brush_radius\n\t\t\t\t\t\t\tbind:brush_color\n\t\t\t\t\t\t\tcontainer_height={container_height || max_height}\n\t\t\t\t\t\t\timg_width={img_width || max_width}\n\t\t\t\t\t\t\timg_height={img_height || max_height}\n\t\t\t\t\t\t\t{mode}\n\t\t\t\t\t\t/>\n\t\t\t\t\t{/if}\n\t\t\t\t{/if}\n\t\t\t{:else}\n\t\t\t\t<img\n\t\t\t\t\tsrc={value.image || value}\n\t\t\t\t\talt=\"hello\"\n\t\t\t\t\tclass:webcam={source === \"webcam\" && mirror_webcam}\n\t\t\t\t/>\n\t\t\t{/if}\n\t\t</Upload>\n\t{:else if source === \"canvas\"}\n\t\t<ModifySketch\n\t\t\ton:undo={() => sketch.undo()}\n\t\t\ton:clear={handle_sketch_clear}\n\t\t/>\n\t\t{#if tool === \"color-sketch\"}\n\t\t\t<SketchSettings\n\t\t\t\tbind:brush_radius\n\t\t\t\tbind:brush_color\n\t\t\t\tcontainer_height={container_height || max_height}\n\t\t\t\timg_width={img_width || max_width}\n\t\t\t\timg_height={img_height || max_height}\n\t\t\t/>\n\t\t{/if}\n\t\t<Sketch\n\t\t\t{value}\n\t\t\tbind:brush_radius\n\t\t\tbind:brush_color\n\t\t\tbind:this={sketch}\n\t\t\ton:change={handle_save}\n\t\t\ton:clear={handle_sketch_clear}\n\t\t\t{mode}\n\t\t\twidth={img_width || max_width}\n\t\t\theight={img_height || max_height}\n\t\t\tcontainer_height={container_height || max_height}\n\t\t\t{shape}\n\t\t/>\n\t{:else if (value === null && !static_image) || streaming}\n\t\t{#if source === \"webcam\" && !static_image}\n\t\t\t<Webcam\n\t\t\t\ton:capture={(e) =>\n\t\t\t\t\ttool === \"color-sketch\" ? handle_upload(e) : handle_save(e, true)}\n\t\t\t\ton:stream={handle_save}\n\t\t\t\ton:error\n\t\t\t\t{streaming}\n\t\t\t\t{pending}\n\t\t\t\t{mirror_webcam}\n\t\t\t/>\n\t\t{/if}\n\t{:else if tool === \"select\"}\n\t\t<Cropper bind:this={cropper} image={value} on:crop={handle_save} />\n\t\t<ModifyUpload on:clear={(e) => (handle_clear(e), (tool = \"editor\"))} />\n\t{:else if tool === \"editor\"}\n\t\t<ModifyUpload\n\t\t\ton:edit={() => (tool = \"select\")}\n\t\t\ton:clear={handle_clear}\n\t\t\teditable\n\t\t/>\n\n\t\t<img\n\t\t\tsrc={value}\n\t\t\talt=\"\"\n\t\t\tclass:webcam={source === \"webcam\" && mirror_webcam}\n\t\t/>\n\t{:else if (tool === \"sketch\" || tool === \"color-sketch\") && (value !== null || static_image)}\n\t\t{#key static_image}\n\t\t\t<img\n\t\t\t\tbind:this={value_img}\n\t\t\t\tclass=\"absolute-img\"\n\t\t\t\tsrc={static_image || value?.image || value}\n\t\t\t\talt=\"\"\n\t\t\t\ton:load={handle_image_load}\n\t\t\t\tclass:webcam={source === \"webcam\" && mirror_webcam}\n\t\t\t/>\n\t\t{/key}\n\t\t{#if img_width > 0}\n\t\t\t<Sketch\n\t\t\t\t{value}\n\t\t\t\tbind:this={sketch}\n\t\t\t\tbind:brush_radius\n\t\t\t\tbind:brush_color\n\t\t\t\ton:change={handle_save}\n\t\t\t\t{mode}\n\t\t\t\twidth={img_width || max_width}\n\t\t\t\theight={img_height || max_height}\n\t\t\t\tcontainer_height={container_height || max_height}\n\t\t\t\t{value_img}\n\t\t\t\t{source}\n\t\t\t/>\n\t\t\t<ModifySketch\n\t\t\t\ton:undo={() => sketch.undo()}\n\t\t\t\ton:clear={handle_sketch_clear}\n\t\t\t/>\n\t\t\t{#if tool === \"color-sketch\" || tool === \"sketch\"}\n\t\t\t\t<SketchSettings\n\t\t\t\t\tbind:brush_radius\n\t\t\t\t\tbind:brush_color\n\t\t\t\t\tcontainer_height={container_height || max_height}\n\t\t\t\t\timg_width={img_width || max_width}\n\t\t\t\t\timg_height={img_height || max_height}\n\t\t\t\t\t{mode}\n\t\t\t\t/>\n\t\t\t{/if}\n\t\t{/if}\n\t{:else}\n\t\t<img\n\t\t\tsrc={value.image || value}\n\t\t\talt=\"\"\n\t\t\tclass:webcam={source === \"webcam\" && mirror_webcam}\n\t\t/>\n\t{/if}\n</div>\n\n<style>\n\t.fixed-height {\n\t\theight: var(--size-60);\n\t}\n\n\timg {\n\t\twidth: var(--size-full);\n\t\theight: var(--size-full);\n\t\tobject-fit: contain;\n\t}\n\n\t.absolute-img {\n\t\tposition: absolute;\n\t\topacity: 0;\n\t}\n\n\t.webcam {\n\t\ttransform: scaleX(-1);\n\t}\n</style>\n","<script lang=\"ts\">\n\timport { createEventDispatcher } from \"svelte\";\n\timport { BlockLabel, Empty, IconButton } from \"@gradio/atoms\";\n\timport { Download } from \"@gradio/icons\";\n\n\timport { Image } from \"@gradio/icons\";\n\n\texport let value: null | string;\n\texport let label: string | undefined = undefined;\n\texport let show_label: boolean;\n\n\tconst dispatch = createEventDispatcher<{\n\t\tchange: string;\n\t}>();\n\n\t$: value && dispatch(\"change\", value);\n</script>\n\n<BlockLabel {show_label} Icon={Image} label={label || \"Image\"} />\n{#if value === null}\n\t<Empty size=\"large\" unpadded_box={true}><Image /></Empty>\n{:else}\n\t<div class=\"download\">\n\t\t<a\n\t\t\thref={value}\n\t\t\ttarget={window.__is_colab__ ? \"_blank\" : null}\n\t\t\tdownload={\"image\"}\n\t\t>\n\t\t\t<IconButton Icon={Download} label=\"Download\" />\n\t\t</a>\n\t</div>\n\t<img src={value} alt=\"\" />\n{/if}\n\n<style>\n\timg {\n\t\twidth: var(--size-full);\n\t\theight: var(--size-full);\n\t\tobject-fit: contain;\n\t}\n\n\t.download {\n\t\tposition: absolute;\n\t\ttop: 6px;\n\t\tright: 6px;\n\t}\n</style>\n","<script lang=\"ts\">\n\timport { createEventDispatcher } from \"svelte\";\n\timport { Image, StaticImage } from \"@gradio/image\";\n\timport { Block } from \"@gradio/atoms\";\n\timport { _ } from \"svelte-i18n\";\n\timport { Component as StatusTracker } from \"../StatusTracker/\";\n\timport type { LoadingStatus } from \"../StatusTracker/types\";\n\timport type { Styles } from \"@gradio/utils\";\n\timport UploadText from \"../UploadText.svelte\";\n\n\texport let elem_id: string = \"\";\n\texport let visible: boolean = true;\n\texport let value: null | string = null;\n\texport let source: \"canvas\" | \"webcam\" | \"upload\" = \"upload\";\n\texport let tool: \"editor\" | \"select\" = \"editor\";\n\texport let label: string;\n\texport let show_label: boolean;\n\texport let streaming: boolean;\n\texport let pending: boolean;\n\texport let style: Styles = {};\n\texport let mirror_webcam: boolean;\n\texport let shape: [number, number];\n\texport let brush_radius: number;\n\n\texport let loading_status: LoadingStatus;\n\n\texport let mode: \"static\" | \"dynamic\";\n\n\tconst dispatch = createEventDispatcher<{ change: undefined }>();\n\n\t$: value, dispatch(\"change\");\n\tlet dragging: boolean;\n\n\t$: value = !value ? null : value;\n</script>\n\n<Block\n\t{visible}\n\tvariant={mode === \"dynamic\" && value === null && source === \"upload\"\n\t\t? \"dashed\"\n\t\t: \"solid\"}\n\tcolor={dragging ? \"green\" : \"grey\"}\n\tpadding={false}\n\t{elem_id}\n\tstyle={{ height: style.height, width: style.width }}\n\tallow_overflow={false}\n>\n\t<StatusTracker {...loading_status} />\n\t{#if mode === \"static\"}\n\t\t<StaticImage {value} {label} {show_label} />\n\t{:else}\n\t\t<Image\n\t\t\t{brush_radius}\n\t\t\t{shape}\n\t\t\tbind:value\n\t\t\t{source}\n\t\t\t{tool}\n\t\t\ton:edit\n\t\t\ton:clear\n\t\t\ton:change\n\t\t\ton:stream\n\t\t\ton:drag={({ detail }) => (dragging = detail)}\n\t\t\ton:upload\n\t\t\ton:error={({ detail }) => {\n\t\t\t\tloading_status = loading_status || {};\n\t\t\t\tloading_status.status = \"error\";\n\t\t\t\tloading_status.message = detail;\n\t\t\t}}\n\t\t\t{label}\n\t\t\t{show_label}\n\t\t\t{pending}\n\t\t\t{streaming}\n\t\t\t{mirror_webcam}\n\t\t>\n\t\t\t<UploadText type=\"image\" />\n\t\t</Image>\n\t{/if}\n</Block>\n","export { default as Component } from \"./Image.svelte\";\nexport { default as ExampleComponent } from \"../Dataset/ExampleComponents/Image.svelte\";\nexport const modes = [\"static\", \"dynamic\"];\n\nexport const document = (config: Record<string, any>) => ({\n\ttype: {\n\t\tpayload: \"string\"\n\t},\n\tdescription: {\n\t\tpayload: \"image data as base64 string\"\n\t},\n\texample_data:\n\t\t\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAACklEQVR4nGMAAQAABQABDQottAAAAABJRU5ErkJggg==\"\n});\n"],"names":["ResizeObserver","SketchIcon"],"mappings":"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"}