@hep-code-runner/vue3 1.2.0 → 1.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- code[class*=language-],pre[class*=language-]{color:#000;background:none;text-shadow:0 1px white;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,code[class*=language-] ::-moz-selection{text-shadow:none;background:#b3d4fc}pre[class*=language-]::selection,pre[class*=language-] ::selection,code[class*=language-]::selection,code[class*=language-] ::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#708090}.token.punctuation{color:#999}.token.namespace{opacity:.7}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted{color:#905}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#690}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string{color:#9a6e3a;background:#ffffff80}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.function,.token.class-name{color:#dd4a68}.token.regex,.token.important,.token.variable{color:#e90}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.code-editor[data-v-0ec35612]{position:relative;flex:1;overflow:hidden}.code-highlight[data-v-0ec35612],.code-input[data-v-0ec35612]{position:absolute;top:0;left:0;width:100%;height:100%;padding:12px 16px;margin:0;border:none;font-family:SF Mono,Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.6;white-space:pre;overflow:auto}.code-highlight[data-v-0ec35612]{pointer-events:none;z-index:1}.code-highlight.code-highlight[data-v-0ec35612]{background:var(--v4a58b198)}.code-highlight code[data-v-0ec35612]{display:block;font-family:inherit}.code-input[data-v-0ec35612]{position:relative;z-index:2;background:transparent;color:transparent;caret-color:#d4d4d4;resize:none;outline:none}.code-input[data-v-0ec35612]:disabled{opacity:.7}.theme-light .code-input[data-v-0ec35612]{caret-color:#333}.code-runner[data-v-6e14ca02]{display:flex;flex-direction:column;border:1px solid #e0e0e0;border-radius:12px;overflow:hidden;font-family:SF Mono,Monaco,Menlo,Ubuntu Mono,monospace}.code-runner-light[data-v-6e14ca02]{background:#fff}.code-runner-dark[data-v-6e14ca02]{background:#1e1e1e;border-color:#333}.code-runner-header[data-v-6e14ca02]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#252526;border-bottom:1px solid #333}.code-runner-light .code-runner-header[data-v-6e14ca02]{background:#f3f3f3;border-color:#e0e0e0}.code-runner-controls[data-v-6e14ca02]{display:flex;gap:8px}.language-select[data-v-6e14ca02]{padding:6px 12px;border:1px solid #444;border-radius:6px;background:#2d2d2d;color:#d4d4d4;font-size:13px;cursor:pointer;outline:none}.code-runner-light .language-select[data-v-6e14ca02]{background:#fff;color:#333;border-color:#ccc}.language-select[data-v-6e14ca02]:focus{border-color:#4fc3f7}.code-runner-actions[data-v-6e14ca02]{display:flex;gap:8px}.btn[data-v-6e14ca02]{padding:6px 16px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}.btn[data-v-6e14ca02]:disabled{opacity:.5;cursor:not-allowed}.btn-run[data-v-6e14ca02]{background:linear-gradient(135deg,#4caf50,#43a047);color:#fff}.btn-run[data-v-6e14ca02]:hover:not(:disabled){background:linear-gradient(135deg,#66bb6a,#4caf50)}.btn-reset[data-v-6e14ca02]{background:#3d3d3d;color:#aaa}.code-runner-light .btn-reset[data-v-6e14ca02]{background:#e0e0e0;color:#666}.btn-reset[data-v-6e14ca02]:hover:not(:disabled){background:#4d4d4d;color:#fff}.btn-theme[data-v-6e14ca02]{background:#3d3d3d;color:#aaa;padding:5px 10px;font-size:14px;line-height:1;height:auto;min-height:28px}.code-runner-light .btn-theme[data-v-6e14ca02]{background:#e0e0e0}.btn-theme[data-v-6e14ca02]:hover{background:#4d4d4d;color:#fff}.run-icon[data-v-6e14ca02]{font-size:12px}.error-message[data-v-6e14ca02]{padding:10px 16px;background:#c62828;color:#fff;font-size:13px}.code-runner-main[data-v-6e14ca02]{display:flex;height:400px;overflow:hidden}.editor-panel[data-v-6e14ca02]{display:flex;flex-direction:column;min-width:20%;max-width:80%}.panel-header[data-v-6e14ca02]{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#2d2d2d;border-bottom:1px solid #333}.code-runner-light .panel-header[data-v-6e14ca02]{background:#f0f0f0;border-color:#e0e0e0}.panel-title[data-v-6e14ca02]{font-size:12px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.5px}.language-badge[data-v-6e14ca02]{font-size:11px;padding:2px 8px;background:#4fc3f7;color:#000;border-radius:10px;font-weight:500}.code-editor[data-v-6e14ca02]{flex:1;width:100%;background:#1e1e1e}[data-v-6e14ca02] .code-highlight{background:transparent}[data-v-6e14ca02] .code-input{color:transparent;caret-color:#d4d4d4}.code-runner-light .code-editor[data-v-6e14ca02]{background:#fafafa}.code-runner-light .code-editor .code-highlight code[data-v-6e14ca02]{color:#333}.resize-handle[data-v-6e14ca02]{width:6px;background:#252526;cursor:col-resize;display:flex;align-items:center;justify-content:center;transition:background .2s}.resize-handle[data-v-6e14ca02]:hover{background:#4fc3f7}.resize-line[data-v-6e14ca02]{width:2px;height:40px;background:#444;border-radius:1px}.resize-handle:hover .resize-line[data-v-6e14ca02]{background:#fff}.output-panel[data-v-6e14ca02]{display:flex;flex-direction:column;min-width:20%;border-left:1px solid #333}.code-runner-light .output-panel[data-v-6e14ca02]{border-color:#e0e0e0}.output-tabs[data-v-6e14ca02]{display:flex;gap:4px}.tab[data-v-6e14ca02]{padding:4px 12px;border:none;background:transparent;cursor:pointer;font-size:12px;border-radius:4px;color:#888;transition:all .2s}.tab[data-v-6e14ca02]:hover{color:#d4d4d4;background:#3d3d3d}.code-runner-light .tab[data-v-6e14ca02]:hover{color:#333;background:#e0e0e0}.tab.active[data-v-6e14ca02]{background:#4fc3f7;color:#000;font-weight:500}.output-actions[data-v-6e14ca02]{display:flex;align-items:center;gap:12px}.execution-time[data-v-6e14ca02]{font-size:12px;color:#4caf50;font-weight:500}.btn-icon[data-v-6e14ca02]{background:transparent;border:none;cursor:pointer;padding:4px;border-radius:4px;color:#888;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-icon[data-v-6e14ca02]:hover{color:#fff;background:#3d3d3d}.code-runner-light .btn-icon[data-v-6e14ca02]:hover{color:#333;background:#e0e0e0}.output-content[data-v-6e14ca02]{flex:1;padding:12px 16px;overflow:auto;background:#1e1e1e}.code-runner-light .output-content[data-v-6e14ca02]{background:#fff}.output-content pre[data-v-6e14ca02]{margin:0;font-size:13px;line-height:1.6;white-space:pre-wrap;word-break:break-all;color:#d4d4d4}.code-runner-light .output-content pre[data-v-6e14ca02]{color:#333}.output-content .stderr[data-v-6e14ca02]{color:#f44336}.spinner[data-v-6e14ca02]{width:12px;height:12px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-6e14ca02 .8s linear infinite}@keyframes spin-6e14ca02{to{transform:rotate(360deg)}}.dialog-overlay[data-v-8a12e3c8]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}.dialog-container[data-v-8a12e3c8]{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.dialog-header[data-v-8a12e3c8]{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e0e0e0}.dialog-title[data-v-8a12e3c8]{margin:0;font-size:16px;font-weight:600;color:#333}.dialog-close[data-v-8a12e3c8]{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;color:#666;display:flex;align-items:center;justify-content:center;transition:all .2s}.dialog-close[data-v-8a12e3c8]:hover{background:#f0f0f0;color:#333}.dialog-body[data-v-8a12e3c8]{flex:1;overflow:auto;padding:0}.dialog-body[data-v-8a12e3c8] .code-runner{border:none;border-radius:0}.dialog-footer[data-v-8a12e3c8]{padding:12px 20px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:12px}.dialog-fade-enter-active[data-v-8a12e3c8],.dialog-fade-leave-active[data-v-8a12e3c8]{transition:opacity .2s ease}.dialog-fade-enter-from[data-v-8a12e3c8],.dialog-fade-leave-to[data-v-8a12e3c8]{opacity:0}.dialog-fade-enter-active .dialog-container[data-v-8a12e3c8],.dialog-fade-leave-active .dialog-container[data-v-8a12e3c8]{transition:transform .2s ease}.dialog-fade-enter-from .dialog-container[data-v-8a12e3c8],.dialog-fade-leave-to .dialog-container[data-v-8a12e3c8]{transform:scale(.95)}
1
+ .hep-cr-editor[data-v-1d5e2c50]{position:relative;flex:1;overflow:hidden}.hep-cr-highlight[data-v-1d5e2c50],.hep-cr-input[data-v-1d5e2c50]{position:absolute;top:0;left:0;width:100%;height:100%;padding:12px 16px;margin:0;border:none;font-family:SF Mono,Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.6;white-space:pre;overflow:auto}.hep-cr-highlight[data-v-1d5e2c50]{pointer-events:none;z-index:1}.hep-cr-highlight.hep-cr-highlight[data-v-1d5e2c50]{background:var(--v27028a20)}.hep-cr-highlight code[data-v-1d5e2c50]{display:block;font-family:inherit}.hep-cr-input[data-v-1d5e2c50]{position:relative;z-index:2;background:transparent;color:transparent;caret-color:#d4d4d4;resize:none;outline:none}.hep-cr-input[data-v-1d5e2c50]:disabled{opacity:.7}.hep-cr-theme-light .hep-cr-input[data-v-1d5e2c50]{caret-color:#333}.hep-cr-runner[data-v-f4bf7f21]{display:flex;flex-direction:column;border:1px solid #e0e0e0;border-radius:12px;overflow:hidden;font-family:SF Mono,Monaco,Menlo,Ubuntu Mono,monospace}.hep-cr-runner-light[data-v-f4bf7f21]{background:#fff}.hep-cr-runner-dark[data-v-f4bf7f21]{background:#1e1e1e;border-color:#333}.hep-cr-header[data-v-f4bf7f21]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#252526;border-bottom:1px solid #333}.hep-cr-runner-light .hep-cr-header[data-v-f4bf7f21]{background:#f3f3f3;border-color:#e0e0e0}.hep-cr-controls[data-v-f4bf7f21]{display:flex;gap:8px}.hep-cr-language-select[data-v-f4bf7f21]{padding:6px 12px;border:1px solid #444;border-radius:6px;background:#2d2d2d;color:#d4d4d4;font-size:13px;cursor:pointer;outline:none}.hep-cr-runner-light .hep-cr-language-select[data-v-f4bf7f21]{background:#fff;color:#333;border-color:#ccc}.hep-cr-language-select[data-v-f4bf7f21]:focus{border-color:#4fc3f7}.hep-cr-actions[data-v-f4bf7f21]{display:flex;gap:8px}.hep-cr-btn[data-v-f4bf7f21]{padding:6px 16px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}.hep-cr-btn[data-v-f4bf7f21]:disabled{opacity:.5;cursor:not-allowed}.hep-cr-btn-run[data-v-f4bf7f21]{background:linear-gradient(135deg,#4caf50,#43a047);color:#fff}.hep-cr-btn-run[data-v-f4bf7f21]:hover:not(:disabled){background:linear-gradient(135deg,#66bb6a,#4caf50)}.hep-cr-btn-reset[data-v-f4bf7f21]{background:#3d3d3d;color:#aaa}.hep-cr-runner-light .hep-cr-btn-reset[data-v-f4bf7f21]{background:#e0e0e0;color:#666}.hep-cr-btn-reset[data-v-f4bf7f21]:hover:not(:disabled){background:#4d4d4d;color:#fff}.hep-cr-btn-theme[data-v-f4bf7f21]{background:#3d3d3d;color:#aaa;padding:5px 10px;font-size:14px;line-height:1;height:auto;min-height:28px}.hep-cr-runner-light .hep-cr-btn-theme[data-v-f4bf7f21]{background:#e0e0e0}.hep-cr-btn-theme[data-v-f4bf7f21]:hover{background:#4d4d4d;color:#fff}.hep-cr-run-icon[data-v-f4bf7f21]{font-size:12px}.hep-cr-error[data-v-f4bf7f21]{padding:10px 16px;background:#c62828;color:#fff;font-size:13px}.hep-cr-main[data-v-f4bf7f21]{display:flex;height:400px;overflow:hidden}.hep-cr-editor-panel[data-v-f4bf7f21]{display:flex;flex-direction:column;min-width:20%;max-width:80%}.hep-cr-panel-header[data-v-f4bf7f21]{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#2d2d2d;border-bottom:1px solid #333}.hep-cr-runner-light .hep-cr-panel-header[data-v-f4bf7f21]{background:#f0f0f0;border-color:#e0e0e0}.hep-cr-panel-title[data-v-f4bf7f21]{font-size:12px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.5px}.hep-cr-language-badge[data-v-f4bf7f21]{font-size:11px;padding:2px 8px;background:#4fc3f7;color:#000;border-radius:10px;font-weight:500}.hep-cr-editor[data-v-f4bf7f21]{flex:1;width:100%;background:#1e1e1e}[data-v-f4bf7f21] .hep-cr-highlight{background:transparent}[data-v-f4bf7f21] .hep-cr-input{color:transparent;caret-color:#d4d4d4}.hep-cr-runner-light .hep-cr-editor[data-v-f4bf7f21]{background:#fafafa}.hep-cr-runner-light .hep-cr-editor .hep-cr-highlight code[data-v-f4bf7f21]{color:#333}.hep-cr-resize-handle[data-v-f4bf7f21]{width:6px;background:#252526;cursor:col-resize;display:flex;align-items:center;justify-content:center;transition:background .2s}.hep-cr-resize-handle[data-v-f4bf7f21]:hover{background:#4fc3f7}.hep-cr-resize-line[data-v-f4bf7f21]{width:2px;height:40px;background:#444;border-radius:1px}.hep-cr-resize-handle:hover .hep-cr-resize-line[data-v-f4bf7f21]{background:#fff}.hep-cr-output-panel[data-v-f4bf7f21]{display:flex;flex-direction:column;min-width:20%;border-left:1px solid #333}.hep-cr-runner-light .hep-cr-output-panel[data-v-f4bf7f21]{border-color:#e0e0e0}.hep-cr-output-tabs[data-v-f4bf7f21]{display:flex;gap:4px}.hep-cr-tab[data-v-f4bf7f21]{padding:4px 12px;border:none;background:transparent;cursor:pointer;font-size:12px;border-radius:4px;color:#888;transition:all .2s}.hep-cr-tab[data-v-f4bf7f21]:hover{color:#d4d4d4;background:#3d3d3d}.hep-cr-runner-light .hep-cr-tab[data-v-f4bf7f21]:hover{color:#333;background:#e0e0e0}.hep-cr-tab.active[data-v-f4bf7f21]{background:#4fc3f7;color:#000;font-weight:500}.hep-cr-output-actions[data-v-f4bf7f21]{display:flex;align-items:center;gap:12px}.hep-cr-execution-time[data-v-f4bf7f21]{font-size:12px;color:#4caf50;font-weight:500}.hep-cr-btn-icon[data-v-f4bf7f21]{background:transparent;border:none;cursor:pointer;padding:4px;border-radius:4px;color:#888;display:flex;align-items:center;justify-content:center;transition:all .2s}.hep-cr-btn-icon[data-v-f4bf7f21]:hover{color:#fff;background:#3d3d3d}.hep-cr-runner-light .hep-cr-btn-icon[data-v-f4bf7f21]:hover{color:#333;background:#e0e0e0}.hep-cr-output-content[data-v-f4bf7f21]{flex:1;padding:12px 16px;overflow:auto;background:#1e1e1e}.hep-cr-runner-light .hep-cr-output-content[data-v-f4bf7f21]{background:#fff}.hep-cr-output-content pre[data-v-f4bf7f21]{margin:0;font-size:13px;line-height:1.6;white-space:pre-wrap;word-break:break-all;color:#d4d4d4}.hep-cr-runner-light .hep-cr-output-content pre[data-v-f4bf7f21]{color:#333}.hep-cr-output-content .hep-cr-stderr[data-v-f4bf7f21]{color:#f44336}.hep-cr-spinner[data-v-f4bf7f21]{width:12px;height:12px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:hep-cr-spin-f4bf7f21 .8s linear infinite}@keyframes hep-cr-spin-f4bf7f21{to{transform:rotate(360deg)}}.hep-cr-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}.hep-cr-dialog-container{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.hep-cr-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e0e0e0}.hep-cr-dialog-title{margin:0;font-size:16px;font-weight:600;color:#333}.hep-cr-dialog-close{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;color:#666;display:flex;align-items:center;justify-content:center;transition:all .2s}.hep-cr-dialog-close:hover{background:#f0f0f0;color:#333}.hep-cr-dialog-body{flex:1;overflow:auto;padding:0}.hep-cr-dialog-body .hep-cr-runner{border:none;border-radius:0}.hep-cr-dialog-footer{padding:12px 20px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:12px}.hep-cr-dialog-fade-enter-active,.hep-cr-dialog-fade-leave-active{transition:opacity .2s ease}.hep-cr-dialog-fade-enter-from,.hep-cr-dialog-fade-leave-to{opacity:0}.hep-cr-dialog-fade-enter-active .hep-cr-dialog-container,.hep-cr-dialog-fade-leave-active .hep-cr-dialog-container{transition:transform .2s ease}.hep-cr-dialog-fade-enter-from .hep-cr-dialog-container,.hep-cr-dialog-fade-leave-to .hep-cr-dialog-container{transform:scale(.95)}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hep-code-runner/vue3",
3
- "version": "1.2.0",
3
+ "version": "1.3.0",
4
4
  "description": "Vue 3 code runner component",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.mjs",