@scalar/api-reference 1.38.1 → 1.39.0

package/dist/components/Content/Schema/helpers/schema-name.js

@@ -1,33 +1,61 @@
-import { getResolvedRef as y } from "@scalar/workspace-store/helpers/get-resolved-ref";
-import { isArraySchema as a } from "@scalar/workspace-store/schemas/v3.1/strict/type-guards";
-import { getRefName as p } from "./get-ref-name.js";
-const s = (t) => {
-  if (!t)
+import { getResolvedRef } from "@scalar/workspace-store/helpers/get-resolved-ref";
+import { isArraySchema } from "@scalar/workspace-store/schemas/v3.1/strict/type-guards";
+import { getRefName } from "./get-ref-name.js";
+const getModelNameFromSchema = (schemaOrRef) => {
+  if (!schemaOrRef) {
     return null;
-  if ("$ref" in t) {
-    const e = p(t);
-    if (e)
-      return e;
-  }
-  const r = y(t);
-  return r.title ? r.title : r.name ? r.name : null;
-}, o = (t, r) => `${t} ${r}${t === "array" ? "[]" : ""}`, N = (t, r = !1) => {
-  if (!("type" in t) || r)
+  }
+  if ("$ref" in schemaOrRef) {
+    const refName = getRefName(schemaOrRef);
+    if (refName) {
+      return refName;
+    }
+  }
+  const schema = getResolvedRef(schemaOrRef);
+  if (schema.title) {
+    return schema.title;
+  }
+  if (schema.name) {
+    return schema.name;
+  }
+  return null;
+};
+const formatTypeWithModel = (type, modelName) => `${type} ${modelName}${type === "array" ? "[]" : ""}`;
+const getModelName = (value, hideModelNames = false) => {
+  if (!("type" in value) || hideModelNames) {
     return null;
-  const e = t.type, i = s(t);
-  if (i && t.title)
-    return e === "array" ? `array ${i}[]` : i;
-  if (a(t) && t.items) {
-    const n = y(t.items), f = n.title;
-    if (f)
-      return o(e, f);
-    const m = s(t.items);
-    return m && "type" in n && m !== n.type ? o(e, m) : "type" in n ? o(e, Array.isArray(n.type) ? n.type.join(" | ") : n.type) : o(e, "object");
-  }
-  return i && i !== e ? i.startsWith("Array of ") ? `array ${i.slice(9)}[]` : i : null;
+  }
+  const valueType = value.type;
+  const modelName = getModelNameFromSchema(value);
+  if (modelName && value.title) {
+    return valueType === "array" ? `array ${modelName}[]` : modelName;
+  }
+  if (isArraySchema(value) && value.items) {
+    const items = getResolvedRef(value.items);
+    const itemName = items.title;
+    if (itemName) {
+      return formatTypeWithModel(valueType, itemName);
+    }
+    const itemModelName = getModelNameFromSchema(value.items);
+    if (itemModelName && "type" in items && itemModelName !== items.type) {
+      return formatTypeWithModel(valueType, itemModelName);
+    }
+    if ("type" in items) {
+      return formatTypeWithModel(valueType, Array.isArray(items.type) ? items.type.join(" | ") : items.type);
+    }
+    return formatTypeWithModel(valueType, "object");
+  }
+  if (modelName && modelName !== valueType) {
+    if (modelName.startsWith("Array of ")) {
+      const itemType = modelName.slice(9);
+      return `array ${itemType}[]`;
+    }
+    return modelName;
+  }
+  return null;
 };
 export {
-  o as formatTypeWithModel,
-  N as getModelName,
-  s as getModelNameFromSchema
+  formatTypeWithModel,
+  getModelName,
+  getModelNameFromSchema
 };

package/dist/components/Content/Schema/helpers/sort-property-names.js

@@ -1,36 +1,58 @@
-import { getResolvedRef as y } from "@scalar/workspace-store/helpers/get-resolved-ref";
-import { isTypeObject as m } from "./is-type-object.js";
-const q = (r, o) => r.reduce((i, s) => {
-  const n = o?.[s];
-  return n && (i[s] = n), i;
-}, {}), R = (r, o, {
-  hideReadOnly: i = !1,
-  hideWriteOnly: s = !1,
-  orderSchemaPropertiesBy: n = "alpha",
-  orderRequiredPropertiesFirst: c = !0
+import { getResolvedRef } from "@scalar/workspace-store/helpers/get-resolved-ref";
+import { isTypeObject } from "./is-type-object.js";
+const reduceNamesToObject = (names, properties) => names.reduce((acc, name) => {
+  const prop = properties?.[name];
+  if (prop) {
+    acc[name] = prop;
+  }
+  return acc;
+}, {});
+const sortPropertyNames = (schema, discriminator, {
+  hideReadOnly = false,
+  hideWriteOnly = false,
+  orderSchemaPropertiesBy = "alpha",
+  orderRequiredPropertiesFirst = true
 } = {}) => {
-  if (!m(r) || !r.properties)
+  if (!isTypeObject(schema) || !schema.properties) {
     return [];
-  const d = Object.keys(r.properties), p = new Set(r.required || []);
-  return d.sort((t, e) => {
-    const u = t === o?.propertyName, f = e === o?.propertyName, l = p.has(t), a = p.has(e);
-    if (u && !f)
+  }
+  const propertyNames = Object.keys(schema.properties);
+  const requiredPropertiesSet = new Set(schema.required || []);
+  return propertyNames.sort((a, b) => {
+    const aDiscriminator = a === discriminator?.propertyName;
+    const bDiscriminator = b === discriminator?.propertyName;
+    const aRequired = requiredPropertiesSet.has(a);
+    const bRequired = requiredPropertiesSet.has(b);
+    if (aDiscriminator && !bDiscriminator) {
       return -1;
-    if (!u && f)
+    }
+    if (!aDiscriminator && bDiscriminator) {
       return 1;
-    if (c) {
-      if (l && !a)
+    }
+    if (orderRequiredPropertiesFirst) {
+      if (aRequired && !bRequired) {
         return -1;
-      if (!l && a)
+      }
+      if (!aRequired && bRequired) {
         return 1;
+      }
+    }
+    if (orderSchemaPropertiesBy === "alpha") {
+      return a.localeCompare(b);
+    }
+    return 0;
+  }).filter((property) => {
+    const resolved = schema.properties && getResolvedRef(schema.properties[property]);
+    if (hideReadOnly && resolved?.readOnly === true) {
+      return false;
+    }
+    if (hideWriteOnly && resolved?.writeOnly === true) {
+      return false;
     }
-    return n === "alpha" ? t.localeCompare(e) : 0;
-  }).filter((t) => {
-    const e = r.properties && y(r.properties[t]);
-    return !(i && e?.readOnly === !0 || s && e?.writeOnly === !0);
+    return true;
   });
 };
 export {
-  q as reduceNamesToObject,
-  R as sortPropertyNames
+  reduceNamesToObject,
+  sortPropertyNames
 };

package/dist/components/Content/Tags/Tag.vue.d.ts

@@ -1,10 +1,12 @@
+import type { WorkspaceEventBus } from '@scalar/workspace-store/events';
 import type { TraversedTag } from '@scalar/workspace-store/schemas/navigation';
 type __VLS_Props = {
     tag: TraversedTag;
     layout: 'classic' | 'modern';
     moreThanOneTag: boolean;
     isLoading: boolean;
-    onShowMore: ((id: string) => void) | undefined;
+    isCollapsed: boolean;
+    eventBus: WorkspaceEventBus | null;
 };
 declare var __VLS_5: {}, __VLS_11: {};
 type __VLS_Slots = {} & {

package/dist/components/Content/Tags/Tag.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Content/Tags/Tag.vue"],"names":[],"mappings":"AAoCA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4CAA4C,CAAA;AAK9E,KAAK,WAAW,GAAG;IACjB,GAAG,EAAE,YAAY,CAAA;IACjB,MAAM,EAAE,SAAS,GAAG,QAAQ,CAAA;IAC5B,cAAc,EAAE,OAAO,CAAA;IACvB,SAAS,EAAE,OAAO,CAAA;IAClB,UAAU,EAAE,CAAC,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAA;CAC/C,CAAC;AAoDF,QAAA,IAAI,OAAO,IAAU,EAAE,QAAQ,IAAY,CAAE;AAC7C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAsBhD,QAAA,MAAM,eAAe,kSAMnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAQ1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"Tag.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Content/Tags/Tag.vue"],"names":[],"mappings":"AAyCA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AACvE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4CAA4C,CAAA;AAK9E,KAAK,WAAW,GAAG;IACjB,GAAG,EAAE,YAAY,CAAA;IACjB,MAAM,EAAE,SAAS,GAAG,QAAQ,CAAA;IAC5B,cAAc,EAAE,OAAO,CAAA;IACvB,SAAS,EAAE,OAAO,CAAA;IAClB,WAAW,EAAE,OAAO,CAAA;IACpB,QAAQ,EAAE,iBAAiB,GAAG,IAAI,CAAA;CACnC,CAAC;AA0DF,QAAA,IAAI,OAAO,IAAU,EAAE,QAAQ,IAAY,CAAE;AAC7C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAsBhD,QAAA,MAAM,eAAe,kSAMnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAQ1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/Content/Tags/Tag.vue.js

@@ -1,40 +1,46 @@
-import { defineComponent as r, createBlock as a, openBlock as e, withCtx as t, renderSlot as n } from "vue";
-import l from "./ClassicLayout.vue.js";
-import u from "./ModernLayout.vue.js";
-const m = /* @__PURE__ */ r({
+import { defineComponent, createBlock, openBlock, withCtx, renderSlot } from "vue";
+import ClassicLayout from "./components/ClassicLayout.vue.js";
+import ModernLayout from "./components/ModernLayout.vue.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Tag",
   props: {
     tag: {},
     layout: {},
     moreThanOneTag: { type: Boolean },
     isLoading: { type: Boolean },
-    onShowMore: { type: Function }
+    isCollapsed: { type: Boolean },
+    eventBus: {}
   },
-  setup(s) {
-    return (o, i) => o.layout === "classic" ? (e(), a(l, {
-      key: 0,
-      layout: o.layout,
-      tag: o.tag
-    }, {
-      default: t(() => [
-        n(o.$slots, "default")
-      ]),
-      _: 3
-    }, 8, ["layout", "tag"])) : (e(), a(u, {
-      key: 1,
-      isLoading: o.isLoading,
-      layout: o.layout,
-      moreThanOneTag: o.moreThanOneTag,
-      onShowMore: o.onShowMore,
-      tag: o.tag
-    }, {
-      default: t(() => [
-        n(o.$slots, "default")
-      ]),
-      _: 3
-    }, 8, ["isLoading", "layout", "moreThanOneTag", "onShowMore", "tag"]));
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return _ctx.layout === "classic" ? (openBlock(), createBlock(ClassicLayout, {
+        key: 0,
+        eventBus: _ctx.eventBus,
+        isCollapsed: _ctx.isCollapsed,
+        layout: _ctx.layout,
+        tag: _ctx.tag
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["eventBus", "isCollapsed", "layout", "tag"])) : (openBlock(), createBlock(ModernLayout, {
+        key: 1,
+        eventBus: _ctx.eventBus,
+        isCollapsed: _ctx.isCollapsed,
+        isLoading: _ctx.isLoading,
+        layout: _ctx.layout,
+        moreThanOneTag: _ctx.moreThanOneTag,
+        tag: _ctx.tag
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["eventBus", "isCollapsed", "isLoading", "layout", "moreThanOneTag", "tag"]));
+    };
   }
 });
 export {
-  m as default
+  _sfc_main as default
 };

package/dist/components/Content/Tags/Tag.vue2.js

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

package/dist/components/Content/Tags/{ClassicLayout.vue.d.ts → components/ClassicLayout.vue.d.ts}

@@ -1,10 +1,13 @@
+import type { WorkspaceEventBus } from '@scalar/workspace-store/events';
 import type { TraversedTag } from '@scalar/workspace-store/schemas/navigation';
 type __VLS_Props = {
     tag: TraversedTag;
+    isCollapsed: boolean;
+    eventBus: WorkspaceEventBus | null;
 };
-declare var __VLS_22: {};
+declare var __VLS_30: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_22) => any;
+    default?: (props: typeof __VLS_30) => any;
 };
 declare const __VLS_component: 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>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

package/dist/components/Content/Tags/components/ClassicLayout.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClassicLayout.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/Content/Tags/components/ClassicLayout.vue"],"names":[],"mappings":"AA8DA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AACvE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4CAA4C,CAAA;AAS9E,KAAK,WAAW,GAAG;IACjB,GAAG,EAAE,YAAY,CAAA;IACjB,WAAW,EAAE,OAAO,CAAA;IACpB,QAAQ,EAAE,iBAAiB,GAAG,IAAI,CAAA;CACnC,CAAC;AAyGF,QAAA,IAAI,QAAQ,IAAY,CAAE;AAC1B,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAwBhD,QAAA,MAAM,eAAe,kSAMnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAQ1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/Content/Tags/components/ClassicLayout.vue.js

@@ -0,0 +1,7 @@
+import _sfc_main from "./ClassicLayout.vue2.js";
+/* empty css                   */
+import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
+const ClassicLayout = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1124be5d"]]);
+export {
+  ClassicLayout as default
+};

package/dist/components/Content/Tags/components/ClassicLayout.vue2.js

@@ -0,0 +1,57 @@
+import { defineComponent, createBlock, openBlock, unref, withCtx, renderSlot, createVNode, createTextVNode, toDisplayString } from "vue";
+import { ScalarMarkdown } from "@scalar/components";
+import SectionContainerAccordion from "../../../Section/SectionContainerAccordion.vue.js";
+import SectionHeader from "../../../Section/SectionHeader.vue.js";
+import _sfc_main$1 from "../../../Anchor/Anchor.vue.js";
+import SectionHeaderTag from "../../../Section/SectionHeaderTag.vue.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ClassicLayout",
+  props: {
+    tag: {},
+    isCollapsed: { type: Boolean },
+    eventBus: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(SectionContainerAccordion), {
+        "aria-label": _ctx.tag.title,
+        class: "tag-section",
+        modelValue: !_ctx.isCollapsed,
+        "onUpdate:modelValue": _cache[1] || (_cache[1] = (value) => _ctx.eventBus?.emit("toggle:nav-item", { id: _ctx.tag.id, open: value }))
+      }, {
+        title: withCtx(() => [
+          createVNode(unref(SectionHeader), { class: "tag-name" }, {
+            default: withCtx(() => [
+              createVNode(unref(_sfc_main$1), {
+                onCopyAnchorUrl: _cache[0] || (_cache[0] = () => _ctx.eventBus?.emit("copy-url:nav-item", { id: _ctx.tag.id }))
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(SectionHeaderTag), { level: 2 }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(_ctx.tag.title), 1)
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }),
+          createVNode(unref(ScalarMarkdown), {
+            class: "tag-description",
+            value: _ctx.tag?.description,
+            withImages: ""
+          }, null, 8, ["value"])
+        ]),
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default", {}, void 0, true)
+        ]),
+        _: 3
+      }, 8, ["aria-label", "modelValue"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/Content/Tags/{ModernLayout.vue.d.ts → components/ModernLayout.vue.d.ts}

@@ -1,13 +1,15 @@
+import type { WorkspaceEventBus } from '@scalar/workspace-store/events';
 import type { TraversedTag } from '@scalar/workspace-store/schemas/navigation';
 type __VLS_Props = {
     tag: TraversedTag;
     moreThanOneTag: boolean;
     isLoading: boolean;
-    onShowMore: ((id: string) => void) | undefined;
+    isCollapsed: boolean;
+    eventBus: WorkspaceEventBus | null;
 };
-declare var __VLS_21: {};
+declare var __VLS_20: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_21) => any;
+    default?: (props: typeof __VLS_20) => any;
 };
 declare const __VLS_component: 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>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

package/dist/components/Content/Tags/components/ModernLayout.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModernLayout.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/Content/Tags/components/ModernLayout.vue"],"names":[],"mappings":"AAyEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AACvE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4CAA4C,CAAA;AAS9E,KAAK,WAAW,GAAG;IACjB,GAAG,EAAE,YAAY,CAAA;IACjB,cAAc,EAAE,OAAO,CAAA;IACvB,SAAS,EAAE,OAAO,CAAA;IAClB,WAAW,EAAE,OAAO,CAAA;IACpB,QAAQ,EAAE,iBAAiB,GAAG,IAAI,CAAA;CACnC,CAAC;AA2GF,QAAA,IAAuB,QAAQ,IAAY,CAAE;AAC7C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AA6BhD,QAAA,MAAM,eAAe,kSAMnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAQ1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/Content/Tags/components/ModernLayout.vue.js

@@ -0,0 +1,7 @@
+import _sfc_main from "./ModernLayout.vue2.js";
+/* empty css                  */
+import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
+const ModernLayout = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3eabdf4c"]]);
+export {
+  ModernLayout as default
+};

package/dist/components/Content/Tags/components/ModernLayout.vue2.js

@@ -0,0 +1,68 @@
+import { defineComponent, ref, useId, computed, createBlock, openBlock, unref, withCtx, createVNode, createElementBlock, createCommentVNode, renderSlot } from "vue";
+import _sfc_main$1 from "../../../Lazy/Lazy.vue.js";
+import ShowMoreButton from "../../../ShowMoreButton.vue.js";
+import _sfc_main$2 from "./TagSection.vue.js";
+import SectionContainer from "../../../Section/SectionContainer.vue.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ModernLayout",
+  props: {
+    tag: {},
+    moreThanOneTag: { type: Boolean },
+    isLoading: { type: Boolean },
+    isCollapsed: { type: Boolean },
+    eventBus: {}
+  },
+  setup(__props) {
+    const sectionContainerRef = ref();
+    const contentsRef = ref();
+    const headerId = useId();
+    const moreThanOneDefaultTag = computed(
+      () => __props.moreThanOneTag || __props.tag?.title !== "default" || __props.tag?.description !== ""
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(SectionContainer), {
+        ref_key: "sectionContainerRef",
+        ref: sectionContainerRef,
+        "aria-labelledby": unref(headerId),
+        class: "tag-section-container",
+        role: "region"
+      }, {
+        default: withCtx(() => [
+          createVNode(_sfc_main$1, {
+            id: _ctx.tag.id
+          }, {
+            default: withCtx(() => [
+              moreThanOneDefaultTag.value ? (openBlock(), createBlock(_sfc_main$2, {
+                key: 0,
+                eventBus: _ctx.eventBus,
+                headerId: unref(headerId),
+                isCollapsed: _ctx.isCollapsed,
+                isLoading: _ctx.isLoading,
+                tag: _ctx.tag
+              }, null, 8, ["eventBus", "headerId", "isCollapsed", "isLoading", "tag"])) : createCommentVNode("", true),
+              _ctx.isCollapsed && _ctx.moreThanOneTag ? (openBlock(), createBlock(ShowMoreButton, {
+                key: 1,
+                id: _ctx.tag.id,
+                "aria-label": `Show all ${_ctx.tag.title} endpoints`,
+                onClick: _cache[0] || (_cache[0] = () => _ctx.eventBus?.emit("toggle:nav-item", { id: _ctx.tag.id, open: true }))
+              }, null, 8, ["id", "aria-label"])) : createCommentVNode("", true)
+            ]),
+            _: 1
+          }, 8, ["id"]),
+          !(_ctx.isCollapsed && _ctx.moreThanOneTag) ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            ref_key: "contentsRef",
+            ref: contentsRef,
+            class: "contents"
+          }, [
+            renderSlot(_ctx.$slots, "default", {}, void 0, true)
+          ], 512)) : createCommentVNode("", true)
+        ]),
+        _: 3
+      }, 8, ["aria-labelledby"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/Content/Tags/{TagSection.vue.d.ts → components/TagSection.vue.d.ts}

@@ -1,9 +1,11 @@
+import type { WorkspaceEventBus } from '@scalar/workspace-store/events';
 import type { TraversedTag } from '@scalar/workspace-store/schemas/navigation';
 type __VLS_Props = {
     tag: TraversedTag;
     headerId?: string;
     isCollapsed?: boolean;
     isLoading?: boolean;
+    eventBus: WorkspaceEventBus | null;
 };
 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/components/Content/Tags/components/TagSection.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagSection.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/Content/Tags/components/TagSection.vue"],"names":[],"mappings":"AAoEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AACvE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4CAA4C,CAAA;AAe9E,KAAK,WAAW,GAAG;IACjB,GAAG,EAAE,YAAY,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,EAAE,iBAAiB,GAAG,IAAI,CAAA;CACnC,CAAC;;AA6LF,wBAMG"}

package/dist/components/Content/Tags/components/TagSection.vue.js

@@ -0,0 +1,100 @@
+import { defineComponent, createBlock, createCommentVNode, openBlock, unref, withCtx, withDirectives, createVNode, createTextVNode, toDisplayString, vShow } from "vue";
+import { ScalarMarkdown } from "@scalar/components";
+import ScreenReader from "../../../ScreenReader.vue.js";
+import Section from "../../../Section/Section.vue.js";
+import SectionHeader from "../../../Section/SectionHeader.vue.js";
+import _sfc_main$1 from "../../../Anchor/Anchor.vue.js";
+import SectionHeaderTag from "../../../Section/SectionHeaderTag.vue.js";
+import SectionContent from "../../../Section/SectionContent.vue.js";
+import SectionColumns from "../../../Section/SectionColumns.vue.js";
+import SectionColumn from "../../../Section/SectionColumn.vue.js";
+import OperationsList from "../../../OperationsList/OperationsList.vue.js";
+import _sfc_main$2 from "../../../../features/specification-extension/SpecificationExtension.vue2.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "TagSection",
+  props: {
+    tag: {},
+    headerId: {},
+    isCollapsed: { type: Boolean },
+    isLoading: { type: Boolean },
+    eventBus: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return _ctx.tag ? (openBlock(), createBlock(unref(Section), {
+        key: 0,
+        id: _ctx.tag.id,
+        role: "none",
+        onIntersecting: _cache[1] || (_cache[1] = () => _ctx.eventBus?.emit("intersecting:nav-item", { id: _ctx.tag.id }))
+      }, {
+        default: withCtx(() => [
+          withDirectives(createVNode(unref(SectionHeader), null, {
+            default: withCtx(() => [
+              createVNode(unref(_sfc_main$1), {
+                onCopyAnchorUrl: _cache[0] || (_cache[0] = () => _ctx.eventBus?.emit("copy-url:nav-item", { id: _ctx.tag.id }))
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(SectionHeaderTag), {
+                    id: _ctx.headerId,
+                    level: 2
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(_ctx.tag.title) + " ", 1),
+                      _ctx.isCollapsed ? (openBlock(), createBlock(ScreenReader, { key: 0 }, {
+                        default: withCtx(() => [..._cache[2] || (_cache[2] = [
+                          createTextVNode(" (Collapsed)", -1)
+                        ])]),
+                        _: 1
+                      })) : createCommentVNode("", true)
+                    ]),
+                    _: 1
+                  }, 8, ["id"])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 512), [
+            [vShow, !_ctx.isLoading]
+          ]),
+          createVNode(unref(SectionContent), { loading: _ctx.isLoading }, {
+            default: withCtx(() => [
+              createVNode(unref(SectionColumns), null, {
+                default: withCtx(() => [
+                  createVNode(unref(SectionColumn), null, {
+                    default: withCtx(() => [
+                      createVNode(unref(ScalarMarkdown), {
+                        clamp: _ctx.isCollapsed ? 7 : void 0,
+                        value: _ctx.tag?.description ?? "",
+                        withImages: ""
+                      }, null, 8, ["clamp", "value"])
+                    ]),
+                    _: 1
+                  }),
+                  createVNode(unref(SectionColumn), null, {
+                    default: withCtx(() => [
+                      createVNode(unref(OperationsList), {
+                        eventBus: _ctx.eventBus,
+                        tag: _ctx.tag
+                      }, null, 8, ["eventBus", "tag"])
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["loading"]),
+          createVNode(unref(_sfc_main$2), {
+            value: _ctx.tag.xKeys
+          }, null, 8, ["value"])
+        ]),
+        _: 1
+      }, 8, ["id"])) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/Content/Tags/components/TagSection.vue2.js

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

package/dist/components/GettingStarted.vue.js

@@ -1,7 +1,7 @@
-import t from "./GettingStarted.vue2.js";
+import _sfc_main from "./GettingStarted.vue2.js";
 /* empty css                    */
-import o from "../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ o(t, [["__scopeId", "data-v-87962c91"]]);
+import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
+const GettingStarted = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-87962c91"]]);
 export {
-  m as default
+  GettingStarted as default
 };