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

@scalar/api-reference 1.63.0 → 1.64.1

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

Files changed (656) hide show

package/dist/features/Operation/components/RequestBody.vue.script.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RequestBody.vue.script.js","names":[],"sources":["../../../../src/features/Operation/components/RequestBody.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarMarkdown } from '@scalar/components/markdown'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport type {\n OpenApiDocument,\n RequestBodyObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed } from 'vue'\n\nimport { Schema } from '@/components/Content/Schema'\nimport { inferDiscriminatorMappingComposition } from '@/components/Content/Schema/helpers/get-compositions-to-render'\nimport { isTypeObject } from '@/components/Content/Schema/helpers/is-type-object'\nimport { getModelNameFromSchema } from '@/components/Content/Schema/helpers/schema-name'\nimport {\n reduceNamesToObject,\n sortPropertyNames,\n} from '@/components/Content/Schema/helpers/sort-property-names'\nimport LinkButton from '@/components/Content/Schema/LinkButton.vue'\nimport { useLocalization } from '@/features/localization'\n\nimport ContentTypeSelect from './ContentTypeSelect.vue'\n\nconst { requestBody, options, document } = defineProps<{\n breadcrumb?: string[]\n requestBody?: RequestBodyObject\n eventBus: WorkspaceEventBus \| null\n /** The document the request body belongs to, used to resolve schema references for display /\n document?: OpenApiDocument\n options: {\n orderRequiredPropertiesFirst: boolean \| undefined\n orderSchemaPropertiesBy: 'alpha' \| 'preserve' \| undefined\n hideModels: boolean \| undefined\n expandAllSchemaProperties: boolean \| undefined\n }\n}>()\nconst { translate } = useLocalization()\n\n/\n The maximum number of properties to show in the request body schema.\n /\nconst MAX_VISIBLE_PROPERTIES = 12\n\nconst availableContentTypes = computed(() =>\n Object.keys(requestBody?.content ?? {}),\n)\n\nconst selectedContentType = defineModel<string>('selectedContentType', {\n default: 'application/json',\n})\n\nif (requestBody?.content) {\n if (availableContentTypes.value[0]) {\n selectedContentType.value = availableContentTypes.value[0]\n }\n}\n\n/* Raw schema (possibly with $ref) for the selected content type /\nconst rawSchema = computed(\n () => requestBody?.content?.[selectedContentType.value]?.schema,\n)\n\nconst schema = computed(() => getResolvedRef(rawSchema.value))\n\n/* When the schema is a $ref, preserve its name so the UI can show the ref name instead of just the type. /\nconst modelLink = computed(\n () => (rawSchema.value && getModelNameFromSchema(rawSchema.value)) ?? null,\n)\n\n/\n Splits schema properties into visible and collapsed sections when there are more than 12 properties.\n * Returns null for schemas with fewer properties or non-object schemas.\n /\nconst partitionedSchema = computed(() => {\n // Early return if not an object schema\n if (!schema.value \|\| !isTypeObject(schema.value)) {\n return null\n }\n\n // A schema whose variants are inferred from a `discriminator.mapping` renders\n // as a single variant selector, not a flat property list. Splitting it would\n // duplicate that selector across the visible and collapsed blocks, so we keep\n // it whole. See https://github.com/scalar/scalar/issues/7472\n if (inferDiscriminatorMappingComposition(schema.value, document)) {\n return null\n }\n\n // Lets sort the names first\n const sortedNames = sortPropertyNames(\n schema.value,\n schema.value.discriminator,\n {\n hideReadOnly: true,\n orderSchemaPropertiesBy: options.orderSchemaPropertiesBy,\n orderRequiredPropertiesFirst: options.orderRequiredPropertiesFirst,\n },\n )\n\n if (sortedNames.length <= MAX_VISIBLE_PROPERTIES) {\n return null\n }\n\n // Destructure everything except properties\n const { properties, ...schemaMetadata } = schema.value\n if (!properties) {\n return null\n }\n\n return {\n visibleProperties: {\n ...schemaMetadata,\n properties: reduceNamesToObject(\n sortedNames.slice(0, MAX_VISIBLE_PROPERTIES),\n properties,\n ),\n },\n collapsedProperties: {\n ...schemaMetadata,\n properties: reduceNamesToObject(\n sortedNames.slice(MAX_VISIBLE_PROPERTIES),\n properties,\n ),\n },\n }\n})\n\n/\n We don't want to render the request body if its completely empty\n * @example\n * {\n * \"content\": {},\n * }\n /\nconst shouldRenderRequestBody = computed(\n () =>\n Object.keys(requestBody?.content ?? {}).length > 0 \|\|\n requestBody?.description \|\|\n requestBody?.required,\n)\n</script>\n<template>\n <div\n v-if=\"requestBody && shouldRenderRequestBody\"\n :aria-label=\"translate('operation.requestBody')\"\n class=\"request-body\"\n role=\"group\">\n <div class=\"request-body-header\">\n <div class=\"request-body-title\">\n <slot name=\"title\" />\n <span\n v-if=\"modelLink\"\n class=\"text-c-2 text-xs leading-none font-normal\"\n data-testid=\"request-body-schema-name\">\n <span class=\"text-c-3 mx-1.5\">·</span>\n <LinkButton\n v-if=\"eventBus && modelLink.schemaKey\"\n @click=\"\n eventBus.emit('scroll-to:model-by-name', {\n name: modelLink.schemaKey,\n })\n \">\n {{ modelLink.label }}\n </LinkButton>\n <template v-else>{{ modelLink.label }}</template>\n </span>\n </div>\n <div class=\"flex items-center gap-2\">\n <div\n v-if=\"requestBody.required\"\n class=\"request-body-required\">\n {{ translate('common.required') }}\n </div>\n <ContentTypeSelect\n v-model=\"selectedContentType\"\n :content=\"requestBody.content\" />\n </div>\n <div\n v-if=\"requestBody.description\"\n class=\"request-body-description\">\n <ScalarMarkdown :value=\"requestBody.description\" />\n </div>\n </div>\n\n <!-- For over 12 properties we want to show 12 and collapse the rest -->\n <div\n v-if=\"partitionedSchema\"\n class=\"request-body-schema\">\n <Schema\n :breadcrumb\n compact\n :compositionPath=\"['requestBody']\"\n :eventBus=\"eventBus\"\n :name=\"translate('operation.requestBody')\"\n noncollapsible\n :options=\"{\n hideReadOnly: true,\n orderRequiredPropertiesFirst: options.orderRequiredPropertiesFirst,\n orderSchemaPropertiesBy: options.orderSchemaPropertiesBy,\n expandAllSchemaProperties: options.expandAllSchemaProperties,\n document,\n }\"\n :schema=\"partitionedSchema.visibleProperties\"\n schemaContext=\"requestBody\" />\n\n <Schema\n additionalProperties\n :breadcrumb\n compact\n :compositionPath=\"['requestBody']\"\n :eventBus=\"eventBus\"\n hideDescription\n :name=\"translate('operation.requestBody')\"\n :options=\"{\n hideReadOnly: true,\n orderRequiredPropertiesFirst: options.orderRequiredPropertiesFirst,\n orderSchemaPropertiesBy: options.orderSchemaPropertiesBy,\n expandAllSchemaProperties: options.expandAllSchemaProperties,\n document,\n }\"\n :schema=\"partitionedSchema.collapsedProperties\"\n schemaContext=\"requestBody\" />\n </div>\n\n <!-- Show em all 12 and under -->\n <div\n v-else-if=\"schema\"\n class=\"request-body-schema\">\n <Schema\n :breadcrumb\n compact\n :compositionPath=\"['requestBody']\"\n :eventBus=\"eventBus\"\n :hideReadOnly=\"true\"\n :name=\"translate('operation.requestBody')\"\n noncollapsible\n :options=\"{\n hideReadOnly: true,\n orderRequiredPropertiesFirst: options.orderRequiredPropertiesFirst,\n orderSchemaPropertiesBy: options.orderSchemaPropertiesBy,\n expandAllSchemaProperties: options.expandAllSchemaProperties,\n document,\n }\"\n :schema=\"schema\"\n schemaContext=\"requestBody\" />\n </div>\n </div>\n</template>\n\n<style scoped>\n.request-body {\n margin-top: 24px;\n}\n.request-body-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding-bottom: 12px;\n border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);\n flex-flow: wrap;\n}\n.request-body-title {\n display: flex;\n align-items: center;\n gap: 8px;\n font-size: var(--scalar-font-size-2);\n font-weight: var(--scalar-semibold);\n color: var(--scalar-color-1);\n}\n.request-body-required {\n font-size: var(--scalar-micro);\n color: var(--scalar-color-orange);\n font-weight: normal;\n border-radius: 16px;\n border: var(--scalar-border-width) solid var(--scalar-border-color);\n padding: 2px 8px;\n height: 20px;\n}\n.request-body-description {\n margin-top: 6px;\n font-size: var(--scalar-small);\n width: 100%;\n}\n\n.request-body-header\n + .request-body-schema:has(> .schema-card > .schema-card-description),\n.request-body-header\n + .request-body-schema:has(\n > .schema-card > .schema-properties > > .property--level-0\n ) {\n /** Add a bit of space between the heading border and the schema description or properties /\n padding-top: 8px;\n}\n.request-body-description :deep(.markdown) {\n color: var(--scalar-color-2) !important;\n}\n</style>\n"],"mappings":"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"}
1	+ {"version":3,"file":"RequestBody.vue.script.js","names":[],"sources":["../../../../src/features/Operation/components/RequestBody.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarMarkdown } from '@scalar/components/markdown'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport type {\n OpenApiDocument,\n RequestBodyObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed } from 'vue'\n\nimport { Schema } from '@/components/Content/Schema'\nimport { inferDiscriminatorMappingComposition } from '@/components/Content/Schema/helpers/get-compositions-to-render'\nimport { isTypeObject } from '@/components/Content/Schema/helpers/is-type-object'\nimport { getModelNameFromSchema } from '@/components/Content/Schema/helpers/schema-name'\nimport {\n reduceNamesToObject,\n sortPropertyNames,\n} from '@/components/Content/Schema/helpers/sort-property-names'\nimport LinkButton from '@/components/Content/Schema/LinkButton.vue'\nimport { useLocalization } from '@/features/localization'\n\nimport ContentTypeSelect from './ContentTypeSelect.vue'\n\nconst { requestBody, options, document } = defineProps<{\n breadcrumb?: string[]\n requestBody?: RequestBodyObject\n eventBus: WorkspaceEventBus \| null\n /** The document the request body belongs to, used to resolve schema references for display /\n document?: OpenApiDocument\n options: {\n orderRequiredPropertiesFirst: boolean \| undefined\n orderSchemaPropertiesBy: 'alpha' \| 'preserve' \| undefined\n hideModels: boolean \| undefined\n expandAllSchemaProperties: boolean \| undefined\n }\n}>()\nconst { translate } = useLocalization()\n\n/\n The maximum number of properties to show in the request body schema.\n /\nconst MAX_VISIBLE_PROPERTIES = 12\n\nconst availableContentTypes = computed(() =>\n Object.keys(requestBody?.content ?? {}),\n)\n\nconst selectedContentType = defineModel<string>('selectedContentType', {\n default: 'application/json',\n})\n\nif (requestBody?.content) {\n if (availableContentTypes.value[0]) {\n selectedContentType.value = availableContentTypes.value[0]\n }\n}\n\n/* Raw schema (possibly with $ref) for the selected content type /\nconst rawSchema = computed(\n () => requestBody?.content?.[selectedContentType.value]?.schema,\n)\n\nconst schema = computed(() => getResolvedRef(rawSchema.value))\n\n/* When the schema is a $ref, preserve its name so the UI can show the ref name instead of just the type. /\nconst modelLink = computed(\n () => (rawSchema.value && getModelNameFromSchema(rawSchema.value)) ?? null,\n)\n\n/\n Splits schema properties into visible and collapsed sections when there are more than 12 properties.\n * Returns null for schemas with fewer properties or non-object schemas.\n /\nconst partitionedSchema = computed(() => {\n // Early return if not an object schema\n if (!schema.value \|\| !isTypeObject(schema.value)) {\n return null\n }\n\n // A schema whose variants are inferred from a `discriminator.mapping` renders\n // as a single variant selector, not a flat property list. Splitting it would\n // duplicate that selector across the visible and collapsed blocks, so we keep\n // it whole. See https://github.com/scalar/scalar/issues/7472\n if (inferDiscriminatorMappingComposition(schema.value, document)) {\n return null\n }\n\n // Lets sort the names first\n const sortedNames = sortPropertyNames(\n schema.value,\n schema.value.discriminator,\n {\n hideReadOnly: true,\n orderSchemaPropertiesBy: options.orderSchemaPropertiesBy,\n orderRequiredPropertiesFirst: options.orderRequiredPropertiesFirst,\n },\n )\n\n if (sortedNames.length <= MAX_VISIBLE_PROPERTIES) {\n return null\n }\n\n // Destructure everything except properties\n const { properties, ...schemaMetadata } = schema.value\n if (!properties) {\n return null\n }\n\n return {\n visibleProperties: {\n ...schemaMetadata,\n properties: reduceNamesToObject(\n sortedNames.slice(0, MAX_VISIBLE_PROPERTIES),\n properties,\n ),\n },\n collapsedProperties: {\n ...schemaMetadata,\n properties: reduceNamesToObject(\n sortedNames.slice(MAX_VISIBLE_PROPERTIES),\n properties,\n ),\n },\n }\n})\n\n/\n We don't want to render the request body if its completely empty\n * @example\n * {\n * \"content\": {},\n * }\n /\nconst shouldRenderRequestBody = computed(\n () =>\n Object.keys(requestBody?.content ?? {}).length > 0 \|\|\n requestBody?.description \|\|\n requestBody?.required,\n)\n</script>\n<template>\n <div\n v-if=\"requestBody && shouldRenderRequestBody\"\n :aria-label=\"translate('operation.requestBody')\"\n class=\"request-body\"\n role=\"group\">\n <div class=\"request-body-header\">\n <div class=\"request-body-title\">\n <slot name=\"title\" />\n <span\n v-if=\"modelLink\"\n class=\"text-c-2 text-xs leading-none font-normal\"\n data-testid=\"request-body-schema-name\">\n <span class=\"text-c-3 mx-1.5\">·</span>\n <LinkButton\n v-if=\"eventBus && modelLink.schemaKey\"\n @click=\"\n eventBus.emit('scroll-to:model-by-name', {\n name: modelLink.schemaKey,\n })\n \">\n {{ modelLink.label }}\n </LinkButton>\n <template v-else>{{ modelLink.label }}</template>\n </span>\n </div>\n <div class=\"flex items-center gap-2\">\n <div\n v-if=\"requestBody.required\"\n class=\"request-body-required\">\n {{ translate('common.required') }}\n </div>\n <ContentTypeSelect\n v-model=\"selectedContentType\"\n :content=\"requestBody.content\" />\n </div>\n <div\n v-if=\"requestBody.description\"\n class=\"request-body-description\">\n <ScalarMarkdown :value=\"requestBody.description\" />\n </div>\n </div>\n\n <!-- For over 12 properties we want to show 12 and collapse the rest -->\n <div\n v-if=\"partitionedSchema\"\n class=\"request-body-schema\">\n <Schema\n :breadcrumb\n compact\n :compositionPath=\"['requestBody']\"\n :eventBus=\"eventBus\"\n :name=\"translate('operation.requestBody')\"\n noncollapsible\n :options=\"{\n hideReadOnly: true,\n orderRequiredPropertiesFirst: options.orderRequiredPropertiesFirst,\n orderSchemaPropertiesBy: options.orderSchemaPropertiesBy,\n expandAllSchemaProperties: options.expandAllSchemaProperties,\n document,\n }\"\n :schema=\"partitionedSchema.visibleProperties\"\n schemaContext=\"requestBody\" />\n\n <Schema\n additionalProperties\n :breadcrumb\n compact\n :compositionPath=\"['requestBody']\"\n :eventBus=\"eventBus\"\n hideDescription\n :name=\"translate('operation.requestBody')\"\n :options=\"{\n hideReadOnly: true,\n orderRequiredPropertiesFirst: options.orderRequiredPropertiesFirst,\n orderSchemaPropertiesBy: options.orderSchemaPropertiesBy,\n expandAllSchemaProperties: options.expandAllSchemaProperties,\n document,\n }\"\n :schema=\"partitionedSchema.collapsedProperties\"\n schemaContext=\"requestBody\" />\n </div>\n\n <!-- Show em all 12 and under -->\n <div\n v-else-if=\"schema\"\n class=\"request-body-schema\">\n <Schema\n :breadcrumb\n compact\n :compositionPath=\"['requestBody']\"\n :eventBus=\"eventBus\"\n :hideReadOnly=\"true\"\n :name=\"translate('operation.requestBody')\"\n noncollapsible\n :options=\"{\n hideReadOnly: true,\n orderRequiredPropertiesFirst: options.orderRequiredPropertiesFirst,\n orderSchemaPropertiesBy: options.orderSchemaPropertiesBy,\n expandAllSchemaProperties: options.expandAllSchemaProperties,\n document,\n }\"\n :schema=\"schema\"\n schemaContext=\"requestBody\" />\n </div>\n </div>\n</template>\n\n<style scoped>\n.request-body {\n margin-top: 24px;\n}\n.request-body-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding-bottom: 12px;\n border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);\n flex-flow: wrap;\n}\n.request-body-title {\n display: flex;\n align-items: center;\n gap: 8px;\n font-size: var(--scalar-font-size-2);\n font-weight: var(--scalar-semibold);\n color: var(--scalar-color-1);\n}\n.request-body-required {\n font-size: var(--scalar-micro);\n color: var(--scalar-color-orange);\n font-weight: normal;\n border-radius: 16px;\n border: var(--scalar-border-width) solid var(--scalar-border-color);\n padding: 2px 8px;\n height: 20px;\n}\n.request-body-description {\n margin-top: 6px;\n font-size: var(--scalar-small);\n width: 100%;\n}\n\n.request-body-header\n + .request-body-schema:has(> .schema-card > .schema-card-description),\n.request-body-header\n + .request-body-schema:has(\n > .schema-card > .schema-properties > > .property--level-0\n ) {\n /** Add a bit of space between the heading border and the schema description or properties /\n padding-top: 8px;\n}\n.request-body-description :deep(.markdown) {\n color: var(--scalar-color-2) !important;\n}\n</style>\n"],"mappings":"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"}

package/dist/features/Operation/components/SecurityRequirementBadge.vue.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SecurityRequirementBadge.vue.d.ts","sourceRoot":"","sources":["../../../../src/features/Operation/components/SecurityRequirementBadge.vue"],"names":[],"mappings":"~~AA2IA~~,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oDAAoD,CAAA;AAE1F,KAAK,WAAW,GAAG;IACjB,gBAAgB,EAAE,gBAAgB,CAAA;IAClC,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAC;~~AAyPF~~,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
1	+ {"version":3,"file":"SecurityRequirementBadge.vue.d.ts","sourceRoot":"","sources":["../../../../src/features/Operation/components/SecurityRequirementBadge.vue"],"names":[],"mappings":"AAuOA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oDAAoD,CAAA;AAE1F,KAAK,WAAW,GAAG;IACjB,gBAAgB,EAAE,gBAAgB,CAAA;IAClC,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAC;AAkWF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/features/Operation/components/SecurityRequirementBadge.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SecurityRequirementBadge.vue.js","names":[],"sources":["../../../../src/features/Operation/components/SecurityRequirementBadge.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ~~ScalarPopover~~ } from '@scalar/components/~~popover~~'\nimport { ScalarIconLockSimple, ScalarIconLockSimpleOpen } from '@scalar/icons'\nimport { computed } from 'vue'\n\nimport { useLocalization } from '@/features/localization'\nimport SecurityRequirementBadgeScheme from '@/features/Operation/components/SecurityRequirementBadgeScheme.vue'\nimport type { RequiredSecurity } from '@/features/Operation/helpers/get-required-security'\n\nconst { requiredSecurity, hideLabel = false } = defineProps<{\n requiredSecurity: RequiredSecurity\n hideLabel?: boolean\n}>()\nconst { translate } = useLocalization()\n\nconst label = computed(() =>\n requiredSecurity.state === 'required'\n ? translate('authentication.required')\n : translate('authentication.optional'),\n)\n\nconst verb = computed(() =>\n requiredSecurity.state === 'required'\n ? translate('authentication.requires')\n : translate('authentication.accepts'),\n)\n\n/** Single group, single scheme — shown inline in the header. /\nconst isSingleScheme = computed(\n () =>\n requiredSecurity.requirements.length === 1 &&\n requiredSecurity.requirements[0]?.schemes.length === 1,\n)\n\n/* Single group with multiple schemes — all must be satisfied (AND). /\nconst isAndGroup = computed(\n () =>\n requiredSecurity.requirements.length === 1 &&\n (requiredSecurity.requirements[0]?.schemes.length ?? 0) > 1,\n)\n\n/* Multiple groups — any one group satisfies authentication (OR). */\nconst isOrAlternatives = computed(\n () => requiredSecurity.requirements.length > 1,\n)\n</script>\n\n<template>\n <~~ScalarPopover~~\n v-if=\"requiredSecurity.state !== 'none'\"\n placement=\"bottom-end\">\n <button\n class=\"security-requirement-badge inline-flex w-fit shrink-0 items-center justify-center gap-1 text-sm\"\n :class=\"\n requiredSecurity.state === 'optional'\n ? 'text-c-2'\n : 'text-c-1 font-medium'\n \"\n type=\"button\"\n @click.stop>\n <ScalarIconLockSimple\n v-if=\"requiredSecurity.state === 'required'\"\n class=\"size-3\"\n weight=\"bold\" />\n <ScalarIconLockSimpleOpen\n v-else\n class=\"size-3\"\n weight=\"bold\" />\n <span v-if=\"!hideLabel\">{{ label }}</span>\n </button>\n <template #~~popover~~>\n <div class=\"flex max-w-xs min-w-48 flex-col gap-1.5 p-2 text-sm\">\n <div class=\"font-medium\">\n {{ verb }}\n <template v-if=\"isSingleScheme\">\n <SecurityRequirementBadgeScheme\n is=\"span\"\n class=\"contents\"\n :scheme=\"requiredSecurity.requirements[0]!.schemes[0]!\" />\n </template>\n <template v-else-if=\"isOrAlternatives\">\n {{ translate('authentication.oneOf') }}\n </template>\n <template v-else-if=\"isAndGroup\">\n {{ translate('authentication.allOf') }}\n </template>\n <template v-else>\n {{ translate('authentication.authentication') }}\n </template>\n </div>\n\n <!-- Multiple OR alternatives -->\n <ul\n v-if=\"isOrAlternatives\"\n class=\"contents\">\n <li\n v-for=\"(group, gi) in requiredSecurity.requirements\"\n :key=\"gi\"\n class=\"markdown\">\n <!-- Single scheme in this OR branch -->\n <SecurityRequirementBadgeScheme\n is=\"span\"\n v-if=\"group.schemes.length === 1\"\n class=\"contents\"\n :scheme=\"group.schemes[0]!\" />\n <!-- Multiple AND schemes in this OR branch -->\n <template v-else>\n <ul class=\"contents\">\n <SecurityRequirementBadgeScheme\n v-for=\"(scheme, si) in group.schemes\"\n :key=\"si\"\n :scheme />\n </ul>\n </template>\n </li>\n </ul>\n\n <!-- Single group, multiple AND schemes -->\n <ul\n v-else-if=\"isAndGroup\"\n class=\"contents\">\n <SecurityRequirementBadgeScheme\n v-for=\"(scheme, key) in requiredSecurity.requirements[0]!.schemes\"\n :key\n :scheme />\n </ul>\n </div>\n </template>\n </~~ScalarPopover~~>\n</template>\n"],"mappings":""}
1	+ {"version":3,"file":"SecurityRequirementBadge.vue.js","names":[],"sources":["../../../../src/features/Operation/components/SecurityRequirementBadge.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n ScalarFloating,\n ScalarFloatingBackdrop,\n} from '@scalar/components/floating'\nimport { ScalarIconLockSimple, ScalarIconLockSimpleOpen } from '@scalar/icons'\nimport { onClickOutside, onKeyStroke } from '@vueuse/core'\nimport { computed, onBeforeUnmount, ref } from 'vue'\n\nimport { useLocalization } from '@/features/localization'\nimport SecurityRequirementBadgeScheme from '@/features/Operation/components/SecurityRequirementBadgeScheme.vue'\nimport type { RequiredSecurity } from '@/features/Operation/helpers/get-required-security'\n\nconst { requiredSecurity, hideLabel = false } = defineProps<{\n requiredSecurity: RequiredSecurity\n hideLabel?: boolean\n}>()\nconst { translate } = useLocalization()\n\n/*\n The badge shows a small panel with the security details. It opens on hover\n * and on click, so we own the open state directly instead of leaning on a\n * click-only popover. Owning the state keeps the two interactions from fighting\n * each other: hover and the click of the same gesture (a tap fires both) can no\n * longer toggle each other off.\n /\nconst triggerRef = ref<HTMLButtonElement \| null>(null)\nconst panelRef = ref<HTMLElement \| null>(null)\nconst isOpen = ref(false)\n\n/\n Whether the panel is pinned open by a click. A pinned panel ignores the\n * pointer leaving so it behaves like the old click-to-open popover, and it only\n * closes on another click, a click outside, or Escape.\n /\nconst isPinned = ref(false)\nlet closeTimeout: ReturnType<typeof setTimeout> \| undefined\n\n/\n Close after a short delay so the pointer can travel across the gap between the\n * badge and the panel without the panel disappearing. A pinned panel stays open.\n /\nconst scheduleClose = () => {\n if (isPinned.value) {\n return\n }\n clearTimeout(closeTimeout)\n closeTimeout = setTimeout(() => {\n isOpen.value = false\n }, 120)\n}\n\nconst cancelClose = () => clearTimeout(closeTimeout)\n\nconst openOnHover = () => {\n cancelClose()\n isOpen.value = true\n}\n\nconst close = () => {\n cancelClose()\n isOpen.value = false\n isPinned.value = false\n}\n\n/\n Toggle on click. A hover already opened the panel (and a tap's `mouseenter`\n * fires just before its `click`), so the first click pins it open rather than\n * closing it; a click on an already pinned panel closes it.\n /\nconst toggleOnClick = () => {\n if (isPinned.value) {\n close()\n return\n }\n cancelClose()\n isOpen.value = true\n isPinned.value = true\n}\n\nonClickOutside(triggerRef, close, { ignore: [panelRef] })\nonKeyStroke('Escape', () => {\n if (isOpen.value) {\n close()\n }\n})\n\nonBeforeUnmount(() => clearTimeout(closeTimeout))\n\nconst label = computed(() =>\n requiredSecurity.state === 'required'\n ? translate('authentication.required')\n : translate('authentication.optional'),\n)\n\nconst verb = computed(() =>\n requiredSecurity.state === 'required'\n ? translate('authentication.requires')\n : translate('authentication.accepts'),\n)\n\n/* Single group, single scheme — shown inline in the header. /\nconst isSingleScheme = computed(\n () =>\n requiredSecurity.requirements.length === 1 &&\n requiredSecurity.requirements[0]?.schemes.length === 1,\n)\n\n/* Single group with multiple schemes — all must be satisfied (AND). /\nconst isAndGroup = computed(\n () =>\n requiredSecurity.requirements.length === 1 &&\n (requiredSecurity.requirements[0]?.schemes.length ?? 0) > 1,\n)\n\n/* Multiple groups — any one group satisfies authentication (OR). */\nconst isOrAlternatives = computed(\n () => requiredSecurity.requirements.length > 1,\n)\n</script>\n\n<template>\n <ScalarFloating\n v-if=\"requiredSecurity.state !== 'none'\"\n placement=\"bottom-end\">\n <button\n ref=\"triggerRef\"\n class=\"security-requirement-badge inline-flex w-fit shrink-0 items-center justify-center gap-1 text-sm\"\n :class=\"\n requiredSecurity.state === 'optional'\n ? 'text-c-2'\n : 'text-c-1 font-medium'\n \"\n type=\"button\"\n :aria-expanded=\"isOpen\"\n aria-haspopup=\"dialog\"\n @click.stop=\"toggleOnClick\"\n @mouseenter=\"openOnHover\"\n @mouseleave=\"scheduleClose\">\n <ScalarIconLockSimple\n v-if=\"requiredSecurity.state === 'required'\"\n class=\"size-3\"\n weight=\"bold\" />\n <ScalarIconLockSimpleOpen\n v-else\n class=\"size-3\"\n weight=\"bold\" />\n <span v-if=\"!hideLabel\">{{ label }}</span>\n </button>\n <template #floating>\n <div\n v-if=\"isOpen\"\n ref=\"panelRef\"\n class=\"relative flex flex-col p-0.75\"\n @click.stop\n @mouseenter=\"cancelClose\"\n @mouseleave=\"scheduleClose\">\n <div class=\"flex max-w-xs min-w-48 flex-col gap-1.5 p-2 text-sm\">\n <div class=\"font-medium\">\n {{ verb }}\n <template v-if=\"isSingleScheme\">\n <SecurityRequirementBadgeScheme\n is=\"span\"\n class=\"contents\"\n :scheme=\"requiredSecurity.requirements[0]!.schemes[0]!\" />\n </template>\n <template v-else-if=\"isOrAlternatives\">\n {{ translate('authentication.oneOf') }}\n </template>\n <template v-else-if=\"isAndGroup\">\n {{ translate('authentication.allOf') }}\n </template>\n <template v-else>\n {{ translate('authentication.authentication') }}\n </template>\n </div>\n\n <!-- Multiple OR alternatives -->\n <ul\n v-if=\"isOrAlternatives\"\n class=\"contents\">\n <li\n v-for=\"(group, gi) in requiredSecurity.requirements\"\n :key=\"gi\"\n class=\"markdown\">\n <!-- Single scheme in this OR branch -->\n <SecurityRequirementBadgeScheme\n is=\"span\"\n v-if=\"group.schemes.length === 1\"\n class=\"contents\"\n :scheme=\"group.schemes[0]!\" />\n <!-- Multiple AND schemes in this OR branch -->\n <template v-else>\n <ul class=\"contents\">\n <SecurityRequirementBadgeScheme\n v-for=\"(scheme, si) in group.schemes\"\n :key=\"si\"\n :scheme />\n </ul>\n </template>\n </li>\n </ul>\n\n <!-- Single group, multiple AND schemes -->\n <ul\n v-else-if=\"isAndGroup\"\n class=\"contents\">\n <SecurityRequirementBadgeScheme\n v-for=\"(scheme, key) in requiredSecurity.requirements[0]!.schemes\"\n :key\n :scheme />\n </ul>\n </div>\n <ScalarFloatingBackdrop />\n </div>\n </template>\n </ScalarFloating>\n</template>\n"],"mappings":""}

