@scalar/api-client 2.3.23 → 2.3.25

package/CHANGELOG.md

@@ -1,5 +1,52 @@
 # @scalar/api-client
 
+## 2.3.25
+
+### Patch Changes
+
+- 0ff02e3: feat: adds request table row deletion
+- 98fa8a0: fix: decreases import collection modal preview font size
+- 2109da5: feat: use live sync mutator for changes to config (do not blindly re-create state)
+- 0ff02e3: feat: adds request table input wrapping
+- Updated dependencies [fa8ed84]
+- Updated dependencies [fa8ed84]
+- Updated dependencies [8d54857]
+- Updated dependencies [1f8ac99]
+  - @scalar/openapi-types@0.2.1
+  - @scalar/oas-utils@0.2.135
+  - @scalar/components@0.13.52
+  - @scalar/openapi-parser@0.10.16
+  - @scalar/postman-to-openapi@0.2.8
+  - @scalar/types@0.1.10
+  - @scalar/import@0.3.18
+  - @scalar/use-codemirror@0.11.97
+  - @scalar/snippetz@0.2.19
+  - @scalar/themes@0.10.2
+  - @scalar/use-hooks@0.1.44
+  - @scalar/icons@0.3.1
+
+## 2.3.24
+
+### Patch Changes
+
+- 3cb857d: fix: updates import collection modal transition style
+- 3cb857d: fix: updates web layout background style target
+- Updated dependencies [17e7d02]
+- Updated dependencies [2b61d8e]
+- Updated dependencies [49f1297]
+- Updated dependencies [ab4cf5a]
+  - @scalar/types@0.1.9
+  - @scalar/components@0.13.51
+  - @scalar/use-hooks@0.1.43
+  - @scalar/icons@0.3.0
+  - @scalar/oas-utils@0.2.134
+  - @scalar/openapi-parser@0.10.16
+  - @scalar/snippetz@0.2.19
+  - @scalar/themes@0.10.1
+  - @scalar/use-codemirror@0.11.96
+  - @scalar/import@0.3.17
+  - @scalar/postman-to-openapi@0.2.7
+
 ## 2.3.23
 
 ### Patch Changes

package/dist/components/CodeInput/CodeInput.vue.d.ts

@@ -30,6 +30,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     environment: Environment;
     envVariables: EnvVariable[];
     workspace: Workspace;
