npm - @scalar/api-reference - Versions diffs - 1.63.0 → 1.64.1 - Mend

@scalar/api-reference 1.63.0 → 1.64.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (656) hide show

package/dist/components/GettingStarted.vue.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"GettingStarted.vue.d.ts","sourceRoot":"","sources":["../../src/components/GettingStarted.vue"],"names":[],"mappings":"~~AAsdA~~,OAAO,EAAe,KAAK,OAAO,EAAE,MAAM,gBAAgB,CAAA;AAI1D,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,OAAO,CAAA;CACf,CAAC;~~AAoaF~~,QAAA,MAAM,YAAY;;~~YAjawB~~,OAAO;eAAS,MAAM;;;;;;;YAAtB,OAAO;eAAS,MAAM;;;;;~~kFAoa9D~~,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
1	+ {"version":3,"file":"GettingStarted.vue.d.ts","sourceRoot":"","sources":["../../src/components/GettingStarted.vue"],"names":[],"mappings":"AA0dA,OAAO,EAAe,KAAK,OAAO,EAAE,MAAM,gBAAgB,CAAA;AAI1D,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,OAAO,CAAA;CACf,CAAC;AA0aF,QAAA,MAAM,YAAY;;YAvawB,OAAO;eAAS,MAAM;;;;;;;YAAtB,OAAO;eAAS,MAAM;;;;;kFA0a9D,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/GettingStarted.vue.js CHANGED Viewed

@@ -2,7 +2,7 @@ import _plugin_vue_export_helper_default from "../_virtual/_plugin-vue_export-he
 import GettingStarted_vue_vue_type_script_setup_true_lang_default from "./GettingStarted.vue.script.js";
 /* empty css                             */
 //#region src/components/GettingStarted.vue
-var GettingStarted_default = /* @__PURE__ */ _plugin_vue_export_helper_default(GettingStarted_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-0c3f9b07"]]);
+var GettingStarted_default = /*#__PURE__*/ _plugin_vue_export_helper_default(GettingStarted_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-c492e215"]]);
 //#endregion
 export { GettingStarted_default as default };

package/dist/components/GettingStarted.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"GettingStarted.vue.js","names":[],"sources":["../../src/components/GettingStarted.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarButton } from '@scalar/components/button'\nimport { themeLabels, type ThemeId } from '@scalar/themes'\n\nimport { useLocalization } from '@/features/localization'\n\ndefineProps<{\n theme: ThemeId\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 { translate } = useLocalization()\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\">\n {{ translate('gettingStarted.swaggerEditor') }}\n </h1>\n <p class=\"start-p\">\n {{ translate('gettingStarted.description') }}\n </p>\n <div class=\"start-cta\">\n <ScalarButton\n class=\"w-full\"\n @click=\"fetchExampleSpecification\">\n {{ translate('gettingStarted.showExample') }}\n </ScalarButton>\n <ScalarButton\n class=\"w-full\"\n variant=\"outlined\"\n @click=\"$emit('loadSwaggerFile')\">\n {{ translate('gettingStarted.uploadFile') }}\n </ScalarButton>\n </div>\n </div>\n <div class=\"start-row\">\n <div class=\"start-section start-section-integrations\">\n <div class=\"start-h2\">\n {{ translate('gettingStarted.integrations') }}\n </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\">\n {{ translate('gettingStarted.theming') }}\n </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\">{{ translate('gettingStarted.features') }}</p>\n <ul class=\"start-ul\">\n <li>\n <p class=\"start-h3\">{{ translate('gettingStarted.customize') }}</p>\n {{ translate('gettingStarted.customizeDescription') }}\n </li>\n <li>\n <p class=\"start-h3\">{{ translate('gettingStarted.testing') }}</p>\n {{ translate('gettingStarted.testingDescription') }}\n </li>\n <li>\n <p class=\"start-h3\">{{ translate('gettingStarted.search') }}</p>\n {{ translate('gettingStarted.searchDescription') }}\n </li>\n <li>\n <p class=\"start-h3\">{{ translate('gettingStarted.hosting') }}</p>\n {{ translate('gettingStarted.hostingDescription') }}\n </li>\n <li>\n <p class=\"start-h3\">\n {{ translate('gettingStarted.openApiSwagger') }}\n </p>\n {{ translate('gettingStarted.openApiSwaggerDescription') }}\n </li>\n <li>\n <p class=\"start-h3\">{{ translate('gettingStarted.codeSamples') }}</p>\n {{ translate('gettingStarted.codeSamplesDescription') }}\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: var(--scalar-radius-full);\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: var(--scalar-radius-full);\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: var(--scalar-radius-full);\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":""}
1	+ {"version":3,"file":"GettingStarted.vue.js","names":[],"sources":["../../src/components/GettingStarted.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarButton } from '@scalar/components/button'\nimport { themeLabels, type ThemeId } from '@scalar/themes'\n\nimport { useLocalization } from '@/features/localization'\n\ndefineProps<{\n theme: ThemeId\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 { translate } = useLocalization()\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\">\n {{ translate('gettingStarted.swaggerEditor') }}\n </h1>\n <p class=\"start-p\">\n {{ translate('gettingStarted.description') }}\n </p>\n <div class=\"start-cta\">\n <ScalarButton\n class=\"w-full\"\n @click=\"fetchExampleSpecification\">\n {{ translate('gettingStarted.showExample') }}\n </ScalarButton>\n <ScalarButton\n class=\"w-full\"\n variant=\"outlined\"\n @click=\"$emit('loadSwaggerFile')\">\n {{ translate('gettingStarted.uploadFile') }}\n </ScalarButton>\n </div>\n </div>\n <div class=\"start-row\">\n <div class=\"start-section start-section-integrations\">\n <div class=\"start-h2\">\n {{ translate('gettingStarted.integrations') }}\n </div>\n <a\n class=\"start-item\"\n href=\"https://github.com/scalar/scalar/tree/main/integrations/fastify#readme\"\n rel=\"noopener noreferrer\"\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 rel=\"noopener noreferrer\"\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 rel=\"noopener noreferrer\"\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 rel=\"noopener noreferrer\"\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\">\n {{ translate('gettingStarted.theming') }}\n </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\">{{ translate('gettingStarted.features') }}</p>\n <ul class=\"start-ul\">\n <li>\n <p class=\"start-h3\">{{ translate('gettingStarted.customize') }}</p>\n {{ translate('gettingStarted.customizeDescription') }}\n </li>\n <li>\n <p class=\"start-h3\">{{ translate('gettingStarted.testing') }}</p>\n {{ translate('gettingStarted.testingDescription') }}\n </li>\n <li>\n <p class=\"start-h3\">{{ translate('gettingStarted.search') }}</p>\n {{ translate('gettingStarted.searchDescription') }}\n </li>\n <li>\n <p class=\"start-h3\">{{ translate('gettingStarted.hosting') }}</p>\n {{ translate('gettingStarted.hostingDescription') }}\n </li>\n <li>\n <p class=\"start-h3\">\n {{ translate('gettingStarted.openApiSwagger') }}\n </p>\n {{ translate('gettingStarted.openApiSwaggerDescription') }}\n </li>\n <li>\n <p class=\"start-h3\">{{ translate('gettingStarted.codeSamples') }}</p>\n {{ translate('gettingStarted.codeSamplesDescription') }}\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: var(--scalar-radius-full);\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: var(--scalar-radius-full);\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: var(--scalar-radius-full);\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":""}

package/dist/components/GettingStarted.vue.script.js CHANGED Viewed

@@ -22,7 +22,7 @@ var _hoisted_16 = { class: "start-h3" };
 var _hoisted_17 = { class: "start-h3" };
 var _hoisted_18 = { class: "start-h3" };
 var _hoisted_19 = { class: "start-h3" };
-var GettingStarted_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var GettingStarted_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "GettingStarted",
 	props: { theme: {} },
 	emits: [
@@ -47,7 +47,8 @@ var GettingStarted_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 			"deepSpace"
 		];
 		async function fetchExampleSpecification() {
-			emits("updateContent", await (await fetch("https://registry.scalar.com/@scalar/apis/galaxy?format=yaml")).text());
+			const response = await fetch("https://registry.scalar.com/@scalar/apis/galaxy?format=yaml");
+			emits("updateContent", await response.text());
 		}
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", _hoisted_1, [
@@ -79,7 +80,7 @@ var GettingStarted_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 						_: 1
 					})])
 				]),
