@scalar/api-reference 1.64.0 → 1.65.0

package/dist/components/Content/Schema/helpers/should-display-description.js.map

@@ -1 +1 @@
-{"version":3,"file":"should-display-description.js","names":[],"sources":["../../../../../src/components/Content/Schema/helpers/should-display-description.ts"],"sourcesContent":["import type { SchemaObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\n\n/**\n * Determine if description should be displayed\n *\n * @param schema - The schema object to check\n * @param propDescription - Optional description from props\n * @returns Description string to display, or null if should not be displayed\n */\nexport const shouldDisplayDescription = (schema: SchemaObject | undefined, propDescription?: string): string | null => {\n  if (!schema) {\n    return null\n  }\n\n  // Don't show description for schemas with compositions to avoid duplicate descriptions\n  if (schema.allOf) {\n    return null\n  }\n\n  // When both an external description (e.g. a response or parameter description) and the\n  // schema's own description are present, show both so neither is lost. This matters for\n  // responses with multiple content types where each media type schema carries its own\n  // description (see expandAllResponses). Identical descriptions are shown only once.\n  if (propDescription && schema.description) {\n    return propDescription === schema.description ? propDescription : `${propDescription}\\n\\n${schema.description}`\n  }\n\n  return propDescription || schema.description || null\n}\n"],"mappings":";;;;;;;;AASA,IAAa,4BAA4B,QAAkC,oBAA4C;AACrH,KAAI,CAAC,OACH,QAAO;AAIT,KAAI,OAAO,MACT,QAAO;AAOT,KAAI,mBAAmB,OAAO,YAC5B,QAAO,oBAAoB,OAAO,cAAc,kBAAkB,GAAG,gBAAgB,MAAM,OAAO;AAGpG,QAAO,mBAAmB,OAAO,eAAe"}
+{"version":3,"file":"should-display-description.js","names":[],"sources":["../../../../../src/components/Content/Schema/helpers/should-display-description.ts"],"sourcesContent":["import type { SchemaObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\n\n/**\n * Determine if description should be displayed\n *\n * @param schema - The schema object to check\n * @param propDescription - Optional description from props\n * @returns Description string to display, or null if should not be displayed\n */\nexport const shouldDisplayDescription = (schema: SchemaObject | undefined, propDescription?: string): string | null => {\n  if (!schema) {\n    return null\n  }\n\n  // Don't show description for schemas with compositions to avoid duplicate descriptions\n  if (schema.allOf) {\n    return null\n  }\n\n  // When both an external description (e.g. a response or parameter description) and the\n  // schema's own description are present, show both so neither is lost. This matters for\n  // responses with multiple content types where each media type schema carries its own\n  // description (see expandAllResponses). Identical descriptions are shown only once.\n  if (propDescription && schema.description) {\n    return propDescription === schema.description ? propDescription : `${propDescription}\\n\\n${schema.description}`\n  }\n\n  return propDescription || schema.description || null\n}\n"],"mappings":";;;;;;;;AASA,IAAa,4BAA4B,QAAkC,oBAA4C;CACrH,IAAI,CAAC,QACH,OAAO;CAIT,IAAI,OAAO,OACT,OAAO;CAOT,IAAI,mBAAmB,OAAO,aAC5B,OAAO,oBAAoB,OAAO,cAAc,kBAAkB,GAAG,gBAAgB,MAAM,OAAO;CAGpG,OAAO,mBAAmB,OAAO,eAAe;AAClD"}

package/dist/components/Content/Schema/helpers/should-display-heading.js.map

@@ -1 +1 @@
-{"version":3,"file":"should-display-heading.js","names":[],"sources":["../../../../../src/components/Content/Schema/helpers/should-display-heading.ts"],"sourcesContent":["import type { SchemaObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\n\n/**\n * Determine if property heading should be displayed\n *\n * @param schema - The schema object to check\n * @param name - Optional property name\n * @param required - Whether the property is required\n * @returns true if heading should be displayed, false otherwise\n */\nexport const shouldDisplayHeading = (schema: SchemaObject | undefined, name?: string, required = false): boolean => {\n  // Early return for simple cases\n  if (name || required) {\n    return true\n  }\n\n  // If schema is undefined, return false\n  if (!schema) {\n    return false\n  }\n\n  // Check schema properties that warrant a heading\n  return (\n    schema.deprecated === true ||\n    schema.const !== undefined ||\n    schema.enum?.length === 1 ||\n    ('type' in schema && schema.type !== undefined) ||\n    ('nullable' in schema && schema.nullable === true) ||\n    schema.writeOnly === true ||\n    schema.readOnly === true\n  )\n}\n"],"mappings":";;;;;;;;;AAUA,IAAa,wBAAwB,QAAkC,MAAe,WAAW,UAAmB;AAElH,KAAI,QAAQ,SACV,QAAO;AAIT,KAAI,CAAC,OACH,QAAO;AAIT,QACE,OAAO,eAAe,QACtB,OAAO,UAAU,KAAA,KACjB,OAAO,MAAM,WAAW,KACvB,UAAU,UAAU,OAAO,SAAS,KAAA,KACpC,cAAc,UAAU,OAAO,aAAa,QAC7C,OAAO,cAAc,QACrB,OAAO,aAAa"}
+{"version":3,"file":"should-display-heading.js","names":[],"sources":["../../../../../src/components/Content/Schema/helpers/should-display-heading.ts"],"sourcesContent":["import type { SchemaObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\n\n/**\n * Determine if property heading should be displayed\n *\n * @param schema - The schema object to check\n * @param name - Optional property name\n * @param required - Whether the property is required\n * @returns true if heading should be displayed, false otherwise\n */\nexport const shouldDisplayHeading = (schema: SchemaObject | undefined, name?: string, required = false): boolean => {\n  // Early return for simple cases\n  if (name || required) {\n    return true\n  }\n\n  // If schema is undefined, return false\n  if (!schema) {\n    return false\n  }\n\n  // Check schema properties that warrant a heading\n  return (\n    schema.deprecated === true ||\n    schema.const !== undefined ||\n    schema.enum?.length === 1 ||\n    ('type' in schema && schema.type !== undefined) ||\n    ('nullable' in schema && schema.nullable === true) ||\n    schema.writeOnly === true ||\n    schema.readOnly === true\n  )\n}\n"],"mappings":";;;;;;;;;AAUA,IAAa,wBAAwB,QAAkC,MAAe,WAAW,UAAmB;CAElH,IAAI,QAAQ,UACV,OAAO;CAIT,IAAI,CAAC,QACH,OAAO;CAIT,OACE,OAAO,eAAe,QACtB,OAAO,UAAU,KAAA,KACjB,OAAO,MAAM,WAAW,KACvB,UAAU,UAAU,OAAO,SAAS,KAAA,KACpC,cAAc,UAAU,OAAO,aAAa,QAC7C,OAAO,cAAc,QACrB,OAAO,aAAa;AAExB"}

package/dist/components/Content/Schema/helpers/should-render-array-item-composition.js.map

@@ -1 +1 @@
-{"version":3,"file":"should-render-array-item-composition.js","names":[],"sources":["../../../../../src/components/Content/Schema/helpers/should-render-array-item-composition.ts"],"sourcesContent":["import type { SchemaObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { isArraySchema } from '@scalar/workspace-store/schemas/v3.1/strict/type-guards'\n\nimport { hasComplexArrayItems } from './has-complex-array-items'\n\n/**\n * Check if array item composition should be rendered\n *\n * @param schema - The schema object to check\n * @param composition - The composition keyword to check for\n * @returns true if array item composition should be rendered, false otherwise\n */\nexport const shouldRenderArrayItemComposition = (schema: SchemaObject | undefined, composition: string): boolean => {\n  // Early return if schema is invalid or not an array\n  if (!schema || !isArraySchema(schema)) {\n    return false\n  }\n\n  // Check if items exist and have the composition keyword\n  const items = schema.items\n  if (!items || typeof items !== 'object' || !(composition in items)) {\n    return false\n  }\n\n  // Only render if items are not complex (complex items are handled differently)\n  return !hasComplexArrayItems(schema)\n}\n"],"mappings":";;;;;;;;;;AAYA,IAAa,oCAAoC,QAAkC,gBAAiC;AAElH,KAAI,CAAC,UAAU,CAAC,cAAc,OAAO,CACnC,QAAO;CAIT,MAAM,QAAQ,OAAO;AACrB,KAAI,CAAC,SAAS,OAAO,UAAU,YAAY,EAAE,eAAe,OAC1D,QAAO;AAIT,QAAO,CAAC,qBAAqB,OAAO"}
+{"version":3,"file":"should-render-array-item-composition.js","names":[],"sources":["../../../../../src/components/Content/Schema/helpers/should-render-array-item-composition.ts"],"sourcesContent":["import type { SchemaObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { isArraySchema } from '@scalar/workspace-store/schemas/v3.1/strict/type-guards'\n\nimport { hasComplexArrayItems } from './has-complex-array-items'\n\n/**\n * Check if array item composition should be rendered\n *\n * @param schema - The schema object to check\n * @param composition - The composition keyword to check for\n * @returns true if array item composition should be rendered, false otherwise\n */\nexport const shouldRenderArrayItemComposition = (schema: SchemaObject | undefined, composition: string): boolean => {\n  // Early return if schema is invalid or not an array\n  if (!schema || !isArraySchema(schema)) {\n    return false\n  }\n\n  // Check if items exist and have the composition keyword\n  const items = schema.items\n  if (!items || typeof items !== 'object' || !(composition in items)) {\n    return false\n  }\n\n  // Only render if items are not complex (complex items are handled differently)\n  return !hasComplexArrayItems(schema)\n}\n"],"mappings":";;;;;;;;;;AAYA,IAAa,oCAAoC,QAAkC,gBAAiC;CAElH,IAAI,CAAC,UAAU,CAAC,cAAc,MAAM,GAClC,OAAO;CAIT,MAAM,QAAQ,OAAO;CACrB,IAAI,CAAC,SAAS,OAAO,UAAU,YAAY,EAAE,eAAe,QAC1D,OAAO;CAIT,OAAO,CAAC,qBAAqB,MAAM;AACrC"}

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

