cropper_rails 1.1.5 → 1.2.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.
@@ -1,11 +1,11 @@
1
1
  /*!
2
- * Cropper.js v1.5.12
2
+ * Cropper.js v1.6.0
3
3
  * https://fengyuanchen.github.io/cropperjs
4
4
  *
5
5
  * Copyright 2015-present Chen Fengyuan
6
6
  * Released under the MIT license
7
7
  *
8
- * Date: 2021-06-12T08:00:11.623Z
8
+ * Date: 2023-08-26T08:14:25.104Z
9
9
  */
10
10
 
11
11
  .cropper-container {
@@ -14,23 +14,24 @@
14
14
  line-height: 0;
15
15
  position: relative;
16
16
  -ms-touch-action: none;
17
- touch-action: none;
17
+ touch-action: none;
18
18
  -webkit-user-select: none;
19
- -moz-user-select: none;
20
- -ms-user-select: none;
21
- user-select: none;
19
+ -moz-user-select: none;
20
+ -ms-user-select: none;
21
+ user-select: none;
22
22
  }
23
23
 
24
24
  .cropper-container img {
25
- display: block;
26
- height: 100%;
27
- image-orientation: 0deg;
28
- max-height: none !important;
29
- max-width: none !important;
30
- min-height: 0 !important;
31
- min-width: 0 !important;
32
- width: 100%;
33
- }
25
+ backface-visibility: hidden;
26
+ display: block;
27
+ height: 100%;
28
+ image-orientation: 0deg;
29
+ max-height: none !important;
30
+ max-width: none !important;
31
+ min-height: 0 !important;
32
+ min-width: 0 !important;
33
+ width: 100%;
34
+ }
34
35
 
35
36
  .cropper-wrap-box,
36
37
  .cropper-canvas,
@@ -63,7 +64,7 @@
63
64
  display: block;
64
65
  height: 100%;
65
66
  outline: 1px solid #39f;
66
- outline-color: rgba(51, 153, 255, 0.75);
67
+ outline-color: rgba(51, 153, 255, 75%);
67
68
  overflow: hidden;
68
69
  width: 100%;
69
70
  }
@@ -76,22 +77,22 @@
76
77
  }
77
78
 
78
79
  .cropper-dashed.dashed-h {
79
- border-bottom-width: 1px;
80
- border-top-width: 1px;
81
- height: calc(100% / 3);
82
- left: 0;
83
- top: calc(100% / 3);
84
- width: 100%;
85
- }
80
+ border-bottom-width: 1px;
81
+ border-top-width: 1px;
82
+ height: calc(100% / 3);
83
+ left: 0;
84
+ top: calc(100% / 3);
85
+ width: 100%;
86
+ }
86
87
 
87
88
  .cropper-dashed.dashed-v {
88
- border-left-width: 1px;
89
- border-right-width: 1px;
90
- height: 100%;
91
- left: calc(100% / 3);
92
- top: 0;
93
- width: calc(100% / 3);
94
- }
89
+ border-left-width: 1px;
90
+ border-right-width: 1px;
91
+ height: 100%;
92
+ left: calc(100% / 3);
93
+ top: 0;
94
+ width: calc(100% / 3);
95
+ }
95
96
 
96
97
  .cropper-center {
97
98
  display: block;
@@ -104,26 +105,26 @@
104
105
  }
105
106
 
106
107
  .cropper-center::before,
107
- .cropper-center::after {
108
- background-color: #eee;
109
- content: ' ';
110
- display: block;
111
- position: absolute;
112
- }
108
+ .cropper-center::after {
109
+ background-color: #eee;
110
+ content: " ";
111
+ display: block;
112
+ position: absolute;
113
+ }
113
114
 
114
115
  .cropper-center::before {
115
- height: 1px;
116
- left: -3px;
117
- top: 0;
118
- width: 7px;
119
- }
116
+ height: 1px;
117
+ left: -3px;
118
+ top: 0;
119
+ width: 7px;
120
+ }
120
121
 
121
122
  .cropper-center::after {
122
- height: 7px;
123
- left: 0;
124
- top: -3px;
125
- width: 1px;
126
- }
123
+ height: 7px;
124
+ left: 0;
125
+ top: -3px;
126
+ width: 1px;
127
+ }
127
128
 