-				createElementVNode("div", _hoisted_6, [createElementVNode("div", _hoisted_7, [createElementVNode("div", _hoisted_8, toDisplayString(unref(translate)("gettingStarted.integrations")), 1), _cache[2] || (_cache[2] = createStaticVNode("<a class=\"start-item\" href=\"https://github.com/scalar/scalar/tree/main/integrations/fastify#readme\" target=\"_blank\" data-v-0c3f9b07><svg fill=\"currentColor\" height=\"16\" viewBox=\"0 0 19 16\" width=\"19\" xmlns=\"http://www.w3.org/2000/svg\" data-v-0c3f9b07><path 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\" fill=\"currentColor\" fill-rule=\"nonzero\" data-v-0c3f9b07></path></svg><span data-v-0c3f9b07>Fastify</span></a><a class=\"start-item\" href=\"https://github.com/scalar/scalar/blob/main/documentation/integrations/html-js.md#html\" target=\"_blank\" data-v-0c3f9b07><svg fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" data-v-0c3f9b07><g data-v-0c3f9b07><path 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\" fill=\"currentColor\" data-v-0c3f9b07></path><path 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\" fill=\"currentColor\" data-v-0c3f9b07></path><path 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\" fill=\"currentColor\" data-v-0c3f9b07></path></g></svg><span data-v-0c3f9b07>CDN</span></a><a class=\"start-item\" href=\"https://github.com/scalar/scalar/blob/main/packages/api-reference/README.md#vuejs\" target=\"_blank\" data-v-0c3f9b07><svg height=\"170\" viewBox=\"0 0 196.3 170\" width=\"196.3\" xmlns=\"http://www.w3.org/2000/svg\" data-v-0c3f9b07><g fill=\"currentColor\" fill-rule=\"nonzero\" data-v-0c3f9b07><polygon 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\" data-v-0c3f9b07></polygon><polygon 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\" data-v-0c3f9b07></polygon></g></svg><span data-v-0c3f9b07>Vue</span></a><a class=\"start-item\" href=\"https://github.com/scalar/scalar/blob/main/packages/api-reference-react/README.md#usage\" target=\"_blank\" data-v-0c3f9b07><svg height=\"23.3\" viewBox=\"0 0 22 23.3\" width=\"22\" xmlns=\"http://www.w3.org/2000/svg\" data-v-0c3f9b07><g fill=\"none\" fill-rule=\"evenodd\" data-v-0c3f9b07><circle cx=\"11\" cy=\"11.6\" fill=\"currentColor\" fill-rule=\"nonzero\" r=\"2\" data-v-0c3f9b07></circle><g stroke=\"currentColor\" data-v-0c3f9b07><ellipse cx=\"11\" cy=\"11.6\" rx=\"11\" ry=\"4.2\" data-v-0c3f9b07></ellipse><ellipse cx=\"11\" cy=\"11.6\" rx=\"11\" ry=\"4.2\" transform=\"rotate(60 11 11.6)\" data-v-0c3f9b07></ellipse><ellipse cx=\"11\" cy=\"11.6\" rx=\"11\" ry=\"4.2\" transform=\"rotate(120 11 11.6)\" data-v-0c3f9b07></ellipse></g></g></svg><span data-v-0c3f9b07>React</span></a>", 4))]), createElementVNode("div", _hoisted_9, [createElementVNode("p", _hoisted_10, toDisplayString(unref(translate)("gettingStarted.theming")), 1), (openBlock(), createElementBlock(Fragment, null, renderList(themeIds, (themeId) => {
+				createElementVNode("div", _hoisted_6, [createElementVNode("div", _hoisted_7, [createElementVNode("div", _hoisted_8, toDisplayString(unref(translate)("gettingStarted.integrations")), 1), _cache[2] || (_cache[2] = createStaticVNode("<a class=\"start-item\" href=\"https://github.com/scalar/scalar/tree/main/integrations/fastify#readme\" rel=\"noopener noreferrer\" target=\"_blank\" data-v-c492e215><svg fill=\"currentColor\" height=\"16\" viewBox=\"0 0 19 16\" width=\"19\" xmlns=\"http://www.w3.org/2000/svg\" data-v-c492e215><path 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\" fill=\"currentColor\" fill-rule=\"nonzero\" data-v-c492e215></path></svg><span data-v-c492e215>Fastify</span></a><a class=\"start-item\" href=\"https://github.com/scalar/scalar/blob/main/documentation/integrations/html-js.md#html\" rel=\"noopener noreferrer\" target=\"_blank\" data-v-c492e215><svg fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" data-v-c492e215><g data-v-c492e215><path 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\" fill=\"currentColor\" data-v-c492e215></path><path 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\" fill=\"currentColor\" data-v-c492e215></path><path 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\" fill=\"currentColor\" data-v-c492e215></path></g></svg><span data-v-c492e215>CDN</span></a><a class=\"start-item\" href=\"https://github.com/scalar/scalar/blob/main/packages/api-reference/README.md#vuejs\" rel=\"noopener noreferrer\" target=\"_blank\" data-v-c492e215><svg height=\"170\" viewBox=\"0 0 196.3 170\" width=\"196.3\" xmlns=\"http://www.w3.org/2000/svg\" data-v-c492e215><g fill=\"currentColor\" fill-rule=\"nonzero\" data-v-c492e215><polygon 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\" data-v-c492e215></polygon><polygon 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\" data-v-c492e215></polygon></g></svg><span data-v-c492e215>Vue</span></a><a class=\"start-item\" href=\"https://github.com/scalar/scalar/blob/main/packages/api-reference-react/README.md#usage\" rel=\"noopener noreferrer\" target=\"_blank\" data-v-c492e215><svg height=\"23.3\" viewBox=\"0 0 22 23.3\" width=\"22\" xmlns=\"http://www.w3.org/2000/svg\" data-v-c492e215><g fill=\"none\" fill-rule=\"evenodd\" data-v-c492e215><circle cx=\"11\" cy=\"11.6\" fill=\"currentColor\" fill-rule=\"nonzero\" r=\"2\" data-v-c492e215></circle><g stroke=\"currentColor\" data-v-c492e215><ellipse cx=\"11\" cy=\"11.6\" rx=\"11\" ry=\"4.2\" data-v-c492e215></ellipse><ellipse cx=\"11\" cy=\"11.6\" rx=\"11\" ry=\"4.2\" transform=\"rotate(60 11 11.6)\" data-v-c492e215></ellipse><ellipse cx=\"11\" cy=\"11.6\" rx=\"11\" ry=\"4.2\" transform=\"rotate(120 11 11.6)\" data-v-c492e215></ellipse></g></g></svg><span data-v-c492e215>React</span></a>", 4))]), createElementVNode("div", _hoisted_9, [createElementVNode("p", _hoisted_10, toDisplayString(unref(translate)("gettingStarted.theming")), 1), (openBlock(), createElementBlock(Fragment, null, renderList(themeIds, (themeId) => {
 					return createElementVNode("div", {
 						key: themeId,
 						class: normalizeClass(["start-item", { "start-item-active": themeId === __props.theme }]),

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

	@@ -1 +1 @@
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/button'\nimport { themeLabels, type ThemeId } from '@scalar/themes'\n\nimport { useLocalization } from '@/features/localization'\n\ndefineProps<{\n theme: ThemeId\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 { translate } = useLocalization()\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\">\n {{ translate('gettingStarted.swaggerEditor') }}\n </h1>\n <p class=\"start-p\">\n {{ translate('gettingStarted.description') }}\n </p>\n <div class=\"start-cta\">\n <ScalarButton\n class=\"w-full\"\n @click=\"fetchExampleSpecification\">\n {{ translate('gettingStarted.showExample') }}\n </ScalarButton>\n <ScalarButton\n class=\"w-full\"\n variant=\"outlined\"\n @click=\"$emit('loadSwaggerFile')\">\n {{ translate('gettingStarted.uploadFile') }}\n </ScalarButton>\n </div>\n </div>\n <div class=\"start-row\">\n <div class=\"start-section start-section-integrations\">\n <div class=\"start-h2\">\n {{ translate('gettingStarted.integrations') }}\n </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\">\n {{ translate('gettingStarted.theming') }}\n </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\">{{ translate('gettingStarted.features') }}</p>\n <ul class=\"start-ul\">\n <li>\n <p class=\"start-h3\">{{ translate('gettingStarted.customize') }}</p>\n {{ translate('gettingStarted.customizeDescription') }}\n </li>\n <li>\n <p class=\"start-h3\">{{ translate('gettingStarted.testing') }}</p>\n {{ translate('gettingStarted.testingDescription') }}\n </li>\n <li>\n <p class=\"start-h3\">{{ translate('gettingStarted.search') }}</p>\n {{ translate('gettingStarted.searchDescription') }}\n </li>\n <li>\n <p class=\"start-h3\">{{ translate('gettingStarted.hosting') }}</p>\n {{ translate('gettingStarted.hostingDescription') }}\n </li>\n <li>\n <p class=\"start-h3\">\n {{ translate('gettingStarted.openApiSwagger') }}\n </p>\n {{ translate('gettingStarted.openApiSwaggerDescription') }}\n </li>\n <li>\n <p class=\"start-h3\">{{ translate('gettingStarted.codeSamples') }}</p>\n {{ translate('gettingStarted.codeSamplesDescription') }}\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: var(--scalar-radius-full);\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: var(--scalar-radius-full);\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: var(--scalar-radius-full);\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":"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"}
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/button'\nimport { themeLabels, type ThemeId } from '@scalar/themes'\n\nimport { useLocalization } from '@/features/localization'\n\ndefineProps<{\n theme: ThemeId\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 { translate } = useLocalization()\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\">\n {{ translate('gettingStarted.swaggerEditor') }}\n </h1>\n <p class=\"start-p\">\n {{ translate('gettingStarted.description') }}\n </p>\n <div class=\"start-cta\">\n <ScalarButton\n class=\"w-full\"\n @click=\"fetchExampleSpecification\">\n {{ translate('gettingStarted.showExample') }}\n </ScalarButton>\n <ScalarButton\n class=\"w-full\"\n variant=\"outlined\"\n @click=\"$emit('loadSwaggerFile')\">\n {{ translate('gettingStarted.uploadFile') }}\n </ScalarButton>\n </div>\n </div>\n <div class=\"start-row\">\n <div class=\"start-section start-section-integrations\">\n <div class=\"start-h2\">\n {{ translate('gettingStarted.integrations') }}\n </div>\n <a\n class=\"start-item\"\n href=\"https://github.com/scalar/scalar/tree/main/integrations/fastify#readme\"\n rel=\"noopener noreferrer\"\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 rel=\"noopener noreferrer\"\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 rel=\"noopener noreferrer\"\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 rel=\"noopener noreferrer\"\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\">\n {{ translate('gettingStarted.theming') }}\n </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\">{{ translate('gettingStarted.features') }}</p>\n <ul class=\"start-ul\">\n <li>\n <p class=\"start-h3\">{{ translate('gettingStarted.customize') }}</p>\n {{ translate('gettingStarted.customizeDescription') }}\n </li>\n <li>\n <p class=\"start-h3\">{{ translate('gettingStarted.testing') }}</p>\n {{ translate('gettingStarted.testingDescription') }}\n </li>\n <li>\n <p class=\"start-h3\">{{ translate('gettingStarted.search') }}</p>\n {{ translate('gettingStarted.searchDescription') }}\n </li>\n <li>\n <p class=\"start-h3\">{{ translate('gettingStarted.hosting') }}</p>\n {{ translate('gettingStarted.hostingDescription') }}\n </li>\n <li>\n <p class=\"start-h3\">\n {{ translate('gettingStarted.openApiSwagger') }}\n </p>\n {{ translate('gettingStarted.openApiSwaggerDescription') }}\n </li>\n <li>\n <p class=\"start-h3\">{{ translate('gettingStarted.codeSamples') }}</p>\n {{ translate('gettingStarted.codeSamplesDescription') }}\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: var(--scalar-radius-full);\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: var(--scalar-radius-full);\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: var(--scalar-radius-full);\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":"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"}

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

@@ -2,7 +2,7 @@ import { computed, createBlock, createTextVNode, defineComponent, normalizeStyle
 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({
+var HttpMethod_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "HttpMethod",
 	props: {
 		as: {},

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

	@@ -1 +1 @@
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"}
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,EAAE,CAAC,CAC9C;;EAGA,MAAM,aAAa,eAAe,oBAAoB,MAAM,MAAM,CAAC;;uBAIjE,YAMY,wBALL,QAAA,MAAE,MAAA,GAAA;IACP,OAAM;IACL,OAAK,eAAA,GAAK,QAAA,YAAQ,UAAc,eAAA,MAAe,SAAQ,CAAA;;2BAChD,CAAR,WAAQ,KAAA,QAAA,SAAA,GAAA,gBAAA,MACR,gBAAG,QAAA,QAAQ,eAAA,MAAe,QAAQ,WAAA,KAAU,GAAA,CAAA,CAAA,CAAA"}

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

@@ -1,7 +1,7 @@
 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({
+var IntersectionObserver_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "IntersectionObserver",
 	props: {
 		id: {},
@@ -20,12 +20,15 @@ var IntersectionObserver_vue_vue_type_script_setup_true_lang_default = /* @__PUR
 			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)
-			});
+			if (intersectionObserverRef.value) {
+				const options = {
+					rootMargin: calculateRootMargin(intersectionObserverRef.value),
+					threshold: calculateThreshold(intersectionObserverRef.value)
+				};
+				useIntersectionObserver(intersectionObserverRef, ([entry]) => {
+					if (entry?.isIntersecting && props.id) emit("intersecting", props.id);
+				}, options);
+			}
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(resolveDynamicComponent(__props.is ?? "div"), {

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

	@@ -1 +1 @@
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"}
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,IAAiB;EAEjD,MAAM,uBAAuB,YAAyB;GACpD,MAAM,SAAS,QAAQ;GAEvB,OAAO,GAAG,SAAS,EAAE,SAAS,SAAS,EAAE;EAC3C;EAEA,MAAM,sBAAsB,YAAyB;GAInD,OAHe,QAAQ,eAGP,OAAO,cAAc,KAAM;EAC7C;EAEA,gBAAgB;GACd,IAAI,wBAAwB,OAAO;IACjC,MAAM,UAAU;KACd,YAAY,oBAAoB,wBAAwB,KAAK;KAC7D,WAAW,mBAAmB,wBAAwB,KAAK;IAC7D;IAEA,wBACE,0BACC,CAAC,WAAW;KACX,IAAI,OAAO,kBAAkB,MAAM,IACjC,KAAK,gBAAgB,MAAM,EAAE;IAEjC,GACA,OACF;GACF;EACF,CAAC;;uBAGC,YAKY,wBAJL,QAAA,MAAE,KAAA,GAAA;IACN,IAAI,QAAA;aACD;IAAJ,KAAI;;2BACI,CAAR,WAAQ,KAAA,QAAA,SAAA,CAAA,CAAA"}

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

@@ -6,7 +6,7 @@ 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({
+var Lazy_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "Lazy",
 	props: {
 		id: {},
@@ -91,7 +91,7 @@ var Lazy_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 				"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);
+			}, [shouldRender.value ? renderSlot(_ctx.$slots, "default", {}, void 0, void 0, 0) : createCommentVNode("", true)], 12, _hoisted_1);
 		};
 	}
 });

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

	@@ -1 +1 @@
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~~"}
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,EAAE;EACjC,MAAM,mBAAmB,IAAwB,IAAI;EAErD,MAAM,oBAAoB,IACxB,yBAAyB,QAAA,EAAE,KAAK,qBAClC;EACA,IAAI,wBAA+C;;EAGnD,MAAM,eAAe,eAAe,QAAQ,SAAS,QAAA,QAAQ;EAE7D,gBAAgB;GACd,IAAI,OAAO,WAAW,aACpB;GAGF,IAAI,EAAE,0BAA0B,SAAS;IACvC,kBAAkB,QAAA,IAAI,IAAI;IAC1B;GACF;GAEA,wBACE,mBACC,CAAC,WAAW;IACX,IAAI,OAAO,kBAAkB,CAAC,QAAQ,OACpC,kBAAkB,QAAA,IAAI,IAAI;GAE9B,GACA,EAAE,YAAY,qBAAqB,CACrC;EACF,CAAC;;;;;EAMD,YACQ,aAAa,QAClB,UAAU,gBAAgB;GACzB,IAAI,eAAe,CAAC,YAAY,iBAAiB,OAAO;IACtD,MAAM,IAAI,iBAAiB,MAAM;IACjC,IAAI,OAAO,SAAS,CAAC,KAAK,IAAI,GAAG;KAC/B,kBAAkB,QAAQ;KAC1B,yBAAyB,QAAA,IAAI,CAAC;IAChC;GACF;EACF,GACA,EAAE,OAAO,MAAM,CACjB;;EAGA,YACQ,aAAa,QAClB,aAAa;GACZ,IAAI,CAAC,UAAU;IACb,uBAAuB,WAAW;IAClC,wBAAwB;IACxB;GACF;GACA,eAAoB;IAClB,IAAI,CAAC,iBAAiB,SAAS,OAAO,mBAAmB,aACvD;IAEF,IAAI,CAAC,uBACH,wBAAwB,IAAI,qBAAqB;KAC/C,IAAI,CAAC,iBAAiB,OACpB;KAEF,MAAM,IAAI,iBAAiB,MAAM;KACjC,IAAI,OAAO,SAAS,CAAC,KAAK,IAAI,GAAG;MAC/B,kBAAkB,QAAQ;MAC1B,yBAAyB,QAAA,IAAI,CAAC;KAChC;IACF,CAAC;IAEH,sBAAsB,QAAQ,iBAAiB,KAAK;IACpD,MAAM,IAAI,iBAAiB,MAAM;IACjC,IAAI,OAAO,SAAS,CAAC,KAAK,IAAI,GAAG;KAC/B,kBAAkB,QAAQ;KAC1B,yBAAyB,QAAA,IAAI,CAAC;IAChC;GACF,CAAC;EACH,GACA,EAAE,WAAW,KAAK,CACpB;EAEA,sBAAsB;GACpB,uBAAuB,WAAW;EACpC,CAAC;;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,IAAA,CAAA;OACrD,aAAA,QAAZ,WAA4B,KAAA,QAAA,WAAA,CAAA,GAAA,KAAA,GAAA,KAAA,GAAA,CAAA,IAAA,mBAAA,IAAA,IAAA,CAAA,GAAA,IAAA,UAAA"}

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

@@ -2,7 +2,7 @@ import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export
 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"]]);
+var LinkList_default = /*#__PURE__*/ _plugin_vue_export_helper_default(LinkList_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-dc833d99"]]);
 //#endregion
 export { LinkList_default as default };

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

	@@ -1 +1 @@
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":""}
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=\"custom-scroll narrow:mb-3 mb-1.5 flex h-auto min-h-8 max-w-full items-center gap-2 overflow-x-auto text-base whitespace-nowrap\"\n :class=\"{ 'icons-only': needsScroll }\">\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 CHANGED Viewed

@@ -1,6 +1,6 @@
 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({
+var LinkList_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "LinkList",
 	setup(__props) {
 		const containerRef = ref();
@@ -42,7 +42,7 @@ var LinkList_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
 			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"])
+				class: normalizeClass(["custom-scroll narrow:mb-3 mb-1.5 flex h-auto min-h-8 max-w-full items-center gap-2 overflow-x-auto text-base whitespace-nowrap", { "icons-only": needsScroll.value }])
 			}, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 2);
 		};
 	}

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

	@@ -1 +1 @@
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~~"}
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=\"custom-scroll narrow:mb-3 mb-1.5 flex h-auto min-h-8 max-w-full items-center gap-2 overflow-x-auto text-base whitespace-nowrap\"\n :class=\"{ 'icons-only': needsScroll }\">\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,IAAoB;;EAGzC,MAAM,cAAc,IAAI,KAAK;;EAG7B,MAAM,2BAA2B;GAC/B,IAAI,CAAC,aAAa,OAChB;GAGF,MAAM,EAAE,aAAa,gBAAgB,aAAa;GAClD,YAAY,QAAQ,cAAc;EACpC;;EAGA,IAAI,mBAA4C;;;;;EAMhD,gBAAgB;GACd,mBAAmB;GAGnB,OAAO,iBAAiB,UAAU,kBAAkB;GAGpD,IAAI,aAAa,OAAO;IACtB,mBAAmB,IAAI,uBAAuB;KAC5C,mBAAmB;IACrB,CAAC;IAED,iBAAiB,QAAQ,aAAa,OAAO;KAC3C,WAAW;KACX,SAAS;IACX,CAAC;GACH;EACF,CAAC;EAED,kBAAkB;GAEhB,OAAO,oBAAoB,UAAU,kBAAkB;GAEvD,IAAI,kBAAkB;IACpB,iBAAiB,WAAW;IAC5B,mBAAmB;GACrB;EACF,CAAC;;uBAIC,mBAKM,OAAA;aAJA;IAAJ,KAAI;IACJ,OAAK,eAAA,CAAC,kIAAgI,EAAA,cAC9G,YAAA,MAAW,CAAA,CAAA;OACnC,WAAQ,KAAA,QAAA,WAAA,CAAA,GAAA,KAAA,GAAA,IAAA,CAAA,GAAA,CAAA"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"MobileHeader.vue.d.ts","sourceRoot":"","sources":["../../src/components/MobileHeader.vue"],"names":[],"mappings":"AAyFA,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE,MAAM,CAAA;IAClB,aAAa,EAAE,OAAO,CAAA;IACtB,WAAW,EAAE,OAAO,CAAA;CACrB,CAAC;AASF,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;~~AAgIF~~,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"}
1	+ {"version":3,"file":"MobileHeader.vue.d.ts","sourceRoot":"","sources":["../../src/components/MobileHeader.vue"],"names":[],"mappings":"AAyFA,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE,MAAM,CAAA;IAClB,aAAa,EAAE,OAAO,CAAA;IACtB,WAAW,EAAE,OAAO,CAAA;CACrB,CAAC;AASF,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;AAiIF,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.script.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { useLocalization } from "../features/localization/use-localization.js";
-import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, guardReactiveProps, mergeProps, normalizeClass, normalizeProps, openBlock, renderSlot, toDisplayString, unref } from "vue";
+import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, guardReactiveProps, normalizeClass, normalizeProps, openBlock, renderSlot, toDisplayString, unref } from "vue";
 import { ScalarIconList, ScalarIconX } from "@scalar/icons";
 import { ScalarIconButton } from "@scalar/components/icon-button";
 import { cva } from "@scalar/use-hooks/useBindCx";
@@ -10,7 +10,7 @@ var _hoisted_2 = {
 	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({
+var MobileHeader_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "MobileHeader",
 	props: {
 		breadcrumb: {},
@@ -34,9 +34,9 @@ var MobileHeader_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ d
 					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 }),
+				__props.showSidebar ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(__props.breadcrumb), 1)) : renderSlot(_ctx.$slots, "search", {}, void 0, void 0, 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);
+			]), __props.isSidebarOpen ? renderSlot(_ctx.$slots, "sidebar", normalizeProps(guardReactiveProps({ sidebarClasses: "overflow-y-auto custom-scrollbar min-h-0 flex-1 w-full border-none" })), void 0, void 0, 0) : createCommentVNode("", true)], 2)], 64);
 		};
 	}
 });

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

	@@ -1 +1 @@
1	- {"version":3,"file":"MobileHeader.vue.script.js","names":[],"sources":["../../src/components/MobileHeader.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIconButton } from '@scalar/components/icon-button'\nimport { ScalarIconList, ScalarIconX } from '@scalar/icons'\nimport { cva } from '@scalar/use-hooks/useBindCx'\n\nimport { useLocalization } from '@/features/localization'\n\ndefineProps<{\n breadcrumb: string\n isSidebarOpen: boolean\n showSidebar: boolean\n}>()\nconst { translate } = useLocalization()\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 z-50',\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=\"\n isSidebarOpen\n ? translate('navigation.closeMenu')\n : translate('navigation.openMenu')\n \"\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":";;;;;;;;;;;;;;;;;;;;;EAYA,MAAM,EAAE,cAAc,~~iBAAgB~~;EAEtC,MAAM,OAAO;EAUb,MAAM,WAAW,IAAI;GACnB,MAAM;GACN,UAAU,EACR,MAAM,EACJ,MAAM,~~iEACP~~,EACF;~~GACF~~,~~CAAA~~;;2DAIC,WAKmB,KAAA,QAAA,WAAA,eAAA,mBAJT,EAAA,gBAAA,~~8HAGP~~,~~CAAA~~,CAAA,CAAA,~~EAEH~~,mBAqCM,OAAA,EApCJ,OAAK,eAAA,CAAC,iBACE,MAAA,~~SAAQ~~,CAAA,EAAA,MAAS,QAAA,~~eAAa~~,CAAA,CAAA,CAAA,EAAA,~~EAAA~~,CACtC,mBAyBS,UAzBT,YAyBS;IAtBC,QAAA,eAAA,~~WAAA~~,~~EADR~~,YASmC,MAAA,~~iBAAA~~,~~EAAA~~;;KAPhC,MAAM,QAAA,gBAAgB,MAAA,~~YAAW~~,~~GAAG~~,MAAA,~~eAAc~~;~~KAClD~~,OAAkB,QAAA,gBAA4B,MAAA,~~UAAS~~,CAAA,~~uBAAA~~,~~GAAuC~~,MAAA,~~UAAS~~,CAAA,~~sBAAA~~;KAKxG,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~~"}
1	+ {"version":3,"file":"MobileHeader.vue.script.js","names":[],"sources":["../../src/components/MobileHeader.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIconButton } from '@scalar/components/icon-button'\nimport { ScalarIconList, ScalarIconX } from '@scalar/icons'\nimport { cva } from '@scalar/use-hooks/useBindCx'\n\nimport { useLocalization } from '@/features/localization'\n\ndefineProps<{\n breadcrumb: string\n isSidebarOpen: boolean\n showSidebar: boolean\n}>()\nconst { translate } = useLocalization()\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 z-50',\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=\"\n isSidebarOpen\n ? translate('navigation.closeMenu')\n : translate('navigation.openMenu')\n \"\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":";;;;;;;;;;;;;;;;;;;;;EAYA,MAAM,EAAE,cAAc,gBAAgB;EAEtC,MAAM,OAAO;EAUb,MAAM,WAAW,IAAI;GACnB,MAAM;GACN,UAAU,EACR,MAAM,EACJ,MAAM,gEACR,EACF;EACF,CAAC;;2DAIC,WAKmB,KAAA,QAAA,WAAA,eAAA,mBAJT,EAAA,gBAAA,6HAAA,CAGP,CAAA,CAAA,GAEH,mBAqCM,OAAA,EApCJ,OAAK,eAAA,CAAC,iBACE,MAAA,QAAA,CAAQ,CAAA,EAAA,MAAS,QAAA,cAAa,CAAA,CAAA,CAAA,EAAA,GAAA,CACtC,mBAyBS,UAzBT,YAyBS;IAtBC,QAAA,eAAA,UAAA,GADR,YASmC,MAAA,gBAAA,GAAA;;KAPhC,MAAM,QAAA,gBAAgB,MAAA,WAAA,IAAc,MAAA,cAAA;KACpC,OAAkB,QAAA,gBAA4B,MAAA,SAAA,CAAS,CAAA,sBAAA,IAAuC,MAAA,SAAA,CAAS,CAAA,qBAAA;KAKxG,MAAK;KACJ,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,eAAA;;IAGN,QAAA,eAAA,UAAA,GADR,mBAIO,QAJP,YAIO,gBADF,QAAA,UAAU,GAAA,CAAA,KAEf,WAEkB,KAAA,QAAA,UAAA,CAAA,GAAA,KAAA,GAAA,KAAA,GAAA,CAAA;IAElB,mBAEM,OAFN,YAEM,CADJ,WAAuB,KAAA,QAAA,SAAA,CAAA,CAAA;OAKnB,QAAA,gBADR,WAMmB,KAAA,QAAA,WAAA,eAAA,mBAJT,EAAA,gBAAA,qEAAA,CAGP,CAAA,GAAA,KAAA,GAAA,KAAA,GAAA,CAAA,IAAA,mBAAA,IAAA,IAAA,CAAA,GAAA,CAAA,CAAA,GAAA,EAAA"}

package/dist/components/OperationPath.vue.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OperationPath.vue.d.ts","sourceRoot":"","sources":["../../src/components/OperationPath.vue"],"names":[],"mappings":"AAyCA,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,MAAM,CAAA;IACZ,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAC;~~AAoDF~~,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
1	+ {"version":3,"file":"OperationPath.vue.d.ts","sourceRoot":"","sources":["../../src/components/OperationPath.vue"],"names":[],"mappings":"AAyCA,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,MAAM,CAAA;IACZ,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAC;AAsDF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/OperationPath.vue.js CHANGED Viewed

@@ -2,7 +2,7 @@ import _plugin_vue_export_helper_default from "../_virtual/_plugin-vue_export-he
 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"]]);
+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 };

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

@@ -1,7 +1,7 @@
 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({
+var OperationPath_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "OperationPath",
 	props: {
 		path: {},

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

	@@ -1 +1 @@
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"}
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,GAAG,KAAK,KAAK,SAAS,GAAG;EAG9E,MAAM,YAAY,eAAyB,MAAM,KAAK,MAAM,WAAW,CAAC;;uBAGtE,mBASO,QAAA,EARL,OAAK,eAAA,CAAC,kBAAgB,EAAA,YACA,QAAA,WAAU,CAAA,CAAA,EAAA,GAAA,EAAA,UAAA,IAAA,GAChC,mBAKW,UAAA,MAAA,WAJW,UAAA,QAAZ,MAAM,MAAC;4DACT,EAAC,GAAA,CACG,WAAW,IAAI,KAAA,UAAA,GAAzB,mBAA2C,MAAA,YAAA,gBAAZ,IAAI,GAAA,CAAA,MAAA,UAAA,GACnC,mBAAsC,UAAA,EAAA,KAAA,EAAA,GAAA,CAAA,gBAAA,gBAAlB,IAAI,GAAA,CAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA"}

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

@@ -2,7 +2,7 @@ import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export
 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-0315c99b"]]);
+var OperationsList_default = /*#__PURE__*/ _plugin_vue_export_helper_default(OperationsList_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-0315c99b"]]);
 //#endregion
 export { OperationsList_default as default };

package/dist/components/OperationsList/OperationsList.vue.script.js CHANGED Viewed

@@ -5,7 +5,7 @@ import { Fragment, computed, createBlock, createCommentVNode, createElementBlock
 import { ScalarCard, ScalarCardHeader, ScalarCardSection } from "@scalar/components/card";
 //#region src/components/OperationsList/OperationsList.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["aria-label"];
-var OperationsList_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var OperationsList_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "OperationsList",
 	props: {
 		tag: {},

package/dist/components/OperationsList/OperationsList.vue.script.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OperationsList.vue.script.js","names":[],"sources":["../../../src/components/OperationsList/OperationsList.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n ScalarCard,\n ScalarCardHeader,\n ScalarCardSection,\n} from '@scalar/components/card'\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'\nimport { useLocalization } from '@/features/localization'\n\nimport OperationsListItem from './OperationsListItem.vue'\n\nconst { tag } = defineProps<{\n tag: TraversedTag\n eventBus: WorkspaceEventBus \| null\n}>()\nconst { translate } = useLocalization()\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 {{\n tag.isWebhooks\n ? translate('navigation.webhooks')\n : translate('navigation.operations')\n }}\n </ScalarCardHeader>\n <ScalarCardSection class=\"custom-scroll max-h-[60vh]\">\n <ul\n :aria-label=\"translate('navigation.endpoints', { name: tag.title })\"\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":";;;;;;;;;;;;;;EAmBA,MAAM,EAAE,cAAc,~~iBAAgB~~;EAEtC,MAAM,wBAAwB,eAAe;~~AAC3C~~,~~UACE~~,QAAA,IAAI,UAAU,QACX,UAAU,MAAM,SAAS,eAAe,MAAM,SAAS,~~UACzD~~,~~IAAI~~,~~EAAC~~;~~IAET~~;;UAIiB,QAAA,IAAI,YAAY,QAAA,IAAI,UAAU,SAAM,KAAA,~~WAAA~~,~~EAClD~~,YAoBa,MAAA,~~WAAA~~,~~EAAA~~;;IApBD,OAAM;;2BAQG,CAPnB,YAOmB,MAAA,~~iBAAA~~,~~EAAA~~,EAPD,OAAA,~~IAAK~~,~~EAAA~~;4BACuB,CAA5C,YAA4C,sBAAA,MAAA;6BAAf,CAAA,gBAAA,gBAAZ,QAAA,IAAI,~~MAAK~~,~~EAAA~~,~~EAAA~~,CAAA,CAAA;;yBAAkB,MAC5C,gBACE,QAAA,IAAI,aAAyB,MAAA,~~UAAS~~,CAAA,~~sBAAA~~,~~GAAsC~~,MAAA,~~UAAS~~,CAAA,~~wBAAA~~,CAAA,~~EAAA~~,~~EAAA~~,CAAA,CAAA;;QAKzF,YAUoB,MAAA,~~kBAAA~~,~~EAAA~~,EAVD,OAAM,~~8BAA4B~~,~~EAAA~~;4BAS9C,CARL,mBAQK,MAAA;MAPF,cAAY,MAAA,~~UAAS~~,CAAA,wBAAA,EAAA,MAAiC,QAAA,IAAI,~~OAAK~~,CAAA;MAChE,OAAM;2BACN,mBAIoC,UAAA,MAAA,WAHL,sBAAA,QAAtB,uBAAkB;0BAD3B,YAIoC,4BAAA;OAFjC,KAAK,mBAAmB;OACxB,UAAU,QAAA;OACV,WAAW"}
1	+ {"version":3,"file":"OperationsList.vue.script.js","names":[],"sources":["../../../src/components/OperationsList/OperationsList.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n ScalarCard,\n ScalarCardHeader,\n ScalarCardSection,\n} from '@scalar/components/card'\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'\nimport { useLocalization } from '@/features/localization'\n\nimport OperationsListItem from './OperationsListItem.vue'\n\nconst { tag } = defineProps<{\n tag: TraversedTag\n eventBus: WorkspaceEventBus \| null\n}>()\nconst { translate } = useLocalization()\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 {{\n tag.isWebhooks\n ? translate('navigation.webhooks')\n : translate('navigation.operations')\n }}\n </ScalarCardHeader>\n <ScalarCardSection class=\"custom-scroll max-h-[60vh]\">\n <ul\n :aria-label=\"translate('navigation.endpoints', { name: tag.title })\"\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":";;;;;;;;;;;;;;EAmBA,MAAM,EAAE,cAAc,gBAAgB;EAEtC,MAAM,wBAAwB,eAAe;GAC3C,OACE,QAAA,IAAI,UAAU,QACX,UAAU,MAAM,SAAS,eAAe,MAAM,SAAS,SAC1D,KAAK,CAAC;EAEV,CAAC;;UAIiB,QAAA,IAAI,YAAY,QAAA,IAAI,UAAU,SAAM,KAAA,UAAA,GAClD,YAoBa,MAAA,UAAA,GAAA;;IApBD,OAAM;;2BAQG,CAPnB,YAOmB,MAAA,gBAAA,GAAA,EAPD,OAAA,GAAK,GAAA;4BACuB,CAA5C,YAA4C,sBAAA,MAAA;6BAAf,CAAA,gBAAA,gBAAZ,QAAA,IAAI,KAAK,GAAA,CAAA,CAAA,CAAA;;yBAAkB,MAC5C,gBACE,QAAA,IAAI,aAAyB,MAAA,SAAA,CAAS,CAAA,qBAAA,IAAsC,MAAA,SAAA,CAAS,CAAA,uBAAA,CAAA,GAAA,CAAA,CAAA,CAAA;;QAKzF,YAUoB,MAAA,iBAAA,GAAA,EAVD,OAAM,6BAA4B,GAAA;4BAS9C,CARL,mBAQK,MAAA;MAPF,cAAY,MAAA,SAAA,CAAS,CAAA,wBAAA,EAAA,MAAiC,QAAA,IAAI,MAAK,CAAA;MAChE,OAAM;2BACN,mBAIoC,UAAA,MAAA,WAHL,sBAAA,QAAtB,uBAAkB;0BAD3B,YAIoC,4BAAA;OAFjC,KAAK,mBAAmB;OACxB,UAAU,QAAA;OACV,WAAW"}

package/dist/components/OperationsList/OperationsListItem.vue.js CHANGED Viewed

@@ -2,7 +2,7 @@ import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export
 import OperationsListItem_vue_vue_type_script_setup_true_lang_default from "./OperationsListItem.vue.script.js";
 /* empty css                                 */
 //#region src/components/OperationsList/OperationsListItem.vue
-var OperationsListItem_default = /* @__PURE__ */ _plugin_vue_export_helper_default(OperationsListItem_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-ad8530a6"]]);
+var OperationsListItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(OperationsListItem_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-ad8530a6"]]);
 //#endregion
 export { OperationsListItem_default as default };