@photo-sphere-viewer/markers-plugin
Version:
Photo Sphere Viewer plugin to display various markers/hotspots on the viewer.
1 lines • 6.18 kB
Source Map (JSON)
{"version":3,"sources":["/home/runner/work/Photo-Sphere-Viewer/Photo-Sphere-Viewer/packages/markers-plugin/src/_vars.scss","/home/runner/work/Photo-Sphere-Viewer/Photo-Sphere-Viewer/packages/markers-plugin/src/index.scss","/home/runner/work/Photo-Sphere-Viewer/Photo-Sphere-Viewer/packages/markers-plugin/src/../../../core/src/styles/_vars.scss"],"sourcesContent":["/* no vars */\n","@forward 'vars';\n@use '../../../core/src/styles/vars' as psv;\n@use 'vars' as markers;\n\n.psv-container {\n --psv-markers-plugin-loaded: true;\n}\n\n.psv-markers {\n pointer-events: none;\n position: absolute;\n z-index: psv.$hud-zindex;\n width: 100%;\n height: 100%;\n\n &-svg-container {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: psv.$polygon-marker-zindex;\n }\n\n &-css3d-container {\n position: absolute;\n z-index: psv.$polygon-marker-zindex + 1;\n }\n}\n\n.psv-marker {\n display: none;\n pointer-events: auto;\n\n &--normal {\n position: absolute;\n top: 0;\n left: 0;\n z-index: psv.$marker-zindex;\n overflow: visible;\n background-size: contain;\n background-repeat: no-repeat;\n }\n\n &--css3d {\n display: block;\n }\n\n &--transparent {\n display: block;\n opacity: 0;\n }\n\n &--visible {\n display: block;\n }\n\n &--has-tooltip,\n &--has-content {\n cursor: pointer;\n }\n}\n","// *** MAIN ***\n$main-background-stops: #fff 0%,\n #fdfdfd 16%,\n #fbfbfb 33%,\n #f8f8f8 49%,\n #efefef 66%,\n #dfdfdf 82%,\n #bfbfbf 100% !default;\n$main-background: radial-gradient($main-background-stops) !default;\n$element-focus-outline: 2px solid #007cff !default;\n\n// *** LOADER ***\n$loader-bg-color: rgb(61, 61, 61, 0.5) !default;\n$loader-color: rgb(255, 255, 255, 0.7) !default;\n$loader-width: 150px !default;\n$loader-tickness: 10px !default;\n$loader-border: 3px !default;\n$loader-font: 600 16px sans-serif !default;\n\n// *** NAVBAR ***\n$navbar-height: 40px !default;\n$navbar-background: rgb(61, 61, 61, 0.5) !default;\n\n$caption-font: 16px sans-serif !default;\n$caption-text-color: rgb(255, 255, 255, 0.7) !default;\n\n$buttons-height: 20px !default;\n$buttons-padding: (($navbar-height - $buttons-height) * 0.5) !default;\n$buttons-background: transparent !default;\n$buttons-active-background: rgb(255, 255, 255, 0.2) !default;\n$buttons-color: rgb(255, 255, 255, 0.7) !default;\n$buttons-disabled-opacity: 0.5 !default;\n\n$buttons-hover-scale: 1.2 !default;\n$buttons-hover-scale-delay: 200ms !default;\n\n$zoom-range-width: 80px !default;\n$zoom-range-tickness: 1px !default;\n$zoom-range-diameter: 7px !default;\n$zoom-range-media-min-width: 600px !default;\n\n// *** TOOLTIP ***\n$tooltip-background: rgb(61, 61, 61, 0.8) !default;\n$tooltip-animate-offset: 5px !default;\n$tooltip-animate-delay: 100ms !default;\n$tooltip-radius: 4px !default;\n$tooltip-padding: 0.5em 1em !default;\n$tooltip-arrow-size: 7px !default;\n$tooltip-max-width: 200px !default;\n\n$tooltip-text-color: rgb(255, 255, 255) !default;\n$tooltip-font: 14px sans-serif !default;\n$tooltip-text-shadow: 0 1px #000 !default;\n\n$tooltip-shadow-color: rgb(90, 90, 90, 0.7) !default;\n$tooltip-shadow-offset: 3px !default; // the shadow is always at the opposite side of the arrow\n\n// *** PANEL ***\n$panel-background: rgb(10, 10, 10, 0.7) !default;\n$panel-text-color: rgb(220, 220, 220) !default;\n$panel-font: 16px sans-serif !default;\n$panel-width: 400px !default;\n$panel-padding: 1em !default;\n$panel-animate-delay: 100ms !default;\n\n$panel-resizer-width: 9px !default; // must be odd\n$panel-resizer-background: rgb(0, 0, 0, 0.9) !default;\n$panel-resizer-grip-color: #fff !default;\n$panel-resizer-grip-height: 29px !default; // must be odd\n$panel-close-button-size: 32px !default;\n$panel-close-button-background: $panel-resizer-background !default;\n$panel-close-button-color: #fff !default;\n$panel-close-button-animate-delay: 300ms !default;\n\n$panel-title-font: 24px sans-serif !default;\n$panel-title-icon-size: 24px !default;\n$panel-title-margin: 24px !default;\n\n$panel-menu-item-height: 1.5em !default;\n$panel-menu-item-padding: 0.5em 1em !default;\n$panel-menu-item-active-outline: 1px !default;\n$panel-menu-odd-background: rgb(255, 255, 255, 0.1) !default;\n$panel-menu-even-background: transparent !default;\n$panel-menu-hover-background: rgb(255, 255, 255, 0.2) !default;\n\n// *** NOTIFICATION ***\n$notification-position-from: -$navbar-height !default;\n$notification-position-to: $navbar-height * 2 !default;\n$notification-animate-delay: 200ms !default;\n$notification-background: $tooltip-background !default;\n$notification-radius: $tooltip-radius !default;\n$notification-padding: $tooltip-padding !default;\n$notification-font: $tooltip-font !default;\n$notification-text-color: $tooltip-text-color !default;\n\n// *** OVERLAY ***\n$overlay-opacity: 0.8 !default;\n$overlay-icon-color: rgb(48, 48, 48) !default;\n$overlay-title-font: 30px sans-serif !default;\n$overlay-title-color: black !default;\n$overlay-text-font: 20px sans-serif !default;\n$overlay-text-color: rgb(0, 0, 0, 0.8) !default;\n$overlay-image-size: (\n portrait: 50%,\n landscape: 33%,\n) !default;\n\n// *** Z-INDEXES ***\n$canvas-zindex: 0 !default;\n$hud-zindex: 10 !default;\n$polygon-marker-zindex: 20 !default;\n$marker-zindex: 30 !default;\n$ui-zindex: 40 !default;\n$tooltip-zindex: 50 !default;\n$loader-zindex: 80 !default;\n$panel-zindex: 90 !default;\n$navbar-zindex: 90 !default;\n$notification-zindex: 100 !default;\n$overlay-zindex: 110 !default;\n"],"mappings":";;;;;;ACIA,CAAA;AACI,+BAAA;;AAGJ,CAAA;AACI,kBAAA;AACA,YAAA;AACA,WCkGS;ADjGT,SAAA;AACA,UAAA;;AAEA,CAAA;AACI,YAAA;AACA,OAAA;AACA,QAAA;AACA,SAAA;AACA,UAAA;AACA,WCyFgB;;ADtFpB,CAAA;AACI,YAAA;AACA,WAAA;;AAIR,CAAA;AACI,WAAA;AACA,kBAAA;;AAEA,CAAA;AACI,YAAA;AACA,OAAA;AACA,QAAA;AACA,WCyEQ;ADxER,YAAA;AACA,mBAAA;AACA,qBAAA;;AAGJ,CAAA;AACI,WAAA;;AAGJ,CAAA;AACI,WAAA;AACA,WAAA;;AAGJ,CAAA;AACI,WAAA;;AAGJ,CAAA;AAAA,CAAA;AAEI,UAAA;;","names":[]}