{"remainingRequest":"/home/camus/work/lotus/node_modules/vue-loader/lib/index.js??vue-loader-options!/home/camus/work/lotus/app/components/source-editor.vue?vue&type=style&index=0&id=7242f63c&lang=scss&scoped=true","dependencies":[{"path":"/home/camus/work/lotus/app/components/source-editor.vue","mtime":1732184473651},{"path":"/home/camus/work/lotus/node_modules/css-loader/dist/cjs.js","mtime":1719800839423},{"path":"/home/camus/work/lotus/node_modules/vue-loader/lib/loaders/stylePostLoader.js","mtime":1719800840033},{"path":"/home/camus/work/lotus/node_modules/postcss-loader/src/index.js","mtime":1719800839995},{"path":"/home/camus/work/lotus/node_modules/sass-loader/dist/cjs.js","mtime":1719800856708},{"path":"/home/camus/work/lotus/node_modules/cache-loader/dist/cjs.js","mtime":1719800821084},{"path":"/home/camus/work/lotus/node_modules/vue-loader/lib/index.js","mtime":1719800840033}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ci5zb3VyY2UtZWRpdG9yCnsKCWRpc3BsYXk6IGlubGluZS1ibG9jazsKfQoKLnByaXNtLWVkaXRvci13cmFwcGVyCnsKCWJhY2tncm91bmQtY29sb3I6ICNmNGYyZjA7CglyZXNpemU6IGhvcml6b250YWw7Cgl3aWR0aDogNTBlbTsKCWhlaWdodDogMTAwJTsKCS8vYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7Cglmb250LWZhbWlseTogbW9ub3NwYWNlOwoJZm9udC1zaXplOiAxNnB4OwoJbGluZS1oZWlnaHQ6IDE5cHg7CglvdmVyZmxvdzogYXV0bzsKfQo="},{"version":3,"sources":["source-editor.vue"],"names":[],"mappings":";AAmHA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"source-editor.vue","sourceRoot":"app/components","sourcesContent":["<template>\n\t<div class=\"source-editor\"\n\t\t@click=\"onClick\"\n\t>\n\t\t<PrismEditor v-model=\"editText\"\n\t\t\t:lineNumbers=\"true\"\n\t\t\t:highlight=\"highlighter\"\n\t\t\t:readonly=\"disabled\"\n\t\t\t:tabSize=\"4\"\n\t\t/>\n\t</div>\n</template>\n\n<script>\n\timport \"vue-prism-editor/dist/prismeditor.min.css\";\n\timport \"prismjs/themes/prism-solarizedlight.css\";\n\n\timport {highlight, languages} from \"prismjs\";\n\timport \"prismjs/components/prism-lilypond\";\n\n\timport {PrismEditor} from \"vue-prism-editor\";\n\n\n\n\texport default {\n\t\tname: \"source-editor\",\n\n\n\t\tprops: {\n\t\t\tsource: String,\n\t\t\tdisabled: Boolean,\n\t\t},\n\n\n\t\tcomponents: {\n\t\t\tPrismEditor,\n\t\t},\n\n\n\t\tdata () {\n\t\t\treturn {\n\t\t\t\teditText: this.source,\n\t\t\t};\n\t\t},\n\n\n\t\tmethods: {\n\t\t\thighlighter (code) {\n\t\t\t\treturn highlight(code, languages.lilypond);\n\t\t\t},\n\n\t\t\tonClick () {\n\t\t\t\tif (!document.activeElement || document.activeElement.tagName !== \"TEXTAREA\")\n\t\t\t\t\tthis.$el.querySelector(\"textarea\").focus();\n\t\t\t},\n\t\t},\n\n\n\t\twatch: {\n\t\t\teditText (value) {\n\t\t\t\tif (this.source !== value)\n\t\t\t\t\tthis.$emit(\"update:source\", value);\n\t\t\t},\n\n\n\t\t\tsource (value) {\n\t\t\t\tthis.editText = value;\n\t\t\t},\n\t\t},\n\t};\n</script>\n\n<style lang=\"scss\"scoped>\n\t.source-editor\n\t{\n\t\tdisplay: inline-block;\n\t}\n\n\t.prism-editor-wrapper\n\t{\n\t\tbackground-color: #f4f2f0;\n\t\tresize: horizontal;\n\t\twidth: 50em;\n\t\theight: 100%;\n\t\t//background-color: transparent;\n\t\tfont-family: monospace;\n\t\tfont-size: 16px;\n\t\tline-height: 19px;\n\t\toverflow: auto;\n\t}\n</style>\n\n<style>\n\t.prism-editor-wrapper pre, .prism-editor-wrapper textarea\n\t{\n\t\twhite-space: pre !important;\n\t}\n\n\t.prism-editor-wrapper textarea:focus\n\t{\n\t\toutline: 0;\n\t}\n\n\t.prism-editor__line-numbers\n\t{\n\t\tuser-select: none;\n\t}\n\n\t.prism-editor__container\n\t{\n\t\toverflow: unset !important;\n\t\twidth: 1000% !important;\n\t}\n</style>\n"]}]}