128
129
  .cropper-face,
129
130
  .cropper-line,
@@ -146,32 +147,32 @@
146
147
  }
147
148
 
148
149
  .cropper-line.line-e {
149
- cursor: ew-resize;
150
- right: -3px;
151
- top: 0;
152
- width: 5px;
153
- }
150
+ cursor: ew-resize;
151
+ right: -3px;
152
+ top: 0;
153
+ width: 5px;
154
+ }
154
155
 
155
156
  .cropper-line.line-n {
156
- cursor: ns-resize;
157
- height: 5px;
158
- left: 0;
159
- top: -3px;
160
- }
157
+ cursor: ns-resize;
158
+ height: 5px;
159
+ left: 0;
160
+ top: -3px;
161
+ }
161
162
 
162
163
  .cropper-line.line-w {
163
- cursor: ew-resize;
164
- left: -3px;
165
- top: 0;
166
- width: 5px;
167
- }
164
+ cursor: ew-resize;
165
+ left: -3px;
166
+ top: 0;
167
+ width: 5px;
168
+ }
168
169
 
169
170
  .cropper-line.line-s {
170
- bottom: -3px;
171
- cursor: ns-resize;
172
- height: 5px;
173
- left: 0;
174
- }
171
+ bottom: -3px;
172
+ cursor: ns-resize;
173
+ height: 5px;
174
+ left: 0;
175
+ }
175
176
 
176
177
  .cropper-point {
177
178
  background-color: #39f;
@@ -181,100 +182,103 @@
181
182
  }
182
183
 
183
184
  .cropper-point.point-e {
184
- cursor: ew-resize;
185
- margin-top: -3px;
186
- right: -3px;
187
- top: 50%;
188
- }
185
+ cursor: ew-resize;
186
+ margin-top: -3px;
187
+ right: -3px;
188
+ top: 50%;
189
+ }
189
190
 
190
191
  .cropper-point.point-n {
191
- cursor: ns-resize;
192
- left: 50%;
193
- margin-left: -3px;
194
- top: -3px;
195
- }
192
+ cursor: ns-resize;
193
+ left: 50%;
194
+ margin-left: -3px;
195
+ top: -3px;
196
+ }
196
197
 
197
198
  .cropper-point.point-w {
198
- cursor: ew-resize;
199
- left: -3px;
200
- margin-top: -3px;
201
- top: 50%;
202
- }
199
+ cursor: ew-resize;
200
+ left: -3px;
201
+ margin-top: -3px;
202
+ top: 50%;
203
+ }
203
204
 
204
205
  .cropper-point.point-s {
205
- bottom: -3px;
206
- cursor: s-resize;
207
- left: 50%;
208
- margin-left: -3px;
209
- }
206
+ bottom: -3px;
207
+ cursor: s-resize;
208
+ left: 50%;
209
+ margin-left: -3px;
210
+ }
210
211
 
211
212
  .cropper-point.point-ne {
212
- cursor: nesw-resize;
213
- right: -3px;
214
- top: -3px;
215
- }
213
+ cursor: nesw-resize;
214
+ right: -3px;
215
+ top: -3px;
216
+ }
216
217
 
217
218
  .cropper-point.point-nw {
218
- cursor: nwse-resize;
219
- left: -3px;
220
- top: -3px;
221
- }
219
+ cursor: nwse-resize;
220
+ left: -3px;
221
+ top: -3px;
222
+ }
222
223
 
223
224
  .cropper-point.point-sw {
224
- bottom: -3px;
225
- cursor: nesw-resize;
226
- left: -3px;
227
- }
225
+ bottom: -3px;
226
+ cursor: nesw-resize;
227
+ left: -3px;
228
+ }
228
229
 
229
230
  .cropper-point.point-se {
230
- bottom: -3px;
231
- cursor: nwse-resize;
232
- height: 20px;
233
- opacity: 1;
234
- right: -3px;
235
- width: 20px;
236
- }
231
+ bottom: -3px;
232
+ cursor: nwse-resize;
233
+ height: 20px;
234
+ opacity: 1;
235
+ right: -3px;
236
+ width: 20px;
237
+ }
237
238
 
