@hyper-proto/iv-viewer 3.2.6 → 3.2.8

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 (7) hide show
  1. package/dist/iv-viewer.css +2 -0
  2. package/dist/iv-viewer.es.js +1 -1
  3. package/dist/iv-viewer.js +1 -1
  4. package/dist/iv-viewer.min.css +1 -1
  5. package/lib/iv-viewer.css +2 -0
  6. package/package.json +1 -1
  7. package/src/scss/_iv-viewer.scss +4 -0
package/dist/iv-viewer.css CHANGED
@@ -32,6 +32,8 @@
32
32
  overflow: hidden;
33
33
  text-shadow: 0 0 3px #6d6d6d;
34
34
  transition: all ease 200ms;
35
+ top: max(env(safe-area-inset-top, 0px), 10px);
36
+ filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.9)) drop-shadow(0 0 2px rgba(255, 255, 255, 0.9));
35
37
  }
36
38
  .iv-fullscreen-close:after, .iv-fullscreen-close:before {
37
39
  content: "";
package/dist/iv-viewer.es.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @hyper-proto/iv-viewer - 3.2.6
2
+ * @hyper-proto/iv-viewer - 3.2.8
3
3
  * Author : HyperProto
4
4
  * Copyright (c) 2019, 2026 to HyperProto, released under the MIT license.
5
5
  * git+https://github.com/hyperproto-gh/iv-viewer.git
package/dist/iv-viewer.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @hyper-proto/iv-viewer - 3.2.6
2
+ * @hyper-proto/iv-viewer - 3.2.8
3
3
  * Author : HyperProto
4
4
  * Copyright (c) 2019, 2026 to HyperProto, released under the MIT license.
5
5
  * git+https://github.com/hyperproto-gh/iv-viewer.git
package/dist/iv-viewer.min.css CHANGED
@@ -1 +1 @@
1
- .iv-container{overflow:hidden;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.iv-fullscreen{background:#0d0d0d;display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}.iv-fullscreen-container{height:100%;position:relative;width:100%}.iv-fullscreen-close{cursor:pointer;height:24px;overflow:hidden;padding:10px;position:absolute;right:10px;text-align:center;text-shadow:0 0 3px #6d6d6d;top:10px;transition:all .2s ease;width:24px}.iv-fullscreen-close:after,.iv-fullscreen-close:before{background:#fff;content:"";height:4px;left:50%;position:absolute;top:50%;width:24px}.iv-fullscreen-close:before{transform:translate(-50%,-50%) rotate(45deg)}.iv-fullscreen-close:after{transform:translate(-50%,-50%) rotate(-45deg)}.iv-fullscreen-close:hover{transform:rotate(90deg);transform-origin:50% 50%}.iv-snap-view{background:#000;border:1px solid #aaa;box-sizing:border-box;height:152px;left:20px;opacity:0;position:absolute;top:20px;transition:opacity .4s ease;width:152px;z-index:100}.iv-snap-image-wrap{display:inline-block;left:50%;max-height:150px;max-width:150px;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%)}.iv-snap-image{position:relative;touch-action:none}.iv-snap-handle{border:1px solid #aaa;box-shadow:0 0 0 200px rgba(0,0,0,.5);box-sizing:border-box;cursor:pointer;cursor:grab;position:absolute;transform:translateZ(0)}.iv-snap-handle:active{cursor:grabbing}.iv-zoom-actions{background:rgba(0,0,0,.3);border:1px solid #aaa;border-top:0;box-sizing:content-box;height:20px;left:-1px;position:absolute;top:150px;width:100%}.iv-zoom-actions--has-buttons .iv-zoom-slider{left:24px;right:24px}.iv-zoom-handle{background:#fff;cursor:pointer;cursor:grab;height:20px;position:absolute;width:20px}.iv-zoom-handle:active{cursor:grabbing}.iv-zoom-slider{bottom:0;box-sizing:inherit;left:0;position:absolute;right:0;top:0}.iv-button-zoom,.iv-button-zoom--in,.iv-button-zoom--out{align-items:center;bottom:0;cursor:pointer;display:flex;justify-content:center;position:absolute;top:0;width:24px}.iv-button-zoom--in:after,.iv-button-zoom--in:before,.iv-button-zoom--out:after,.iv-button-zoom--out:before,.iv-button-zoom:after,.iv-button-zoom:before{background:#fff;content:"";height:2px;position:absolute;width:10px}.iv-button-zoom--in{right:0}.iv-button-zoom--in:after{transform:rotate(90deg)}.iv-button-zoom--out{left:0}.iv-image-mode{display:inline-block}.iv-image-view{height:100%;left:0;position:absolute;top:0;width:100%}.iv-image-wrap{display:inline-block}.iv-image-wrap:active{cursor:move}.iv-image{max-height:100%;max-width:100%;touch-action:none}.iv-image,.iv-loader{position:absolute;transform:translateZ(0)}.iv-loader{animation:loading-icon 1.1s linear infinite;border:1.1em solid rgba(0,0,0,.2);border-left-color:#fff;border-radius:50%;font-size:5px;height:32px;left:50%;margin-left:-16px;margin-top:-16px;text-indent:-9999em;top:50%;width:32px;z-index:100}.iv-loader:after{border-radius:50%;height:10em;width:10em}@keyframes loading-icon{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media screen and (max-width:767px){.iv-snap-view{visibility:hidden;z-index:-1}}
1
+ .iv-container{overflow:hidden;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.iv-fullscreen{background:#0d0d0d;display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}.iv-fullscreen-container{height:100%;position:relative;width:100%}.iv-fullscreen-close{cursor:pointer;filter:drop-shadow(0 0 2px rgba(0,0,0,.9)) drop-shadow(0 0 2px rgba(255,255,255,.9));height:24px;overflow:hidden;padding:10px;position:absolute;right:10px;text-align:center;text-shadow:0 0 3px #6d6d6d;top:10px;top:max(env(safe-area-inset-top,0px),10px);transition:all .2s ease;width:24px}.iv-fullscreen-close:after,.iv-fullscreen-close:before{background:#fff;content:"";height:4px;left:50%;position:absolute;top:50%;width:24px}.iv-fullscreen-close:before{transform:translate(-50%,-50%) rotate(45deg)}.iv-fullscreen-close:after{transform:translate(-50%,-50%) rotate(-45deg)}.iv-fullscreen-close:hover{transform:rotate(90deg);transform-origin:50% 50%}.iv-snap-view{background:#000;border:1px solid #aaa;box-sizing:border-box;height:152px;left:20px;opacity:0;position:absolute;top:20px;transition:opacity .4s ease;width:152px;z-index:100}.iv-snap-image-wrap{display:inline-block;left:50%;max-height:150px;max-width:150px;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%)}.iv-snap-image{position:relative;touch-action:none}.iv-snap-handle{border:1px solid #aaa;box-shadow:0 0 0 200px rgba(0,0,0,.5);box-sizing:border-box;cursor:pointer;cursor:grab;position:absolute;transform:translateZ(0)}.iv-snap-handle:active{cursor:grabbing}.iv-zoom-actions{background:rgba(0,0,0,.3);border:1px solid #aaa;border-top:0;box-sizing:content-box;height:20px;left:-1px;position:absolute;top:150px;width:100%}.iv-zoom-actions--has-buttons .iv-zoom-slider{left:24px;right:24px}.iv-zoom-handle{background:#fff;cursor:pointer;cursor:grab;height:20px;position:absolute;width:20px}.iv-zoom-handle:active{cursor:grabbing}.iv-zoom-slider{bottom:0;box-sizing:inherit;left:0;position:absolute;right:0;top:0}.iv-button-zoom,.iv-button-zoom--in,.iv-button-zoom--out{align-items:center;bottom:0;cursor:pointer;display:flex;justify-content:center;position:absolute;top:0;width:24px}.iv-button-zoom--in:after,.iv-button-zoom--in:before,.iv-button-zoom--out:after,.iv-button-zoom--out:before,.iv-button-zoom:after,.iv-button-zoom:before{background:#fff;content:"";height:2px;position:absolute;width:10px}.iv-button-zoom--in{right:0}.iv-button-zoom--in:after{transform:rotate(90deg)}.iv-button-zoom--out{left:0}.iv-image-mode{display:inline-block}.iv-image-view{height:100%;left:0;position:absolute;top:0;width:100%}.iv-image-wrap{display:inline-block}.iv-image-wrap:active{cursor:move}.iv-image{max-height:100%;max-width:100%;touch-action:none}.iv-image,.iv-loader{position:absolute;transform:translateZ(0)}.iv-loader{animation:loading-icon 1.1s linear infinite;border:1.1em solid rgba(0,0,0,.2);border-left-color:#fff;border-radius:50%;font-size:5px;height:32px;left:50%;margin-left:-16px;margin-top:-16px;text-indent:-9999em;top:50%;width:32px;z-index:100}.iv-loader:after{border-radius:50%;height:10em;width:10em}@keyframes loading-icon{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media screen and (max-width:767px){.iv-snap-view{visibility:hidden;z-index:-1}}
package/lib/iv-viewer.css CHANGED
@@ -32,6 +32,8 @@
32
32
  overflow: hidden;
33
33
  text-shadow: 0 0 3px #6d6d6d;
34
34
  transition: all ease 200ms;
35
+ top: max(env(safe-area-inset-top, 0px), 10px);
36
+ filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.9)) drop-shadow(0 0 2px rgba(255, 255, 255, 0.9));
35
37
  }
36
38
  .iv-fullscreen-close:after, .iv-fullscreen-close:before {
37
39
  content: "";
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@hyper-proto/iv-viewer",
3
3
  "author": "HyperProto",
4
- "version": "3.2.6",
4
+ "version": "3.2.8",
5
5
  "description": "A zooming and panning plugin inspired by google photos for your web images.",
6
6
  "main": "lib/index.js",
7
7
  "types": "iv-viewer.d.ts",
package/src/scss/_iv-viewer.scss CHANGED
@@ -36,6 +36,10 @@
36
36
  overflow: hidden;
37
37
  text-shadow: $iv-fullscreen-close-text-shadow;
38
38
  transition: all ease 200ms;
39
+ top: max(env(safe-area-inset-top, 0px), 10px);
40
+
41
+ filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.9))
42
+ drop-shadow(0 0 2px rgba(255, 255, 255, 0.9));
39
43
 
40
44
  &:after,
41
45
  &:before {