{"version":3,"file":"static/js/3656.6f62bdd4.js","mappings":"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","sources":["webpack://finnish-art/./src/components/SearchOverlay.vue","webpack://finnish-art/./src/components/SearchOverlay.vue?ab79","webpack://finnish-art/src/components/SearchOverlay.vue","webpack://finnish-art/./src/components/SearchOverlay.vue?398e","webpack://finnish-art/./src/components/SearchOverlay.vue?02c5"],"sourcesContent":["var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\n    \"div\",\n    {\n      directives: [\n        {\n          name: \"show\",\n          rawName: \"v-show\",\n          value: _vm.show,\n          expression: \"show\",\n        },\n      ],\n      staticClass: \"search-overlay\",\n      style: _vm.style,\n    },\n    [\n      _c(\"search-option-input-text\", {\n        ref: \"SearchInput\",\n        attrs: {\n          \"on-enter\": _vm.onEnter,\n          autofocus: true,\n          placeholder: _vm.$t(\"common.search\"),\n        },\n        model: {\n          value: _vm.value,\n          callback: function ($$v) {\n            _vm.value = $$v\n          },\n          expression: \"value\",\n        },\n      }),\n      _c(\"icon-close\", {\n        attrs: { title: _vm.$t(\"common.close\") },\n        on: { click: _vm.onClose },\n      }),\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","export * from \"-!../../node_modules/babel-loader/lib/index.js!../../node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet[1].rules[2]!../../node_modules/pug-plain-loader/index.js!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SearchOverlay.vue?vue&type=template&id=442ce37f&lang=pug\"","<template lang=\"pug\">\ndiv.search-overlay(\n    v-show=\"show\"\n    v-bind:style=\"style\")\n\n    search-option-input-text(\n        ref=\"SearchInput\"\n        v-model=\"value\"\n        v-bind:on-enter=\"onEnter\"\n        v-bind:autofocus=\"true\"\n        v-bind:placeholder=\"$t('common.search')\")\n\n    icon-close(\n        v-bind:title=\"$t('common.close')\"\n        v-on:click=\"onClose\")\n\n</template>\n\n<script>\n// import SearchOptionInputText from '@/components/SearchOptions/InputText';\n\nexport default {\n    name: 'search-overlay',\n\n    components: {\n        // SearchOptionInputText\n    },\n\n    data: function () {\n        return {\n            show: false,\n            style: '',\n            value: {Text: ''}\n        };\n    },\n\n    mounted: function () {\n        this.style = this.getWrapperStyle();\n        this.$eventBus.$on('show-search-overlay', this.onToggleShow);\n    },\n\n    beforeDestroy: function () {\n        this.$eventBus.$off('show-search-overlay', this.onToggleShow);\n    },\n\n    watch: {\n        /**\n         * Set style and bind keycode listeners for esc key to close the overlay.\n         */\n        show: function () {\n            this.style = this.getWrapperStyle();\n            if (this.show) {\n                document.addEventListener('keydown', this.onKeyDown);\n            }\n            else {\n                document.removeEventListener('keydown', this.onKeyDown);\n            }\n        }\n    },\n\n    methods: {\n        /**\n         * Get search overlay style.\n         * On tablet (navbar width >= 1024px), the search bar overlaps navbar, having same height.\n         * On mobile (< 1024px) it will be beneath the logo (auto height).\n         */\n        getWrapperStyle: function () {\n            const navbar = document.querySelector('.navbar.main-navigation');\n            if (!navbar || !navbar.clientHeight || !navbar.clientWidth) {\n                return '';\n            }\n\n            let style = '';\n            if (navbar.clientWidth >= 1024) { // desktop or tablet\n                style += `height: ${navbar.clientHeight}px;`;\n            }\n\n            return style;\n        },\n\n        onToggleShow: function (forceClose) {\n            if (!this.show && !forceClose) {\n                this.value = {Text: ''};\n                this.show = true;\n                this.$nextTick(() => {\n                    this.$refs.SearchInput?.$el.querySelector('input')?.focus();\n                });\n            }\n            else {\n                this.show = false;\n            }\n        },\n\n        onKeyDown: function (event) {\n            if (event.keyCode === 27) {\n                this.onClose();\n            }\n        },\n\n        onEnter: function () {\n            const text = (this.value && this.value.Text) || '';\n            const query = {Text: text};\n            this.onClose();\n            this.$router.push({name: `${this.$i18n.locale}.Search`, query});\n            // -> exits this view\n        },\n\n        onClose: function () {\n            this.show = false;\n        }\n    }\n};\n</script>\n\n<style lang=\"scss\">\n// @import '~assets/styles/variables';\n\n.search-overlay {\n    position: fixed;\n    top: 100px;\n    right: 0;\n    left: 0;\n    z-index: 15000; // above .dx-overlay-wrapper\n    display: flex;\n    width: auto;\n    height: auto; // will be dynamically adjusted for desktop\n    min-height: 5em;\n    background-color: rgba(0, 0, 0, 0.90);\n    transition-property: all;\n    transition-duration: 500ms;\n    transition-timing-function: ease-in;\n\n    .search-input-text {\n        position: relative;\n        top: 1rem;\n        max-width: 85vw;\n        margin: 0 auto 0 1rem;\n        .dx-textbox, input {\n            background-color: $light-gray;\n        }\n    }\n\n    .close-icon {\n        position: absolute;\n        top: 1rem;\n        right: 1.5rem;\n        width: 2rem;\n        height: 2rem;\n        color: $light-gray;\n        cursor: pointer;\n    }\n\n    // dynamically adjust for tablet\n    @media screen and (min-width: $breakpoint-tablet) {\n        .search-input-text {\n            max-width: 90vw;\n            margin-left: 2rem;\n        }\n    }\n\n    // dynamically adjust for desktop\n    @media screen and (min-width: $breakpoint-desktop) {\n        top: 0;\n        left: calc(137px + 45px + 2rem); // logo width 137px + 45px margin\n        min-height: unset;\n        .search-input-text {\n            top: 35px;\n            max-width: 70vw;\n        }\n        .close-icon {\n            top: 2rem;\n            right: 3rem;\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!./SearchOverlay.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!./SearchOverlay.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./SearchOverlay.vue?vue&type=template&id=442ce37f&lang=pug\"\nimport script from \"./SearchOverlay.vue?vue&type=script&lang=js\"\nexport * from \"./SearchOverlay.vue?vue&type=script&lang=js\"\nimport style0 from \"./SearchOverlay.vue?vue&type=style&index=0&id=442ce37f&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":["render","_vm","_c","_self","directives","name","rawName","value","show","expression","staticClass","style","ref","attrs","onEnter","autofocus","placeholder","$t","model","callback","$$v","title","on","click","onClose","staticRenderFns","_withStripped","components","data","Text","mounted","getWrapperStyle","$eventBus","$on","onToggleShow","beforeDestroy","$off","watch","document","addEventListener","onKeyDown","removeEventListener","methods","navbar","querySelector","clientHeight","clientWidth","concat","forceClose","_this","$nextTick","_this$$refs$SearchInp","$refs","SearchInput","$el","focus","event","keyCode","text","query","$router","push","$i18n","locale"],"sourceRoot":""}