{"version":3,"file":"static/js/4425.fb516342.js","mappings":"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","sources":["webpack://finnish-art/./src/components/Base/IntersectionObserverMixin.js","webpack://finnish-art/./src/components/global/ImageBox.vue","webpack://finnish-art/src/components/global/ImageBox.vue","webpack://finnish-art/./src/components/global/ImageBox.vue?2fb3","webpack://finnish-art/./src/components/global/ImageBox.vue?a3ec","webpack://finnish-art/./src/components/global/ModalDialog.vue","webpack://finnish-art/src/components/global/ModalDialog.vue","webpack://finnish-art/./src/components/global/ModalDialog.vue?9fa8","webpack://finnish-art/./src/components/global/ModalDialog.vue?c0ce","webpack://finnish-art/./src/components/global/Segment.vue","webpack://finnish-art/src/components/global/Segment.vue","webpack://finnish-art/./src/components/global/Segment.vue?a4da","webpack://finnish-art/./src/components/global/Segment.vue?3cc5","webpack://finnish-art/./src/plugins/components.js","webpack://finnish-art/./src/assets/images/kamera_eikuvaa-p-500.png","webpack://finnish-art/./src/assets/images/loading-static.svg","webpack://finnish-art/./src/components/global/LoadingSpinner.vue","webpack://finnish-art/./src/components/global/LoadingSpinner.vue?f16a"],"sourcesContent":["export default {\n\n    props: {\n        disableIntersectionObserver: {    type: Boolean }\n    },\n\n    data: function () {\n        const intersectionOptions = {\n            rootMargin: '400px 200px',\n            threshold: 0\n        };\n        return {\n            observeVisibilityOptions: {\n                callback: this.visibilityChanged,\n                throttle: 300,\n                throttleOptions: {leading: 'visible'},\n                intersection: intersectionOptions\n            },\n            isIntersectionVisible: false,\n            intersectionRemainsVisible: false,\n            intersectionHideTimeout: 5000,\n            intersectionOptions, // for customized components using the defaults\n            debouncedHide: null\n        };\n    },\n\n    created: function () {\n        if (this.disableIntersectionObserver\n            || this.isTestEnv) {\n\n            this.isIntersectionVisible = true;\n        }\n    },\n\n    mounted: function () {\n        this.debouncedHide = _.debounce(this.onIntersectHide, this.intersectionHideTimeout, {trailing: true});\n    },\n\n    beforeDestroy: function () {\n        this.debouncedHide.cancel();\n        this.debouncedHide = null;\n    },\n\n    methods: {\n        visibilityChanged: function (isVisible, entry) {\n            if (this.disableIntersectionObserver) {\n                return;\n            }\n\n            /**\n             * was hidden, now shown\n             */\n            if (!this.isIntersectionVisible && isVisible && this.intersectionOptions) {\n                this.debouncedHide.cancel();\n\n                this.isIntersectionVisible = isVisible; // set before onIntersectShow\n                this.onIntersectShow(entry);\n\n                // if intersection should remain visible, v-observe-visibility options can be set to false\n                if (this.intersectionRemainsVisible) {\n                    this.intersectionOptions = false; // basically should halt the v-observe-visibility\n                }\n            }\n            /**\n             * was shown, now hidden\n             */\n            else if (this.isIntersectionVisible && !isVisible && !this.intersectionRemainsVisible) {\n                this.isIntersectionVisible = isVisible;\n                this.debouncedHide(entry);\n            }\n            else {\n                this.isIntersectionVisible = isVisible;\n            }\n        },\n\n        onIntersectShow: function (entry) {\n            // console.log(`${this.$vnode && this.$vnode.tag} returning visible`);\n        },\n\n        onIntersectHide: function (entry) {\n            // console.log(`${this.$vnode && this.$vnode.tag} turning invisible`);\n        }\n    }\n};\n","var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\n    \"figure\",\n    {\n      directives: [\n        {\n          name: \"observe-visibility\",\n          rawName: \"v-observe-visibility\",\n          value: {\n            callback: _vm.visibilityChanged,\n            throttle: 300,\n            throttleOptions: { leading: \"visible\" },\n            intersection: _vm.intersectionOptions,\n          },\n          expression:\n            \"{callback: visibilityChanged, throttle: 300, throttleOptions: {leading: 'visible'}, intersection: intersectionOptions}\",\n        },\n      ],\n      staticClass: \"image-box\",\n      class: _vm.className,\n      style: _vm.computedWrapperStyle,\n    },\n    [\n      _vm._t(\"image-tool-icons\", null, { item: _vm.item }),\n      _vm.usePalette && !_vm.ready\n        ? _c(\n            \"div\",\n            {\n              staticClass: \"background-palette\",\n              style: _vm.computedPaletteStyle,\n            },\n            [\n              _c(\"div\", { staticClass: \"loading\" }, [\n                _vm._v(_vm._s(_vm.$t(\"common.loading\"))),\n              ]),\n            ]\n          )\n        : _vm._e(),\n      _vm.imageSrc && _vm.imageAsBackground\n        ? _c(\"div\", {\n            staticClass: \"image\",\n            class: _vm.computedImageClassName,\n            style: _vm.computedImageStyle,\n            attrs: { title: _vm.altText },\n            on: {\n              click: function ($event) {\n                return _vm.$emit(\"click\", _vm.item, $event)\n              },\n            },\n          })\n        : _vm.imageSrc\n        ? _c(\"img\", {\n            staticClass: \"image\",\n            class: _vm.computedImageClassName,\n            style: _vm.computedImageStyle,\n            attrs: { src: _vm.imageSrc, alt: _vm.altText },\n            on: {\n              click: function ($event) {\n                return _vm.$emit(\"click\", _vm.item, $event)\n              },\n              load: _vm.onImageLoaded,\n            },\n          })\n        : _vm.ready && !_vm.availableUponRequest && !_vm.$slots[\"not-available\"]\n        ? _c(\n            \"div\",\n            {\n              staticClass: \"image-not-available\",\n              style: _vm.notAvailableOuterStyle,\n            },\n            [_c(\"div\", [_vm._v(_vm._s(_vm.$t(\"common.noImage\")))])]\n          )\n        : _vm.ready && _vm.availableUponRequest && !_vm.$slots[\"not-available\"]\n        ? _c(\n            \"div\",\n            {\n              staticClass: \"image-not-available\",\n              style: _vm.notAvailableOuterStyle,\n            },\n            [\n              _c(\"div\", {\n                staticClass: \"image\",\n                style: _vm.notAvailableInnerStyle,\n              }),\n              _c(\"div\", [\n                _vm._v(_vm._s(_vm.$t(\"common.imageAvailableUponRequest\"))),\n              ]),\n            ]\n          )\n        : _vm.ready\n        ? _vm._t(\"not-available\")\n        : _vm._e(),\n      _vm.ready\n        ? _c(\n            \"div\",\n            { staticClass: \"image-subtext\" },\n            [\n              _vm._t(\"caption\"),\n              !_vm.$slots[\"caption\"] && _vm.showCaption && _vm.caption\n                ? _c(\"div\", { staticClass: \"image-caption\" }, [\n                    _c(\"span\", { staticClass: \"caption\" }, [\n                      _vm._v(_vm._s(_vm.caption)),\n                    ]),\n                  ])\n                : _vm._e(),\n              _vm.showCreditLine || _vm.showCopyright || _vm.showLicense\n                ? _c(\n                    \"div\",\n                    { staticClass: \"image-attribution\" },\n                    [\n                      _vm._t(\"credit-line\"),\n                      !_vm.$slots[\"credit-line\"] &&\n                      _vm.showCreditLine &&\n                      _vm.creditLine\n                        ? _c(\"div\", { staticClass: \"image-credit-line\" }, [\n                            _c(\"span\", { staticClass: \"credit-line\" }, [\n                              _vm._v(\n                                _vm._s(\n                                  _vm.$t(\"artworks.ImageCreditLine\") +\n                                    \": \" +\n                                    _vm.creditLine\n                                )\n                              ),\n                            ]),\n                          ])\n                        : _vm._e(),\n                      _vm._t(\"copyright\"),\n                      !_vm.$slots[\"copyright\"] &&\n                      _vm.showCopyright &&\n                      _vm.copyright\n                        ? _c(\"div\", { staticClass: \"image-copyright\" }, [\n                            _c(\"span\", { staticClass: \"copyright\" }, [\n                              _vm._v(\n                                _vm._s(\n                                  _vm.$t(\"artworks.ImageCopyright\") +\n                                    \" \" +\n                                    _vm.copyright\n                                )\n                              ),\n                            ]),\n                          ])\n                        : _vm._e(),\n                      _vm._t(\"license\"),\n                      !_vm.$slots[\"license\"] && _vm.showLicense && _vm.license\n                        ? _c(\"license-info\", {\n                            attrs: { license: _vm.license },\n                          })\n                        : _vm._e(),\n                    ],\n                    2\n                  )\n                : _vm._e(),\n            ],\n            2\n          )\n        : _vm._e(),\n      _vm.social && _vm.item && _vm.imageSrc\n        ? _c(\"social-heart\", {\n            attrs: {\n              \"class-name\": \"round transparent\",\n              item: _vm.item,\n              resource: _vm.getResource(),\n            },\n          })\n        : _vm._e(),\n      _vm._t(\"default\"),\n    ],\n    2\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","<!-- Image box that scales the picture (as background url) -->\n<template lang=\"pug\">\nfigure.image-box(\n    v-bind:class=\"className\"\n    v-bind:style=\"computedWrapperStyle\"\n    v-observe-visibility=\"{callback: visibilityChanged, throttle: 300, throttleOptions: {leading: 'visible'}, intersection: intersectionOptions}\")\n\n    slot(name=\"image-tool-icons\"\n        v-bind:item=\"item\")\n\n    div.background-palette(\n        v-if=\"usePalette && !ready\"\n        v-bind:style=\"computedPaletteStyle\")\n        div.loading {{ $t('common.loading') }}\n\n    div.image(\n        v-if=\"imageSrc && imageAsBackground\"\n        v-bind:style=\"computedImageStyle\"\n        v-bind:class=\"computedImageClassName\"\n        v-bind:title=\"altText\"\n        v-on:click=\"$emit('click', item, $event)\")\n\n    img.image(\n        v-else-if=\"imageSrc\"\n        v-bind:src=\"imageSrc\"\n        v-bind:style=\"computedImageStyle\"\n        v-bind:class=\"computedImageClassName\"\n        v-bind:alt=\"altText\"\n        v-on:click=\"$emit('click', item, $event)\"\n        v-on:load=\"onImageLoaded\")\n\n    div.image-not-available(\n        v-else-if=\"ready && !availableUponRequest && !$slots['not-available']\"\n        v-bind:style=\"notAvailableOuterStyle\")\n        div {{ $t('common.noImage') }}\n\n    div.image-not-available(\n        v-else-if=\"ready && availableUponRequest && !$slots['not-available']\"\n        v-bind:style=\"notAvailableOuterStyle\")\n        div.image(v-bind:style=\"notAvailableInnerStyle\")\n        div {{ $t('common.imageAvailableUponRequest') }}\n\n    slot(v-else-if=\"ready\" name=\"not-available\")\n\n\n    //- Caption, Credit, Copyright line\n    div.image-subtext(v-if=\"ready\")\n        //- Caption\n        slot.image-caption(name=\"caption\")\n        div.image-caption(v-if=\"!$slots['caption'] && showCaption && caption\")\n            span.caption {{ caption }}\n\n        div.image-attribution(\n            v-if=\"showCreditLine || showCopyright || showLicense\")\n\n            //- CreditLine\n            slot.image-credit-line(name=\"credit-line\")\n            div.image-credit-line(v-if=\"!$slots['credit-line'] && showCreditLine && creditLine\")\n                span.credit-line {{ $t('artworks.ImageCreditLine') + ': ' + creditLine }}\n\n            //- Copyright\n            slot.image-copyright(name=\"copyright\")\n            div.image-copyright(v-if=\"!$slots['copyright'] && showCopyright && copyright\")\n                span.copyright {{ $t('artworks.ImageCopyright') + ' ' + copyright }}\n\n            //- License\n            slot.license-info(name=\"license\")\n            license-info(\n                v-if=\"!$slots['license'] && showLicense && license\"\n                v-bind:license=\"license\")\n\n    social-heart(\n        v-if=\"social && item && imageSrc\"\n        class-name=\"round transparent\"\n        v-bind:item=\"item\"\n        v-bind:resource=\"getResource()\")\n\n    slot\n\n</template>\n\n<script>\nimport IntersectionObserverMixin from '@/components/Base/IntersectionObserverMixin';\n\nexport default {\n    name: 'image-box',\n\n    props: {\n        item: {              type: Object },\n        src: {               type: String },\n        imageInfo: {         type: Object }, // will default to item.ImageInfo\n        resolution: {        type: Object },\n        className: {         type: String },\n        name: {              type: String },\n        social: {            type: Boolean, default: false },\n        showCaption: {       type: Boolean, default: false },\n        showCreditLine: {    type: Boolean, default: false },\n        showCopyright: {     type: Boolean, default: false },\n        showLicense: {       type: Boolean, default: true },\n        imageAsBackground: { type: Boolean },\n        imageClassName: {    type: String },\n        imageAltText: {      type: String },\n        useMasonrySizing: {  type: Boolean },\n        usePalette: {        type: Boolean, default: false },\n        dynamicAttribution: { type: Boolean },\n        notFoundImageSrc: {  type: String }\n    },\n\n    mixins: [ IntersectionObserverMixin ],\n\n    components: {\n        LicenseInfo: () => import('@/components/LicenseInfo')\n    },\n\n    computed: {\n        computedWrapperStyle: function () {\n            return this.getWrapperStyle();\n        },\n\n        computedPaletteStyle: function () {\n            return this.getPaletteStyle();\n        },\n\n        computedImageStyle: function () {\n            return this.getImageStyle();\n        },\n\n        computedImageClassName: function () {\n            return this.getImageClassName();\n        },\n\n        notAvailableInnerStyle: function () {\n            let style = '';\n            style += `width: 180px; height: 42px;`;\n\n            // YLE viritysvärit\n            if (this.usePalette) {\n                const yleColors = ['b1b8ae', 'b3b82d', '00a9a4', '00aa26', 'a51d9e', 'a30015', '002396', '030b02'];\n                let perc = 0;\n                const colors = yleColors.reduce((acc, value) => {\n                    acc += `, #${value} ${perc}%`;\n                    perc += 12.5;\n                    acc += `, #${value} ${perc - 1.75}%`;\n                    return acc;\n                }, '');\n                style += `background: linear-gradient(90deg${colors});`;\n            }\n\n            return style;\n        },\n\n        notAvailableOuterStyle: function () {\n            let style = '';\n            if (this.usePalette) {\n                style += `height: ${_.random(180, 240)}px;`;\n            }\n            if (this.notFoundImageSrc) {\n                style += `background-image: url(${this.notFoundImageSrc});`;\n            }\n            else if (!this.availableUponRequest) {\n                style += `background-image: url(${require('assets/images/kamera_eikuvaa-p-500.png')});`;\n            }\n            return style;\n        },\n\n        availableUponRequest: function () {\n            // if (this.item && this.item.ImageInfo && !this.item.ImageInfo.Url) {\n            //     console.log(\"ImageInfo without Url\", this.item.ImageInfo);\n            // }\n            // else if (this.item && !this.item.ImageInfo) {\n            //     console.log(\"No ImageInfo for item\", this.item);\n            // }\n            return true;\n            // if (!this.usePalette) {\n            //     return false;\n            // }\n            // return _.random(0, 10) > 0;\n        }\n    },\n\n    data: function () {\n        return {\n            imageSrc: null,\n            altText: '',\n            creditLine: null,\n            copyright: null,\n            caption: null,\n            license: null,\n            debouncedUpdateSubtextStyle: null,\n            ready: false,\n            error: null\n        };\n    },\n\n    mounted: function () {\n        this.initItem();\n\n        if (this.dynamicAttribution) {\n            this.debouncedUpdateSubtextStyle = _.debounce(this.updateSubtextStyle, 250, {trailing: true});\n            window.addEventListener('resize', this.debouncedUpdateSubtextStyle);\n        }\n    },\n\n    beforeDestroy: function () {\n        if (this.dynamicAttribution) {\n            window.removeEventListener('resize', this.debouncedUpdateSubtextStyle);\n            this.debouncedUpdateSubtextStyle.cancel();\n        }\n    },\n\n    watch: {\n        item: function () {\n            this.initItem();\n        },\n\n        src: function () {\n            this.initItem();\n        }\n    },\n\n    methods: {\n        initItem: async function () {\n            this.ready = false;\n            this.imageSrc = null;\n            this.altText = '';\n            this.creditLine = null;\n            this.copyright = null;\n            this.caption = null;\n            this.license = null;\n\n            return this.getImageSrc()\n                .then((src) => {\n                    this.imageSrc = src;\n                    this.altText = this.imageAltText; // from props\n                    this.creditLine = this.$helpers.getImageCreditLine(this.item);\n                    this.copyright = this.$helpers.getImageCopyright(this.item);\n                    this.caption = this.$helpers.getImageCaption(this.item);\n                    this.license = this.$helpers.getImageLicense(this.item);\n\n                    // test environment does not trigger <img onload>\n                    if (this.imageAsBackground || this.isTestEnv) {\n                        this.onImageLoaded();\n                    }\n                })\n                .catch(() => {\n                    this.$emit('not-found');\n                    this.onImageLoaded();\n                });\n        },\n\n        /**\n         * Triggered when browser has loaded the image.\n         * Emits `imageloaded` signal to parent. Adjusts subtext (CreditLine etc) width.\n         */\n        onImageLoaded: function () {\n            this.$emit('imageloaded', this.item || this.src);\n            this.ready = true;\n\n            if (this.dynamicAttribution) {\n                this.$nextTick(this.updateSubtextStyle);\n            }\n        },\n\n        /**\n         * Subtext containts image Caption, CreditLine and/or Copyright.\n         * The `.image-subtext` container width is set to match `.image` width.\n         * This is called after image has loaded and on page resize.\n         */\n        updateSubtextStyle: function () {\n            const subtextEl = this.$el.querySelector('.image-subtext');\n            if (subtextEl) {\n                const i = this.$el.querySelector('.image') || this.$el;\n                const imageWidth = i && i.width;\n                const attributionEl = subtextEl.querySelector('.image-attribution');\n                const contentsWidth = attributionEl && attributionEl.getBoundingClientRect().width;\n\n                if (imageWidth && contentsWidth) {\n                    subtextEl.setAttribute('style', `width: ${Math.floor(imageWidth)}px;`);\n                }\n                else {\n                    // subtext has no other element styles\n                    subtextEl.removeAttribute('style');\n                }\n            }\n        },\n\n        onIntersectShow: function () {\n            // console.log(`${this.$vnode && this.$vnode.tag} returning visible`);\n            this.initItem();\n        },\n\n        onIntersectHide: function () {\n            // console.log(`${this.$vnode && this.$vnode.tag} turning invisible`);\n            this.imageSrc = null;\n        },\n\n        /**\n         * Preload /svc images in order to replace the source with placeholder if loading fails.\n         */\n        getImageSrc: async function () {\n\n            // if image is not in visible intersection, no image\n            if (!this.isIntersectionVisible) {\n                return Promise.reject(new Error('out of bounds'));\n            }\n\n            return new Promise((resolve, reject) => {\n                // prefer src prop\n                if (this.src) {\n                    return resolve(this.src);\n                }\n\n                const source = this.$helpers.getImageSrc(this.item, {resolution: this.resolution});\n                if (!source) {\n                    return reject(new Error(\"no image source\"));\n                }\n                else if (source.match(/^&.*=/)) {\n                    return reject(new Error(\"no viable image source\"));\n                }\n                else {\n                    return resolve(source);\n                }\n            });\n        },\n\n        /**\n         * Set image height based on its ImageInfo (for masonry layout).\n         * This reduces flickering during image load.\n         */\n        getWrapperStyle: function () {\n            let style = '';\n            if (this.resolution && this.resolution.y) {\n                // auto\n            }\n            else if (this.item && this.item.ImageInfo && this.useMasonrySizing) {\n                // FIXME: this is not the most optimal way to get the wrapper style for this image\n                style = this.$helpers.getMasonryWidthHeightStyle(this.resolution, this.item);\n            }\n            return style;\n        },\n\n        /**\n         * Set image background palette based on ImageInfo.\n         * This is only visible before the image has loaded.\n         */\n        getPaletteStyle: function () {\n            const imageInfo = this.imageInfo || (this.item && this.item.ImageInfo);\n            // plain gray default color\n            return this.$helpers.getPaletteColorsBackgroundStyle(imageInfo, '#aaa');\n        },\n\n        getImageStyle: function () {\n            let style = '';\n            if (this.imageAsBackground && this.imageSrc) {\n                // apply FocusPoint\n                style += this.$helpers.getBackgroundImageStyle(this.imageSrc, this.item);\n            }\n\n            // setting the resolution breaks wide images\n            // if (this.resolution && this.resolution.x) {\n            //     style += `width: ${this.resolution.x}px`;\n            // }\n            // if (this.resolution && this.resolution.y) {\n            //     style += `height: ${this.resolution.y}px`;\n            // }\n\n            return style;\n        },\n\n        getImageClassName: function () {\n            return this.imageClassName || '';\n        },\n\n        getResource: function () {\n            return this.$helpers.getItemResourceType(this.item);\n        },\n\n        hasPalette: function () {\n            const imageInfo = this.imageInfo || (this.item && this.item.ImageInfo);\n            return imageInfo && imageInfo.PaletteColors && imageInfo.PaletteColors.length > 0;\n        },\n\n        getRandomRGBColor: function () {\n            return `rgb(${_.random(0, 245)}, ${_.random(0, 245)}, ${_.random(0, 245)})`;\n        }\n    }\n};\n</script>\n\n<style lang=\"scss\">\n// @import '~assets/styles/mixins';\n\nfigure.image-box {\n    z-index: 4000;\n    flex: 1;\n    width: inherit;\n    height: 100%;\n    min-width: inherit;\n    max-width: inherit;\n    min-height: 45px;\n    max-height: inherit;\n    user-select: none;\n    background-repeat: no-repeat;\n    background-size: cover;\n    background-position: 50% 50%;\n\n    .background-palette {\n        position: absolute;\n        z-index: 0;\n        width: inherit;\n        height: inherit;\n        background-size: 200% !important;\n        border: 0;\n        animation: Gradient 15s ease infinite;\n        .loading {\n            position: absolute;\n            bottom: 1rem;\n            left: 1rem;\n            font-family: $helvetica-light;\n            font-size: 1rem;\n            // the background gradient can be nearly black or white\n            color: white;\n            text-shadow: 1px 1px 0 rgba(5, 5, 0, 0.5);\n        }\n    }\n    .image {\n        z-index: inherit;\n        width: inherit;\n        height: 100%;\n        min-width: inherit;\n        max-width: inherit;\n        min-height: inherit;\n        max-height: inherit;\n        margin: 0;\n        padding: 0;\n        background-repeat: inherit;\n        background-size: inherit;\n        background-position: inherit;\n    }\n    .image-not-available {\n        overflow: hidden;\n        // stylelint-disable-next-line color-no-hex\n        background-color: #efefef;\n        background-repeat: no-repeat;\n        background-size: 140px;\n        background-position: 50% 50%;\n        background-blend-mode: color-burn;\n        .image {\n            background-repeat: no-repeat;\n            background-size: 140px;\n            background-position: 50% 50%;\n            background-blend-mode: color;\n            &:hover {\n                background-color: unset;\n            }\n        }\n    }\n    .image-subtext {\n        display: flex;\n        flex-wrap: wrap;\n        justify-content: space-between;\n        width: 100%;\n        font-family: $helvetica-roman;\n        cursor: auto;\n        section.page-text {\n            display: inline-flex;\n            margin-bottom: 0;\n        }\n        p {\n            margin: 0 !important;\n        }\n        .image-caption {\n            flex-grow: 2;\n            justify-self: flex-start;\n            margin-right: 1rem;\n            font-size: 1rem;\n            text-align: left;\n            &, .dx-texteditor-container {\n                font-family: $helvetica-medium;\n            }\n        }\n        .image-attribution {\n            display: inline-flex;\n            align-items: baseline;\n            justify-self: flex-end;\n            max-width: 100%;\n            margin-top: 0.25rem;\n            margin-left: auto;\n            overflow: visible;\n            line-height: auto;\n            text-align: right;\n            .image-credit-line,\n            .image-copyright,\n            .license-info {\n                display: inline-flex;\n                width: max-content;\n                line-height: auto;\n                &, .dx-texteditor-container {\n                    justify-content: flex-end;\n                    margin: 0 0 0 0.5rem;\n                    font-family: $helvetica-roman;\n                    font-size: 0.875rem;\n                    text-align: right;\n                }\n                p {\n                    margin-bottom: 0;\n                }\n            }\n            .image-copyright {\n                order: 1;\n                @include nowrap;\n            }\n            .image-credit-line {\n                order: 2;\n                @include nowrap;\n            }\n            .license-info {\n                order: 3;\n                font-family: $helvetica-italic;\n            }\n        }\n    }\n    .social-button-wrapper {\n        position: absolute;\n        right: 0.5rem;\n        bottom: 0.5rem;\n        opacity: 0;\n        transition: opacity 0.5s ease-out;\n    }\n    &:hover .social-button-wrapper {\n        opacity: 1; // show\n    }\n}\n\n@keyframes Gradient {\n    0% {\n        background-position: 0% 50%;\n    }\n    50% {\n        background-position: 100% 50%;\n    }\n    100% {\n        background-position: 0% 50%;\n    }\n}\n</style>\n","import mod from \"-!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ImageBox.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ImageBox.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ImageBox.vue?vue&type=template&id=4184c1c4&lang=pug&\"\nimport script from \"./ImageBox.vue?vue&type=script&lang=js&\"\nexport * from \"./ImageBox.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ImageBox.vue?vue&type=style&index=0&id=4184c1c4&prod&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\n    \"o-modal\",\n    {\n      staticClass: \"modal-dialog\",\n      attrs: {\n        active: _vm.show,\n        animation: _vm.animation,\n        \"aria-modal\": true,\n        \"can-cancel\": _vm.canCancel,\n        \"close-icon\": \"icon-magnify\",\n      },\n      on: {\n        \"update:active\": function ($event) {\n          _vm.show = $event\n        },\n        close: _vm.onClose,\n      },\n    },\n    [_vm._t(\"default\")],\n    2\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","<template lang=\"pug\">\no-modal.modal-dialog(\n    v-bind:active.sync=\"show\"\n    v-bind:animation=\"animation\"\n    v-bind:aria-modal=\"true\"\n    v-bind:can-cancel=\"canCancel\"\n    v-bind:close-icon=\"'icon-magnify'\"\n    v-on:close=\"onClose\")\n\n    slot\n\n</template>\n\n<script>\nexport default {\n    name: 'modal-dialog',\n\n    props: {\n        show: {                 type: Boolean, default: false },\n        animation: {            type: String, default: 'zoom-in' },\n        closeButton: {          type: Boolean, default: true },\n        closeOnClickMask: {     type: Boolean, default: true },\n        closeOnEsc: {           type: Boolean, default: true }\n    },\n\n    data: function () {\n        return {\n            canCancel: [\n                this.closeOnEsc ? 'escape' : false,\n                this.closeOnEsc ? 'x' : false,\n                this.closeOnClickMask ? 'outside' : false,\n                this.closeButton ? 'button' : false\n            ]\n        };\n    },\n\n    methods: {\n        onClose: function () {\n            this.$emit('hide');\n        }\n    }\n};\n</script>\n\n<style lang=\"scss\">\n.modal-dialog {\n    z-index: 12500; // navbar < .modal-dialog <= .dx-overlay-wrapper\n    .o-modal__overlay {\n        background-color: rgba(10, 10, 10, 0.75);\n    }\n    .o-modal__content {\n        min-width: 69vw;\n        overflow: hidden; // no scroll\n        box-shadow: 2px 2px 25px $dark-gray;\n    }\n    button.btn, .btn {\n        margin: 0.5rem 1rem;\n        border-color: black;\n    }\n    p {\n        margin: 1rem 2rem;\n        font-size: 1.2rem;\n    }\n    @media screen and (max-width: $breakpoint-mobile) {\n        & {\n            top: 20px;\n            width: 95vw !important;\n            height: 95vh !important;\n        }\n    }\n}\n</style>\n","import mod from \"-!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ModalDialog.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ModalDialog.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ModalDialog.vue?vue&type=template&id=94d0111a&lang=pug&\"\nimport script from \"./ModalDialog.vue?vue&type=script&lang=js&\"\nexport * from \"./ModalDialog.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ModalDialog.vue?vue&type=style&index=0&id=94d0111a&prod&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\n    \"section\",\n    { staticClass: \"segment\", class: _vm.className },\n    [\n      _vm.title || _vm.$slots[\"display-options\"]\n        ? _c(\n            \"div\",\n            {\n              staticClass: \"segment-header\",\n              class: _vm.$slots[\"display-options\"] ? \"with-options\" : \"\",\n            },\n            [\n              _vm.title\n                ? _c(\"div\", { staticClass: \"segment-title\" }, [\n                    _c(\"h2\", [_vm._v(_vm._s(_vm.title))]),\n                    _c(\"hr\"),\n                  ])\n                : _vm._e(),\n              _vm.$slots[\"display-options\"]\n                ? _c(\n                    \"div\",\n                    { staticClass: \"display-options\" },\n                    [_vm._t(\"display-options\")],\n                    2\n                  )\n                : _vm._e(),\n            ]\n          )\n        : _vm._e(),\n      _vm._t(\"default\"),\n    ],\n    2\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","<template lang=\"pug\">\nsection.segment(v-bind:class=\"className\")\n\n    div.segment-header(\n        v-if=\"title || $slots['display-options']\"\n        v-bind:class=\"$slots['display-options'] ? 'with-options' : ''\")\n\n        div.segment-title(v-if=\"title\")\n            h2 {{ title }}\n            hr\n\n        div.display-options(v-if=\"$slots['display-options']\")\n            slot(name=\"display-options\")\n\n    slot\n\n</template>\n\n<script>\nexport default {\n    name: 'segment',\n\n    props: {\n        title: {     type: String },\n        className: { type: String }\n    }\n};\n</script>\n\n<style lang=\"scss\">\n// @import '~assets/styles/variables';\n\n.segment {\n    width: 100%;\n    margin: 1.5rem 0;\n    .segment-header {\n        display: inline-flex;\n        flex-wrap: wrap;\n        width: 100%;\n        margin-bottom: 2rem;\n        text-align: left;\n        .display-options {\n            position: relative;\n            flex-grow: 0;\n            align-self: center;\n            justify-content: flex-end;\n            min-height: 3rem;\n        }\n    }\n    .segment-title {\n        display: inline-flex;\n        flex-direction: column;\n        flex-grow: 1;\n        flex-wrap: nowrap;\n        width: auto;\n        min-width: 55%;\n        max-width: 95vw;\n        padding-right: 1em;\n        color: black;\n        &, h2 {\n            font-family: 'Sabon MT W01 Regular', serif;\n        }\n        h2 {\n            display: block;\n            margin: 0;\n            font-weight: normal;\n            font-size: clamp(28px, 3em, 45px);\n            color: inherit;\n            word-break: initial;\n            &::first-letter {\n                text-transform: capitalize;\n            }\n            @media screen and (max-width: $breakpoint-mobile) {\n                font-size: 1.5rem;\n            }\n        }\n        hr {\n            width: clamp(28px, 3em, 45px);\n        }\n        &::after {\n            clear: both;\n        }\n    }\n\n    // override title width when options are present\n    .segment-header.with-options {\n        .segment-title {\n            max-width: calc(95vw - 190px); // display-options\n            @media screen and (max-width: $breakpoint-mobile - 1) {\n                max-width: 95vw;\n            }\n        }\n    }\n\n    &.sub-segment {\n        // stylelint-disable-next-line no-descending-specificity\n        .segment-title {\n            h2 {\n                font-size: 1.25rem;\n            }\n            hr {\n                height: 2px;\n            }\n        }\n    }\n}\n</style>\n","import mod from \"-!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Segment.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Segment.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Segment.vue?vue&type=template&id=08d0b392&lang=pug&\"\nimport script from \"./Segment.vue?vue&type=script&lang=js&\"\nexport * from \"./Segment.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Segment.vue?vue&type=style&index=0&id=08d0b392&prod&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","/**\n *  Vue global components\n*/\n/* eslint import/order: [1], no-unused-vars: [1] *//*\n*/\nimport ImageBox from '@/components/global/ImageBox.vue';\nimport LoadingSpinner from '@/components/global/LoadingSpinner.vue';\nimport ModalDialog from '@/components/global/ModalDialog.vue';\nimport Segment from '@/components/global/Segment.vue';\n\nexport const plugin = {\n    name: 'components',\n\n    install (Vue) {\n\n        // base components //\n        Vue.component('loading-spinner', LoadingSpinner);\n        Vue.component('segment', Segment);\n        Vue.component('modal-dialog', ModalDialog);\n        Vue.component('image-box', ImageBox); // image-box is essential to load before masonry view\n        Vue.component('plus-more-infinite', () => import('@/components/global/PlusMoreInfinite.vue'));\n        Vue.component('plus-more', () => import('@/components/global/PlusMore.vue'));\n        Vue.component('search-option-input-text', () => import('@/components/SearchOptions/InputText.vue'));\n        Vue.component('silhouette-assistant', () => import('@/components/global/SilhouetteAssistant.vue'));\n        Vue.component('errors-message', () => import('@/components/global/ErrorsMessage.vue'));\n        Vue.component('sort-option', () => import('@/components/global/SortOption.vue'));\n        Vue.component('submit-button', () => import('@/components/global/SubmitButton.vue'));\n\n        // devextreme tooltip //\n        Vue.component('dx-tooltip', () => import('devextreme-vue/tooltip.js'));\n\n        // cards //\n        Vue.component('actor-card', () => import('@/components/Actor/Card.vue'));\n        Vue.component('artwork-card', () => import('@/components/Artwork/Card.vue'));\n        Vue.component('collection-card', () => import('@/components/Collection/Card.vue'));\n        Vue.component('event-card', () => import('@/components/Event/Card.vue'));\n        Vue.component('feature-article-card', () => import('@/components/FeatureArticle/Card.vue'));\n        Vue.component('organization-card', () => import('@/components/Organization/Card.vue'));\n        Vue.component('audio-card', () => import('@/components/Audio/Card.vue'));\n        Vue.component('video-card', () => import('@/components/Video/Card.vue'));\n\n        // social //\n        Vue.component('social-network-share', () => import('@/components/Social/NetworkShare.vue'));\n        Vue.component('social-follow', () => import('@/components/Social/Follow.vue'));\n        Vue.component('social-heart', () => import('@/components/Social/Heart.vue'));\n        Vue.component('social-save', () => import('@/components/Social/Save.vue'));\n        Vue.component('social-reblog', () => import('@/components/Social/Reblog.vue'));\n        Vue.component('social-tags', () => import('@/components/Social/Tags.vue'));\n\n        // subject items //\n        Vue.component('image-viewer', () => import('@/components/global/ImageViewer.vue'));\n        Vue.component('event-brochure-stack', () => import('@/components/Event/BrochureStack.vue'));\n        Vue.component('multi-stack', () => import('@/components/global/MultiStack.vue'));\n        Vue.component('slick-slides', () => import('@/components/global/SlickSlides.vue'));\n        Vue.component('agile-slides', () => import('@/components/AgileSlides.vue'));\n        Vue.component('subject-items', () => import('@/components/global/SubjectItems.vue'));\n    }\n};\n\nexport default plugin;\n","module.exports = __webpack_public_path__ + \"static/img/kamera_eikuvaa-p-500.53778ce.png\";","module.exports = __webpack_public_path__ + \"static/img/loading-static.8ea4e42.svg\";","var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _vm._m(0)\n}\nvar staticRenderFns = [\n  function () {\n    var _vm = this,\n      _c = _vm._self._c\n    return _c(\n      \"div\",\n      { staticClass: \"spinner\", attrs: { \"aria-busy\": \"true\" } },\n      [\n        _c(\"img\", {\n          attrs: {\n            src: require(\"assets/images/loading-static.svg\"),\n            alt: \"\",\n            \"aria-hidden\": \"\",\n          },\n        }),\n      ]\n    )\n  },\n]\nrender._withStripped = true\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./LoadingSpinner.vue?vue&type=template&id=24c6f8a8&scoped=true&\"\nvar script = {}\nimport style0 from \"./LoadingSpinner.vue?vue&type=style&index=0&id=24c6f8a8&prod&scoped=true&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"24c6f8a8\",\n  null\n  \n)\n\nexport default component.exports"],"names":["props","disableIntersectionObserver","type","Boolean","data","intersectionOptions","rootMargin","threshold","observeVisibilityOptions","callback","this","visibilityChanged","throttle","throttleOptions","leading","intersection","isIntersectionVisible","intersectionRemainsVisible","intersectionHideTimeout","debouncedHide","created","isTestEnv","mounted","_","debounce","onIntersectHide","trailing","beforeDestroy","cancel","methods","isVisible","entry","onIntersectShow","render","_vm","_c","_self","directives","name","rawName","value","expression","staticClass","class","className","style","computedWrapperStyle","_t","item","usePalette","ready","computedPaletteStyle","_v","_s","$t","_e","imageSrc","imageAsBackground","computedImageClassName","computedImageStyle","attrs","title","altText","on","click","$event","$emit","src","alt","load","onImageLoaded","availableUponRequest","$slots","notAvailableOuterStyle","notAvailableInnerStyle","showCaption","caption","showCreditLine","showCopyright","showLicense","creditLine","copyright","license","social","resource","getResource","_withStripped","imageInfo","resolution","default","imageClassName","imageAltText","useMasonrySizing","dynamicAttribution","notFoundImageSrc","mixins","components","LicenseInfo","computed","acc","perc","debouncedUpdateSubtextStyle","error","window","watch","initItem","then","catch","updateSubtextStyle","subtextEl","getImageSrc","Promise","getWrapperStyle","getPaletteStyle","getImageStyle","getImageClassName","hasPalette","getRandomRGBColor","active","show","animation","canCancel","close","onClose","closeButton","closeOnClickMask","closeOnEsc","plugin","install","Vue","component","LoadingSpinner","Segment","ModalDialog","ImageBox","module","exports","_m","staticRenderFns","require"],"sourceRoot":""}