@scalar/api-reference 1.49.2 → 1.49.4

package/dist/components/GettingStarted.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GettingStarted.vue.script.js","names":["$emit"],"sources":["../../src/components/GettingStarted.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarButton } from '@scalar/components'\nimport { themeLabels, type ThemeId } from '@scalar/themes'\n\ndefineProps<{\n  theme: ThemeId\n}>()\n\nconst emits = defineEmits<{\n  (e: 'changeTheme', { id, label }: { id: ThemeId; label: string }): void\n  (e: 'loadSwaggerFile'): void\n  (e: 'linkSwaggerFile'): void\n  (e: 'updateContent', value: string): void\n}>()\n\nconst themeIds: ThemeId[] = [\n  'default',\n  'alternate',\n  'moon',\n  'purple',\n  'solarized',\n  'bluePlanet',\n  'saturn',\n  'kepler',\n  'mars',\n  'deepSpace',\n]\n\nasync function fetchExampleSpecification() {\n  const response = await fetch(\n    'https://registry.scalar.com/@scalar/apis/galaxy?format=yaml',\n  )\n\n  emits('updateContent', await response.text())\n}\n</script>\n<template>\n  <div class=\"custom-scroll start\">\n    <div class=\"start-copy\">\n      <div class=\"start-logo\">\n        <svg\n          height=\"36\"\n          viewBox=\"0 0 36 36\"\n          width=\"36\"\n          xmlns=\"http://www.w3.org/2000/svg\">\n          <path\n            d=\"M18 0a18 18 0 1 1 0 36 18 18 0 0 1 0-36Zm11.2 6.5c-3.3-3.3-11.1-1-17.4 5.3-6.2 6.3-8.6 14-5.3 17.4 3.3 3.3 11 .9 17.3-5.4 6.3-6.2 8.7-14 5.4-17.3ZM17.6 12a6.3 6.3 0 1 1 0 12.7 6.3 6.3 0 0 1 0-12.7Z\"\n            fill=\"currentColor\"\n            fill-rule=\"evenodd\" />\n        </svg>\n      </div>\n      <h1 class=\"start-h1\">Swagger Editor</h1>\n      <p class=\"start-p\">\n        Welcome to the Scalar API References + Swagger Editor, a Free &\n        Open-Source tool that takes your Swagger/OAS file and generates\n        Beautiful API references.\n      </p>\n      <div class=\"start-cta\">\n        <ScalarButton\n          class=\"w-full\"\n          @click=\"fetchExampleSpecification\">\n          Show Example\n        </ScalarButton>\n        <ScalarButton\n          class=\"w-full\"\n          variant=\"outlined\"\n          @click=\"$emit('loadSwaggerFile')\">\n          Upload File\n        </ScalarButton>\n      </div>\n    </div>\n    <div class=\"start-row\">\n      <div class=\"start-section start-section-integrations\">\n        <div class=\"start-h2\">INTEGRATIONS</div>\n        <a\n          class=\"start-item\"\n          href=\"https://github.com/scalar/scalar/tree/main/integrations/fastify#readme\"\n          target=\"_blank\">\n          <svg\n            fill=\"currentColor\"\n            height=\"16\"\n            viewBox=\"0 0 19 16\"\n            width=\"19\"\n            xmlns=\"http://www.w3.org/2000/svg\">\n            <path\n              d=\"m18.2 3.1.8-2V.9l-4.7 1.3C15.2 1 15 0 15 0s-2.5 1.6-4.3 1.5c-2 0-3.6.8-4 1-1.8 1.2-2.5 3.3-3.2 3.8L0 8.9 2.3 8l-2 2.5c.2.3 1.2 1.6 2.1 1.3l.4-.1 1.6.5-.7-1 .2-.2.9.3-.1-.8.9.3-.1-.8.3-.1 1-3.5 3.7-2.6-.3.7A4 4 0 0 1 8 7l-.6.2c-.5.5-.7.7-.8 2.5a2 2 0 0 1 1 0c1.6.4 2.2 2.3 1.7 2.9l-.7.6H8v.6h-.7v.5l-.2.2c-.7 0-1.4-.6-1.4-.6 0 .5.4 1.3.4 1.3s1.7 1.1 2.7.7c1-.4.7-2.3 2.8-3.2l3.3-.9.8-2.2-1.7.5v-2l2.5-.6.9-2.2-3.4.9v-2l4.2-1.1Z\"\n              fill=\"currentColor\"\n              fill-rule=\"nonzero\" />\n          </svg>\n          <span>Fastify</span>\n        </a>\n        <a\n          class=\"start-item\"\n          href=\"https://github.com/scalar/scalar/blob/main/documentation/integrations/html-js.md#html\"\n          target=\"_blank\">\n          <svg\n            fill=\"currentColor\"\n            viewBox=\"0 0 24 24\"\n            xmlns=\"http://www.w3.org/2000/svg\">\n            <g>\n              <path\n                d=\"M22.5 1.5h-21A1.5 1.5 0 0 0 0 3v3a1.5 1.5 0 0 0 1.5 1.5h21A1.5 1.5 0 0 0 24 6V3a1.5 1.5 0 0 0-1.5-1.5Zm-19.25 3A1.25 1.25 0 1 1 4.5 5.75 1.25 1.25 0 0 1 3.25 4.5ZM8.5 5.75A1.25 1.25 0 1 1 9.75 4.5 1.25 1.25 0 0 1 8.5 5.75Z\"\n                fill=\"currentColor\" />\n              <path\n                d=\"M22.5 9h-21A1.5 1.5 0 0 0 0 10.5v3A1.5 1.5 0 0 0 1.5 15h21a1.5 1.5 0 0 0 1.5-1.5v-3A1.5 1.5 0 0 0 22.5 9ZM3.25 12a1.25 1.25 0 1 1 1.25 1.25A1.25 1.25 0 0 1 3.25 12Zm5.25 1.25A1.25 1.25 0 1 1 9.75 12a1.25 1.25 0 0 1-1.25 1.25Z\"\n                fill=\"currentColor\" />\n              <path\n                d=\"M22.5 16.5h-21A1.5 1.5 0 0 0 0 18v3a1.5 1.5 0 0 0 1.5 1.5h21A1.5 1.5 0 0 0 24 21v-3a1.5 1.5 0 0 0-1.5-1.5Zm-19.25 3a1.25 1.25 0 1 1 1.25 1.25 1.25 1.25 0 0 1-1.25-1.25Zm5.25 1.25a1.25 1.25 0 1 1 1.25-1.25 1.25 1.25 0 0 1-1.25 1.25Z\"\n                fill=\"currentColor\" />\n            </g>\n          </svg>\n          <span>CDN</span>\n        </a>\n        <a\n          class=\"start-item\"\n          href=\"https://github.com/scalar/scalar/blob/main/packages/api-reference/README.md#vuejs\"\n          target=\"_blank\">\n          <svg\n            height=\"170\"\n            viewBox=\"0 0 196.3 170\"\n            width=\"196.3\"\n            xmlns=\"http://www.w3.org/2000/svg\">\n            <g\n              fill=\"currentColor\"\n              fill-rule=\"nonzero\">\n              <polygon\n                points=\"39.23 0 0 0 2.9450761 5.1010782 98.16 170.02 196.32 0 157.06 0 98.16 102.01 42.175701 5.0991171\" />\n              <polygon\n                points=\"75.5 2.009956e-14 0 2.009956e-14 2.94 5.1 78.44871 5.1 98.16 39.26 117.87937 5.1 193.38 5.1 196.325 0 120.82 7.8065636e-15 114.97322 2.009956e-14 98.16 29.037153 81.35 2.009956e-14\" />\n            </g>\n          </svg>\n          <span>Vue</span>\n        </a>\n        <a\n          class=\"start-item\"\n          href=\"https://github.com/scalar/scalar/blob/main/packages/api-reference-react/README.md#usage\"\n          target=\"_blank\">\n          <svg\n            height=\"23.3\"\n            viewBox=\"0 0 22 23.3\"\n            width=\"22\"\n            xmlns=\"http://www.w3.org/2000/svg\">\n            <g\n              fill=\"none\"\n              fill-rule=\"evenodd\">\n              <circle\n                cx=\"11\"\n                cy=\"11.6\"\n                fill=\"currentColor\"\n                fill-rule=\"nonzero\"\n                r=\"2\" />\n              <g stroke=\"currentColor\">\n                <ellipse\n                  cx=\"11\"\n                  cy=\"11.6\"\n                  rx=\"11\"\n                  ry=\"4.2\" />\n                <ellipse\n                  cx=\"11\"\n                  cy=\"11.6\"\n                  rx=\"11\"\n                  ry=\"4.2\"\n                  transform=\"rotate(60 11 11.6)\" />\n                <ellipse\n                  cx=\"11\"\n                  cy=\"11.6\"\n                  rx=\"11\"\n                  ry=\"4.2\"\n                  transform=\"rotate(120 11 11.6)\" />\n              </g>\n            </g>\n          </svg>\n          <span>React</span>\n        </a>\n      </div>\n      <div class=\"start-section start-section-colors\">\n        <p class=\"start-h2\">THEMING</p>\n        <div\n          v-for=\"themeId in themeIds\"\n          :key=\"themeId\"\n          class=\"start-item\"\n          :class=\"{ 'start-item-active': themeId === theme }\"\n          @click=\"\n            $emit('changeTheme', { id: themeId, label: themeLabels[themeId] })\n          \">\n          {{ themeLabels[themeId] }}\n        </div>\n      </div>\n    </div>\n    <p class=\"start-h1\">Features</p>\n    <ul class=\"start-ul\">\n      <li>\n        <p class=\"start-h3\">Customize</p>\n        Bring your typography & color palettes, or use our themes!\n      </li>\n      <li>\n        <p class=\"start-h3\">Testing</p>\n        A deeply integrated Rest API Client (Also Free & Open-Source)\n      </li>\n      <li>\n        <p class=\"start-h3\">Search</p>\n        Fully integrated Search (Using fuse.js)\n      </li>\n      <li>\n        <p class=\"start-h3\">Hosting</p>\n        Free subdomain hosting on https://apidocumentation.com\n      </li>\n      <li>\n        <p class=\"start-h3\">OpenAPI & Swagger</p>\n        Support for OpenAPI 3.1, OpenAPI 3.0, and Swagger 2.0\n      </li>\n      <li>\n        <p class=\"start-h3\">Code Samples</p>\n        Code samples to show off your API in most popular languages\n      </li>\n    </ul>\n  </div>\n</template>\n<style scoped>\n.start {\n  padding: 24px;\n  display: flex;\n  flex-flow: wrap;\n  justify-content: space-between;\n  position: relative;\n  z-index: 0;\n}\n.swagger-editor .start {\n  padding-top: 24px;\n}\n.start-h1 {\n  font-size: var(--scalar-heading-2);\n  margin-top: 0;\n  line-height: 1.45;\n  margin-bottom: 0;\n  font-weight: var(--scalar-bold);\n  color: var(--scalar-color-1);\n  width: 100%;\n  position: relative;\n}\n.start-h3 {\n  font-size: var(--scalar-paragraph);\n  margin-top: 0;\n  margin-bottom: 6px;\n  display: block;\n  line-height: 1.45;\n  font-weight: var(--scalar-bold);\n  color: var(--scalar-color-1);\n  width: 100%;\n}\n.start-h1:not(:first-of-type) {\n  margin-top: 24px;\n}\n.start-p {\n  font-size: var(--scalar-paragraph);\n  color: var(--scalar-color-2);\n  line-height: 1.5;\n  width: 100%;\n  margin-top: 12px;\n}\n.start-ul {\n  margin-top: 12px;\n  font-size: var(--scalar-paragraph);\n  line-height: 1.5;\n  padding-left: 0;\n  list-style: initial;\n  display: flex;\n  flex-flow: wrap;\n  gap: 24px;\n}\n.start-ul li {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  width: calc(50% - 24px);\n  color: var(--scalar-color-2);\n}\n.start-ul li:first-of-type {\n  margin-top: 0;\n}\n.start-section {\n  width: 100%;\n  margin-bottom: 12px;\n  display: flex;\n  flex-flow: wrap;\n}\n.start-section:last-of-type {\n  margin-bottom: 48px;\n}\n.start-h2 {\n  background: var(--scalar-background-2);\n  border-top-left-radius: var(--scalar-radius-lg);\n  border-top-right-radius: var(--scalar-radius-lg);\n  border: 1px solid var(--scalar-border-color);\n  color: var(--scalar-color-3);\n  font-size: var(--scalar-mini);\n  font-weight: var(--scalar-semibold);\n  padding: 9px;\n  width: 100%;\n}\n.start-item {\n  align-items: center;\n  background: var(--scalar-background-2);\n  border-right: 1px solid var(--scalar-border-color);\n  border-bottom: 1px solid var(--scalar-border-color);\n  color: var(--scalar-color-1);\n  cursor: pointer;\n  display: flex;\n  flex: 1;\n  font-size: var(--scalar-mini);\n  font-weight: var(--scalar-semibold);\n  padding: 9px;\n  text-transform: capitalize;\n  user-select: none;\n}\n.start-section-integrations .start-item:first-of-type {\n  border-bottom-left-radius: var(--scalar-radius-lg);\n  border-left: 1px solid var(--scalar-border-color);\n}\n.start-section-integrations .start-item:last-of-type {\n  border-bottom-right-radius: var(--scalar-radius-lg);\n}\n.start-section-colors .start-item {\n  min-width: 33.33%;\n}\n.start-section-colors .start-item:nth-child(3n + 2) {\n  border-left: 1px solid var(--scalar-border-color);\n}\n.start-section-colors .start-item:last-of-type,\n.start-section-colors .start-item-active:last-of-type::before {\n  border-radius: 0 0 var(--scalar-radius-lg) var(--scalar-radius-lg);\n}\n.start-item:empty {\n  pointer-events: none;\n}\n.start-item svg {\n  width: 14px;\n  height: 14px;\n  margin-right: 6px;\n}\n.start-item:hover {\n  background: var(--scalar-background-3);\n}\n.start-item-active {\n  z-index: 10;\n  position: relative;\n  color: var(--scalar-color-1);\n}\n.start-item-active::before {\n  border: 1px solid var(--scalar-color-1);\n  content: '';\n  inset: -1px -1px -1px -1px;\n  pointer-events: none;\n  position: absolute;\n}\n.start-section-color .start-item {\n  text-transform: capitalize;\n}\n.start-cta {\n  display: flex;\n  gap: 12px;\n  width: 100%;\n  margin-top: 24px;\n  margin-bottom: 0;\n}\n.start-row {\n  width: 100%;\n  margin-top: 12px;\n  overflow: hidden;\n}\n.start-hero-copy {\n  background: var(--scalar-background-2);\n  padding: 12px;\n  border-radius: var(--scalar-radius-lg);\n}\n.start-p-small {\n  font-weight: var(--scalar-semibold);\n  font-size: var(--scalar-mini);\n  color: var(--scalar-color-2);\n  margin-bottom: 12px;\n  line-height: 1.4;\n}\n.start-cta {\n  margin-bottom: 12px;\n  width: fit-content;\n  white-space: nowrap;\n}\n.start-copy {\n  padding: 76px 48px 48px 48px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: column;\n  text-align: center;\n}\n.start-logo {\n  color: var(--scalar-color-1);\n  margin-bottom: 24px;\n  width: 72px;\n  aspect-ratio: 1;\n  position: relative;\n  box-shadow: var(--scalar-shadow-2);\n  border-radius: 50%;\n}\n.start-logo:before {\n  content: '';\n  width: 300%;\n  aspect-ratio: 1;\n  left: -100%;\n  top: -100%;\n  position: absolute;\n  z-index: -1;\n  border-radius: 50%;\n  background-size: 24px 24px;\n  box-shadow:\n    inset 0 0 50px var(--scalar-background-1),\n    inset 0 0 50px var(--scalar-background-1);\n  background-image:\n    linear-gradient(to right, var(--scalar-border-color) 1px, transparent 1px),\n    linear-gradient(to bottom, var(--scalar-border-color) 1px, transparent 1px);\n}\n.start-logo svg {\n  width: 100%;\n  height: auto;\n  background: var(--scalar-background-1);\n  padding: 3px;\n  border-radius: 50%;\n  position: relative;\n}\n@media screen and (max-width: 600px) {\n  .start-section-colors .start-item,\n  .start-item {\n    width: 100%;\n    border-radius: 0;\n    border-right: none;\n    border-top: 1px solid var(--scalar-border-color);\n  }\n  .start-item:empty {\n    display: none;\n  }\n  .start-h2 {\n    border-bottom: none;\n  }\n  .start li {\n    width: 100%;\n  }\n  .start-copy {\n    padding: 48px 0 24px 0;\n  }\n}\n@media screen and (max-width: 1000px) {\n  .start {\n    padding: 0;\n    overflow: auto;\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;EAQA,MAAM,QAAQ;EAOd,MAAM,WAAsB;GAC1B;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACF;EAEA,eAAe,4BAA4B;AAKzC,SAAM,iBAAiB,OAJN,MAAM,MACrB,8DACF,EAEsC,MAAM,CAAA;;;uBAI5C,mBAmLM,OAnLN,YAmLM;IAlLJ,mBAgCM,OAhCN,YAgCM,CAAA,OAAA,OAAA,OAAA,KAAA,kBAAA,4rBAAA,EAAA,GAbJ,mBAYM,OAZN,YAYM,CAXJ,YAIe,MAAA,aAAA,EAAA;KAHb,OAAM;KACL,SAAO;;4BAEV,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAFqC,kBAErC,GAAA,CAAA,EAAA,CAAA;;QACA,YAKe,MAAA,aAAA,EAAA;KAJb,OAAM;KACN,SAAQ;KACP,SAAK,OAAA,OAAA,OAAA,MAAA,WAAEA,KAAAA,MAAK,kBAAA;;4BAEf,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAFoC,iBAEpC,GAAA,CAAA,EAAA,CAAA;;;IAGJ,mBAqHM,OArHN,YAqHM,CAAA,OAAA,OAAA,OAAA,KAAA,kBAAA,inHAAA,EAAA,GAbJ,mBAYM,OAZN,YAYM,CAAA,OAAA,OAAA,OAAA,KAXJ,mBAA+B,KAAA,EAA5B,OAAM,YAAU,EAAC,WAAO,GAAA,IAAA,WAAA,EAC3B,mBASM,UAAA,MAAA,WARc,WAAX,YAAO;YADhB,mBASM,OAAA;MAPH,KAAK;MACN,OAAK,eAAA,CAAC,cAAY,EAAA,qBACa,YAAY,QAAA,OAAK,CAAA,CAAA;MAC/C,UAAK,WAAeA,KAAAA,MAAK,eAAA;OAAA,IAAsB;OAAO,OAAS,MAAA,YAAW,CAAC;OAAO,CAAA;wBAGhF,MAAA,YAAW,CAAC,SAAO,EAAA,IAAA,WAAA"}

