{"version":3,"file":"static/js/3023.a153e8f8.js","mappings":"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","sources":["webpack://finnish-art/./src/components/Base/MetaMixin.js","webpack://finnish-art/src/components/Base/SearchPage.vue","webpack://finnish-art/./src/components/Base/SearchPage.vue?c091","webpack://finnish-art/./src/components/Base/SearchPage.vue?ac45","webpack://finnish-art/./src/views/ArtworksSearch.vue","webpack://finnish-art/src/views/ArtworksSearch.vue","webpack://finnish-art/./src/views/ArtworksSearch.vue?5677","webpack://finnish-art/./src/views/ArtworksSearch.vue?d1a3"],"sourcesContent":["import { getBaseUrl, getFullLocale } from '@/helpers/index';\nimport { getMetaImageSrc } from '@/helpers/image-resources';\nimport { isProdSite, isTestEnv } from '@/helpers/deployment';\n\n\nexport const hasTag = function (meta, obj) {\n    return !!_.filter(meta, obj).length;\n};\n\nexport const getMetaInfo = function (pageInfo, route, item, noindex, siteName, locale) {\n    var rv;\n    const titleTemplate = typeof pageInfo.titleTemplate !== 'undefined' ?\n        pageInfo.titleTemplate\n        : `%s | ${siteName}`;\n\n    const title = typeof pageInfo.title !== 'undefined' ?\n        pageInfo.titleTemplate\n        : ' ';\n\n    const meta = _.clone(pageInfo.meta) || [];\n    delete pageInfo.meta;\n\n    if (!hasTag(meta, {name: 'robots'})) {\n        meta.push({\n            // do not index development sites, nor pages that set the noindex param\n            name: 'robots',\n            content: (isProdSite || isTestEnv) && !noindex ?\n                'index,follow,noarchive'\n                : 'noindex,nofollow,noarchive,noodp,noydir,nosnippet'\n        });\n    }\n\n    // og:type\n    if (!hasTag(meta, {property: 'og:type'})) {\n        meta.push({\n            property: 'og:type',\n            content: 'website'\n        });\n    }\n\n    // og:site_name\n    meta.push({\n        property: 'og:site_name',\n        content: siteName\n    });\n\n    // og:locale\n    if (!hasTag(meta, {property: 'og:locale'})) {\n        meta.push({\n            property: 'og:locale',\n            content: getFullLocale(locale)\n        });\n    }\n\n    // og:title\n    if (pageInfo.title && !hasTag(meta, {property: 'og:title'})) {\n        meta.push({\n            property: 'og:title',\n            content: pageInfo.title\n        });\n    }\n\n    if (item) {\n        // og:description\n        if (!hasTag(meta, {property: 'og:description'})) {\n            const description = item.TagLine || item.IngressText || item.DescriptionHtml;\n            if (description) {\n                meta.push({\n                    property: 'og:description',\n                    content: description\n                });\n            }\n        }\n\n        if (!hasTag(meta, {property: 'og:metrics'})) {\n            if (item.Metrics && item.Metrics.Primary) {\n                meta.push({\n                    property: 'og:metrics',\n                    content: item.Metrics.Primary\n                });\n                pageInfo.afterNavigation = function() { console.log('afterNavigation ' + item.Metrics.Primary)};// eslint-disable-line no-alert\n                pageInfo.changed = function(newInfo, addedTags, removedTags) {\n                    //console.log('Metadata was updated!', newInfo, addedTags, removedTags)\n                  };\n            }\n        }\n\n\n        // og:image\n        if (!hasTag(meta, {property: 'og:image'})) {\n            let imageSrc = getMetaImageSrc(item);\n            if (imageSrc) {\n                imageSrc = imageSrc.replace(/&amp;/g,'&').replace(/&/g,'&amp;');\n            }\n            if (imageSrc) {\n                meta.push({\n                    property: 'og:image',\n                    content: imageSrc\n                });\n                // set Twitter card type when image is set (NOTE: is \"name\", not \"property\")\n                if (!hasTag(meta, {name: 'twitter:card'})) {\n                    meta.push({\n                        name: 'twitter:card',\n                        content: 'summary_large_image'\n                    });\n                }\n                // also possible to add property twitter:image:alt with image caption\n            }\n        }\n    }\n\n    // og:url\n    if (route) {\n        meta.push({\n            property: 'og:url',\n            content: getBaseUrl() + (route.path || '')\n        });\n    }\n    rv = _.merge({\n        htmlAttrs: {\n            lang: locale,\n            prefix: 'og: https://ogp.me/ns#'\n        },\n        meta,\n        title,\n        titleTemplate\n    }, pageInfo);\n    return _.merge({\n        htmlAttrs: {\n            lang: locale,\n            prefix: 'og: https://ogp.me/ns#'\n        },\n        meta,\n        title,\n        titleTemplate\n    }, pageInfo);\n};\n\n\n/**\n * Mixin to format metadata for vue-meta.\n */\nexport default {\n\n    methods: {\n        getMetaInfo: function (pageInfo, route, item, noindex) {\n            // add site and locale parameters\n            return getMetaInfo(pageInfo, route, item, noindex, this.$site, this.$i18n.locale);\n        },\n\n        getMetaImageSrc\n    }\n};\n","<script>\nimport MetaMixin from '@/components/Base/MetaMixin';\n\nexport default {\n    name: 'base-search-page',\n\n    mixins: [ MetaMixin ],\n\n    metaInfo: function () {\n        return this.getMetaInfo(this.pageMetaInfo, this.$route, null, true);\n    },\n\n    data: function () {\n        return {\n            pageMetaInfo: {}, // default vue-meta data\n            options: {\n                Text: ''\n            },\n            suggestions: [],\n            resultCount: 0,\n            ready: false,\n            error: null\n        };\n    },\n\n    created: function () {\n        this.getOptionsFromQuery();\n    },\n\n    watch: {\n        $route: function () {\n            this.getOptionsFromQuery();\n        }\n    },\n\n    methods: {\n        /**\n         * get options from query string\n         */\n        getOptionsFromQuery: function () {\n            this.options = _.extend({}, this.$route.query);\n        },\n\n        doSearch: async function (options) {\n            this.options = options;\n\n            // update query string to url\n            const query = _.extend({}, this.$route.query, options);\n\n            // only push route if query changed\n            if (!_.isEqual(this.$route.query, query)) {\n                this.$router.push({query});\n            }\n            this.$nextTick(() => {\n                // pagination-tiles reset triggers the search\n                this.$refs.paginationTiles && this.$refs.paginationTiles.reset();\n            });\n        },\n\n        resetSearch: function () {\n            this.items = [];\n            this.paginationTotalCount = -1;\n            this.options = {};\n            this.ready = false;\n            this.error = null;\n            this.$nextTick(() => {\n                this.$refs.paginationTiles &&\n                    this.$refs.paginationTiles.reset();\n            });\n        },\n\n        /**\n         * The callback must be bound in each view.\n         * Some views use PaginationMixin which has its own `paginationCallback` method.\n         */\n        searchPaginationCallback: function () {\n            this.resultCount = this.$refs.paginationTiles && this.$refs.paginationTiles.getTotalCount();\n        }\n    }\n};\n</script>\n\n<style lang=\"scss\">\n// @import '~assets/styles/variables';\n\n.search-page {\n    .card-image {\n        flex-grow: 2;\n        height: unset;\n//        width: 280px !important;\n//        min-height: 280px; // !important;\n    }\n    .card-contents {\n        flex-grow: 0;\n    }\n    .plain-wrapper {\n        .image {\n            background-position: 50%;\n        }\n    }\n    .collection-card {\n        .card-image {\n            min-height: 280px;\n        }\n    }\n    .organization-card {\n        .card-image {\n            min-height: 280px;\n        }\n    }\n    .event-card {\n        .card-image {\n            min-height: 280px;\n        }\n    }\n    //.organization-card,\n    //.event-card\n  //  .card-image {\n        // NOTE: some image items are wide and masonry helper increases width by multitude then,\n        //       and this breaks the layout here so force 280x280 px images\n      //  width: 280px !important;\n      // height: 280px !important;\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!./SearchPage.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!./SearchPage.vue?vue&type=script&lang=js&\"","var render, staticRenderFns\nimport script from \"./SearchPage.vue?vue&type=script&lang=js&\"\nexport * from \"./SearchPage.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SearchPage.vue?vue&type=style&index=0&id=23e2636a&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    {\n      staticClass: \"content-page search-page\",\n      attrs: { id: \"artworks-search\" },\n    },\n    [\n      _c(\"artwork-query-options\", {\n        ref: \"queryOptions\",\n        attrs: { \"facet-results\": _vm.facetResults },\n        on: { search: _vm.doSearch, \"select-color\": _vm.onSelectColor },\n      }),\n      _c(\n        \"div\",\n        { staticClass: \"search-filters\" },\n        [\n          _vm.colorFlex\n            ? _c(\"search-option-color-flex\", {\n                ref: \"colorFlex\",\n                attrs: { \"facet-results\": _vm.facetResults },\n                on: { select: _vm.onSelectColor },\n              })\n            : _vm._e(),\n          _vm.productionYears.length\n            ? _c(\"search-option-input-time-span\", {\n                attrs: {\n                  height: 200,\n                  value: _vm.$refs.queryOptions.options.ProductionYearBetween,\n                },\n                on: {\n                  change: _vm.$refs.queryOptions.soonUpdateTimeSpan,\n                  reset: function ($event) {\n                    _vm.$refs.queryOptions.options.ProductionYearBetween =\n                      _vm.$refs.queryOptions.defaults.ProductionYearBetween\n                  },\n                },\n              })\n            : _vm._e(),\n        ],\n        1\n      ),\n      _c(\n        \"div\",\n        { staticClass: \"artworks-search-results\" },\n        [\n          _c(\"multi-stack\", {\n            ref: \"multiStack\",\n            attrs: {\n              api: _vm.getArtworks,\n              infinite: true,\n              resolution: { x: 280 },\n              toolbar: false,\n              \"default-page-size\": 15,\n              \"target-tab\": \"picture\",\n            },\n            on: {\n              loaded: _vm.stackCallback,\n              error: function ($event) {\n                _vm.error = $event\n              },\n            },\n            scopedSlots: _vm._u([\n              {\n                key: \"no-results\",\n                fn: function () {\n                  return [\n                    _c(\"promotion-no-results-call-to-action\", {\n                      scopedSlots: _vm._u([\n                        {\n                          key: \"bubble-title\",\n                          fn: function () {\n                            return [\n                              _c(\"h3\", { staticClass: \"bubble-title\" }, [\n                                _vm._v(\n                                  _vm._s(_vm.$t(\"artworks.loginToFindMore\"))\n                                ),\n                              ]),\n                            ]\n                          },\n                          proxy: true,\n                        },\n                      ]),\n                    }),\n                  ]\n                },\n                proxy: true,\n              },\n            ]),\n          }),\n        ],\n        1\n      ),\n      _vm.error\n        ? _c(\"errors-message\", { attrs: { error: _vm.error } })\n        : _vm._e(),\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","<template lang=\"pug\">\nsection#artworks-search.content-page.search-page\n    artwork-query-options(\n        ref=\"queryOptions\"\n        v-bind:facet-results=\"facetResults\"\n        v-on:search=\"doSearch\"\n        v-on:select-color=\"onSelectColor\")\n\n    div.search-filters\n\n        search-option-color-flex(\n            ref=\"colorFlex\"\n            v-if=\"colorFlex\"\n            v-bind:facet-results=\"facetResults\"\n            v-on:select=\"onSelectColor\")\n\n        search-option-input-time-span(\n            v-if=\"productionYears.length\"\n            v-bind:height=\"200\"\n            v-bind:value=\"$refs.queryOptions.options.ProductionYearBetween\"\n            v-on:change=\"$refs.queryOptions.soonUpdateTimeSpan\"\n            v-on:reset=\"$refs.queryOptions.options.ProductionYearBetween = $refs.queryOptions.defaults.ProductionYearBetween\")\n\n        //- this is replaced by input-time-span\n        //- production-year-chart-ctrl(\n        //-     v-if=\"productionYears.length\"\n        //-     v-bind:facet-results=\"facetResults\"\n        //-     v-bind:value=\"productionYears\"\n        //-     v-on:click=\"onSelectYear($event)\")\n\n\n    div.artworks-search-results\n\n        multi-stack(\n            ref=\"multiStack\"\n            v-on:loaded=\"stackCallback\"\n            v-bind:api=\"getArtworks\"\n            v-bind:infinite=\"true\"\n            v-bind:resolution=\"{x: 280}\"\n            v-bind:toolbar=\"false\"\n            v-bind:default-page-size=\"15\"\n            v-on:error=\"error = $event\"\n            target-tab=\"picture\")\n\n            template(#no-results=\"\")\n                promotion-no-results-call-to-action\n                    template(#bubble-title=\"\")\n                        h3.bubble-title {{ $t('artworks.loginToFindMore') }}\n\n        //- h2.total-count(v-if=\"totalCount === 0\") {{ $t('artworks.search.noResults') }}\n\n\n    errors-message(v-if=\"error\" v-bind:error=\"error\")\n\n</template>\n\n<script>\n/**\n * Artwork search with masonry layout and infinite loading\n */\nimport SearchPage from '@/components/Base/SearchPage';\nimport ArtworkQueryOptions from '@/components/Artwork/QueryOptions';\n\nexport default {\n    name: 'artworks-search',\n\n    extends: SearchPage,\n\n    components: {\n        ArtworkQueryOptions,\n        // ProductionYearChartCtrl: () => import('@/components/Chart/ProductionYearChartCtrl'),\n        SearchOptionInputTimeSpan: () => import('@/components/SearchOptions/InputTimeSpan'),\n        SearchOptionColorFlex: () => import('@/components/SearchOptions/ColorFlex'),\n        PromotionNoResultsCallToAction: () => import('@/components/global/PromotionNoResultsCallToAction.vue')\n    },\n\n    data: function () {\n        return {\n            pageMetaInfo: {\n                title: this.$t('navigation.artworksSearch')\n            },\n            totalCount: -1,\n            facetResults: [],\n            previousText: null,\n            productionYears: [],\n            selectedYear: null,\n            colorFlex: false,\n            showTimeSpan: false\n        };\n    },\n\n    mounted: async function () {\n        // update production years for the graph\n        this.getProductionYears();\n\n        // ArtworksFacets\n        await this.$store.dispatch('facets/fetchArtworksFacetsPublicOnly')\n            .catch(() => {\n                console.warn(\"PublicOnly Artwork Facets not found\");\n            });\n\n        const isAnonymous = this.$store.getters['user/isAnonymous'];\n        if (!isAnonymous) {\n            await this.$store.dispatch('facets/fetchArtworksFacetsViewAll')\n                .catch(() => {\n                    console.warn(\"ViewAll Artwork Facets not found\");\n                });\n        }\n\n        this.$nextTick(() => {\n            this.$eventBus.$emit('page-ready');\n        });\n    },\n\n    watch: {\n        $route: function () {\n            // update production years for the graph\n            if (!this.selectedYear) {\n                this.getProductionYears();\n            }\n        }\n    },\n\n    methods: {\n        getOptionsFromQuery: function () {}, // noop; override base\n\n        /**\n         * Get params for SVC request.\n         */\n        getRequestParams: function () {\n            // construct needed facets\n            // out of: '[Classification,SubClassification,PublishedKeeperSorted,ArtistSorted,ProductionAtmostBeginYear,Colors]'\n            const hasTimespan = this.$refs.queryOptions.segments.timeSpan;\n            // const hasColors = this.$refs.queryOptions.options.colour;\n            const hasColorsSelected = this.$refs.queryOptions.options.HexColors &&\n                this.$refs.queryOptions.options.HexColors.length;\n            this.colorFlex = hasColorsSelected > 0 || this.$refs.queryOptions.segments.colour;\n\n            const facets = [];\n            if (hasTimespan) {\n                facets.push('ProductionAtmostBeginYear');\n            }\n            if (hasColorsSelected) {\n                facets.push('Colors');\n            }\n            const artworkFacets = `[${facets.join(',')}]`;\n\n            const params = _.extend({\n                AutoWildcards: true,\n                EnableFacetedSearch: facets.length > 0,\n                ArtworkFacets: artworkFacets\n            }, this.$refs.queryOptions.getParams());\n\n            // make an exception for a selected year, repeat it 4 times.\n            if (this.selectedYear) {\n                params.ProductionYearBetween = [\n                    this.selectedYear, this.selectedYear, this.selectedYear, this.selectedYear\n                ];\n            }\n\n            return params;\n        },\n\n        /**\n         * Format query url from options and push it to router.\n         */\n        doSearch: async function () {\n            // update query string to url\n            const query = (this.$refs.queryOptions &&\n                this.$refs.queryOptions.getQueryFromOptions()) || {};\n\n            if (!this.$refs.queryOptions.segments.timeSpan) {\n                // time span selection cleared out\n                this.productionYears = [];\n                this.selectedYear = null;\n            }\n\n            // when colour search is enabled, show color-flex bubbles\n            this.colorFlex = this.$refs.queryOptions.segments.colour;\n\n            this.totalCount = -1;\n            this.error = null;\n\n            // only push route if query changed\n            if (!_.isEqual(this.$route.query, query)) {\n                this.$router.push({query});\n            }\n            this.$nextTick(() => {\n                // multiStack reset triggers the search (by getArtworks())\n                this.$refs.multiStack && this.$refs.multiStack.reset();\n            });\n        },\n\n        /**\n         * Pagination method.\n         */\n        getArtworks: async function (paginationParams, config) {\n            const params = _.extend({}, paginationParams, this.getRequestParams());\n\n            // specify data depth\n            params.Template = {\n                IndexProperties: true,\n                ObjectProperties: false,\n                Dimensions: false,\n                Makers: true, // deprecated\n                MakersProperties: 'MakersActorSimple',\n                ImageInfoExtended: true\n            };\n\n            // GET results\n            return this.$SVC.queryArtworks(params, config)\n                .finally(() => {\n                    this.previousText = params.Text;\n                });\n        },\n\n        /**\n         * Get ProductionYearBetween option for the graph.\n         */\n        getProductionYears: function () {\n            if (this.$refs.queryOptions && this.$refs.queryOptions.segments && this.$refs.queryOptions.segments.timeSpan) {\n                this.productionYears = this.$refs.queryOptions.options.ProductionYearBetween;\n\n                // delay time span render, if params unpack a single year and cause double redirect\n                setTimeout(() => {\n                    this.showTimeSpan = true;\n                }, 1000);\n            }\n            else {\n                this.productionYears = [];\n                this.showTimeSpan = false;\n            }\n        },\n\n        onSelectYear: function (year) {\n            this.selectedYear = year;\n            // multiStack reset triggers the search (by getArtworks())\n            this.$refs.multiStack.reset();\n        },\n\n        /**\n         * On color-flex color bubble click.\n         */\n        onSelectColor: function (bubble) {\n            if (bubble && bubble.color) {\n                this.$refs.queryOptions.segments.colour = true;\n                // replace selection\n                this.$refs.queryOptions.options.HexColors = [bubble.color.replace('#', '')];\n            }\n            this.doSearch();\n        },\n\n        stackCallback: function () {\n            this.facetResults = this.$refs.multiStack.getFacets();\n            this.totalCount = this.$refs.multiStack.getTotalCount();\n        }\n    }\n};\n</script>\n\n<style lang=\"scss\">\n// @import '~assets/styles/variables';\n\n#artworks-search {\n    .artwork-query-options {\n        .search-input-text {\n            margin-right: 1.5rem;\n        }\n    }\n    .page-images-select {\n        display: inline-block !important;\n    }\n    .artworks-search-results {\n        flex-grow: 0;\n        .chart-container {\n            position: relative;\n            width: auto;\n            height: auto;\n            margin-bottom: 2rem;\n        }\n        h2.total-count {\n            display: block;\n            margin: 0 0 2rem;\n            font-family: $main-serif;\n            font-size: 1.5rem;\n        }\n        .item {\n            margin: 0 10px 15px 0;\n            &:last-child {\n                margin-right: 0;\n            }\n        }\n        .card {\n            align-self: flex-end;\n            figure {\n                margin: 0;\n            }\n        }\n        .stacking-modes-toolbar {\n            position: relative;\n            top: 0;\n            justify-content: flex-end;\n            width: 100%;\n            margin-top: 0;\n            margin-bottom: 1rem;\n        }\n        .artwork-sidebar {\n            // hide the actor follow button\n            .actor-card .social-button-wrapper {\n                display: none;\n            }\n        }\n        .pagination-header {\n            align-items: center;\n            .page-images-select {\n                display: none;\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!./ArtworksSearch.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!./ArtworksSearch.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ArtworksSearch.vue?vue&type=template&id=55c31114&lang=pug&\"\nimport script from \"./ArtworksSearch.vue?vue&type=script&lang=js&\"\nexport * from \"./ArtworksSearch.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ArtworksSearch.vue?vue&type=style&index=0&id=55c31114&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"],"names":["hasTag","meta","obj","_","filter","length","methods","getMetaInfo","pageInfo","route","item","noindex","siteName","locale","titleTemplate","title","clone","name","push","content","isProdSite","isTestEnv","property","getFullLocale","description","TagLine","IngressText","DescriptionHtml","Metrics","Primary","afterNavigation","console","log","changed","newInfo","addedTags","removedTags","imageSrc","getMetaImageSrc","replace","getBaseUrl","path","merge","htmlAttrs","lang","prefix","this","$site","$i18n","mixins","metaInfo","data","pageMetaInfo","options","Text","suggestions","resultCount","ready","error","created","watch","$route","getOptionsFromQuery","doSearch","query","resetSearch","searchPaginationCallback","render","staticRenderFns","_vm","_c","_self","staticClass","attrs","id","ref","facetResults","on","search","onSelectColor","colorFlex","select","_e","productionYears","height","value","$refs","queryOptions","ProductionYearBetween","change","soonUpdateTimeSpan","reset","$event","defaults","api","getArtworks","infinite","resolution","x","toolbar","loaded","stackCallback","scopedSlots","_u","key","fn","_v","_s","$t","proxy","_withStripped","extends","components","ArtworkQueryOptions","SearchOptionInputTimeSpan","SearchOptionColorFlex","PromotionNoResultsCallToAction","totalCount","previousText","selectedYear","showTimeSpan","mounted","catch","isAnonymous","getRequestParams","facets","AutoWildcards","EnableFacetedSearch","ArtworkFacets","params","IndexProperties","ObjectProperties","Dimensions","Makers","MakersProperties","ImageInfoExtended","finally","getProductionYears","setTimeout","onSelectYear"],"sourceRoot":""}