+    lineWrapping?: boolean;
 }, {
     /** Expose focus method */
     focus: () => void;
@@ -71,6 +72,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     environment: Environment;
     envVariables: EnvVariable[];
     workspace: Workspace;
+    lineWrapping?: boolean;
 }> & Readonly<{
     onSubmit?: (v: string) => any;
     "onUpdate:modelValue"?: (v: string) => any;
@@ -86,6 +88,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     disableCloseBrackets: boolean;
     withVariables: boolean;
     isCopyable: boolean;
+    lineWrapping: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     warning?(_: {}): any;
     icon?(_: {}): any;

package/dist/components/CodeInput/CodeInput.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CodeInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CodeInput/CodeInput.vue"],"names":[],"mappings":"AA0gBA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAA;AACzE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAA;AAErE,OAAO,EAIL,KAAK,kBAAkB,EAExB,MAAM,wBAAwB,CAAA;AAG/B,OAAO,EAAyC,KAAK,GAAG,EAAE,MAAM,KAAK,CAAA;AAGrE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;;kBAYxC,OAAO;eACV,OAAO;gBACN,MAAM,GAAG,MAAM;YACnB,OAAO;iBACF,OAAO;kBACN,OAAO;WACd,OAAO;uBACK,OAAO;eACf,kBAAkB;wBACT,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;wBACnB,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;kBACzB,MAAM;eACT,OAAO;mBACH,OAAO;2BACC,OAAO;WACvB,MAAM,EAAE;eACJ,MAAM,EAAE;WACZ,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS;eACzB,OAAO;oBACF,OAAO;iBACV,OAAO;iBACP,OAAO;cACV,MAAM,GAAG,MAAM;iBACZ,WAAW;kBACV,WAAW,EAAE;eAChB,SAAS;;IAoLtB,0BAA0B;;0BAxIC,MAAM;0BA0BN,MAAM;wBAOR,MAAM;;;;;;;;;;kBAtGf,OAAO;eACV,OAAO;gBACN,MAAM,GAAG,MAAM;YACnB,OAAO;iBACF,OAAO;kBACN,OAAO;WACd,OAAO;uBACK,OAAO;eACf,kBAAkB;wBACT,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;wBACnB,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;kBACzB,MAAM;eACT,OAAO;mBACH,OAAO;2BACC,OAAO;WACvB,MAAM,EAAE;eACJ,MAAM,EAAE;WACZ,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS;eACzB,OAAO;oBACF,OAAO;iBACV,OAAO;iBACP,OAAO;cACV,MAAM,GAAG,MAAM;iBACZ,WAAW;kBACV,WAAW,EAAE;eAChB,SAAS;;;;;;;cAPT,OAAO;cAjBP,OAAO;iBADJ,OAAO;gBAIR,OAAO;sBAGD,OAAO;kBAMX,OAAO;0BACC,OAAO;mBAKd,OAAO;gBAEV,OAAO;;qBAihBM,GAAG;kBACN,GAAG;;AA1iB9B,wBAqmBC;AAeD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"CodeInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CodeInput/CodeInput.vue"],"names":[],"mappings":"AAuhBA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAA;AACzE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAA;AAErE,OAAO,EAIL,KAAK,kBAAkB,EAExB,MAAM,wBAAwB,CAAA;AAG/B,OAAO,EAAyC,KAAK,GAAG,EAAE,MAAM,KAAK,CAAA;AAGrE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;;kBAYxC,OAAO;eACV,OAAO;gBACN,MAAM,GAAG,MAAM;YACnB,OAAO;iBACF,OAAO;kBACN,OAAO;WACd,OAAO;uBACK,OAAO;eACf,kBAAkB;wBACT,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;wBACnB,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;kBACzB,MAAM;eACT,OAAO;mBACH,OAAO;2BACC,OAAO;WACvB,MAAM,EAAE;eACJ,MAAM,EAAE;WACZ,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS;eACzB,OAAO;oBACF,OAAO;iBACV,OAAO;iBACP,OAAO;cACV,MAAM,GAAG,MAAM;iBACZ,WAAW;kBACV,WAAW,EAAE;eAChB,SAAS;mBACL,OAAO;;IAqLxB,0BAA0B;;0BAxIC,MAAM;0BA0BN,MAAM;wBAOR,MAAM;;;;;;;;;;kBAxGf,OAAO;eACV,OAAO;gBACN,MAAM,GAAG,MAAM;YACnB,OAAO;iBACF,OAAO;kBACN,OAAO;WACd,OAAO;uBACK,OAAO;eACf,kBAAkB;wBACT,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;wBACnB,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;kBACzB,MAAM;eACT,OAAO;mBACH,OAAO;2BACC,OAAO;WACvB,MAAM,EAAE;eACJ,MAAM,EAAE;WACZ,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS;eACzB,OAAO;oBACF,OAAO;iBACV,OAAO;iBACP,OAAO;cACV,MAAM,GAAG,MAAM;iBACZ,WAAW;kBACV,WAAW,EAAE;eAChB,SAAS;mBACL,OAAO;;;;;;;cARX,OAAO;cAjBP,OAAO;iBADJ,OAAO;gBAIR,OAAO;sBAGD,OAAO;kBAMX,OAAO;0BACC,OAAO;mBAKd,OAAO;gBAEV,OAAO;kBAKL,OAAO;;qBAkiBI,GAAG;kBACN,GAAG;;AAhkB9B,wBA2nBC;AAeD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/CodeInput/CodeInput.vue.js

@@ -2,7 +2,7 @@ import o from "./CodeInput.vue2.js";
 /* empty css               */
 /* empty css               */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-90dc92a1"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-af9a0fc0"]]);
 export {
-  _ as default
+  m as default
 };

package/dist/components/CodeInput/CodeInput.vue2.js

@@ -1,17 +1,17 @@
-import { defineComponent as H, useAttrs as J, ref as i, toRef as r, watch as Q, computed as I, openBlock as n, createElementBlock as d, Fragment as W, normalizeClass as G, unref as u, createElementVNode as m, toDisplayString as X, createBlock as y, mergeProps as Y, withKeys as g, withModifiers as N, createVNode as Z, createCommentVNode as f, createTextVNode as k, renderSlot as R } from "vue";
+import { defineComponent as j, useAttrs as H, ref as d, toRef as r, watch as J, computed as I, openBlock as n, createElementBlock as s, Fragment as Q, normalizeClass as G, unref as i, createElementVNode as m, toDisplayString as X, createBlock as y, mergeProps as Y, withKeys as g, withModifiers as N, createVNode as Z, createCommentVNode as p, createTextVNode as k, renderSlot as R } from "vue";
 import { ScalarIcon as _ } from "@scalar/components";
 import { prettyPrintJson as ee } from "@scalar/oas-utils/helpers";
-import { useCodeMirror as oe, useDropdown as te, colorPicker as le } from "@scalar/use-codemirror";
+import { useCodeMirror as oe, useDropdown as le, colorPicker as te } from "@scalar/use-codemirror";
 import { useClipboard as ne } from "@scalar/use-hooks/useClipboard";
 import { nanoid as ae } from "nanoid";
 import re from "../../views/Environment/EnvironmentVariableDropdown.vue.js";