package/dist/components/HttpMethod/HttpMethod.vue.js

@@ -0,0 +1,7 @@
+import HttpMethod_vue_vue_type_script_setup_true_lang_default from "./HttpMethod.vue.script.js";
+//#region src/components/HttpMethod/HttpMethod.vue
+var HttpMethod_default = HttpMethod_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { HttpMethod_default as default };
+
+//# sourceMappingURL=HttpMethod.vue.js.map

package/dist/components/HttpMethod/HttpMethod.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HttpMethod.vue.js","names":[],"sources":["../../../src/components/HttpMethod/HttpMethod.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { getHttpMethodInfo } from '@scalar/helpers/http/http-info'\nimport type { HttpMethod } from '@scalar/helpers/http/http-methods'\nimport { normalizeHttpMethod } from '@scalar/helpers/http/normalize-http-method'\nimport { computed, type Component } from 'vue'\n\nconst props = defineProps<{\n  /** The type of element to render as, defaults to `span` */\n  as?: Component | string\n  /** The css style property or variable that will be set to the request method color, defaults to `color` */\n  property?: string\n  /** Whether or not to abbreviated the slot content */\n  short?: boolean\n  /** The HTTP method to show */\n  method: HttpMethod | string\n}>()\n\n/** Grabs the method info object which contains abbreviation, color, and background color etc */\nconst httpMethodInfo = computed(() =>\n  getHttpMethodInfo(String(props.method || '')),\n)\n\n/** Full method name */\nconst normalized = computed(() => normalizeHttpMethod(props.method))\n</script>\n\n<template>\n  <component\n    :is=\"as ?? 'span'\"\n    class=\"uppercase\"\n    :style=\"{ [property || 'color']: httpMethodInfo.colorVar }\">\n    <slot />\n    {{ short ? httpMethodInfo.short : normalized }}\n  </component>\n</template>\n"],"mappings":""}

