@gradio/imageeditor 0.18.1 → 0.18.2-dev.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (42) hide show
  1. package/CHANGELOG.md +35 -0
  2. package/Index.svelte +123 -162
  3. package/InteractiveImageEditor.svelte +1 -0
  4. package/dist/Example.svelte +7 -4
  5. package/dist/Example.svelte.d.ts +20 -18
  6. package/dist/Index.svelte +153 -139
  7. package/dist/Index.svelte.d.ts +18 -210
  8. package/dist/InteractiveImageEditor.svelte +205 -148
  9. package/dist/InteractiveImageEditor.svelte.d.ts +55 -51
  10. package/dist/shared/Anchor.svelte +210 -136
  11. package/dist/shared/Anchor.svelte.d.ts +18 -16
  12. package/dist/shared/Controls.svelte +55 -36
  13. package/dist/shared/Controls.svelte.d.ts +35 -33
  14. package/dist/shared/IconButton.svelte +19 -17
  15. package/dist/shared/IconButton.svelte.d.ts +34 -32
  16. package/dist/shared/ImageEditor.svelte +673 -466
  17. package/dist/shared/ImageEditor.svelte.d.ts +4 -79
  18. package/dist/shared/Layers.svelte +52 -30
  19. package/dist/shared/Layers.svelte.d.ts +39 -36
  20. package/dist/shared/Resize.svelte +42 -21
  21. package/dist/shared/Resize.svelte.d.ts +29 -27
  22. package/dist/shared/SecondaryToolbar.svelte +17 -5
  23. package/dist/shared/SecondaryToolbar.svelte.d.ts +38 -36
  24. package/dist/shared/Toolbar.svelte +123 -69
  25. package/dist/shared/Toolbar.svelte.d.ts +40 -38
  26. package/dist/shared/brush/BrushOptions.svelte +119 -84
  27. package/dist/shared/brush/BrushOptions.svelte.d.ts +29 -27
  28. package/dist/shared/brush/BrushSize.svelte +12 -7
  29. package/dist/shared/brush/BrushSize.svelte.d.ts +23 -20
  30. package/dist/shared/brush/ColorField.svelte +49 -33
  31. package/dist/shared/brush/ColorField.svelte.d.ts +23 -21
  32. package/dist/shared/brush/ColorPicker.svelte +152 -108
  33. package/dist/shared/brush/ColorPicker.svelte.d.ts +19 -17
  34. package/dist/shared/brush/ColorSwatch.svelte +78 -46
  35. package/dist/shared/brush/ColorSwatch.svelte.d.ts +34 -32
  36. package/dist/types.d.ts +40 -0
  37. package/dist/types.js +25 -0
  38. package/package.json +12 -12
  39. package/shared/ImageEditor.svelte +1 -3
  40. package/shared/brush/BrushOptions.svelte +1 -1
  41. package/shared/brush/ColorPicker.svelte +2 -1
  42. package/types.ts +74 -0
@@ -247,7 +247,8 @@
247
247
  position: relative;
248
248
  --hue: white;
249
249
 
250
- background: linear-gradient(rgba(0, 0, 0, 0), #000),
250
+ background:
251
+ linear-gradient(rgba(0, 0, 0, 0), #000),
251
252
  linear-gradient(90deg, #fff, hsl(var(--hue), 100%, 50%));
252
253
  width: 100%;
253
254
  height: 150px;
package/types.ts ADDED
@@ -0,0 +1,74 @@
1
+ import type { SelectData, ShareData } from "@gradio/utils";
2
+ import type { LoadingStatus } from "@gradio/statustracker";
3
+ import type { CommandNode } from "./shared/core/commands";
4
+ import type {
5
+ LayerOptions,
6
+ Source,
7
+ Transform,
8
+ WebcamOptions
9
+ } from "./shared/types";
10
+ import type { Brush, Eraser } from "./shared/brush/types";
11
+ import type { EditorData } from "./InteractiveImageEditor.svelte";
12
+ import type { ImageBlobs } from "./shared/types";
13
+
14
+ export interface ImageEditorEvents {
15
+ change: never;
16
+ error: string;
17
+ input: never;
18
+ edit: never;
19
+ drag: never;
20
+ apply: never;
21
+ upload: never;
22
+ clear: never;
23
+ select: SelectData;
24
+ share: ShareData;
25
+ clear_status: LoadingStatus;
26
+ }
27
+
28
+ export interface ImageEditorProps {
29
+ border_region?: number;
30
+ webcam_options?: WebcamOptions;
31
+ value?: EditorData | null;
32
+ buttons?: string[] | null;
33
+ height?: number;
34
+ width?: number;
35
+ _selectable?: boolean;
36
+ sources?: Source[];
37
+ placeholder?: string | undefined;
38
+ brush?: Brush;
39
+ eraser?: Eraser;
40
+ transforms?: Transform[];
41
+ layers?: LayerOptions;
42
+ server?: {
43
+ accept_blobs: (a: any) => void;
44
+ };
45
+ canvas_size?: [number, number];
46
+ fixed_canvas?: boolean;
47
+ full_history?: CommandNode | null;
48
+ }
49
+
50
+ // export let border_region = 0;
51
+ // export let webcam_options: WebcamOptions;
52
+ // export let value: EditorData | null = {
53
+ // background: null,
54
+ // layers: [],
55
+ // composite: null,
56
+ // };
57
+ // export let buttons: string[] | null = null;
58
+ // export let height = 350;
59
+ // export let width: number | undefined;
60
+
61
+ // export let _selectable = false;
62
+ // export let sources: Source[] = [];
63
+ // export let placeholder: string | undefined;
64
+ // export let brush: Brush;
65
+ // export let eraser: Eraser;
66
+ // export let transforms: Transform[] = [];
67
+ // export let layers: LayerOptions;
68
+ // export let attached_events: string[] = [];
69
+ // export let server: {
70
+ // accept_blobs: (a: any) => void;
71
+ // };
72
+ // export let canvas_size: [number, number];
73
+ // export let fixed_canvas = false;
74
+ // export let full_history: CommandNode | null = null;