@scalar/api-client 2.0.22 → 2.0.25

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

@@ -0,0 +1,57 @@
+import { defineComponent as m, ref as l, onMounted as d, openBlock as f, createElementBlock as h, withModifiers as w, createElementVNode as o, withDirectives as x, vModelText as _, createVNode as k, unref as b, withCtx as v, createTextVNode as N } from "vue";
+import { useWorkspace as g } from "../../store/workspace.js";
+import { ScalarButton as y } from "@scalar/components";
+import { useRouter as C } from "vue-router";
+const M = { class: "gap-3 rounded bg-b-2 focus-within:bg-b-1 focus-within:shadow-border min-h-20 relative" }, V = /* @__PURE__ */ o("label", {
+  class: "absolute w-full h-full opacity-0 cursor-text",
+  for: "workspacename"
+}, null, -1), W = { class: "flex" }, B = /* @__PURE__ */ o("div", { class: "flex flex-1 gap-2 max-h-8" }, null, -1), P = /* @__PURE__ */ m({
+  __name: "CommandPaletteWorkspace",
+  emits: ["close"],
+  setup(S, { emit: n }) {
+    const r = n, { push: c } = C(), { workspaceMutators: u } = g(), t = l(""), i = () => {
+      const e = u.add({
+        name: t.value
+      });
+      c(`/workspace/${e.uid}`), r("close");
+    }, s = l(null);
+    return d(() => {
+      var e;
+      (e = s.value) == null || e.focus();
+    }), (e, a) => (f(), h("form", {
+      class: "flex w-full flex-col gap-3",
+      onSubmit: w(i, ["prevent"])
+    }, [
+      o("div", M, [
+        V,
+        x(o("input", {
+          id: "workspacename",
+          ref_key: "workspaceInput",
+          ref: s,
+          "onUpdate:modelValue": a[0] || (a[0] = (p) => t.value = p),
+          autofocus: "",
+          class: "border-transparent outline-none w-full pl-8 text-sm min-h-8 py-1.5",
+          label: "Workspace Name",
+          placeholder: "Workspace Name"
+        }, null, 512), [
+          [_, t.value]
+        ])
+      ]),
+      o("div", W, [
+        B,
+        k(b(y), {
+          class: "max-h-8 text-xs p-0 px-3",
+          type: "submit"
+        }, {
+          default: v(() => [
+            N(" Continue ")
+          ]),
+          _: 1
+        })
+      ])
+    ], 32));
+  }
+});
+export {
+  P as default
+};

package/dist/components/CommandPalette/CommandPaletteWorkspace.vue2.js

@@ -0,0 +1,4 @@
+import f from "./CommandPaletteWorkspace.vue.js";
+export {
+  f as default
+};

package/dist/components/CommandPalette/TheCommandPalette.vue.d.ts

@@ -0,0 +1,50 @@
+/**
+ * The Command Palette
+ *
+ * This component is a singleton so should only exist in our app once we will use the event bus to trigger it
+ */
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;
+export declare const PaletteComponents: {
+    readonly 'Import Collection': import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        close: () => void;
+    }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
+        onClose?: (() => any) | undefined;
+    }, {}, {}>;
+    readonly 'Create Request': import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        close: () => void;
+    }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
+        onClose?: (() => any) | undefined;
+    }, {}, {}>;
+    readonly 'Create Workspace': import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        close: () => void;
+    }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
+        onClose?: (() => any) | undefined;
+    }, {}, {}>;
+    readonly 'Add Folder': import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        close: () => void;
+    }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
+        onClose?: (() => any) | undefined;
+    }, {}, {}>;
+    readonly 'Create Collection': import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        close: () => void;
+    }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
+        onClose?: (() => any) | undefined;
+    }, {}, {}>;
+    readonly 'Add Example': import("vue").DefineComponent<{
+        metaData: {
+            type: import("vue").PropType<string>;
+        };
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        close: () => void;
+    }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        metaData: {
+            type: import("vue").PropType<string>;
+        };
+    }>> & {
+        onClose?: (() => any) | undefined;
+    }, {}, {}>;
+};
+/** Infer the types from the commands  */
+export type CommandNames = keyof typeof PaletteComponents;
+//# sourceMappingURL=TheCommandPalette.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TheCommandPalette.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/TheCommandPalette.vue"],"names":[],"mappings":"AAqWA;;;;GAIG;;AACH,wBA8XI;AAEJ,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOpB,CAAA;AAEV,yCAAyC;AACzC,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,iBAAiB,CACxD"}

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