package/dist/components/HttpMethod/HttpMethod.vue.script.js

@@ -0,0 +1,33 @@
+import { computed, createBlock, createTextVNode, defineComponent, normalizeStyle, openBlock, renderSlot, resolveDynamicComponent, toDisplayString, withCtx } from "vue";
+import { getHttpMethodInfo } from "@scalar/helpers/http/http-info";
+import { normalizeHttpMethod } from "@scalar/helpers/http/normalize-http-method";
+//#region src/components/HttpMethod/HttpMethod.vue?vue&type=script&setup=true&lang.ts
+var HttpMethod_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "HttpMethod",
+	props: {
+		as: {},
+		property: {},
+		short: { type: Boolean },
+		method: {}
+	},
+	setup(__props) {
+		const props = __props;
+		/** Grabs the method info object which contains abbreviation, color, and background color etc */
+		const httpMethodInfo = computed(() => getHttpMethodInfo(String(props.method || "")));
+		/** Full method name */
+		const normalized = computed(() => normalizeHttpMethod(props.method));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(resolveDynamicComponent(__props.as ?? "span"), {
+				class: "uppercase",
+				style: normalizeStyle({ [__props.property || "color"]: httpMethodInfo.value.colorVar })
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default"), createTextVNode(" " + toDisplayString(__props.short ? httpMethodInfo.value.short : normalized.value), 1)]),
+				_: 3
+			}, 8, ["style"]);
+		};
+	}
+});
+//#endregion
+export { HttpMethod_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=HttpMethod.vue.script.js.map

package/dist/components/HttpMethod/HttpMethod.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HttpMethod.vue.script.js","names":[],"sources":["../../../src/components/HttpMethod/HttpMethod.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { getHttpMethodInfo } from '@scalar/helpers/http/http-info'\nimport type { HttpMethod } from '@scalar/helpers/http/http-methods'\nimport { normalizeHttpMethod } from '@scalar/helpers/http/normalize-http-method'\nimport { computed, type Component } from 'vue'\n\nconst props = defineProps<{\n  /** The type of element to render as, defaults to `span` */\n  as?: Component | string\n  /** The css style property or variable that will be set to the request method color, defaults to `color` */\n  property?: string\n  /** Whether or not to abbreviated the slot content */\n  short?: boolean\n  /** The HTTP method to show */\n  method: HttpMethod | string\n}>()\n\n/** Grabs the method info object which contains abbreviation, color, and background color etc */\nconst httpMethodInfo = computed(() =>\n  getHttpMethodInfo(String(props.method || '')),\n)\n\n/** Full method name */\nconst normalized = computed(() => normalizeHttpMethod(props.method))\n</script>\n\n<template>\n  <component\n    :is=\"as ?? 'span'\"\n    class=\"uppercase\"\n    :style=\"{ [property || 'color']: httpMethodInfo.colorVar }\">\n    <slot />\n    {{ short ? httpMethodInfo.short : normalized }}\n  </component>\n</template>\n"],"mappings":";;;;;;;;;;;;;EAMA,MAAM,QAAQ;;EAYd,MAAM,iBAAiB,eACrB,kBAAkB,OAAO,MAAM,UAAU,GAAG,CAAC,CAC/C;;EAGA,MAAM,aAAa,eAAe,oBAAoB,MAAM,OAAO,CAAA;;uBAIjE,YAMY,wBALL,QAAA,MAAE,OAAA,EAAA;IACP,OAAM;IACL,OAAK,eAAA,GAAK,QAAA,YAAQ,UAAc,eAAA,MAAe,UAAQ,CAAA;;2BAChD,CAAR,WAAQ,KAAA,QAAA,UAAA,EAAA,gBAAA,MACR,gBAAG,QAAA,QAAQ,eAAA,MAAe,QAAQ,WAAA,MAAU,EAAA,EAAA,CAAA,CAAA"}

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

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

package/dist/components/IntersectionObserver.vue.js

@@ -0,0 +1,7 @@
+import IntersectionObserver_vue_vue_type_script_setup_true_lang_default from "./IntersectionObserver.vue.script.js";
+//#region src/components/IntersectionObserver.vue
+var IntersectionObserver_default = IntersectionObserver_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { IntersectionObserver_default as default };
+
+//# sourceMappingURL=IntersectionObserver.vue.js.map

