{"version":3,"sources":["webpack:///./src/components/SearchAndFind.vue?f961","webpack:///src/components/SearchAndFind.vue","webpack:///./src/components/SearchAndFind.vue?8673","webpack:///./src/components/SearchAndFind.vue?ac67","webpack:///./src/assets/svg/chevronRight.svg","webpack:///./src/components/SearchResult.vue?b57d","webpack:///src/components/SearchResult.vue","webpack:///./src/components/SearchResult.vue?fc31","webpack:///./src/components/SearchResult.vue?abd2","webpack:///./src/components/SearchResult.vue?0309","webpack:///./src/components/SearchAndFind.vue?def0"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","attrs","type","on","click","$event","$emit","submit","stopPropagation","preventDefault","staticStyle","margin","height","directives","name","rawName","value","expression","ref","placeholder","$t","autocomplete","id","domProps","input","target","composing","searchQuery","search","for","_s","results","length","recentSearch","_e","_l","result","index","key","focusResult","class","active","activeIndex","searchUpdated","staticRenderFns","SearchAndFindvue_type_script_lang_js_","props","section","data","computed","methods","query","handlePopover","created","_this","$nextTick","inputField","$refs","searchInput","mounted","EventBus","destroyed","components","SearchResult","components_SearchAndFindvue_type_script_lang_js_","component","Object","componentNormalizer","__webpack_exports__","module","exports","__webpack_require__","p","collapsed","src","innerHTML","highlight","clickedResult","SearchResultvue_type_script_lang_js_","removeResultFromList","splice","findIndex","r","$store","commit","dispatch","getParent","path","eventBus","components_SearchResultvue_type_script_lang_js_","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_index_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_SearchResult_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_index_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_SearchResult_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0___default","n","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_index_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_SearchAndFind_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_index_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_SearchAndFind_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0___default"],"mappings":"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","file":"js/lazy-view-components-SearchAndFind.25965d80.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"search-and-find custom-scrollbar-light hide-bottom-scrollbar\"},[_c('div',{staticClass:\"find-top\"},[_c('div',{staticClass:\"find-title\"},[_c('h4',[_vm._v(\"Find\")]),_c('button',{attrs:{\"type\":\"reset\"},on:{\"click\":function($event){return _vm.$emit('toggle-search')}}},[_c('i',{staticClass:\"fa-light fa-times\"})])]),_c('form',{staticClass:\"d-flex search-list\",on:{\"submit\":function($event){$event.stopPropagation();$event.preventDefault();}}},[_c('div',{staticStyle:{\"margin\":\"10px 20px 10px\",\"height\":\"65px\"}},[_c('div',{staticClass:\"d-flex input-wrapper\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.searchQuery),expression:\"searchQuery\"}],ref:\"searchInput\",attrs:{\"placeholder\":_vm.$t('section-search.placeholder'),\"autocomplete\":\"off\",\"id\":\"searchInput\",\"type\":\"text\"},domProps:{\"value\":(_vm.searchQuery)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.searchQuery=$event.target.value}}}),_c('button',{attrs:{\"type\":\"submit\"},on:{\"click\":function($event){return _vm.search(_vm.searchQuery)}}},[_c('i',{staticClass:\"fa-light fa-search\"})])]),(_vm.recentSearch)?_c('label',{staticClass:\"result-length small\",attrs:{\"for\":\"searchInput\"}},[_vm._v(_vm._s(_vm.$t('section-search.found'))+\" \"),_c('span',{staticClass:\"text-bold\"},[_vm._v(_vm._s(_vm.results.length))]),_vm._v(_vm._s(_vm.$t('section-search.variants'))+\" \"),_c('span',{staticClass:\"text-bold\"},[_vm._v(\" \"+_vm._s(_vm.recentSearch))])]):_vm._e()])])]),_c('div',{staticClass:\"resultlist\"},_vm._l((_vm.results),function(result,index){return _c('div',{key:result.id,staticClass:\"result-card\"},[_c('div',{on:{\"click\":function($event){return _vm.focusResult(index, result)}}},[_c('search-result',{staticClass:\"search-result\",class:{'active': index == _vm.activeIndex},attrs:{\"result\":result,\"searchUpdated\":_vm.searchUpdated}})],1)])}),0)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n<div class=\"search-and-find custom-scrollbar-light hide-bottom-scrollbar\">\n<div class=\"find-top\">\n\n\t<div class=\"find-title\">\n            <h4>Find</h4>\n\n          <button  type=\"reset\" @click=\"$emit('toggle-search')\" >  \n               <i class=\"fa-light fa-times\"></i>\n          </button> \n    </div>\n\n        <form class=\"d-flex search-list\"  @submit.stop.prevent>\n            <div style=\"margin: 10px 20px 10px; height:65px;\">               \n                <div class=\"d-flex input-wrapper\">\n                    <input :placeholder=\"$t('section-search.placeholder')\" autocomplete=\"off\" id=\"searchInput\" ref=\"searchInput\" type=\"text\" v-model=\"searchQuery\">\n                    <button  type=\"submit\" @click=\"search(searchQuery)\">\n                        <i class=\"fa-light fa-search\"></i>\n                    </button>\n                </div>\n                <label v-if=\"recentSearch\" for=\"searchInput\" class=\"result-length small\">{{$t('section-search.found')}} <span class=\"text-bold\">{{results.length}}</span>{{$t('section-search.variants')}} <span class=\"text-bold\"> {{recentSearch}}</span></label>\n\n            </div>\n        </form>\n\n</div>\n    \n    <div class=\"resultlist\">\n        <div class=\"result-card\"  v-for=\"(result, index) in results\" :key=\"result.id\">    \n            <div @click=\"focusResult(index, result)\" >\n                <search-result class=\"search-result\" :result=\"result\"  :class=\"{'active': index == activeIndex}\"  :searchUpdated=\"searchUpdated\"/>           \n            </div>     \n        </div>\n    </div>\n</div>\n\t\n</template>\n\n<script>\n    import EventBus from \"@/assets/js/eventBus.js\";\n    import SearchResult from '@/components/SearchResult'\n\texport default {\n\t\tname: 'SearchAndFind',\n\t\tprops: {\n            section: Object\n\t\t},\n\t\tdata() {\n\t\t\treturn {\n            recentSearch: null,\n            searchQuery: \"\",\n            results: [],\n            activeIndex: null,\n            searchUpdated: false\n\t\t\t}\n\t\t},\n\t\tcomputed: {\n     \n\t\t},\n        methods: {\n            search (query) {\n                if(!query){\n                    this.results=[]\n                    this.recentSearch= null\n                }\n                else{\n                this.results = []\n                this.results = this.section.search(query, [])\n                this.recentSearch = query\n                this.searchUpdated = !this.searchUpdated\n                }\n            },\n        \n        focusResult(index, result){\n            this.activeIndex = index\n        },\n\n\n        handlePopover(){\n            this.$emit('close')\n        }\n         \n        },\n        created(){\n              this.$nextTick(() => {\n                const inputField =  this.$refs.searchInput\n                inputField.focus();\n            });\n        },\n        mounted(){\n            EventBus.$on(\"popover-opened\", this.handlePopover);\n        },\n        destroyed(){\n            EventBus.$off(\"popover-opened\");\n        },\n\n        components:{\n            SearchResult\n        }\n    \n    \n    }\n</script>\n\n<style lang=\"less\">\n\t.search-and-find{\n        color: var(--charcoal);\n        // height: calc(100% - 10px);\n        background: var(--background-white);\n        border-radius: var(--standard-border-radius);\n        padding-bottom: 10px;\n        .find-top{\n            position: fixed;\n            background: #fff;\n            width: 300px;\n            -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);\n            box-shadow:  0px 4px 4px rgba(0, 0, 0, 0.247);\n            border-radius: var(--standard-border-radius) !important;\n            img{\n                width: 16px;\n            }\n        }\n        .find-title{    \n            padding: 14px 20px;\n            text-transform: uppercase;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);\n            box-shadow:  0px 4px 4px rgba(0, 0, 0, 0.247);\n            h4{\n                margin-bottom: 0;\n            }\n            \n            button{\n                  color: #8F979C;\n                  &:hover{\n                    color: #383838;\n                }\n            }\n        }\n           button{\n                border: none;\n                background: inherit;\n            }\n        form{\n            \n            display: flex;\n            flex-direction: column;\n            justify-content: space-between;\n\n            label{\n                margin: 5px 0;\n                text-overflow: ellipsis;\n                overflow: hidden; \n                white-space: nowrap;\n                    width: 260px; \n            }\n        }\n        .input-wrapper{\n            justify-content: space-between;\n            border-bottom: 1px solid #3d464a1e;\n            transition: .4s;\n            padding: 10px 0;\n         &:focus-within{\n                border-bottom: 1px solid #3d464a;\n            }\n\n            button{\n                  color: #8F979C;\n                  &:hover{\n                    color: #383838;\n                }\n            }\n        }\n        input{\n            width: 240px;\n            border: none;\n            line-height: 24px;\n            word-break: break-word;\n            &:focus{\n            outline:0;\n            }\n        \n        }\n        .text-bold{\n            font-weight: 900;\n            cursor: default;\n        }\n        .resultlist{\n            background: #fff;\n            // overflow: scroll;\n            overflow: auto;\n            margin-top: 140px;\n            border-radius: var(--standard-border-radius);\n                .result-card{ \n                    margin: 10px;\n                    box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.25);\n                    background-color: #fff;\n                }\n        }\n        .search-result{\n            transition: .3s;\n              &:hover:not(.active){\n                        background-color: #f3f3f3;\n                    }\n        }\n        .active{\n            box-shadow: 4px 4px 14px 4px rgba(0, 0, 0, 0.336);\n            background-color: #ffffff;\n            // transform: scale(1.01)\n        }\n \n    }\n</style>\n\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SearchAndFind.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SearchAndFind.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SearchAndFind.vue?vue&type=template&id=9fe1f16c&\"\nimport script from \"./SearchAndFind.vue?vue&type=script&lang=js&\"\nexport * from \"./SearchAndFind.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SearchAndFind.vue?vue&type=style&index=0&lang=less&\"\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","module.exports = __webpack_public_path__ + \"img/chevronRight.67665fea.svg\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"search-result\"},[_c('div',{staticClass:\"result-head\",on:{\"click\":function($event){_vm.collapsed = !_vm.collapsed}}},[_c('div',{staticClass:\"toggle-collapse\"},[_c('img',{staticClass:\"caret\",attrs:{\"src\":_vm.collapsed  ? require('@/assets/svg/chevronRight.svg') : require('@/assets/svg/chevronDown.svg')}})]),(_vm.collapsed)?_c('p',{staticClass:\"result-text-collapsed\",domProps:{\"innerHTML\":_vm._s(_vm.result.highlight)}}):_vm._e()]),(!_vm.collapsed && !_vm.searchUpdated )?_c('p',{staticClass:\"result-text\",domProps:{\"innerHTML\":_vm._s(_vm.result.highlight)},on:{\"click\":function($event){return _vm.clickedResult(_vm.result)}}}):_vm._e(),(!_vm.collapsed && _vm.searchUpdated)?_c('p',{staticClass:\"result-text\",domProps:{\"innerHTML\":_vm._s(_vm.result.highlight)},on:{\"click\":function($event){return _vm.clickedResult(_vm.result)}}}):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"search-result\">\n\n        <div class=\"result-head\"  @click=\"collapsed = !collapsed\">\n            <div class=\"toggle-collapse\">\n                <img :src=\"collapsed  ? require('@/assets/svg/chevronRight.svg') : require('@/assets/svg/chevronDown.svg')\" class=\"caret\"/>\n            </div>\n\n        <p v-if=\"collapsed\" v-html=\"result.highlight\" class=\"result-text-collapsed\" ></p>\n        </div>\n        <!-- <p v-if=\"!collapsed\" v-html=\"result.highlight\" class=\"result-text\" @click=\"$store.dispatch('setActivePath', result.getParent().getParent().path)\"></p> -->\n        <p v-if=\"!collapsed && !searchUpdated \" v-html=\"result.highlight\" class=\"result-text\" @click=\"clickedResult(result)\"></p>\n        <p v-if=\"!collapsed && searchUpdated\" v-html=\"result.highlight\" class=\"result-text\" @click=\"clickedResult(result)\"></p>\n\n    </div>\n</template>\n\n<script>\n    import EventBus from \"@/assets/js/eventBus.js\";\n\texport default {\n\t\tname: 'SearchResult',\n\t\tprops: {\n            result: Object,\n            searchUpdated: Boolean\n\t\t},\n\t\tdata() {\n\t\t\treturn {\n                collapsed: false,\n\t\t\t}\n\t\t},\n        methods: {        \n        removeResultFromList(result){\n            this.results.splice(this.results.findIndex(r => r.id == result.id), 1)\n        },\n        clickedResult(result){\n            this.$store.commit('toggleScrollToPath')\n            this.$store.dispatch('setActivePath', result.getParent().getParent().path)\n         \n               this.$nextTick( () => EventBus.$emit('highlightVariantById', result.id))\n        }\n\n        },\n    \n    }\n</script>\n\n<style lang=\"less\">\n\t.search-result{\n            a{pointer-events: none;}\n    .result-head{\n        padding: 5px 10px;\n        box-shadow: -0px 2px 4px 0 rgba(0, 0, 0, 0.062);\n        display: flex;\n        // justify-content: space-between;\n        cursor: pointer;\n\n\n        .result-text-collapsed{\n            margin: 0 0 0 10px;\n            text-overflow: ellipsis;\n            white-space: nowrap;\n            overflow: hidden;\n            width: 100px;\n        }\n        .dismiss-item{\n            img{\n                width: 14px;\n            }\n        }\n    \n    }\n    \n        .result-text{\n            margin: 0;\n            padding: 5px 10px;\n            cursor: pointer;\n             word-wrap:break-word;\n    }\n    .highlight {\n    background-color: #ed7c3169;\n    }  \n        \n    }\n</style>\n\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SearchResult.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SearchResult.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SearchResult.vue?vue&type=template&id=6abcfc52&\"\nimport script from \"./SearchResult.vue?vue&type=script&lang=js&\"\nexport * from \"./SearchResult.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SearchResult.vue?vue&type=style&index=0&lang=less&\"\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","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../node_modules/css-loader/index.js??ref--10-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SearchResult.vue?vue&type=style&index=0&lang=less&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../node_modules/css-loader/index.js??ref--10-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SearchResult.vue?vue&type=style&index=0&lang=less&\"","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../node_modules/css-loader/index.js??ref--10-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SearchAndFind.vue?vue&type=style&index=0&lang=less&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../node_modules/css-loader/index.js??ref--10-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SearchAndFind.vue?vue&type=style&index=0&lang=less&\""],"sourceRoot":""}