@scalar/api-reference 1.38.1 → 1.39.1

package/dist/features/Operation/layouts/ModernLayout.vue2.js

@@ -1,27 +1,32 @@
-import { defineComponent as g, computed as v, useId as B, createBlock as a, openBlock as i, unref as o, withCtx as t, createVNode as r, createElementVNode as n, createCommentVNode as s, createTextVNode as l, toDisplayString as p, normalizeClass as b, createSlots as C } from "vue";
-import { OperationCodeSample as P } from "@scalar/api-client/v2/blocks/operation-code-sample";
-import { ScalarMarkdown as w, ScalarErrorBoundary as d } from "@scalar/components";
-import { ScalarIconWebhooksLogo as R } from "@scalar/icons";
-import { getOperationStability as y, getOperationStabilityColor as q, isOperationDeprecated as O } from "@scalar/oas-utils/helpers";
-import { getResolvedRef as I } from "@scalar/workspace-store/helpers/get-resolved-ref";
-import W from "../../../components/OperationPath.vue.js";
-import T from "../components/callbacks/Callbacks.vue.js";
-import $ from "../components/OperationParameters.vue.js";
-import D from "../components/OperationResponses.vue.js";
-import F from "../../../components/Section/Section.vue.js";
-import L from "../../../components/Section/SectionContent.vue.js";
-import m from "../../../components/Badge/Badge.vue.js";
-import k from "../../x-badges/XBadges.vue.js";
-import N from "../../../components/Section/SectionHeader.vue.js";
-import V from "../../../components/Anchor/Anchor.vue.js";
-import E from "../../../components/Section/SectionHeaderTag.vue.js";
-import j from "../../../components/Section/SectionColumns.vue.js";
-import S from "../../../components/Section/SectionColumn.vue.js";
-import z from "../../../components/LinkList/LinkList.vue.js";
-import A from "../../external-docs/ExternalDocs.vue.js";
-import H from "../../test-request-button/TestRequestButton.vue.js";
-import M from "../../example-responses/ExampleResponses.vue.js";
-const G = { class: "flex flex-row justify-between gap-1" }, J = { class: "flex gap-1" }, K = { class: "flex gap-1" }, Q = { class: "operation-details" }, U = { class: "examples" }, ke = /* @__PURE__ */ g({
+import { defineComponent, computed, useId, createBlock, openBlock, unref, withCtx, createVNode, createElementVNode, createCommentVNode, createTextVNode, toDisplayString, normalizeClass, createSlots } from "vue";
+import { OperationCodeSample } from "@scalar/api-client/v2/blocks/operation-code-sample";
+import { ScalarMarkdown, ScalarErrorBoundary } from "@scalar/components";
+import { ScalarIconWebhooksLogo } from "@scalar/icons";
+import { getOperationStability, getOperationStabilityColor, isOperationDeprecated } from "@scalar/oas-utils/helpers";
+import { getResolvedRef } from "@scalar/workspace-store/helpers/get-resolved-ref";
+import OperationPath from "../../../components/OperationPath.vue.js";
+import _sfc_main$5 from "../components/callbacks/Callbacks.vue.js";
+import _sfc_main$3 from "../components/OperationParameters.vue.js";
+import _sfc_main$4 from "../components/OperationResponses.vue.js";
+import Section from "../../../components/Section/Section.vue.js";
+import SectionContent from "../../../components/Section/SectionContent.vue.js";
+import Badge from "../../../components/Badge/Badge.vue.js";
+import _sfc_main$1 from "../../x-badges/XBadges.vue.js";
+import SectionHeader from "../../../components/Section/SectionHeader.vue.js";
+import _sfc_main$2 from "../../../components/Anchor/Anchor.vue.js";
+import SectionHeaderTag from "../../../components/Section/SectionHeaderTag.vue.js";
+import SectionColumns from "../../../components/Section/SectionColumns.vue.js";
+import SectionColumn from "../../../components/Section/SectionColumn.vue.js";
+import LinkList from "../../../components/LinkList/LinkList.vue.js";
+import _sfc_main$6 from "../../external-docs/ExternalDocs.vue.js";
+import TestRequestButton from "../../test-request-button/TestRequestButton.vue.js";
+import ExampleResponses from "../../example-responses/ExampleResponses.vue.js";
+const _hoisted_1 = { class: "flex flex-row justify-between gap-1" };
+const _hoisted_2 = { class: "flex gap-1" };
+const _hoisted_3 = { class: "flex gap-1" };
+const _hoisted_4 = { class: "operation-details" };
+const _hoisted_5 = { class: "examples" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ModernLayout",
   props: {
     id: {},
@@ -30,206 +35,217 @@ const G = { class: "flex flex-row justify-between gap-1" }, J = { class: "flex g
     operation: {},
     securitySchemes: {},
     server: {},
-    store: {},
+    xScalarDefaultClient: {},
+    eventBus: {},
     options: {}
   },
-  setup(u) {
-    const f = v(() => u.operation.summary || u.path || ""), h = B();
-    return (e, c) => (i(), a(o(F), {
-      id: e.id,
-      "aria-labelledby": o(h),
-      label: f.value,
-      tabindex: "-1"
-    }, {
-      default: t(() => [
-        r(o(L), null, {
-          default: t(() => [
-            n("div", G, [
-              n("div", J, [
-                e.options?.showOperationId && e.operation.operationId ? (i(), a(o(m), { key: 0 }, {
-                  default: t(() => [
-                    l(p(e.operation.operationId), 1)
-                  ]),
-                  _: 1
-                })) : s("", !0),
-                o(y)(e.operation) ? (i(), a(o(m), {
-                  key: 1,
-                  class: b(["capitalize", o(q)(e.operation)])
-                }, {
-                  default: t(() => [
-                    l(p(o(y)(e.operation)), 1)
+  setup(__props) {
+    const operationTitle = computed(() => __props.operation.summary || __props.path || "");
+    const labelId = useId();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Section), {
+        id: _ctx.id,
+        "aria-labelledby": unref(labelId),
+        label: operationTitle.value,
+        tabindex: "-1",
+        onIntersecting: _cache[1] || (_cache[1] = () => _ctx.eventBus?.emit("intersecting:nav-item", { id: _ctx.id }))
+      }, {
+        default: withCtx(() => [
+          createVNode(unref(SectionContent), null, {
+            default: withCtx(() => [
+              createElementVNode("div", _hoisted_1, [
+                createElementVNode("div", _hoisted_2, [
+                  _ctx.options?.showOperationId && _ctx.operation.operationId ? (openBlock(), createBlock(unref(Badge), { key: 0 }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(_ctx.operation.operationId), 1)
+                    ]),
+                    _: 1
+                  })) : createCommentVNode("", true),
+                  unref(getOperationStability)(_ctx.operation) ? (openBlock(), createBlock(unref(Badge), {
+                    key: 1,
+                    class: normalizeClass(["capitalize", unref(getOperationStabilityColor)(_ctx.operation)])
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(unref(getOperationStability)(_ctx.operation)), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["class"])) : createCommentVNode("", true),
+                  _ctx.options.isWebhook ? (openBlock(), createBlock(unref(Badge), {
+                    key: 2,
+                    class: "font-code text-green flex w-fit items-center justify-center gap-1"
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(unref(ScalarIconWebhooksLogo), { weight: "bold" }),
+                      _cache[2] || (_cache[2] = createTextVNode("Webhook ", -1))
+                    ]),
+                    _: 1
+                  })) : createCommentVNode("", true),
+                  createVNode(unref(_sfc_main$1), {
+                    badges: _ctx.operation["x-badges"],
+                    position: "before"
+                  }, null, 8, ["badges"])
+                ]),
+                createElementVNode("div", _hoisted_3, [
+                  createVNode(unref(_sfc_main$1), {
+                    badges: _ctx.operation["x-badges"],
+                    position: "after"
+                  }, null, 8, ["badges"])
+                ])
+              ]),
+              createElementVNode("div", {
+                class: normalizeClass(unref(isOperationDeprecated)(_ctx.operation) ? "deprecated" : "")
+              }, [
+                createVNode(unref(SectionHeader), null, {
+                  default: withCtx(() => [
+                    createVNode(unref(_sfc_main$2), {
+                      onCopyAnchorUrl: _cache[0] || (_cache[0] = () => _ctx.eventBus?.emit("copy-url:nav-item", { id: _ctx.id }))
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(unref(SectionHeaderTag), {
+                          id: unref(labelId),
+                          level: 3
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(toDisplayString(operationTitle.value), 1)
+                          ]),
+                          _: 1
+                        }, 8, ["id"])
+                      ]),
+                      _: 1
+                    })
                   ]),
                   _: 1
-                }, 8, ["class"])) : s("", !0),
-                e.options.isWebhook ? (i(), a(o(m), {
-                  key: 2,
-                  class: "font-code text-green flex w-fit items-center justify-center gap-1"
-                }, {
-                  default: t(() => [
-                    r(o(R), { weight: "bold" }),
-                    c[0] || (c[0] = l("Webhook "))
-                  ]),
-                  _: 1,
-                  __: [0]
-                })) : s("", !0),
-                r(o(k), {
-                  badges: e.operation["x-badges"],
-                  position: "before"
-                }, null, 8, ["badges"])
-              ]),
-              n("div", K, [
-                r(o(k), {
-                  badges: e.operation["x-badges"],
-                  position: "after"
-                }, null, 8, ["badges"])
-              ])
-            ]),
-            n("div", {
-              class: b(o(O)(e.operation) ? "deprecated" : "")
-            }, [
-              r(o(N), null, {
-                default: t(() => [
-                  r(o(V), { id: e.id }, {
-                    default: t(() => [
-                      r(o(E), {
-                        id: o(h),
-                        level: 3
-                      }, {
-                        default: t(() => [
-                          l(p(f.value), 1)
-                        ]),
-                        _: 1
-                      }, 8, ["id"])
+                })
+              ], 2),
+              createVNode(unref(SectionColumns), null, {
+                default: withCtx(() => [
+                  createVNode(unref(SectionColumn), null, {
+                    default: withCtx(() => [
+                      createElementVNode("div", _hoisted_4, [
+                        createVNode(unref(ScalarMarkdown), {
+                          anchorPrefix: _ctx.id,
+                          "aria-label": "Operation Description",
+                          role: "group",
+                          transformType: "heading",
+                          value: _ctx.operation.description,
+                          withAnchors: "",
+                          withImages: ""
+                        }, null, 8, ["anchorPrefix", "value"]),
+                        createVNode(_sfc_main$3, {
+                          breadcrumb: [_ctx.id],
+                          eventBus: _ctx.eventBus,
+                          options: {
+                            orderRequiredPropertiesFirst: _ctx.options.orderRequiredPropertiesFirst,
+                            orderSchemaPropertiesBy: _ctx.options.orderSchemaPropertiesBy
+                          },
+                          parameters: (
+                            // These have been resolved in the Operation.vue component
+                            _ctx.operation.parameters
+                          ),
+                          requestBody: unref(getResolvedRef)(_ctx.operation.requestBody)
+                        }, null, 8, ["breadcrumb", "eventBus", "options", "parameters", "requestBody"]),
+                        createVNode(_sfc_main$4, {
+                          breadcrumb: [_ctx.id],
+                          eventBus: _ctx.eventBus,
+                          options: {
+                            collapsableItems: !_ctx.options.expandAllResponses,
+                            orderRequiredPropertiesFirst: _ctx.options.orderRequiredPropertiesFirst,
+                            orderSchemaPropertiesBy: _ctx.options.orderSchemaPropertiesBy
+                          },
+                          responses: _ctx.operation.responses
+                        }, null, 8, ["breadcrumb", "eventBus", "options", "responses"]),
+                        createVNode(unref(ScalarErrorBoundary), null, {
+                          default: withCtx(() => [
+                            _ctx.operation.callbacks ? (openBlock(), createBlock(_sfc_main$5, {
+                              key: 0,
+                              callbacks: _ctx.operation.callbacks,
+                              class: "mt-6",
+                              eventBus: _ctx.eventBus,
+                              method: _ctx.method,
+                              options: _ctx.options,
+                              path: _ctx.path
+                            }, null, 8, ["callbacks", "eventBus", "method", "options", "path"])) : createCommentVNode("", true)
+                          ]),
+                          _: 1
+                        })
+                      ])
+                    ]),
+                    _: 1
+                  }),
+                  createVNode(unref(SectionColumn), null, {
+                    default: withCtx(() => [
+                      createElementVNode("div", _hoisted_5, [
+                        _ctx.operation.externalDocs ? (openBlock(), createBlock(unref(LinkList), { key: 0 }, {
+                          default: withCtx(() => [
+                            createVNode(unref(_sfc_main$6), {
+                              value: _ctx.operation.externalDocs
+                            }, null, 8, ["value"])
+                          ]),
+                          _: 1
+                        })) : createCommentVNode("", true),
+                        createVNode(unref(ScalarErrorBoundary), null, {
+                          default: withCtx(() => [
+                            createVNode(unref(OperationCodeSample), {
+                              clientOptions: _ctx.options.clientOptions,
+                              fallback: "",
+                              isWebhook: _ctx.options.isWebhook,
+                              method: _ctx.method,
+                              operation: _ctx.operation,
+                              path: _ctx.path,
+                              securitySchemes: _ctx.securitySchemes,
+                              selectedClient: _ctx.xScalarDefaultClient,
+                              selectedServer: _ctx.server
+                            }, createSlots({
+                              header: withCtx(() => [
+                                createVNode(OperationPath, {
+                                  class: "font-code text-c-2 [&_em]:text-c-1 [&_em]:not-italic",
+                                  deprecated: _ctx.operation?.deprecated,
+                                  path: _ctx.path
+                                }, null, 8, ["deprecated", "path"])
+                              ]),
+                              _: 2
+                            }, [
+                              !_ctx.options.isWebhook ? {
+                                name: "footer",
+                                fn: withCtx(() => [
+                                  !_ctx.options.hideTestRequestButton ? (openBlock(), createBlock(unref(TestRequestButton), {
+                                    key: 0,
+                                    method: _ctx.method,
+                                    path: _ctx.path
+                                  }, null, 8, ["method", "path"])) : createCommentVNode("", true)
+                                ]),
+                                key: "0"
+                              } : void 0
+                            ]), 1032, ["clientOptions", "isWebhook", "method", "operation", "path", "securitySchemes", "selectedClient", "selectedServer"])
+                          ]),
+                          _: 1
+                        }),
+                        createVNode(unref(ScalarErrorBoundary), null, {
+                          default: withCtx(() => [
+                            _ctx.operation.responses ? (openBlock(), createBlock(unref(ExampleResponses), {
+                              key: 0,
+                              responses: _ctx.operation.responses,
+                              style: { "margin-top": "12px" }
+                            }, null, 8, ["responses"])) : createCommentVNode("", true)
+                          ]),
+                          _: 1
+                        })
+                      ])
                     ]),
                     _: 1
-                  }, 8, ["id"])
+                  })
                 ]),
                 _: 1
               })
-            ], 2),
-            r(o(j), null, {
-              default: t(() => [
-                r(o(S), null, {
-                  default: t(() => [
-                    n("div", Q, [
-                      r(o(w), {
-                        anchorPrefix: e.id,
-                        transformType: "heading",
-                        value: e.operation.description,
-                        withAnchors: "",
-                        withImages: ""
-                      }, null, 8, ["anchorPrefix", "value"]),
-                      r($, {
-                        breadcrumb: [e.id],
-                        options: {
-                          orderRequiredPropertiesFirst: e.options.orderRequiredPropertiesFirst,
-                          orderSchemaPropertiesBy: e.options.orderSchemaPropertiesBy
-                        },
-                        parameters: (
-                          // These have been resolved in the Operation.vue component
-                          e.operation.parameters
-                        ),
-                        requestBody: o(I)(e.operation.requestBody)
-                      }, null, 8, ["breadcrumb", "options", "parameters", "requestBody"]),
-                      r(D, {
-                        breadcrumb: [e.id],
-                        options: {
-                          collapsableItems: !e.options.expandAllResponses,
-                          orderRequiredPropertiesFirst: e.options.orderRequiredPropertiesFirst,
-                          orderSchemaPropertiesBy: e.options.orderSchemaPropertiesBy
-                        },
-                        responses: e.operation.responses
-                      }, null, 8, ["breadcrumb", "options", "responses"]),
-                      r(o(d), null, {
-                        default: t(() => [
-                          e.operation.callbacks ? (i(), a(T, {
-                            key: 0,
-                            callbacks: e.operation.callbacks,
-                            class: "mt-6",
-                            method: e.method,
-                            options: e.options,
-                            path: e.path
-                          }, null, 8, ["callbacks", "method", "options", "path"])) : s("", !0)
-                        ]),
-                        _: 1
-                      })
-                    ])
-                  ]),
-                  _: 1
-                }),
-                r(o(S), null, {
-                  default: t(() => [
-                    n("div", U, [
-                      e.operation.externalDocs ? (i(), a(o(z), { key: 0 }, {
-                        default: t(() => [
-                          r(o(A), {
-                            value: e.operation.externalDocs
-                          }, null, 8, ["value"])
-                        ]),
-                        _: 1
-                      })) : s("", !0),
-                      r(o(d), null, {
-                        default: t(() => [
-                          r(o(P), {
-                            clientOptions: e.options.clientOptions,
-                            fallback: "",
-                            isWebhook: e.options.isWebhook,
-                            method: e.method,
-                            operation: e.operation,
-                            path: e.path,
-                            securitySchemes: e.securitySchemes,
-                            selectedClient: e.store.workspace["x-scalar-default-client"],
-                            selectedServer: e.server
-                          }, C({
-                            header: t(() => [
-                              r(W, {
-                                class: "font-code text-c-2 [&_em]:text-c-1 [&_em]:not-italic",
-                                deprecated: e.operation?.deprecated,
-                                path: e.path
-                              }, null, 8, ["deprecated", "path"])
-                            ]),
-                            _: 2
-                          }, [
-                            e.options.isWebhook ? void 0 : {
-                              name: "footer",
-                              fn: t(() => [
-                                e.options.hideTestRequestButton ? s("", !0) : (i(), a(o(H), {
-                                  key: 0,
-                                  method: e.method,
-                                  path: e.path
-                                }, null, 8, ["method", "path"]))
-                              ]),
-                              key: "0"
-                            }
-                          ]), 1032, ["clientOptions", "isWebhook", "method", "operation", "path", "securitySchemes", "selectedClient", "selectedServer"])
-                        ]),
-                        _: 1
-                      }),
-                      r(o(d), null, {
-                        default: t(() => [
-                          e.operation.responses ? (i(), a(o(M), {
-                            key: 0,
-                            responses: e.operation.responses,
-                            style: { "margin-top": "12px" }
-                          }, null, 8, ["responses"])) : s("", !0)
-                        ]),
-                        _: 1
-                      })
-                    ])
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        })
-      ]),
-      _: 1
-    }, 8, ["id", "aria-labelledby", "label"]));
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["id", "aria-labelledby", "label"]);
+    };
   }
 });
 export {
-  ke as default
+  _sfc_main as default
 };

package/dist/features/Search/components/SearchButton.vue.d.ts

@@ -1,8 +1,11 @@
+import type { WorkspaceEventBus } from '@scalar/workspace-store/events';
 import type { OpenApiDocument } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document';
 type __VLS_Props = {
+    forceIcon?: boolean;
     searchHotKey?: string;
     hideModels?: boolean;
     document?: OpenApiDocument;
+    eventBus: WorkspaceEventBus;
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/features/Search/components/SearchButton.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchButton.vue.d.ts","sourceRoot":"","sources":["../../../../src/features/Search/components/SearchButton.vue"],"names":[],"mappings":"AA4FA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8DAA8D,CAAA;AAOnG,KAAK,WAAW,GAAG;IACjB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,eAAe,CAAA;CAC3B,CAAC;;AAqJF,wBAMG"}
+{"version":3,"file":"SearchButton.vue.d.ts","sourceRoot":"","sources":["../../../../src/features/Search/components/SearchButton.vue"],"names":[],"mappings":"AAyGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AACvE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8DAA8D,CAAA;AAKnG,KAAK,WAAW,GAAG;IACjB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,eAAe,CAAA;IAC1B,QAAQ,EAAE,iBAAiB,CAAA;CAC5B,CAAC;;AA0KF,wBAMG"}

package/dist/features/Search/components/SearchButton.vue.js

@@ -1,65 +1,88 @@
-import { defineComponent as h, ref as S, watch as k, nextTick as w, onMounted as C, onBeforeUnmount as M, createElementBlock as a, openBlock as r, Fragment as s, createVNode as u, unref as l, normalizeClass as v, withCtx as m, createElementVNode as n, createTextVNode as B, toDisplayString as K } from "vue";
-import { useModal as b, ScalarSidebarSearchButton as E } from "@scalar/components";
-import { isMacOS as p } from "@scalar/helpers/general/is-mac-os";
-import H from "./SearchModal.vue.js";
-import { useApiClient as g } from "../../api-client-modal/useApiClient.js";
-const O = /* @__PURE__ */ h({
+import { defineComponent, ref, watch, nextTick, onMounted, onBeforeUnmount, createElementBlock, openBlock, Fragment, createBlock, createVNode, unref, normalizeClass, withCtx, createElementVNode, createTextVNode, toDisplayString } from "vue";
+import { useModal, ScalarIconButton, ScalarSidebarSearchButton } from "@scalar/components";
+import { isMacOS } from "@scalar/helpers/general/is-mac-os";
+import { ScalarIconMagnifyingGlass } from "@scalar/icons";
+import SearchModal from "./SearchModal.vue.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "SearchButton",
   props: {
+    forceIcon: { type: Boolean },
     searchHotKey: { default: "k" },
-    hideModels: { type: Boolean, default: !1 },
-    document: {}
+    hideModels: { type: Boolean, default: false },
+    document: {},
+    eventBus: {}
   },
-  setup(f) {
-    const d = S(), t = b(), { client: c } = g(), i = (o) => {
-      (p() ? o.metaKey : o.ctrlKey) && o.key === f.searchHotKey && !c.value?.modalState.open && (o.preventDefault(), o.stopPropagation(), t.open ? t.hide() : t.show());
+  setup(__props) {
+    const button = ref();
+    const modalState = useModal();
+    const handleHotKey = (e) => {
+      if ((isMacOS() ? e.metaKey : e.ctrlKey) && e.key === __props.searchHotKey) {
+        e.preventDefault();
+        e.stopPropagation();
+        if (modalState.open) {
+          modalState.hide();
+        } else {
+          modalState.show();
+        }
+      }
     };
-    k(
-      () => t.open,
-      (o, e) => {
-        !o && e && w(() => {
-          d.value?.$el.focus();
-        });
+    watch(
+      () => modalState.open,
+      async (next, prev) => {
+        if (!next && prev) {
+          await nextTick();
+          button.value?.$el.focus();
+        }
       }
-    ), C(() => window.addEventListener("keydown", i)), M(() => window.removeEventListener("keydown", i));
-    function y() {
-      t.show();
+    );
+    onMounted(() => window.addEventListener("keydown", handleHotKey));
+    onBeforeUnmount(() => window.removeEventListener("keydown", handleHotKey));
+    function handleClick() {
+      modalState.show();
     }
-    return (o, e) => (r(), a(s, null, [
-      u(l(E), {
-        ref_key: "button",
-        ref: d,
-        class: v(["w-full", o.$attrs.class]),
-        onClick: y
-      }, {
-        shortcut: m(() => [
-          l(p)() ? (r(), a(s, { key: 0 }, [
-            e[0] || (e[0] = n("span", { class: "sr-only" }, "Command", -1)),
-            e[1] || (e[1] = n("span", { "aria-hidden": "true" }, "⌘", -1))
-          ], 64)) : (r(), a(s, { key: 1 }, [
-            e[2] || (e[2] = n("span", { class: "sr-only" }, "CTRL", -1)),
-            e[3] || (e[3] = n("span", { "aria-hidden": "true" }, "⌃", -1))
-          ], 64)),
-          B(" " + K(o.searchHotKey), 1)
-        ]),
-        default: m(() => [
-          e[4] || (e[4] = n("span", { class: "sr-only" }, "Open Search", -1)),
-          e[5] || (e[5] = n("span", {
-            "aria-hidden": "true",
-            class: "sidebar-search-placeholder"
-          }, " Search ", -1))
-        ]),
-        _: 1,
-        __: [4, 5]
-      }, 8, ["class"]),
-      u(H, {
-        document: o.document,
-        hideModels: o.hideModels,
-        modalState: l(t)
-      }, null, 8, ["document", "hideModels", "modalState"])
-    ], 64));
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        _ctx.forceIcon ? (openBlock(), createBlock(unref(ScalarIconButton), {
+          key: 0,
+          icon: unref(ScalarIconMagnifyingGlass),
+          label: "Search",
+          onClick: handleClick
+        }, null, 8, ["icon"])) : (openBlock(), createBlock(unref(ScalarSidebarSearchButton), {
+          key: 1,
+          ref_key: "button",
+          ref: button,
+          class: normalizeClass(["w-full", _ctx.$attrs.class]),
+          onClick: handleClick
+        }, {
+          shortcut: withCtx(() => [
+            unref(isMacOS)() ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+              _cache[0] || (_cache[0] = createElementVNode("span", { class: "sr-only" }, "Command", -1)),
+              _cache[1] || (_cache[1] = createElementVNode("span", { "aria-hidden": "true" }, "⌘", -1))
+            ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+              _cache[2] || (_cache[2] = createElementVNode("span", { class: "sr-only" }, "CTRL", -1)),
+              _cache[3] || (_cache[3] = createElementVNode("span", { "aria-hidden": "true" }, "⌃", -1))
+            ], 64)),
+            createTextVNode(" " + toDisplayString(_ctx.searchHotKey), 1)
+          ]),
+          default: withCtx(() => [
+            _cache[4] || (_cache[4] = createElementVNode("span", { class: "sr-only" }, "Open Search", -1)),
+            _cache[5] || (_cache[5] = createElementVNode("span", {
+              "aria-hidden": "true",
+              class: "sidebar-search-placeholder"
+            }, " Search ", -1))
+          ]),
+          _: 1
+        }, 8, ["class"])),
+        createVNode(SearchModal, {
+          document: _ctx.document,
+          eventBus: _ctx.eventBus,
+          hideModels: _ctx.hideModels,
+          modalState: unref(modalState)
+        }, null, 8, ["document", "eventBus", "hideModels", "modalState"])
+      ], 64);
+    };
   }
 });
 export {
-  O as default
+  _sfc_main as default
 };

package/dist/features/Search/components/SearchButton.vue2.js

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