package/dist/components/IntersectionObserver.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IntersectionObserver.vue.js","names":[],"sources":["../../src/components/IntersectionObserver.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useIntersectionObserver } from '@vueuse/core'\nimport { onMounted, ref } from 'vue'\n\nconst props = defineProps<{\n  id?: string\n  is?: string\n}>()\n\nconst emit = defineEmits<{\n  (e: 'intersecting', id: string): void\n}>()\n\nconst intersectionObserverRef = ref<HTMLElement>()\n\nconst calculateRootMargin = (element: HTMLElement) => {\n  const height = element.offsetHeight\n  // Use of a margin on height to ensure sooner intersection detection.\n  return `${height / 2}px 0px ${height / 2}px 0px`\n}\n\nconst calculateThreshold = (element: HTMLElement) => {\n  const height = element.offsetHeight\n  // Favor larger threshold if the element is smaller that the screen\n  // to ensure that it is selected\n  return height < window.innerHeight ? 0.8 : 0.5\n}\n\nonMounted(() => {\n  if (intersectionObserverRef.value) {\n    const options = {\n      rootMargin: calculateRootMargin(intersectionObserverRef.value),\n      threshold: calculateThreshold(intersectionObserverRef.value),\n    }\n\n    useIntersectionObserver(\n      intersectionObserverRef,\n      ([entry]) => {\n        if (entry?.isIntersecting && props.id) {\n          emit('intersecting', props.id)\n        }\n      },\n      options,\n    )\n  }\n})\n</script>\n<template>\n  <component\n    :is=\"is ?? 'div'\"\n    :id=\"id\"\n    ref=\"intersectionObserverRef\">\n    <slot />\n  </component>\n</template>\n"],"mappings":""}

package/dist/components/IntersectionObserver.vue.script.js

@@ -0,0 +1,45 @@
+import { createBlock, defineComponent, onMounted, openBlock, ref, renderSlot, resolveDynamicComponent, withCtx } from "vue";
+import { useIntersectionObserver } from "@vueuse/core";
+//#region src/components/IntersectionObserver.vue?vue&type=script&setup=true&lang.ts
+var IntersectionObserver_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "IntersectionObserver",
+	props: {
+		id: {},
+		is: {}
+	},
+	emits: ["intersecting"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const intersectionObserverRef = ref();
+		const calculateRootMargin = (element) => {
+			const height = element.offsetHeight;
+			return `${height / 2}px 0px ${height / 2}px 0px`;
+		};
+		const calculateThreshold = (element) => {
+			return element.offsetHeight < window.innerHeight ? .8 : .5;
+		};
+		onMounted(() => {
+			if (intersectionObserverRef.value) useIntersectionObserver(intersectionObserverRef, ([entry]) => {
+				if (entry?.isIntersecting && props.id) emit("intersecting", props.id);
+			}, {
+				rootMargin: calculateRootMargin(intersectionObserverRef.value),
+				threshold: calculateThreshold(intersectionObserverRef.value)
+			});
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(resolveDynamicComponent(__props.is ?? "div"), {
+				id: __props.id,
+				ref_key: "intersectionObserverRef",
+				ref: intersectionObserverRef
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, ["id"]);
+		};
+	}
+});
+//#endregion
+export { IntersectionObserver_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=IntersectionObserver.vue.script.js.map

package/dist/components/IntersectionObserver.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IntersectionObserver.vue.script.js","names":[],"sources":["../../src/components/IntersectionObserver.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useIntersectionObserver } from '@vueuse/core'\nimport { onMounted, ref } from 'vue'\n\nconst props = defineProps<{\n  id?: string\n  is?: string\n}>()\n\nconst emit = defineEmits<{\n  (e: 'intersecting', id: string): void\n}>()\n\nconst intersectionObserverRef = ref<HTMLElement>()\n\nconst calculateRootMargin = (element: HTMLElement) => {\n  const height = element.offsetHeight\n  // Use of a margin on height to ensure sooner intersection detection.\n  return `${height / 2}px 0px ${height / 2}px 0px`\n}\n\nconst calculateThreshold = (element: HTMLElement) => {\n  const height = element.offsetHeight\n  // Favor larger threshold if the element is smaller that the screen\n  // to ensure that it is selected\n  return height < window.innerHeight ? 0.8 : 0.5\n}\n\nonMounted(() => {\n  if (intersectionObserverRef.value) {\n    const options = {\n      rootMargin: calculateRootMargin(intersectionObserverRef.value),\n      threshold: calculateThreshold(intersectionObserverRef.value),\n    }\n\n    useIntersectionObserver(\n      intersectionObserverRef,\n      ([entry]) => {\n        if (entry?.isIntersecting && props.id) {\n          emit('intersecting', props.id)\n        }\n      },\n      options,\n    )\n  }\n})\n</script>\n<template>\n  <component\n    :is=\"is ?? 'div'\"\n    :id=\"id\"\n    ref=\"intersectionObserverRef\">\n    <slot />\n  </component>\n</template>\n"],"mappings":";;;;;;;;;;;EAIA,MAAM,QAAQ;EAKd,MAAM,OAAO;EAIb,MAAM,0BAA0B,KAAiB;EAEjD,MAAM,uBAAuB,YAAyB;GACpD,MAAM,SAAS,QAAQ;AAEvB,UAAO,GAAG,SAAS,EAAE,SAAS,SAAS,EAAE;;EAG3C,MAAM,sBAAsB,YAAyB;AAInD,UAHe,QAAQ,eAGP,OAAO,cAAc,KAAM;;AAG7C,kBAAgB;AACd,OAAI,wBAAwB,MAM1B,yBACE,0BACC,CAAC,WAAW;AACX,QAAI,OAAO,kBAAkB,MAAM,GACjC,MAAK,gBAAgB,MAAM,GAAE;MATnB;IACd,YAAY,oBAAoB,wBAAwB,MAAM;IAC9D,WAAW,mBAAmB,wBAAwB,MAAM;IAC9D,CAUA;IAEH;;uBAGC,YAKY,wBAJL,QAAA,MAAE,MAAA,EAAA;IACN,IAAI,QAAA;aACD;IAAJ,KAAI;;2BACI,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/components/Lazy/Lazy.vue.js

@@ -0,0 +1,7 @@
+import Lazy_vue_vue_type_script_setup_true_lang_default from "./Lazy.vue.script.js";
+//#region src/components/Lazy/Lazy.vue
+var Lazy_default = Lazy_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { Lazy_default as default };
+
+//# sourceMappingURL=Lazy.vue.js.map

package/dist/components/Lazy/Lazy.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Lazy.vue.js","names":[],"sources":["../../../src/components/Lazy/Lazy.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * Lazily renders content when the element is within the viewport overscan.\n * Uses a fixed-height placeholder so layout is stable while we block during render.\n *\n * When server-side rendering, content renders immediately.\n *\n * @link https://medium.com/js-dojo/lazy-rendering-in-vue-to-improve-performance-dcccd445d5f\n */\n\nimport { useIntersectionObserver } from '@vueuse/core'\nimport { computed, nextTick, onBeforeUnmount, onMounted, ref, watch } from 'vue'\n\nimport {\n  getLazyPlaceholderHeight,\n  requestLazyRender,\n  setLazyPlaceholderHeight,\n  useLazyBus,\n} from '@/helpers/lazy-bus'\n\nconst { id, expanded = false } = defineProps<{\n  /** Identifier for this lazy section; used for scroll-to and bus registration. */\n  id: string\n  /** When true, render the slot so child Lazy placeholders mount (e.g. for navigation). */\n  expanded?: boolean\n}>()\n\n/** Fixed height for all placeholders so we do not measure or jump. */\nconst PLACEHOLDER_HEIGHT_PX = 760\n\n/** Overscan: render items within this many pixels above and below the viewport. */\nconst VIEWPORT_OVERSCAN_PX = 1200\nconst VIEWPORT_ROOT_MARGIN = `${VIEWPORT_OVERSCAN_PX}px 0px`\n\nconst { isReady } = useLazyBus(id)\nconst lazyContainerRef = ref<HTMLElement | null>(null)\n\nconst placeholderHeight = ref(\n  getLazyPlaceholderHeight(id) ?? PLACEHOLDER_HEIGHT_PX,\n)\nlet contentResizeObserver: ResizeObserver | null = null\n\n/** Once ready we always show (no eviction). Otherwise show when expanded (e.g. so child Lazy placeholders mount). */\nconst shouldRender = computed(() => isReady.value || expanded)\n\nonMounted(() => {\n  if (typeof window === 'undefined') {\n    return\n  }\n\n  if (!('IntersectionObserver' in window)) {\n    requestLazyRender(id, true)\n    return\n  }\n\n  useIntersectionObserver(\n    lazyContainerRef,\n    ([entry]) => {\n      if (entry?.isIntersecting && !isReady.value) {\n        requestLazyRender(id, true)\n      }\n    },\n    { rootMargin: VIEWPORT_ROOT_MARGIN },\n  )\n})\n\n/**\n * Capture content height right before we switch to placeholder (pre-flush so content\n * is still in the DOM). Ensures we never measure the container or leave the cache stale.\n */\nwatch(\n  () => shouldRender.value,\n  (rendered, wasRendered) => {\n    if (wasRendered && !rendered && lazyContainerRef.value) {\n      const h = lazyContainerRef.value.offsetHeight\n      if (Number.isFinite(h) && h > 0) {\n        placeholderHeight.value = h\n        setLazyPlaceholderHeight(id, h)\n      }\n    }\n  },\n  { flush: 'pre' },\n)\n\n/** When content is visible, set up ResizeObserver and measure. */\nwatch(\n  () => shouldRender.value,\n  (rendered) => {\n    if (!rendered) {\n      contentResizeObserver?.disconnect()\n      contentResizeObserver = null\n      return\n    }\n    void nextTick(() => {\n      if (!lazyContainerRef.value || typeof ResizeObserver === 'undefined') {\n        return\n      }\n      if (!contentResizeObserver) {\n        contentResizeObserver = new ResizeObserver(() => {\n          if (!lazyContainerRef.value) {\n            return\n          }\n          const h = lazyContainerRef.value.offsetHeight\n          if (Number.isFinite(h) && h > 0) {\n            placeholderHeight.value = h\n            setLazyPlaceholderHeight(id, h)\n          }\n        })\n      }\n      contentResizeObserver.observe(lazyContainerRef.value)\n      const h = lazyContainerRef.value.offsetHeight\n      if (Number.isFinite(h) && h > 0) {\n        placeholderHeight.value = h\n        setLazyPlaceholderHeight(id, h)\n      }\n    })\n  },\n  { immediate: true },\n)\n\nonBeforeUnmount(() => {\n  contentResizeObserver?.disconnect()\n})\n</script>\n<template>\n  <div\n    :id=\"!shouldRender ? id : undefined\"\n    ref=\"lazyContainerRef\"\n    :data-placeholder=\"!shouldRender\"\n    data-testid=\"lazy-container\"\n    :style=\"{ height: shouldRender ? undefined : `${placeholderHeight}px` }\">\n    <slot v-if=\"shouldRender\" />\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/Lazy/Lazy.vue.script.js

@@ -0,0 +1,101 @@
+import { getLazyPlaceholderHeight, requestLazyRender, setLazyPlaceholderHeight, useLazyBus } from "../../helpers/lazy-bus.js";
+import { computed, createCommentVNode, createElementBlock, defineComponent, nextTick, normalizeStyle, onBeforeUnmount, onMounted, openBlock, ref, renderSlot, watch } from "vue";
+import { useIntersectionObserver } from "@vueuse/core";
+//#region src/components/Lazy/Lazy.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["id", "data-placeholder"];
+var PLACEHOLDER_HEIGHT_PX = 760;
+/** Overscan: render items within this many pixels above and below the viewport. */
+var VIEWPORT_OVERSCAN_PX = 1200;
+var Lazy_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "Lazy",
+	props: {
+		id: {},
+		expanded: {
+			type: Boolean,
+			default: false
+		}
+	},
+	setup(__props) {
+		/**
+		* Lazily renders content when the element is within the viewport overscan.
+		* Uses a fixed-height placeholder so layout is stable while we block during render.
+		*
+		* When server-side rendering, content renders immediately.
+		*
+		* @link https://medium.com/js-dojo/lazy-rendering-in-vue-to-improve-performance-dcccd445d5f
+		*/
+		/** Fixed height for all placeholders so we do not measure or jump. */
+		const VIEWPORT_ROOT_MARGIN = `${VIEWPORT_OVERSCAN_PX}px 0px`;
+		const { isReady } = useLazyBus(__props.id);
+		const lazyContainerRef = ref(null);
+		const placeholderHeight = ref(getLazyPlaceholderHeight(__props.id) ?? PLACEHOLDER_HEIGHT_PX);
+		let contentResizeObserver = null;
+		/** Once ready we always show (no eviction). Otherwise show when expanded (e.g. so child Lazy placeholders mount). */
+		const shouldRender = computed(() => isReady.value || __props.expanded);
+		onMounted(() => {
+			if (typeof window === "undefined") return;
+			if (!("IntersectionObserver" in window)) {
+				requestLazyRender(__props.id, true);
+				return;
+			}
+			useIntersectionObserver(lazyContainerRef, ([entry]) => {
+				if (entry?.isIntersecting && !isReady.value) requestLazyRender(__props.id, true);
+			}, { rootMargin: VIEWPORT_ROOT_MARGIN });
+		});
+		/**
+		* Capture content height right before we switch to placeholder (pre-flush so content
+		* is still in the DOM). Ensures we never measure the container or leave the cache stale.
+		*/
+		watch(() => shouldRender.value, (rendered, wasRendered) => {
+			if (wasRendered && !rendered && lazyContainerRef.value) {
+				const h = lazyContainerRef.value.offsetHeight;
+				if (Number.isFinite(h) && h > 0) {
+					placeholderHeight.value = h;
+					setLazyPlaceholderHeight(__props.id, h);
+				}
+			}
+		}, { flush: "pre" });
+		/** When content is visible, set up ResizeObserver and measure. */
+		watch(() => shouldRender.value, (rendered) => {
+			if (!rendered) {
+				contentResizeObserver?.disconnect();
+				contentResizeObserver = null;
+				return;
+			}
+			nextTick(() => {
+				if (!lazyContainerRef.value || typeof ResizeObserver === "undefined") return;
+				if (!contentResizeObserver) contentResizeObserver = new ResizeObserver(() => {
+					if (!lazyContainerRef.value) return;
+					const h = lazyContainerRef.value.offsetHeight;
+					if (Number.isFinite(h) && h > 0) {
+						placeholderHeight.value = h;
+						setLazyPlaceholderHeight(__props.id, h);
+					}
+				});
+				contentResizeObserver.observe(lazyContainerRef.value);
+				const h = lazyContainerRef.value.offsetHeight;
+				if (Number.isFinite(h) && h > 0) {
+					placeholderHeight.value = h;
+					setLazyPlaceholderHeight(__props.id, h);
+				}
+			});
+		}, { immediate: true });
+		onBeforeUnmount(() => {
+			contentResizeObserver?.disconnect();
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				id: !shouldRender.value ? __props.id : void 0,
+				ref_key: "lazyContainerRef",
+				ref: lazyContainerRef,
+				"data-placeholder": !shouldRender.value,
+				"data-testid": "lazy-container",
+				style: normalizeStyle({ height: shouldRender.value ? void 0 : `${placeholderHeight.value}px` })
+			}, [shouldRender.value ? renderSlot(_ctx.$slots, "default", { key: 0 }) : createCommentVNode("", true)], 12, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { Lazy_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=Lazy.vue.script.js.map

package/dist/components/Lazy/Lazy.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Lazy.vue.script.js","names":[],"sources":["../../../src/components/Lazy/Lazy.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * Lazily renders content when the element is within the viewport overscan.\n * Uses a fixed-height placeholder so layout is stable while we block during render.\n *\n * When server-side rendering, content renders immediately.\n *\n * @link https://medium.com/js-dojo/lazy-rendering-in-vue-to-improve-performance-dcccd445d5f\n */\n\nimport { useIntersectionObserver } from '@vueuse/core'\nimport { computed, nextTick, onBeforeUnmount, onMounted, ref, watch } from 'vue'\n\nimport {\n  getLazyPlaceholderHeight,\n  requestLazyRender,\n  setLazyPlaceholderHeight,\n  useLazyBus,\n} from '@/helpers/lazy-bus'\n\nconst { id, expanded = false } = defineProps<{\n  /** Identifier for this lazy section; used for scroll-to and bus registration. */\n  id: string\n  /** When true, render the slot so child Lazy placeholders mount (e.g. for navigation). */\n  expanded?: boolean\n}>()\n\n/** Fixed height for all placeholders so we do not measure or jump. */\nconst PLACEHOLDER_HEIGHT_PX = 760\n\n/** Overscan: render items within this many pixels above and below the viewport. */\nconst VIEWPORT_OVERSCAN_PX = 1200\nconst VIEWPORT_ROOT_MARGIN = `${VIEWPORT_OVERSCAN_PX}px 0px`\n\nconst { isReady } = useLazyBus(id)\nconst lazyContainerRef = ref<HTMLElement | null>(null)\n\nconst placeholderHeight = ref(\n  getLazyPlaceholderHeight(id) ?? PLACEHOLDER_HEIGHT_PX,\n)\nlet contentResizeObserver: ResizeObserver | null = null\n\n/** Once ready we always show (no eviction). Otherwise show when expanded (e.g. so child Lazy placeholders mount). */\nconst shouldRender = computed(() => isReady.value || expanded)\n\nonMounted(() => {\n  if (typeof window === 'undefined') {\n    return\n  }\n\n  if (!('IntersectionObserver' in window)) {\n    requestLazyRender(id, true)\n    return\n  }\n\n  useIntersectionObserver(\n    lazyContainerRef,\n    ([entry]) => {\n      if (entry?.isIntersecting && !isReady.value) {\n        requestLazyRender(id, true)\n      }\n    },\n    { rootMargin: VIEWPORT_ROOT_MARGIN },\n  )\n})\n\n/**\n * Capture content height right before we switch to placeholder (pre-flush so content\n * is still in the DOM). Ensures we never measure the container or leave the cache stale.\n */\nwatch(\n  () => shouldRender.value,\n  (rendered, wasRendered) => {\n    if (wasRendered && !rendered && lazyContainerRef.value) {\n      const h = lazyContainerRef.value.offsetHeight\n      if (Number.isFinite(h) && h > 0) {\n        placeholderHeight.value = h\n        setLazyPlaceholderHeight(id, h)\n      }\n    }\n  },\n  { flush: 'pre' },\n)\n\n/** When content is visible, set up ResizeObserver and measure. */\nwatch(\n  () => shouldRender.value,\n  (rendered) => {\n    if (!rendered) {\n      contentResizeObserver?.disconnect()\n      contentResizeObserver = null\n      return\n    }\n    void nextTick(() => {\n      if (!lazyContainerRef.value || typeof ResizeObserver === 'undefined') {\n        return\n      }\n      if (!contentResizeObserver) {\n        contentResizeObserver = new ResizeObserver(() => {\n          if (!lazyContainerRef.value) {\n            return\n          }\n          const h = lazyContainerRef.value.offsetHeight\n          if (Number.isFinite(h) && h > 0) {\n            placeholderHeight.value = h\n            setLazyPlaceholderHeight(id, h)\n          }\n        })\n      }\n      contentResizeObserver.observe(lazyContainerRef.value)\n      const h = lazyContainerRef.value.offsetHeight\n      if (Number.isFinite(h) && h > 0) {\n        placeholderHeight.value = h\n        setLazyPlaceholderHeight(id, h)\n      }\n    })\n  },\n  { immediate: true },\n)\n\nonBeforeUnmount(() => {\n  contentResizeObserver?.disconnect()\n})\n</script>\n<template>\n  <div\n    :id=\"!shouldRender ? id : undefined\"\n    ref=\"lazyContainerRef\"\n    :data-placeholder=\"!shouldRender\"\n    data-testid=\"lazy-container\"\n    :style=\"{ height: shouldRender ? undefined : `${placeholderHeight}px` }\">\n    <slot v-if=\"shouldRender\" />\n  </div>\n</template>\n"],"mappings":";;;;;AA4BA,IAAM,wBAAwB;;AAG9B,IAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;EAC7B,MAAM,uBAAuB,GAAG,qBAAqB;EAErD,MAAM,EAAE,YAAY,WAAW,QAAA,GAAE;EACjC,MAAM,mBAAmB,IAAwB,KAAI;EAErD,MAAM,oBAAoB,IACxB,yBAAyB,QAAA,GAAG,IAAI,sBAClC;EACA,IAAI,wBAA+C;;EAGnD,MAAM,eAAe,eAAe,QAAQ,SAAS,QAAA,SAAQ;AAE7D,kBAAgB;AACd,OAAI,OAAO,WAAW,YACpB;AAGF,OAAI,EAAE,0BAA0B,SAAS;AACvC,sBAAkB,QAAA,IAAI,KAAI;AAC1B;;AAGF,2BACE,mBACC,CAAC,WAAW;AACX,QAAI,OAAO,kBAAkB,CAAC,QAAQ,MACpC,mBAAkB,QAAA,IAAI,KAAI;MAG9B,EAAE,YAAY,sBAAsB,CACtC;IACD;;;;;AAMD,cACQ,aAAa,QAClB,UAAU,gBAAgB;AACzB,OAAI,eAAe,CAAC,YAAY,iBAAiB,OAAO;IACtD,MAAM,IAAI,iBAAiB,MAAM;AACjC,QAAI,OAAO,SAAS,EAAE,IAAI,IAAI,GAAG;AAC/B,uBAAkB,QAAQ;AAC1B,8BAAyB,QAAA,IAAI,EAAC;;;KAIpC,EAAE,OAAO,OAAO,CAClB;;AAGA,cACQ,aAAa,QAClB,aAAa;AACZ,OAAI,CAAC,UAAU;AACb,2BAAuB,YAAW;AAClC,4BAAwB;AACxB;;AAEG,kBAAe;AAClB,QAAI,CAAC,iBAAiB,SAAS,OAAO,mBAAmB,YACvD;AAEF,QAAI,CAAC,sBACH,yBAAwB,IAAI,qBAAqB;AAC/C,SAAI,CAAC,iBAAiB,MACpB;KAEF,MAAM,IAAI,iBAAiB,MAAM;AACjC,SAAI,OAAO,SAAS,EAAE,IAAI,IAAI,GAAG;AAC/B,wBAAkB,QAAQ;AAC1B,+BAAyB,QAAA,IAAI,EAAC;;MAEjC;AAEH,0BAAsB,QAAQ,iBAAiB,MAAK;IACpD,MAAM,IAAI,iBAAiB,MAAM;AACjC,QAAI,OAAO,SAAS,EAAE,IAAI,IAAI,GAAG;AAC/B,uBAAkB,QAAQ;AAC1B,8BAAyB,QAAA,IAAI,EAAC;;KAEjC;KAEH,EAAE,WAAW,MAAM,CACrB;AAEA,wBAAsB;AACpB,0BAAuB,YAAW;IACnC;;uBAGC,mBAOM,OAAA;IANH,IAAE,CAAG,aAAA,QAAe,QAAA,KAAK,KAAA;aACtB;IAAJ,KAAI;IACH,oBAAgB,CAAG,aAAA;IACpB,eAAY;IACX,OAAK,eAAA,EAAA,QAAY,aAAA,QAAe,KAAA,IAAS,GAAM,kBAAA,MAAiB,KAAA,CAAA;OACrD,aAAA,QAAZ,WAA4B,KAAA,QAAA,WAAA,EAAA,KAAA,GAAA,CAAA,GAAA,mBAAA,IAAA,KAAA,CAAA,EAAA,IAAA,WAAA"}

package/dist/components/LinkList/LinkList.vue.js

@@ -0,0 +1,9 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.js";
+import LinkList_vue_vue_type_script_setup_true_lang_default from "./LinkList.vue.script.js";
+/* empty css                       */
+//#region src/components/LinkList/LinkList.vue
+var LinkList_default = /* @__PURE__ */ _plugin_vue_export_helper_default(LinkList_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-b59b0acf"]]);
+//#endregion
+export { LinkList_default as default };
+
+//# sourceMappingURL=LinkList.vue.js.map

package/dist/components/LinkList/LinkList.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkList.vue.js","names":[],"sources":["../../../src/components/LinkList/LinkList.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { onMounted, onUnmounted, ref } from 'vue'\n\nconst containerRef = ref<HTMLDivElement>()\n\n/** Whether the container needs to scroll */\nconst needsScroll = ref(false)\n\n/** Check if the container can scroll in either direction */\nconst checkScrollability = () => {\n  if (!containerRef.value) {\n    return\n  }\n\n  const { scrollWidth, clientWidth } = containerRef.value\n  needsScroll.value = scrollWidth > clientWidth\n}\n\n/** MutationObserver to watch for changes in child elements */\nlet mutationObserver: MutationObserver | null = null\n\n/**\n * We use the mutation observer to watch for changes and check if we need to scroll,\n * if we do need to scroll we apply the icons-only class to the container\n */\nonMounted(() => {\n  checkScrollability()\n\n  // Re-check on window resize\n  window.addEventListener('resize', checkScrollability)\n\n  // Watch for changes in child elements\n  if (containerRef.value) {\n    mutationObserver = new MutationObserver(() => {\n      checkScrollability()\n    })\n\n    mutationObserver.observe(containerRef.value, {\n      childList: true,\n      subtree: true,\n    })\n  }\n})\n\nonUnmounted(() => {\n  // Clean up event listeners and observer\n  window.removeEventListener('resize', checkScrollability)\n\n  if (mutationObserver) {\n    mutationObserver.disconnect()\n    mutationObserver = null\n  }\n})\n</script>\n\n<template>\n  <div\n    ref=\"containerRef\"\n    :class=\"{ 'icons-only': needsScroll }\"\n    class=\"custom-scroll mb-3 flex h-auto min-h-8 max-w-full items-center gap-2 overflow-x-auto text-base whitespace-nowrap xl:mb-1.5\">\n    <slot />\n  </div>\n</template>\n\n<style scoped>\n.icons-only :deep(span) {\n  display: none;\n}\n</style>\n"],"mappings":""}

package/dist/components/LinkList/LinkList.vue.script.js

@@ -0,0 +1,53 @@
+import { createElementBlock, defineComponent, normalizeClass, onMounted, onUnmounted, openBlock, ref, renderSlot } from "vue";
+//#region src/components/LinkList/LinkList.vue?vue&type=script&setup=true&lang.ts
+var LinkList_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "LinkList",
+	setup(__props) {
+		const containerRef = ref();
+		/** Whether the container needs to scroll */
+		const needsScroll = ref(false);
+		/** Check if the container can scroll in either direction */
+		const checkScrollability = () => {
+			if (!containerRef.value) return;
+			const { scrollWidth, clientWidth } = containerRef.value;
+			needsScroll.value = scrollWidth > clientWidth;
+		};
+		/** MutationObserver to watch for changes in child elements */
+		let mutationObserver = null;
+		/**
+		* We use the mutation observer to watch for changes and check if we need to scroll,
+		* if we do need to scroll we apply the icons-only class to the container
+		*/
+		onMounted(() => {
+			checkScrollability();
+			window.addEventListener("resize", checkScrollability);
+			if (containerRef.value) {
+				mutationObserver = new MutationObserver(() => {
+					checkScrollability();
+				});
+				mutationObserver.observe(containerRef.value, {
+					childList: true,
+					subtree: true
+				});
+			}
+		});
+		onUnmounted(() => {
+			window.removeEventListener("resize", checkScrollability);
+			if (mutationObserver) {
+				mutationObserver.disconnect();
+				mutationObserver = null;
+			}
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				ref_key: "containerRef",
+				ref: containerRef,
+				class: normalizeClass([{ "icons-only": needsScroll.value }, "custom-scroll mb-3 flex h-auto min-h-8 max-w-full items-center gap-2 overflow-x-auto text-base whitespace-nowrap xl:mb-1.5"])
+			}, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 2);
+		};
+	}
+});
+//#endregion
+export { LinkList_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=LinkList.vue.script.js.map

package/dist/components/LinkList/LinkList.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkList.vue.script.js","names":[],"sources":["../../../src/components/LinkList/LinkList.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { onMounted, onUnmounted, ref } from 'vue'\n\nconst containerRef = ref<HTMLDivElement>()\n\n/** Whether the container needs to scroll */\nconst needsScroll = ref(false)\n\n/** Check if the container can scroll in either direction */\nconst checkScrollability = () => {\n  if (!containerRef.value) {\n    return\n  }\n\n  const { scrollWidth, clientWidth } = containerRef.value\n  needsScroll.value = scrollWidth > clientWidth\n}\n\n/** MutationObserver to watch for changes in child elements */\nlet mutationObserver: MutationObserver | null = null\n\n/**\n * We use the mutation observer to watch for changes and check if we need to scroll,\n * if we do need to scroll we apply the icons-only class to the container\n */\nonMounted(() => {\n  checkScrollability()\n\n  // Re-check on window resize\n  window.addEventListener('resize', checkScrollability)\n\n  // Watch for changes in child elements\n  if (containerRef.value) {\n    mutationObserver = new MutationObserver(() => {\n      checkScrollability()\n    })\n\n    mutationObserver.observe(containerRef.value, {\n      childList: true,\n      subtree: true,\n    })\n  }\n})\n\nonUnmounted(() => {\n  // Clean up event listeners and observer\n  window.removeEventListener('resize', checkScrollability)\n\n  if (mutationObserver) {\n    mutationObserver.disconnect()\n    mutationObserver = null\n  }\n})\n</script>\n\n<template>\n  <div\n    ref=\"containerRef\"\n    :class=\"{ 'icons-only': needsScroll }\"\n    class=\"custom-scroll mb-3 flex h-auto min-h-8 max-w-full items-center gap-2 overflow-x-auto text-base whitespace-nowrap xl:mb-1.5\">\n    <slot />\n  </div>\n</template>\n\n<style scoped>\n.icons-only :deep(span) {\n  display: none;\n}\n</style>\n"],"mappings":";;;;;EAGA,MAAM,eAAe,KAAoB;;EAGzC,MAAM,cAAc,IAAI,MAAK;;EAG7B,MAAM,2BAA2B;AAC/B,OAAI,CAAC,aAAa,MAChB;GAGF,MAAM,EAAE,aAAa,gBAAgB,aAAa;AAClD,eAAY,QAAQ,cAAc;;;EAIpC,IAAI,mBAA4C;;;;;AAMhD,kBAAgB;AACd,uBAAmB;AAGnB,UAAO,iBAAiB,UAAU,mBAAkB;AAGpD,OAAI,aAAa,OAAO;AACtB,uBAAmB,IAAI,uBAAuB;AAC5C,yBAAmB;MACpB;AAED,qBAAiB,QAAQ,aAAa,OAAO;KAC3C,WAAW;KACX,SAAS;KACV,CAAA;;IAEJ;AAED,oBAAkB;AAEhB,UAAO,oBAAoB,UAAU,mBAAkB;AAEvD,OAAI,kBAAkB;AACpB,qBAAiB,YAAW;AAC5B,uBAAmB;;IAEtB;;uBAIC,mBAKM,OAAA;aAJA;IAAJ,KAAI;IACH,OAAK,eAAA,CAAA,EAAA,cAAkB,YAAA,OAAW,EAC7B,6HAA4H,CAAA;OAClI,WAAQ,KAAA,QAAA,WAAA,EAAA,EAAA,KAAA,GAAA,KAAA,CAAA,EAAA,EAAA"}

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

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

package/dist/components/LoadingSkeleton.vue.js

@@ -0,0 +1,9 @@
+import _plugin_vue_export_helper_default from "../_virtual/_plugin-vue_export-helper.js";
+import LoadingSkeleton_vue_vue_type_script_setup_true_lang_default from "./LoadingSkeleton.vue.script.js";
+/* empty css                              */
+//#region src/components/LoadingSkeleton.vue
+var LoadingSkeleton_default = /* @__PURE__ */ _plugin_vue_export_helper_default(LoadingSkeleton_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-8e0226d7"]]);
+//#endregion
+export { LoadingSkeleton_default as default };
+
+//# sourceMappingURL=LoadingSkeleton.vue.js.map

package/dist/components/LoadingSkeleton.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingSkeleton.vue.js","names":[],"sources":["../../src/components/LoadingSkeleton.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nwithDefaults(defineProps<{ lines?: number }>(), {\n  lines: 1,\n})\n</script>\n\n<template>\n  <div\n    v-for=\"idx in [...Array(lines).keys()]\"\n    :key=\"idx\"\n    class=\"loading\"\n    :class=\"{ 'single-line': lines === 1 }\" />\n</template>\n\n<style scoped>\n.loading {\n  background: var(--scalar-background-3);\n  animation: loading-skeleton 1.5s infinite alternate;\n  border-radius: var(--scalar-radius-lg);\n  min-height: 1.6em;\n  margin: 0.6em 0;\n  max-width: 100%;\n}\n.loading:first-of-type {\n  min-height: 3em;\n  margin-bottom: 24px;\n  margin-top: 0;\n}\n.loading:last-of-type {\n  width: 60%;\n}\n\n.loading.single-line {\n  min-height: 3em;\n  margin: 0.6em 0;\n  max-width: 80%;\n}\n\n@keyframes loading-skeleton {\n  from {\n    opacity: 1;\n  }\n  to {\n    opacity: 0.33;\n  }\n}\n</style>\n"],"mappings":""}

package/dist/components/LoadingSkeleton.vue.script.js

@@ -0,0 +1,20 @@
+import { Fragment, createElementBlock, defineComponent, normalizeClass, openBlock, renderList } from "vue";
+//#region src/components/LoadingSkeleton.vue?vue&type=script&setup=true&lang.ts
+var LoadingSkeleton_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "LoadingSkeleton",
+	props: { lines: { default: 1 } },
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(true), createElementBlock(Fragment, null, renderList([...Array(__props.lines).keys()], (idx) => {
+				return openBlock(), createElementBlock("div", {
+					key: idx,
+					class: normalizeClass(["loading", { "single-line": __props.lines === 1 }])
+				}, null, 2);
+			}), 128);
+		};
+	}
+});
+//#endregion
+export { LoadingSkeleton_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=LoadingSkeleton.vue.script.js.map

package/dist/components/LoadingSkeleton.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingSkeleton.vue.script.js","names":[],"sources":["../../src/components/LoadingSkeleton.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nwithDefaults(defineProps<{ lines?: number }>(), {\n  lines: 1,\n})\n</script>\n\n<template>\n  <div\n    v-for=\"idx in [...Array(lines).keys()]\"\n    :key=\"idx\"\n    class=\"loading\"\n    :class=\"{ 'single-line': lines === 1 }\" />\n</template>\n\n<style scoped>\n.loading {\n  background: var(--scalar-background-3);\n  animation: loading-skeleton 1.5s infinite alternate;\n  border-radius: var(--scalar-radius-lg);\n  min-height: 1.6em;\n  margin: 0.6em 0;\n  max-width: 100%;\n}\n.loading:first-of-type {\n  min-height: 3em;\n  margin-bottom: 24px;\n  margin-top: 0;\n}\n.loading:last-of-type {\n  width: 60%;\n}\n\n.loading.single-line {\n  min-height: 3em;\n  margin: 0.6em 0;\n  max-width: 80%;\n}\n\n@keyframes loading-skeleton {\n  from {\n    opacity: 1;\n  }\n  to {\n    opacity: 0.33;\n  }\n}\n</style>\n"],"mappings":";;;;;;;2BAOE,mBAI4C,UAAA,MAAA,WAAA,CAAA,GAHxB,MAAM,QAAA,MAAK,CAAE,MAAI,CAAA,GAA5B,QAAG;wBADZ,mBAI4C,OAAA;KAFzC,KAAK;KACN,OAAK,eAAA,CAAC,WAAS,EAAA,eACU,QAAA,UAAK,GAAA,CAAA,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"MobileHeader.vue.d.ts","sourceRoot":"","sources":["../../src/components/MobileHeader.vue"],"names":[],"mappings":"AAuFA,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE,MAAM,CAAA;IAClB,aAAa,EAAE,OAAO,CAAA;IACtB,WAAW,EAAE,OAAO,CAAA;CACrB,CAAC;AAQF,KAAK,WAAW,GAAG;IACjB,OAAO,CAAC,IAAI,KAAK,CAAA;IACjB,OAAO,CAAC,CAAC,KAAK,EAAE;QAAE,cAAc,EAAE,MAAM,CAAA;KAAE,GAAG,KAAK,CAAA;IAClD,MAAM,CAAC,IAAI,KAAK,CAAA;CACjB,CAAC;AAoIF,QAAA,MAAM,UAAU;;;;kFAGd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"MobileHeader.vue.d.ts","sourceRoot":"","sources":["../../src/components/MobileHeader.vue"],"names":[],"mappings":"AA8EA,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE,MAAM,CAAA;IAClB,aAAa,EAAE,OAAO,CAAA;IACtB,WAAW,EAAE,OAAO,CAAA;CACrB,CAAC;AAQF,KAAK,WAAW,GAAG;IACjB,OAAO,CAAC,IAAI,KAAK,CAAA;IACjB,OAAO,CAAC,CAAC,KAAK,EAAE;QAAE,cAAc,EAAE,MAAM,CAAA;KAAE,GAAG,KAAK,CAAA;IAClD,MAAM,CAAC,IAAI,KAAK,CAAA;CACjB,CAAC;AAuHF,QAAA,MAAM,UAAU;;;;kFAGd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/MobileHeader.vue.js

@@ -0,0 +1,7 @@
+import MobileHeader_vue_vue_type_script_setup_true_lang_default from "./MobileHeader.vue.script.js";
+//#region src/components/MobileHeader.vue
+var MobileHeader_default = MobileHeader_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { MobileHeader_default as default };
+
+//# sourceMappingURL=MobileHeader.vue.js.map

package/dist/components/MobileHeader.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MobileHeader.vue.js","names":[],"sources":["../../src/components/MobileHeader.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { cva, ScalarIconButton } from '@scalar/components'\nimport { ScalarIconList, ScalarIconX } from '@scalar/icons'\n\ndefineProps<{\n  breadcrumb: string\n  isSidebarOpen: boolean\n  showSidebar: boolean\n}>()\n\nconst emit = defineEmits<{\n  (e: 'toggleSidebar'): void\n}>()\n\ndefineSlots<{\n  actions?(): never\n  sidebar?(props: { sidebarClasses: string }): never\n  search?(): never\n}>()\n\nconst variants = cva({\n  base: 'lg:hidden items-center bg-b-1 sticky top-(--scalar-custom-header-height,0) z-10 [grid-area:header]',\n  variants: {\n    open: {\n      true: 'h-(--refs-sidebar-height) custom-scrollbar flex flex-col',\n    },\n  },\n})\n</script>\n<template>\n  <!-- Always render the desktop sidebar slot and let CSS handle breakpoints -->\n  <slot\n    v-bind=\"{\n      sidebarClasses:\n        'hidden lg:flex sticky top-(--refs-header-height) h-(--refs-sidebar-height) w-(--refs-sidebar-width) [grid-area:navigation]',\n    }\"\n    name=\"sidebar\" />\n  <div\n    class=\"t-doc__header\"\n    :class=\"variants({ open: isSidebarOpen })\">\n    <header\n      class=\"flex h-(--scalar-header-height) w-full items-center border-b bg-inherit px-2\">\n      <ScalarIconButton\n        v-if=\"showSidebar\"\n        :icon=\"isSidebarOpen ? ScalarIconX : ScalarIconList\"\n        :label=\"isSidebarOpen ? 'Close Menu' : 'Open Menu'\"\n        size=\"md\"\n        @click=\"emit('toggleSidebar')\" />\n\n      <span\n        v-if=\"showSidebar\"\n        class=\"flex-1 text-sm font-medium whitespace-nowrap\">\n        {{ breadcrumb }}\n      </span>\n      <slot\n        v-else\n        name=\"search\" />\n\n      <div class=\"flex h-6 items-center gap-1 pl-1\">\n        <slot name=\"actions\" />\n      </div>\n    </header>\n    <!-- In mobile layout, render the sidebar slot into the header panel -->\n    <slot\n      v-if=\"isSidebarOpen\"\n      v-bind=\"{\n        sidebarClasses:\n          'overflow-y-auto custom-scrollbar min-h-0 flex-1 w-full border-none',\n      }\"\n      name=\"sidebar\" />\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/MobileHeader.vue.script.js

@@ -0,0 +1,43 @@
+import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, guardReactiveProps, mergeProps, normalizeClass, normalizeProps, openBlock, renderSlot, toDisplayString, unref } from "vue";
+import { ScalarIconButton, cva } from "@scalar/components";
+import { ScalarIconList, ScalarIconX } from "@scalar/icons";
+//#region src/components/MobileHeader.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "flex h-(--scalar-header-height) w-full items-center border-b bg-inherit px-2" };
+var _hoisted_2 = {
+	key: 1,
+	class: "flex-1 text-sm font-medium whitespace-nowrap"
+};
+var _hoisted_3 = { class: "flex h-6 items-center gap-1 pl-1" };
+var MobileHeader_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "MobileHeader",
+	props: {
+		breadcrumb: {},
+		isSidebarOpen: { type: Boolean },
+		showSidebar: { type: Boolean }
+	},
+	emits: ["toggleSidebar"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const variants = cva({
+			base: "lg:hidden items-center bg-b-1 sticky top-(--scalar-custom-header-height,0) z-10 [grid-area:header]",
+			variants: { open: { true: "h-(--refs-sidebar-height) custom-scrollbar flex flex-col" } }
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [renderSlot(_ctx.$slots, "sidebar", normalizeProps(guardReactiveProps({ sidebarClasses: "hidden lg:flex sticky top-(--refs-header-height) h-(--refs-sidebar-height) w-(--refs-sidebar-width) [grid-area:navigation]" }))), createElementVNode("div", { class: normalizeClass(["t-doc__header", unref(variants)({ open: __props.isSidebarOpen })]) }, [createElementVNode("header", _hoisted_1, [
+				__props.showSidebar ? (openBlock(), createBlock(unref(ScalarIconButton), {
+					key: 0,
+					icon: __props.isSidebarOpen ? unref(ScalarIconX) : unref(ScalarIconList),
+					label: __props.isSidebarOpen ? "Close Menu" : "Open Menu",
+					size: "md",
+					onClick: _cache[0] || (_cache[0] = ($event) => emit("toggleSidebar"))
+				}, null, 8, ["icon", "label"])) : createCommentVNode("", true),
+				__props.showSidebar ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(__props.breadcrumb), 1)) : renderSlot(_ctx.$slots, "search", { key: 2 }),
+				createElementVNode("div", _hoisted_3, [renderSlot(_ctx.$slots, "actions")])
+			]), __props.isSidebarOpen ? renderSlot(_ctx.$slots, "sidebar", normalizeProps(mergeProps({ key: 0 }, { sidebarClasses: "overflow-y-auto custom-scrollbar min-h-0 flex-1 w-full border-none" }))) : createCommentVNode("", true)], 2)], 64);
+		};
+	}
+});
+//#endregion
+export { MobileHeader_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=MobileHeader.vue.script.js.map

package/dist/components/MobileHeader.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MobileHeader.vue.script.js","names":[],"sources":["../../src/components/MobileHeader.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { cva, ScalarIconButton } from '@scalar/components'\nimport { ScalarIconList, ScalarIconX } from '@scalar/icons'\n\ndefineProps<{\n  breadcrumb: string\n  isSidebarOpen: boolean\n  showSidebar: boolean\n}>()\n\nconst emit = defineEmits<{\n  (e: 'toggleSidebar'): void\n}>()\n\ndefineSlots<{\n  actions?(): never\n  sidebar?(props: { sidebarClasses: string }): never\n  search?(): never\n}>()\n\nconst variants = cva({\n  base: 'lg:hidden items-center bg-b-1 sticky top-(--scalar-custom-header-height,0) z-10 [grid-area:header]',\n  variants: {\n    open: {\n      true: 'h-(--refs-sidebar-height) custom-scrollbar flex flex-col',\n    },\n  },\n})\n</script>\n<template>\n  <!-- Always render the desktop sidebar slot and let CSS handle breakpoints -->\n  <slot\n    v-bind=\"{\n      sidebarClasses:\n        'hidden lg:flex sticky top-(--refs-header-height) h-(--refs-sidebar-height) w-(--refs-sidebar-width) [grid-area:navigation]',\n    }\"\n    name=\"sidebar\" />\n  <div\n    class=\"t-doc__header\"\n    :class=\"variants({ open: isSidebarOpen })\">\n    <header\n      class=\"flex h-(--scalar-header-height) w-full items-center border-b bg-inherit px-2\">\n      <ScalarIconButton\n        v-if=\"showSidebar\"\n        :icon=\"isSidebarOpen ? ScalarIconX : ScalarIconList\"\n        :label=\"isSidebarOpen ? 'Close Menu' : 'Open Menu'\"\n        size=\"md\"\n        @click=\"emit('toggleSidebar')\" />\n\n      <span\n        v-if=\"showSidebar\"\n        class=\"flex-1 text-sm font-medium whitespace-nowrap\">\n        {{ breadcrumb }}\n      </span>\n      <slot\n        v-else\n        name=\"search\" />\n\n      <div class=\"flex h-6 items-center gap-1 pl-1\">\n        <slot name=\"actions\" />\n      </div>\n    </header>\n    <!-- In mobile layout, render the sidebar slot into the header panel -->\n    <slot\n      v-if=\"isSidebarOpen\"\n      v-bind=\"{\n        sidebarClasses:\n          'overflow-y-auto custom-scrollbar min-h-0 flex-1 w-full border-none',\n      }\"\n      name=\"sidebar\" />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EAUA,MAAM,OAAO;EAUb,MAAM,WAAW,IAAI;GACnB,MAAM;GACN,UAAU,EACR,MAAM,EACJ,MAAM,4DACP,EACF;GACF,CAAA;;2DAIC,WAKmB,KAAA,QAAA,WAAA,eAAA,mBAJT,EAAA,gBAAA,8HAGP,CAAA,CAAA,CAAA,EAEH,mBAiCM,OAAA,EAhCJ,OAAK,eAAA,CAAC,iBACE,MAAA,SAAQ,CAAA,EAAA,MAAS,QAAA,eAAa,CAAA,CAAA,CAAA,EAAA,EAAA,CACtC,mBAqBS,UArBT,YAqBS;IAlBC,QAAA,eAAA,WAAA,EADR,YAKmC,MAAA,iBAAA,EAAA;;KAHhC,MAAM,QAAA,gBAAgB,MAAA,YAAW,GAAG,MAAA,eAAc;KAClD,OAAO,QAAA,gBAAa,eAAA;KACrB,MAAK;KACJ,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,gBAAA;;IAGN,QAAA,eAAA,WAAA,EADR,mBAIO,QAJP,YAIO,gBADF,QAAA,WAAU,EAAA,EAAA,IAEf,WAEkB,KAAA,QAAA,UAAA,EAAA,KAAA,GAAA,CAAA;IAElB,mBAEM,OAFN,YAEM,CADJ,WAAuB,KAAA,QAAA,UAAA,CAAA,CAAA;OAKnB,QAAA,gBADR,WAMmB,KAAA,QAAA,WAAA,eAAA,WAAA,EAAA,KAAA,GAAA,EAJT,EAAA,gBAAA,sEAGP,CAAA,CAAA,CAAA,GAAA,mBAAA,IAAA,KAAA,CAAA,EAAA,EAAA,CAAA,EAAA,GAAA"}