package/dist/features/Operation/components/SecurityRequirementBadge.vue.script.js CHANGED Viewed

@@ -1,25 +1,27 @@
 import { useLocalization } from "../../localization/use-localization.js";
 import SecurityRequirementBadgeScheme_default from "./SecurityRequirementBadgeScheme.vue.js";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, normalizeClass, openBlock, renderList, toDisplayString, unref, withCtx, withModifiers } from "vue";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, onBeforeUnmount, openBlock, ref, renderList, toDisplayString, unref, withCtx, withModifiers } from "vue";
+import { onClickOutside, onKeyStroke } from "@vueuse/core";
 import { ScalarIconLockSimple, ScalarIconLockSimpleOpen } from "@scalar/icons";
-import { ScalarPopover } from "@scalar/components/popover";
+import { ScalarFloating, ScalarFloatingBackdrop } from "@scalar/components/floating";
 //#region src/features/Operation/components/SecurityRequirementBadge.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = { key: 2 };
-var _hoisted_2 = { class: "flex max-w-xs min-w-48 flex-col gap-1.5 p-2 text-sm" };
-var _hoisted_3 = { class: "font-medium" };
-var _hoisted_4 = {
+var _hoisted_1 = ["aria-expanded"];
+var _hoisted_2 = { key: 2 };
+var _hoisted_3 = { class: "flex max-w-xs min-w-48 flex-col gap-1.5 p-2 text-sm" };
+var _hoisted_4 = { class: "font-medium" };
+var _hoisted_5 = {
 	key: 0,
 	class: "contents"
 };
-var _hoisted_5 = {
+var _hoisted_6 = {
 	key: 1,
 	class: "contents"
 };
-var _hoisted_6 = {
+var _hoisted_7 = {
 	key: 1,
 	class: "contents"
 };
-var SecurityRequirementBadge_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var SecurityRequirementBadge_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "SecurityRequirementBadge",
 	props: {
 		requiredSecurity: {},
@@ -30,6 +32,63 @@ var SecurityRequirementBadge_vue_vue_type_script_setup_true_lang_default = /* @_
 	},
 	setup(__props) {
 		const { translate } = useLocalization();
+		/**
+		* The badge shows a small panel with the security details. It opens on hover
+		* and on click, so we own the open state directly instead of leaning on a
+		* click-only popover. Owning the state keeps the two interactions from fighting
+		* each other: hover and the click of the same gesture (a tap fires both) can no
+		* longer toggle each other off.
+		*/
+		const triggerRef = ref(null);
+		const panelRef = ref(null);
+		const isOpen = ref(false);
+		/**
+		* Whether the panel is pinned open by a click. A pinned panel ignores the
+		* pointer leaving so it behaves like the old click-to-open popover, and it only
+		* closes on another click, a click outside, or Escape.
+		*/
+		const isPinned = ref(false);
+		let closeTimeout;
+		/**
+		* Close after a short delay so the pointer can travel across the gap between the
+		* badge and the panel without the panel disappearing. A pinned panel stays open.
+		*/
+		const scheduleClose = () => {
+			if (isPinned.value) return;
+			clearTimeout(closeTimeout);
+			closeTimeout = setTimeout(() => {
+				isOpen.value = false;
+			}, 120);
+		};
+		const cancelClose = () => clearTimeout(closeTimeout);
+		const openOnHover = () => {
+			cancelClose();
+			isOpen.value = true;
+		};
+		const close = () => {
+			cancelClose();
+			isOpen.value = false;
+			isPinned.value = false;
+		};
+		/**
+		* Toggle on click. A hover already opened the panel (and a tap's `mouseenter`
+		* fires just before its `click`), so the first click pins it open rather than
+		* closing it; a click on an already pinned panel closes it.
+		*/
+		const toggleOnClick = () => {
+			if (isPinned.value) {
+				close();
+				return;
+			}
+			cancelClose();
+			isOpen.value = true;
+			isPinned.value = true;
+		};
+		onClickOutside(triggerRef, close, { ignore: [panelRef] });
+		onKeyStroke("Escape", () => {
+			if (isOpen.value) close();
+		});
+		onBeforeUnmount(() => clearTimeout(closeTimeout));
 		const label = computed(() => __props.requiredSecurity.state === "required" ? translate("authentication.required") : translate("authentication.optional"));
 		const verb = computed(() => __props.requiredSecurity.state === "required" ? translate("authentication.requires") : translate("authentication.accepts"));
 		/** Single group, single scheme — shown inline in the header. */
@@ -39,16 +98,24 @@ var SecurityRequirementBadge_vue_vue_type_script_setup_true_lang_default = /* @_
 		/** Multiple groups — any one group satisfies authentication (OR). */
 		const isOrAlternatives = computed(() => __props.requiredSecurity.requirements.length > 1);
 		return (_ctx, _cache) => {
-			return __props.requiredSecurity.state !== "none" ? (openBlock(), createBlock(unref(ScalarPopover), {
+			return __props.requiredSecurity.state !== "none" ? (openBlock(), createBlock(unref(ScalarFloating), {
 				key: 0,
 				placement: "bottom-end"
 			}, {
-				popover: withCtx(() => [createElementVNode("div", _hoisted_2, [createElementVNode("div", _hoisted_3, [createTextVNode(toDisplayString(verb.value) + " ", 1), isSingleScheme.value ? (openBlock(), createBlock(SecurityRequirementBadgeScheme_default, {
+				floating: withCtx(() => [isOpen.value ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					ref_key: "panelRef",
+					ref: panelRef,
+					class: "relative flex flex-col p-0.75",
+					onClick: _cache[0] || (_cache[0] = withModifiers(() => {}, ["stop"])),
+					onMouseenter: cancelClose,
+					onMouseleave: scheduleClose
+				}, [createElementVNode("div", _hoisted_3, [createElementVNode("div", _hoisted_4, [createTextVNode(toDisplayString(verb.value) + " ", 1), isSingleScheme.value ? (openBlock(), createBlock(SecurityRequirementBadgeScheme_default, {
 					key: 0,
 					is: "span",
 					class: "contents",
 					scheme: __props.requiredSecurity.requirements[0].schemes[0]
-				}, null, 8, ["scheme"])) : isOrAlternatives.value ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(unref(translate)("authentication.oneOf")), 1)], 64)) : isAndGroup.value ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [createTextVNode(toDisplayString(unref(translate)("authentication.allOf")), 1)], 64)) : (openBlock(), createElementBlock(Fragment, { key: 3 }, [createTextVNode(toDisplayString(unref(translate)("authentication.authentication")), 1)], 64))]), isOrAlternatives.value ? (openBlock(), createElementBlock("ul", _hoisted_4, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.requiredSecurity.requirements, (group, gi) => {
+				}, null, 8, ["scheme"])) : isOrAlternatives.value ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(unref(translate)("authentication.oneOf")), 1)], 64)) : isAndGroup.value ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [createTextVNode(toDisplayString(unref(translate)("authentication.allOf")), 1)], 64)) : (openBlock(), createElementBlock(Fragment, { key: 3 }, [createTextVNode(toDisplayString(unref(translate)("authentication.authentication")), 1)], 64))]), isOrAlternatives.value ? (openBlock(), createElementBlock("ul", _hoisted_5, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.requiredSecurity.requirements, (group, gi) => {
 					return openBlock(), createElementBlock("li", {
 						key: gi,
 						class: "markdown"
@@ -57,22 +124,28 @@ var SecurityRequirementBadge_vue_vue_type_script_setup_true_lang_default = /* @_
 						is: "span",
 						class: "contents",
 						scheme: group.schemes[0]
-					}, null, 8, ["scheme"])) : (openBlock(), createElementBlock("ul", _hoisted_5, [(openBlock(true), createElementBlock(Fragment, null, renderList(group.schemes, (scheme, si) => {
+					}, null, 8, ["scheme"])) : (openBlock(), createElementBlock("ul", _hoisted_6, [(openBlock(true), createElementBlock(Fragment, null, renderList(group.schemes, (scheme, si) => {
 						return openBlock(), createBlock(SecurityRequirementBadgeScheme_default, {
 							key: si,
 							scheme
 						}, null, 8, ["scheme"]);
 					}), 128))]))]);
-				}), 128))])) : isAndGroup.value ? (openBlock(), createElementBlock("ul", _hoisted_6, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.requiredSecurity.requirements[0].schemes, (scheme, key) => {
+				}), 128))])) : isAndGroup.value ? (openBlock(), createElementBlock("ul", _hoisted_7, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.requiredSecurity.requirements[0].schemes, (scheme, key) => {
 					return openBlock(), createBlock(SecurityRequirementBadgeScheme_default, {
 						key,
 						scheme
 					}, null, 8, ["scheme"]);
-				}), 128))])) : createCommentVNode("", true)])]),
+				}), 128))])) : createCommentVNode("", true)]), createVNode(unref(ScalarFloatingBackdrop))], 544)) : createCommentVNode("", true)]),
 				default: withCtx(() => [createElementVNode("button", {
+					ref_key: "triggerRef",
+					ref: triggerRef,
 					class: normalizeClass(["security-requirement-badge inline-flex w-fit shrink-0 items-center justify-center gap-1 text-sm", __props.requiredSecurity.state === "optional" ? "text-c-2" : "text-c-1 font-medium"]),
 					type: "button",
-					onClick: _cache[0] || (_cache[0] = withModifiers(() => {}, ["stop"]))
+					"aria-expanded": isOpen.value,
+					"aria-haspopup": "dialog",
+					onClick: withModifiers(toggleOnClick, ["stop"]),
+					onMouseenter: openOnHover,
+					onMouseleave: scheduleClose
 				}, [__props.requiredSecurity.state === "required" ? (openBlock(), createBlock(unref(ScalarIconLockSimple), {
 					key: 0,
 					class: "size-3",
@@ -81,7 +154,7 @@ var SecurityRequirementBadge_vue_vue_type_script_setup_true_lang_default = /* @_
 					key: 1,
 					class: "size-3",
 					weight: "bold"
-				})), !__props.hideLabel ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(label.value), 1)) : createCommentVNode("", true)], 2)]),
+				})), !__props.hideLabel ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(label.value), 1)) : createCommentVNode("", true)], 42, _hoisted_1)]),
 				_: 1
 			})) : createCommentVNode("", true);
 		};

package/dist/features/Operation/components/SecurityRequirementBadge.vue.script.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SecurityRequirementBadge.vue.script.js","names":[],"sources":["../../../../src/features/Operation/components/SecurityRequirementBadge.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarPopover } from '@scalar/components/popover'\nimport { ScalarIconLockSimple, ScalarIconLockSimpleOpen } from '@scalar/icons'\nimport { computed } from 'vue'\n\nimport { useLocalization } from '@/features/localization'\nimport SecurityRequirementBadgeScheme from '@/features/Operation/components/SecurityRequirementBadgeScheme.vue'\nimport type { RequiredSecurity } from '@/features/Operation/helpers/get-required-security'\n\nconst { requiredSecurity, hideLabel = false } = defineProps<{\n requiredSecurity: RequiredSecurity\n hideLabel?: boolean\n}>()\nconst { translate } = useLocalization()\n\nconst label = computed(() =>\n requiredSecurity.state === 'required'\n ? translate('authentication.required')\n : translate('authentication.optional'),\n)\n\nconst verb = computed(() =>\n requiredSecurity.state === 'required'\n ? translate('authentication.requires')\n : translate('authentication.accepts'),\n)\n\n/** Single group, single scheme — shown inline in the header. /\nconst isSingleScheme = computed(\n () =>\n requiredSecurity.requirements.length === 1 &&\n requiredSecurity.requirements[0]?.schemes.length === 1,\n)\n\n/* Single group with multiple schemes — all must be satisfied (AND). /\nconst isAndGroup = computed(\n () =>\n requiredSecurity.requirements.length === 1 &&\n (requiredSecurity.requirements[0]?.schemes.length ?? 0) > 1,\n)\n\n/* Multiple groups — any one group satisfies authentication (OR). */\nconst isOrAlternatives = computed(\n () => requiredSecurity.requirements.length > 1,\n)\n</script>\n\n<template>\n <ScalarPopover\n v-if=\"requiredSecurity.state !== 'none'\"\n placement=\"bottom-end\">\n <button\n class=\"security-requirement-badge inline-flex w-fit shrink-0 items-center justify-center gap-1 text-sm\"\n :class=\"\n requiredSecurity.state === 'optional'\n ? 'text-c-2'\n : 'text-c-1 font-medium'\n \"\n type=\"button\"\n @click.stop>\n <ScalarIconLockSimple\n v-if=\"requiredSecurity.state === 'required'\"\n class=\"size-3\"\n weight=\"bold\" />\n <ScalarIconLockSimpleOpen\n v-else\n class=\"size-3\"\n weight=\"bold\" />\n <span v-if=\"!hideLabel\">{{ label }}</span>\n </button>\n <template #popover>\n <div class=\"flex max-w-xs min-w-48 flex-col gap-1.5 p-2 text-sm\">\n <div class=\"font-medium\">\n {{ verb }}\n <template v-if=\"isSingleScheme\">\n <SecurityRequirementBadgeScheme\n is=\"span\"\n class=\"contents\"\n :scheme=\"requiredSecurity.requirements[0]!.schemes[0]!\" />\n </template>\n <template v-else-if=\"isOrAlternatives\">\n {{ translate('authentication.oneOf') }}\n </template>\n <template v-else-if=\"isAndGroup\">\n {{ translate('authentication.allOf') }}\n </template>\n <template v-else>\n {{ translate('authentication.authentication') }}\n </template>\n </div>\n\n <!-- Multiple OR alternatives -->\n <ul\n v-if=\"isOrAlternatives\"\n class=\"contents\">\n <li\n v-for=\"(group, gi) in requiredSecurity.requirements\"\n :key=\"gi\"\n class=\"markdown\">\n <!-- Single scheme in this OR branch -->\n <SecurityRequirementBadgeScheme\n is=\"span\"\n v-if=\"group.schemes.length === 1\"\n class=\"contents\"\n :scheme=\"group.schemes[0]!\" />\n <!-- Multiple AND schemes in this OR branch -->\n <template v-else>\n <ul class=\"contents\">\n <SecurityRequirementBadgeScheme\n v-for=\"(scheme, si) in group.schemes\"\n :key=\"si\"\n :scheme />\n </ul>\n </template>\n </li>\n </ul>\n\n <!-- Single group, multiple AND schemes -->\n <ul\n v-else-if=\"isAndGroup\"\n class=\"contents\">\n <SecurityRequirementBadgeScheme\n v-for=\"(scheme, key) in requiredSecurity.requirements[0]!.schemes\"\n :key\n :scheme />\n </ul>\n </div>\n </template>\n </ScalarPopover>\n</template>\n"],"mappings":"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"}
1	+ {"version":3,"file":"SecurityRequirementBadge.vue.script.js","names":[],"sources":["../../../../src/features/Operation/components/SecurityRequirementBadge.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n ScalarFloating,\n ScalarFloatingBackdrop,\n} from '@scalar/components/floating'\nimport { ScalarIconLockSimple, ScalarIconLockSimpleOpen } from '@scalar/icons'\nimport { onClickOutside, onKeyStroke } from '@vueuse/core'\nimport { computed, onBeforeUnmount, ref } from 'vue'\n\nimport { useLocalization } from '@/features/localization'\nimport SecurityRequirementBadgeScheme from '@/features/Operation/components/SecurityRequirementBadgeScheme.vue'\nimport type { RequiredSecurity } from '@/features/Operation/helpers/get-required-security'\n\nconst { requiredSecurity, hideLabel = false } = defineProps<{\n requiredSecurity: RequiredSecurity\n hideLabel?: boolean\n}>()\nconst { translate } = useLocalization()\n\n/*\n The badge shows a small panel with the security details. It opens on hover\n * and on click, so we own the open state directly instead of leaning on a\n * click-only popover. Owning the state keeps the two interactions from fighting\n * each other: hover and the click of the same gesture (a tap fires both) can no\n * longer toggle each other off.\n /\nconst triggerRef = ref<HTMLButtonElement \| null>(null)\nconst panelRef = ref<HTMLElement \| null>(null)\nconst isOpen = ref(false)\n\n/\n Whether the panel is pinned open by a click. A pinned panel ignores the\n * pointer leaving so it behaves like the old click-to-open popover, and it only\n * closes on another click, a click outside, or Escape.\n /\nconst isPinned = ref(false)\nlet closeTimeout: ReturnType<typeof setTimeout> \| undefined\n\n/\n Close after a short delay so the pointer can travel across the gap between the\n * badge and the panel without the panel disappearing. A pinned panel stays open.\n /\nconst scheduleClose = () => {\n if (isPinned.value) {\n return\n }\n clearTimeout(closeTimeout)\n closeTimeout = setTimeout(() => {\n isOpen.value = false\n }, 120)\n}\n\nconst cancelClose = () => clearTimeout(closeTimeout)\n\nconst openOnHover = () => {\n cancelClose()\n isOpen.value = true\n}\n\nconst close = () => {\n cancelClose()\n isOpen.value = false\n isPinned.value = false\n}\n\n/\n Toggle on click. A hover already opened the panel (and a tap's `mouseenter`\n * fires just before its `click`), so the first click pins it open rather than\n * closing it; a click on an already pinned panel closes it.\n /\nconst toggleOnClick = () => {\n if (isPinned.value) {\n close()\n return\n }\n cancelClose()\n isOpen.value = true\n isPinned.value = true\n}\n\nonClickOutside(triggerRef, close, { ignore: [panelRef] })\nonKeyStroke('Escape', () => {\n if (isOpen.value) {\n close()\n }\n})\n\nonBeforeUnmount(() => clearTimeout(closeTimeout))\n\nconst label = computed(() =>\n requiredSecurity.state === 'required'\n ? translate('authentication.required')\n : translate('authentication.optional'),\n)\n\nconst verb = computed(() =>\n requiredSecurity.state === 'required'\n ? translate('authentication.requires')\n : translate('authentication.accepts'),\n)\n\n/* Single group, single scheme — shown inline in the header. /\nconst isSingleScheme = computed(\n () =>\n requiredSecurity.requirements.length === 1 &&\n requiredSecurity.requirements[0]?.schemes.length === 1,\n)\n\n/* Single group with multiple schemes — all must be satisfied (AND). /\nconst isAndGroup = computed(\n () =>\n requiredSecurity.requirements.length === 1 &&\n (requiredSecurity.requirements[0]?.schemes.length ?? 0) > 1,\n)\n\n/* Multiple groups — any one group satisfies authentication (OR). */\nconst isOrAlternatives = computed(\n () => requiredSecurity.requirements.length > 1,\n)\n</script>\n\n<template>\n <ScalarFloating\n v-if=\"requiredSecurity.state !== 'none'\"\n placement=\"bottom-end\">\n <button\n ref=\"triggerRef\"\n class=\"security-requirement-badge inline-flex w-fit shrink-0 items-center justify-center gap-1 text-sm\"\n :class=\"\n requiredSecurity.state === 'optional'\n ? 'text-c-2'\n : 'text-c-1 font-medium'\n \"\n type=\"button\"\n :aria-expanded=\"isOpen\"\n aria-haspopup=\"dialog\"\n @click.stop=\"toggleOnClick\"\n @mouseenter=\"openOnHover\"\n @mouseleave=\"scheduleClose\">\n <ScalarIconLockSimple\n v-if=\"requiredSecurity.state === 'required'\"\n class=\"size-3\"\n weight=\"bold\" />\n <ScalarIconLockSimpleOpen\n v-else\n class=\"size-3\"\n weight=\"bold\" />\n <span v-if=\"!hideLabel\">{{ label }}</span>\n </button>\n <template #floating>\n <div\n v-if=\"isOpen\"\n ref=\"panelRef\"\n class=\"relative flex flex-col p-0.75\"\n @click.stop\n @mouseenter=\"cancelClose\"\n @mouseleave=\"scheduleClose\">\n <div class=\"flex max-w-xs min-w-48 flex-col gap-1.5 p-2 text-sm\">\n <div class=\"font-medium\">\n {{ verb }}\n <template v-if=\"isSingleScheme\">\n <SecurityRequirementBadgeScheme\n is=\"span\"\n class=\"contents\"\n :scheme=\"requiredSecurity.requirements[0]!.schemes[0]!\" />\n </template>\n <template v-else-if=\"isOrAlternatives\">\n {{ translate('authentication.oneOf') }}\n </template>\n <template v-else-if=\"isAndGroup\">\n {{ translate('authentication.allOf') }}\n </template>\n <template v-else>\n {{ translate('authentication.authentication') }}\n </template>\n </div>\n\n <!-- Multiple OR alternatives -->\n <ul\n v-if=\"isOrAlternatives\"\n class=\"contents\">\n <li\n v-for=\"(group, gi) in requiredSecurity.requirements\"\n :key=\"gi\"\n class=\"markdown\">\n <!-- Single scheme in this OR branch -->\n <SecurityRequirementBadgeScheme\n is=\"span\"\n v-if=\"group.schemes.length === 1\"\n class=\"contents\"\n :scheme=\"group.schemes[0]!\" />\n <!-- Multiple AND schemes in this OR branch -->\n <template v-else>\n <ul class=\"contents\">\n <SecurityRequirementBadgeScheme\n v-for=\"(scheme, si) in group.schemes\"\n :key=\"si\"\n :scheme />\n </ul>\n </template>\n </li>\n </ul>\n\n <!-- Single group, multiple AND schemes -->\n <ul\n v-else-if=\"isAndGroup\"\n class=\"contents\">\n <SecurityRequirementBadgeScheme\n v-for=\"(scheme, key) in requiredSecurity.requirements[0]!.schemes\"\n :key\n :scheme />\n </ul>\n </div>\n <ScalarFloatingBackdrop />\n </div>\n </template>\n </ScalarFloating>\n</template>\n"],"mappings":"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"}

package/dist/features/Operation/components/SecurityRequirementBadgeScheme.vue.script.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { Fragment, createBlock, createCommentVNode, createElementBlock, createTe
 //#region src/features/Operation/components/SecurityRequirementBadgeScheme.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { key: 0 };
 var _hoisted_2 = { key: 1 };
-var SecurityRequirementBadgeScheme_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var SecurityRequirementBadgeScheme_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "SecurityRequirementBadgeScheme",
 	props: {
 		is: { default: "li" },

package/dist/features/Operation/components/SecurityRequirementBadgeScheme.vue.script.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SecurityRequirementBadgeScheme.vue.script.js","names":[],"sources":["../../../../src/features/Operation/components/SecurityRequirementBadgeScheme.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Component } from 'vue'\n\nimport type { RequiredSecurityScheme } from '@/features/Operation/helpers/get-required-security'\n\nconst { is = 'li', scheme } = defineProps<{\n is?: Component \| string\n scheme: RequiredSecurityScheme\n}>()\n</script>\n<template>\n <component\n :is\n class=\"markdown\">\n {{ scheme.name }}\n <code v-if=\"scheme.scheme?.type\">{{ scheme.scheme.type }}</code>\n <ul v-if=\"scheme.scopes.length\">\n <li\n v-for=\"scope in scheme.scopes\"\n :key=\"scope\"\n class=\"font-code text-c-2\">\n {{ scope }}\n </li>\n </ul>\n </component>\n</template>\n"],"mappings":";;;;;;;;;;;;uBAWE,YAaY,wBAZT,QAAA,~~GAAE~~,~~EAAA~~,EACH,OAAM,~~YAAU~~,~~EAAA~~;2BACC;qCAAd,QAAA,OAAO,~~KAAI~~,~~GAAG~~,KACjB,~~EAAA~~;KAAY,QAAA,OAAO,QAAQ,QAAA,~~WAAA~~,~~EAA3B~~,mBAAgE,QAAA,YAAA,gBAA5B,QAAA,OAAO,OAAO,~~KAAI~~,~~EAAA~~,~~EAAA~~,~~IAAA~~,mBAAA,IAAA,~~KAAA~~;KAC5C,QAAA,OAAO,OAAO,UAAA,~~WAAA~~,~~EAAxB~~,mBAOK,MAAA,YAAA,EAAA,UAAA,~~KAAA~~,~~EANH~~,mBAKK,UAAA,MAAA,WAJa,QAAA,OAAO,SAAhB,UAAK;0BADd,mBAKK,MAAA;OAHF,KAAK;OACN,OAAM;yBACH,~~MAAK~~,~~EAAA~~,~~EAAA~~"}
1	+ {"version":3,"file":"SecurityRequirementBadgeScheme.vue.script.js","names":[],"sources":["../../../../src/features/Operation/components/SecurityRequirementBadgeScheme.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Component } from 'vue'\n\nimport type { RequiredSecurityScheme } from '@/features/Operation/helpers/get-required-security'\n\nconst { is = 'li', scheme } = defineProps<{\n is?: Component \| string\n scheme: RequiredSecurityScheme\n}>()\n</script>\n<template>\n <component\n :is\n class=\"markdown\">\n {{ scheme.name }}\n <code v-if=\"scheme.scheme?.type\">{{ scheme.scheme.type }}</code>\n <ul v-if=\"scheme.scopes.length\">\n <li\n v-for=\"scope in scheme.scopes\"\n :key=\"scope\"\n class=\"font-code text-c-2\">\n {{ scope }}\n </li>\n </ul>\n </component>\n</template>\n"],"mappings":";;;;;;;;;;;;uBAWE,YAaY,wBAZT,QAAA,EAAE,GAAA,EACH,OAAM,WAAU,GAAA;2BACC;qCAAd,QAAA,OAAO,IAAI,IAAG,KACjB,CAAA;KAAY,QAAA,OAAO,QAAQ,QAAA,UAAA,GAA3B,mBAAgE,QAAA,YAAA,gBAA5B,QAAA,OAAO,OAAO,IAAI,GAAA,CAAA,KAAA,mBAAA,IAAA,IAAA;KAC5C,QAAA,OAAO,OAAO,UAAA,UAAA,GAAxB,mBAOK,MAAA,YAAA,EAAA,UAAA,IAAA,GANH,mBAKK,UAAA,MAAA,WAJa,QAAA,OAAO,SAAhB,UAAK;0BADd,mBAKK,MAAA;OAHF,KAAK;OACN,OAAM;yBACH,KAAK,GAAA,CAAA"}

package/dist/features/Operation/components/callbacks/Callback.vue.js CHANGED Viewed

@@ -2,7 +2,7 @@ import _plugin_vue_export_helper_default from "../../../../_virtual/_plugin-vue_
 import Callback_vue_vue_type_script_setup_true_lang_default from "./Callback.vue.script.js";
 /* empty css                       */
 //#region src/features/Operation/components/callbacks/Callback.vue
-var Callback_default = /* @__PURE__ */ _plugin_vue_export_helper_default(Callback_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-474e6fa6"]]);
+var Callback_default = /*#__PURE__*/ _plugin_vue_export_helper_default(Callback_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-474e6fa6"]]);
 //#endregion
 export { Callback_default as default };

package/dist/features/Operation/components/callbacks/Callback.vue.script.js CHANGED Viewed

@@ -10,7 +10,7 @@ var _hoisted_2 = { class: "font-code bg-b-1 callback-sticky-offset callback-list
 var _hoisted_3 = { class: "text-c-1 min-w-0 flex-1 truncate text-sm leading-5 font-bold group-open:whitespace-normal" };
 var _hoisted_4 = { class: "text-c-2 font-normal" };
 var _hoisted_5 = { class: "callback-operation-container flex flex-col gap-2" };
-var Callback_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var Callback_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "Callback",
 	props: {
 		callback: {},

package/dist/features/Operation/components/callbacks/Callback.vue.script.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Callback.vue.script.js","names":[],"sources":["../../../../../src/features/Operation/components/callbacks/Callback.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { HttpMethod as HttpMethodType } from '@scalar/helpers/http/http-methods'\nimport { ScalarIconCaretRight } from '@scalar/icons'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport {\n type OpenApiDocument,\n type OperationObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\n\nimport { HttpMethod } from '@/components/HttpMethod'\nimport OperationParameters from '@/features/Operation/components/OperationParameters.vue'\nimport OperationResponses from '@/features/Operation/components/OperationResponses.vue'\nimport type { OperationProps } from '@/features/Operation/Operation.vue'\n\nconst { method, name, url, options, document } = defineProps<{\n callback: OperationObject\n method: HttpMethodType\n name: string\n url: string\n eventBus: WorkspaceEventBus \| null\n /** The document the callback belongs to, used to resolve schema references for display /\n document?: OpenApiDocument\n options: Pick<\n OperationProps['options'],\n \| 'hideModels'\n \| 'orderRequiredPropertiesFirst'\n \| 'orderSchemaPropertiesBy'\n \| 'expandAllSchemaProperties'\n >\n}>()\n</script>\n\n<template>\n <details class=\"group callback-list-item\">\n <!-- Title -->\n <summary\n class=\"font-code bg-b-1 callback-sticky-offset callback-list-item-title sticky flex cursor-pointer flex-row items-start gap-2 border-t py-2.5 text-sm group-open:flex-wrap\">\n <ScalarIconCaretRight\n class=\"callback-list-item-icon text-c-3 group-hover:text-c-1 absolute top-3.5 -left-5 size-3 transition-transform duration-100 group-open:rotate-90\"\n weight=\"bold\" />\n <HttpMethod\n as=\"span\"\n class=\"request-method py-0.75 font-bold\"\n :method=\"method\" />\n <div\n class=\"text-c-1 min-w-0 flex-1 truncate text-sm leading-5 font-bold group-open:whitespace-normal\">\n {{ name }}\n <span class=\"text-c-2 font-normal\">\n {{ url }}\n </span>\n </div>\n </summary>\n\n <!-- Body -->\n <div class=\"callback-operation-container flex flex-col gap-2\">\n <OperationParameters\n :document=\"document\"\n :eventBus=\"eventBus\"\n :options=\"options\"\n :parameters=\"\n callback.parameters?.map((param) => getResolvedRef(param)) ?? []\n \"\n :requestBody=\"getResolvedRef(callback.requestBody)\" />\n\n <!-- Responses -->\n <OperationResponses\n :collapsableItems=\"false\"\n :document\n :eventBus\n :options\n :responses=\"callback.responses\" />\n </div>\n </details>\n</template>\n<style scoped>\n.callback-sticky-offset {\n top: var(--refs-viewport-offset, 0px);\n z-index: 1;\n}\n.callback-operation-container :deep(.request-body),\n.callback-operation-container :deep(.request-body-description),\n.callback-operation-container :deep(.request-body-header) {\n margin-top: 0;\n}\n.callback-operation-container :deep(.request-body-header) {\n --scalar-font-size-2: var(--scalar-font-size-4);\n padding: 10px;\n border-bottom: none;\n border: 0.5px solid var(--scalar-border-color);\n border-radius: var(--scalar-radius-lg) var(--scalar-radius-lg) 0 0;\n background: color-mix(in srgb, var(--scalar-background-2) 50%, transparent);\n}\n.callback-operation-container\n :deep(.request-body-schema > .schema-card > .schema-card-description) {\n padding-inline: 8px;\n}\n.callback-operation-container :deep(ul li.property.property--level-1) {\n padding: 10px;\n}\n.callback-operation-container :deep(.request-body-schema) {\n background-color: var(--scalar-background-1);\n border: var(--scalar-border-width) solid var(--scalar-border-color);\n border-top: none;\n overflow: hidden;\n border-radius: 0 0 var(--scalar-radius-lg) var(--scalar-radius-lg);\n}\n.callback-operation-container :deep(.parameter-list) {\n margin-top: 0;\n}\n.callback-operation-container :deep(.parameter-list-title) {\n background: color-mix(in srgb, var(--scalar-background-2) 50%, transparent);\n border-radius: var(--scalar-radius-lg) var(--scalar-radius-lg) 0 0;\n padding: 10px;\n margin-bottom: 0;\n border: var(--scalar-border-width) solid var(--scalar-border-color);\n border-bottom: none;\n --scalar-font-size-2: var(--scalar-font-size-4);\n}\n.callback-operation-container :deep(.parameter-list-items) {\n / background: pink; */\n border: var(--scalar-border-width) solid var(--scalar-border-color);\n border-radius: 0 0 var(--scalar-radius-lg) var(--scalar-radius-lg);\n}\n.callback-operation-container :deep(.parameter-list-items > li:first-of-type) {\n border-top: none;\n}\n.callback-operation-container :deep(.parameter-list-items > li) {\n padding: 0 8px;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;uBAkCE,mBAuCU,WAvCV,YAuCU,CArCR,mBAgBU,WAhBV,YAgBU;IAdR,YAEkB,MAAA,~~qBAAA~~,~~EAAA~~;KADhB,OAAM;KACN,QAAO;;IACT,YAGqB,MAAA,~~mBAAA~~,~~EAAA~~;KAFnB,IAAG;KACH,OAAM;KACL,QAAQ,QAAA;;IACX,mBAMM,OANN,YAMM,CAAA,gBAAA,gBAJD,QAAA,~~KAAI~~,~~GAAG~~,KACV,~~EAAA~~,~~EAAA~~,mBAEO,QAFP,YAEO,gBADF,QAAA,~~IAAG~~,~~EAAA~~,~~EAAA~~,CAAA,CAAA;OAMZ,mBAiBM,OAjBN,YAiBM,CAhBJ,YAOwD,6BAAA;IANrD,UAAU,QAAA;IACV,UAAU,QAAA;IACV,SAAS,QAAA;IACT,YAAuB,QAAA,SAAS,YAAY,KAAK,UAAU,MAAA,~~eAAc~~,CAAC,~~MAAK~~,CAAA,~~IAAA~~,~~EAAA~~;IAG/E,aAAa,MAAA,~~eAAc~~,CAAC,QAAA,SAAS,~~YAAW~~;;;;;;;OAGnD,YAKoC,4BAAA;IAJjC,kBAAkB;IAClB,UAAA,QAAA;IACA,UAAA,QAAA;IACA,SAAA,QAAA;IACA,WAAW,QAAA,SAAS"}
1	+ {"version":3,"file":"Callback.vue.script.js","names":[],"sources":["../../../../../src/features/Operation/components/callbacks/Callback.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { HttpMethod as HttpMethodType } from '@scalar/helpers/http/http-methods'\nimport { ScalarIconCaretRight } from '@scalar/icons'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport {\n type OpenApiDocument,\n type OperationObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\n\nimport { HttpMethod } from '@/components/HttpMethod'\nimport OperationParameters from '@/features/Operation/components/OperationParameters.vue'\nimport OperationResponses from '@/features/Operation/components/OperationResponses.vue'\nimport type { OperationProps } from '@/features/Operation/Operation.vue'\n\nconst { method, name, url, options, document } = defineProps<{\n callback: OperationObject\n method: HttpMethodType\n name: string\n url: string\n eventBus: WorkspaceEventBus \| null\n /** The document the callback belongs to, used to resolve schema references for display /\n document?: OpenApiDocument\n options: Pick<\n OperationProps['options'],\n \| 'hideModels'\n \| 'orderRequiredPropertiesFirst'\n \| 'orderSchemaPropertiesBy'\n \| 'expandAllSchemaProperties'\n >\n}>()\n</script>\n\n<template>\n <details class=\"group callback-list-item\">\n <!-- Title -->\n <summary\n class=\"font-code bg-b-1 callback-sticky-offset callback-list-item-title sticky flex cursor-pointer flex-row items-start gap-2 border-t py-2.5 text-sm group-open:flex-wrap\">\n <ScalarIconCaretRight\n class=\"callback-list-item-icon text-c-3 group-hover:text-c-1 absolute top-3.5 -left-5 size-3 transition-transform duration-100 group-open:rotate-90\"\n weight=\"bold\" />\n <HttpMethod\n as=\"span\"\n class=\"request-method py-0.75 font-bold\"\n :method=\"method\" />\n <div\n class=\"text-c-1 min-w-0 flex-1 truncate text-sm leading-5 font-bold group-open:whitespace-normal\">\n {{ name }}\n <span class=\"text-c-2 font-normal\">\n {{ url }}\n </span>\n </div>\n </summary>\n\n <!-- Body -->\n <div class=\"callback-operation-container flex flex-col gap-2\">\n <OperationParameters\n :document=\"document\"\n :eventBus=\"eventBus\"\n :options=\"options\"\n :parameters=\"\n callback.parameters?.map((param) => getResolvedRef(param)) ?? []\n \"\n :requestBody=\"getResolvedRef(callback.requestBody)\" />\n\n <!-- Responses -->\n <OperationResponses\n :collapsableItems=\"false\"\n :document\n :eventBus\n :options\n :responses=\"callback.responses\" />\n </div>\n </details>\n</template>\n<style scoped>\n.callback-sticky-offset {\n top: var(--refs-viewport-offset, 0px);\n z-index: 1;\n}\n.callback-operation-container :deep(.request-body),\n.callback-operation-container :deep(.request-body-description),\n.callback-operation-container :deep(.request-body-header) {\n margin-top: 0;\n}\n.callback-operation-container :deep(.request-body-header) {\n --scalar-font-size-2: var(--scalar-font-size-4);\n padding: 10px;\n border-bottom: none;\n border: 0.5px solid var(--scalar-border-color);\n border-radius: var(--scalar-radius-lg) var(--scalar-radius-lg) 0 0;\n background: color-mix(in srgb, var(--scalar-background-2) 50%, transparent);\n}\n.callback-operation-container\n :deep(.request-body-schema > .schema-card > .schema-card-description) {\n padding-inline: 8px;\n}\n.callback-operation-container :deep(ul li.property.property--level-1) {\n padding: 10px;\n}\n.callback-operation-container :deep(.request-body-schema) {\n background-color: var(--scalar-background-1);\n border: var(--scalar-border-width) solid var(--scalar-border-color);\n border-top: none;\n overflow: hidden;\n border-radius: 0 0 var(--scalar-radius-lg) var(--scalar-radius-lg);\n}\n.callback-operation-container :deep(.parameter-list) {\n margin-top: 0;\n}\n.callback-operation-container :deep(.parameter-list-title) {\n background: color-mix(in srgb, var(--scalar-background-2) 50%, transparent);\n border-radius: var(--scalar-radius-lg) var(--scalar-radius-lg) 0 0;\n padding: 10px;\n margin-bottom: 0;\n border: var(--scalar-border-width) solid var(--scalar-border-color);\n border-bottom: none;\n --scalar-font-size-2: var(--scalar-font-size-4);\n}\n.callback-operation-container :deep(.parameter-list-items) {\n / background: pink; */\n border: var(--scalar-border-width) solid var(--scalar-border-color);\n border-radius: 0 0 var(--scalar-radius-lg) var(--scalar-radius-lg);\n}\n.callback-operation-container :deep(.parameter-list-items > li:first-of-type) {\n border-top: none;\n}\n.callback-operation-container :deep(.parameter-list-items > li) {\n padding: 0 8px;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;uBAkCE,mBAuCU,WAvCV,YAuCU,CArCR,mBAgBU,WAhBV,YAgBU;IAdR,YAEkB,MAAA,oBAAA,GAAA;KADhB,OAAM;KACN,QAAO;;IACT,YAGqB,MAAA,kBAAA,GAAA;KAFnB,IAAG;KACH,OAAM;KACL,QAAQ,QAAA;;IACX,mBAMM,OANN,YAMM,CAAA,gBAAA,gBAJD,QAAA,IAAI,IAAG,KACV,CAAA,GAAA,mBAEO,QAFP,YAEO,gBADF,QAAA,GAAG,GAAA,CAAA,CAAA,CAAA;OAMZ,mBAiBM,OAjBN,YAiBM,CAhBJ,YAOwD,6BAAA;IANrD,UAAU,QAAA;IACV,UAAU,QAAA;IACV,SAAS,QAAA;IACT,YAAuB,QAAA,SAAS,YAAY,KAAK,UAAU,MAAA,cAAA,CAAc,CAAC,KAAK,CAAA,KAAA,CAAA;IAG/E,aAAa,MAAA,cAAA,CAAc,CAAC,QAAA,SAAS,WAAW;;;;;;;OAGnD,YAKoC,4BAAA;IAJjC,kBAAkB;IAClB,UAAA,QAAA;IACA,UAAA,QAAA;IACA,SAAA,QAAA;IACA,WAAW,QAAA,SAAS"}

package/dist/features/Operation/components/callbacks/Callbacks.vue.script.js CHANGED Viewed

@@ -8,7 +8,7 @@ import { objectEntries } from "@scalar/helpers/object/object-entries";
 var _hoisted_1 = ["aria-label"];
 var _hoisted_2 = { class: "callbacks-title text-c-1 my-3 text-lg font-medium" };
 /** Extract the callbacks with method, url, and name */
-var Callbacks_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var Callbacks_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "Callbacks",
 	props: {
 		path: {},

package/dist/features/Operation/components/callbacks/Callbacks.vue.script.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Callbacks.vue.script.js","names":[],"sources":["../../../../../src/features/Operation/components/callbacks/Callbacks.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { HttpMethod } from '@scalar/helpers/http/http-methods'\nimport { isHttpMethod } from '@scalar/helpers/http/is-http-method'\nimport { objectEntries } from '@scalar/helpers/object/object-entries'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport type {\n CallbackObject,\n OpenApiDocument,\n OperationObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed } from 'vue'\n\nimport { useLocalization } from '@/features/localization'\nimport type { OperationProps } from '@/features/Operation/Operation.vue'\n\nimport Callback from './Callback.vue'\n\nconst { path, callbacks, options } = defineProps<{\n path: string\n callbacks: CallbackObject\n eventBus: WorkspaceEventBus \| null\n /** The document the callbacks belong to, used to resolve schema references for display /\n document?: OpenApiDocument\n options: Pick<\n OperationProps['options'],\n \| 'hideModels'\n \| 'orderRequiredPropertiesFirst'\n \| 'orderSchemaPropertiesBy'\n \| 'expandAllSchemaProperties'\n >\n}>()\nconst { translate } = useLocalization()\n\ntype CallbackType = {\n name: string\n url: string\n method: HttpMethod\n callback: OperationObject\n}\n\n/* Extract the callbacks with method, url, and name */\nconst flattenedCallbacks = computed<CallbackType[]>(() => {\n const _callbacks: CallbackType[] = []\n\n // Loop over the name level\n objectEntries(callbacks).forEach(([name, pathItem]) => {\n // Loop over the url level\n objectEntries(getResolvedRef(pathItem)).forEach(([url, methods]) => {\n if (typeof methods !== 'object' \|\| !methods) {\n return\n }\n\n // Loop over the method level\n objectEntries(methods).forEach(([callbackMethod, callback]) => {\n if (!isHttpMethod(callbackMethod)) {\n return\n }\n\n _callbacks.push({\n name,\n url,\n method: callbackMethod,\n callback: callback,\n })\n })\n })\n })\n\n return _callbacks\n})\n</script>\n\n<template>\n <div\n :aria-label=\"translate('operation.callbacks')\"\n class=\"callbacks-list gap-3\"\n role=\"group\">\n <div class=\"callbacks-title text-c-1 my-3 text-lg font-medium\">\n {{ translate('operation.callbacks') }}\n </div>\n <Callback\n v-for=\"{ callback, method, name, url } in flattenedCallbacks\"\n :key=\"`${name}-${url}-${method}`\"\n :callback\n :document\n :eventBus\n :method\n :name\n :options\n :path\n :url />\n </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;EAgCA,MAAM,EAAE,cAAc,~~iBAAgB~~;EAUtC,MAAM,qBAAqB,eAA+B;GACxD,MAAM,aAA6B,~~EAAC~~;~~AAGpC~~,~~iBAAc~~,QAAA,~~UAAU~~,CAAC,SAAS,CAAC,MAAM,cAAc;~~AAErD~~,~~kBAAc~~,eAAe,~~SAAS~~,CAAC,CAAC,SAAS,CAAC,KAAK,aAAa;~~AAClE~~,~~SAAI~~,OAAO,YAAY,YAAY,CAAC,~~QAClC~~;~~AAIF~~,~~mBAAc~~,~~QAAQ~~,CAAC,SAAS,CAAC,gBAAgB,cAAc;~~AAC7D~~,~~UAAI~~,CAAC,aAAa,~~eAAe~~,~~CAC/B~~;~~AAGF~~,~~iBAAW~~,KAAK;OACd;OACA;OACA,QAAQ;OACE;~~OACX~~,~~CAAA~~;~~OACF~~;~~MACF~~;~~KACF~~;~~AAED~~,~~UAAO~~;~~IACR~~;;uBAIC,mBAkBM,OAAA;IAjBH,cAAY,MAAA,~~UAAS~~,CAAA,~~sBAAA~~;IACtB,OAAM;IACN,MAAK;OACL,mBAEM,OAFN,YAEM,gBADD,MAAA,~~UAAS~~,CAAA,~~sBAAA~~,CAAA,~~EAAA~~,~~EAAA~~,~~GAAA~~,UAAA,~~KAAA~~,~~EAEd~~,mBAUS,UAAA,MAAA,WATmC,mBAAA,QAAkB,EAAnD,UAAU,QAAQ,MAAM,UAAG;wBADtC,YAUS,kBAAA;KARN,KAAG,GAAK,KAAI,GAAI,IAAG,GAAI;KACvB;KACA,UAAA,QAAA;KACA,UAAA,QAAA;KACA;KACA;KACA,SAAA,QAAA;KACA,MAAA,QAAA;KACA"}
1	+ {"version":3,"file":"Callbacks.vue.script.js","names":[],"sources":["../../../../../src/features/Operation/components/callbacks/Callbacks.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { HttpMethod } from '@scalar/helpers/http/http-methods'\nimport { isHttpMethod } from '@scalar/helpers/http/is-http-method'\nimport { objectEntries } from '@scalar/helpers/object/object-entries'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport type {\n CallbackObject,\n OpenApiDocument,\n OperationObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed } from 'vue'\n\nimport { useLocalization } from '@/features/localization'\nimport type { OperationProps } from '@/features/Operation/Operation.vue'\n\nimport Callback from './Callback.vue'\n\nconst { path, callbacks, options } = defineProps<{\n path: string\n callbacks: CallbackObject\n eventBus: WorkspaceEventBus \| null\n /** The document the callbacks belong to, used to resolve schema references for display /\n document?: OpenApiDocument\n options: Pick<\n OperationProps['options'],\n \| 'hideModels'\n \| 'orderRequiredPropertiesFirst'\n \| 'orderSchemaPropertiesBy'\n \| 'expandAllSchemaProperties'\n >\n}>()\nconst { translate } = useLocalization()\n\ntype CallbackType = {\n name: string\n url: string\n method: HttpMethod\n callback: OperationObject\n}\n\n/* Extract the callbacks with method, url, and name */\nconst flattenedCallbacks = computed<CallbackType[]>(() => {\n const _callbacks: CallbackType[] = []\n\n // Loop over the name level\n objectEntries(callbacks).forEach(([name, pathItem]) => {\n // Loop over the url level\n objectEntries(getResolvedRef(pathItem)).forEach(([url, methods]) => {\n if (typeof methods !== 'object' \|\| !methods) {\n return\n }\n\n // Loop over the method level\n objectEntries(methods).forEach(([callbackMethod, callback]) => {\n if (!isHttpMethod(callbackMethod)) {\n return\n }\n\n _callbacks.push({\n name,\n url,\n method: callbackMethod,\n callback: callback,\n })\n })\n })\n })\n\n return _callbacks\n})\n</script>\n\n<template>\n <div\n :aria-label=\"translate('operation.callbacks')\"\n class=\"callbacks-list gap-3\"\n role=\"group\">\n <div class=\"callbacks-title text-c-1 my-3 text-lg font-medium\">\n {{ translate('operation.callbacks') }}\n </div>\n <Callback\n v-for=\"{ callback, method, name, url } in flattenedCallbacks\"\n :key=\"`${name}-${url}-${method}`\"\n :callback\n :document\n :eventBus\n :method\n :name\n :options\n :path\n :url />\n </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;EAgCA,MAAM,EAAE,cAAc,gBAAgB;EAUtC,MAAM,qBAAqB,eAA+B;GACxD,MAAM,aAA6B,CAAC;GAGpC,cAAc,QAAA,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,cAAc;IAErD,cAAc,eAAe,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,aAAa;KAClE,IAAI,OAAO,YAAY,YAAY,CAAC,SAClC;KAIF,cAAc,OAAO,CAAC,CAAC,SAAS,CAAC,gBAAgB,cAAc;MAC7D,IAAI,CAAC,aAAa,cAAc,GAC9B;MAGF,WAAW,KAAK;OACd;OACA;OACA,QAAQ;OACE;MACZ,CAAC;KACH,CAAC;IACH,CAAC;GACH,CAAC;GAED,OAAO;EACT,CAAC;;uBAIC,mBAkBM,OAAA;IAjBH,cAAY,MAAA,SAAA,CAAS,CAAA,qBAAA;IACtB,OAAM;IACN,MAAK;OACL,mBAEM,OAFN,YAEM,gBADD,MAAA,SAAA,CAAS,CAAA,qBAAA,CAAA,GAAA,CAAA,IAAA,UAAA,IAAA,GAEd,mBAUS,UAAA,MAAA,WATmC,mBAAA,QAAkB,EAAnD,UAAU,QAAQ,MAAM,UAAG;wBADtC,YAUS,kBAAA;KARN,KAAG,GAAK,KAAI,GAAI,IAAG,GAAI;KACvB;KACA,UAAA,QAAA;KACA,UAAA,QAAA;KACA;KACA;KACA,SAAA,QAAA;KACA,MAAA,QAAA;KACA"}

package/dist/features/Operation/components/helpers/get-parameter-examples.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"get-parameter-examples.js","names":[],"sources":["../../../../../src/features/Operation/components/helpers/get-parameter-examples.ts"],"sourcesContent":["import type { ParameterObject, ResponseObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { isObjectLike } from '@scalar/helpers/object/is-object'\n\nconst filterUndefined = (example: unknown): example is unknown => example !== undefined\n\ntype GetParameterExamplesArgs = {\n parameter: ParameterObject \| ResponseObject\n schemaExamples?: unknown[]\n contentExamples?: unknown\n}\n\n/*\n Build a normalized examples array from parameter/content/schema examples.\n * Undefined values are removed so the UI does not render \"undefined\" entries.\n */\nexport const getParameterExamples = ({\n parameter,\n schemaExamples,\n contentExamples,\n}: GetParameterExamplesArgs): unknown[] => {\n const paramExamples = 'examples' in parameter && isObjectLike(parameter.examples) ? parameter.examples : {}\n\n const recordExamples = Object.values({\n ...paramExamples,\n ...(isObjectLike(contentExamples) ? contentExamples : {}),\n }).filter(filterUndefined)\n\n const fallbackExample =\n recordExamples.length === 0 && 'example' in parameter && parameter.example !== undefined ? [parameter.example] : []\n\n const arrayExamples = (schemaExamples ?? fallbackExample).filter(filterUndefined)\n\n return [...recordExamples, ...arrayExamples]\n}\n"],"mappings":";;AAGA,IAAM,mBAAmB,YAAyC,YAAY,KAAA;;;;;AAY9E,IAAa,wBAAwB,EACnC,WACA,gBACA,sBACyC;CACzC,MAAM,gBAAgB,cAAc,aAAa,aAAa,UAAU,~~SAAS~~,~~GAAG~~,UAAU,WAAW,~~EAAE~~;~~CAE3G~~,MAAM,iBAAiB,OAAO,OAAO;EACnC,GAAG;EACH,GAAI,aAAa,~~gBAAgB~~,~~GAAG~~,kBAAkB,~~EAAE~~;~~EACzD~~,CAAC,CAAC,OAAO,~~gBAAgB~~;~~CAE1B~~,MAAM,kBACJ,eAAe,WAAW,KAAK,aAAa,aAAa,UAAU,YAAY,KAAA,IAAY,CAAC,UAAU,~~QAAQ~~,~~GAAG~~,~~EAAE~~;~~CAErH~~,MAAM,iBAAiB,kBAAkB,~~iBAAiB~~,OAAO,~~gBAAgB~~;~~AAEjF~~,~~QAAO~~,CAAC,GAAG,gBAAgB,GAAG,~~cAAc~~"}
1	+ {"version":3,"file":"get-parameter-examples.js","names":[],"sources":["../../../../../src/features/Operation/components/helpers/get-parameter-examples.ts"],"sourcesContent":["import type { ParameterObject, ResponseObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { isObjectLike } from '@scalar/helpers/object/is-object'\n\nconst filterUndefined = (example: unknown): example is unknown => example !== undefined\n\ntype GetParameterExamplesArgs = {\n parameter: ParameterObject \| ResponseObject\n schemaExamples?: unknown[]\n contentExamples?: unknown\n}\n\n/*\n Build a normalized examples array from parameter/content/schema examples.\n * Undefined values are removed so the UI does not render \"undefined\" entries.\n */\nexport const getParameterExamples = ({\n parameter,\n schemaExamples,\n contentExamples,\n}: GetParameterExamplesArgs): unknown[] => {\n const paramExamples = 'examples' in parameter && isObjectLike(parameter.examples) ? parameter.examples : {}\n\n const recordExamples = Object.values({\n ...paramExamples,\n ...(isObjectLike(contentExamples) ? contentExamples : {}),\n }).filter(filterUndefined)\n\n const fallbackExample =\n recordExamples.length === 0 && 'example' in parameter && parameter.example !== undefined ? [parameter.example] : []\n\n const arrayExamples = (schemaExamples ?? fallbackExample).filter(filterUndefined)\n\n return [...recordExamples, ...arrayExamples]\n}\n"],"mappings":";;AAGA,IAAM,mBAAmB,YAAyC,YAAY,KAAA;;;;;AAY9E,IAAa,wBAAwB,EACnC,WACA,gBACA,sBACyC;CACzC,MAAM,gBAAgB,cAAc,aAAa,aAAa,UAAU,QAAQ,IAAI,UAAU,WAAW,CAAC;CAE1G,MAAM,iBAAiB,OAAO,OAAO;EACnC,GAAG;EACH,GAAI,aAAa,eAAe,IAAI,kBAAkB,CAAC;CACzD,CAAC,CAAC,CAAC,OAAO,eAAe;CAEzB,MAAM,kBACJ,eAAe,WAAW,KAAK,aAAa,aAAa,UAAU,YAAY,KAAA,IAAY,CAAC,UAAU,OAAO,IAAI,CAAC;CAEpH,MAAM,iBAAiB,kBAAkB,gBAAA,CAAiB,OAAO,eAAe;CAEhF,OAAO,CAAC,GAAG,gBAAgB,GAAG,aAAa;AAC7C"}

package/dist/features/Operation/helpers/filter-selected-security.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"filter-selected-security.js","names":[],"sources":["../../../../src/features/Operation/helpers/filter-selected-security.ts"],"sourcesContent":["import type { SelectedSecurity } from '@scalar/workspace-store/entities/auth'\nimport type { SecuritySchemeObjectSecret } from '@scalar/workspace-store/request-example'\nimport {\n type MergedSecuritySchemes,\n getSecuritySchemes,\n getSelectedSecurity,\n} from '@scalar/workspace-store/request-example'\nimport type {\n OpenApiDocument,\n OperationObject,\n SecurityRequirementObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\n\n/** Builds a quick cache key from the sorted object keys /\nconst getKey = (requirement: SecurityRequirementObject) => Object.keys(requirement).sort().join(',')\n\n/\n Find the intersection between which security is selected on the document and what this operation requires\n \n If there is no overlap, we return the first requirement\n /\nexport const filterSelectedSecurity = (\n document: OpenApiDocument,\n operation: OperationObject \| null,\n selectedSecurityDocument?: SelectedSecurity,\n selectedSecurityOperation?: SelectedSecurity,\n securitySchemes: MergedSecuritySchemes = {},\n): SecuritySchemeObjectSecret[] => {\n const securityRequirements = operation?.security ?? document.security ?? []\n\n /* The selected security keys for the document /\n const selectedSecurity = getSelectedSecurity(\n selectedSecurityDocument,\n selectedSecurityOperation,\n securityRequirements,\n )\n\n /* Build a set for O(1) lookup /\n const requirementSet = new Set(securityRequirements.map((r) => getKey(r)))\n\n // Lets check the selectedIndex first\n const selectedRequirement = selectedSecurity.selectedSchemes[selectedSecurity.selectedIndex]\n if (selectedRequirement && requirementSet.has(getKey(selectedRequirement))) {\n return getSecuritySchemes(securitySchemes, selectedRequirement)\n }\n\n // Otherwise lets loop over all selected\n for (const selected of selectedSecurity.selectedSchemes) {\n if (requirementSet.has(getKey(selected))) {\n return getSecuritySchemes(securitySchemes, selected)\n }\n }\n\n /\n If we are selected security on the document,\n * we should show the first requirement of the operation to show auth is required\n */\n if (operation?.security?.length) {\n return getSecuritySchemes(securitySchemes, securityRequirements[0] ?? {})\n }\n\n return []\n}\n"],"mappings":";;;AAcA,IAAM,UAAU,gBAA2C,OAAO,KAAK,~~YAAY~~,CAAC,~~MAAM~~,CAAC,KAAK,~~IAAI~~;;;;;;~~AAOpG~~,IAAa,0BACX,UACA,WACA,0BACA,2BACA,kBAAyC,~~EAAE~~,~~KACV~~;CACjC,MAAM,uBAAuB,WAAW,YAAY,SAAS,YAAY,~~EAAE~~;;~~CAG3E~~,MAAM,mBAAmB,oBACvB,0BACA,2BACA,~~qBACD~~;;~~CAGD~~,MAAM,iBAAiB,IAAI,IAAI,qBAAqB,KAAK,MAAM,OAAO,~~EAAE~~,CAAC,CAAC;~~CAG1E~~,MAAM,sBAAsB,iBAAiB,gBAAgB,iBAAiB;~~AAC9E~~,~~KAAI~~,uBAAuB,eAAe,IAAI,OAAO,~~oBAAoB~~,CAAC,~~CACxE~~,~~QAAO~~,mBAAmB,iBAAiB,~~oBAAoB~~;~~AAIjE~~,~~MAAK~~,MAAM,YAAY,iBAAiB,~~gBACtC~~,~~KAAI~~,eAAe,IAAI,OAAO,~~SAAS~~,CAAC,~~CACtC~~,~~QAAO~~,mBAAmB,iBAAiB,~~SAAS~~;;;;;~~AAQxD~~,~~KAAI~~,WAAW,UAAU,~~OACvB~~,~~QAAO~~,mBAAmB,iBAAiB,qBAAqB,MAAM,~~EAAE~~,CAAC;~~AAG3E~~,~~QAAO~~,~~EAAE~~"}
1	+ {"version":3,"file":"filter-selected-security.js","names":[],"sources":["../../../../src/features/Operation/helpers/filter-selected-security.ts"],"sourcesContent":["import type { SelectedSecurity } from '@scalar/workspace-store/entities/auth'\nimport type { SecuritySchemeObjectSecret } from '@scalar/workspace-store/request-example'\nimport {\n type MergedSecuritySchemes,\n getSecuritySchemes,\n getSelectedSecurity,\n} from '@scalar/workspace-store/request-example'\nimport type {\n OpenApiDocument,\n OperationObject,\n SecurityRequirementObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\n\n/** Builds a quick cache key from the sorted object keys /\nconst getKey = (requirement: SecurityRequirementObject) => Object.keys(requirement).sort().join(',')\n\n/\n Find the intersection between which security is selected on the document and what this operation requires\n \n If there is no overlap, we return the first requirement\n /\nexport const filterSelectedSecurity = (\n document: OpenApiDocument,\n operation: OperationObject \| null,\n selectedSecurityDocument?: SelectedSecurity,\n selectedSecurityOperation?: SelectedSecurity,\n securitySchemes: MergedSecuritySchemes = {},\n): SecuritySchemeObjectSecret[] => {\n const securityRequirements = operation?.security ?? document.security ?? []\n\n /* The selected security keys for the document /\n const selectedSecurity = getSelectedSecurity(\n selectedSecurityDocument,\n selectedSecurityOperation,\n securityRequirements,\n )\n\n /* Build a set for O(1) lookup /\n const requirementSet = new Set(securityRequirements.map((r) => getKey(r)))\n\n // Lets check the selectedIndex first\n const selectedRequirement = selectedSecurity.selectedSchemes[selectedSecurity.selectedIndex]\n if (selectedRequirement && requirementSet.has(getKey(selectedRequirement))) {\n return getSecuritySchemes(securitySchemes, selectedRequirement)\n }\n\n // Otherwise lets loop over all selected\n for (const selected of selectedSecurity.selectedSchemes) {\n if (requirementSet.has(getKey(selected))) {\n return getSecuritySchemes(securitySchemes, selected)\n }\n }\n\n /\n If we are selected security on the document,\n * we should show the first requirement of the operation to show auth is required\n */\n if (operation?.security?.length) {\n return getSecuritySchemes(securitySchemes, securityRequirements[0] ?? {})\n }\n\n return []\n}\n"],"mappings":";;;AAcA,IAAM,UAAU,gBAA2C,OAAO,KAAK,WAAW,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,GAAG;;;;;;AAOnG,IAAa,0BACX,UACA,WACA,0BACA,2BACA,kBAAyC,CAAC,MACT;CACjC,MAAM,uBAAuB,WAAW,YAAY,SAAS,YAAY,CAAC;;CAG1E,MAAM,mBAAmB,oBACvB,0BACA,2BACA,oBACF;;CAGA,MAAM,iBAAiB,IAAI,IAAI,qBAAqB,KAAK,MAAM,OAAO,CAAC,CAAC,CAAC;CAGzE,MAAM,sBAAsB,iBAAiB,gBAAgB,iBAAiB;CAC9E,IAAI,uBAAuB,eAAe,IAAI,OAAO,mBAAmB,CAAC,GACvE,OAAO,mBAAmB,iBAAiB,mBAAmB;CAIhE,KAAK,MAAM,YAAY,iBAAiB,iBACtC,IAAI,eAAe,IAAI,OAAO,QAAQ,CAAC,GACrC,OAAO,mBAAmB,iBAAiB,QAAQ;;;;;CAQvD,IAAI,WAAW,UAAU,QACvB,OAAO,mBAAmB,iBAAiB,qBAAqB,MAAM,CAAC,CAAC;CAG1E,OAAO,CAAC;AACV"}

package/dist/features/Operation/helpers/flatten-deep-object-query-parameter.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"flatten-deep-object-query-parameter.js","names":[],"sources":["../../../../src/features/Operation/helpers/flatten-deep-object-query-parameter.ts"],"sourcesContent":["import { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport type {\n ParameterObject,\n ParameterWithSchemaObject,\n ReferenceType,\n SchemaObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { isObjectSchema } from '@scalar/workspace-store/schemas/v3.1/strict/type-guards'\n\ntype ParameterWithRequiredSchema = ParameterWithSchemaObject & {\n schema: ReferenceType<SchemaObject>\n}\n\nconst isParameterWithSchema = (parameter: ParameterObject): parameter is ParameterWithRequiredSchema =>\n 'schema' in parameter && parameter.schema !== undefined\n\nconst resolveSchema = (schema: unknown): SchemaObject \| undefined => {\n const resolvedSchema = getResolvedRef(schema as SchemaObject \| { '$ref': string; '$ref-value': SchemaObject })\n\n return resolvedSchema as SchemaObject \| undefined\n}\n\nconst toFlattenedDeepObjectParameter = (\n parameter: ParameterWithRequiredSchema,\n name: string,\n description: string \| undefined,\n required: boolean,\n schema: SchemaObject,\n): ParameterWithRequiredSchema => {\n const { example: _example, examples: _examples, ...parameterWithoutExamples } = parameter\n\n return {\n ...parameterWithoutExamples,\n name,\n description,\n required,\n schema,\n }\n}\n\nconst flattenDeepObjectProperties = (\n parameter: ParameterWithRequiredSchema,\n schema: Extract<SchemaObject, { type: 'object' }>,\n namePrefix: string,\n): ParameterObject[] => {\n if (!schema.properties) {\n return [parameter]\n }\n\n const requiredProperties = new Set(schema.required ?? [])\n const flattenedParameters = Object.entries(schema.properties).flatMap(([propertyName, propertySchema]) => {\n const resolvedPropertySchema = resolveSchema(propertySchema)\n if (!resolvedPropertySchema) {\n return []\n }\n\n const nestedName = `${namePrefix}[${propertyName}]`\n const nestedParameter = toFlattenedDeepObjectParameter(\n parameter,\n nestedName,\n resolvedPropertySchema.description ?? parameter.description,\n requiredProperties.has(propertyName),\n resolvedPropertySchema,\n )\n\n if (isObjectSchema(resolvedPropertySchema) && resolvedPropertySchema.properties) {\n return flattenDeepObjectProperties(nestedParameter, resolvedPropertySchema, nestedName)\n }\n\n return [nestedParameter]\n })\n\n return flattenedParameters.length > 0 ? flattenedParameters : [parameter]\n}\n\n/*\n Deep object query parameters serialize as name[prop] pairs in URLs.\n * Rendering the same shape keeps docs aligned with the request UI.\n */\nexport const flattenDeepObjectQueryParameter = (parameter: ParameterObject): ParameterObject[] => {\n if (parameter.in !== 'query' \|\| !isParameterWithSchema(parameter) \|\| parameter.style !== 'deepObject') {\n return [parameter]\n }\n\n const resolvedSchema = resolveSchema(parameter.schema)\n if (!resolvedSchema \|\| !isObjectSchema(resolvedSchema)) {\n return [parameter]\n }\n\n return flattenDeepObjectProperties(parameter, resolvedSchema, parameter.name)\n}\n"],"mappings":";;;AAaA,IAAM,yBAAyB,cAC7B,YAAY,aAAa,UAAU,WAAW,KAAA;AAEhD,IAAM,iBAAiB,WAA8C;~~AAGnE~~,~~QAFuB~~,eAAe,~~OAAwE;;AAKhH~~,IAAM,kCACJ,WACA,MACA,aACA,UACA,WACgC;CAChC,MAAM,EAAE,SAAS,UAAU,UAAU,WAAW,GAAG,6BAA6B;~~AAEhF~~,~~QAAO~~;EACL,GAAG;EACH;EACA;EACA;EACA;~~EACD;;AAGH~~,IAAM,+BACJ,WACA,QACA,eACsB;~~AACtB~~,~~KAAI~~,CAAC,OAAO,~~WACV~~,~~QAAO~~,CAAC,~~UAAU~~;~~CAGpB~~,MAAM,qBAAqB,IAAI,IAAI,OAAO,YAAY,~~EAAE~~,CAAC;~~CACzD~~,MAAM,sBAAsB,OAAO,QAAQ,OAAO,~~WAAW~~,CAAC,SAAS,CAAC,cAAc,oBAAoB;EACxG,MAAM,yBAAyB,cAAc,~~eAAe~~;~~AAC5D~~,~~MAAI~~,CAAC,~~uBACH~~,~~QAAO~~,~~EAAE~~;~~EAGX~~,MAAM,aAAa,GAAG,WAAW,GAAG,aAAa;EACjD,MAAM,kBAAkB,+BACtB,WACA,YACA,uBAAuB,eAAe,UAAU,aAChD,mBAAmB,IAAI,~~aAAa~~,~~EACpC~~,~~uBACD~~;~~AAED~~,~~MAAI~~,eAAe,~~uBAAuB~~,~~IAAI~~,uBAAuB,~~WACnE~~,~~QAAO~~,4BAA4B,iBAAiB,wBAAwB,~~WAAW~~;~~AAGzF~~,~~SAAO~~,CAAC,~~gBAAgB~~;~~GACxB~~;~~AAEF~~,~~QAAO~~,oBAAoB,SAAS,IAAI,sBAAsB,CAAC,~~UAAU;;;;;;AAO3E~~,IAAa,mCAAmC,cAAkD;~~AAChG~~,~~KAAI~~,UAAU,OAAO,WAAW,CAAC,sBAAsB,~~UAAU~~,~~IAAI~~,UAAU,UAAU,~~aACvF~~,~~QAAO~~,CAAC,~~UAAU~~;~~CAGpB~~,MAAM,iBAAiB,cAAc,UAAU,~~OAAO~~;~~AACtD~~,~~KAAI~~,CAAC,kBAAkB,CAAC,eAAe,~~eAAe~~,~~CACpD~~,~~QAAO~~,CAAC,~~UAAU~~;~~AAGpB~~,~~QAAO~~,4BAA4B,WAAW,gBAAgB,UAAU,~~KAAK~~"}
1	+ {"version":3,"file":"flatten-deep-object-query-parameter.js","names":[],"sources":["../../../../src/features/Operation/helpers/flatten-deep-object-query-parameter.ts"],"sourcesContent":["import { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport type {\n ParameterObject,\n ParameterWithSchemaObject,\n ReferenceType,\n SchemaObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { isObjectSchema } from '@scalar/workspace-store/schemas/v3.1/strict/type-guards'\n\ntype ParameterWithRequiredSchema = ParameterWithSchemaObject & {\n schema: ReferenceType<SchemaObject>\n}\n\nconst isParameterWithSchema = (parameter: ParameterObject): parameter is ParameterWithRequiredSchema =>\n 'schema' in parameter && parameter.schema !== undefined\n\nconst resolveSchema = (schema: unknown): SchemaObject \| undefined => {\n const resolvedSchema = getResolvedRef(schema as SchemaObject \| { '$ref': string; '$ref-value': SchemaObject })\n\n return resolvedSchema as SchemaObject \| undefined\n}\n\nconst toFlattenedDeepObjectParameter = (\n parameter: ParameterWithRequiredSchema,\n name: string,\n description: string \| undefined,\n required: boolean,\n schema: SchemaObject,\n): ParameterWithRequiredSchema => {\n const { example: _example, examples: _examples, ...parameterWithoutExamples } = parameter\n\n return {\n ...parameterWithoutExamples,\n name,\n description,\n required,\n schema,\n }\n}\n\nconst flattenDeepObjectProperties = (\n parameter: ParameterWithRequiredSchema,\n schema: Extract<SchemaObject, { type: 'object' }>,\n namePrefix: string,\n): ParameterObject[] => {\n if (!schema.properties) {\n return [parameter]\n }\n\n const requiredProperties = new Set(schema.required ?? [])\n const flattenedParameters = Object.entries(schema.properties).flatMap(([propertyName, propertySchema]) => {\n const resolvedPropertySchema = resolveSchema(propertySchema)\n if (!resolvedPropertySchema) {\n return []\n }\n\n const nestedName = `${namePrefix}[${propertyName}]`\n const nestedParameter = toFlattenedDeepObjectParameter(\n parameter,\n nestedName,\n resolvedPropertySchema.description ?? parameter.description,\n requiredProperties.has(propertyName),\n resolvedPropertySchema,\n )\n\n if (isObjectSchema(resolvedPropertySchema) && resolvedPropertySchema.properties) {\n return flattenDeepObjectProperties(nestedParameter, resolvedPropertySchema, nestedName)\n }\n\n return [nestedParameter]\n })\n\n return flattenedParameters.length > 0 ? flattenedParameters : [parameter]\n}\n\n/*\n Deep object query parameters serialize as name[prop] pairs in URLs.\n * Rendering the same shape keeps docs aligned with the request UI.\n */\nexport const flattenDeepObjectQueryParameter = (parameter: ParameterObject): ParameterObject[] => {\n if (parameter.in !== 'query' \|\| !isParameterWithSchema(parameter) \|\| parameter.style !== 'deepObject') {\n return [parameter]\n }\n\n const resolvedSchema = resolveSchema(parameter.schema)\n if (!resolvedSchema \|\| !isObjectSchema(resolvedSchema)) {\n return [parameter]\n }\n\n return flattenDeepObjectProperties(parameter, resolvedSchema, parameter.name)\n}\n"],"mappings":";;;AAaA,IAAM,yBAAyB,cAC7B,YAAY,aAAa,UAAU,WAAW,KAAA;AAEhD,IAAM,iBAAiB,WAA8C;CAGnE,OAFuB,eAAe,MAE/B;AACT;AAEA,IAAM,kCACJ,WACA,MACA,aACA,UACA,WACgC;CAChC,MAAM,EAAE,SAAS,UAAU,UAAU,WAAW,GAAG,6BAA6B;CAEhF,OAAO;EACL,GAAG;EACH;EACA;EACA;EACA;CACF;AACF;AAEA,IAAM,+BACJ,WACA,QACA,eACsB;CACtB,IAAI,CAAC,OAAO,YACV,OAAO,CAAC,SAAS;CAGnB,MAAM,qBAAqB,IAAI,IAAI,OAAO,YAAY,CAAC,CAAC;CACxD,MAAM,sBAAsB,OAAO,QAAQ,OAAO,UAAU,CAAC,CAAC,SAAS,CAAC,cAAc,oBAAoB;EACxG,MAAM,yBAAyB,cAAc,cAAc;EAC3D,IAAI,CAAC,wBACH,OAAO,CAAC;EAGV,MAAM,aAAa,GAAG,WAAW,GAAG,aAAa;EACjD,MAAM,kBAAkB,+BACtB,WACA,YACA,uBAAuB,eAAe,UAAU,aAChD,mBAAmB,IAAI,YAAY,GACnC,sBACF;EAEA,IAAI,eAAe,sBAAsB,KAAK,uBAAuB,YACnE,OAAO,4BAA4B,iBAAiB,wBAAwB,UAAU;EAGxF,OAAO,CAAC,eAAe;CACzB,CAAC;CAED,OAAO,oBAAoB,SAAS,IAAI,sBAAsB,CAAC,SAAS;AAC1E;;;;;AAMA,IAAa,mCAAmC,cAAkD;CAChG,IAAI,UAAU,OAAO,WAAW,CAAC,sBAAsB,SAAS,KAAK,UAAU,UAAU,cACvF,OAAO,CAAC,SAAS;CAGnB,MAAM,iBAAiB,cAAc,UAAU,MAAM;CACrD,IAAI,CAAC,kBAAkB,CAAC,eAAe,cAAc,GACnD,OAAO,CAAC,SAAS;CAGnB,OAAO,4BAA4B,WAAW,gBAAgB,UAAU,IAAI;AAC9E"}

package/dist/features/Operation/helpers/get-required-security.d.ts CHANGED Viewed

@@ -38,4 +38,17 @@ export type RequiredSecurity = {
  * appears — whether alongside real requirements or as the only entry — auth is treated as optional (state: 'optional').
  */
 export declare const getRequiredSecurity: (operation: Pick<OperationObject, "security"> | null | undefined, document: Pick<OpenApiDocument, "security" | "components">) => RequiredSecurity;
+/**
+ * Required OAuth scopes grouped by security alternative (OR).
+ *
+ * Each returned array is the de-duplicated set of scopes for one alternative, kept in
+ * declaration order. Scopes are only collected for OAuth2 / OpenID Connect schemes, so
+ * alternatives without any scopes (for example API-key-only auth) are omitted and the
+ * result is empty when the operation requires no OAuth scopes.
+ *
+ * Grouping is preserved intentionally: unioning scopes across alternatives would imply
+ * that mutually exclusive scope sets are all required at once, which misstates OpenAPI
+ * OR semantics.
+ */
+export declare const getRequiredScopeGroups: (requiredSecurity: RequiredSecurity) => string[][];
 //# sourceMappingURL=get-required-security.d.ts.map

package/dist/features/Operation/helpers/get-required-security.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"get-required-security.d.ts","sourceRoot":"","sources":["../../../../src/features/Operation/helpers/get-required-security.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8DAA8D,CAAA;AACnG,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uDAAuD,CAAA;AAC5F,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,6DAA6D,CAAA;AAEvG,MAAM,MAAM,qBAAqB,GAAG,UAAU,GAAG,UAAU,GAAG,MAAM,CAAA;AAEpE,MAAM,MAAM,sBAAsB,GAAG;IACnC,8DAA8D;IAC9D,IAAI,EAAE,MAAM,CAAA;IACZ,kGAAkG;IAClG,MAAM,EAAE,oBAAoB,GAAG,SAAS,CAAA;IACxC,mGAAmG;IACnG,MAAM,EAAE,MAAM,EAAE,CAAA;CACjB,CAAA;AAED;;;GAGG;AACH,MAAM,MAAM,qBAAqB,GAAG;IAClC,OAAO,EAAE,sBAAsB,EAAE,CAAA;CAClC,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,qBAAqB,CAAA;IAC5B;;;;;;;OAOG;IACH,YAAY,EAAE,qBAAqB,EAAE,CAAA;CACtC,CAAA;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,mBAAmB,GAC9B,WAAW,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,GAAG,IAAI,GAAG,SAAS,EAC/D,UAAU,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,YAAY,CAAC,KACzD,gBAgCF,CAAA"}
1	+ {"version":3,"file":"get-required-security.d.ts","sourceRoot":"","sources":["../../../../src/features/Operation/helpers/get-required-security.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8DAA8D,CAAA;AACnG,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uDAAuD,CAAA;AAC5F,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,6DAA6D,CAAA;AAEvG,MAAM,MAAM,qBAAqB,GAAG,UAAU,GAAG,UAAU,GAAG,MAAM,CAAA;AAEpE,MAAM,MAAM,sBAAsB,GAAG;IACnC,8DAA8D;IAC9D,IAAI,EAAE,MAAM,CAAA;IACZ,kGAAkG;IAClG,MAAM,EAAE,oBAAoB,GAAG,SAAS,CAAA;IACxC,mGAAmG;IACnG,MAAM,EAAE,MAAM,EAAE,CAAA;CACjB,CAAA;AAED;;;GAGG;AACH,MAAM,MAAM,qBAAqB,GAAG;IAClC,OAAO,EAAE,sBAAsB,EAAE,CAAA;CAClC,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,qBAAqB,CAAA;IAC5B;;;;;;;OAOG;IACH,YAAY,EAAE,qBAAqB,EAAE,CAAA;CACtC,CAAA;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,mBAAmB,GAC9B,WAAW,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,GAAG,IAAI,GAAG,SAAS,EAC/D,UAAU,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,YAAY,CAAC,KACzD,gBAgCF,CAAA;AAED;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,sBAAsB,GAAI,kBAAkB,gBAAgB,KAAG,MAAM,EAAE,EAkBnF,CAAA"}

package/dist/features/Operation/helpers/get-required-security.js CHANGED Viewed

@@ -35,7 +35,28 @@ var getRequiredSecurity = (operation, document) => {
 		requirements: groups
 	};
 };
+/**
+* Required OAuth scopes grouped by security alternative (OR).
+*
+* Each returned array is the de-duplicated set of scopes for one alternative, kept in
+* declaration order. Scopes are only collected for OAuth2 / OpenID Connect schemes, so
+* alternatives without any scopes (for example API-key-only auth) are omitted and the
+* result is empty when the operation requires no OAuth scopes.
+*
+* Grouping is preserved intentionally: unioning scopes across alternatives would imply
+* that mutually exclusive scope sets are all required at once, which misstates OpenAPI
+* OR semantics.
+*/
+var getRequiredScopeGroups = (requiredSecurity) => {
+	const groups = [];
+	for (const group of requiredSecurity.requirements) {
+		const collected = /* @__PURE__ */ new Set();
+		for (const scheme of group.schemes) for (const scope of scheme.scopes) collected.add(scope);
+		if (collected.size > 0) groups.push([...collected]);
+	}
+	return groups;
+};
 //#endregion
-export { getRequiredSecurity };
+export { getRequiredScopeGroups, getRequiredSecurity };
 //# sourceMappingURL=get-required-security.js.map

package/dist/features/Operation/helpers/get-required-security.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"get-required-security.js","names":[],"sources":["../../../../src/features/Operation/helpers/get-required-security.ts"],"sourcesContent":["import { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport { isNonOptionalSecurityRequirement } from '@scalar/workspace-store/helpers/is-non-optional-security-requirement'\nimport type { OpenApiDocument } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport type { OperationObject } from '@scalar/workspace-store/schemas/v3.1/strict/operation'\nimport type { SecuritySchemeObject } from '@scalar/workspace-store/schemas/v3.1/strict/security-scheme'\n\nexport type RequiredSecurityState = 'required' \| 'optional' \| 'none'\n\nexport type RequiredSecurityScheme = {\n /** Scheme key as declared in `components.securitySchemes`. /\n name: string\n /* Resolved scheme object. `undefined` if the referenced scheme isn't defined on the document. /\n scheme: SecuritySchemeObject \| undefined\n /* Scopes required by the operation for this scheme (OAuth2 / OpenID Connect). Empty otherwise. /\n scopes: string[]\n}\n\n/\n One alternative in the security requirement list.\n * All schemes within a group must be satisfied simultaneously (AND semantics).\n /\nexport type RequiredSecurityGroup = {\n schemes: RequiredSecurityScheme[]\n}\n\nexport type RequiredSecurity = {\n state: RequiredSecurityState\n /\n Each element is one alternative (OR semantics). Within each group, all schemes\n * must be satisfied simultaneously (AND semantics). Empty when `state === 'none'`.\n \n Mirrors the OpenAPI `security` array structure:\n * - outer array → OR (satisfy any one group)\n * - inner object → AND (all schemes in a group are required together)\n /\n requirements: RequiredSecurityGroup[]\n}\n\n/\n Determine whether an operation requires authentication, using `operation.security ?? document.security`\n * as the source of truth. Operation-level `security` fully overrides document-level — including `security: []`,\n * which explicitly opts the operation out of auth.\n \n OpenAPI encodes \"auth is optional\" by including an empty requirement object `{}`. Whenever `{}`\n * appears — whether alongside real requirements or as the only entry — auth is treated as optional (state: 'optional').\n */\nexport const getRequiredSecurity = (\n operation: Pick<OperationObject, 'security'> \| null \| undefined,\n document: Pick<OpenApiDocument, 'security' \| 'components'>,\n): RequiredSecurity => {\n const securityList = operation?.security ?? document.security ?? []\n const definedSchemes = document.components?.securitySchemes ?? {}\n\n let hasEmpty = false\n const groups: RequiredSecurityGroup[] = []\n\n for (const requirement of securityList) {\n if (!isNonOptionalSecurityRequirement(requirement)) {\n hasEmpty = true\n continue\n }\n\n const schemes: RequiredSecurityScheme[] = Object.entries(requirement).map(([name, scopes]) => ({\n name,\n scheme: getResolvedRef(definedSchemes[name]),\n scopes: scopes.filter((s) => s.length > 0),\n }))\n\n if (schemes.length > 0) {\n groups.push({ schemes })\n }\n }\n\n if (groups.length === 0) {\n return { state: hasEmpty ? 'optional' : 'none', requirements: [] }\n }\n\n return {\n state: hasEmpty ? 'optional' : 'required',\n requirements: groups,\n }\n}\n"],"mappings":";;;;;;;;;;;AA8CA,IAAa,uBACX,WACA,aACqB;CACrB,MAAM,eAAe,WAAW,YAAY,SAAS,YAAY,~~EAAE~~;~~CACnE~~,MAAM,iBAAiB,SAAS,YAAY,mBAAmB,~~EAAE~~;~~CAEjE~~,IAAI,WAAW;CACf,MAAM,SAAkC,~~EAAE~~;~~AAE1C~~,~~MAAK~~,MAAM,eAAe,cAAc;~~AACtC~~,~~MAAI~~,CAAC,iCAAiC,~~YAAY~~,~~EAAE~~;~~AAClD~~,~~cAAW~~;~~AACX;;EAGF~~,MAAM,UAAoC,OAAO,QAAQ,~~YAAY~~,CAAC,KAAK,CAAC,MAAM,aAAa;GAC7F;GACA,QAAQ,eAAe,eAAe,~~MAAM~~;~~GAC5C~~,QAAQ,OAAO,QAAQ,MAAM,EAAE,SAAS,~~EAAE~~;~~GAC3C~~,EAAE;~~AAEH~~,~~MAAI~~,QAAQ,SAAS,~~EACnB~~,~~QAAO~~,KAAK,EAAE,~~SAAS~~,CAAC~~;;AAI5B~~,~~KAAI~~,OAAO,WAAW,~~EACpB~~,~~QAAO~~;EAAE,OAAO,WAAW,aAAa;EAAQ,cAAc,~~EAAE~~;~~EAAE~~;~~AAGpE~~,~~QAAO~~;EACL,OAAO,WAAW,aAAa;EAC/B,cAAc;~~EACf~~"}
1	+ {"version":3,"file":"get-required-security.js","names":[],"sources":["../../../../src/features/Operation/helpers/get-required-security.ts"],"sourcesContent":["import { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport { isNonOptionalSecurityRequirement } from '@scalar/workspace-store/helpers/is-non-optional-security-requirement'\nimport type { OpenApiDocument } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport type { OperationObject } from '@scalar/workspace-store/schemas/v3.1/strict/operation'\nimport type { SecuritySchemeObject } from '@scalar/workspace-store/schemas/v3.1/strict/security-scheme'\n\nexport type RequiredSecurityState = 'required' \| 'optional' \| 'none'\n\nexport type RequiredSecurityScheme = {\n /** Scheme key as declared in `components.securitySchemes`. /\n name: string\n /* Resolved scheme object. `undefined` if the referenced scheme isn't defined on the document. /\n scheme: SecuritySchemeObject \| undefined\n /* Scopes required by the operation for this scheme (OAuth2 / OpenID Connect). Empty otherwise. /\n scopes: string[]\n}\n\n/\n One alternative in the security requirement list.\n * All schemes within a group must be satisfied simultaneously (AND semantics).\n /\nexport type RequiredSecurityGroup = {\n schemes: RequiredSecurityScheme[]\n}\n\nexport type RequiredSecurity = {\n state: RequiredSecurityState\n /\n Each element is one alternative (OR semantics). Within each group, all schemes\n * must be satisfied simultaneously (AND semantics). Empty when `state === 'none'`.\n \n Mirrors the OpenAPI `security` array structure:\n * - outer array → OR (satisfy any one group)\n * - inner object → AND (all schemes in a group are required together)\n /\n requirements: RequiredSecurityGroup[]\n}\n\n/\n Determine whether an operation requires authentication, using `operation.security ?? document.security`\n * as the source of truth. Operation-level `security` fully overrides document-level — including `security: []`,\n * which explicitly opts the operation out of auth.\n \n OpenAPI encodes \"auth is optional\" by including an empty requirement object `{}`. Whenever `{}`\n * appears — whether alongside real requirements or as the only entry — auth is treated as optional (state: 'optional').\n /\nexport const getRequiredSecurity = (\n operation: Pick<OperationObject, 'security'> \| null \| undefined,\n document: Pick<OpenApiDocument, 'security' \| 'components'>,\n): RequiredSecurity => {\n const securityList = operation?.security ?? document.security ?? []\n const definedSchemes = document.components?.securitySchemes ?? {}\n\n let hasEmpty = false\n const groups: RequiredSecurityGroup[] = []\n\n for (const requirement of securityList) {\n if (!isNonOptionalSecurityRequirement(requirement)) {\n hasEmpty = true\n continue\n }\n\n const schemes: RequiredSecurityScheme[] = Object.entries(requirement).map(([name, scopes]) => ({\n name,\n scheme: getResolvedRef(definedSchemes[name]),\n scopes: scopes.filter((s) => s.length > 0),\n }))\n\n if (schemes.length > 0) {\n groups.push({ schemes })\n }\n }\n\n if (groups.length === 0) {\n return { state: hasEmpty ? 'optional' : 'none', requirements: [] }\n }\n\n return {\n state: hasEmpty ? 'optional' : 'required',\n requirements: groups,\n }\n}\n\n/\n Required OAuth scopes grouped by security alternative (OR).\n \n Each returned array is the de-duplicated set of scopes for one alternative, kept in\n * declaration order. Scopes are only collected for OAuth2 / OpenID Connect schemes, so\n * alternatives without any scopes (for example API-key-only auth) are omitted and the\n * result is empty when the operation requires no OAuth scopes.\n \n Grouping is preserved intentionally: unioning scopes across alternatives would imply\n * that mutually exclusive scope sets are all required at once, which misstates OpenAPI\n * OR semantics.\n */\nexport const getRequiredScopeGroups = (requiredSecurity: RequiredSecurity): string[][] => {\n const groups: string[][] = []\n\n for (const group of requiredSecurity.requirements) {\n const collected = new Set<string>()\n\n for (const scheme of group.schemes) {\n for (const scope of scheme.scopes) {\n collected.add(scope)\n }\n }\n\n if (collected.size > 0) {\n groups.push([...collected])\n }\n }\n\n return groups\n}\n"],"mappings":";;;;;;;;;;;AA8CA,IAAa,uBACX,WACA,aACqB;CACrB,MAAM,eAAe,WAAW,YAAY,SAAS,YAAY,CAAC;CAClE,MAAM,iBAAiB,SAAS,YAAY,mBAAmB,CAAC;CAEhE,IAAI,WAAW;CACf,MAAM,SAAkC,CAAC;CAEzC,KAAK,MAAM,eAAe,cAAc;EACtC,IAAI,CAAC,iCAAiC,WAAW,GAAG;GAClD,WAAW;GACX;EACF;EAEA,MAAM,UAAoC,OAAO,QAAQ,WAAW,CAAC,CAAC,KAAK,CAAC,MAAM,aAAa;GAC7F;GACA,QAAQ,eAAe,eAAe,KAAK;GAC3C,QAAQ,OAAO,QAAQ,MAAM,EAAE,SAAS,CAAC;EAC3C,EAAE;EAEF,IAAI,QAAQ,SAAS,GACnB,OAAO,KAAK,EAAE,QAAQ,CAAC;CAE3B;CAEA,IAAI,OAAO,WAAW,GACpB,OAAO;EAAE,OAAO,WAAW,aAAa;EAAQ,cAAc,CAAC;CAAE;CAGnE,OAAO;EACL,OAAO,WAAW,aAAa;EAC/B,cAAc;CAChB;AACF;;;;;;;;;;;;;AAcA,IAAa,0BAA0B,qBAAmD;CACxF,MAAM,SAAqB,CAAC;CAE5B,KAAK,MAAM,SAAS,iBAAiB,cAAc;EACjD,MAAM,4BAAY,IAAI,IAAY;EAElC,KAAK,MAAM,UAAU,MAAM,SACzB,KAAK,MAAM,SAAS,OAAO,QACzB,UAAU,IAAI,KAAK;EAIvB,IAAI,UAAU,OAAO,GACnB,OAAO,KAAK,CAAC,GAAG,SAAS,CAAC;CAE9B;CAEA,OAAO;AACT"}