{"version":3,"sources":["webpack:///./src/components/SearchOnPage.vue?f951","webpack:///src/components/SearchOnPage.vue","webpack:///./src/components/SearchOnPage.vue?e3b1","webpack:///./src/components/SearchOnPage.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","class","className","attrs","on","$event","type","indexOf","_k","keyCode","key","windowFind","model","value","callback","$$v","searchText","expression","staticRenderFns","props","String","data","methods","$nextTick","window","find","scrollableParent","scrollTo","top","targetScrollTop","behavior","setTimeout","searchInput","findScrollableParent","parent","overflowY","parentElement","document","documentElement","component","VContainer","VTextField"],"mappings":"uHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,cAAc,CAACA,EAAG,eAAe,CAACE,MAAMN,EAAIO,UAAUC,MAAM,CAAC,MAAQ,iBAAiB,UAAY,IAAIC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAIA,EAAOC,KAAKC,QAAQ,QAAQZ,EAAIa,GAAGH,EAAOI,QAAQ,QAAQ,GAAGJ,EAAOK,IAAI,SAAkB,KAAcf,EAAIgB,WAAWN,KAAUO,MAAM,CAACC,MAAOlB,EAAc,WAAEmB,SAAS,SAAUC,GAAMpB,EAAIqB,WAAWD,GAAKE,WAAW,iBAAiB,IAC9cC,EAAkB,GCatB,G,UAAA,CACEC,MAAO,CACLjB,UAAWkB,QAEbC,KAJF,WAKI,MAAO,CACLL,WAAY,KAGhBM,QAAS,CACPX,WADJ,WACA,WACMf,KAAK2B,WAAU,WACb,IAAR,+BAGQ,GAAK,EAAb,YAGYC,OAAOC,KAAK,EAAxB,aAEA,OACA,eACA,cACA,wBAHU,IAMV,yBACA,kCAGU,GAAIC,EAAkB,CACpB,IAAZ,4BACA,EACA,qBAGYA,EAAiBC,SAAS,CACxBC,IAAKC,EACLC,SAAU,WAKdC,YAAW,WACrB,OAAYC,QAAZ,mBACA,UAIIC,qBAxCJ,SAwCA,GACM,IAAN,kBACM,MAAOC,EAAQ,CACb,IAAR,uCACQ,GAAkB,SAAdC,GAAsC,WAAdA,EAC1B,OAAOD,EAETA,EAASA,EAAOE,cAElB,OAAOC,SAASC,oBCxEgU,I,yDCOlVC,EAAY,eACd,EACA7C,EACAwB,GACA,EACA,KACA,KACA,MAIa,aAAAqB,EAAiB,QAMhC,IAAkBA,EAAW,CAACC,aAAA,KAAWC,aAAA","file":"js/chunk-2d217a2e.f28ef165.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-container',[_c('v-text-field',{class:_vm.className,attrs:{\"label\":\"Search on page\",\"clearable\":\"\"},on:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\")){ return null; }return _vm.windowFind($event)}},model:{value:(_vm.searchText),callback:function ($$v) {_vm.searchText=$$v},expression:\"searchText\"}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-container>\r\n    <!-- Search Input -->\r\n    <v-text-field\r\n      :class=\"className\"\r\n      v-model=\"searchText\"\r\n      label=\"Search on page\"\r\n      clearable\r\n      @keyup.enter=\"windowFind\"\r\n    />\r\n  </v-container>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  props: {\r\n    className: String\r\n  },\r\n  data() {\r\n    return {\r\n      searchText: \"\" // The search query\r\n    };\r\n  },\r\n  methods: {\r\n    windowFind() {\r\n      this.$nextTick(() => {\r\n        const searchInput = this.$el.querySelector(\"input\"); // Get Vuetify's input field\r\n\r\n        // Ensure there's a search term\r\n        if (!this.searchText) return;\r\n\r\n        // Use window.find() to locate the text\r\n        if (window.find(this.searchText)) {\r\n          // Get the bounding box of the selected text\r\n          const rangeRect = window\r\n            .getSelection()\r\n            .getRangeAt(0)\r\n            .getBoundingClientRect();\r\n\r\n          // Find the closest scrollable parent\r\n          const scrollableParent = this.findScrollableParent(\r\n            window.getSelection().anchorNode\r\n          );\r\n\r\n          if (scrollableParent) {\r\n            const parentRect = scrollableParent.getBoundingClientRect(); // Get parent position\r\n            const targetScrollTop =\r\n              scrollableParent.scrollTop - parentRect.top * 0.6;\r\n            //   + (rangeRect.top);\r\n\r\n            scrollableParent.scrollTo({\r\n              top: targetScrollTop,\r\n              behavior: \"smooth\"\r\n            });\r\n          }\r\n\r\n          // Restore focus to the search input after a small delay\r\n          setTimeout(() => {\r\n            searchInput?.focus();\r\n          }, 100);\r\n        }\r\n      });\r\n    },\r\n    findScrollableParent(element) {\r\n      let parent = element.parentElement;\r\n      while (parent) {\r\n        const overflowY = window.getComputedStyle(parent).overflowY;\r\n        if (overflowY === \"auto\" || overflowY === \"scroll\") {\r\n          return parent; // Found a scrollable container\r\n        }\r\n        parent = parent.parentElement;\r\n      }\r\n      return document.documentElement; // Default to body if no scrollable parent found\r\n    }\r\n  }\r\n};\r\n</script>\r\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!./SearchOnPage.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!./SearchOnPage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SearchOnPage.vue?vue&type=template&id=63b3be88&\"\nimport script from \"./SearchOnPage.vue?vue&type=script&lang=js&\"\nexport * from \"./SearchOnPage.vue?vue&type=script&lang=js&\"\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\n/* vuetify-loader */\nimport installComponents from \"!../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VTextField } from 'vuetify/lib/components/VTextField';\ninstallComponents(component, {VContainer,VTextField})\n"],"sourceRoot":""}