package/dist/components/OperationPath.vue.js

@@ -0,0 +1,9 @@
+import _plugin_vue_export_helper_default from "../_virtual/_plugin-vue_export-helper.js";
+import OperationPath_vue_vue_type_script_setup_true_lang_default from "./OperationPath.vue.script.js";
+/* empty css                            */
+//#region src/components/OperationPath.vue
+var OperationPath_default = /* @__PURE__ */ _plugin_vue_export_helper_default(OperationPath_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-ec6c8861"]]);
+//#endregion
+export { OperationPath_default as default };
+
+//# sourceMappingURL=OperationPath.vue.js.map

package/dist/components/OperationPath.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OperationPath.vue.js","names":[],"sources":["../../src/components/OperationPath.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nconst props = defineProps<{\n  path: string\n  deprecated?: boolean\n}>()\n\nconst isVariable = (part: string) => part.startsWith('{') && part.endsWith('}')\n\n// Split on the path variables\nconst pathParts = computed<string[]>(() => props.path.split(/({[^}]+})/))\n</script>\n<template>\n  <span\n    class=\"operation-path\"\n    :class=\"{ deprecated: deprecated }\">\n    <template\n      v-for=\"(part, i) in pathParts\"\n      :key=\"i\">\n      <em v-if=\"isVariable(part)\">{{ part }}</em>\n      <template v-else>{{ part }}</template>\n    </template>\n  </span>\n</template>\n<style scoped>\n.operation-path {\n  overflow: hidden;\n  word-wrap: break-word;\n  font-weight: var(--scalar-semibold);\n  line-break: anywhere;\n}\n.deprecated {\n  text-decoration: line-through;\n}\n</style>\n"],"mappings":""}

package/dist/components/OperationPath.vue.script.js

@@ -0,0 +1,24 @@
+import { Fragment, computed, createElementBlock, createTextVNode, defineComponent, normalizeClass, openBlock, renderList, toDisplayString } from "vue";
+//#region src/components/OperationPath.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { key: 0 };
+var OperationPath_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "OperationPath",
+	props: {
+		path: {},
+		deprecated: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		const isVariable = (part) => part.startsWith("{") && part.endsWith("}");
+		const pathParts = computed(() => props.path.split(/({[^}]+})/));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("span", { class: normalizeClass(["operation-path", { deprecated: __props.deprecated }]) }, [(openBlock(true), createElementBlock(Fragment, null, renderList(pathParts.value, (part, i) => {
+				return openBlock(), createElementBlock(Fragment, { key: i }, [isVariable(part) ? (openBlock(), createElementBlock("em", _hoisted_1, toDisplayString(part), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(part), 1)], 64))], 64);
+			}), 128))], 2);
+		};
+	}
+});
+//#endregion
+export { OperationPath_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=OperationPath.vue.script.js.map

package/dist/components/OperationPath.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OperationPath.vue.script.js","names":[],"sources":["../../src/components/OperationPath.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nconst props = defineProps<{\n  path: string\n  deprecated?: boolean\n}>()\n\nconst isVariable = (part: string) => part.startsWith('{') && part.endsWith('}')\n\n// Split on the path variables\nconst pathParts = computed<string[]>(() => props.path.split(/({[^}]+})/))\n</script>\n<template>\n  <span\n    class=\"operation-path\"\n    :class=\"{ deprecated: deprecated }\">\n    <template\n      v-for=\"(part, i) in pathParts\"\n      :key=\"i\">\n      <em v-if=\"isVariable(part)\">{{ part }}</em>\n      <template v-else>{{ part }}</template>\n    </template>\n  </span>\n</template>\n<style scoped>\n.operation-path {\n  overflow: hidden;\n  word-wrap: break-word;\n  font-weight: var(--scalar-semibold);\n  line-break: anywhere;\n}\n.deprecated {\n  text-decoration: line-through;\n}\n</style>\n"],"mappings":";;;;;;;;;;EAGA,MAAM,QAAQ;EAKd,MAAM,cAAc,SAAiB,KAAK,WAAW,IAAI,IAAI,KAAK,SAAS,IAAG;EAG9E,MAAM,YAAY,eAAyB,MAAM,KAAK,MAAM,YAAY,CAAA;;uBAGtE,mBASO,QAAA,EARL,OAAK,eAAA,CAAC,kBAAgB,EAAA,YACA,QAAA,YAAU,CAAA,CAAA,EAAA,EAAA,EAAA,UAAA,KAAA,EAChC,mBAKW,UAAA,MAAA,WAJW,UAAA,QAAZ,MAAM,MAAC;4DACT,GAAC,EAAA,CACG,WAAW,KAAI,IAAA,WAAA,EAAzB,mBAA2C,MAAA,YAAA,gBAAZ,KAAI,EAAA,EAAA,KAAA,WAAA,EACnC,mBAAsC,UAAA,EAAA,KAAA,GAAA,EAAA,CAAA,gBAAA,gBAAlB,KAAI,EAAA,EAAA,CAAA,EAAA,GAAA,EAAA,EAAA,GAAA"}

package/dist/components/OperationsList/OperationsList.vue.js

@@ -0,0 +1,9 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.js";
+import OperationsList_vue_vue_type_script_setup_true_lang_default from "./OperationsList.vue.script.js";
+/* empty css                             */
+//#region src/components/OperationsList/OperationsList.vue
+var OperationsList_default = /* @__PURE__ */ _plugin_vue_export_helper_default(OperationsList_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-f726f753"]]);
+//#endregion
+export { OperationsList_default as default };
+
+//# sourceMappingURL=OperationsList.vue.js.map

package/dist/components/OperationsList/OperationsList.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OperationsList.vue.js","names":[],"sources":["../../../src/components/OperationsList/OperationsList.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  ScalarCard,\n  ScalarCardHeader,\n  ScalarCardSection,\n} from '@scalar/components'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport type { TraversedTag } from '@scalar/workspace-store/schemas/navigation'\nimport { computed } from 'vue'\n\nimport ScreenReader from '@/components/ScreenReader.vue'\n\nimport OperationsListItem from './OperationsListItem.vue'\n\nconst { tag } = defineProps<{\n  tag: TraversedTag\n  eventBus: WorkspaceEventBus | null\n}>()\n\nconst operationsAndWebhooks = computed(() => {\n  return (\n    tag.children?.filter(\n      (child) => child.type === 'operation' || child.type === 'webhook',\n    ) ?? []\n  )\n})\n</script>\n\n<template>\n  <template v-if=\"tag.children && tag.children?.length > 0\">\n    <ScalarCard class=\"endpoints-card\">\n      <ScalarCardHeader muted>\n        <ScreenReader>{{ tag.title }}</ScreenReader>\n        {{ tag.isWebhooks ? 'Webhooks' : 'Operations' }}\n      </ScalarCardHeader>\n      <ScalarCardSection class=\"custom-scroll max-h-[60vh]\">\n        <ul\n          :aria-label=\"`${tag.title} endpoints`\"\n          class=\"endpoints\">\n          <OperationsListItem\n            v-for=\"operationOrWebhook in operationsAndWebhooks\"\n            :key=\"operationOrWebhook.id\"\n            :eventBus=\"eventBus\"\n            :operation=\"operationOrWebhook\" />\n        </ul>\n      </ScalarCardSection>\n    </ScalarCard>\n  </template>\n</template>\n\n<style scoped>\n.endpoints-card {\n  position: sticky;\n  top: calc(var(--refs-viewport-offset) + 24px);\n  font-size: var(--scalar-font-size-3);\n}\n.endpoints {\n  overflow: auto;\n  background: var(--scalar-background-2);\n  padding: 10px 12px;\n  width: 100%;\n}\n</style>\n"],"mappings":""}