238
239
  @media (min-width: 768px) {
239
- .cropper-point.point-se {
240
- height: 15px;
241
- width: 15px;
240
+
241
+ .cropper-point.point-se {
242
+ height: 15px;
243
+ width: 15px;
242
244
  }
243
- }
245
+ }
244
246
 
245
247
  @media (min-width: 992px) {
246
- .cropper-point.point-se {
247
- height: 10px;
248
- width: 10px;
248
+
249
+ .cropper-point.point-se {
250
+ height: 10px;
251
+ width: 10px;
249
252
  }
250
- }
253
+ }
251
254
 
252
255
  @media (min-width: 1200px) {
253
- .cropper-point.point-se {
254
- height: 5px;
255
- opacity: 0.75;
256
- width: 5px;
256
+
257
+ .cropper-point.point-se {
258
+ height: 5px;
259
+ opacity: 0.75;
260
+ width: 5px;
257
261
  }
258
- }
262
+ }
259
263
 
260
264
  .cropper-point.point-se::before {
261
- background-color: #39f;
262
- bottom: -50%;
263
- content: ' ';
264
- display: block;
265
- height: 200%;
266
- opacity: 0;
267
- position: absolute;
268
- right: -50%;
269
- width: 200%;
270
- }
265
+ background-color: #39f;
266
+ bottom: -50%;
267
+ content: " ";
268
+ display: block;
269
+ height: 200%;
270
+ opacity: 0;
271
+ position: absolute;
272
+ right: -50%;
273
+ width: 200%;
274
+ }
271
275
 
272
276
  .cropper-invisible {
273
277
  opacity: 0;
274
278
  }
275
279
 
276
280
  .cropper-bg {
277
- background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC');
281
+ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC");
278
282
  }
279
283
 
280
284
  .cropper-hide {
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: cropper_rails
3
3
  version: !ruby/object:Gem::Version
4
- version: 1.1.5
4
+ version: 1.2.0
5
5
  platform: ruby
6
6
  authors:
7
- - D1ceWard
7
+ - d1ceward
8
8
  autorequire:
9
9
  bindir: exe
10
10
  cert_chain: []
11
- date: 2021-06-21 00:00:00.000000000 Z
11
+ date: 2023-09-03 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jquery-rails
@@ -30,14 +30,14 @@ dependencies:
30
30
  requirements:
31
31
  - - ">="
32
32
  - !ruby/object:Gem::Version
33
- version: 2.2.10
33
+ version: 2.2.33
34
34
  type: :development
35
35
  prerelease: false
36
36
  version_requirements: !ruby/object:Gem::Requirement
37
37
  requirements:
38
38
  - - ">="
39
39
  - !ruby/object:Gem::Version
40
- version: 2.2.10
40
+ version: 2.2.33
41
41
  description: Cropper is a simple image cropping library. This gem integrates Cropper
42
42
  with Rails asset pipeline for ease of use.
43
43
  email:
@@ -54,6 +54,7 @@ files:
54
54
  - Gemfile
55
55
  - LICENSE
56
56
  - README.md
57
+ - SECURITY.md
57
58
  - VERSIONS.md
58
59
  - cropper_rails.gemspec
59
60
  - lib/cropper_rails.rb
@@ -62,7 +63,7 @@ files:
62
63
  - vendor/assets/javascripts/cropper.js
63
64
  - vendor/assets/javascripts/jquery-cropper.js
64
65
  - vendor/assets/stylesheets/cropper.css
65
- homepage: https://github.com/D1ceWard/cropper_rails
66
+ homepage: https://github.com/d1ceward/cropper_rails
66
67
  licenses:
67
68
  - MIT
68
69
  metadata: {}
@@ -81,7 +82,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
81
82
  - !ruby/object:Gem::Version
82
83
  version: '0'
83
84
  requirements: []
84
- rubygems_version: 3.1.6
85
+ rubygems_version: 3.4.10
85
86
  signing_key:
86
87
  specification_version: 4
87
88
  summary: Integrate Cropper library with Rails asset pipeline