@scalar/api-client 2.0.24 → 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/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/SideNav/SideNav.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SideNav.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SideNav/SideNav.vue"],"names":[],"mappings":";AAsIA,wBAKG"}
+{"version":3,"file":"SideNav.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SideNav/SideNav.vue"],"names":[],"mappings":";AAuIA,wBAKG"}

package/dist/components/SideNav/SideNav.vue.js

@@ -1,37 +1,40 @@
-import { defineComponent as m, openBlock as e, createElementBlock as t, createVNode as o, createElementVNode as r, Fragment as _, renderList as f, unref as i, withCtx as p, createTextVNode as u, toDisplayString as d } from "vue";
+import { defineComponent as m, openBlock as t, createElementBlock as o, createVNode as r, createElementVNode as a, Fragment as _, renderList as f, unref as c, withCtx as p, createTextVNode as u, toDisplayString as d } from "vue";
 import x from "../DarkModeToggle/DarkModeIconToggle.vue.js";
 import { ROUTES as h } from "../../constants.js";
-import { useRouter as g } from "vue-router";
-import v from "./SideNavLink.vue.js";
+import { useRouter as v } from "vue-router";
+import g from "./SideNavLink.vue.js";
 import N from "./WorkspaceProfileIcon.vue.js";
 /* empty css                          */
 const y = {
   "aria-label": "Side Navigation",
-  class: "text-c-2 w-15 flex flex-col items-center px-2 py-2",
+  class: "text-c-2 w-15 flex flex-col items-center px-2 py-2 scalar-sidenav",
   role: "navigation"
 }, S = { class: "mt-3.5 flex flex-col gap-1.5" }, k = { class: "mt-auto flex flex-col gap-2 py-1.5" }, E = { class: "flex items-center" }, L = /* @__PURE__ */ m({
   __name: "SideNav",
   setup(R) {
-    const { currentRoute: c } = g();
-    return (V, $) => (e(), t("nav", y, [
-      o(N),
-      r("ul", S, [
-        (e(!0), t(_, null, f(i(h), ({ icon: n, label: s, path: a }, l) => (e(), t("li", { key: l }, [
-          o(v, {
-            active: i(c).path.startsWith(a),
-            icon: n,
-            path: a
-          }, {
-            default: p(() => [
-              u(d(s), 1)
-            ]),
-            _: 2
-          }, 1032, ["active", "icon", "path"])
-        ]))), 128))
+    const { currentRoute: n } = v();
+    return (V, $) => (t(), o("nav", y, [
+      r(N),
+      a("ul", S, [
+        (t(!0), o(_, null, f(c(h), ({ icon: s, name: e }, l) => {
+          var i;
+          return t(), o("li", { key: l }, [
+            r(g, {
+              active: (i = c(n).name) == null ? void 0 : i.startsWith(e),
+              icon: s,
+              name: e
+            }, {
+              default: p(() => [
+                u(d(e), 1)
+              ]),
+              _: 2
+            }, 1032, ["active", "icon", "name"])
+          ]);
+        }), 128))
       ]),
-      r("ul", k, [
-        r("li", E, [
-          o(x)
+      a("ul", k, [
+        a("li", E, [
+          r(x)
         ])
       ])
     ]));

package/dist/components/SideNav/SideNavLink.vue.d.ts

@@ -1,3 +1,4 @@
+import type { ROUTES } from '../../constants.js';
 import { ScalarIcon } from '@scalar/components';
 type IconProps = InstanceType<typeof ScalarIcon>['$props'];
 declare function __VLS_template(): {
@@ -5,11 +6,11 @@ declare function __VLS_template(): {
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_TypePropsToOption<{
     icon: IconProps["icon"];
-    path: string;
+    name: (typeof ROUTES)[number]["name"];
     active?: boolean;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
     icon: IconProps["icon"];
-    path: string;
+    name: (typeof ROUTES)[number]["name"];
     active?: boolean;
 }>>>, {}, {}>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;

package/dist/components/SideNav/SideNavLink.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SideNavLink.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SideNav/SideNavLink.vue"],"names":[],"mappings":"AA6BA,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAI/C,KAAK,SAAS,GAAG,YAAY,CAAC,OAAO,UAAU,CAAC,CAAC,QAAQ,CAAC,CAAA;AAe1D,iBAAS,cAAc;qBAuDO,GAAG;EAgBhC;AACD,QAAA,MAAM,eAAe;UApFb,SAAS,CAAC,MAAM,CAAC;UACjB,MAAM;aACH,OAAO;;UAFV,SAAS,CAAC,MAAM,CAAC;UACjB,MAAM;aACH,OAAO;aAwFhB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,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":"SideNavLink.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SideNav/SideNavLink.vue"],"names":[],"mappings":"AA6BA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AAEzC,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAI/C,KAAK,SAAS,GAAG,YAAY,CAAC,OAAO,UAAU,CAAC,CAAC,QAAQ,CAAC,CAAA;AAe1D,iBAAS,cAAc;qBAuDO,GAAG;EAgBhC;AACD,QAAA,MAAM,eAAe;UApFb,SAAS,CAAC,MAAM,CAAC;UACjB,CAAC,OAAO,MAAM,EAAE,MAAM,CAAC,CAAC,MAAM,CAAC;aAC5B,OAAO;;UAFV,SAAS,CAAC,MAAM,CAAC;UACjB,CAAC,OAAO,MAAM,EAAE,MAAM,CAAC,CAAC,MAAM,CAAC;aAC5B,OAAO;aAwFhB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,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"}