Use minified versions
This commit is contained in:
parent
ad8eca522f
commit
80e2e6da9e
GPG key ID:
EE3B917931C07B64
9 changed files with 103 additions and 21610 deletions
|
|
@ -1,654 +0,0 @@
|
|||
/*!
|
||||
* Photo Sphere Viewer 4.7.1
|
||||
* @copyright 2014-2015 Jérémy Heleine
|
||||
* @copyright 2015-2022 Damien "Mistic" Sorel
|
||||
* @licence MIT (https://opensource.org/licenses/MIT)
|
||||
*/
|
||||
.psv-container {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
position: relative;
|
||||
background: radial-gradient(#fff 0%, #fdfdfd 16%, #fbfbfb 33%, #f8f8f8 49%, #efefef 66%, #dfdfdf 82%, #bfbfbf 100%);
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.psv-container--fullscreen {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.psv-canvas-container {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 0;
|
||||
-webkit-transition: opacity linear 100ms;
|
||||
transition: opacity linear 100ms;
|
||||
}
|
||||
|
||||
.psv-canvas {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.psv-loader-container {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 80;
|
||||
}
|
||||
|
||||
.psv-loader {
|
||||
position: relative;
|
||||
text-align: center;
|
||||
color: rgba(61, 61, 61, 0.7);
|
||||
width: 150px;
|
||||
height: 150px;
|
||||
border: 10px solid transparent;
|
||||
}
|
||||
.psv-loader::before {
|
||||
content: "";
|
||||
display: inline-block;
|
||||
height: 100%;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.psv-loader, .psv-loader-image, .psv-loader-text {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.psv-loader-canvas {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.psv-loader-text {
|
||||
font: 14px sans-serif;
|
||||
}
|
||||
|
||||
.psv-navbar {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
position: absolute;
|
||||
z-index: 90;
|
||||
bottom: -40px;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
background: rgba(61, 61, 61, 0.5);
|
||||
-webkit-transition: bottom ease-in-out 0.1s;
|
||||
transition: bottom ease-in-out 0.1s;
|
||||
}
|
||||
.psv-navbar--open {
|
||||
bottom: 0;
|
||||
}
|
||||
.psv-navbar, .psv-navbar * {
|
||||
-webkit-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
}
|
||||
|
||||
.psv-caption {
|
||||
-webkit-box-flex: 1;
|
||||
-ms-flex: 1 1 100%;
|
||||
flex: 1 1 100%;
|
||||
color: rgba(255, 255, 255, 0.7);
|
||||
overflow: hidden;
|
||||
text-align: center;
|
||||
}
|
||||
.psv-caption-icon {
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.psv-caption-icon * {
|
||||
fill: rgba(255, 255, 255, 0.7);
|
||||
}
|
||||
.psv-caption-content {
|
||||
display: inline-block;
|
||||
padding: 10px;
|
||||
font: 16px sans-serif;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.psv-button {
|
||||
-webkit-box-flex: 0;
|
||||
-ms-flex: 0 0 auto;
|
||||
flex: 0 0 auto;
|
||||
padding: 10px;
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
background: transparent;
|
||||
color: rgba(255, 255, 255, 0.7);
|
||||
}
|
||||
.psv-button--active {
|
||||
background: rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
.psv-button--disabled {
|
||||
pointer-events: none;
|
||||
opacity: 0.5;
|
||||
}
|
||||
.psv-button-svg {
|
||||
width: 100%;
|
||||
-webkit-transform: scale(1);
|
||||
transform: scale(1);
|
||||
-webkit-transition: -webkit-transform 200ms ease;
|
||||
transition: -webkit-transform 200ms ease;
|
||||
transition: transform 200ms ease;
|
||||
transition: transform 200ms ease, -webkit-transform 200ms ease;
|
||||
}
|
||||
|
||||
.psv-button:not(.psv-button--disabled):focus-visible {
|
||||
outline: 2px dotted currentcolor;
|
||||
outline-offset: -2px;
|
||||
}
|
||||
|
||||
.psv-container:not(.psv--is-touch) .psv-button--hover-scale:not(.psv-button--disabled):hover .psv-button-svg {
|
||||
-webkit-transform: scale(1.2);
|
||||
transform: scale(1.2);
|
||||
}
|
||||
|
||||
.psv-move-button + .psv-move-button {
|
||||
margin-left: -10px;
|
||||
}
|
||||
|
||||
.psv-custom-button {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.psv-autorotate-button.psv-button {
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
padding: 7.5px;
|
||||
}
|
||||
|
||||
.psv-zoom-range.psv-button {
|
||||
width: 80px;
|
||||
height: 1px;
|
||||
margin: 10px 0;
|
||||
padding: 9.5px 0;
|
||||
max-width: 600px;
|
||||
}
|
||||
.psv-zoom-range-line {
|
||||
position: relative;
|
||||
width: 80px;
|
||||
height: 1px;
|
||||
background: rgba(255, 255, 255, 0.7);
|
||||
-webkit-transition: all 0.3s ease;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
.psv-zoom-range-handle {
|
||||
position: absolute;
|
||||
border-radius: 50%;
|
||||
top: -3px;
|
||||
width: 7px;
|
||||
height: 7px;
|
||||
background: rgba(255, 255, 255, 0.7);
|
||||
-webkit-transform: scale(1);
|
||||
transform: scale(1);
|
||||
-webkit-transition: -webkit-transform 0.3s ease;
|
||||
transition: -webkit-transform 0.3s ease;
|
||||
transition: transform 0.3s ease;
|
||||
transition: transform 0.3s ease, -webkit-transform 0.3s ease;
|
||||
}
|
||||
.psv-zoom-range:not(.psv-button--disabled):hover .psv-zoom-range-line {
|
||||
-webkit-box-shadow: 0 0 2px rgba(255, 255, 255, 0.7);
|
||||
box-shadow: 0 0 2px rgba(255, 255, 255, 0.7);
|
||||
}
|
||||
.psv-zoom-range:not(.psv-button--disabled):hover .psv-zoom-range-handle {
|
||||
-webkit-transform: scale(1.3);
|
||||
transform: scale(1.3);
|
||||
}
|
||||
|
||||
.psv-notification {
|
||||
position: absolute;
|
||||
z-index: 100;
|
||||
bottom: -40px;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
padding: 0 2em;
|
||||
opacity: 0;
|
||||
-webkit-transition-property: opacity, bottom;
|
||||
transition-property: opacity, bottom;
|
||||
-webkit-transition-timing-function: ease-in-out;
|
||||
transition-timing-function: ease-in-out;
|
||||
-webkit-transition-duration: 200ms;
|
||||
transition-duration: 200ms;
|
||||
}
|
||||
.psv-notification-content {
|
||||
max-width: 50em;
|
||||
background-color: rgba(61, 61, 61, 0.8);
|
||||
border-radius: 4px;
|
||||
padding: 0.5em 1em;
|
||||
font: 14px sans-serif;
|
||||
color: rgb(255, 255, 255);
|
||||
}
|
||||
.psv-notification--visible {
|
||||
opacity: 100;
|
||||
bottom: 80px;
|
||||
}
|
||||
|
||||
.psv-overlay {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
position: absolute;
|
||||
z-index: 110;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
background: radial-gradient(#fff 0%, #fdfdfd 16%, #fbfbfb 33%, #f8f8f8 49%, #efefef 66%, #dfdfdf 82%, #bfbfbf 100%);
|
||||
color: black;
|
||||
opacity: 0.8;
|
||||
}
|
||||
.psv-overlay-image {
|
||||
margin-bottom: 4vh;
|
||||
}
|
||||
.psv-overlay-image svg {
|
||||
width: 50vw;
|
||||
}
|
||||
@media (orientation: landscape) {
|
||||
.psv-overlay-image svg {
|
||||
width: 25vw;
|
||||
}
|
||||
}
|
||||
.psv-overlay-text {
|
||||
font: 30px sans-serif;
|
||||
text-align: center;
|
||||
}
|
||||
.psv-overlay-subtext {
|
||||
font: 20px sans-serif;
|
||||
opacity: 0.8;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.psv-panel {
|
||||
position: absolute;
|
||||
z-index: 90;
|
||||
right: 0;
|
||||
height: 100%;
|
||||
width: 400px;
|
||||
max-width: calc(100% - 24px);
|
||||
background: rgba(10, 10, 10, 0.7);
|
||||
-webkit-transform: translate3d(100%, 0, 0);
|
||||
transform: translate3d(100%, 0, 0);
|
||||
opacity: 0;
|
||||
-webkit-transition-property: opacity, -webkit-transform;
|
||||
transition-property: opacity, -webkit-transform;
|
||||
transition-property: opacity, transform;
|
||||
transition-property: opacity, transform, -webkit-transform;
|
||||
-webkit-transition-timing-function: ease-in-out;
|
||||
transition-timing-function: ease-in-out;
|
||||
-webkit-transition-duration: 0.1s;
|
||||
transition-duration: 0.1s;
|
||||
cursor: default;
|
||||
margin-left: 9px;
|
||||
}
|
||||
.psv--has-navbar .psv-panel {
|
||||
height: calc(100% - 40px);
|
||||
}
|
||||
.psv-panel-close-button {
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: -24px;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background: rgba(0, 0, 0, 0.9);
|
||||
}
|
||||
.psv-panel-close-button::before, .psv-panel-close-button::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 4px;
|
||||
width: 15px;
|
||||
height: 1px;
|
||||
background-color: #fff;
|
||||
-webkit-transition: 0.2s ease-in-out;
|
||||
transition: 0.2s ease-in-out;
|
||||
-webkit-transition-property: width, left, -webkit-transform;
|
||||
transition-property: width, left, -webkit-transform;
|
||||
transition-property: width, left, transform;
|
||||
transition-property: width, left, transform, -webkit-transform;
|
||||
}
|
||||
.psv-panel-close-button::before {
|
||||
-webkit-transform: rotate(45deg);
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
.psv-panel-close-button::after {
|
||||
-webkit-transform: rotate(-45deg);
|
||||
transform: rotate(-45deg);
|
||||
}
|
||||
.psv-panel-close-button:hover::before, .psv-panel-close-button:hover::after {
|
||||
left: 0;
|
||||
width: 23px;
|
||||
}
|
||||
.psv-panel-close-button:hover::before {
|
||||
-webkit-transform: rotate(135deg);
|
||||
transform: rotate(135deg);
|
||||
}
|
||||
.psv-panel-close-button:hover::after {
|
||||
-webkit-transform: rotate(45deg);
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
.psv-panel-resizer {
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: -9px;
|
||||
width: 9px;
|
||||
height: 100%;
|
||||
background-color: rgba(0, 0, 0, 0.9);
|
||||
cursor: col-resize;
|
||||
}
|
||||
.psv-panel-resizer::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 1px;
|
||||
margin-top: -14.5px;
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
-webkit-box-shadow: 1px 0 #fff, 3px 0px #fff, 5px 0px #fff, 1px 2px #fff, 3px 2px #fff, 5px 2px #fff, 1px 4px #fff, 3px 4px #fff, 5px 4px #fff, 1px 6px #fff, 3px 6px #fff, 5px 6px #fff, 1px 8px #fff, 3px 8px #fff, 5px 8px #fff, 1px 10px #fff, 3px 10px #fff, 5px 10px #fff, 1px 12px #fff, 3px 12px #fff, 5px 12px #fff, 1px 14px #fff, 3px 14px #fff, 5px 14px #fff, 1px 16px #fff, 3px 16px #fff, 5px 16px #fff, 1px 18px #fff, 3px 18px #fff, 5px 18px #fff, 1px 20px #fff, 3px 20px #fff, 5px 20px #fff, 1px 22px #fff, 3px 22px #fff, 5px 22px #fff, 1px 24px #fff, 3px 24px #fff, 5px 24px #fff, 1px 26px #fff, 3px 26px #fff, 5px 26px #fff, 1px 28px #fff, 3px 28px #fff, 5px 28px #fff;
|
||||
box-shadow: 1px 0 #fff, 3px 0px #fff, 5px 0px #fff, 1px 2px #fff, 3px 2px #fff, 5px 2px #fff, 1px 4px #fff, 3px 4px #fff, 5px 4px #fff, 1px 6px #fff, 3px 6px #fff, 5px 6px #fff, 1px 8px #fff, 3px 8px #fff, 5px 8px #fff, 1px 10px #fff, 3px 10px #fff, 5px 10px #fff, 1px 12px #fff, 3px 12px #fff, 5px 12px #fff, 1px 14px #fff, 3px 14px #fff, 5px 14px #fff, 1px 16px #fff, 3px 16px #fff, 5px 16px #fff, 1px 18px #fff, 3px 18px #fff, 5px 18px #fff, 1px 20px #fff, 3px 20px #fff, 5px 20px #fff, 1px 22px #fff, 3px 22px #fff, 5px 22px #fff, 1px 24px #fff, 3px 24px #fff, 5px 24px #fff, 1px 26px #fff, 3px 26px #fff, 5px 26px #fff, 1px 28px #fff, 3px 28px #fff, 5px 28px #fff;
|
||||
background: transparent;
|
||||
}
|
||||
.psv-panel-content {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
color: rgb(220, 220, 220);
|
||||
font: 16px sans-serif;
|
||||
overflow: auto;
|
||||
}
|
||||
.psv-panel-content:not(.psv-panel-content--no-margin) {
|
||||
padding: 1em;
|
||||
}
|
||||
.psv-panel-content--no-interaction {
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
pointer-events: none;
|
||||
}
|
||||
.psv-panel--open {
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
opacity: 1;
|
||||
-webkit-transition-duration: 0.2s;
|
||||
transition-duration: 0.2s;
|
||||
}
|
||||
.psv-panel--open .psv-panel-close-button,
|
||||
.psv-panel--open .psv-panel-resizer {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.psv-panel-menu {
|
||||
height: 100%;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
}
|
||||
.psv-panel-menu-title {
|
||||
-webkit-box-flex: 0;
|
||||
-ms-flex: none;
|
||||
flex: none;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
font: 24px sans-serif;
|
||||
margin: 24px 12px;
|
||||
}
|
||||
.psv-panel-menu-title svg {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
margin-right: 12px;
|
||||
}
|
||||
.psv-panel-menu-list {
|
||||
-webkit-box-flex: 1;
|
||||
-ms-flex: 1;
|
||||
flex: 1;
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
.psv-panel-menu-item {
|
||||
min-height: 20px;
|
||||
padding: 0.5em 1em;
|
||||
cursor: pointer;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
-webkit-box-pack: start;
|
||||
-ms-flex-pack: start;
|
||||
justify-content: flex-start;
|
||||
-webkit-transition: background 0.1s ease-in-out;
|
||||
transition: background 0.1s ease-in-out;
|
||||
}
|
||||
.psv-panel-menu-item--active {
|
||||
outline: 1px solid currentcolor;
|
||||
outline-offset: -1px;
|
||||
}
|
||||
.psv-panel-menu-item-icon {
|
||||
-webkit-box-flex: 0;
|
||||
-ms-flex: none;
|
||||
flex: none;
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
margin-right: 0.5em;
|
||||
}
|
||||
.psv-panel-menu-item-icon img {
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
}
|
||||
.psv-panel-menu-item-icon svg {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.psv-panel-menu-item:focus-visible {
|
||||
outline: 1px dotted currentcolor;
|
||||
outline-offset: -1px;
|
||||
}
|
||||
.psv-panel-menu--stripped .psv-panel-menu-item:hover {
|
||||
background: rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
.psv-panel-menu--stripped .psv-panel-menu-item:nth-child(odd), .psv-panel-menu--stripped .psv-panel-menu-item:nth-child(odd)::before {
|
||||
background: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
.psv-panel-menu--stripped .psv-panel-menu-item:nth-child(even), .psv-panel-menu--stripped .psv-panel-menu-item:nth-child(even)::before {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.psv-container:not(.psv--is-touch) .psv-panel-menu-item:hover {
|
||||
background: rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
|
||||
.psv-tooltip {
|
||||
position: absolute;
|
||||
z-index: 50;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
max-width: 200px;
|
||||
background-color: rgba(61, 61, 61, 0.8);
|
||||
border-radius: 4px;
|
||||
padding: 0.5em 1em;
|
||||
opacity: 0;
|
||||
-webkit-transition-property: opacity;
|
||||
transition-property: opacity;
|
||||
-webkit-transition-timing-function: ease-in-out;
|
||||
transition-timing-function: ease-in-out;
|
||||
-webkit-transition-duration: 100ms;
|
||||
transition-duration: 100ms;
|
||||
outline: 5px solid transparent;
|
||||
}
|
||||
.psv-tooltip-content {
|
||||
color: rgb(255, 255, 255);
|
||||
font: 14px sans-serif;
|
||||
text-shadow: 0 1px #000;
|
||||
}
|
||||
.psv-tooltip-arrow {
|
||||
position: absolute;
|
||||
height: 0;
|
||||
width: 0;
|
||||
border: 7px solid transparent;
|
||||
}
|
||||
.psv-tooltip--bottom-center {
|
||||
-webkit-box-shadow: 0 3px 0 rgba(90, 90, 90, 0.7);
|
||||
box-shadow: 0 3px 0 rgba(90, 90, 90, 0.7);
|
||||
-webkit-transform: translate3d(0, -5px, 0);
|
||||
transform: translate3d(0, -5px, 0);
|
||||
-webkit-transition-property: opacity, -webkit-transform;
|
||||
transition-property: opacity, -webkit-transform;
|
||||
transition-property: opacity, transform;
|
||||
transition-property: opacity, transform, -webkit-transform;
|
||||
}
|
||||
.psv-tooltip--bottom-center .psv-tooltip-arrow {
|
||||
border-bottom-color: rgba(61, 61, 61, 0.8);
|
||||
}
|
||||
.psv-tooltip--center-left {
|
||||
-webkit-box-shadow: -3px 0 0 rgba(90, 90, 90, 0.7);
|
||||
box-shadow: -3px 0 0 rgba(90, 90, 90, 0.7);
|
||||
-webkit-transform: translate3d(5px, 0, 0);
|
||||
transform: translate3d(5px, 0, 0);
|
||||
-webkit-transition-property: opacity, -webkit-transform;
|
||||
transition-property: opacity, -webkit-transform;
|
||||
transition-property: opacity, transform;
|
||||
transition-property: opacity, transform, -webkit-transform;
|
||||
}
|
||||
.psv-tooltip--center-left .psv-tooltip-arrow {
|
||||
border-left-color: rgba(61, 61, 61, 0.8);
|
||||
}
|
||||
.psv-tooltip--top-center {
|
||||
-webkit-box-shadow: 0 -3px 0 rgba(90, 90, 90, 0.7);
|
||||
box-shadow: 0 -3px 0 rgba(90, 90, 90, 0.7);
|
||||
-webkit-transform: translate3d(0, 5px, 0);
|
||||
transform: translate3d(0, 5px, 0);
|
||||
-webkit-transition-property: opacity, -webkit-transform;
|
||||
transition-property: opacity, -webkit-transform;
|
||||
transition-property: opacity, transform;
|
||||
transition-property: opacity, transform, -webkit-transform;
|
||||
}
|
||||
.psv-tooltip--top-center .psv-tooltip-arrow {
|
||||
border-top-color: rgba(61, 61, 61, 0.8);
|
||||
}
|
||||
.psv-tooltip--center-right {
|
||||
-webkit-box-shadow: 3px 0 0 rgba(90, 90, 90, 0.7);
|
||||
box-shadow: 3px 0 0 rgba(90, 90, 90, 0.7);
|
||||
-webkit-transform: translate3d(-5px, 0, 0);
|
||||
transform: translate3d(-5px, 0, 0);
|
||||
-webkit-transition-property: opacity, -webkit-transform;
|
||||
transition-property: opacity, -webkit-transform;
|
||||
transition-property: opacity, transform;
|
||||
transition-property: opacity, transform, -webkit-transform;
|
||||
}
|
||||
.psv-tooltip--center-right .psv-tooltip-arrow {
|
||||
border-right-color: rgba(61, 61, 61, 0.8);
|
||||
}
|
||||
.psv-tooltip--bottom-left {
|
||||
-webkit-box-shadow: -3px 3px 0 rgba(90, 90, 90, 0.7);
|
||||
box-shadow: -3px 3px 0 rgba(90, 90, 90, 0.7);
|
||||
-webkit-transform: translate3d(0, -5px, 0);
|
||||
transform: translate3d(0, -5px, 0);
|
||||
-webkit-transition-property: opacity, -webkit-transform;
|
||||
transition-property: opacity, -webkit-transform;
|
||||
transition-property: opacity, transform;
|
||||
transition-property: opacity, transform, -webkit-transform;
|
||||
}
|
||||
.psv-tooltip--bottom-left .psv-tooltip-arrow {
|
||||
border-bottom-color: rgba(61, 61, 61, 0.8);
|
||||
}
|
||||
.psv-tooltip--bottom-right {
|
||||
-webkit-box-shadow: 3px 3px 0 rgba(90, 90, 90, 0.7);
|
||||
box-shadow: 3px 3px 0 rgba(90, 90, 90, 0.7);
|
||||
-webkit-transform: translate3d(0, -5px, 0);
|
||||
transform: translate3d(0, -5px, 0);
|
||||
-webkit-transition-property: opacity, -webkit-transform;
|
||||
transition-property: opacity, -webkit-transform;
|
||||
transition-property: opacity, transform;
|
||||
transition-property: opacity, transform, -webkit-transform;
|
||||
}
|
||||
.psv-tooltip--bottom-right .psv-tooltip-arrow {
|
||||
border-bottom-color: rgba(61, 61, 61, 0.8);
|
||||
}
|
||||
.psv-tooltip--top-left {
|
||||
-webkit-box-shadow: -3px -3px 0 rgba(90, 90, 90, 0.7);
|
||||
box-shadow: -3px -3px 0 rgba(90, 90, 90, 0.7);
|
||||
-webkit-transform: translate3d(0, 5px, 0);
|
||||
transform: translate3d(0, 5px, 0);
|
||||
-webkit-transition-property: opacity, -webkit-transform;
|
||||
transition-property: opacity, -webkit-transform;
|
||||
transition-property: opacity, transform;
|
||||
transition-property: opacity, transform, -webkit-transform;
|
||||
}
|
||||
.psv-tooltip--top-left .psv-tooltip-arrow {
|
||||
border-top-color: rgba(61, 61, 61, 0.8);
|
||||
}
|
||||
.psv-tooltip--top-right {
|
||||
-webkit-box-shadow: 3px -3px 0 rgba(90, 90, 90, 0.7);
|
||||
box-shadow: 3px -3px 0 rgba(90, 90, 90, 0.7);
|
||||
-webkit-transform: translate3d(0, 5px, 0);
|
||||
transform: translate3d(0, 5px, 0);
|
||||
-webkit-transition-property: opacity, -webkit-transform;
|
||||
transition-property: opacity, -webkit-transform;
|
||||
transition-property: opacity, transform;
|
||||
transition-property: opacity, transform, -webkit-transform;
|
||||
}
|
||||
.psv-tooltip--top-right .psv-tooltip-arrow {
|
||||
border-top-color: rgba(61, 61, 61, 0.8);
|
||||
}
|
||||
.psv-tooltip--visible {
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
opacity: 1;
|
||||
-webkit-transition-duration: 100ms;
|
||||
transition-duration: 100ms;
|
||||
}
|
||||
/*# sourceMappingURL=photo-sphere-viewer.css.map */
|
||||
14
css/photo-sphere-viewer.min.css
vendored
Normal file
14
css/photo-sphere-viewer.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
10818
embed/index.html
10818
embed/index.html
File diff suppressed because one or more lines are too long
|
|
@ -5,7 +5,7 @@
|
|||
<title>Panorama viewer</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<link rel="stylesheet" href="../css/photo-sphere-viewer.css">
|
||||
<link rel="stylesheet" href="../css/photo-sphere-viewer.min.css">
|
||||
|
||||
<style>
|
||||
html, body {
|
||||
|
|
@ -39,8 +39,8 @@
|
|||
<div id="photosphere"></div>
|
||||
|
||||
<script src="../js/three.min.js"></script>
|
||||
<script src="../js/browser.js"></script>
|
||||
<script src="../js/photo-sphere-viewer.js"></script>
|
||||
<script src="../js/browser.min.js"></script>
|
||||
<script src="../js/photo-sphere-viewer.min.js"></script>
|
||||
|
||||
<h1>Panorama</h1>>
|
||||
<script>
|
||||
|
|
|
|||
333
js/browser.js
333
js/browser.js
|
|
@ -1,333 +0,0 @@
|
|||
/*!
|
||||
* uevent (v2.2.0)
|
||||
* @copyright 2015-2022 Damien "Mistic" Sorel <contact@git.strangeplanet.fr>
|
||||
* @licence MIT
|
||||
*/
|
||||
(function (global, factory) {
|
||||
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
|
||||
typeof define === 'function' && define.amd ? define(['exports'], factory) :
|
||||
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.uEvent = {}));
|
||||
})(this, (function (exports) { 'use strict';
|
||||
|
||||
var returnTrue = function returnTrue() {
|
||||
return true;
|
||||
};
|
||||
|
||||
var returnFalse = function returnFalse() {
|
||||
return false;
|
||||
};
|
||||
|
||||
var Event = /*#__PURE__*/function () {
|
||||
/**
|
||||
* @param {*} target
|
||||
* @param {String} type
|
||||
* @param {Array} args
|
||||
*/
|
||||
function Event(target, type, args) {
|
||||
Object.defineProperties(this, {
|
||||
'target': {
|
||||
get: function get() {
|
||||
return target;
|
||||
},
|
||||
set: function set() {},
|
||||
enumerable: true
|
||||
},
|
||||
'type': {
|
||||
get: function get() {
|
||||
return type;
|
||||
},
|
||||
set: function set() {},
|
||||
enumerable: true
|
||||
},
|
||||
'args': {
|
||||
get: function get() {
|
||||
return args;
|
||||
},
|
||||
set: function set() {},
|
||||
enumerable: true
|
||||
}
|
||||
});
|
||||
this.isDefaultPrevented = returnFalse;
|
||||
this.isPropagationStopped = returnFalse;
|
||||
}
|
||||
|
||||
var _proto = Event.prototype;
|
||||
|
||||
_proto.preventDefault = function preventDefault() {
|
||||
this.isDefaultPrevented = returnTrue;
|
||||
};
|
||||
|
||||
_proto.stopPropagation = function stopPropagation() {
|
||||
this.isPropagationStopped = returnTrue;
|
||||
};
|
||||
|
||||
return Event;
|
||||
}();
|
||||
|
||||
var Event_1 = Event;
|
||||
|
||||
/**
|
||||
* @typedef {Object.<String, Function>} Callbacks
|
||||
*/
|
||||
|
||||
var EventEmitter = /*#__PURE__*/function () {
|
||||
function EventEmitter() {}
|
||||
|
||||
var _proto = EventEmitter.prototype;
|
||||
|
||||
/**
|
||||
* Add one or many event handlers
|
||||
*
|
||||
* @example
|
||||
* obj.on('event', callback)
|
||||
* obj.on('event', listener) // listener has an `handleEvent` method
|
||||
* obj.on('event1 event2', callback)
|
||||
* obj.on({ event1: callback1, event2: callback2 })
|
||||
*
|
||||
* @param {String|Callbacks} events
|
||||
* @param {Function} [callback]
|
||||
* @return {this}
|
||||
*/
|
||||
_proto.on = function on(events, callback) {
|
||||
var _this = this;
|
||||
|
||||
this.__events = this.__events || {};
|
||||
|
||||
if (typeof events === 'object') {
|
||||
for (var event in events) {
|
||||
if (events.hasOwnProperty(event)) {
|
||||
this.__events[event] = this.__events[event] || [];
|
||||
|
||||
this.__events[event].push(events[event]);
|
||||
}
|
||||
}
|
||||
} else {
|
||||
events.split(' ').forEach(function (event) {
|
||||
_this.__events[event] = _this.__events[event] || [];
|
||||
|
||||
_this.__events[event].push(callback);
|
||||
});
|
||||
}
|
||||
|
||||
return this;
|
||||
}
|
||||
/**
|
||||
* Remove one or many or all event handlers
|
||||
*
|
||||
* @example
|
||||
* obj.off('event')
|
||||
* obj.off('event', callback)
|
||||
* obj.off('event1 event2')
|
||||
* obj.off({ event1: callback1, event2: callback2 })
|
||||
* obj.off()
|
||||
*
|
||||
* @param {String|Callbacks} [events]
|
||||
* @param {Function} [callback]
|
||||
* @return {this}
|
||||
*/
|
||||
;
|
||||
|
||||
_proto.off = function off(events, callback) {
|
||||
var _this2 = this;
|
||||
|
||||
if (typeof events === 'object') {
|
||||
for (var event in events) {
|
||||
if (events.hasOwnProperty(event)) {
|
||||
if (this.__events && event in this.__events) {
|
||||
var index = this.__events[event].indexOf(events[event]);
|
||||
|
||||
if (index !== -1) this.__events[event].splice(index, 1);
|
||||
}
|
||||
|
||||
if (this.__once && event in this.__once) {
|
||||
var _index = this.__once[event].indexOf(events[event]);
|
||||
|
||||
if (_index !== -1) this.__once[event].splice(_index, 1);
|
||||
}
|
||||
}
|
||||
}
|
||||
} else if (!!events) {
|
||||
events.split(' ').forEach(function (event) {
|
||||
if (_this2.__events && event in _this2.__events) {
|
||||
if (callback) {
|
||||
var _index2 = _this2.__events[event].indexOf(callback);
|
||||
|
||||
if (_index2 !== -1) _this2.__events[event].splice(_index2, 1);
|
||||
} else {
|
||||
_this2.__events[event].length = 0;
|
||||
}
|
||||
}
|
||||
|
||||
if (_this2.__once && event in _this2.__once) {
|
||||
if (callback) {
|
||||
var _index3 = _this2.__once[event].indexOf(callback);
|
||||
|
||||
if (_index3 !== -1) _this2.__once[event].splice(_index3, 1);
|
||||
} else {
|
||||
_this2.__once[event].length = 0;
|
||||
}
|
||||
}
|
||||
});
|
||||
} else {
|
||||
this.__events = {};
|
||||
this.__once = {};
|
||||
}
|
||||
|
||||
return this;
|
||||
}
|
||||
/**
|
||||
* Add one or many event handlers that will be called only once
|
||||
* This handlers are only applicable to "trigger", not "change"
|
||||
*
|
||||
* @example
|
||||
* obj.once('event', callback)
|
||||
* obj.once('event1 event2', callback)
|
||||
* obj.once({ event1: callback1, event2: callback2 })
|
||||
*
|
||||
* @param {String|Callbacks} events
|
||||
* @param {Function} [callback]
|
||||
* @return {this}
|
||||
*/
|
||||
;
|
||||
|
||||
_proto.once = function once(events, callback) {
|
||||
var _this3 = this;
|
||||
|
||||
this.__once = this.__once || {};
|
||||
|
||||
if (typeof events === 'object') {
|
||||
for (var event in events) {
|
||||
if (events.hasOwnProperty(event)) {
|
||||
this.__once[event] = this.__once[event] || [];
|
||||
|
||||
this.__once[event].push(events[event]);
|
||||
}
|
||||
}
|
||||
} else {
|
||||
events.split(' ').forEach(function (event) {
|
||||
_this3.__once[event] = _this3.__once[event] || [];
|
||||
|
||||
_this3.__once[event].push(callback);
|
||||
});
|
||||
}
|
||||
|
||||
return this;
|
||||
}
|
||||
/**
|
||||
* Trigger all handlers for an event
|
||||
*
|
||||
* @param {String} event
|
||||
* @param {*...} [arguments]
|
||||
* @return {Event}
|
||||
*/
|
||||
;
|
||||
|
||||
_proto.trigger = function trigger(event
|
||||
/* , args... */
|
||||
) {
|
||||
var args = Array.prototype.slice.call(arguments, 1);
|
||||
var e = new Event_1(this, event, args);
|
||||
|
||||
if (this.__events && event in this.__events) {
|
||||
for (var i = 0, l = this.__events[event].length; i < l; i++) {
|
||||
var f = this.__events[event][i];
|
||||
|
||||
if (typeof f === 'object') {
|
||||
f.handleEvent(e);
|
||||
} else {
|
||||
f.call.apply(f, [this, e].concat(args));
|
||||
}
|
||||
|
||||
if (e.isPropagationStopped()) {
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if (this.__once && event in this.__once) {
|
||||
for (var _i = 0, _l = this.__once[event].length; _i < _l; _i++) {
|
||||
var _f = this.__once[event][_i];
|
||||
|
||||
if (typeof _f === 'object') {
|
||||
_f.handleEvent(e);
|
||||
} else {
|
||||
_f.call.apply(_f, [this, e].concat(args));
|
||||
}
|
||||
|
||||
if (e.isPropagationStopped()) {
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
delete this.__once[event];
|
||||
}
|
||||
|
||||
return e;
|
||||
}
|
||||
/**
|
||||
* Trigger all modificators for an event, each handler must return a value
|
||||
*
|
||||
* @param {String} event
|
||||
* @param {*} value
|
||||
* @param {*...} [arguments]
|
||||
* @return {*} modified value
|
||||
*/
|
||||
;
|
||||
|
||||
_proto.change = function change(event, value
|
||||
/* , args... */
|
||||
) {
|
||||
var args = Array.prototype.slice.call(arguments, 2);
|
||||
var e = new Event_1(this, event, args);
|
||||
e.value = value;
|
||||
|
||||
if (this.__events && event in this.__events) {
|
||||
for (var i = 0, l = this.__events[event].length; i < l; i++) {
|
||||
var f = this.__events[event][i];
|
||||
|
||||
if (typeof f === 'object') {
|
||||
e.value = f.handleEvent(e);
|
||||
} else {
|
||||
e.value = f.call.apply(f, [this, e, e.value].concat(args));
|
||||
}
|
||||
|
||||
if (e.isPropagationStopped()) {
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return e.value;
|
||||
};
|
||||
|
||||
return EventEmitter;
|
||||
}();
|
||||
|
||||
var EventEmitter_1 = EventEmitter;
|
||||
|
||||
function mixin(target) {
|
||||
target = typeof target === 'function' ? target.prototype : target;
|
||||
['on', 'off', 'once', 'trigger', 'change'].forEach(function (name) {
|
||||
target[name] = EventEmitter_1.prototype[name];
|
||||
});
|
||||
return target;
|
||||
}
|
||||
|
||||
var uEvent = {
|
||||
EventEmitter: EventEmitter_1,
|
||||
Event: Event_1,
|
||||
mixin: mixin
|
||||
};
|
||||
var uEvent_1 = uEvent.EventEmitter;
|
||||
var uEvent_2 = uEvent.Event;
|
||||
var uEvent_3 = uEvent.mixin;
|
||||
|
||||
exports.Event = uEvent_2;
|
||||
exports.EventEmitter = uEvent_1;
|
||||
exports["default"] = uEvent;
|
||||
exports.mixin = uEvent_3;
|
||||
|
||||
Object.defineProperty(exports, '__esModule', { value: true });
|
||||
|
||||
}));
|
||||
//# sourceMappingURL=browser.js.map
|
||||
File diff suppressed because one or more lines are too long
13
js/browser.min.js
vendored
Normal file
13
js/browser.min.js
vendored
Normal file
|
|
@ -0,0 +1,13 @@
|
|||
/**
|
||||
* Minified by jsDelivr using Terser v5.13.1.
|
||||
* Original file: /npm/uevent@2.2.0/browser.js
|
||||
*
|
||||
* Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files
|
||||
*/
|
||||
/*!
|
||||
* uevent (v2.2.0)
|
||||
* @copyright 2015-2022 Damien "Mistic" Sorel <contact@git.strangeplanet.fr>
|
||||
* @licence MIT
|
||||
*/
|
||||
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports):"function"==typeof define&&define.amd?define(["exports"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).uEvent={})}(this,(function(e){"use strict";var t=function(){return!0},n=function(){return!1},i=function(){function e(e,t,i){Object.defineProperties(this,{target:{get:function(){return e},set:function(){},enumerable:!0},type:{get:function(){return t},set:function(){},enumerable:!0},args:{get:function(){return i},set:function(){},enumerable:!0}}),this.isDefaultPrevented=n,this.isPropagationStopped=n}var i=e.prototype;return i.preventDefault=function(){this.isDefaultPrevented=t},i.stopPropagation=function(){this.isPropagationStopped=t},e}(),o=function(){function e(){}var t=e.prototype;return t.on=function(e,t){var n=this;if(this.__events=this.__events||{},"object"==typeof e)for(var i in e)e.hasOwnProperty(i)&&(this.__events[i]=this.__events[i]||[],this.__events[i].push(e[i]));else e.split(" ").forEach((function(e){n.__events[e]=n.__events[e]||[],n.__events[e].push(t)}));return this},t.off=function(e,t){var n=this;if("object"==typeof e){for(var i in e)if(e.hasOwnProperty(i)){if(this.__events&&i in this.__events){var o=this.__events[i].indexOf(e[i]);-1!==o&&this.__events[i].splice(o,1)}if(this.__once&&i in this.__once){var s=this.__once[i].indexOf(e[i]);-1!==s&&this.__once[i].splice(s,1)}}}else e?e.split(" ").forEach((function(e){if(n.__events&&e in n.__events)if(t){var i=n.__events[e].indexOf(t);-1!==i&&n.__events[e].splice(i,1)}else n.__events[e].length=0;if(n.__once&&e in n.__once)if(t){var o=n.__once[e].indexOf(t);-1!==o&&n.__once[e].splice(o,1)}else n.__once[e].length=0})):(this.__events={},this.__once={});return this},t.once=function(e,t){var n=this;if(this.__once=this.__once||{},"object"==typeof e)for(var i in e)e.hasOwnProperty(i)&&(this.__once[i]=this.__once[i]||[],this.__once[i].push(e[i]));else e.split(" ").forEach((function(e){n.__once[e]=n.__once[e]||[],n.__once[e].push(t)}));return this},t.trigger=function(e){var t=Array.prototype.slice.call(arguments,1),n=new i(this,e,t);if(this.__events&&e in this.__events)for(var o=0,s=this.__events[e].length;o<s;o++){var r=this.__events[e][o];if("object"==typeof r?r.handleEvent(n):r.call.apply(r,[this,n].concat(t)),n.isPropagationStopped())break}if(this.__once&&e in this.__once){for(var _=0,c=this.__once[e].length;_<c;_++){var f=this.__once[e][_];if("object"==typeof f?f.handleEvent(n):f.call.apply(f,[this,n].concat(t)),n.isPropagationStopped())break}delete this.__once[e]}return n},t.change=function(e,t){var n=Array.prototype.slice.call(arguments,2),o=new i(this,e,n);if(o.value=t,this.__events&&e in this.__events)for(var s=0,r=this.__events[e].length;s<r;s++){var _=this.__events[e][s];if(o.value="object"==typeof _?_.handleEvent(o):_.call.apply(_,[this,o,o.value].concat(n)),o.isPropagationStopped())break}return o.value},e}(),s=o;var r={EventEmitter:s,Event:i,mixin:function(e){return e="function"==typeof e?e.prototype:e,["on","off","once","trigger","change"].forEach((function(t){e[t]=s.prototype[t]})),e}},_=r.EventEmitter,c=r.Event,f=r.mixin;e.Event=c,e.EventEmitter=_,e.default=r,e.mixin=f,Object.defineProperty(e,"__esModule",{value:!0})}));
|
||||
//# sourceMappingURL=/sm/6e1cf618058ab48868e5db5dfff14558719776929185eb69b3789d1452b3a600.map
|
||||
File diff suppressed because it is too large
Load diff
40
js/photo-sphere-viewer.min.js
vendored
Normal file
40
js/photo-sphere-viewer.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
Loading…
Reference in a new issue