1 line
9.6 KiB
Plaintext
1 line
9.6 KiB
Plaintext
{"version":3,"sources":["webpack:///./node_modules/core-js/modules/es.array.filter.js","webpack:///./src/components/elements/DropdownItem.vue","webpack:///./src/components/elements/DropdownItem.vue?f03e","webpack:///./src/components/elements/Dropdown.vue?05dc","webpack:///./src/components/elements/Dropdown.vue","webpack:///./src/components/elements/Dropdown.vue?8c81","webpack:///./src/components/elements/DropdownItem.vue?2d78"],"names":["$","$filter","filter","arrayMethodHasSpeciesSupport","arrayMethodUsesToLength","HAS_SPECIES_SUPPORT","USES_TO_LENGTH","target","proto","forced","callbackfn","this","arguments","length","undefined","class","clicked","iconClass","name","props","type","String","text","disabled","Boolean","default","methods","event","$parent","$emit","visible","render","__scopeId","ref","title","toggle","$event","id","emits","items","Array","data","documentClickHndl","element","$refs","dropdown","parentElement","close","document","removeEventListener","open","addEventListener","setTimeout","style","left","top","parseFloat","getComputedStyle","button","height","getBoundingClientRect","window","innerWidth","clientWidth","width","innerHeight","clientHeight","stopPropagation"],"mappings":"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","file":"static/js/chunk-2606c898.c61d9a34.js","sourcesContent":["'use strict';\nvar $ = require('../internals/export');\nvar $filter = require('../internals/array-iteration').filter;\nvar arrayMethodHasSpeciesSupport = require('../internals/array-method-has-species-support');\nvar arrayMethodUsesToLength = require('../internals/array-method-uses-to-length');\n\nvar HAS_SPECIES_SUPPORT = arrayMethodHasSpeciesSupport('filter');\n// Edge 14- issue\nvar USES_TO_LENGTH = arrayMethodUsesToLength('filter');\n\n// `Array.prototype.filter` method\n// https://tc39.github.io/ecma262/#sec-array.prototype.filter\n// with adding support of @@species\n$({ target: 'Array', proto: true, forced: !HAS_SPECIES_SUPPORT || !USES_TO_LENGTH }, {\n filter: function filter(callbackfn /* , thisArg */) {\n return $filter(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);\n }\n});\n","<template>\n <div class=\"row item\" @click=\"clicked\">\n <div class=\"col-1 icon\" v-if=\"iconClass\">\n <i :class=\"iconClass\" />\n </div>\n <div class=\"text\" :class=\"{'col-11': iconClass != null}\" v-text=\"text\" />\n </div>\n</template>\n\n<script>\nexport default {\n name: \"DropdownItem\",\n props: {\n iconClass: {\n type: String,\n },\n\n text: {\n type: String,\n },\n\n disabled: {\n type: Boolean,\n default: false,\n },\n },\n\n methods: {\n clicked(event) {\n this.$parent.$emit('click', event)\n this.$parent.visible = false\n }\n }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.item {\n display: flex;\n padding: .5em .25em;\n cursor: pointer;\n align-items: center;\n\n &:hover {\n background: $hover-bg;\n }\n\n &.disabled {\n color: $dropdown-disabled-color;\n cursor: initial;\n }\n\n .icon {\n margin: 0 .5rem;\n }\n}\n</style>\n","import { render } from \"./DropdownItem.vue?vue&type=template&id=3cb494ce&scoped=true\"\nimport script from \"./DropdownItem.vue?vue&type=script&lang=js\"\nexport * from \"./DropdownItem.vue?vue&type=script&lang=js\"\n\nimport \"./DropdownItem.vue?vue&type=style&index=0&id=3cb494ce&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-3cb494ce\"\n\nexport default script","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/index.js??ref--0-1!./Dropdown.vue?vue&type=style&index=0&id=00fa59b4&lang=scss&scoped=true\"","<template>\n <div class=\"dropdown-container\" ref=\"container\">\n <button :title=\"title\" ref=\"button\" @click.stop=\"toggle($event)\">\n <i class=\"icon\" :class=\"iconClass\" v-if=\"iconClass\" />\n <span class=\"text\" v-text=\"text\" v-if=\"text\" />\n </button>\n\n <div class=\"dropdown fade-in\" :id=\"id\" :class=\"{hidden: !visible}\" ref=\"dropdown\">\n <slot />\n </div>\n </div>\n</template>\n\n<script>\nexport default {\n name: \"Dropdown\",\n emits: ['click'],\n props: {\n id: {\n type: String,\n },\n\n items: {\n type: Array,\n default: () => [],\n },\n\n iconClass: {\n type: String,\n default: 'fa fa-ellipsis-h',\n },\n\n text: {\n type: String,\n },\n\n title: {\n type: String,\n },\n },\n\n data() {\n return {\n visible: false,\n }\n },\n\n methods: {\n documentClickHndl(event) {\n if (!this.visible)\n return\n\n let element = event.target\n while (element) {\n if (!this.$refs.dropdown)\n break\n if (element === this.$refs.dropdown.element)\n return\n\n element = element.parentElement\n }\n\n this.close()\n },\n\n close() {\n this.visible = false\n document.removeEventListener('click', this.documentClickHndl)\n },\n\n open() {\n document.addEventListener('click', this.documentClickHndl)\n this.visible = true\n\n setTimeout(() => {\n const element = this.$refs.dropdown\n element.style.left = 0\n element.style.top = parseFloat(getComputedStyle(this.$refs.button).height) + 'px'\n\n if (element.getBoundingClientRect().left > window.innerWidth/2)\n element.style.left = (-element.clientWidth + parseFloat(getComputedStyle(this.$refs.button).width)) + 'px'\n\n if (element.getBoundingClientRect().top > window.innerHeight/2)\n element.style.top = (-element.clientHeight + parseFloat(getComputedStyle(this.$refs.button).height)) + 'px'\n }, 10)\n },\n\n toggle(event) {\n event.stopPropagation()\n this.$emit('click')\n this.visible ? this.close() : this.open()\n },\n },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.dropdown-container {\n position: relative;\n display: flex;\n flex-direction: column;\n\n .dropdown {\n position: absolute;\n width: max-content;\n background: $dropdown-bg;\n border-radius: .25em;\n border: $default-border-3;\n box-shadow: $dropdown-shadow;\n display: flex;\n flex-direction: column;\n z-index: 1;\n }\n}\n</style>\n","import { render } from \"./Dropdown.vue?vue&type=template&id=00fa59b4&scoped=true\"\nimport script from \"./Dropdown.vue?vue&type=script&lang=js\"\nexport * from \"./Dropdown.vue?vue&type=script&lang=js\"\n\nimport \"./Dropdown.vue?vue&type=style&index=0&id=00fa59b4&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-00fa59b4\"\n\nexport default script","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/index.js??ref--0-1!./DropdownItem.vue?vue&type=style&index=0&id=3cb494ce&lang=scss&scoped=true\""],"sourceRoot":""} |