{"version":3,"sources":["webpack:///./node_modules/skillbase-component/src/components/common/HoverableDropdown.vue?0f93","webpack:///node_modules/skillbase-component/src/components/common/HoverableDropdown.vue","webpack:///./node_modules/skillbase-component/src/components/common/HoverableDropdown.vue?2193","webpack:///./node_modules/skillbase-component/src/components/common/HoverableDropdown.vue","webpack:///./node_modules/skillbase-component/src/components/common/information/SeparationLine.vue?859e","webpack:///node_modules/skillbase-component/src/components/common/information/SeparationLine.vue","webpack:///./node_modules/skillbase-component/src/components/common/information/SeparationLine.vue?9170","webpack:///./node_modules/skillbase-component/src/components/common/information/SeparationLine.vue","webpack:///./node_modules/skillbase-component/src/components/common/HoverableDropdown.vue?2975","webpack:///./node_modules/skillbase-component/src/components/common/information/SeparationLine.vue?c135"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","class","show","on","$event","_t","attrs","_e","staticRenderFns","extend","name","components","SeparationLine","props","component"],"mappings":"mKAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,qBAAqBC,MAAM,CAAC,kBAAkBP,EAAIQ,MAAMC,GAAG,CAAC,UAAY,SAASC,GAAQV,EAAIQ,MAAO,GAAM,WAAa,SAASE,GAAQV,EAAIQ,MAAO,KAAS,CAACJ,EAAG,MAAM,CAACE,YAAY,qBAAqB,CAACF,EAAG,MAAM,CAACE,YAAY,WAAW,CAACN,EAAIW,GAAG,WAAWP,EAAG,MAAM,CAACE,YAAY,eAAeM,MAAM,CAAC,IAAM,EAAQ,YAAmC,GAAIZ,EAAQ,KAAEI,EAAG,MAAM,CAACE,YAAY,oBAAoBC,MAAM,CAAC,sBAAsBP,EAAIQ,OAAO,CAAER,EAAU,OAAEI,EAAG,mBAAmBJ,EAAIa,KAAKT,EAAG,MAAM,CAACE,YAAY,2BAA2B,CAACN,EAAIW,GAAG,YAAY,IAAI,GAAGX,EAAIa,UACzqBC,EAAkB,G,wBCeP,SAAIC,OAAO,CACtBC,KAAM,qBACNC,WAAY,CAACC,iBAAA,YACbC,MAAO,CAAC,UACR,OACI,MAAO,CACHX,MAAM,MCtB0K,I,wBCQxLY,EAAY,eACd,EACArB,EACAe,GACA,EACA,KACA,WACA,MAIa,aAAAM,E,6ECnBf,IAAIrB,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,KAAK,CAACE,YAAY,qBACjHQ,EAAkB,GCIP,GACbE,KAAFA,mBCNoU,I,wBCQhUI,EAAY,eACd,EACArB,EACAe,GACA,EACA,KACA,WACA,MAIa,aAAAM,E,2CCnBf,W,kCCAA","file":"js/chunk-74670a70.e8c1c4a4.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"hoverable-dropdown\",class:{'with-box-shadow':_vm.show},on:{\"mouseover\":function($event){_vm.show = true},\"mouseleave\":function($event){_vm.show = false}}},[_c('div',{staticClass:\"dropdown--trigger\"},[_c('div',{staticClass:\"trigger\"},[_vm._t(\"trigger\"),_c('img',{staticClass:\"icon icon-24\",attrs:{\"src\":require(\"./icons/action/dropdown.svg\")}})],2),(_vm.show)?_c('div',{staticClass:\"dropdown--content\",class:{'sub-with-box-shadow':_vm.show}},[(_vm.withHr)?_c('separation-line'):_vm._e(),_c('div',{staticClass:\"dropdown--content--body\"},[_vm._t(\"content\")],2)],1):_vm._e()])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template lang=\"pug\">\n    div.hoverable-dropdown(@mouseover=\"show = true\" @mouseleave=\"show = false\" :class=\"{'with-box-shadow':show}\")\n        div.dropdown--trigger\n            div.trigger\n                slot(name=\"trigger\")\n                img.icon.icon-24(src=\"./icons/action/dropdown.svg\")\n            div.dropdown--content(v-if=\"show\" :class=\"{'sub-with-box-shadow':show}\")\n                separation-line(v-if=\"withHr\")\n                div.dropdown--content--body\n                    slot(name=\"content\")\n</template>\n\n<script lang=\"ts\">\nimport Vue from \"vue\";\nimport SeparationLine from \"./information/SeparationLine.vue\";\n\nexport default Vue.extend({\n    name: \"hoverable-dropdown\",\n    components: {SeparationLine},\n    props: ['withHr'],\n    data() {\n        return {\n            show: false\n        };\n    }\n});\n</script>\n\n<style lang=\"scss\" scoped>\n.hoverable-dropdown {\n    position: relative;\n    background: white;\n    border-radius: 5px;\n\n    &.with-box-shadow {\n        box-shadow: 0 3px 3px var(--shadow-color);\n        border-radius: 5px 5px 0 0;\n    }\n\n    .dropdown--content {\n        border-radius: 0 0 5px 5px;\n        &--body {\n            padding: 5px 0;\n        }\n    }\n\n    &:hover {\n        .dropdown--trigger {\n            background-color: white;\n            border-radius: 5px;\n            img {\n                transform: rotate(180deg);\n            }\n\n            .dropdown--content {\n                background-color: white;\n                z-index: 1000;\n            }\n        }\n    }\n\n    .dropdown--trigger {\n        .trigger {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n\n            img {\n                height: 18px;\n                width: 18px;\n                margin-right: 10px;\n            }\n        }\n    }\n\n    .dropdown--content {\n        position: absolute;\n        width: 100%;\n        z-index: 1000;\n        background: white;\n        right: 0;\n    }\n\n    .sub-with-box-shadow {\n        box-shadow: 0 3px 3px var(--shadow-color);\n        border-radius: 0px 0px 4px 4px;\n    }\n\n}\n</style>","import mod from \"-!../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../vue-loader/lib/index.js??vue-loader-options!./HoverableDropdown.vue?vue&type=script&lang=ts&\"; export default mod; export * from \"-!../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../vue-loader/lib/index.js??vue-loader-options!./HoverableDropdown.vue?vue&type=script&lang=ts&\"","import { render, staticRenderFns } from \"./HoverableDropdown.vue?vue&type=template&id=0b4e1052&scoped=true&lang=pug&\"\nimport script from \"./HoverableDropdown.vue?vue&type=script&lang=ts&\"\nexport * from \"./HoverableDropdown.vue?vue&type=script&lang=ts&\"\nimport style0 from \"./HoverableDropdown.vue?vue&type=style&index=0&id=0b4e1052&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"0b4e1052\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('hr',{staticClass:\"separation-line\"})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template lang=\"pug\">\n    hr.separation-line\n</template>\n\n<script>\nexport default {\n    name: \"separation-line\",\n}\n</script>\n\n<style scoped lang=\"scss\">\n.separation-line {\n    background-color: var(--grey-3-color);\n    height: 1px;\n    margin: 0px;\n}\n</style>","import mod from \"-!../../../../../cache-loader/dist/cjs.js??ref--13-0!../../../../../thread-loader/dist/cjs.js!../../../../../babel-loader/lib/index.js!../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../vue-loader/lib/index.js??vue-loader-options!./SeparationLine.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../cache-loader/dist/cjs.js??ref--13-0!../../../../../thread-loader/dist/cjs.js!../../../../../babel-loader/lib/index.js!../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../vue-loader/lib/index.js??vue-loader-options!./SeparationLine.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SeparationLine.vue?vue&type=template&id=0849bb7d&scoped=true&lang=pug&\"\nimport script from \"./SeparationLine.vue?vue&type=script&lang=js&\"\nexport * from \"./SeparationLine.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SeparationLine.vue?vue&type=style&index=0&id=0849bb7d&scoped=true&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"0849bb7d\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../vue-loader/lib/loaders/stylePostLoader.js!../../../../postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../vue-loader/lib/index.js??vue-loader-options!./HoverableDropdown.vue?vue&type=style&index=0&id=0b4e1052&lang=scss&scoped=true&\"","export * from \"-!../../../../../mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../vue-loader/lib/loaders/stylePostLoader.js!../../../../../postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../vue-loader/lib/index.js??vue-loader-options!./SeparationLine.vue?vue&type=style&index=0&id=0849bb7d&scoped=true&lang=scss&\""],"sourceRoot":""}