@photo-sphere-viewer/map-plugin/index.css.map

Photo Sphere Viewer plugin to add a minimap with the panorama location.

{"version":3,"sources":["/home/runner/work/Photo-Sphere-Viewer/Photo-Sphere-Viewer/packages/map-plugin/src/index.scss","/home/runner/work/Photo-Sphere-Viewer/Photo-Sphere-Viewer/packages/map-plugin/src/_vars.scss","/home/runner/work/Photo-Sphere-Viewer/Photo-Sphere-Viewer/packages/map-plugin/src/../../../core/src/styles/_vars.scss"],"sourcesContent":["@forward 'vars';\n@use 'sass:math';\n@use '../../../core/src/styles/vars' as psv;\n@use 'vars' as map;\n\n@function round-to($value, $precision) {\n    @return math.div(math.round($value * $precision), $precision);\n}\n\n.psv-container {\n    --psv-map-plugin-loaded: true;\n}\n\n.psv-map {\n    position: absolute;\n    margin: map.$margin;\n    z-index: psv.$ui-zindex;\n    transition: all map.$transition;\n\n    &__container {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        z-index: -1;\n        background: map.$background;\n        overflow: hidden;\n        transition: all map.$transition;\n\n        svg,\n        img,\n        canvas {\n            width: 100%;\n            height: 100%;\n        }\n    }\n\n    &--round &__container {\n        border-radius: 50%;\n        box-shadow: map.$shadow;\n    }\n\n    &--square {\n        border-radius: map.$radius;\n        box-shadow: map.$shadow;\n        overflow: hidden;\n    }\n\n    &__overlay {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        pointer-events: none;\n    }\n\n    &__toolbar {\n        position: absolute;\n        bottom: 1em;\n        left: calc(50% - 3.25em); // (padding * 2 + icon * 2 + text) / 2\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        font: map.$toolbar-font;\n        padding: 0.25em;\n        border-radius: 1.5em;\n        background: map.$toolbar-background;\n        color: map.$toolbar-text-color;\n        user-select: none;\n        transition: opacity map.$transition;\n\n        svg {\n            height: 1em;\n            cursor: pointer;\n        }\n\n        &-text {\n            width: 4em;\n            text-align: center;\n        }\n    }\n\n    &__button {\n        position: absolute;\n        width: map.$button-size;\n        aspect-ratio: 1;\n        line-height: 0;\n        background: map.$button-background;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        transform-origin: center;\n        color: map.$button-color;\n        cursor: pointer;\n        transition: all map.$transition;\n\n        svg {\n            width: 60%;\n        }\n\n        &--top-left {\n            left: 0;\n            top: 0;\n            border-bottom-right-radius: map.$radius;\n            transform: translate(-#{map.$button-spacing}, -#{map.$button-spacing});\n        }\n\n        &--top-right {\n            right: 0;\n            top: 0;\n            border-bottom-left-radius: map.$radius;\n            transform: translate(map.$button-spacing, -#{map.$button-spacing});\n        }\n\n        &--bottom-left {\n            left: 0;\n            bottom: 0;\n            border-top-right-radius: map.$radius;\n            transform: translate(-#{map.$button-spacing}, map.$button-spacing);\n        }\n\n        &--bottom-right {\n            right: 0;\n            bottom: 0;\n            border-top-left-radius: map.$radius;\n            transform: translate(map.$button-spacing, map.$button-spacing);\n        }\n    }\n\n    &--round &__button {\n        border-radius: 50%;\n    }\n\n    &--square &__button {\n        transform: unset;\n    }\n\n    &--maximized {\n        margin: 0 !important;\n        width: 100% !important;\n        height: 100% !important;\n\n        @at-root .psv--has-navbar & {\n            height: calc(100% - #{psv.$navbar-height}) !important;\n        }\n    }\n\n    &--maximized, &--maximized &__container {\n        border-radius: 0;\n    }\n\n    &--round#{&}--maximized &__button {\n        outline: 2px solid currentcolor;\n\n        &--top-left {\n            left: map.$margin;\n            top: map.$margin;\n        }\n\n        &--top-right {\n            right: map.$margin;\n            top: map.$margin;\n        }\n\n        &--bottom-left {\n            left: map.$margin;\n            bottom: map.$margin;\n        }\n\n        &--bottom-right {\n            right: map.$margin;\n            bottom: map.$margin;\n        }\n    }\n\n    &--collapsed {\n        width: map.$button-size !important;\n        height: map.$button-size !important;\n\n        & > * {\n            opacity: 0;\n        }\n    }\n\n    &--collapsed &__button-close {\n        opacity: 1;\n        transform: translate(0, 0);\n        z-index: 1;\n    }\n\n    &--top-left {\n        top: 0;\n        left: 0;\n    }\n\n    &--top-right {\n        top: 0;\n        right: 0;\n    }\n\n    &--bottom-left {\n        bottom: 0;\n        left: 0;\n\n        @at-root .psv--has-navbar & {\n            bottom: #{psv.$navbar-height};\n        }\n    }\n\n    &--bottom-right {\n        bottom: 0;\n        right: 0;\n\n        @at-root .psv--has-navbar & {\n            bottom: #{psv.$navbar-height};\n        }\n    }\n}\n","@use '../../../core/src/styles/vars' as psv;\n\n$margin: 10px !default;\n$radius: 8px !default;\n$shadow: 0 0 5px rgb(0, 0, 0, 0.7) !default;\n$background: rgb(61, 61, 61, 0.7) !default;\n$toolbar-font: 12px sans-serif !default;\n$toolbar-background: #222 !default;\n$toolbar-text-color: white !default;\n$button-size: 34px !default;\n$button-spacing: 3px !default;\n$button-color: psv.$buttons-color !default;\n$button-background: rgb(0, 0, 0, 0.5) !default;\n$transition: ease-in-out 0.3s !default;\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":"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","names":[]}