@vuetify/vue-repl 1.4.2 → 1.4.3

package/dist/style.css

@@ -94,16 +94,16 @@
 }
 }
 
-.file-selector[data-v-49c6c03c] {
-  /*border-bottom: 1px solid var(--border);*/
+.remove[data-v-70ecc744] {
+  align-self: flex-end;
 }
-.file.import-map[data-v-49c6c03c] {
+.file.import-map[data-v-70ecc744] {
   /*position: sticky;*/
   /*right: 0;*/
   margin-left: auto;
   background: rgb(var(--v-theme-background)) !important;
 }
-.file.pending input[data-v-49c6c03c] {
+.file.pending input[data-v-70ecc744] {
   width: 90px;
   height: 30px;
   line-height: 30px;
@@ -746,7 +746,7 @@ pre[data-v-92411507] {
   text-transform: uppercase;
 }
 
-.vue-repl[data-v-279ea8a9] {
+.vue-repl[data-v-ecf79494] {
   --bg: rgb(var(--v-theme-background));
   --bg-soft: rgb(var(--v-theme-surface));
   --border: #383838;
@@ -754,7 +754,7 @@ pre[data-v-92411507] {
   --color-branding: #42d392;
   --color-branding-dark: #89ddff;
   --font-code: Menlo, Monaco, Consolas, 'Courier New', monospace;
-  --header-height: 38px;
+  --header-height: 44px;
 
   font-size: 13px;
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,

package/dist/vue-repl.js

@@ -1,5 +1,6 @@
-import { defineComponent, computed, ref, inject, reactive, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, normalizeStyle, renderSlot, withModifiers, toDisplayString, createBlock, isRef, withCtx, Fragment, renderList, createCommentVNode, withDirectives, withKeys, vModelText, createVNode, createTextVNode, pushScopeId, popScopeId, onMounted, watchEffect, watch, Transition, onUnmounted, vShow, version, provide, toRef } from 'vue';
+import { defineComponent, computed, ref, inject, reactive, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, normalizeStyle, renderSlot, withModifiers, toDisplayString, createBlock, isRef, withCtx, Fragment, renderList, createCommentVNode, withDirectives, withKeys, vModelText, createVNode, createTextVNode, onMounted, watchEffect, watch, Transition, onUnmounted, vShow, version, provide, toRef } from 'vue';
 import { VBtn } from 'vuetify/lib/components/VBtn/index.mjs';
+import { VIcon } from 'vuetify/lib/components/VIcon/index.mjs';
 import { VTabs, VTab } from 'vuetify/lib/components/VTabs/index.mjs';
 import * as defaultCompiler from 'vue/compiler-sfc';
 import { MagicString, babelParse, extractIdentifiers, walkIdentifiers, isStaticProperty, isInDestructureAssignment, walk, shouldTransformRef, transformRef } from 'vue/compiler-sfc';
@@ -93,35 +94,8 @@ const _export_sfc = (sfc, props) => {
 
 const SplitPane = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-85bdcf2d"]]);
 
-const _withScopeId = (n) => (pushScopeId("data-v-49c6c03c"), n = n(), popScopeId(), n);
-const _hoisted_1$2 = ["onClick"];
-const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("svg", {
-  class: "icon",
-  width: "12",
-  height: "12",
-  viewBox: "0 0 24 24"
-}, [
-  /* @__PURE__ */ createElementVNode("line", {
-    stroke: "#999",
-    x1: "18",
-    y1: "6",
-    x2: "6",
-    y2: "18"
-  }),
-  /* @__PURE__ */ createElementVNode("line", {
-    stroke: "#999",
-    x1: "6",
-    y1: "6",
-    x2: "18",
-    y2: "18"
-  })
-], -1));
-const _hoisted_3 = [
-  _hoisted_2
-];
-const _hoisted_4 = ["onKeyup"];
-const _hoisted_5 = /* @__PURE__ */ createTextVNode("+");
-const _hoisted_6 = /* @__PURE__ */ createTextVNode(" Import Map ");
+const _hoisted_1$2 = ["onKeyup"];
+const _hoisted_2 = /* @__PURE__ */ createTextVNode(" Import Map ");
 const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "FileSelector",
   setup(__props) {
@@ -185,6 +159,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
       }
     });
     return (_ctx, _cache) => {
+                                                            
                                                           
                                                           
                                                             
@@ -208,11 +183,12 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
             }, {
               default: withCtx(() => [
                 createElementVNode("span", null, toDisplayString(file), 1),
-                i > 0 ? (openBlock(), createElementBlock("span", {
+                i > 0 ? (openBlock(), createBlock(VIcon, {
                   key: 0,
-                  class: "remove",
-                  onClick: withModifiers(($event) => unref(store).deleteFile(file), ["stop"])
-                }, _hoisted_3, 8, _hoisted_1$2)) : createCommentVNode("", true)
+                  onClick: withModifiers(($event) => unref(store).deleteFile(file), ["stop"]),
+                  icon: "mdi-close",
+                  class: "ms-2 remove"
+                }, null, 8, ["onClick"])) : createCommentVNode("", true)
               ]),
               _: 2
             }, 1032, ["value"]);
@@ -232,7 +208,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
                   withKeys(cancelAddFile, ["esc"])
                 ],
                 onVnodeMounted: focus
-              }, null, 40, _hoisted_4), [
+              }, null, 40, _hoisted_1$2), [
                 [vModelText, pendingFilename.value]
               ])
             ]),
@@ -244,7 +220,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
             onClick: startAddFile
           }, {
             default: withCtx(() => [
-              _hoisted_5
+              createVNode(VIcon, { icon: "mdi-plus" })
             ]),
             _: 1
           }),
@@ -255,7 +231,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
             value: importMapFile
           }, {
             default: withCtx(() => [
-              _hoisted_6
+              _hoisted_2
             ]),
             _: 1
           })) : createCommentVNode("", true)
@@ -266,9 +242,9 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const FileSelector_vue_vue_type_style_index_0_scoped_49c6c03c_lang = '';
+const FileSelector_vue_vue_type_style_index_0_scoped_70ecc744_lang = '';
 
-const FileSelector = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-49c6c03c"]]);
+const FileSelector = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-70ecc744"]]);
 
 // DEFLATE is a complex format; to read this code, you should probably check the RFC first:
 
@@ -29188,9 +29164,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 
-const Repl_vue_vue_type_style_index_0_scoped_279ea8a9_lang = '';
+const Repl_vue_vue_type_style_index_0_scoped_ecf79494_lang = '';
 
-const Repl = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-279ea8a9"]]);
+const Repl = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ecf79494"]]);
 
 export { File, Preview, Repl, ReplStore, compileFile };
 //# sourceMappingURL=vue-repl.js.map