@@ -0,0 +1,9 @@
+import o from "./TheCommandPalette.vue2.js";
+import { PaletteComponents as f } from "./TheCommandPalette.vue2.js";
+/* empty css                       */
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-caaeb4c4"]]);
+export {
+  f as PaletteComponents,
+  r as default
+};

package/dist/components/CommandPalette/TheCommandPalette.vue2.js

@@ -0,0 +1,198 @@
+import { defineComponent as z, ref as d, computed as I, onMounted as M, onBeforeUnmount as P, openBlock as r, createElementBlock as s, Fragment as u, withDirectives as h, createElementVNode as m, vShow as A, unref as v, createVNode as $, vModelText as F, renderList as R, toDisplayString as E, normalizeClass as q, createTextVNode as N, createBlock as T, resolveDynamicComponent as U } from "vue";
+import { useModal as G, ScalarIcon as S } from "@scalar/components";
+import { useMagicKeys as H, whenever as C } from "@vueuse/core";
+import { useRouter as K } from "vue-router";
+import { commandPaletteBus as B } from "../../libs/eventBusses/command-palette.js";
+import { useWorkspace as Q } from "../../store/workspace.js";
+import j from "./CommandPaletteCollection.vue.js";
+import J from "./CommandPaletteExample.vue.js";
+import O from "./CommandPaletteFolder.vue.js";
+import X from "./CommandPaletteImport.vue.js";
+import Y from "./CommandPaletteRequest.vue.js";
+import Z from "./CommandPaletteWorkspace.vue.js";
+const ee = { class: "commandmenu" }, oe = { class: "bg-b-2 flex items-center rounded mb-2 pl-2 focus-within:bg-b-1 focus-within:shadow-border" }, te = { for: "commandmenu" }, ne = ["onClick"], ae = {
+  name: "TheCommandPalette"
+}, le = {
+  "Import Collection": X,
+  "Create Request": Y,
+  "Create Workspace": Z,
+  "Add Folder": O,
+  "Create Collection": j,
+  "Add Example": J
+}, ke = /* @__PURE__ */ z({
+  ...ae,
+  setup(re) {
+    const b = [
+      {
+        label: "Add to Request Sidebar",
+        commands: [
+          {
+            name: "Create Request",
+            icon: "ExternalLink"
+          },
+          {
+            name: "Import Collection",
+            icon: "Import"
+          },
+          {
+            name: "Add Folder",
+            icon: "Folder"
+          },
+          {
+            name: "Create Collection",
+            icon: "Collection"
+          },
+          {
+            name: "Add Example",
+            icon: "Example"
+          }
+        ]
+      },
+      {
+        label: "More Actions",
+        commands: [
+          {
+            name: "Create Workspace",
+            icon: "Workspace"
+          },
+          {
+            name: "Add Server",
+            icon: "Brackets",
+            path: "/servers"
+          },
+          {
+            name: "Add Environment",
+            icon: "Server",
+            path: "/environment"
+          },
+          {
+            name: "Add Cookie",
+            icon: "Cookie",
+            path: "/cookies"
+          }
+        ]
+      }
+    ], p = H(), a = G(), { push: V } = K(), { activeWorkspace: W } = Q(), g = d(), c = d(""), i = d(null), o = d(0), k = d([]), _ = I(
+      () => b.reduce((e, t) => {
+        const n = t.commands.filter(
+          (f) => f.name.toLowerCase().includes(c.value.toLowerCase())
+        );
+        return [...e, ...n];
+      }, [])
+    ), w = () => {
+      a.hide(), c.value = "", i.value = null;
+    };
+    C(p.escape, () => {
+      a.open && a.hide();
+    }), C(p.enter, () => {
+      if (!a.open) return;
+      const e = _.value[o.value];
+      L(e);
+    }), C(p.ArrowDown, () => {
+      var e;
+      a.open && (o.value < _.value.length - 1 ? o.value++ : o.value = 0, (e = k.value[o.value]) == null || e.scrollIntoView({
+        behavior: "smooth",
+        block: "center"
+      }));
+    }), C(p.ArrowUp, () => {
+      var e;
+      a.open && (o.value > 0 ? o.value-- : o.value = _.value.length - 1, (e = k.value[o.value]) == null || e.scrollIntoView({
+        behavior: "smooth",
+        block: "center"
+      }));
+    });
+    const L = (e) => {
+      "path" in e ? (V(`/workspace/${W.value.uid}${e.path}`), w()) : i.value = e.name;
+    }, D = ({
+      commandName: e,
+      metaData: t
+    } = {}) => {
+      i.value = e ?? null, g.value = t, a.show();
+    };
+    return M(() => B.on(D)), P(() => B.off(D)), (e, t) => (r(), s(u, null, [
+      h(m("div", {
+        class: "commandmenu-clickout",
+        onClick: t[0] || (t[0] = (n) => w())
+      }, null, 512), [
+        [A, v(a).open]
+      ]),
+      h(m("div", ee, [
+        i.value ? (r(), s(u, { key: 1 }, [
+          m("button", {
+            class: "absolute p-1 hover:bg-b-3 rounded text-c-3 active:text-c-1 m-1.5 z-10",
+            type: "button",
+            onClick: t[2] || (t[2] = (n) => i.value = null)
+          }, [
+            $(v(S), {
+              icon: "ChevronLeft",
+              size: "sm"
+            })
+          ]),
+          (r(), T(U(le[i.value]), {
+            metaData: g.value,
+            onClose: w
+          }, null, 40, ["metaData"]))
+        ], 64)) : (r(), s(u, { key: 0 }, [
+          m("div", oe, [
+            m("label", te, [
+              $(v(S), {
+                class: "text-c-1 mr-2.5",
+                icon: "Search",
+                size: "sm",
+                thickness: "1.5"
+              })
+            ]),
+            h(m("input", {
+              id: "commandmenu",
+              "onUpdate:modelValue": t[1] || (t[1] = (n) => c.value = n),
+              class: "w-full rounded bg-none border-none py-1.5 text-sm focus:outline-none",
+              placeholder: "Search commands...",
+              type: "text"
+            }, null, 512), [
+              [F, c.value]
+            ])
+          ]),
+          (r(), s(u, null, R(b, (n, f) => (r(), s(u, {
+            key: n.label
+          }, [
+            h(m("div", { class: "text-c-3 font-medium text-xs mt-2" }, E(n.label), 513), [
+              [
+                A,
+                n.commands.filter(
+                  (l) => l.name.toLowerCase().includes(c.value.toLowerCase())
+                ).length > 0
+              ]
+            ]),
+            (r(!0), s(u, null, R(n.commands.filter(
+              (l) => l.name.toLowerCase().includes(c.value.toLowerCase())
+            ), (l, x) => (r(), s("div", {
+              key: l.name,
+              ref_for: !0,
+              ref: (y) => {
+                y && (k.value[x] = y);
+              },
+              class: q(["commandmenu-item text-sm flex items-center py-1.5 px-2 rounded hover:bg-b-2 cursor-pointer", {
+                "bg-b-2": f > 0 ? o.value === x + b[f - 1].commands.length : o.value === x
+              }]),
+              onClick: (y) => L(l)
+            }, [
+              $(v(S), {
+                class: "text-c-1 mr-2.5",
+                icon: l.icon,
+                size: "md",
+                thickness: "1.5"
+              }, null, 8, ["icon"]),
+              N(" " + E(l.name), 1)
+            ], 10, ne))), 128))
+          ], 64))), 64))
+        ], 64))
+      ], 512), [
+        [A, v(a).open]
+      ])
+    ], 64));
+  }
+});
+export {
+  le as PaletteComponents,
+  ke as default
+};