-import C from "../DataTable/DataTableInputSelect.vue.js";
-import { pillPlugin as se, backspaceCommand as de } from "./codeVariableWidget.js";
-import { useLayout as ue } from "../../hooks/useLayout.js";
-const ie = { class: "whitespace-nowrap" }, pe = ["id"], me = {
+import B from "../DataTable/DataTableInputSelect.vue.js";
+import { pillPlugin as se, backspaceCommand as ue } from "./codeVariableWidget.js";
+import { useLayout as ie } from "../../hooks/useLayout.js";
+const de = { class: "whitespace-nowrap" }, pe = ["id"], fe = {
   key: 0,
   class: "scalar-code-copy z-context"
-}, fe = {
+}, me = {
   key: 1,
   class: "z-context text-c-2 absolute bottom-1 right-1.5 hidden font-sans group-has-[:focus-visible]/input:block",
   role: "alert"
@@ -20,11 +20,14 @@ const ie = { class: "whitespace-nowrap" }, pe = ["id"], me = {
   class: "centered-y text-orange absolute right-7 text-xs"
 }, be = {
   key: 6,
-  class: "required centered-y text-xxs text-c-3 group-[.error]:text-red bg-b-1 pointer-events-none absolute right-0 mr-0.5 pr-2 pt-px opacity-100 shadow-[-8px_0_4px_var(--scalar-background-1)] transition-opacity duration-150 group-[.alert]:bg-transparent group-[.error]:bg-transparent group-[.alert]:shadow-none group-[.error]:shadow-none peer-has-[.cm-focused]:opacity-0"
+  class: "centered-y group-has-[.cm-focused]:z-1 absolute right-0 flex h-full items-center p-1.5"
 }, ye = {
+  key: 7,
+  class: "required centered-y text-xxs text-c-3 group-[.error]:text-red bg-b-1 pointer-events-none absolute right-0 mr-0.5 pr-2 pt-px opacity-100 shadow-[-8px_0_4px_var(--scalar-background-1)] transition-opacity duration-150 group-[.alert]:bg-transparent group-[.error]:bg-transparent group-[.alert]:shadow-none group-[.error]:shadow-none peer-has-[.cm-focused]:opacity-0"
+}, ge = {
   inheritAttrs: !1
-}, Pe = /* @__PURE__ */ H({
-  ...ye,
+}, De = /* @__PURE__ */ j({
+  ...ge,
   __name: "CodeInput",
   props: {
     colorPicker: { type: Boolean, default: !1 },
@@ -52,39 +55,40 @@ const ie = { class: "whitespace-nowrap" }, pe = ["id"], me = {
     default: {},
     environment: {},
     envVariables: {},
-    workspace: {}
+    workspace: {},
+    lineWrapping: { type: Boolean, default: !1 }
   },
   emits: ["submit", "update:modelValue", "curl", "blur"],
-  setup(A, { expose: M, emit: O }) {
+  setup(z, { expose: A, emit: M }) {
     var q;
-    const o = A, s = O, B = J(), K = B.id || `id-${ae()}`, x = i(!1), v = i(!1), S = i(""), P = i({ left: 0, top: 0 }), c = i(null), { layout: w } = ue(), { copyToClipboard: z } = ne();
+    const o = z, u = M, C = H(), O = C.id || `id-${ae()}`, x = d(!1), v = d(!1), S = d(""), P = d({ left: 0, top: 0 }), c = d(null), { layout: h } = ie(), { copyToClipboard: K } = ne();
     function D(e) {
-      var t;
-      return e === o.modelValue ? null : o.importCurl && e.trim().toLowerCase().startsWith("curl") ? (s("curl", e), (t = a.value) == null || t.dispatch({
+      var l;
+      return e === o.modelValue ? null : o.importCurl && e.trim().toLowerCase().startsWith("curl") ? (u("curl", e), (l = a.value) == null || l.dispatch({
         changes: {
           from: 0,
           to: a.value.state.doc.length,
           insert: String(o.modelValue)
         }
-      }), null) : o.handleFieldChange ? o.handleFieldChange(e) : s("update:modelValue", e);
+      }), null) : o.handleFieldChange ? o.handleFieldChange(e) : u("update:modelValue", e);
     }
-    function h(e) {
-      return o.handleFieldSubmit ? o.handleFieldSubmit(e) : s("submit", e);
+    function w(e) {
+      return o.handleFieldSubmit ? o.handleFieldSubmit(e) : u("submit", e);
     }
     function T(e) {
-      x.value = !1, o.emitOnBlur && o.modelValue && h(e), s("blur", e);
+      x.value = !1, o.emitOnBlur && o.modelValue && w(e), u("blur", e);
     }
     const V = [];
-    o.colorPicker && V.push(le), V.push(
+    o.colorPicker && V.push(te), V.push(
       se({
         environment: o.environment,
         envVariables: o.envVariables,
         workspace: o.workspace,
-        isReadOnly: w === "modal"
+        isReadOnly: h === "modal"
       }),
-      de
+      ue
     );
-    const F = i(null), { codeMirror: a } = oe({
+    const F = d(null), { codeMirror: a } = oe({
       content: r(
         () => o.modelValue !== void 0 ? String(o.modelValue) : ""
       ),
@@ -103,27 +107,27 @@ const ie = { class: "whitespace-nowrap" }, pe = ["id"], me = {
       extensions: V,
       placeholder: r(() => o.placeholder)
     });
-    (q = a.value) == null || q.focus(), Q(a, () => {
-      a.value && Object.prototype.hasOwnProperty.call(B, "autofocus") && a.value.focus();
+    (q = a.value) == null || q.focus(), J(a, () => {
+      a.value && Object.prototype.hasOwnProperty.call(C, "autofocus") && a.value.focus();
     });
-    const { handleDropdownSelect: L, updateDropdownVisibility: U } = te({
+    const { handleDropdownSelect: L, updateDropdownVisibility: U } = le({
       codeMirror: a,
       query: S,
       showDropdown: v,
       dropdownPosition: P
     }), $ = I(
       () => o.nullable ? ["true", "false", "null"] : ["true", "false"]
-    ), b = (e, t) => {
-      var p, l, E;
-      v.value ? e === "down" ? (t.preventDefault(), (p = c.value) == null || p.handleArrowKey("down")) : e === "up" ? (t.preventDefault(), (l = c.value) == null || l.handleArrowKey("up")) : e === "enter" && (t.preventDefault(), (E = c.value) == null || E.handleSelect()) : e === "escape" ? o.disableTabIndent || t.stopPropagation() : e === "enter" && t.target instanceof HTMLDivElement && h(t.target.textContent ?? "");
-    }, j = I(() => Array.isArray(o.type) ? (
+    ), b = (e, l) => {
+      var f, t, E;
+      v.value ? e === "down" ? (l.preventDefault(), (f = c.value) == null || f.handleArrowKey("down")) : e === "up" ? (l.preventDefault(), (t = c.value) == null || t.handleArrowKey("up")) : e === "enter" && (l.preventDefault(), (E = c.value) == null || E.handleSelect()) : e === "escape" ? o.disableTabIndent || l.stopPropagation() : e === "enter" && l.target instanceof HTMLDivElement && w(l.target.textContent ?? "");
+    }, W = I(() => Array.isArray(o.type) ? (
       // Find the first type, that’s not 'null'
       o.type.find((e) => e !== "null") ?? "string"
     ) : (
       // If it’s not an array, just return the type
       o.type
     ));
-    return M({
+    return A({
       /** Expose focus method */
       focus: () => {
         var e;
@@ -131,69 +135,70 @@ const ie = { class: "whitespace-nowrap" }, pe = ["id"], me = {
       },
       // Expose these methods for testing
       handleChange: D,
-      handleSubmit: h,
+      handleSubmit: w,
       handleBlur: T,
       booleanOptions: $,
       codeMirror: a,
       modelValue: o.modelValue
-    }), (e, t) => {
-      var p;
-      return n(), d(W, null, [
-        e.disabled ? (n(), d("div", {
+    }), (e, l) => {
+      var f;
+      return n(), s(Q, null, [
+        e.disabled ? (n(), s("div", {
           key: 0,
-          class: G(["text-c-2 flex cursor-default items-center justify-center", u(w) === "modal" ? "font-code pl-1 pr-2 text-sm" : "px-2"]),
+          class: G(["text-c-2 flex cursor-default items-center justify-center", i(h) === "modal" ? "font-code pl-1 pr-2 text-sm" : "px-2"]),
           "data-testid": "code-input-disabled"
         }, [
-          m("span", ie, X(e.modelValue), 1)
-        ], 2)) : o.enum && o.enum.length ? (n(), y(C, {
+          m("span", de, X(e.modelValue), 1)
+        ], 2)) : o.enum && o.enum.length ? (n(), y(B, {
           key: 1,
           default: o.default,
           modelValue: e.modelValue,
-          type: j.value,
+          type: W.value,
           value: o.enum,
-          "onUpdate:modelValue": t[0] || (t[0] = (l) => s("update:modelValue", l))
-        }, null, 8, ["default", "modelValue", "type", "value"])) : e.type === "boolean" || (p = e.type) != null && p.includes("boolean") ? (n(), y(C, {
+          "onUpdate:modelValue": l[0] || (l[0] = (t) => u("update:modelValue", t))
+        }, null, 8, ["default", "modelValue", "type", "value"])) : e.type === "boolean" || (f = e.type) != null && f.includes("boolean") ? (n(), y(B, {
           key: 2,
           default: o.default,
           modelValue: e.modelValue,
           value: $.value,
-          "onUpdate:modelValue": t[1] || (t[1] = (l) => s("update:modelValue", l))
-        }, null, 8, ["default", "modelValue", "value"])) : o.examples && o.examples.length ? (n(), y(C, {
+          "onUpdate:modelValue": l[1] || (l[1] = (t) => u("update:modelValue", t))
+        }, null, 8, ["default", "modelValue", "value"])) : o.examples && o.examples.length ? (n(), y(B, {
           key: 3,
           default: o.default,
           modelValue: o.modelValue,
           value: o.examples,
-          "onUpdate:modelValue": t[2] || (t[2] = (l) => s("update:modelValue", l))
-        }, null, 8, ["default", "modelValue", "value"])) : (n(), d("div", Y({
+          "onUpdate:modelValue": l[2] || (l[2] = (t) => u("update:modelValue", t))
+        }, null, 8, ["default", "modelValue", "value"])) : (n(), s("div", Y({
           key: 4,
-          id: u(K)
+          id: i(O)
         }, e.$attrs, {
           ref_key: "codeMirrorRef",
           ref: F,
           class: ["group/input group-[.alert]:outline-orange group-[.error]:outline-red font-code peer relative w-full overflow-hidden whitespace-nowrap text-xs leading-[1.44] -outline-offset-1 has-[:focus-visible]:rounded-[4px] has-[:focus-visible]:outline", {
+            "line-wrapping has-[:focus-visible]:bg-b-1 has-[:focus-visible]:z-1 has-[:focus-visible]:absolute": e.lineWrapping,
             "flow-code-input--error": e.error
           }],
           onKeydown: [
-            t[4] || (t[4] = g(N((l) => b("down", l), ["stop"]), ["down"])),
-            t[5] || (t[5] = g((l) => b("enter", l), ["enter"])),
-            t[6] || (t[6] = g((l) => b("escape", l), ["escape"])),
-            t[7] || (t[7] = g(N((l) => b("up", l), ["stop"]), ["up"]))
+            l[4] || (l[4] = g(N((t) => b("down", t), ["stop"]), ["down"])),
+            l[5] || (l[5] = g((t) => b("enter", t), ["enter"])),
+            l[6] || (l[6] = g((t) => b("escape", t), ["escape"])),
+            l[7] || (l[7] = g(N((t) => b("up", t), ["stop"]), ["up"]))
           ]
         }), [
-          e.isCopyable ? (n(), d("div", me, [
+          e.isCopyable ? (n(), s("div", fe, [
             m("button", {
               class: "copy-button",
               type: "button",
-              onClick: t[3] || (t[3] = (l) => u(z)(u(ee)(e.modelValue)))
+              onClick: l[3] || (l[3] = (t) => i(K)(i(ee)(e.modelValue)))
             }, [
-              t[8] || (t[8] = m("span", { class: "sr-only" }, "Copy content", -1)),
-              Z(u(_), {
+              l[8] || (l[8] = m("span", { class: "sr-only" }, "Copy content", -1)),
+              Z(i(_), {
                 icon: "Clipboard",
                 size: "md"
               })
             ])
-          ])) : f("", !0),
-          e.disableTabIndent ? f("", !0) : (n(), d("div", fe, t[9] || (t[9] = [
+          ])) : p("", !0),
+          e.disableTabIndent ? p("", !0) : (n(), s("div", me, l[9] || (l[9] = [
             k(" Press "),
             m("kbd", { class: "-mx-0.25 rounded border px-0.5 font-mono" }, "Esc", -1),
             k(" then "),
@@ -201,25 +206,27 @@ const ie = { class: "whitespace-nowrap" }, pe = ["id"], me = {
             k(" to exit ")
           ])))
         ], 16, pe)),
-        e.$slots.warning ? (n(), d("div", ce, [
+        e.$slots.warning ? (n(), s("div", ce, [
           R(e.$slots, "warning", {}, void 0, !0)
-        ])) : f("", !0),
-        R(e.$slots, "icon", {}, void 0, !0),
-        e.required ? (n(), d("div", be, " Required ")) : f("", !0),
-        v.value && e.withVariables && u(w) !== "modal" && e.environment ? (n(), y(re, {
-          key: 7,
+        ])) : p("", !0),
+        e.$slots.icon ? (n(), s("div", be, [
+          R(e.$slots, "icon", {}, void 0, !0)
+        ])) : p("", !0),
+        e.required ? (n(), s("div", ye, " Required ")) : p("", !0),
+        v.value && e.withVariables && i(h) !== "modal" && e.environment ? (n(), y(re, {
+          key: 8,
           ref_key: "dropdownRef",
           ref: c,
           dropdownPosition: P.value,
           envVariables: e.envVariables,
           environment: e.environment,
           query: S.value,
-          onSelect: u(L)
-        }, null, 8, ["dropdownPosition", "envVariables", "environment", "query", "onSelect"])) : f("", !0)
+          onSelect: i(L)
+        }, null, 8, ["dropdownPosition", "envVariables", "environment", "query", "onSelect"])) : p("", !0)
       ], 64);
     };
   }
 });
 export {
-  Pe as default
+  De as default
 };

package/dist/components/CommandPalette/CommandPaletteImport.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CommandPaletteImport.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/CommandPaletteImport.vue"],"names":[],"mappings":";;;;;;;AA+wBA,wBAOG"}
+{"version":3,"file":"CommandPaletteImport.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/CommandPaletteImport.vue"],"names":[],"mappings":";;;;;;;AAqxBA,wBAOG"}

package/dist/components/CommandPalette/CommandPaletteImport.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as G, ref as R, computed as k, watch as D, openBlock as n, createBlock as _, unref as s, withCtx as v, createElementVNode as w, createVNode as C, createTextVNode as f, createElementBlock as u, Fragment as g, toDisplayString as V, createCommentVNode as H } from "vue";
+import { defineComponent as G, ref as R, computed as k, watch as D, openBlock as n, createBlock as _, unref as s, withCtx as v, createElementVNode as w, createVNode as C, createTextVNode as f, createElementBlock as c, Fragment as g, toDisplayString as V, createCommentVNode as H } from "vue";
 import { useLoadingState as K, ScalarButton as T, ScalarIcon as Q, ScalarTooltip as X, ScalarCodeBlock as Z } from "@scalar/components";
 import { useToasts as ee } from "@scalar/use-toasts";
 import { useRouter as te } from "vue-router";
@@ -10,9 +10,9 @@ import re from "./WatchModeToggle.vue.js";
 import { isPostmanCollection as S, getPostmanDocumentDetails as ie, convertPostmanToOpenApi as F } from "../../libs/postman.js";
 import { getOpenApiDocumentDetails as se } from "../../libs/getOpenApiDocumentDetails.js";
 import { isUrl as U } from "../../libs/isUrl.js";
-import { useFileDialog as ce } from "../../hooks/useFileDialog.js";
+import { useFileDialog as ue } from "../../hooks/useFileDialog.js";
 import { PathId as M } from "../../routes.js";
-import { useWorkspace as ue } from "../../store/store.js";
+import { useWorkspace as ce } from "../../store/store.js";
 const me = { class: "flex justify-between" }, de = { class: "flex w-full flex-row items-center justify-between gap-3" }, pe = { class: "w-content bg-b-1 text-xxs text-c-1 pointer-events-none z-10 grid max-w-[320px] gap-1.5 rounded p-2 leading-5 shadow-lg" }, ve = { class: "text-c-2 flex items-center" }, fe = {
   key: 0,
   class: "text-pretty"
@@ -23,7 +23,7 @@ const me = { class: "flex justify-between" }, de = { class: "flex w-full flex-ro
   __name: "CommandPaletteImport",
   emits: ["close", "back"],
   setup(ye, { emit: N }) {
-    const P = N, $ = te(), { activeWorkspace: m, activeCollection: B } = ae(), { importSpecFile: b, importSpecFromUrl: W, events: j } = ue(), { toast: d } = ee(), p = K(), a = R(""), y = R(!0), i = k(() => S(a.value) ? ie(a.value) : se(a.value)), A = k(
+    const P = N, $ = te(), { activeWorkspace: m, activeCollection: B } = ae(), { importSpecFile: b, importSpecFromUrl: W, events: j } = ce(), { toast: d } = ee(), p = K(), a = R(""), y = R(!0), i = k(() => S(a.value) ? ie(a.value) : se(a.value)), A = k(
       () => i.value ? i.value.type : "json"
     );
     function x(t) {
@@ -36,14 +36,14 @@ const me = { class: "flex justify-between" }, de = { class: "flex w-full flex-ro
         }
       });
     }
-    const h = k(() => U(a.value)), z = k(() => !!i.value), { open: E } = ce({
+    const h = k(() => U(a.value)), z = k(() => !!i.value), { open: E } = ue({
       onChange: async (t) => {
         const e = t == null ? void 0 : t[0];
         if (e) {
           const r = new FileReader();
           r.onload = async (I) => {
-            var c, L, O;
-            const o = (c = I.target) == null ? void 0 : c.result;
+            var u, L, O;
+            const o = (u = I.target) == null ? void 0 : u.result;
             try {
               if (S(o)) {
                 const l = await b(
@@ -81,7 +81,7 @@ const me = { class: "flex justify-between" }, de = { class: "flex w-full flex-ro
         p.startLoading();
         try {
           if (h.value) {
-            const [o, c] = await W(
+            const [o, u] = await W(
               a.value,
               ((t = m.value) == null ? void 0 : t.uid) ?? "",
               {
@@ -89,7 +89,7 @@ const me = { class: "flex justify-between" }, de = { class: "flex w-full flex-ro
                 watchMode: y.value
               }
             );
-            if (x(c == null ? void 0 : c.collection), o) {
+            if (x(u == null ? void 0 : u.collection), o) {
               d(
                 "There was a possible CORS error while importing your spec, please make sure this server is allowed in the CORS policy of your OpenAPI document.",
                 "error",
@@ -118,8 +118,8 @@ const me = { class: "flex justify-between" }, de = { class: "flex w-full flex-ro
           p.clear(), P("close"), d("Import successful", "info");
         } catch (o) {
           console.error("[importCollection]", o);
-          const c = (o == null ? void 0 : o.message) || "Unknown error";
-          p.invalidate(2e3, !0), d(`Import failed: ${c}`, "error");
+          const u = (o == null ? void 0 : o.message) || "Unknown error";
+          p.invalidate(2e3, !0), d(`Import failed: ${u}`, "error");
         }
       }
     }
@@ -175,7 +175,7 @@ const me = { class: "flex justify-between" }, de = { class: "flex w-full flex-ro
             content: v(() => [
               w("div", pe, [
                 w("div", ve, [
-                  h.value ? (n(), u("span", fe, " Automatically updates the API client when the OpenAPI URL content changes, ensuring your client remains up-to-date. ")) : (n(), u("span", ge, " Watch Mode is only available for URL imports. It automatically updates the API client when the OpenAPI URL content changes. "))
+                  h.value ? (n(), c("span", fe, " Automatically updates the API client when the OpenAPI URL content changes, ensuring your client remains up-to-date. ")) : (n(), c("span", ge, " Watch Mode is only available for URL imports. It automatically updates the API client when the OpenAPI URL content changes. "))
                 ])
               ])
             ]),
@@ -185,15 +185,15 @@ const me = { class: "flex justify-between" }, de = { class: "flex w-full flex-ro
       ]),
       submit: v(() => [
         e[6] || (e[6] = f(" Import ")),
-        h.value ? (n(), u(g, { key: 0 }, [
+        h.value ? (n(), c(g, { key: 0 }, [
           f(" from URL ")
-        ], 64)) : i.value && A.value ? (n(), u(g, { key: 1 }, [
-          i.value.title ? (n(), u(g, { key: 0 }, [
+        ], 64)) : i.value && A.value ? (n(), c(g, { key: 1 }, [
+          i.value.title ? (n(), c(g, { key: 0 }, [
             f(' "' + V(i.value.title) + '" ', 1)
-          ], 64)) : (n(), u(g, { key: 1 }, [
+          ], 64)) : (n(), c(g, { key: 1 }, [
             f(V(i.value.version), 1)
           ], 64))
-        ], 64)) : (n(), u(g, { key: 2 }, [
+        ], 64)) : (n(), c(g, { key: 2 }, [
           f(" Collection ")
         ], 64))
       ]),
@@ -204,9 +204,9 @@ const me = { class: "flex justify-between" }, de = { class: "flex w-full flex-ro
           placeholder: "OpenAPI/Swagger/Postman URL or cURL",
           onOnDelete: e[0] || (e[0] = (r) => P("back", r)),
           "onUpdate:modelValue": Y
-        }, null, 8, ["modelValue"])) : (n(), u(g, { key: 1 }, [
+        }, null, 8, ["modelValue"])) : (n(), c(g, { key: 1 }, [
           w("div", me, [
-            e[4] || (e[4] = w("div", { class: "text-c-2 min-h-8 py-2 pl-8 text-xs" }, "Preview", -1)),
+            e[4] || (e[4] = w("div", { class: "text-c-2 min-h-8 w-full py-2 pl-12 text-center text-xs" }, " Preview ", -1)),
             C(s(T), {
               class: "hover:bg-b-2 relative ml-auto max-h-8 gap-1.5 p-2 text-xs",
               variant: "ghost",
@@ -220,7 +220,7 @@ const me = { class: "flex justify-between" }, de = { class: "flex w-full flex-ro
           ]),
           i.value && !s(U)(a.value) ? (n(), _(s(Z), {
             key: 0,
-            class: "bg-b-2 mt-1 max-h-[40dvh] rounded border [--scalar-small:--scalar-font-size-4]",
+            class: "bg-b-2 mt-1 max-h-[40dvh] rounded border px-2 py-1 text-sm",
             content: a.value,
             copy: !1,
             lang: A.value

package/dist/components/DataTable/DataTableInput.vue.d.ts

@@ -58,6 +58,7 @@ declare function __VLS_template(): {
                 readonly environment: Environment;
                 readonly envVariables: EnvVariable[];
                 readonly workspace: Workspace;
+                readonly lineWrapping?: boolean;
                 readonly onSubmit?: (v: string) => any;
                 readonly "onUpdate:modelValue"?: (v: string) => any;
                 readonly onBlur?: (v: string) => any;
@@ -104,6 +105,7 @@ declare function __VLS_template(): {
                 environment: Environment;
                 envVariables: EnvVariable[];
                 workspace: Workspace;
+                lineWrapping?: boolean;
             }> & Readonly<{
                 onSubmit?: (v: string) => any;
                 "onUpdate:modelValue"?: (v: string) => any;
@@ -132,6 +134,7 @@ declare function __VLS_template(): {
                 disableCloseBrackets: boolean;
                 withVariables: boolean;
                 isCopyable: boolean;
+                lineWrapping: boolean;
             }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -162,6 +165,7 @@ declare function __VLS_template(): {
             disableCloseBrackets: boolean;
             withVariables: boolean;
             isCopyable: boolean;
+            lineWrapping: boolean;
         }> & Omit<Readonly<{
             colorPicker?: boolean;
             disabled?: boolean;
@@ -189,12 +193,13 @@ declare function __VLS_template(): {
             environment: Environment;
             envVariables: EnvVariable[];
             workspace: Workspace;
+            lineWrapping?: boolean;
         }> & Readonly<{
             onSubmit?: (v: string) => any;
             "onUpdate:modelValue"?: (v: string) => any;
             onBlur?: (v: string) => any;
             onCurl?: (v: string) => any;
-        }>, "modelValue" | "handleBlur" | "focus" | "codeMirror" | "handleChange" | "handleSubmit" | "booleanOptions" | ("nullable" | "disabled" | "colorPicker" | "emitOnBlur" | "disableTabIndent" | "disableEnter" | "disableCloseBrackets" | "withVariables" | "isCopyable")> & import("vue").ShallowUnwrapRef<{
+        }>, "modelValue" | "handleBlur" | "focus" | "codeMirror" | "handleChange" | "handleSubmit" | "booleanOptions" | ("nullable" | "disabled" | "colorPicker" | "emitOnBlur" | "disableTabIndent" | "disableEnter" | "disableCloseBrackets" | "withVariables" | "isCopyable" | "lineWrapping")> & import("vue").ShallowUnwrapRef<{
             focus: () => void;
             handleChange: (value: string) => void | null;
             handleSubmit: (value: string) => void;

package/dist/components/DataTable/DataTableInput.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataTableInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableInput.vue"],"names":[],"mappings":"AAuLA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAA;AACzE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAA;AAIrE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAC1D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAO/C,KAAK,WAAW,GAAG;IACf,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACzB,sEAAsE;IACtE,cAAc,CAAC,EAAE,YAAY,GAAG,SAAS,CAAA;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,0EAA0E;IAC1E,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,EAAE,CAAA;IACf,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,WAAW,EAAE,WAAW,CAAA;IACxB,YAAY,EAAE,WAAW,EAAE,CAAA;IAC3B,SAAS,EAAE,SAAS,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CACjC,CAAC;AAgDJ,iBAAS,cAAc;WAuOT,OAAO,IAA6B;;yBAXrB,GAAG;yBACF,GAAG;sBACN,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAkEkrK,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EApDr0K;AAoBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;cA7TN,OAAO;cAIP,OAAO;2BADM,OAAO;6EAkUjC,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAepG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"DataTableInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableInput.vue"],"names":[],"mappings":"AAuLA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAA;AACzE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAA;AAIrE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAC1D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAO/C,KAAK,WAAW,GAAG;IACf,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACzB,sEAAsE;IACtE,cAAc,CAAC,EAAE,YAAY,GAAG,SAAS,CAAA;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,0EAA0E;IAC1E,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,EAAE,CAAA;IACf,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,WAAW,EAAE,WAAW,CAAA;IACxB,YAAY,EAAE,WAAW,EAAE,CAAA;IAC3B,SAAS,EAAE,SAAS,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CACjC,CAAC;AAgDJ,iBAAS,cAAc;WAuOT,OAAO,IAA6B;;yBAXrB,GAAG;yBACF,GAAG;sBACN,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAkEkrK,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EApDr0K;AAoBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;cA7TN,OAAO;cAIP,OAAO;2BADM,OAAO;6EAkUjC,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAepG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}