@gradio/image 0.21.6 → 0.22.0

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.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,34 @@
1
1
  # @gradio/image
2
2
 
3
+ ## 0.22.0
4
+
5
+ ### Features
6
+
7
+ - [#10635](https://github.com/gradio-app/gradio/pull/10635) [`2f68c9d`](https://github.com/gradio-app/gradio/commit/2f68c9d988dcbc53a0b8e53bdb1de49c9c8c65d8) - Refactor and redesign `ImageEditor` component. Thanks @pngwn!
8
+
9
+ ### Dependency updates
10
+
11
+ - @gradio/statustracker@0.10.7
12
+ - @gradio/atoms@0.15.0
13
+ - @gradio/icons@0.11.0
14
+ - @gradio/upload@0.16.0
15
+
16
+ ## 0.21.7
17
+
18
+ ### Features
19
+
20
+ - [#10847](https://github.com/gradio-app/gradio/pull/10847) [`d5fde7c`](https://github.com/gradio-app/gradio/commit/d5fde7c390004ce5394072100b059f545d2d4eae) - Babylon update for model3D. Thanks @CedricGuillemet!
21
+
22
+ ### Fixes
23
+
24
+ - [#10901](https://github.com/gradio-app/gradio/pull/10901) [`64a6ead`](https://github.com/gradio-app/gradio/commit/64a6ead05c99cfd5787e7f112838f2be83082a69) - Fix EventData scaling when `gr.Image` is in fullscreen mode. Thanks @tiago-gsantos!
25
+
26
+ ### Dependency updates
27
+
28
+ - @gradio/wasm@0.18.1
29
+ - @gradio/client@1.14.1
30
+ - @gradio/upload@0.15.7
31
+
3
32
  ## 0.21.6
4
33
 
5
34
  ### Dependency updates
@@ -91,13 +91,6 @@ let image_container;
91
91
  justify-content: center;
92
92
  }
93
93
 
94
- .image-frame {
95
- width: auto;
96
- height: 100%;
97
- display: flex;
98
- align-items: center;
99
- justify-content: center;
100
- }
101
94
  .image-frame :global(img) {
102
95
  width: var(--size-full);
103
96
  height: var(--size-full);
@@ -192,12 +192,6 @@ let image_container;
192
192
  object-fit: scale-down;
193
193
  }
194
194
 
195
- .image-frame {
196
- object-fit: cover;
197
- width: 100%;
198
- height: 100%;
199
- }
200
-
201
195
  .upload-container {
202
196
  display: flex;
203
197
  align-items: center;
@@ -339,7 +339,7 @@ onDestroy(() => {
339
339
  video {
340
340
  width: var(--size-full);
341
341
  height: var(--size-full);
342
- object-fit: cover;
342
+ object-fit: contain;
343
343
  }
344
344
 
345
345
  .button-wrap {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gradio/image",
3
- "version": "0.21.6",
3
+ "version": "0.22.0",
4
4
  "description": "Gradio UI packages",
5
5
  "type": "module",
6
6
  "author": "",
@@ -10,13 +10,13 @@
10
10
  "cropperjs": "^1.5.12",
11
11
  "lazy-brush": "^1.0.1",
12
12
  "resize-observer-polyfill": "^1.5.1",
13
- "@gradio/client": "^1.14.0",
14
- "@gradio/atoms": "^0.14.1",
15
- "@gradio/statustracker": "^0.10.6",
16
- "@gradio/upload": "^0.15.6",
17
- "@gradio/icons": "^0.10.0",
13
+ "@gradio/icons": "^0.11.0",
14
+ "@gradio/atoms": "^0.15.0",
15
+ "@gradio/statustracker": "^0.10.7",
16
+ "@gradio/client": "^1.14.1",
18
17
  "@gradio/utils": "^0.10.1",
19
- "@gradio/wasm": "^0.18.0"
18
+ "@gradio/upload": "^0.16.0",
19
+ "@gradio/wasm": "^0.18.1"
20
20
  },
21
21
  "devDependencies": {
22
22
  "@gradio/preview": "^0.13.0"
@@ -103,13 +103,6 @@
103
103
  justify-content: center;
104
104
  }
105
105
 
106
- .image-frame {
107
- width: auto;
108
- height: 100%;
109
- display: flex;
110
- align-items: center;
111
- justify-content: center;
112
- }
113
106
  .image-frame :global(img) {
114
107
  width: var(--size-full);
115
108
  height: var(--size-full);
@@ -225,12 +225,6 @@
225
225
  object-fit: scale-down;
226
226
  }
227
227
 
228
- .image-frame {
229
- object-fit: cover;
230
- width: 100%;
231
- height: 100%;
232
- }
233
-
234
228
  .upload-container {
235
229
  display: flex;
236
230
  align-items: center;
@@ -18,7 +18,6 @@
18
18
  set_available_devices
19
19
  } from "./stream_utils";
20
20
  import type { Base64File } from "./types";
21
- import type { int } from "babylonjs";
22
21
 
23
22
  let video_source: HTMLVideoElement;
24
23
  let available_video_devices: MediaDeviceInfo[] = [];
@@ -398,7 +397,7 @@
398
397
  video {
399
398
  width: var(--size-full);
400
399
  height: var(--size-full);
401
- object-fit: cover;
400
+ object-fit: contain;
402
401
  }
403
402
 
404
403
  .button-wrap {