package/dist/components/CommandPalette/index.d.ts

@@ -0,0 +1,2 @@
+export { default as TheCommandPalette } from './TheCommandPalette.vue.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/CommandPalette/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAA"}

package/dist/components/CommandPalette/index.js

@@ -0,0 +1,4 @@
+import { default as t } from "./TheCommandPalette.vue.js";
+export {
+  t as TheCommandPalette
+};

package/dist/components/ContextBar.vue.js

@@ -1,17 +1,17 @@
 import { defineComponent as r, openBlock as n, createElementBlock as o, Fragment as i, renderList as s, normalizeClass as c, toDisplayString as a } from "vue";
-const b = { class: "request-section-content request-section-content-filter bg-b-2 text-c-3 bg-b-1 sticky top-0 z-10 mb-2.5 hidden xl:flex justify-center rounded p-[2.25px] text-xs gap-0.5" }, l = ["isActive", "onClick"], v = /* @__PURE__ */ r({
+const p = { class: "request-section-content request-section-content-filter bg-b-2 text-c-3 bg-b-1 sticky top-0 z-10 mb-2.5 hidden xl:flex justify-center rounded p-[2.25px] text-xs gap-0.5" }, l = ["isActive", "onClick"], v = /* @__PURE__ */ r({
   __name: "ContextBar",
   props: {
     sections: {},
     activeSection: {}
   },
   emits: ["setActiveSection"],
-  setup(p) {
-    return (t, d) => (n(), o("div", b, [
+  setup(d) {
+    return (t, b) => (n(), o("div", p, [
       (n(!0), o(i, null, s(t.sections, (e) => (n(), o("button", {
         key: e,
         class: c(["hover:bg-b-3 w-full rounded px-1 py-1 text-center font-medium", [
-          t.activeSection === e ? "!bg-b-1 text-c-1 dark:bg-b-3 border hover:bg-b-1" : "border border-transparent"
+          t.activeSection === e ? "bg-b-1 text-c-1 dark:bg-b-3 border pointer-events-none" : "border border-transparent"
         ]]),
         isActive: t.activeSection === e,
         type: "button",

package/dist/components/DarkModeToggle/DarkModeIconToggle.vue.js

@@ -1,20 +1,21 @@
-import { defineComponent as c, openBlock as l, createElementBlock as i, unref as e, createVNode as r, withCtx as s, createTextVNode as p, toDisplayString as d } from "vue";
+import { defineComponent as c, openBlock as i, createElementBlock as l, unref as e, createVNode as r, withCtx as s, createTextVNode as p, toDisplayString as d } from "vue";
 import m from "../ScreenReader.vue.js";
 import { ScalarIcon as u } from "@scalar/components";
 import { useDarkModeState as f } from "../../hooks/useDarkModeState.js";
-const h = /* @__PURE__ */ c({
+const b = /* @__PURE__ */ c({
   __name: "DarkModeIconToggle",
   setup(g) {
     const { toggleDarkMode: t, isDark: n } = f();
-    return (k, o) => (l(), i("button", {
+    return (k, o) => (i(), l("button", {
       class: "w-[37px] hover:bg-b-2 flex items-center justify-center rounded-lg p-[7px]",
       type: "button",
       onClick: o[0] || (o[0] = //@ts-ignore
       (...a) => e(t) && e(t)(...a))
     }, [
       r(e(u), {
-        class: "block h-6 w-6 stroke-[1.5]",
-        icon: "LightDarkModeToggle"
+        class: "block h-6 w-6",
+        icon: "LightDarkModeToggle",
+        thickness: "1.5"
       }),
       r(m, null, {
         default: s(() => [
@@ -26,5 +27,5 @@ const h = /* @__PURE__ */ c({
   }
 });
 export {
-  h as default
+  b as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"DataTableCheckbox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableCheckbox.vue"],"names":[],"mappings":";gBAwCc,OAAO;eACR,OAAO;;;;gBADN,OAAO;eACR,OAAO;;;;AAqGpB,wBAOG;AAOH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}
+{"version":3,"file":"DataTableCheckbox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableCheckbox.vue"],"names":[],"mappings":";gBAyCc,OAAO;eACR,OAAO;;;;gBADN,OAAO;eACR,OAAO;;;;AAoGpB,wBAOG;AAOH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}

package/dist/components/DataTable/DataTableCheckbox.vue.js

@@ -1,7 +1,7 @@
 import { defineComponent as a, openBlock as l, createBlock as s, withCtx as n, createElementVNode as t, createVNode as c, unref as d } from "vue";
 import { ScalarIcon as i } from "@scalar/components";
 import f from "./DataTableCell.vue.js";
-const p = ["checked", "disabled"], b = { class: "w-full h-full flex items-center justify-center centered text-border peer-checked:text-c-2 pointer-events-none absolute stroke-[1.2] before:absolute before:opacity-0 group-hover/cell:before:opacity-100 before:border before:rounded before:w-9/12 before:aspect-square before:top-1/2 before:left-1/2 before:transform before:-translate-x-1/2 before:-translate-y-1/2 before:border-[1px]" }, x = /* @__PURE__ */ a({
+const p = ["checked", "disabled"], b = { class: "w-full h-full flex items-center justify-center centered text-border peer-checked:text-c-2 pointer-events-none absolute before:absolute before:opacity-0 group-hover/cell:before:opacity-100 before:border before:rounded before:w-9/12 before:aspect-square before:top-1/2 before:left-1/2 before:transform before:-translate-x-1/2 before:-translate-y-1/2 before:border-[1px]" }, x = /* @__PURE__ */ a({
   __name: "DataTableCheckbox",
   props: {
     modelValue: { type: Boolean },
@@ -22,7 +22,8 @@ const p = ["checked", "disabled"], b = { class: "w-full h-full flex items-center
         t("div", b, [
           c(d(i), {
             icon: "Checkmark",
-            size: "xs"
+            size: "xs",
+            thickness: "2.5"
           })
         ])
       ]),

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

@@ -42,8 +42,8 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
     onInputFocus?: (() => any) | undefined;
     onInputBlur?: (() => any) | undefined;
 }, {
-    readOnly: boolean;
     required: boolean;
+    readOnly: boolean;
 }, {}>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

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":"AAyNA,iBAAS,cAAc;qBA0MM,GAAG;qBACF,GAAG;kBACN,GAAG;EA4B7B;AACD,QAAA,MAAM,eAAe;SA5SZ,MAAM;WACJ,MAAM;IACb,sEAAsE;qBACrD,MAAM;eACZ,OAAO;gBACN,MAAM,GAAG,MAAM;eAChB,OAAO;WACX,MAAM,EAAE;UACT,MAAM;UACN,MAAM;;;;;;;;;;SATP,MAAM;WACJ,MAAM;IACb,sEAAsE;qBACrD,MAAM;eACZ,OAAO;gBACN,MAAM,GAAG,MAAM;eAChB,OAAO;WACX,MAAM,EAAE;UACT,MAAM;UACN,MAAM;;;;;;;;;;cAHD,OAAO;cAFP,OAAO;MA+SpB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAC1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAC7C,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KAAC,CAAC,GACvC,CAAC,CAAC,CAAC,CAAC;CACP,CAAC;AAEN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AAExD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC;AAEN,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}
+{"version":3,"file":"DataTableInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableInput.vue"],"names":[],"mappings":"AAkNA,iBAAS,cAAc;qBAgKM,GAAG;qBACF,GAAG;kBACN,GAAG;EAuB7B;AACD,QAAA,MAAM,eAAe;SA7PZ,MAAM;WACJ,MAAM;IACb,sEAAsE;qBACrD,MAAM;eACZ,OAAO;gBACN,MAAM,GAAG,MAAM;eAChB,OAAO;WACX,MAAM,EAAE;UACT,MAAM;UACN,MAAM;;;;;;;;;;SATP,MAAM;WACJ,MAAM;IACb,sEAAsE;qBACrD,MAAM;eACZ,OAAO;gBACN,MAAM,GAAG,MAAM;eAChB,OAAO;WACX,MAAM,EAAE;UACT,MAAM;UACN,MAAM;;;;;;;;;;cALD,OAAO;cAEP,OAAO;MA8PpB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAC1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAC7C,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KAAC,CAAC,GACvC,CAAC,CAAC,CAAC,CAAC;CACP,CAAC;AAEN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AAExD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC;AAEN,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}

package/dist/components/DataTable/DataTableInput.vue.js

@@ -1,7 +1,7 @@
 import t from "./DataTableInput.vue2.js";
 /* empty css                    */
-import o from "../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ o(t, [["__scopeId", "data-v-266b624d"]]);
+import a from "../../_virtual/_plugin-vue_export-helper.js";
+const f = /* @__PURE__ */ a(t, [["__scopeId", "data-v-7949fbac"]]);
 export {
-  m as default
+  f as default
 };

package/dist/components/DataTable/DataTableInput.vue2.js

@@ -1,18 +1,17 @@
-import { defineComponent as $, ref as d, computed as x, openBlock as o, createBlock as p, normalizeClass as B, withCtx as q, createElementBlock as r, renderSlot as m, createCommentVNode as s, createElementVNode as f, Fragment as C, mergeProps as S, unref as D, createVNode as _ } from "vue";
-import F from "../../views/Environment/EnvironmentVariableDropdown.vue.js";
-import { ScalarIconButton as I } from "@scalar/components";
-import M from "./DataTableCell.vue.js";
-import O from "./DataTableInputSelect.vue.js";
-const N = {
+import { defineComponent as k, ref as i, computed as V, openBlock as o, createBlock as d, normalizeClass as b, withCtx as x, createElementBlock as r, renderSlot as p, createCommentVNode as s, createElementVNode as m, Fragment as B, mergeProps as $, unref as q } from "vue";
+import { ScalarIconButton as C } from "@scalar/components";
+import F from "./DataTableCell.vue.js";
+import I from "./DataTableInputSelect.vue.js";
+const O = {
   key: 0,
   class: "text-c-2 flex min-w-[100px] items-center border-r-1/2 pl-2 pr-0"
-}, P = { class: "row-1" }, E = ["id", "max", "min", "readOnly", "required", "type", "value"], H = {
+}, S = { class: "row-1" }, P = ["id", "max", "min", "readOnly", "required", "type", "value"], _ = {
   key: 0,
   class: "absolute centered-y right-0 pt-px pr-2 text-xxs text-c-3 bg-b-1 shadow-[-8px_0_4px_var(--scalar-background-1)] opacity-100 duration-150 transition-opacity peer-focus:opacity-0"
-}, T = {
+}, D = {
   key: 1,
   class: "absolute centered-y right-7 text-orange text-xs"
-}, j = /* @__PURE__ */ $({
+}, z = /* @__PURE__ */ k({
   inheritAttrs: !1,
   __name: "DataTableInput",
   props: {
@@ -27,36 +26,30 @@ const N = {
     max: {}
   },
   emits: ["update:modelValue", "inputFocus", "inputBlur", "selectVariable"],
-  setup(v, { emit: y }) {
-    const l = v, n = y, a = d(!0), c = d(""), u = d(!1), w = () => {
-      u.value || n("inputBlur");
-    }, h = x(
+  setup(c, { emit: f }) {
+    const l = c, n = f, a = i(!0), y = i(""), v = i(!1), w = () => {
+      v.value || n("inputBlur");
+    }, g = V(
       () => l.type === "password" ? a.value ? "password" : "text" : l.type ?? "text"
-    ), V = (e) => {
+    ), h = (e) => {
       const t = e.target;
-      c.value = t.value, n("update:modelValue", t.value);
-    }, g = (e) => {
-      n("update:modelValue", e);
-    }, k = () => {
-      u.value = !0;
-    }, b = () => {
-      u.value = !1;
+      y.value = t.value, n("update:modelValue", t.value);
     };
-    return (e, t) => (o(), p(M, {
-      class: B(["relative row", e.containerClass])
+    return (e, t) => (o(), d(F, {
+      class: b(["relative row", e.containerClass])
     }, {
-      default: q(() => [
-        e.$slots.default ? (o(), r("div", N, [
-          m(e.$slots, "default", {}, void 0, !0)
+      default: x(() => [
+        e.$slots.default ? (o(), r("div", O, [
+          p(e.$slots, "default", {}, void 0, !0)
         ])) : s("", !0),
-        f("div", P, [
-          l.enum && l.enum.length ? (o(), p(O, {
+        m("div", S, [
+          l.enum && l.enum.length ? (o(), d(I, {
             key: 0,
             modelValue: l.modelValue,
             value: l.enum,
-            "onUpdate:modelValue": t[0] || (t[0] = (i) => n("update:modelValue", i))
-          }, null, 8, ["modelValue", "value"])) : (o(), r(C, { key: 1 }, [
-            f("input", S(e.$attrs, {
+            "onUpdate:modelValue": t[0] || (t[0] = (u) => n("update:modelValue", u))
+          }, null, 8, ["modelValue", "value"])) : (o(), r(B, { key: 1 }, [
+            m("input", $(e.$attrs, {
               id: e.id,
               autocomplete: "off",
               class: "border-none focus:text-c-1 text-c-2 min-w-0 w-full peer px-2 py-1.5 outline-none",
@@ -66,37 +59,31 @@ const N = {
               readOnly: e.readOnly,
               required: e.required,
               spellcheck: "false",
-              type: h.value,
+              type: g.value,
               value: e.modelValue,
               onBlur: w,
-              onFocus: t[1] || (t[1] = (i) => n("inputFocus")),
-              onInput: V
-            }), null, 16, E),
-            e.required ? (o(), r("div", H, " Required ")) : s("", !0)
+              onFocus: t[1] || (t[1] = (u) => n("inputFocus")),
+              onInput: h
+            }), null, 16, P),
+            e.required ? (o(), r("div", _, " Required ")) : s("", !0)
           ], 64))
         ]),
-        e.$slots.warning ? (o(), r("div", T, [
-          m(e.$slots, "warning", {}, void 0, !0)
+        e.$slots.warning ? (o(), r("div", D, [
+          p(e.$slots, "warning", {}, void 0, !0)
         ])) : s("", !0),
-        m(e.$slots, "icon", {}, void 0, !0),
-        e.type === "password" ? (o(), p(D(I), {
+        p(e.$slots, "icon", {}, void 0, !0),
+        e.type === "password" ? (o(), d(q(C), {
           key: 2,
           class: "-ml-.5 mr-1 h-6 w-6 self-center p-1.5",
           icon: a.value ? "Show" : "Hide",
           label: a.value ? "Show Password" : "Hide Password",
-          onClick: t[2] || (t[2] = (i) => a.value = !a.value)
-        }, null, 8, ["icon", "label"])) : s("", !0),
-        _(F, {
-          query: c.value,
-          onMousedown: k,
-          onMouseup: b,
-          onSelect: g
-        }, null, 8, ["query"])
+          onClick: t[2] || (t[2] = (u) => a.value = !a.value)
+        }, null, 8, ["icon", "label"])) : s("", !0)
       ]),
       _: 3
     }, 8, ["class"]));
   }
 });
 export {
-  j as default
+  z as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"DataTableInputSelect.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableInputSelect.vue"],"names":[],"mappings":";gBAyIc,MAAM,GAAG,MAAM;YACnB,MAAM,EAAE;;;;gBADJ,MAAM,GAAG,MAAM;YACnB,MAAM,EAAE;;;;AA0TlB,wBAOG;AAOH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}
+{"version":3,"file":"DataTableInputSelect.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableInputSelect.vue"],"names":[],"mappings":";gBA0Ic,MAAM,GAAG,MAAM;YACnB,MAAM,EAAE;;;;gBADJ,MAAM,GAAG,MAAM;YACnB,MAAM,EAAE;;;;AAyTlB,wBAOG;AAOH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}