@@ -1 +1 @@
-{"version":3,"file":"sort-property-names.js","names":[],"sources":["../../../../../src/components/Content/Schema/helpers/sort-property-names.ts"],"sourcesContent":["import type { ApiReferenceConfiguration } from '@scalar/types/api-reference'\nimport { resolve } from '@scalar/workspace-store/resolve'\nimport type { DiscriminatorObject, SchemaObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\n\nimport { isTypeObject } from './is-type-object'\n\n/** Extract the type of properties */\ntype Properties = NonNullable<Extract<SchemaObject, { type: 'object' }>['properties']>\n\ntype Options = Partial<\n  Pick<ApiReferenceConfiguration, 'orderSchemaPropertiesBy' | 'orderRequiredPropertiesFirst'> & {\n    hideReadOnly: boolean\n    hideWriteOnly: boolean\n  }\n>\n\n/** Take a list of property names and reduce it back into an object */\nexport const reduceNamesToObject = (names: string[], properties: Properties): Properties =>\n  names.reduce((acc, name) => {\n    const prop = properties?.[name]\n    if (prop) {\n      acc[name] = prop\n    }\n    return acc\n  }, {} as Properties)\n\n/** Sort property names in an object schema */\nexport const sortPropertyNames = (\n  schema: SchemaObject,\n  discriminator?: DiscriminatorObject,\n  {\n    hideReadOnly = false,\n    hideWriteOnly = false,\n    orderSchemaPropertiesBy = 'alpha',\n    orderRequiredPropertiesFirst = true,\n  }: Options = {},\n): string[] => {\n  if (!isTypeObject(schema) || !schema.properties) {\n    return []\n  }\n\n  const propertyNames = Object.keys(schema.properties)\n  const requiredPropertiesSet = new Set(schema.required || [])\n\n  return propertyNames\n    .sort((a, b) => {\n      const aDiscriminator = a === discriminator?.propertyName\n      const bDiscriminator = b === discriminator?.propertyName\n\n      const aRequired = requiredPropertiesSet.has(a)\n      const bRequired = requiredPropertiesSet.has(b)\n\n      // Discriminator comes first always\n      if (aDiscriminator && !bDiscriminator) {\n        return -1\n      }\n      if (!aDiscriminator && bDiscriminator) {\n        return 1\n      }\n\n      // Sort by x-order specification extension when present\n      const aSchema = schema.properties?.[a]\n      const bSchema = schema.properties?.[b]\n      const aOrder =\n        aSchema && typeof aSchema === 'object' && 'x-order' in aSchema\n          ? (aSchema as Record<string, unknown>)['x-order']\n          : undefined\n      const bOrder =\n        bSchema && typeof bSchema === 'object' && 'x-order' in bSchema\n          ? (bSchema as Record<string, unknown>)['x-order']\n          : undefined\n\n      if (aOrder !== undefined && bOrder !== undefined) {\n        return Number(aOrder) - Number(bOrder)\n      }\n      if (aOrder !== undefined && bOrder === undefined) {\n        return -1\n      }\n      if (aOrder === undefined && bOrder !== undefined) {\n        return 1\n      }\n\n      // Order required properties first\n      if (orderRequiredPropertiesFirst) {\n        // If one is required and the other isn't, required comes first\n        if (aRequired && !bRequired) {\n          return -1\n        }\n        if (!aRequired && bRequired) {\n          return 1\n        }\n      }\n\n      // If both have the same required status, sort alphabetically\n      if (orderSchemaPropertiesBy === 'alpha') {\n        return a.localeCompare(b)\n      }\n\n      return 0\n    })\n    .filter((property) => {\n      const resolved = schema.properties && resolve.schema(schema.properties[property])\n\n      // If hideReadOnly is true, filter out properties that are readOnly\n      if (hideReadOnly && resolved?.readOnly === true) {\n        return false\n      }\n      // If hideWriteOnly is true, filter out properties that are writeOnly\n      if (hideWriteOnly && resolved?.writeOnly === true) {\n        return false\n      }\n      return true\n    })\n}\n"],"mappings":";;;;AAiBA,IAAa,uBAAuB,OAAiB,eACnD,MAAM,QAAQ,KAAK,SAAS;CAC1B,MAAM,OAAO,aAAa;AAC1B,KAAI,KACF,KAAI,QAAQ;AAEd,QAAO;GACN,EAAE,CAAe;;AAGtB,IAAa,qBACX,QACA,eACA,EACE,eAAe,OACf,gBAAgB,OAChB,0BAA0B,SAC1B,+BAA+B,SACpB,EAAE,KACF;AACb,KAAI,CAAC,aAAa,OAAO,IAAI,CAAC,OAAO,WACnC,QAAO,EAAE;CAGX,MAAM,gBAAgB,OAAO,KAAK,OAAO,WAAW;CACpD,MAAM,wBAAwB,IAAI,IAAI,OAAO,YAAY,EAAE,CAAC;AAE5D,QAAO,cACJ,MAAM,GAAG,MAAM;EACd,MAAM,iBAAiB,MAAM,eAAe;EAC5C,MAAM,iBAAiB,MAAM,eAAe;EAE5C,MAAM,YAAY,sBAAsB,IAAI,EAAE;EAC9C,MAAM,YAAY,sBAAsB,IAAI,EAAE;AAG9C,MAAI,kBAAkB,CAAC,eACrB,QAAO;AAET,MAAI,CAAC,kBAAkB,eACrB,QAAO;EAIT,MAAM,UAAU,OAAO,aAAa;EACpC,MAAM,UAAU,OAAO,aAAa;EACpC,MAAM,SACJ,WAAW,OAAO,YAAY,YAAY,aAAa,UAClD,QAAoC,aACrC,KAAA;EACN,MAAM,SACJ,WAAW,OAAO,YAAY,YAAY,aAAa,UAClD,QAAoC,aACrC,KAAA;AAEN,MAAI,WAAW,KAAA,KAAa,WAAW,KAAA,EACrC,QAAO,OAAO,OAAO,GAAG,OAAO,OAAO;AAExC,MAAI,WAAW,KAAA,KAAa,WAAW,KAAA,EACrC,QAAO;AAET,MAAI,WAAW,KAAA,KAAa,WAAW,KAAA,EACrC,QAAO;AAIT,MAAI,8BAA8B;AAEhC,OAAI,aAAa,CAAC,UAChB,QAAO;AAET,OAAI,CAAC,aAAa,UAChB,QAAO;;AAKX,MAAI,4BAA4B,QAC9B,QAAO,EAAE,cAAc,EAAE;AAG3B,SAAO;GACP,CACD,QAAQ,aAAa;EACpB,MAAM,WAAW,OAAO,cAAc,QAAQ,OAAO,OAAO,WAAW,UAAU;AAGjF,MAAI,gBAAgB,UAAU,aAAa,KACzC,QAAO;AAGT,MAAI,iBAAiB,UAAU,cAAc,KAC3C,QAAO;AAET,SAAO;GACP"}
+{"version":3,"file":"sort-property-names.js","names":[],"sources":["../../../../../src/components/Content/Schema/helpers/sort-property-names.ts"],"sourcesContent":["import type { ApiReferenceConfiguration } from '@scalar/types/api-reference'\nimport { resolve } from '@scalar/workspace-store/resolve'\nimport type { DiscriminatorObject, SchemaObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\n\nimport { isTypeObject } from './is-type-object'\n\n/** Extract the type of properties */\ntype Properties = NonNullable<Extract<SchemaObject, { type: 'object' }>['properties']>\n\ntype Options = Partial<\n  Pick<ApiReferenceConfiguration, 'orderSchemaPropertiesBy' | 'orderRequiredPropertiesFirst'> & {\n    hideReadOnly: boolean\n    hideWriteOnly: boolean\n  }\n>\n\n/** Take a list of property names and reduce it back into an object */\nexport const reduceNamesToObject = (names: string[], properties: Properties): Properties =>\n  names.reduce((acc, name) => {\n    const prop = properties?.[name]\n    if (prop) {\n      acc[name] = prop\n    }\n    return acc\n  }, {} as Properties)\n\n/** Sort property names in an object schema */\nexport const sortPropertyNames = (\n  schema: SchemaObject,\n  discriminator?: DiscriminatorObject,\n  {\n    hideReadOnly = false,\n    hideWriteOnly = false,\n    orderSchemaPropertiesBy = 'alpha',\n    orderRequiredPropertiesFirst = true,\n  }: Options = {},\n): string[] => {\n  if (!isTypeObject(schema) || !schema.properties) {\n    return []\n  }\n\n  const propertyNames = Object.keys(schema.properties)\n  const requiredPropertiesSet = new Set(schema.required || [])\n\n  return propertyNames\n    .sort((a, b) => {\n      const aDiscriminator = a === discriminator?.propertyName\n      const bDiscriminator = b === discriminator?.propertyName\n\n      const aRequired = requiredPropertiesSet.has(a)\n      const bRequired = requiredPropertiesSet.has(b)\n\n      // Discriminator comes first always\n      if (aDiscriminator && !bDiscriminator) {\n        return -1\n      }\n      if (!aDiscriminator && bDiscriminator) {\n        return 1\n      }\n\n      // Sort by x-order specification extension when present\n      const aSchema = schema.properties?.[a]\n      const bSchema = schema.properties?.[b]\n      const aOrder =\n        aSchema && typeof aSchema === 'object' && 'x-order' in aSchema\n          ? (aSchema as Record<string, unknown>)['x-order']\n          : undefined\n      const bOrder =\n        bSchema && typeof bSchema === 'object' && 'x-order' in bSchema\n          ? (bSchema as Record<string, unknown>)['x-order']\n          : undefined\n\n      if (aOrder !== undefined && bOrder !== undefined) {\n        return Number(aOrder) - Number(bOrder)\n      }\n      if (aOrder !== undefined && bOrder === undefined) {\n        return -1\n      }\n      if (aOrder === undefined && bOrder !== undefined) {\n        return 1\n      }\n\n      // Order required properties first\n      if (orderRequiredPropertiesFirst) {\n        // If one is required and the other isn't, required comes first\n        if (aRequired && !bRequired) {\n          return -1\n        }\n        if (!aRequired && bRequired) {\n          return 1\n        }\n      }\n\n      // If both have the same required status, sort alphabetically\n      if (orderSchemaPropertiesBy === 'alpha') {\n        return a.localeCompare(b)\n      }\n\n      return 0\n    })\n    .filter((property) => {\n      const resolved = schema.properties && resolve.schema(schema.properties[property])\n\n      // If hideReadOnly is true, filter out properties that are readOnly\n      if (hideReadOnly && resolved?.readOnly === true) {\n        return false\n      }\n      // If hideWriteOnly is true, filter out properties that are writeOnly\n      if (hideWriteOnly && resolved?.writeOnly === true) {\n        return false\n      }\n      return true\n    })\n}\n"],"mappings":";;;;AAiBA,IAAa,uBAAuB,OAAiB,eACnD,MAAM,QAAQ,KAAK,SAAS;CAC1B,MAAM,OAAO,aAAa;CAC1B,IAAI,MACF,IAAI,QAAQ;CAEd,OAAO;AACT,GAAG,CAAC,CAAe;;AAGrB,IAAa,qBACX,QACA,eACA,EACE,eAAe,OACf,gBAAgB,OAChB,0BAA0B,SAC1B,+BAA+B,SACpB,CAAC,MACD;CACb,IAAI,CAAC,aAAa,MAAM,KAAK,CAAC,OAAO,YACnC,OAAO,CAAC;CAGV,MAAM,gBAAgB,OAAO,KAAK,OAAO,UAAU;CACnD,MAAM,wBAAwB,IAAI,IAAI,OAAO,YAAY,CAAC,CAAC;CAE3D,OAAO,cACJ,MAAM,GAAG,MAAM;EACd,MAAM,iBAAiB,MAAM,eAAe;EAC5C,MAAM,iBAAiB,MAAM,eAAe;EAE5C,MAAM,YAAY,sBAAsB,IAAI,CAAC;EAC7C,MAAM,YAAY,sBAAsB,IAAI,CAAC;EAG7C,IAAI,kBAAkB,CAAC,gBACrB,OAAO;EAET,IAAI,CAAC,kBAAkB,gBACrB,OAAO;EAIT,MAAM,UAAU,OAAO,aAAa;EACpC,MAAM,UAAU,OAAO,aAAa;EACpC,MAAM,SACJ,WAAW,OAAO,YAAY,YAAY,aAAa,UAClD,QAAoC,aACrC,KAAA;EACN,MAAM,SACJ,WAAW,OAAO,YAAY,YAAY,aAAa,UAClD,QAAoC,aACrC,KAAA;EAEN,IAAI,WAAW,KAAA,KAAa,WAAW,KAAA,GACrC,OAAO,OAAO,MAAM,IAAI,OAAO,MAAM;EAEvC,IAAI,WAAW,KAAA,KAAa,WAAW,KAAA,GACrC,OAAO;EAET,IAAI,WAAW,KAAA,KAAa,WAAW,KAAA,GACrC,OAAO;EAIT,IAAI,8BAA8B;GAEhC,IAAI,aAAa,CAAC,WAChB,OAAO;GAET,IAAI,CAAC,aAAa,WAChB,OAAO;EAEX;EAGA,IAAI,4BAA4B,SAC9B,OAAO,EAAE,cAAc,CAAC;EAG1B,OAAO;CACT,CAAC,CAAC,CACD,QAAQ,aAAa;EACpB,MAAM,WAAW,OAAO,cAAc,QAAQ,OAAO,OAAO,WAAW,SAAS;EAGhF,IAAI,gBAAgB,UAAU,aAAa,MACzC,OAAO;EAGT,IAAI,iBAAiB,UAAU,cAAc,MAC3C,OAAO;EAET,OAAO;CACT,CAAC;AACL"}

