{"version":3,"file":"static/js/6672.6e22902f.js","mappings":"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","sources":["webpack://finnish-art/./src/components/Base/SearchMixin.js","webpack://finnish-art/./src/components/Actor/Highlights.vue","webpack://finnish-art/./src/components/Actor/Highlights.vue?13c8","webpack://finnish-art/src/components/Actor/Highlights.vue","webpack://finnish-art/./src/components/Actor/Highlights.vue?1b04"],"sourcesContent":["import sampleSearchTexts from '@/data/artworks-search-texts.json';\n\nexport default {\n\n    data: function () {\n        return {\n            sampleClassifications: [\n                'maalaus',\n                'veistos',\n                'grafiikka',\n                'piirustus',\n                'esineteos',\n                'installaatio',\n                'mediataide',\n                'tekstiili',\n                'tilateos',\n                'valokuva'\n            ],\n            sampleSubClassifications: [\n                'akvarelli',\n                'installaatio',\n                'kollaasi',\n                'lasimaalaus',\n                'monumentaaliveistos',\n                'mosaiikki',\n                'painografiikka',\n                'paperiveistos',\n                'poltettu savi',\n                'puupiirros',\n                'reliefi',\n                'ryijy',\n                'sarjakuvaoriginaali',\n                'seinämaalaus',\n                'sekatekniikka',\n                'taidegrafiikka',\n                'tekstiili',\n                'tilataideteos',\n                'valoteos',\n                'videoinstallaatio',\n                'videokollaasi',\n                'videoteos',\n                'värivalokuva'\n            ],\n            sampleSearchTexts,\n            highlightActorNames: [\n                '(Erik Enroth)',\n                '(Fanny Churberg)',\n                '(Ferdinand von Wright)',\n                '(Gallen-Kallela)',\n                '(Helene Schjerfbeck)',\n                '(Hjalmar Munsterhjelm)',\n                '(Hugo Backmansson)',\n                '(Hugo Simberg)',\n                '(Järnefelt)',\n                '(Kaarina Alsta)',\n                '(Pekka Halonen)',\n                '(Santeri Salokivi)',\n                '(Venny Soldan-Brofelt)',\n                '(Vilho Lampi)',\n                '(Lyyli Säilä)'\n            ],\n            prominentActorNames: [\n                '(Alexander Lauréus)',\n                '(Alfred William Finch)',\n                '(Alpo Jaakola)',\n                '(Alvar Cawén)',\n                '(Amélie Lundahl)',\n                '(Berndt Lindholm)',\n                '(Bruno Liljefors)',\n                '(Edwin Lydén)',\n                '(Eero Nelimarkka)',\n                '(Eliel Saarinen)',\n                '(Elin Danielson-Gambogi)',\n                '(Ferdinand von Wright)',\n                '(Fredrik Ahlstedt)',\n                '(Gunnar Berndtson)',\n                '(Hugo Backmansson)',\n                '(Ivan Aivazovski)',\n                '(Jalmari Ruokokoski)',\n                '(Magnus von Wright)',\n                '(Maria Wiik)',\n                '(Matti Karppanen)',\n                '(Robert Wilhelm Ekman)',\n                '(Victor Westerholm)',\n                '(Väinö Kamppuri)'\n            ]\n        };\n    },\n\n    methods: {\n        getRandomClassification: function (without) {\n            return _.head(_.shuffle(_.difference(this.sampleClassifications, without)));\n        },\n\n        getRandomSubClassification: function (without) {\n            return _.head(_.shuffle(_.difference(this.sampleSubClassifications, without)));\n        },\n\n        getRandomSearchText: function (without) {\n            return _.head(_.shuffle(_.difference(this.sampleSearchTexts, without)));\n        },\n\n        getHighlights: async function () {\n            return new Promise((resolve, reject) => {\n                // include Alsta and Säilä to every query\n                // NOTE:     Make actor index highligs based on index.\n                // const searchString = `(Kaarina Alsta) OR (Lyyli Säilä) OR (${_.join(_.shuffle(this.highlightActorNames), ' OR ')})`;\n                this.$SVC.queryActors({\n                    // Texts: [{Field: 'Name', Text: searchString}],\n                    AutoWildcards: false,\n                    EnableFacetedSearch: false,\n                    UseProfile: this.getUseProfile_ViewCache(), // NOTE: the view needs to have UseProfileMixin\n                    // PreferredLocale included by svc helpers\n                    PageIndex: 0,\n                    PageSize: 16,\n                    // HasImage: false,\n                    // SortField: 'TopicDate:desc,ReleaseDate:desc', // automatic relevance\n                    Template: {\n                        PrimaryProperties: true,\n                        IndexProperties: true,\n                        ObjectProperties: true,\n                        IngressProperties: true,\n                        CuratorProperties: false,\n                        ArtworkProperties: false,\n                        DetailProperties: false,\n                        ImageInfoExtended: true\n                    }\n                })\n                    .then((response) => {\n                        const actors = response && response.data && response.data.Results;\n                        let highlights = _.filter(_.shuffle(actors), {ActorType: 'taiteilija'});\n\n                        // pick some selections to the top\n                        _.shuffle(['Lyyli Säilä', 'Kaarina Alsta']).forEach((name) => {\n                            const actor = _.head(_.filter(highlights, {Name: name}));\n                            if (actor) {\n                                highlights = _.pull(highlights, actor);\n                                highlights.unshift(actor);\n                            }\n                        });\n\n                        resolve(highlights);\n                    })\n                    .catch((error) => {\n                        this.$emit('error', error);\n                        reject(error);\n                    });\n            });\n        }\n    }\n};\n","var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _vm.items.length\n    ? _c(\n        \"segment\",\n        { staticClass: \"actor-highlights\", attrs: { title: _vm.title } },\n        [\n          _c(\"slick-slides\", {\n            ref: \"SlickSlides\",\n            staticClass: \"actor-slides\",\n            attrs: {\n              options: _vm.slickOptions || _vm.slickOptions2,\n              items: _vm.items,\n            },\n            scopedSlots: _vm._u(\n              [\n                {\n                  key: \"slide-card\",\n                  fn: function (slotScope) {\n                    return [\n                      slotScope.item\n                        ? _c(\n                            \"div\",\n                            { staticClass: \"columns\" },\n                            [\n                              _c(\"actor-card\", {\n                                staticClass: \"column is-6\",\n                                attrs: {\n                                  item: slotScope.item,\n                                  \"image-as-background\": true,\n                                },\n                              }),\n                              _vm.showBody &&\n                              slotScope.item.BodyHtml &&\n                              slotScope.item.BodyHtml.length\n                                ? _c(\n                                    \"div\",\n                                    { staticClass: \"actor-body column is-6\" },\n                                    [\n                                      _c(\"article\", {\n                                        domProps: {\n                                          innerHTML: _vm._s(\n                                            slotScope.item.BodyHtml\n                                          ),\n                                        },\n                                      }),\n                                      slotScope.item.BodyHtml &&\n                                      slotScope.item.BodyHtml.length > 50\n                                        ? _c(\n                                            \"button\",\n                                            { staticClass: \"btn\" },\n                                            [\n                                              _c(\n                                                \"router-link\",\n                                                {\n                                                  attrs: {\n                                                    to: _vm.getRoute(\n                                                      slotScope.item,\n                                                      {\n                                                        section:\n                                                          \"info-artworks\",\n                                                      },\n                                                      \"Actor\"\n                                                    ),\n                                                    title: slotScope.item.Name,\n                                                  },\n                                                },\n                                                [\n                                                  _vm._v(\n                                                    _vm._s(\n                                                      _vm.$t(\"common.readMore\")\n                                                    )\n                                                  ),\n                                                ]\n                                              ),\n                                            ],\n                                            1\n                                          )\n                                        : _vm._e(),\n                                    ]\n                                  )\n                                : _vm._e(),\n                              _vm.showArtworks && slotScope.item.CoverImageInfo\n                                ? _c(\n                                    \"div\",\n                                    {\n                                      staticClass: \"actor-body-artworks column\",\n                                      class:\n                                        slotScope.item.CoverImageInfo.Width >\n                                        slotScope.item.CoverImageInfo.Height\n                                          ? \"is-12\"\n                                          : \"is-6\",\n                                    },\n                                    [\n                                      _c(\"artwork-card\", {\n                                        attrs: {\n                                          item: slotScope.item,\n                                          resolution: { x: 500 },\n                                        },\n                                      }),\n                                    ],\n                                    1\n                                  )\n                                : _vm._e(),\n                              _vm._t(\"default\"),\n                            ],\n                            2\n                          )\n                        : _vm._e(),\n                    ]\n                  },\n                },\n              ],\n              null,\n              true\n            ),\n          }),\n        ],\n        1\n      )\n    : _vm._e()\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","import mod from \"-!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Highlights.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!./Highlights.vue?vue&type=script&lang=js&\"","<template lang=\"pug\">\nsegment.actor-highlights(\n    v-if=\"items.length\"\n    v-bind:title=\"title\")\n    slick-slides.actor-slides(\n        ref=\"SlickSlides\"\n        v-bind:options=\"slickOptions || slickOptions2\"\n        v-bind:items=\"items\")\n        template(#slide-card=\"slotScope\")\n            div.columns(\n                v-if=\"slotScope.item\")\n                //- Actor ingress image\n                actor-card.column.is-6(\n                    v-bind:item=\"slotScope.item\"\n                    v-bind:image-as-background=\"true\")\n\n                //- Actor presentation BodyHtml\n                div.actor-body.column.is-6(\n                    v-if=\"showBody && slotScope.item.BodyHtml && slotScope.item.BodyHtml.length\")\n\n                    article(v-html=\"slotScope.item.BodyHtml\")\n                    //- \"show more\" only when body text is long enough\n                    button.btn(\n                        v-if=\"slotScope.item.BodyHtml && slotScope.item.BodyHtml.length > 50\")\n                        router-link(\n                            v-bind:to=\"getRoute(slotScope.item, {section: 'info-artworks'}, 'Actor')\"\n                            v-bind:title=\"slotScope.item.Name\"\n                        ) {{ $t('common.readMore') }}\n\n                //- show CoverImage artwork, .is-6 for portraits and .is-12 for landscapes\n                div.actor-body-artworks.column(\n                    v-if=\"showArtworks && slotScope.item.CoverImageInfo\"\n                    v-bind:class=\"slotScope.item.CoverImageInfo.Width > slotScope.item.CoverImageInfo.Height ? 'is-12' : 'is-6'\")\n                    artwork-card(\n                        v-bind:item=\"slotScope.item\"\n                        v-bind:resolution=\"{x: 500}\")\n\n                slot\n\n</template>\n\n<script>\nimport SearchMixin from '@/components/Base/SearchMixin';\nimport HyperlinkMixin from '@/components/Base/HyperlinkMixin';\n\nexport default {\n    name: 'actor-highlights',\n\n    props: {\n        items: {            type: Array[Object] },\n        title: {            type: String },\n        showBody: {         type: Boolean, default: true },\n        showArtworks: {     type: Boolean, default: false },\n        slickOptions: {     type: Object }\n    },\n\n    mixins: [ SearchMixin, HyperlinkMixin ],\n\n    data: function () {\n        return {\n            slickOptions2: {\n                slidesToShow: 2,\n                slidesToScroll: 2,\n                rows: 1,\n                arrows: true,\n                variableWidth: false,\n                adaptiveHeight: true,\n                speed: 1000,\n                responsive: [\n                    {\n                        breakpoint: 850,\n                        settings: {\n                            slidesToShow: 1,\n                            slidesToScroll: 1\n                        }\n                    }\n                ]\n            },\n            error: null\n        };\n    },\n\n    watch: {\n        items: function () {\n            this.init();\n        }\n    },\n\n    methods: {\n        init: function () {\n            this.$refs.SlickSlides && this.$refs.SlickSlides.reSlick();\n        }\n    }\n};\n</script>\n\n<style lang=\"scss\">\n// @import '~assets/styles/mixins';\n\n.actor-highlights {\n    width: 100%;\n    .columns {\n        display: flex;\n        flex-wrap: wrap;\n        width: 100%;\n        @media (max-width: 850px) {\n            justify-content: center;\n            &.actor-query-options {\n                justify-content: left;\n            }\n        }\n        @media screen and (max-width: $breakpoint-mobile - 1) {\n            flex-direction: column !important;\n        }\n    }\n    .slick-track {\n        min-height: unset;\n        // without this margin, some content might get clipped\n        margin-bottom: 1.5rem;\n    }\n    .actor-slides {\n        display: flex;\n        flex-direction: column;\n        margin-top: 0;\n        padding: 0;\n        .slick-slide:nth-child(odd) {\n            .columns {\n                flex-direction: row-reverse;\n            }\n        }\n        .slick-slide:nth-child(even) {\n            .actor-body-artworks .card {\n                margin-left: auto;\n            }\n        }\n        .actor-card {\n            margin-top: 0;\n            text-align: center;\n            .card-image {\n                width: 180px !important;\n                height: auto;\n                margin: 0 auto !important;\n                figure {\n                    height: auto !important;\n                }\n                .image {\n                    margin: 0 auto;\n                }\n            }\n            .card-header-title {\n                align-items: center;\n                margin-top: 1.5rem;\n                text-align: center;\n                h2.title {\n                    overflow: visible;\n                    font-size: 1.25em;\n                }\n            }\n            .social-actions {\n                display: inline-flex;\n                flex-direction: row !important;\n                width: 100%;\n                margin: 0.75rem auto 1rem 0;\n                padding: 0;\n                font-size: 0.8rem !important;\n                .social-button-wrapper {\n                    margin: 0 auto;\n                }\n                .do-heart {\n                    margin-left: 0;\n                    border-color: black;\n                    border-width: 2px;\n                }\n                .do-follow span {\n                    vertical-align: sub;\n                }\n            }\n            .makers, .ingress-text {\n                display: none;\n            }\n        }\n        .actor-body {\n            margin-bottom: 1.5rem;\n            article {\n                // CSS fade!\n                @include fade-read-more(400px);\n            }\n            .btn {\n                height: 2rem;\n                margin-top: 1.5rem;\n                color: inherit;\n                border: 0;\n            }\n        }\n        .actor-body-artworks {\n            &.is-6 {\n                // stylelint-disable-next-line no-descending-specificity\n                .card {\n                    width: 280px !important;\n                }\n            }\n            &.is-12 {\n                width: 100%;\n            }\n        }\n    }\n\n    @media screen and (max-width: $breakpoint-mobile - 1) {\n        .actor-body-artworks {\n            .artwork-card {\n                width: 100% !important;\n                height: auto;\n            }\n        }\n    }\n}\n</style>\n","import { render, staticRenderFns } from \"./Highlights.vue?vue&type=template&id=9bb79638&lang=pug&\"\nimport script from \"./Highlights.vue?vue&type=script&lang=js&\"\nexport * from \"./Highlights.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Highlights.vue?vue&type=style&index=0&id=9bb79638&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":["data","sampleClassifications","sampleSubClassifications","sampleSearchTexts","highlightActorNames","prominentActorNames","methods","getRandomClassification","without","_","head","shuffle","difference","this","getRandomSubClassification","getRandomSearchText","getHighlights","Promise","resolve","reject","$SVC","queryActors","AutoWildcards","EnableFacetedSearch","UseProfile","getUseProfile_ViewCache","PageIndex","PageSize","Template","PrimaryProperties","IndexProperties","ObjectProperties","IngressProperties","CuratorProperties","ArtworkProperties","DetailProperties","ImageInfoExtended","then","response","actors","Results","highlights","filter","ActorType","forEach","name","actor","Name","pull","unshift","catch","error","$emit","render","_vm","_c","_self","items","length","staticClass","attrs","title","ref","options","slickOptions","slickOptions2","scopedSlots","_u","key","fn","slotScope","item","showBody","BodyHtml","domProps","innerHTML","_s","to","getRoute","section","_v","$t","_e","showArtworks","CoverImageInfo","class","Width","Height","resolution","x","_t","_withStripped","props","type","default","mixins","slidesToShow","slidesToScroll","rows","arrows","variableWidth","adaptiveHeight","speed","responsive","breakpoint","settings","watch","init"],"sourceRoot":""}