package/dist/components/Content/Schema/types.d.ts

@@ -16,6 +16,13 @@ export type SchemaOptions = {
     orderRequiredPropertiesFirst?: ApiReferenceConfiguration['orderRequiredPropertiesFirst'];
     /** Expand all nested schema properties by default while keeping the toggle available */
     expandAllSchemaProperties?: ApiReferenceConfiguration['expandAllSchemaProperties'];
+    /**
+     * Whether the models section is hidden.
+     *
+     * Model names stay visible, but there is no models section to scroll to, so they
+     * render as plain text instead of links.
+     */
+    hideModels?: ApiReferenceConfiguration['hideModels'];
     /**
      * The document the schema belongs to.
      *

package/dist/components/Content/Schema/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Content/Schema/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAA;AAC5E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8DAA8D,CAAA;AAEnG;;;;GAIG;AACH,MAAM,MAAM,aAAa,GAAG;IAC1B,gCAAgC;IAChC,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,iCAAiC;IACjC,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,mDAAmD;IACnD,uBAAuB,CAAC,EAAE,yBAAyB,CAAC,yBAAyB,CAAC,CAAA;IAC9E,sCAAsC;IACtC,4BAA4B,CAAC,EAAE,yBAAyB,CAAC,8BAA8B,CAAC,CAAA;IACxF,wFAAwF;IACxF,yBAAyB,CAAC,EAAE,yBAAyB,CAAC,2BAA2B,CAAC,CAAA;IAClF;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,eAAe,CAAA;CAC3B,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Content/Schema/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAA;AAC5E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8DAA8D,CAAA;AAEnG;;;;GAIG;AACH,MAAM,MAAM,aAAa,GAAG;IAC1B,gCAAgC;IAChC,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,iCAAiC;IACjC,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,mDAAmD;IACnD,uBAAuB,CAAC,EAAE,yBAAyB,CAAC,yBAAyB,CAAC,CAAA;IAC9E,sCAAsC;IACtC,4BAA4B,CAAC,EAAE,yBAAyB,CAAC,8BAA8B,CAAC,CAAA;IACxF,wFAAwF;IACxF,yBAAyB,CAAC,EAAE,yBAAyB,CAAC,2BAA2B,CAAC,CAAA;IAClF;;;;;OAKG;IACH,UAAU,CAAC,EAAE,yBAAyB,CAAC,YAAY,CAAC,CAAA;IACpD;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,eAAe,CAAA;CAC3B,CAAA"}

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

@@ -2,7 +2,7 @@ import ClassicLayout_default from "./components/ClassicLayout.vue.js";
 import ModernLayout_default from "./components/ModernLayout.vue.js";
 import { createBlock, defineComponent, openBlock, renderSlot, withCtx } from "vue";
 //#region src/components/Content/Tags/Tag.vue?vue&type=script&setup=true&lang.ts
-var Tag_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var Tag_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "Tag",
 	props: {
 		tag: {},

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

@@ -1 +1 @@
-{"version":3,"file":"Tag.vue.script.js","names":[],"sources":["../../../../src/components/Content/Tags/Tag.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport type { TraversedTag } from '@scalar/workspace-store/schemas/navigation'\n\nimport ClassicLayout from './components/ClassicLayout.vue'\nimport ModernLayout from './components/ModernLayout.vue'\n\nconst { tag, layout, moreThanOneTag } = defineProps<{\n  tag: TraversedTag\n  layout: 'classic' | 'modern'\n  moreThanOneTag: boolean\n  isCollapsed: boolean\n  eventBus: WorkspaceEventBus | null\n}>()\n</script>\n\n<template>\n  <template v-if=\"layout === 'classic'\">\n    <ClassicLayout\n      :eventBus=\"eventBus\"\n      :isCollapsed=\"isCollapsed\"\n      :layout=\"layout\"\n      :tag=\"tag\">\n      <slot />\n    </ClassicLayout>\n  </template>\n  <template v-else>\n    <ModernLayout\n      :eventBus=\"eventBus\"\n      :isCollapsed=\"isCollapsed\"\n      :layout=\"layout\"\n      :moreThanOneTag=\"moreThanOneTag\"\n      :tag=\"tag\">\n      <slot />\n    </ModernLayout>\n  </template>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;UAiBkB,QAAA,WAAM,aAAA,WAAA,EACpB,YAMgB,uBAAA;;IALb,UAAU,QAAA;IACV,aAAa,QAAA;IACb,QAAQ,QAAA;IACR,KAAK,QAAA;;2BACE,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA;;;;;;;uBAIV,YAOe,sBAAA;;IANZ,UAAU,QAAA;IACV,aAAa,QAAA;IACb,QAAQ,QAAA;IACR,gBAAgB,QAAA;IAChB,KAAK,QAAA;;2BACE,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}
+{"version":3,"file":"Tag.vue.script.js","names":[],"sources":["../../../../src/components/Content/Tags/Tag.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport type { TraversedTag } from '@scalar/workspace-store/schemas/navigation'\n\nimport ClassicLayout from './components/ClassicLayout.vue'\nimport ModernLayout from './components/ModernLayout.vue'\n\nconst { tag, layout, moreThanOneTag } = defineProps<{\n  tag: TraversedTag\n  layout: 'classic' | 'modern'\n  moreThanOneTag: boolean\n  isCollapsed: boolean\n  eventBus: WorkspaceEventBus | null\n}>()\n</script>\n\n<template>\n  <template v-if=\"layout === 'classic'\">\n    <ClassicLayout\n      :eventBus=\"eventBus\"\n      :isCollapsed=\"isCollapsed\"\n      :layout=\"layout\"\n      :tag=\"tag\">\n      <slot />\n    </ClassicLayout>\n  </template>\n  <template v-else>\n    <ModernLayout\n      :eventBus=\"eventBus\"\n      :isCollapsed=\"isCollapsed\"\n      :layout=\"layout\"\n      :moreThanOneTag=\"moreThanOneTag\"\n      :tag=\"tag\">\n      <slot />\n    </ModernLayout>\n  </template>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;UAiBkB,QAAA,WAAM,aAAA,UAAA,GACpB,YAMgB,uBAAA;;IALb,UAAU,QAAA;IACV,aAAa,QAAA;IACb,QAAQ,QAAA;IACR,KAAK,QAAA;;2BACE,CAAR,WAAQ,KAAA,QAAA,SAAA,CAAA,CAAA;;;;;;;uBAIV,YAOe,sBAAA;;IANZ,UAAU,QAAA;IACV,aAAa,QAAA;IACb,QAAQ,QAAA;IACR,gBAAgB,QAAA;IAChB,KAAK,QAAA;;2BACE,CAAR,WAAQ,KAAA,QAAA,SAAA,CAAA,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"ClassicLayout.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/Content/Tags/components/ClassicLayout.vue"],"names":[],"mappings":"AA2FA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AACvE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4CAA4C,CAAA;AAS9E,KAAK,WAAW,GAAG;IACjB,GAAG,EAAE,YAAY,CAAA;IACjB,WAAW,EAAE,OAAO,CAAA;IACpB,QAAQ,EAAE,iBAAiB,GAAG,IAAI,CAAA;CACnC,CAAC;AAmJF,QAAA,IAAI,QAAQ,IAAY,CAAE;AAC1B,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAKhD,QAAA,MAAM,UAAU,kSAEd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"ClassicLayout.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/Content/Tags/components/ClassicLayout.vue"],"names":[],"mappings":"AA2FA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AACvE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4CAA4C,CAAA;AAS9E,KAAK,WAAW,GAAG;IACjB,GAAG,EAAE,YAAY,CAAA;IACjB,WAAW,EAAE,OAAO,CAAA;IACpB,QAAQ,EAAE,iBAAiB,GAAG,IAAI,CAAA;CACnC,CAAC;AAqJF,QAAA,IAAI,QAAQ,IAAY,CAAE;AAC1B,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAKhD,QAAA,MAAM,UAAU,kSAEd,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/Content/Tags/components/ClassicLayout.vue.js

@@ -2,7 +2,7 @@ import _plugin_vue_export_helper_default from "../../../../_virtual/_plugin-vue_
 import ClassicLayout_vue_vue_type_script_setup_true_lang_default from "./ClassicLayout.vue.script.js";
 /* empty css                            */
 //#region src/components/Content/Tags/components/ClassicLayout.vue
-var ClassicLayout_default = /* @__PURE__ */ _plugin_vue_export_helper_default(ClassicLayout_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-ee09ae3d"]]);
+var ClassicLayout_default = /*#__PURE__*/ _plugin_vue_export_helper_default(ClassicLayout_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-ee09ae3d"]]);
 //#endregion
 export { ClassicLayout_default as default };
 

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

@@ -5,7 +5,7 @@ import Anchor_default from "../../../Anchor/Anchor.vue.js";
 import { createBlock, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, renderSlot, toDisplayString, unref, withCtx } from "vue";
 import { ScalarMarkdown } from "@scalar/components/markdown";
 //#region src/components/Content/Tags/components/ClassicLayout.vue?vue&type=script&setup=true&lang.ts
-var ClassicLayout_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var ClassicLayout_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "ClassicLayout",
 	props: {
 		tag: {},

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

@@ -1 +1 @@
-{"version":3,"file":"ClassicLayout.vue.script.js","names":[],"sources":["../../../../../src/components/Content/Tags/components/ClassicLayout.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarMarkdown } from '@scalar/components/markdown'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport type { TraversedTag } from '@scalar/workspace-store/schemas/navigation'\n\nimport { Anchor } from '@/components/Anchor'\nimport {\n  SectionContainerAccordion,\n  SectionHeader,\n  SectionHeaderTag,\n} from '@/components/Section'\n\nconst { tag, isCollapsed } = defineProps<{\n  tag: TraversedTag\n  isCollapsed: boolean\n  eventBus: WorkspaceEventBus | null\n}>()\n</script>\n\n<template>\n  <SectionContainerAccordion\n    :aria-label=\"tag.title\"\n    class=\"tag-section\"\n    :class=\"{ 'tag-section-group': tag.isGroup }\"\n    :modelValue=\"!isCollapsed\"\n    @update:modelValue=\"\n      (value) => eventBus?.emit('toggle:nav-item', { id: tag.id, open: value })\n    \">\n    <template #title>\n      <SectionHeader\n        class=\"tag-name\"\n        :class=\"{ 'tag-group-name': tag.isGroup }\">\n        <Anchor\n          @copyAnchorUrl=\"\n            () => eventBus?.emit('copy-url:nav-item', { id: tag.id })\n          \">\n          <SectionHeaderTag :level=\"2\">\n            {{ tag.title }}\n          </SectionHeaderTag>\n        </Anchor>\n      </SectionHeader>\n      <ScalarMarkdown\n        class=\"tag-description\"\n        :value=\"tag?.description\"\n        withImages />\n    </template>\n    <slot />\n  </SectionContainerAccordion>\n</template>\n\n<style scoped>\n.tag-section {\n  margin-bottom: 48px;\n}\n.tag-name {\n  text-transform: capitalize;\n}\n.tag-description {\n  padding-bottom: 4px;\n  text-align: left;\n}\n\n/* Tag Groups */\n.tag-section-group .tag-group-name {\n  gap: 12px;\n  align-self: stretch;\n  grid-template-columns: auto 1fr;\n}\n.tag-group-name:after {\n  content: '';\n  display: block;\n  height: 1px;\n  align-self: center;\n  background: var(--scalar-border-color);\n}\n.tag-group-name:has(* > *:hover),\n.tag-group-name:has(:focus-visible) {\n  gap: 32px;\n}\n.tag-section-group .tag-section {\n  padding-inline: 0;\n  margin-bottom: 24px;\n}\n.tag-section-group .tag-section:last-of-type {\n  margin-bottom: 0;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;uBAoBE,YA2B4B,MAAA,kCAAA,EAAA;IA1BzB,cAAY,QAAA,IAAI;IACjB,OAAK,eAAA,CAAC,eAAa,EAAA,qBACY,QAAA,IAAI,SAAO,CAAA,CAAA;IACzC,YAAU,CAAG,QAAA;IACb,uBAAiB,OAAA,OAAA,OAAA,MAAU,UAAU,QAAA,UAAU,KAAI,mBAAA;KAAA,IAA0B,QAAA,IAAI;KAAE,MAAQ;KAAK,CAAA;;IAGtF,OAAK,cAYE,CAXhB,YAWgB,MAAA,sBAAA,EAAA,EAVd,OAAK,eAAA,CAAC,YAAU,EAAA,kBACY,QAAA,IAAI,SAAO,CAAA,CAAA,EAAA,EAAA;4BAQ9B,CAPT,YAOS,MAAA,eAAA,EAAA,EANN,iBAAa,OAAA,OAAA,OAAA,WAAqB,QAAA,UAAU,KAAI,qBAAA,EAAA,IAA4B,QAAA,IAAI,IAAE,CAAA,GAAA,EAAA;6BAKhE,CAFnB,YAEmB,MAAA,yBAAA,EAAA,EAFA,OAAO,GAAC,EAAA;8BACV,CAAA,gBAAA,gBAAZ,QAAA,IAAI,MAAK,EAAA,EAAA,CAAA,CAAA;;;;;;sBAIlB,YAGe,MAAA,eAAA,EAAA;KAFb,OAAM;KACL,OAAO,QAAA,KAAK;KACb,YAAA;;2BAEI,CAAR,WAAQ,KAAA,QAAA,WAAA,EAAA,EAAA,KAAA,GAAA,KAAA,CAAA,CAAA"}
+{"version":3,"file":"ClassicLayout.vue.script.js","names":[],"sources":["../../../../../src/components/Content/Tags/components/ClassicLayout.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarMarkdown } from '@scalar/components/markdown'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport type { TraversedTag } from '@scalar/workspace-store/schemas/navigation'\n\nimport { Anchor } from '@/components/Anchor'\nimport {\n  SectionContainerAccordion,\n  SectionHeader,\n  SectionHeaderTag,\n} from '@/components/Section'\n\nconst { tag, isCollapsed } = defineProps<{\n  tag: TraversedTag\n  isCollapsed: boolean\n  eventBus: WorkspaceEventBus | null\n}>()\n</script>\n\n<template>\n  <SectionContainerAccordion\n    :aria-label=\"tag.title\"\n    class=\"tag-section\"\n    :class=\"{ 'tag-section-group': tag.isGroup }\"\n    :modelValue=\"!isCollapsed\"\n    @update:modelValue=\"\n      (value) => eventBus?.emit('toggle:nav-item', { id: tag.id, open: value })\n    \">\n    <template #title>\n      <SectionHeader\n        class=\"tag-name\"\n        :class=\"{ 'tag-group-name': tag.isGroup }\">\n        <Anchor\n          @copyAnchorUrl=\"\n            () => eventBus?.emit('copy-url:nav-item', { id: tag.id })\n          \">\n          <SectionHeaderTag :level=\"2\">\n            {{ tag.title }}\n          </SectionHeaderTag>\n        </Anchor>\n      </SectionHeader>\n      <ScalarMarkdown\n        class=\"tag-description\"\n        :value=\"tag?.description\"\n        withImages />\n    </template>\n    <slot />\n  </SectionContainerAccordion>\n</template>\n\n<style scoped>\n.tag-section {\n  margin-bottom: 48px;\n}\n.tag-name {\n  text-transform: capitalize;\n}\n.tag-description {\n  padding-bottom: 4px;\n  text-align: left;\n}\n\n/* Tag Groups */\n.tag-section-group .tag-group-name {\n  gap: 12px;\n  align-self: stretch;\n  grid-template-columns: auto 1fr;\n}\n.tag-group-name:after {\n  content: '';\n  display: block;\n  height: 1px;\n  align-self: center;\n  background: var(--scalar-border-color);\n}\n.tag-group-name:has(* > *:hover),\n.tag-group-name:has(:focus-visible) {\n  gap: 32px;\n}\n.tag-section-group .tag-section {\n  padding-inline: 0;\n  margin-bottom: 24px;\n}\n.tag-section-group .tag-section:last-of-type {\n  margin-bottom: 0;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;uBAoBE,YA2B4B,MAAA,iCAAA,GAAA;IA1BzB,cAAY,QAAA,IAAI;IACjB,OAAK,eAAA,CAAC,eAAa,EAAA,qBACY,QAAA,IAAI,QAAO,CAAA,CAAA;IACzC,YAAU,CAAG,QAAA;IACb,uBAAiB,OAAA,OAAA,OAAA,MAAU,UAAU,QAAA,UAAU,KAAI,mBAAA;KAAA,IAA0B,QAAA,IAAI;KAAE,MAAQ;IAAK,CAAA;;IAGtF,OAAK,cAYE,CAXhB,YAWgB,MAAA,qBAAA,GAAA,EAVd,OAAK,eAAA,CAAC,YAAU,EAAA,kBACY,QAAA,IAAI,QAAO,CAAA,CAAA,EAAA,GAAA;4BAQ9B,CAPT,YAOS,MAAA,cAAA,GAAA,EANN,iBAAa,OAAA,OAAA,OAAA,WAAqB,QAAA,UAAU,KAAI,qBAAA,EAAA,IAA4B,QAAA,IAAI,GAAE,CAAA,GAAA,GAAA;6BAKhE,CAFnB,YAEmB,MAAA,wBAAA,GAAA,EAFA,OAAO,EAAC,GAAA;8BACV,CAAA,gBAAA,gBAAZ,QAAA,IAAI,KAAK,GAAA,CAAA,CAAA,CAAA;;;;;;sBAIlB,YAGe,MAAA,cAAA,GAAA;KAFb,OAAM;KACL,OAAO,QAAA,KAAK;KACb,YAAA;;2BAEI,CAAR,WAAQ,KAAA,QAAA,WAAA,CAAA,GAAA,KAAA,GAAA,IAAA,CAAA,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"ModernLayout.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/Content/Tags/components/ModernLayout.vue"],"names":[],"mappings":"AAqEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AACvE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4CAA4C,CAAA;AAS9E,KAAK,WAAW,GAAG;IACjB,GAAG,EAAE,YAAY,CAAA;IACjB,cAAc,EAAE,OAAO,CAAA;IACvB,WAAW,EAAE,OAAO,CAAA;IACpB,QAAQ,EAAE,iBAAiB,GAAG,IAAI,CAAA;CACnC,CAAC;AA8GF,QAAA,IAAI,QAAQ,IAAY,CAAE;AAC1B,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAKhD,QAAA,MAAM,UAAU,kSAEd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"ModernLayout.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/Content/Tags/components/ModernLayout.vue"],"names":[],"mappings":"AAqEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AACvE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4CAA4C,CAAA;AAS9E,KAAK,WAAW,GAAG;IACjB,GAAG,EAAE,YAAY,CAAA;IACjB,cAAc,EAAE,OAAO,CAAA;IACvB,WAAW,EAAE,OAAO,CAAA;IACpB,QAAQ,EAAE,iBAAiB,GAAG,IAAI,CAAA;CACnC,CAAC;AA+GF,QAAA,IAAI,QAAQ,IAAY,CAAE;AAC1B,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAKhD,QAAA,MAAM,UAAU,kSAEd,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/Content/Tags/components/ModernLayout.vue.js

@@ -2,7 +2,7 @@ import _plugin_vue_export_helper_default from "../../../../_virtual/_plugin-vue_
 import ModernLayout_vue_vue_type_script_setup_true_lang_default from "./ModernLayout.vue.script.js";
 /* empty css                           */
 //#region src/components/Content/Tags/components/ModernLayout.vue
-var ModernLayout_default = /* @__PURE__ */ _plugin_vue_export_helper_default(ModernLayout_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-76bc20f3"]]);
+var ModernLayout_default = /*#__PURE__*/ _plugin_vue_export_helper_default(ModernLayout_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-76bc20f3"]]);
 //#endregion
 export { ModernLayout_default as default };
 

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

@@ -8,7 +8,7 @@ var _hoisted_1 = {
 	key: 2,
 	class: "contents divide-y"
 };
-var ModernLayout_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var ModernLayout_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "ModernLayout",
 	props: {
 		tag: {},

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

@@ -1 +1 @@
-{"version":3,"file":"ModernLayout.vue.script.js","names":[],"sources":["../../../../../src/components/Content/Tags/components/ModernLayout.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport type { TraversedTag } from '@scalar/workspace-store/schemas/navigation'\nimport { computed, useId } from 'vue'\n\nimport { SectionContainer } from '@/components/Section'\nimport ShowMoreButton from '@/components/ShowMoreButton.vue'\nimport { useLocalization } from '@/features/localization'\n\nimport TagSection from './TagSection.vue'\n\nconst { tag, moreThanOneTag } = defineProps<{\n  tag: TraversedTag\n  moreThanOneTag: boolean\n  isCollapsed: boolean\n  eventBus: WorkspaceEventBus | null\n}>()\nconst { translate } = useLocalization()\n\nconst headerId = useId()\n\nconst moreThanOneDefaultTag = computed(\n  () => moreThanOneTag || tag?.title !== 'default' || tag?.description !== '',\n)\n\nconst hasChildren = computed(() => (tag?.children?.length ?? 0) > 0)\n</script>\n\n<template>\n  <SectionContainer\n    :aria-labelledby=\"headerId\"\n    class=\"tag-section-container\"\n    role=\"region\">\n    <TagSection\n      v-if=\"moreThanOneDefaultTag\"\n      :eventBus=\"eventBus\"\n      :headerId=\"headerId\"\n      :isCollapsed=\"isCollapsed\"\n      :tag=\"tag\" />\n    <ShowMoreButton\n      v-if=\"isCollapsed && moreThanOneTag && hasChildren\"\n      :id=\"tag.id\"\n      :aria-label=\"\n        translate('navigation.showAllEndpoints', { name: tag.title })\n      \"\n      @click=\"\n        () => eventBus?.emit('toggle:nav-item', { id: tag.id, open: true })\n      \" />\n\n    <!-- Show slot when section is expanded or single-tag (inverse of ShowMoreButton visibility). -->\n    <div\n      v-if=\"!(isCollapsed && moreThanOneTag)\"\n      class=\"contents divide-y\">\n      <slot />\n    </div>\n  </SectionContainer>\n</template>\n\n<style scoped>\n.section-container {\n  border-top: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n.section-container:has(.show-more) {\n  background-color: color-mix(in srgb, var(--scalar-background-2), transparent);\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EAiBA,MAAM,EAAE,cAAc,iBAAgB;EAEtC,MAAM,WAAW,OAAM;EAEvB,MAAM,wBAAwB,eACtB,QAAA,kBAAkB,QAAA,KAAK,UAAU,aAAa,QAAA,KAAK,gBAAgB,GAC3E;EAEA,MAAM,cAAc,gBAAgB,QAAA,KAAK,UAAU,UAAU,KAAK,EAAC;;uBAIjE,YA0BmB,MAAA,yBAAA,EAAA;IAzBhB,mBAAiB,MAAA,SAAQ;IAC1B,OAAM;IACN,MAAK;;2BAMU;KAJP,sBAAA,SAAA,WAAA,EADR,YAKe,oBAAA;;MAHZ,UAAU,QAAA;MACV,UAAU,MAAA,SAAQ;MAClB,aAAa,QAAA;MACb,KAAK,QAAA;;;;;;;KAEA,QAAA,eAAe,QAAA,kBAAkB,YAAA,SAAA,WAAA,EADzC,YAQM,wBAAA;;MANH,IAAI,QAAA,IAAI;MACR,cAAqB,MAAA,UAAS,CAAA,+BAAA,EAAA,MAAwC,QAAA,IAAI,OAAK,CAAA;MAG/E,SAAK,OAAA,OAAA,OAAA,WAAiB,QAAA,UAAU,KAAI,mBAAA;OAAA,IAA0B,QAAA,IAAI;OAAE,MAAA;OAAA,CAAA;;OAM7D,QAAA,eAAe,QAAA,mBAAA,WAAA,EADzB,mBAIM,OAJN,YAIM,CADJ,WAAQ,KAAA,QAAA,WAAA,EAAA,EAAA,KAAA,GAAA,KAAA,CAAA,CAAA,IAAA,mBAAA,IAAA,KAAA"}
+{"version":3,"file":"ModernLayout.vue.script.js","names":[],"sources":["../../../../../src/components/Content/Tags/components/ModernLayout.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport type { TraversedTag } from '@scalar/workspace-store/schemas/navigation'\nimport { computed, useId } from 'vue'\n\nimport { SectionContainer } from '@/components/Section'\nimport ShowMoreButton from '@/components/ShowMoreButton.vue'\nimport { useLocalization } from '@/features/localization'\n\nimport TagSection from './TagSection.vue'\n\nconst { tag, moreThanOneTag } = defineProps<{\n  tag: TraversedTag\n  moreThanOneTag: boolean\n  isCollapsed: boolean\n  eventBus: WorkspaceEventBus | null\n}>()\nconst { translate } = useLocalization()\n\nconst headerId = useId()\n\nconst moreThanOneDefaultTag = computed(\n  () => moreThanOneTag || tag?.title !== 'default' || tag?.description !== '',\n)\n\nconst hasChildren = computed(() => (tag?.children?.length ?? 0) > 0)\n</script>\n\n<template>\n  <SectionContainer\n    :aria-labelledby=\"headerId\"\n    class=\"tag-section-container\"\n    role=\"region\">\n    <TagSection\n      v-if=\"moreThanOneDefaultTag\"\n      :eventBus=\"eventBus\"\n      :headerId=\"headerId\"\n      :isCollapsed=\"isCollapsed\"\n      :tag=\"tag\" />\n    <ShowMoreButton\n      v-if=\"isCollapsed && moreThanOneTag && hasChildren\"\n      :id=\"tag.id\"\n      :aria-label=\"\n        translate('navigation.showAllEndpoints', { name: tag.title })\n      \"\n      @click=\"\n        () => eventBus?.emit('toggle:nav-item', { id: tag.id, open: true })\n      \" />\n\n    <!-- Show slot when section is expanded or single-tag (inverse of ShowMoreButton visibility). -->\n    <div\n      v-if=\"!(isCollapsed && moreThanOneTag)\"\n      class=\"contents divide-y\">\n      <slot />\n    </div>\n  </SectionContainer>\n</template>\n\n<style scoped>\n.section-container {\n  border-top: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n.section-container:has(.show-more) {\n  background-color: color-mix(in srgb, var(--scalar-background-2), transparent);\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EAiBA,MAAM,EAAE,cAAc,gBAAgB;EAEtC,MAAM,WAAW,MAAM;EAEvB,MAAM,wBAAwB,eACtB,QAAA,kBAAkB,QAAA,KAAK,UAAU,aAAa,QAAA,KAAK,gBAAgB,EAC3E;EAEA,MAAM,cAAc,gBAAgB,QAAA,KAAK,UAAU,UAAU,KAAK,CAAC;;uBAIjE,YA0BmB,MAAA,wBAAA,GAAA;IAzBhB,mBAAiB,MAAA,QAAA;IAClB,OAAM;IACN,MAAK;;2BAMU;KAJP,sBAAA,SAAA,UAAA,GADR,YAKe,oBAAA;;MAHZ,UAAU,QAAA;MACV,UAAU,MAAA,QAAA;MACV,aAAa,QAAA;MACb,KAAK,QAAA;;;;;;;KAEA,QAAA,eAAe,QAAA,kBAAkB,YAAA,SAAA,UAAA,GADzC,YAQM,wBAAA;;MANH,IAAI,QAAA,IAAI;MACR,cAAqB,MAAA,SAAA,CAAS,CAAA,+BAAA,EAAA,MAAwC,QAAA,IAAI,MAAK,CAAA;MAG/E,SAAK,OAAA,OAAA,OAAA,WAAiB,QAAA,UAAU,KAAI,mBAAA;OAAA,IAA0B,QAAA,IAAI;OAAE,MAAA;MAAA,CAAA;;OAM7D,QAAA,eAAe,QAAA,mBAAA,UAAA,GADzB,mBAIM,OAJN,YAIM,CADJ,WAAQ,KAAA,QAAA,WAAA,CAAA,GAAA,KAAA,GAAA,IAAA,CAAA,CAAA,KAAA,mBAAA,IAAA,IAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"TagSection.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/Content/Tags/components/TagSection.vue"],"names":[],"mappings":"AAwFA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AACvE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4CAA4C,CAAA;AAkB9E,KAAK,WAAW,GAAG;IACjB,GAAG,EAAE,YAAY,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,QAAQ,EAAE,iBAAiB,GAAG,IAAI,CAAA;CACnC,CAAC;AA2OF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"TagSection.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/Content/Tags/components/TagSection.vue"],"names":[],"mappings":"AAwFA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AACvE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4CAA4C,CAAA;AAkB9E,KAAK,WAAW,GAAG;IACjB,GAAG,EAAE,YAAY,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,QAAQ,EAAE,iBAAiB,GAAG,IAAI,CAAA;CACnC,CAAC;AA6OF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

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

@@ -13,7 +13,7 @@ import OperationsList_default from "../../../OperationsList/OperationsList.vue.j
 import { computed, createBlock, createCommentVNode, createTextVNode, createVNode, defineComponent, openBlock, toDisplayString, unref, withCtx } from "vue";
 import { ScalarMarkdown } from "@scalar/components/markdown";
 //#region src/components/Content/Tags/components/TagSection.vue?vue&type=script&setup=true&lang.ts
-var TagSection_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var TagSection_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "TagSection",
 	props: {
 		tag: {},

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

@@ -1 +1 @@
-{"version":3,"file":"TagSection.vue.script.js","names":[],"sources":["../../../../../src/components/Content/Tags/components/TagSection.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarMarkdown } from '@scalar/components/markdown'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport type { TraversedTag } from '@scalar/workspace-store/schemas/navigation'\nimport { computed } from 'vue'\n\nimport { Anchor } from '@/components/Anchor'\nimport ChannelsList from '@/components/Content/AsyncApi/ChannelsList.vue'\nimport { OperationsList } from '@/components/OperationsList'\nimport ScreenReader from '@/components/ScreenReader.vue'\nimport {\n  Section,\n  SectionColumn,\n  SectionColumns,\n  SectionContent,\n  SectionHeader,\n  SectionHeaderTag,\n} from '@/components/Section'\nimport { useLocalization } from '@/features/localization'\nimport { SpecificationExtension } from '@/features/specification-extension'\n\nconst { tag, headerId, isCollapsed } = defineProps<{\n  tag: TraversedTag\n  headerId?: string\n  isCollapsed?: boolean\n  eventBus: WorkspaceEventBus | null\n}>()\nconst { translate } = useLocalization()\n\n/**\n * AsyncAPI tags carry `asyncapi-channel` children instead of `operation`/`webhook`,\n * so they get a dedicated channel list rather than the (empty) operations card.\n */\nconst hasChannels = computed(\n  () =>\n    tag.children?.some((child) => child.type === 'asyncapi-channel') ?? false,\n)\n</script>\n<template>\n  <Section\n    v-if=\"tag\"\n    :id=\"tag.id\"\n    role=\"none\"\n    @intersecting=\"\n      () => eventBus?.emit('intersecting:nav-item', { id: tag.id })\n    \">\n    <SectionHeader>\n      <Anchor\n        @copyAnchorUrl=\"\n          () => eventBus?.emit('copy-url:nav-item', { id: tag.id })\n        \">\n        <SectionHeaderTag\n          :id=\"headerId\"\n          :level=\"2\">\n          {{ tag.title }}\n          <ScreenReader v-if=\"isCollapsed\">\n            ({{ translate('navigation.collapsed') }})\n          </ScreenReader>\n        </SectionHeaderTag>\n      </Anchor>\n    </SectionHeader>\n    <SectionContent>\n      <SectionColumns>\n        <SectionColumn>\n          <ScalarMarkdown\n            :clamp=\"isCollapsed ? 7 : undefined\"\n            :value=\"tag?.description ?? ''\"\n            withImages />\n        </SectionColumn>\n        <SectionColumn>\n          <ChannelsList\n            v-if=\"hasChannels\"\n            :eventBus=\"eventBus\"\n            :tag=\"tag\" />\n          <OperationsList\n            v-else\n            :eventBus=\"eventBus\"\n            :tag=\"tag\" />\n        </SectionColumn>\n      </SectionColumns>\n    </SectionContent>\n    <SpecificationExtension :value=\"tag.xKeys\" />\n  </Section>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;EA2BA,MAAM,EAAE,cAAc,iBAAgB;;;;;EAMtC,MAAM,cAAc,eAEhB,QAAA,IAAI,UAAU,MAAM,UAAU,MAAM,SAAS,mBAAmB,IAAI,MACxE;;UAIU,QAAA,OAAA,WAAA,EADR,YA2CU,MAAA,gBAAA,EAAA;;IAzCP,IAAI,QAAA,IAAI;IACT,MAAK;IACJ,gBAAY,OAAA,OAAA,OAAA,WAAe,QAAA,UAAU,KAAI,yBAAA,EAAA,IAAgC,QAAA,IAAI,IAAE,CAAA;;2BAiBhE;KAdhB,YAcgB,MAAA,sBAAA,EAAA,MAAA;6BADL,CAZT,YAYS,MAAA,eAAA,EAAA,EAXN,iBAAa,OAAA,OAAA,OAAA,WAAmB,QAAA,UAAU,KAAI,qBAAA,EAAA,IAA4B,QAAA,IAAI,IAAE,CAAA,GAAA,EAAA;8BAU9D,CAPnB,YAOmB,MAAA,yBAAA,EAAA;QANhB,IAAI,QAAA;QACJ,OAAO;;+BACO,CAAA,gBAAA,gBAAZ,QAAA,IAAI,MAAK,GAAG,KACf,EAAA,EAAoB,QAAA,eAAA,WAAA,EAApB,YAEe,sBAAA,EAAA,KAAA,GAAA,EAAA;gCADZ,CAAA,gBAD8B,OAC9B,gBAAG,MAAA,UAAS,CAAA,uBAAA,CAAA,GAA2B,MAC1C,EAAA,CAAA,CAAA;;;;;;;;;KAIN,YAmBiB,MAAA,uBAAA,EAAA,MAAA;6BADE,CAjBjB,YAiBiB,MAAA,uBAAA,EAAA,MAAA;8BAXC,CALhB,YAKgB,MAAA,sBAAA,EAAA,MAAA;+BADC,CAHf,YAGe,MAAA,eAAA,EAAA;SAFZ,OAAO,QAAA,cAAW,IAAO,KAAA;SACzB,OAAO,QAAA,KAAK,eAAW;SACxB,YAAA;;;WAEJ,YASgB,MAAA,sBAAA,EAAA,MAAA;+BALC,CAFP,YAAA,SAAA,WAAA,EADR,YAGe,sBAAA;;SADZ,UAAU,QAAA;SACV,KAAK,QAAA;0DACR,YAGe,MAAA,uBAAA,EAAA;;SADZ,UAAU,QAAA;SACV,KAAK,QAAA;;;;;;;;KAId,YAA6C,MAAA,+BAAA,EAAA,EAApB,OAAO,QAAA,IAAI,OAAA,EAAA,MAAA,GAAA,CAAA,QAAA,CAAA"}
+{"version":3,"file":"TagSection.vue.script.js","names":[],"sources":["../../../../../src/components/Content/Tags/components/TagSection.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarMarkdown } from '@scalar/components/markdown'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport type { TraversedTag } from '@scalar/workspace-store/schemas/navigation'\nimport { computed } from 'vue'\n\nimport { Anchor } from '@/components/Anchor'\nimport ChannelsList from '@/components/Content/AsyncApi/ChannelsList.vue'\nimport { OperationsList } from '@/components/OperationsList'\nimport ScreenReader from '@/components/ScreenReader.vue'\nimport {\n  Section,\n  SectionColumn,\n  SectionColumns,\n  SectionContent,\n  SectionHeader,\n  SectionHeaderTag,\n} from '@/components/Section'\nimport { useLocalization } from '@/features/localization'\nimport { SpecificationExtension } from '@/features/specification-extension'\n\nconst { tag, headerId, isCollapsed } = defineProps<{\n  tag: TraversedTag\n  headerId?: string\n  isCollapsed?: boolean\n  eventBus: WorkspaceEventBus | null\n}>()\nconst { translate } = useLocalization()\n\n/**\n * AsyncAPI tags carry `asyncapi-channel` children instead of `operation`/`webhook`,\n * so they get a dedicated channel list rather than the (empty) operations card.\n */\nconst hasChannels = computed(\n  () =>\n    tag.children?.some((child) => child.type === 'asyncapi-channel') ?? false,\n)\n</script>\n<template>\n  <Section\n    v-if=\"tag\"\n    :id=\"tag.id\"\n    role=\"none\"\n    @intersecting=\"\n      () => eventBus?.emit('intersecting:nav-item', { id: tag.id })\n    \">\n    <SectionHeader>\n      <Anchor\n        @copyAnchorUrl=\"\n          () => eventBus?.emit('copy-url:nav-item', { id: tag.id })\n        \">\n        <SectionHeaderTag\n          :id=\"headerId\"\n          :level=\"2\">\n          {{ tag.title }}\n          <ScreenReader v-if=\"isCollapsed\">\n            ({{ translate('navigation.collapsed') }})\n          </ScreenReader>\n        </SectionHeaderTag>\n      </Anchor>\n    </SectionHeader>\n    <SectionContent>\n      <SectionColumns>\n        <SectionColumn>\n          <ScalarMarkdown\n            :clamp=\"isCollapsed ? 7 : undefined\"\n            :value=\"tag?.description ?? ''\"\n            withImages />\n        </SectionColumn>\n        <SectionColumn>\n          <ChannelsList\n            v-if=\"hasChannels\"\n            :eventBus=\"eventBus\"\n            :tag=\"tag\" />\n          <OperationsList\n            v-else\n            :eventBus=\"eventBus\"\n            :tag=\"tag\" />\n        </SectionColumn>\n      </SectionColumns>\n    </SectionContent>\n    <SpecificationExtension :value=\"tag.xKeys\" />\n  </Section>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;EA2BA,MAAM,EAAE,cAAc,gBAAgB;;;;;EAMtC,MAAM,cAAc,eAEhB,QAAA,IAAI,UAAU,MAAM,UAAU,MAAM,SAAS,kBAAkB,KAAK,KACxE;;UAIU,QAAA,OAAA,UAAA,GADR,YA2CU,MAAA,eAAA,GAAA;;IAzCP,IAAI,QAAA,IAAI;IACT,MAAK;IACJ,gBAAY,OAAA,OAAA,OAAA,WAAe,QAAA,UAAU,KAAI,yBAAA,EAAA,IAAgC,QAAA,IAAI,GAAE,CAAA;;2BAiBhE;KAdhB,YAcgB,MAAA,qBAAA,GAAA,MAAA;6BADL,CAZT,YAYS,MAAA,cAAA,GAAA,EAXN,iBAAa,OAAA,OAAA,OAAA,WAAmB,QAAA,UAAU,KAAI,qBAAA,EAAA,IAA4B,QAAA,IAAI,GAAE,CAAA,GAAA,GAAA;8BAU9D,CAPnB,YAOmB,MAAA,wBAAA,GAAA;QANhB,IAAI,QAAA;QACJ,OAAO;;+BACO,CAAA,gBAAA,gBAAZ,QAAA,IAAI,KAAK,IAAG,KACf,CAAA,GAAoB,QAAA,eAAA,UAAA,GAApB,YAEe,sBAAA,EAAA,KAAA,EAAA,GAAA;gCADZ,CAAA,gBAD8B,OAC9B,gBAAG,MAAA,SAAA,CAAS,CAAA,sBAAA,CAAA,IAA2B,MAC1C,CAAA,CAAA,CAAA;;;;;;;;;KAIN,YAmBiB,MAAA,sBAAA,GAAA,MAAA;6BADE,CAjBjB,YAiBiB,MAAA,sBAAA,GAAA,MAAA;8BAXC,CALhB,YAKgB,MAAA,qBAAA,GAAA,MAAA;+BADC,CAHf,YAGe,MAAA,cAAA,GAAA;SAFZ,OAAO,QAAA,cAAW,IAAO,KAAA;SACzB,OAAO,QAAA,KAAK,eAAW;SACxB,YAAA;;;WAEJ,YASgB,MAAA,qBAAA,GAAA,MAAA;+BALC,CAFP,YAAA,SAAA,UAAA,GADR,YAGe,sBAAA;;SADZ,UAAU,QAAA;SACV,KAAK,QAAA;0DACR,YAGe,MAAA,sBAAA,GAAA;;SADZ,UAAU,QAAA;SACV,KAAK,QAAA;;;;;;;;KAId,YAA6C,MAAA,8BAAA,GAAA,EAApB,OAAO,QAAA,IAAI,MAAA,GAAA,MAAA,GAAA,CAAA,OAAA,CAAA"}

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

@@ -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"}
+{"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

@@ -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

@@ -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":""}
+{"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

@@ -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

@@ -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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EASA,MAAM,QAAQ;EAOd,MAAM,EAAE,cAAc,iBAAgB;EAEtC,MAAM,WAAsB;GAC1B;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACF;EAEA,eAAe,4BAA4B;AAKzC,SAAM,iBAAiB,OAJN,MAAM,MACrB,8DACF,EAEsC,MAAM,CAAA;;;uBAI5C,mBAyLM,OAzLN,YAyLM;IAxLJ,mBAgCM,OAhCN,YAgCM;+BA/BJ,mBAWM,OAAA,EAXD,OAAM,cAAY,EAAA,CACrB,mBASM,OAAA;MARJ,QAAO;MACP,SAAQ;MACR,OAAM;MACN,OAAM;SACN,mBAGwB,QAAA;MAFtB,GAAE;MACF,MAAK;MACL,aAAU;;KAGhB,mBAEK,MAFL,YAEK,gBADA,MAAA,UAAS,CAAA,+BAAA,CAAA,EAAA,EAAA;KAEd,mBAEI,KAFJ,YAEI,gBADC,MAAA,UAAS,CAAA,6BAAA,CAAA,EAAA,EAAA;KAEd,mBAYM,OAZN,YAYM,CAXJ,YAIe,MAAA,aAAA,EAAA;MAHb,OAAM;MACL,SAAO;;6BACqC,CAAA,gBAAA,gBAA1C,MAAA,UAAS,CAAA,6BAAA,CAAA,EAAA,EAAA,CAAA,CAAA;;SAEd,YAKe,MAAA,aAAA,EAAA;MAJb,OAAM;MACN,SAAQ;MACP,SAAK,OAAA,OAAA,OAAA,MAAA,WAAEA,KAAAA,MAAK,kBAAA;;6BAC+B,CAAA,gBAAA,gBAAzC,MAAA,UAAS,CAAA,4BAAA,CAAA,EAAA,EAAA,CAAA,CAAA;;;;IAIlB,mBAyHM,OAzHN,YAyHM,CAxHJ,mBAwGM,OAxGN,YAwGM,CAvGJ,mBAEM,OAFN,YAEM,gBADD,MAAA,UAAS,CAAA,8BAAA,CAAA,EAAA,EAAA,EAAA,OAAA,OAAA,OAAA,KAAA,kBAAA,y+GAAA,EAAA,EAAA,CAAA,EAuGhB,mBAcM,OAdN,YAcM,CAbJ,mBAEI,KAFJ,aAEI,gBADC,MAAA,UAAS,CAAA,yBAAA,CAAA,EAAA,EAAA,GAAA,WAAA,EAEd,mBASM,UAAA,MAAA,WARc,WAAX,YAAO;YADhB,mBASM,OAAA;MAPH,KAAK;MACN,OAAK,eAAA,CAAC,cAAY,EAAA,qBACa,YAAY,QAAA,OAAK,CAAA,CAAA;MAC/C,UAAK,WAAeA,KAAAA,MAAK,eAAA;OAAA,IAAsB;OAAO,OAAS,MAAA,YAAW,CAAC;OAAO,CAAA;wBAGhF,MAAA,YAAW,CAAC,SAAO,EAAA,IAAA,YAAA;;IAI5B,mBAAkE,KAAlE,aAAkE,gBAA3C,MAAA,UAAS,CAAA,0BAAA,CAAA,EAAA,EAAA;IAChC,mBA2BK,MA3BL,aA2BK;KA1BH,mBAGK,MAAA,MAAA,CAFH,mBAAmE,KAAnE,aAAmE,gBAA5C,MAAA,UAAS,CAAA,2BAAA,CAAA,EAAA,EAAA,EAAA,gBAAmC,MACnE,gBAAG,MAAA,UAAS,CAAA,sCAAA,CAAA,EAAA,EAAA,CAAA,CAAA;KAEd,mBAGK,MAAA,MAAA,CAFH,mBAAiE,KAAjE,aAAiE,gBAA1C,MAAA,UAAS,CAAA,yBAAA,CAAA,EAAA,EAAA,EAAA,gBAAiC,MACjE,gBAAG,MAAA,UAAS,CAAA,oCAAA,CAAA,EAAA,EAAA,CAAA,CAAA;KAEd,mBAGK,MAAA,MAAA,CAFH,mBAAgE,KAAhE,aAAgE,gBAAzC,MAAA,UAAS,CAAA,wBAAA,CAAA,EAAA,EAAA,EAAA,gBAAgC,MAChE,gBAAG,MAAA,UAAS,CAAA,mCAAA,CAAA,EAAA,EAAA,CAAA,CAAA;KAEd,mBAGK,MAAA,MAAA,CAFH,mBAAiE,KAAjE,aAAiE,gBAA1C,MAAA,UAAS,CAAA,yBAAA,CAAA,EAAA,EAAA,EAAA,gBAAiC,MACjE,gBAAG,MAAA,UAAS,CAAA,oCAAA,CAAA,EAAA,EAAA,CAAA,CAAA;KAEd,mBAKK,MAAA,MAAA,CAJH,mBAEI,KAFJ,aAEI,gBADC,MAAA,UAAS,CAAA,gCAAA,CAAA,EAAA,EAAA,EAAA,gBACV,MACJ,gBAAG,MAAA,UAAS,CAAA,2CAAA,CAAA,EAAA,EAAA,CAAA,CAAA;KAEd,mBAGK,MAAA,MAAA,CAFH,mBAAqE,KAArE,aAAqE,gBAA9C,MAAA,UAAS,CAAA,6BAAA,CAAA,EAAA,EAAA,EAAA,gBAAqC,MACrE,gBAAG,MAAA,UAAS,CAAA,wCAAA,CAAA,EAAA,EAAA,CAAA,CAAA"}
+{"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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EASA,MAAM,QAAQ;EAOd,MAAM,EAAE,cAAc,gBAAgB;EAEtC,MAAM,WAAsB;GAC1B;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF;EAEA,eAAe,4BAA4B;GACzC,MAAM,WAAW,MAAM,MACrB,6DACF;GAEA,MAAM,iBAAiB,MAAM,SAAS,KAAK,CAAC;EAC9C;;uBAGE,mBA6LM,OA7LN,YA6LM;IA5LJ,mBAgCM,OAhCN,YAgCM;+BA/BJ,mBAWM,OAAA,EAXD,OAAM,aAAY,GAAA,CACrB,mBASM,OAAA;MARJ,QAAO;MACP,SAAQ;MACR,OAAM;MACN,OAAM;SACN,mBAGwB,QAAA;MAFtB,GAAE;MACF,MAAK;MACL,aAAU;;KAGhB,mBAEK,MAFL,YAEK,gBADA,MAAA,SAAA,CAAS,CAAA,8BAAA,CAAA,GAAA,CAAA;KAEd,mBAEI,KAFJ,YAEI,gBADC,MAAA,SAAA,CAAS,CAAA,4BAAA,CAAA,GAAA,CAAA;KAEd,mBAYM,OAZN,YAYM,CAXJ,YAIe,MAAA,YAAA,GAAA;MAHb,OAAM;MACL,SAAO;;6BACqC,CAAA,gBAAA,gBAA1C,MAAA,SAAA,CAAS,CAAA,4BAAA,CAAA,GAAA,CAAA,CAAA,CAAA;;SAEd,YAKe,MAAA,YAAA,GAAA;MAJb,OAAM;MACN,SAAQ;MACP,SAAK,OAAA,OAAA,OAAA,MAAA,WAAEA,KAAAA,MAAK,iBAAA;;6BAC+B,CAAA,gBAAA,gBAAzC,MAAA,SAAA,CAAS,CAAA,2BAAA,CAAA,GAAA,CAAA,CAAA,CAAA;;;;IAIlB,mBA6HM,OA7HN,YA6HM,CA5HJ,mBA4GM,OA5GN,YA4GM,CA3GJ,mBAEM,OAFN,YAEM,gBADD,MAAA,SAAA,CAAS,CAAA,6BAAA,CAAA,GAAA,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,kBAAA,ylHAAA,CAAA,EAAA,CAAA,GA2GhB,mBAcM,OAdN,YAcM,CAbJ,mBAEI,KAFJ,aAEI,gBADC,MAAA,SAAA,CAAS,CAAA,wBAAA,CAAA,GAAA,CAAA,IAAA,UAAA,GAEd,mBASM,UAAA,MAAA,WARc,WAAX,YAAO;YADhB,mBASM,OAAA;MAPH,KAAK;MACN,OAAK,eAAA,CAAC,cAAY,EAAA,qBACa,YAAY,QAAA,MAAK,CAAA,CAAA;MAC/C,UAAK,WAAeA,KAAAA,MAAK,eAAA;OAAA,IAAsB;OAAO,OAAS,MAAA,WAAA,CAAW,CAAC;MAAO,CAAA;wBAGhF,MAAA,WAAA,CAAW,CAAC,QAAO,GAAA,IAAA,WAAA;;IAI5B,mBAAkE,KAAlE,aAAkE,gBAA3C,MAAA,SAAA,CAAS,CAAA,yBAAA,CAAA,GAAA,CAAA;IAChC,mBA2BK,MA3BL,aA2BK;KA1BH,mBAGK,MAAA,MAAA,CAFH,mBAAmE,KAAnE,aAAmE,gBAA5C,MAAA,SAAA,CAAS,CAAA,0BAAA,CAAA,GAAA,CAAA,GAAA,gBAAmC,MACnE,gBAAG,MAAA,SAAA,CAAS,CAAA,qCAAA,CAAA,GAAA,CAAA,CAAA,CAAA;KAEd,mBAGK,MAAA,MAAA,CAFH,mBAAiE,KAAjE,aAAiE,gBAA1C,MAAA,SAAA,CAAS,CAAA,wBAAA,CAAA,GAAA,CAAA,GAAA,gBAAiC,MACjE,gBAAG,MAAA,SAAA,CAAS,CAAA,mCAAA,CAAA,GAAA,CAAA,CAAA,CAAA;KAEd,mBAGK,MAAA,MAAA,CAFH,mBAAgE,KAAhE,aAAgE,gBAAzC,MAAA,SAAA,CAAS,CAAA,uBAAA,CAAA,GAAA,CAAA,GAAA,gBAAgC,MAChE,gBAAG,MAAA,SAAA,CAAS,CAAA,kCAAA,CAAA,GAAA,CAAA,CAAA,CAAA;KAEd,mBAGK,MAAA,MAAA,CAFH,mBAAiE,KAAjE,aAAiE,gBAA1C,MAAA,SAAA,CAAS,CAAA,wBAAA,CAAA,GAAA,CAAA,GAAA,gBAAiC,MACjE,gBAAG,MAAA,SAAA,CAAS,CAAA,mCAAA,CAAA,GAAA,CAAA,CAAA,CAAA;KAEd,mBAKK,MAAA,MAAA,CAJH,mBAEI,KAFJ,aAEI,gBADC,MAAA,SAAA,CAAS,CAAA,+BAAA,CAAA,GAAA,CAAA,GAAA,gBACV,MACJ,gBAAG,MAAA,SAAA,CAAS,CAAA,0CAAA,CAAA,GAAA,CAAA,CAAA,CAAA;KAEd,mBAGK,MAAA,MAAA,CAFH,mBAAqE,KAArE,aAAqE,gBAA9C,MAAA,SAAA,CAAS,CAAA,4BAAA,CAAA,GAAA,CAAA,GAAA,gBAAqC,MACrE,gBAAG,MAAA,SAAA,CAAS,CAAA,uCAAA,CAAA,GAAA,CAAA,CAAA,CAAA"}

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

@@ -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

@@ -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"}
+{"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

@@ -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

@@ -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"}
+{"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"}