@scalar/api-client 3.19.2 → 3.20.0

package/dist/v2/features/localization/translations.js

@@ -0,0 +1,345 @@
+//#region src/v2/features/localization/translations.ts
+/** English fallback for API Client UI strings. */
+var en = {
+	serverVariablesSelect: { selected: "Selected:" },
+	serverVariablesTextbox: { value: "value" },
+	sidebarListElementForm: { cancel: "Cancel" },
+	requestBlock: {
+		authentication: "Authentication",
+		variables: "Variables",
+		cookies: "Cookies",
+		headers: "Headers",
+		queryParameters: "Query Parameters",
+		requestBody: "Request Body",
+		requestName: "Request Name",
+		label: "Request: {name}"
+	},
+	responseBlock: {
+		response: "Response",
+		requestHeaders: "Request Headers",
+		responseHeaders: "Response Headers",
+		body: "Body"
+	},
+	codeInput: {
+		required: "Required",
+		exitHint: "Press {escape} then {tab} to exit"
+	},
+	codeInputLite: { required: "Required" },
+	dataTableInput: {
+		clearValue: "Clear Value",
+		showPassword: "Show Password",
+		hidePassword: "Hide Password"
+	},
+	dataTableInputSelect: {
+		value: "Value",
+		addValue: "Add value"
+	},
+	confirmationForm: {
+		cancel: "Cancel",
+		save: "Save"
+	},
+	collapsibleSection: {
+		collapsed: "(Collapsed)",
+		item: "Item",
+		items: "Items"
+	},
+	modalClientContainer: { label: "API Client" },
+	serverDropdown: {
+		server: "Server:",
+		addServer: "Add Server",
+		updateServers: "Update Servers",
+		unknownServer: "Unknown server"
+	},
+	sidebar: { search: "Search" },
+	sidebarMenu: { settings: "Settings" },
+	sidebarToggle: {
+		hide: "Hide sidebar",
+		show: "Show sidebar"
+	},
+	environmentsList: { addEnvironment: "Add Environment" },
+	modal: { noDocumentSelected: "No document selected" },
+	operation: { selectAnOperationToViewDetails: "Select an operation to view details" },
+	header: {
+		operationSettings: "Operation settings",
+		closeClient: "Close Client"
+	},
+	openApiClientButton: { openAPIClient: "Open API Client" },
+	requestBody: {
+		noBody: "No Body",
+		delete: "Delete",
+		selectFile: "Select File",
+		multipartForm: "Multipart Form",
+		formUrlEncoded: "Form URL Encoded",
+		binaryFile: "Binary File",
+		other: "Other",
+		none: "None"
+	},
+	requestBodyStructured: { body: "Body" },
+	requestBodyViewToggle: {
+		form: "Form",
+		raw: "Raw",
+		fixBody: "Fix the body to switch to the form view"
+	},
+	requestCodeSnippet: { codeSnippet: "Code Snippet" },
+	requestTable: {
+		enabled: "Enabled",
+		key: "Key",
+		value: "Value"
+	},
+	requestTableRow: {
+		key: "Key",
+		value: "Value",
+		delete: "Delete",
+		selectFile: "Select File",
+		globalCookieHint: "Global cookies are shared across the whole workspace. Click to navigate.",
+		readOnlyHint: "This is a readonly property and you can not modify it! If you want to change it you have to override it or disable it using the checkbox",
+		include: "Include {name} in request",
+		keyLabel: "{name} Key",
+		valueLabel: "{name} Value",
+		deleteRow: "Delete {name}",
+		row: "row"
+	},
+	requestTableTooltip: {
+		min: "min:",
+		max: "max:",
+		default: "default:",
+		invalid: "Input is invalid",
+		moreInformation: "More Information"
+	},
+	headers: {
+		headerKey: "Header Key",
+		headerValue: "Header Value",
+		noHeaders: "No headers"
+	},
+	responseBody: { binaryFile: "Binary file" },
+	responseBodyPreview: { previewUnavailable: "Preview unavailable" },
+	responseBodyStreaming: {
+		body: "Body",
+		listening: "Listening…",
+		cancel: "Cancel"
+	},
+	responseBodyToggle: {
+		preview: "Preview",
+		raw: "Raw"
+	},
+	responseBodyVirtual: {
+		body: "Body",
+		largeBodyHint: "This response body is massive! Syntax highlighting won't work here."
+	},
+	responseCookies: {
+		cookies: "Cookies",
+		cookieName: "Cookie Name",
+		cookieValue: "Cookie Value",
+		noCookies: "No cookies"
+	},
+	responseEmpty: {
+		roadmap: "Roadmap",
+		poweredByScalarcom: "Powered By Scalar.com",
+		getStarted: "Get Started",
+		newRequest: "New Request",
+		sendRequest: "Send Request",
+		version: "Scalar App V{version} Beta"
+	},
+	responseLoadingOverlay: { cancel: "Cancel" },
+	addressBar: {
+		path: "Path",
+		copyUrl: "Copy URL",
+		send: "Send",
+		sendRequest: "Send {method} request to {url}",
+		duplicateRequest: "A {method} request to {path} already exists in this document",
+		urlPlaceholder: "Enter a URL",
+		webhookUrlPlaceholder: "Enter the full webhook URL, e.g. https://example.com/hook"
+	},
+	addressBarHistory: { requestHistory: "Request History" },
+	environmentSelector: {
+		noEnvironment: "No Environment",
+		notAvailableInThisContext: "Not available in this context",
+		environmentHint: "Environments let you manage variables like API keys and base URLs across different contexts.",
+		add: "Add Environment",
+		select: "Select Environment",
+		unavailable: "{name} (Unavailable)",
+		current: "Current environment: {name}"
+	},
+	deleteRequestAuthModal: {
+		deleteSecurityScheme: "Delete Security Scheme",
+		cancel: "Cancel",
+		delete: "Delete",
+		confirmation: "This cannot be undone. You're about to delete the {name} security scheme from the collection."
+	},
+	oauth2: {
+		deviceAuthorizationUrl: "Device Authorization URL",
+		deviceVerificationPrompt: "Open the verification page and enter this code:",
+		waitingForAuthorization: "Waiting for authorization…",
+		cancelDeviceAuthorization: "Cancel",
+		accessToken: "Access Token",
+		refreshUrl: "Refresh URL",
+		refresh: "Refresh",
+		authUrl: "Auth URL",
+		tokenUrl: "Token URL",
+		redirectUrl: "Redirect URL",
+		username: "Username",
+		password: "Password",
+		clientID: "Client ID",
+		clientSecret: "Client Secret",
+		usePKCE: "Use PKCE",
+		credentialsLocation: "Credentials Location",
+		authorize: "Authorize",
+		clear: "Clear",
+		failedToauthorize: "Failed to authorize",
+		failedToRefreshToken: "Failed to refresh token",
+		optionalRedirectUrl: "Optional redirect URL"
+	},
+	oauthScopesAddModal: {
+		name: "Name:",
+		description: "Description:",
+		readUserData: "Read user data",
+		edit: "Edit Scope",
+		add: "Add Scope",
+		save: "Save",
+		required: "Scope name is required.",
+		duplicate: "A scope named \"{name}\" already exists."
+	},
+	oauthScopesInput: {
+		noScopesDefined: "No Scopes Defined",
+		addScope: "Add Scope",
+		deselectAll: "Deselect All",
+		selectAll: "Select All",
+		selectedScopes: "Scopes Selected {count} / {total}",
+		editScope: "Edit {name}",
+		deleteScope: "Delete {name}",
+		selectScope: "Select {name} scope"
+	},
+	openIdConnect: {
+		discoveryUrl: "Discovery URL",
+		fetchConfiguration: "Fetch Configuration",
+		failedToFetchConfiguration: "Failed to fetch OpenID Connect configuration"
+	},
+	requestAuthDataTable: { noauthenticationSelected: "No authentication selected" },
+	requestAuthTab: {
+		token: "Token",
+		bearerToken: "Bearer Token",
+		getAToken: "Get a token",
+		refresh: "Refresh",
+		username: "Username",
+		password: "Password",
+		name: "Name",
+		value: "Value",
+		cancel: "Cancel",
+		authorize: "Authorize",
+		unsupportedCredentials: "Credentials for this AsyncAPI security scheme are not sent by the browser client.",
+		authorizeVia: "Authorize via {name}",
+		unsupportedType: "The {type} security scheme type is not supported yet.",
+		missingType: "The security scheme is missing a type, please double check your {type} document or Authentication Configuration",
+		failedToauthorize: "Failed to authorize",
+		failedToRefresh: "Failed to refresh",
+		configure: "Configure {name}",
+		mutualTlsHint: "Mutual TLS authenticates with a client certificate presented during the TLS handshake, so there is nothing to enter here."
+	},
+	commandActionForm: { continue: "Continue" },
+	environment: {
+		thisIsTheActiveEnvironment: "This is the active environment",
+		active: "Active",
+		editEnvironment: "Edit Environment",
+		deleteEnvironment: "Delete Environment"
+	},
+	environmentCreateModal: {
+		environmentName: "Environment name",
+		thisEnvironmentNameIsAlreadyInUse: "This environment name is already in use.",
+		update: "Update Environment",
+		add: "Add Environment"
+	},
+	environmentDeleteModal: {
+		cancel: "Cancel",
+		deleteEnvironment: "Delete Environment",
+		deleteConfirmation: "Are you sure you want to delete this environment? This action cannot be undone.",
+		title: "Delete {name}"
+	},
+	environmentVariablesDropdown: {
+		variableSuggestions: "Variable suggestions",
+		addVariable: "Add Variable"
+	},
+	environmentVariablesTable: {
+		name: "Name",
+		value: "Value",
+		actions: "Actions",
+		environmentVariableName: "Environment Variable Name",
+		environmentVariableValue: "Environment Variable Value"
+	},
+	documentSearchModal: {
+		documentSearch: "Document Search",
+		documentSearchResults: "Document Search Results",
+		navigate: "↑↓ Navigate",
+		select: "⏎ Select",
+		keyboardInstructions: "Press up arrow / down arrow to navigate, enter to select, type to filter results"
+	},
+	searchResult: {
+		httpMethod: "HTTP Method:",
+		path: "Path:",
+		description: "Description:",
+		heading: "Heading",
+		operation: "Operation",
+		tag: "Tag"
+	},
+	sectionFilter: {
+		all: "All",
+		auth: "Auth",
+		variables: "Variables",
+		cookies: "Cookies",
+		headers: "Headers",
+		query: "Query",
+		body: "Body"
+	},
+	requestParams: {
+		clearAll: "Clear All {title}",
+		clear: "Clear",
+		clearOptionalParameters: "Clear optional parameters"
+	},
+	responseBodyDownload: {
+		download: "Download Response Body",
+		label: "Download",
+		body: "Response Body"
+	},
+	responseMetaInformation: {
+		duration: "Response Information, Duration:",
+		size: ", Size:",
+		status: ", Status:"
+	},
+	authSelector: {
+		selectedType: "Selected Auth Type: {type}",
+		multipleTypes: "Multiple Auth Types Selected",
+		selectType: "Select Auth Type",
+		optional: "Optional",
+		required: "Required",
+		deleteScheme: "Delete {name}",
+		requiredGroup: "Required authentication",
+		availableGroup: "Available authentication",
+		addGroup: "Add new authentication"
+	},
+	operationBlock: {
+		webhookUrlRequired: "Webhook URL required. Enter a destination first.",
+		pathParametersRequired: "Path parameters must have values."
+	},
+	dataTableCheckbox: { toggle: "Toggle" },
+	pillTooltipHost: {
+		computedAtExecution: "Computed at request execution",
+		noValue: "No value"
+	},
+	authOptions: {
+		oauth2DeviceAuthorization: "OAuth2 Device Authorization",
+		apiKeyCookie: "API Key in Cookies",
+		apiKeyHeader: "API Key in Headers",
+		apiKeyQuery: "API Key in Query Params",
+		httpBasic: "HTTP Basic",
+		httpBearer: "HTTP Bearer",
+		oauth2Implicit: "Oauth2 Implicit Flow",
+		oauth2Password: "Oauth2 Password Flow",
+		oauth2ClientCredentials: "Oauth2 Client Credentials",
+		oauth2AuthorizationFlow: "Oauth2 Authorization Code"
+	},
+	deleteSidebarListElement: { delete: "Delete {name}" },
+	deleteModal: { delete: "Delete {name}" }
+};
+//#endregion
+export { en };
+
+//# sourceMappingURL=translations.js.map

package/dist/v2/features/localization/translations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"translations.js","names":[],"sources":["../../../../src/v2/features/localization/translations.ts"],"sourcesContent":["import type { ApiClientTranslations } from '@scalar/types/api-reference'\n\n/** English fallback for API Client UI strings. */\nexport const en = {\n  serverVariablesSelect: {\n    selected: 'Selected:',\n  },\n  serverVariablesTextbox: {\n    value: 'value',\n  },\n  sidebarListElementForm: {\n    cancel: 'Cancel',\n  },\n  requestBlock: {\n    authentication: 'Authentication',\n    variables: 'Variables',\n    cookies: 'Cookies',\n    headers: 'Headers',\n    queryParameters: 'Query Parameters',\n    requestBody: 'Request Body',\n    requestName: 'Request Name',\n    label: 'Request: {name}',\n  },\n  responseBlock: {\n    response: 'Response',\n    requestHeaders: 'Request Headers',\n    responseHeaders: 'Response Headers',\n    body: 'Body',\n  },\n  codeInput: {\n    required: 'Required',\n    exitHint: 'Press {escape} then {tab} to exit',\n  },\n  codeInputLite: {\n    required: 'Required',\n  },\n  dataTableInput: {\n    clearValue: 'Clear Value',\n    showPassword: 'Show Password',\n    hidePassword: 'Hide Password',\n  },\n  dataTableInputSelect: {\n    value: 'Value',\n    addValue: 'Add value',\n  },\n  confirmationForm: {\n    cancel: 'Cancel',\n    save: 'Save',\n  },\n  collapsibleSection: {\n    collapsed: '(Collapsed)',\n    item: 'Item',\n    items: 'Items',\n  },\n  modalClientContainer: {\n    label: 'API Client',\n  },\n  serverDropdown: {\n    server: 'Server:',\n    addServer: 'Add Server',\n    updateServers: 'Update Servers',\n    unknownServer: 'Unknown server',\n  },\n  sidebar: {\n    search: 'Search',\n  },\n  sidebarMenu: {\n    settings: 'Settings',\n  },\n  sidebarToggle: {\n    hide: 'Hide sidebar',\n    show: 'Show sidebar',\n  },\n  environmentsList: {\n    addEnvironment: 'Add Environment',\n  },\n  modal: {\n    noDocumentSelected: 'No document selected',\n  },\n  operation: {\n    selectAnOperationToViewDetails: 'Select an operation to view details',\n  },\n  header: {\n    operationSettings: 'Operation settings',\n    closeClient: 'Close Client',\n  },\n  openApiClientButton: {\n    openAPIClient: 'Open API Client',\n  },\n  requestBody: {\n    noBody: 'No Body',\n    delete: 'Delete',\n    selectFile: 'Select File',\n    multipartForm: 'Multipart Form',\n    formUrlEncoded: 'Form URL Encoded',\n    binaryFile: 'Binary File',\n    other: 'Other',\n    none: 'None',\n  },\n  requestBodyStructured: {\n    body: 'Body',\n  },\n  requestBodyViewToggle: {\n    form: 'Form',\n    raw: 'Raw',\n    fixBody: 'Fix the body to switch to the form view',\n  },\n  requestCodeSnippet: {\n    codeSnippet: 'Code Snippet',\n  },\n  requestTable: {\n    enabled: 'Enabled',\n    key: 'Key',\n    value: 'Value',\n  },\n  requestTableRow: {\n    key: 'Key',\n    value: 'Value',\n    delete: 'Delete',\n    selectFile: 'Select File',\n    globalCookieHint: 'Global cookies are shared across the whole workspace. Click to navigate.',\n    readOnlyHint:\n      'This is a readonly property and you can not modify it! If you want to change it you have to override it or disable it using the checkbox',\n    include: 'Include {name} in request',\n    keyLabel: '{name} Key',\n    valueLabel: '{name} Value',\n    deleteRow: 'Delete {name}',\n    row: 'row',\n  },\n  requestTableTooltip: {\n    min: 'min:',\n    max: 'max:',\n    default: 'default:',\n    invalid: 'Input is invalid',\n    moreInformation: 'More Information',\n  },\n  headers: {\n    headerKey: 'Header Key',\n    headerValue: 'Header Value',\n    noHeaders: 'No headers',\n  },\n  responseBody: {\n    binaryFile: 'Binary file',\n  },\n  responseBodyPreview: {\n    previewUnavailable: 'Preview unavailable',\n  },\n  responseBodyStreaming: {\n    body: 'Body',\n    listening: 'Listening\\u2026',\n    cancel: 'Cancel',\n  },\n  responseBodyToggle: {\n    preview: 'Preview',\n    raw: 'Raw',\n  },\n  responseBodyVirtual: {\n    body: 'Body',\n    largeBodyHint: \"This response body is massive! Syntax highlighting won't work here.\",\n  },\n  responseCookies: {\n    cookies: 'Cookies',\n    cookieName: 'Cookie Name',\n    cookieValue: 'Cookie Value',\n    noCookies: 'No cookies',\n  },\n  responseEmpty: {\n    roadmap: 'Roadmap',\n    poweredByScalarcom: 'Powered By Scalar.com',\n    getStarted: 'Get Started',\n    newRequest: 'New Request',\n    sendRequest: 'Send Request',\n    version: 'Scalar App V{version} Beta',\n  },\n  responseLoadingOverlay: {\n    cancel: 'Cancel',\n  },\n  addressBar: {\n    path: 'Path',\n    copyUrl: 'Copy URL',\n    send: 'Send',\n    sendRequest: 'Send {method} request to {url}',\n    duplicateRequest: 'A {method} request to {path} already exists in this document',\n    urlPlaceholder: 'Enter a URL',\n    webhookUrlPlaceholder: 'Enter the full webhook URL, e.g. https://example.com/hook',\n  },\n  addressBarHistory: {\n    requestHistory: 'Request History',\n  },\n  environmentSelector: {\n    noEnvironment: 'No Environment',\n    notAvailableInThisContext: 'Not available in this context',\n    environmentHint: 'Environments let you manage variables like API keys and base URLs across different contexts.',\n    add: 'Add Environment',\n    select: 'Select Environment',\n    unavailable: '{name} (Unavailable)',\n    current: 'Current environment: {name}',\n  },\n  deleteRequestAuthModal: {\n    deleteSecurityScheme: 'Delete Security Scheme',\n    cancel: 'Cancel',\n    delete: 'Delete',\n    confirmation: \"This cannot be undone. You're about to delete the {name} security scheme from the collection.\",\n  },\n  oauth2: {\n    deviceAuthorizationUrl: 'Device Authorization URL',\n    deviceVerificationPrompt: 'Open the verification page and enter this code:',\n    waitingForAuthorization: 'Waiting for authorization…',\n    cancelDeviceAuthorization: 'Cancel',\n\n    accessToken: 'Access Token',\n    refreshUrl: 'Refresh URL',\n    refresh: 'Refresh',\n    authUrl: 'Auth URL',\n    tokenUrl: 'Token URL',\n    redirectUrl: 'Redirect URL',\n    username: 'Username',\n    password: 'Password',\n    clientID: 'Client ID',\n    clientSecret: 'Client Secret',\n    usePKCE: 'Use PKCE',\n    credentialsLocation: 'Credentials Location',\n    authorize: 'Authorize',\n    clear: 'Clear',\n    failedToauthorize: 'Failed to authorize',\n    failedToRefreshToken: 'Failed to refresh token',\n    optionalRedirectUrl: 'Optional redirect URL',\n  },\n  oauthScopesAddModal: {\n    name: 'Name:',\n    description: 'Description:',\n    readUserData: 'Read user data',\n    edit: 'Edit Scope',\n    add: 'Add Scope',\n    save: 'Save',\n    required: 'Scope name is required.',\n    duplicate: 'A scope named \"{name}\" already exists.',\n  },\n  oauthScopesInput: {\n    noScopesDefined: 'No Scopes Defined',\n    addScope: 'Add Scope',\n    deselectAll: 'Deselect All',\n    selectAll: 'Select All',\n    selectedScopes: 'Scopes Selected {count} / {total}',\n    editScope: 'Edit {name}',\n    deleteScope: 'Delete {name}',\n    selectScope: 'Select {name} scope',\n  },\n  openIdConnect: {\n    discoveryUrl: 'Discovery URL',\n    fetchConfiguration: 'Fetch Configuration',\n    failedToFetchConfiguration: 'Failed to fetch OpenID Connect configuration',\n  },\n  requestAuthDataTable: {\n    noauthenticationSelected: 'No authentication selected',\n  },\n  requestAuthTab: {\n    token: 'Token',\n    bearerToken: 'Bearer Token',\n    getAToken: 'Get a token',\n    refresh: 'Refresh',\n    username: 'Username',\n    password: 'Password',\n    name: 'Name',\n    value: 'Value',\n    cancel: 'Cancel',\n    authorize: 'Authorize',\n    unsupportedCredentials: 'Credentials for this AsyncAPI security scheme are not sent by the browser client.',\n    authorizeVia: 'Authorize via {name}',\n    unsupportedType: 'The {type} security scheme type is not supported yet.',\n    missingType:\n      'The security scheme is missing a type, please double check your {type} document or Authentication Configuration',\n    failedToauthorize: 'Failed to authorize',\n    failedToRefresh: 'Failed to refresh',\n    configure: 'Configure {name}',\n    mutualTlsHint:\n      'Mutual TLS authenticates with a client certificate presented during the TLS handshake, so there is nothing to enter here.',\n  },\n  commandActionForm: {\n    continue: 'Continue',\n  },\n  environment: {\n    thisIsTheActiveEnvironment: 'This is the active environment',\n    active: 'Active',\n    editEnvironment: 'Edit Environment',\n    deleteEnvironment: 'Delete Environment',\n  },\n  environmentCreateModal: {\n    environmentName: 'Environment name',\n    thisEnvironmentNameIsAlreadyInUse: 'This environment name is already in use.',\n    update: 'Update Environment',\n    add: 'Add Environment',\n  },\n  environmentDeleteModal: {\n    cancel: 'Cancel',\n    deleteEnvironment: 'Delete Environment',\n    deleteConfirmation: 'Are you sure you want to delete this environment? This action cannot be undone.',\n    title: 'Delete {name}',\n  },\n  environmentVariablesDropdown: {\n    variableSuggestions: 'Variable suggestions',\n    addVariable: 'Add Variable',\n  },\n  environmentVariablesTable: {\n    name: 'Name',\n    value: 'Value',\n    actions: 'Actions',\n    environmentVariableName: 'Environment Variable Name',\n    environmentVariableValue: 'Environment Variable Value',\n  },\n  documentSearchModal: {\n    documentSearch: 'Document Search',\n    documentSearchResults: 'Document Search Results',\n    navigate: '\\u2191\\u2193 Navigate',\n    select: '\\u23ce Select',\n    keyboardInstructions: 'Press up arrow / down arrow to navigate, enter to select, type to filter results',\n  },\n  searchResult: {\n    httpMethod: 'HTTP Method:',\n    path: 'Path:',\n    description: 'Description:',\n    heading: 'Heading',\n    operation: 'Operation',\n    tag: 'Tag',\n  },\n  sectionFilter: {\n    all: 'All',\n    auth: 'Auth',\n    variables: 'Variables',\n    cookies: 'Cookies',\n    headers: 'Headers',\n    query: 'Query',\n    body: 'Body',\n  },\n  requestParams: {\n    clearAll: 'Clear All {title}',\n    clear: 'Clear',\n    clearOptionalParameters: 'Clear optional parameters',\n  },\n  responseBodyDownload: {\n    download: 'Download Response Body',\n    label: 'Download',\n    body: 'Response Body',\n  },\n  responseMetaInformation: {\n    duration: 'Response Information, Duration:',\n    size: ', Size:',\n    status: ', Status:',\n  },\n  authSelector: {\n    selectedType: 'Selected Auth Type: {type}',\n    multipleTypes: 'Multiple Auth Types Selected',\n    selectType: 'Select Auth Type',\n    optional: 'Optional',\n    required: 'Required',\n    deleteScheme: 'Delete {name}',\n    requiredGroup: 'Required authentication',\n    availableGroup: 'Available authentication',\n    addGroup: 'Add new authentication',\n  },\n  operationBlock: {\n    webhookUrlRequired: 'Webhook URL required. Enter a destination first.',\n    pathParametersRequired: 'Path parameters must have values.',\n  },\n  dataTableCheckbox: {\n    toggle: 'Toggle',\n  },\n  pillTooltipHost: {\n    computedAtExecution: 'Computed at request execution',\n    noValue: 'No value',\n  },\n  authOptions: {\n    oauth2DeviceAuthorization: 'OAuth2 Device Authorization',\n    apiKeyCookie: 'API Key in Cookies',\n    apiKeyHeader: 'API Key in Headers',\n    apiKeyQuery: 'API Key in Query Params',\n    httpBasic: 'HTTP Basic',\n    httpBearer: 'HTTP Bearer',\n    oauth2Implicit: 'Oauth2 Implicit Flow',\n    oauth2Password: 'Oauth2 Password Flow',\n    oauth2ClientCredentials: 'Oauth2 Client Credentials',\n    oauth2AuthorizationFlow: 'Oauth2 Authorization Code',\n  },\n  deleteSidebarListElement: {\n    delete: 'Delete {name}',\n  },\n  deleteModal: {\n    delete: 'Delete {name}',\n  },\n} satisfies ApiClientTranslations\n"],"mappings":"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"}

package/dist/v2/features/modal/Modal.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/modal/Modal.vue"],"names":[],"mappings":"AAiNA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAC1D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAA;AACnE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAE7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AACpE,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAEvE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8DAA8D,CAAA;AACnG,OAAO,EAKL,KAAK,WAAW,EAChB,KAAK,gBAAgB,EACrB,KAAK,GAAG,EACT,MAAM,KAAK,CAAA;AAIZ,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,6CAA6C,CAAA;AAKxF,OAAO,KAAK,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAA;AAG/E,MAAM,MAAM,UAAU,GAAG;IACvB,4DAA4D;IAC5D,cAAc,EAAE,cAAc,CAAA;IAC9B,qGAAqG;IACrG,QAAQ,EAAE,WAAW,CAAC,eAAe,GAAG,IAAI,CAAC,CAAA;IAC7C,iDAAiD;IACjD,IAAI,EAAE,WAAW,CAAC,MAAM,GAAG,SAAS,CAAC,CAAA;IACrC,4CAA4C;IAC5C,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,mDAAmD;IACnD,MAAM,EAAE,WAAW,CAAC,UAAU,GAAG,SAAS,CAAC,CAAA;IAC3C,yDAAyD;IACzD,WAAW,EAAE,WAAW,CAAC,MAAM,GAAG,SAAS,CAAC,CAAA;IAC5C,kEAAkE;IAClE,SAAS,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IAC/B,sEAAsE;IACtE,+BAA+B,EAAE,GAAG,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAA;IAC5D,2CAA2C;IAC3C,UAAU,EAAE,UAAU,CAAA;IACtB,0DAA0D;IAC1D,YAAY,EAAE,qBAAqB,CAAA;IACnC,iDAAiD;IACjD,OAAO,EAAE,YAAY,EAAE,CAAA;IACvB,wDAAwD;IACxD,OAAO,EAAE,gBAAgB,CAAC,gBAAgB,CAAC,CAAA;CAC5C,CAAA;AAED;;;;GAIG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAGzC,QAAA,MAAM,YAAY;aAC0C,mBAAmB;;;;;aAAnB,mBAAmB;iGA8Q3E,CAAC"}
+{"version":3,"file":"Modal.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/modal/Modal.vue"],"names":[],"mappings":"AA4NA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAC1D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAA;AACnE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAE7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AACpE,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAEvE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8DAA8D,CAAA;AACnG,OAAO,EAKL,KAAK,WAAW,EAChB,KAAK,gBAAgB,EACrB,KAAK,GAAG,EACT,MAAM,KAAK,CAAA;AAKZ,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,6CAA6C,CAAA;AAKxF,OAAO,KAAK,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAA;AAG/E,MAAM,MAAM,UAAU,GAAG;IACvB,4DAA4D;IAC5D,cAAc,EAAE,cAAc,CAAA;IAC9B,qGAAqG;IACrG,QAAQ,EAAE,WAAW,CAAC,eAAe,GAAG,IAAI,CAAC,CAAA;IAC7C,iDAAiD;IACjD,IAAI,EAAE,WAAW,CAAC,MAAM,GAAG,SAAS,CAAC,CAAA;IACrC,4CAA4C;IAC5C,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,mDAAmD;IACnD,MAAM,EAAE,WAAW,CAAC,UAAU,GAAG,SAAS,CAAC,CAAA;IAC3C,yDAAyD;IACzD,WAAW,EAAE,WAAW,CAAC,MAAM,GAAG,SAAS,CAAC,CAAA;IAC5C,kEAAkE;IAClE,SAAS,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IAC/B,sEAAsE;IACtE,+BAA+B,EAAE,GAAG,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAA;IAC5D,2CAA2C;IAC3C,UAAU,EAAE,UAAU,CAAA;IACtB,0DAA0D;IAC1D,YAAY,EAAE,qBAAqB,CAAA;IACnC,iDAAiD;IACjD,OAAO,EAAE,YAAY,EAAE,CAAA;IACvB,wDAAwD;IACxD,OAAO,EAAE,gBAAgB,CAAC,gBAAgB,CAAC,CAAA;CAC5C,CAAA;AAED;;;;GAIG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAGzC,QAAA,MAAM,YAAY;aAC0C,mBAAmB;;;;;aAAnB,mBAAmB;iGA8R3E,CAAC"}

package/dist/v2/features/modal/Modal.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.vue.js","names":[],"sources":["../../../../src/v2/features/modal/Modal.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type ModalProps = {\n  /** The workspace store must be initialized and passed in */\n  workspaceStore: WorkspaceStore\n  /** The document must be initialized and passed in. OpenAPI-only — the modal has no AsyncAPI path. */\n  document: ComputedRef<OpenApiDocument | null>\n  /** The path must be initialized and passed in */\n  path: ComputedRef<string | undefined>\n  /** The event bus for handling all events */\n  eventBus: WorkspaceEventBus\n  /** The method must be initialized and passed in */\n  method: ComputedRef<HttpMethod | undefined>\n  /** The example name must be initialized and passed in */\n  exampleName: ComputedRef<string | undefined>\n  /** Whether the active route resolves from `document.webhooks`. */\n  isWebhook: ComputedRef<boolean>\n  /** Selected anyOf/oneOf request-body variants keyed by schema path */\n  requestBodyCompositionSelection: Ref<Record<string, number>>\n  /** Controls the visibility of the modal */\n  modalState: ModalState\n  /** The sidebar state must be initialized and passed in */\n  sidebarState: UseModalSidebarReturn\n  /** Api client plugins to include in the modal */\n  plugins: ClientPlugin[]\n  /** Subset of the configuration options for the modal */\n  options: MaybeRefOrGetter<ApiClientOptions>\n}\n\n/**\n * Scalar Api Client Modal\n *\n * This component is used to render the API Client Modal\n */\nexport default {}\n</script>\n\n<script setup lang=\"ts\">\nimport type { ScalarListboxOption } from '@scalar/components/listbox'\nimport type { ModalState } from '@scalar/components/modal'\nimport type { HttpMethod } from '@scalar/helpers/http/http-methods'\nimport type { ClientPlugin } from '@scalar/oas-utils/helpers'\nimport { ScalarToasts } from '@scalar/use-toasts'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\nimport { type WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { getActiveEnvironment } from '@scalar/workspace-store/request-example'\nimport type { OpenApiDocument } from '@scalar/workspace-store/schemas/v3.2/strict/openapi-document'\nimport {\n  computed,\n  onBeforeUnmount,\n  ref,\n  watch,\n  type ComputedRef,\n  type MaybeRefOrGetter,\n  type Ref,\n} from 'vue'\n\nimport ModalClientContainer from '@/v2/components/modals/ModalClientContainer.vue'\nimport { Sidebar, SidebarToggle } from '@/v2/components/sidebar'\nimport { type UseModalSidebarReturn } from '@/v2/features/modal/hooks/use-modal-sidebar'\nimport { initializeModalEvents } from '@/v2/features/modal/modal-events'\nimport Operation from '@/v2/features/operation/Operation.vue'\nimport { useGlobalHotKeys } from '@/v2/hooks/use-global-hot-keys'\nimport { useScrollLock } from '@/v2/hooks/use-scroll-lock'\nimport type { ApiClientOptions, ApiClientOptionsRef } from '@/v2/types/options'\n\nconst {\n  document,\n  eventBus,\n  modalState,\n  options,\n  plugins,\n  requestBodyCompositionSelection,\n  sidebarState,\n  workspaceStore,\n} = defineProps<\n  Omit<ModalProps, 'options'> & { options: ApiClientOptionsRef }\n>()\n\nconst activeWorkspace: ScalarListboxOption = {\n  label: 'default',\n  id: 'default',\n}\n\n/** Controls the visibility of the sidebar. */\nconst isSidebarOpen = ref(false)\n\n/** Initialize modal events */\ninitializeModalEvents({\n  eventBus,\n  isSidebarOpen,\n  requestBodyCompositionSelection,\n  sidebarState,\n  modalState,\n  store: workspaceStore,\n})\n\n/** Register global hotkeys for the app, passing the workspace event bus and layout state */\nuseGlobalHotKeys(eventBus, 'modal', () => !modalState.open)\n\n/** Clean up on close */\nconst cleanUp = () => {\n  eventBus.emit('operation:cancel:request')\n}\n\nconst isLocked = useScrollLock(() => {\n  if (typeof window !== 'undefined') {\n    return window.document.body\n  }\n  return null\n})\n\nwatch(\n  () => modalState.open,\n  (open) => {\n    // Make sure scrolling is locked or unlocked when the modal is opened or closed\n    isLocked.value = open\n\n    if (!open) {\n      cleanUp()\n    }\n  },\n)\n\n// Ensure we add our scalar wrapper class to the headless ui root\nonBeforeUnmount(() => cleanUp())\n\n/** Default sidebar width in pixels. */\nconst DEFAULT_SIDEBAR_WIDTH = 288\n\n/** Width of the sidebar, with fallback to default. */\nconst sidebarWidth = computed(\n  () =>\n    workspaceStore?.workspace?.['x-scalar-sidebar-width'] ??\n    DEFAULT_SIDEBAR_WIDTH,\n)\n\n/** Handler for sidebar width changes. */\nconst handleSidebarWidthUpdate = (width: number) =>\n  workspaceStore?.update('x-scalar-sidebar-width', width)\n\n/**\n * Merged environment variables from workspace and document levels.\n * Variables from both sources are combined, with document variables\n * taking precedence in case of naming conflicts.\n */\nconst environment = computed(\n  () => getActiveEnvironment(workspaceStore, document.value).environment,\n)\n\ndefineExpose({\n  sidebarWidth,\n  environment,\n})\n</script>\n\n<template>\n  <ModalClientContainer :modalState>\n    <!-- Toasts -->\n    <ScalarToasts />\n\n    <!-- If we have a document, path and method, render the operation -->\n    <main\n      v-if=\"document.value && path?.value && method?.value\"\n      class=\"relative flex h-full min-h-0 w-full flex-1\">\n      <SidebarToggle\n        v-model=\"isSidebarOpen\"\n        class=\"absolute top-2 left-4 z-10 max-md:top-4\" />\n      <Sidebar\n        v-show=\"isSidebarOpen\"\n        v-model:sidebarWidth=\"sidebarWidth\"\n        :activeWorkspace=\"activeWorkspace\"\n        class=\"h-full max-md:absolute! max-md:z-5 max-md:w-full!\"\n        :documents=\"[document.value]\"\n        :eventBus\n        :isDroppable=\"() => false\"\n        layout=\"modal\"\n        :sidebarState=\"sidebarState.state\"\n        :workspaces=\"[]\"\n        @selectItem=\"sidebarState.handleSelectItem\"\n        @update:sidebarWidth=\"handleSidebarWidthUpdate\" />\n      <Operation\n        :activeWorkspace=\"activeWorkspace\"\n        class=\"flex-1\"\n        :document=\"document.value\"\n        :documentSlug=\"document.value['x-scalar-navigation']?.name ?? ''\"\n        :environment\n        :eventBus\n        :exampleName=\"exampleName?.value\"\n        :isWebhook=\"isWebhook.value\"\n        layout=\"modal\"\n        :method=\"method?.value\"\n        :options\n        :path=\"path?.value\"\n        :plugins\n        :requestBodyCompositionSelection=\"requestBodyCompositionSelection.value\"\n        :workspaceStore />\n    </main>\n    <!-- Empty state -->\n    <div\n      v-else\n      class=\"flex h-full w-full items-center justify-center\">\n      <span class=\"text-c-3\">No document selected</span>\n    </div>\n  </ModalClientContainer>\n</template>\n"],"mappings":""}
+{"version":3,"file":"Modal.vue.js","names":[],"sources":["../../../../src/v2/features/modal/Modal.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type ModalProps = {\n  /** The workspace store must be initialized and passed in */\n  workspaceStore: WorkspaceStore\n  /** The document must be initialized and passed in. OpenAPI-only — the modal has no AsyncAPI path. */\n  document: ComputedRef<OpenApiDocument | null>\n  /** The path must be initialized and passed in */\n  path: ComputedRef<string | undefined>\n  /** The event bus for handling all events */\n  eventBus: WorkspaceEventBus\n  /** The method must be initialized and passed in */\n  method: ComputedRef<HttpMethod | undefined>\n  /** The example name must be initialized and passed in */\n  exampleName: ComputedRef<string | undefined>\n  /** Whether the active route resolves from `document.webhooks`. */\n  isWebhook: ComputedRef<boolean>\n  /** Selected anyOf/oneOf request-body variants keyed by schema path */\n  requestBodyCompositionSelection: Ref<Record<string, number>>\n  /** Controls the visibility of the modal */\n  modalState: ModalState\n  /** The sidebar state must be initialized and passed in */\n  sidebarState: UseModalSidebarReturn\n  /** Api client plugins to include in the modal */\n  plugins: ClientPlugin[]\n  /** Subset of the configuration options for the modal */\n  options: MaybeRefOrGetter<ApiClientOptions>\n}\n\n/**\n * Scalar Api Client Modal\n *\n * This component is used to render the API Client Modal\n */\nexport default {}\n</script>\n\n<script setup lang=\"ts\">\nimport type { ScalarListboxOption } from '@scalar/components/listbox'\nimport type { ModalState } from '@scalar/components/modal'\nimport type { HttpMethod } from '@scalar/helpers/http/http-methods'\nimport type { ClientPlugin } from '@scalar/oas-utils/helpers'\nimport { ScalarToasts } from '@scalar/use-toasts'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\nimport { type WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { getActiveEnvironment } from '@scalar/workspace-store/request-example'\nimport type { OpenApiDocument } from '@scalar/workspace-store/schemas/v3.2/strict/openapi-document'\nimport {\n  computed,\n  onBeforeUnmount,\n  ref,\n  watch,\n  type ComputedRef,\n  type MaybeRefOrGetter,\n  type Ref,\n} from 'vue'\n\nimport ModalClientContainer from '@/v2/components/modals/ModalClientContainer.vue'\nimport { Sidebar, SidebarToggle } from '@/v2/components/sidebar'\nimport { provideLocalization } from '@/v2/features/localization'\nimport { type UseModalSidebarReturn } from '@/v2/features/modal/hooks/use-modal-sidebar'\nimport { initializeModalEvents } from '@/v2/features/modal/modal-events'\nimport Operation from '@/v2/features/operation/Operation.vue'\nimport { useGlobalHotKeys } from '@/v2/hooks/use-global-hot-keys'\nimport { useScrollLock } from '@/v2/hooks/use-scroll-lock'\nimport type { ApiClientOptions, ApiClientOptionsRef } from '@/v2/types/options'\n\nconst {\n  document,\n  eventBus,\n  modalState,\n  options,\n  plugins,\n  requestBodyCompositionSelection,\n  sidebarState,\n  workspaceStore,\n} = defineProps<\n  Omit<ModalProps, 'options'> & { options: ApiClientOptionsRef }\n>()\n\nconst { translate, locale, direction } = provideLocalization(\n  () => options.value.localization,\n)\n\nconst activeWorkspace: ScalarListboxOption = {\n  label: 'default',\n  id: 'default',\n}\n\n/** Controls the visibility of the sidebar. */\nconst isSidebarOpen = ref(false)\n\n/** Initialize modal events */\ninitializeModalEvents({\n  eventBus,\n  isSidebarOpen,\n  requestBodyCompositionSelection,\n  sidebarState,\n  modalState,\n  store: workspaceStore,\n})\n\n/** Register global hotkeys for the app, passing the workspace event bus and layout state */\nuseGlobalHotKeys(eventBus, 'modal', () => !modalState.open)\n\n/** Clean up on close */\nconst cleanUp = () => {\n  eventBus.emit('operation:cancel:request')\n}\n\nconst isLocked = useScrollLock(() => {\n  if (typeof window !== 'undefined') {\n    return window.document.body\n  }\n  return null\n})\n\nwatch(\n  () => modalState.open,\n  (open) => {\n    // Make sure scrolling is locked or unlocked when the modal is opened or closed\n    isLocked.value = open\n\n    if (!open) {\n      cleanUp()\n    }\n  },\n)\n\n// Ensure we add our scalar wrapper class to the headless ui root\nonBeforeUnmount(() => cleanUp())\n\n/** Default sidebar width in pixels. */\nconst DEFAULT_SIDEBAR_WIDTH = 288\n\n/** Width of the sidebar, with fallback to default. */\nconst sidebarWidth = computed(\n  () =>\n    workspaceStore?.workspace?.['x-scalar-sidebar-width'] ??\n    DEFAULT_SIDEBAR_WIDTH,\n)\n\n/** Handler for sidebar width changes. */\nconst handleSidebarWidthUpdate = (width: number) =>\n  workspaceStore?.update('x-scalar-sidebar-width', width)\n\n/**\n * Merged environment variables from workspace and document levels.\n * Variables from both sources are combined, with document variables\n * taking precedence in case of naming conflicts.\n */\nconst environment = computed(\n  () => getActiveEnvironment(workspaceStore, document.value).environment,\n)\n\ndefineExpose({\n  sidebarWidth,\n  environment,\n})\n</script>\n\n<template>\n  <ModalClientContainer\n    :dir=\"direction\"\n    :lang=\"locale\"\n    :modalState>\n    <!-- Toasts -->\n    <ScalarToasts />\n\n    <!-- If we have a document, path and method, render the operation -->\n    <main\n      v-if=\"document.value && path?.value && method?.value\"\n      class=\"relative flex h-full min-h-0 w-full flex-1\">\n      <SidebarToggle\n        v-model=\"isSidebarOpen\"\n        class=\"absolute top-2 left-4 z-10 max-md:top-4\" />\n      <Sidebar\n        v-show=\"isSidebarOpen\"\n        v-model:sidebarWidth=\"sidebarWidth\"\n        :activeWorkspace=\"activeWorkspace\"\n        class=\"h-full max-md:absolute! max-md:z-5 max-md:w-full!\"\n        :documents=\"[document.value]\"\n        :eventBus\n        :isDroppable=\"() => false\"\n        layout=\"modal\"\n        :sidebarState=\"sidebarState.state\"\n        :workspaces=\"[]\"\n        @selectItem=\"sidebarState.handleSelectItem\"\n        @update:sidebarWidth=\"handleSidebarWidthUpdate\" />\n      <Operation\n        :activeWorkspace=\"activeWorkspace\"\n        class=\"flex-1\"\n        :document=\"document.value\"\n        :documentSlug=\"document.value['x-scalar-navigation']?.name ?? ''\"\n        :environment\n        :eventBus\n        :exampleName=\"exampleName?.value\"\n        :isActive=\"modalState.open\"\n        :isWebhook=\"isWebhook.value\"\n        layout=\"modal\"\n        :method=\"method?.value\"\n        :options\n        :path=\"path?.value\"\n        :plugins\n        :requestBodyCompositionSelection=\"requestBodyCompositionSelection.value\"\n        :workspaceStore />\n    </main>\n    <!-- Empty state -->\n    <div\n      v-else\n      class=\"flex h-full w-full items-center justify-center\">\n      <span class=\"text-c-3\">{{\n        translate('apiClient.modal.noDocumentSelected')\n      }}</span>\n    </div>\n  </ModalClientContainer>\n</template>\n"],"mappings":""}

package/dist/v2/features/modal/Modal.vue.script.js

@@ -1,3 +1,4 @@
+import { provideLocalization } from "../localization/index.js";
 import { useGlobalHotKeys } from "../../hooks/use-global-hot-keys.js";
 import Sidebar_default from "../../components/sidebar/Sidebar.vue.js";
 import SidebarToggle_default from "../../components/sidebar/SidebarToggle.vue.js";
@@ -5,7 +6,7 @@ import ModalClientContainer_default from "../../components/modals/ModalClientCon
 import { initializeModalEvents } from "./modal-events.js";
 import Operation_default from "../operation/Operation.vue.js";
 import { useScrollLock } from "../../hooks/use-scroll-lock.js";
-import { computed, createBlock, createElementBlock, createElementVNode, createVNode, defineComponent, onBeforeUnmount, openBlock, ref, unref, vShow, watch, withCtx, withDirectives } from "vue";
+import { computed, createBlock, createElementBlock, createElementVNode, createVNode, defineComponent, onBeforeUnmount, openBlock, ref, toDisplayString, unref, vShow, watch, withCtx, withDirectives } from "vue";
 import { getActiveEnvironment } from "@scalar/workspace-store/request-example";
 import { ScalarToasts } from "@scalar/use-toasts";
 //#region src/v2/features/modal/Modal.vue?vue&type=script&setup=true&lang.ts
@@ -17,6 +18,7 @@ var _hoisted_2 = {
 	key: 1,
 	class: "flex h-full w-full items-center justify-center"
 };
+var _hoisted_3 = { class: "text-c-3" };
 var Modal_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "Modal",
 	props: {
@@ -34,6 +36,7 @@ var Modal_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 		options: {}
 	},
 	setup(__props, { expose: __expose }) {
+		const { translate, locale, direction } = provideLocalization(() => __props.options.value.localization);
 		const activeWorkspace = {
 			label: "default",
 			id: "default"
@@ -81,7 +84,11 @@ var Modal_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 			environment
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(ModalClientContainer_default, { modalState: __props.modalState }, {
+			return openBlock(), createBlock(ModalClientContainer_default, {
+				dir: unref(direction),
+				lang: unref(locale),
+				modalState: __props.modalState
+			}, {
 				default: withCtx(() => [createVNode(unref(ScalarToasts)), __props.document.value && __props.path?.value && __props.method?.value ? (openBlock(), createElementBlock("main", _hoisted_1, [
 					createVNode(unref(SidebarToggle_default), {
 						modelValue: isSidebarOpen.value,
@@ -115,6 +122,7 @@ var Modal_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 						environment: environment.value,
 						eventBus: __props.eventBus,
 						exampleName: __props.exampleName?.value,
+						isActive: __props.modalState.open,
 						isWebhook: __props.isWebhook.value,
 						layout: "modal",
 						method: __props.method?.value,
@@ -129,6 +137,7 @@ var Modal_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 						"environment",
 						"eventBus",
 						"exampleName",
+						"isActive",
 						"isWebhook",
 						"method",
 						"options",
@@ -137,9 +146,13 @@ var Modal_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 						"requestBodyCompositionSelection",
 						"workspaceStore"
 					])
-				])) : (openBlock(), createElementBlock("div", _hoisted_2, [..._cache[2] || (_cache[2] = [createElementVNode("span", { class: "text-c-3" }, "No document selected", -1)])]))]),
+				])) : (openBlock(), createElementBlock("div", _hoisted_2, [createElementVNode("span", _hoisted_3, toDisplayString(unref(translate)("apiClient.modal.noDocumentSelected")), 1)]))]),
 				_: 1
-			}, 8, ["modalState"]);
+			}, 8, [
+				"dir",
+				"lang",
+				"modalState"
+			]);
 		};
 	}
 });

package/dist/v2/features/modal/Modal.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.vue.script.js","names":[],"sources":["../../../../src/v2/features/modal/Modal.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type ModalProps = {\n  /** The workspace store must be initialized and passed in */\n  workspaceStore: WorkspaceStore\n  /** The document must be initialized and passed in. OpenAPI-only — the modal has no AsyncAPI path. */\n  document: ComputedRef<OpenApiDocument | null>\n  /** The path must be initialized and passed in */\n  path: ComputedRef<string | undefined>\n  /** The event bus for handling all events */\n  eventBus: WorkspaceEventBus\n  /** The method must be initialized and passed in */\n  method: ComputedRef<HttpMethod | undefined>\n  /** The example name must be initialized and passed in */\n  exampleName: ComputedRef<string | undefined>\n  /** Whether the active route resolves from `document.webhooks`. */\n  isWebhook: ComputedRef<boolean>\n  /** Selected anyOf/oneOf request-body variants keyed by schema path */\n  requestBodyCompositionSelection: Ref<Record<string, number>>\n  /** Controls the visibility of the modal */\n  modalState: ModalState\n  /** The sidebar state must be initialized and passed in */\n  sidebarState: UseModalSidebarReturn\n  /** Api client plugins to include in the modal */\n  plugins: ClientPlugin[]\n  /** Subset of the configuration options for the modal */\n  options: MaybeRefOrGetter<ApiClientOptions>\n}\n\n/**\n * Scalar Api Client Modal\n *\n * This component is used to render the API Client Modal\n */\nexport default {}\n</script>\n\n<script setup lang=\"ts\">\nimport type { ScalarListboxOption } from '@scalar/components/listbox'\nimport type { ModalState } from '@scalar/components/modal'\nimport type { HttpMethod } from '@scalar/helpers/http/http-methods'\nimport type { ClientPlugin } from '@scalar/oas-utils/helpers'\nimport { ScalarToasts } from '@scalar/use-toasts'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\nimport { type WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { getActiveEnvironment } from '@scalar/workspace-store/request-example'\nimport type { OpenApiDocument } from '@scalar/workspace-store/schemas/v3.2/strict/openapi-document'\nimport {\n  computed,\n  onBeforeUnmount,\n  ref,\n  watch,\n  type ComputedRef,\n  type MaybeRefOrGetter,\n  type Ref,\n} from 'vue'\n\nimport ModalClientContainer from '@/v2/components/modals/ModalClientContainer.vue'\nimport { Sidebar, SidebarToggle } from '@/v2/components/sidebar'\nimport { type UseModalSidebarReturn } from '@/v2/features/modal/hooks/use-modal-sidebar'\nimport { initializeModalEvents } from '@/v2/features/modal/modal-events'\nimport Operation from '@/v2/features/operation/Operation.vue'\nimport { useGlobalHotKeys } from '@/v2/hooks/use-global-hot-keys'\nimport { useScrollLock } from '@/v2/hooks/use-scroll-lock'\nimport type { ApiClientOptions, ApiClientOptionsRef } from '@/v2/types/options'\n\nconst {\n  document,\n  eventBus,\n  modalState,\n  options,\n  plugins,\n  requestBodyCompositionSelection,\n  sidebarState,\n  workspaceStore,\n} = defineProps<\n  Omit<ModalProps, 'options'> & { options: ApiClientOptionsRef }\n>()\n\nconst activeWorkspace: ScalarListboxOption = {\n  label: 'default',\n  id: 'default',\n}\n\n/** Controls the visibility of the sidebar. */\nconst isSidebarOpen = ref(false)\n\n/** Initialize modal events */\ninitializeModalEvents({\n  eventBus,\n  isSidebarOpen,\n  requestBodyCompositionSelection,\n  sidebarState,\n  modalState,\n  store: workspaceStore,\n})\n\n/** Register global hotkeys for the app, passing the workspace event bus and layout state */\nuseGlobalHotKeys(eventBus, 'modal', () => !modalState.open)\n\n/** Clean up on close */\nconst cleanUp = () => {\n  eventBus.emit('operation:cancel:request')\n}\n\nconst isLocked = useScrollLock(() => {\n  if (typeof window !== 'undefined') {\n    return window.document.body\n  }\n  return null\n})\n\nwatch(\n  () => modalState.open,\n  (open) => {\n    // Make sure scrolling is locked or unlocked when the modal is opened or closed\n    isLocked.value = open\n\n    if (!open) {\n      cleanUp()\n    }\n  },\n)\n\n// Ensure we add our scalar wrapper class to the headless ui root\nonBeforeUnmount(() => cleanUp())\n\n/** Default sidebar width in pixels. */\nconst DEFAULT_SIDEBAR_WIDTH = 288\n\n/** Width of the sidebar, with fallback to default. */\nconst sidebarWidth = computed(\n  () =>\n    workspaceStore?.workspace?.['x-scalar-sidebar-width'] ??\n    DEFAULT_SIDEBAR_WIDTH,\n)\n\n/** Handler for sidebar width changes. */\nconst handleSidebarWidthUpdate = (width: number) =>\n  workspaceStore?.update('x-scalar-sidebar-width', width)\n\n/**\n * Merged environment variables from workspace and document levels.\n * Variables from both sources are combined, with document variables\n * taking precedence in case of naming conflicts.\n */\nconst environment = computed(\n  () => getActiveEnvironment(workspaceStore, document.value).environment,\n)\n\ndefineExpose({\n  sidebarWidth,\n  environment,\n})\n</script>\n\n<template>\n  <ModalClientContainer :modalState>\n    <!-- Toasts -->\n    <ScalarToasts />\n\n    <!-- If we have a document, path and method, render the operation -->\n    <main\n      v-if=\"document.value && path?.value && method?.value\"\n      class=\"relative flex h-full min-h-0 w-full flex-1\">\n      <SidebarToggle\n        v-model=\"isSidebarOpen\"\n        class=\"absolute top-2 left-4 z-10 max-md:top-4\" />\n      <Sidebar\n        v-show=\"isSidebarOpen\"\n        v-model:sidebarWidth=\"sidebarWidth\"\n        :activeWorkspace=\"activeWorkspace\"\n        class=\"h-full max-md:absolute! max-md:z-5 max-md:w-full!\"\n        :documents=\"[document.value]\"\n        :eventBus\n        :isDroppable=\"() => false\"\n        layout=\"modal\"\n        :sidebarState=\"sidebarState.state\"\n        :workspaces=\"[]\"\n        @selectItem=\"sidebarState.handleSelectItem\"\n        @update:sidebarWidth=\"handleSidebarWidthUpdate\" />\n      <Operation\n        :activeWorkspace=\"activeWorkspace\"\n        class=\"flex-1\"\n        :document=\"document.value\"\n        :documentSlug=\"document.value['x-scalar-navigation']?.name ?? ''\"\n        :environment\n        :eventBus\n        :exampleName=\"exampleName?.value\"\n        :isWebhook=\"isWebhook.value\"\n        layout=\"modal\"\n        :method=\"method?.value\"\n        :options\n        :path=\"path?.value\"\n        :plugins\n        :requestBodyCompositionSelection=\"requestBodyCompositionSelection.value\"\n        :workspaceStore />\n    </main>\n    <!-- Empty state -->\n    <div\n      v-else\n      class=\"flex h-full w-full items-center justify-center\">\n      <span class=\"text-c-3\">No document selected</span>\n    </div>\n  </ModalClientContainer>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8EA,MAAM,kBAAuC;GAC3C,OAAO;GACP,IAAI;EACN;;EAGA,MAAM,gBAAgB,IAAI,KAAK;;EAG/B,sBAAsB;GACpB,UAAO,QAAA;GACP;GACA,iCAA8B,QAAA;GAC9B,cAAW,QAAA;GACX,YAAS,QAAA;GACT,OAAO,QAAA;EACT,CAAC;;EAGD,iBAAiB,QAAA,UAAU,eAAe,CAAC,QAAA,WAAW,IAAI;;EAG1D,MAAM,gBAAgB;GACpB,QAAA,SAAS,KAAK,0BAA0B;EAC1C;EAEA,MAAM,WAAW,oBAAoB;GACnC,IAAI,OAAO,WAAW,aACpB,OAAO,OAAO,SAAS;GAEzB,OAAO;EACT,CAAC;EAED,YACQ,QAAA,WAAW,OAChB,SAAS;GAER,SAAS,QAAQ;GAEjB,IAAI,CAAC,MACH,QAAQ;EAEZ,CACF;EAGA,sBAAsB,QAAQ,CAAC;;EAG/B,MAAM,wBAAwB;;EAG9B,MAAM,eAAe,eAEjB,QAAA,gBAAgB,YAAY,6BAC5B,qBACJ;;EAGA,MAAM,4BAA4B,UAChC,QAAA,gBAAgB,OAAO,0BAA0B,KAAK;;;;;;EAOxD,MAAM,cAAc,eACZ,qBAAqB,QAAA,gBAAgB,QAAA,SAAS,KAAK,CAAC,CAAC,WAC7D;EAEA,SAAa;GACX;GACA;EACF,CAAC;;uBAIC,YA+CuB,8BAAA,EA/CA,YAAA,QAAA,WAAU,GAAA;2BAEf,CAAhB,YAAgB,MAAA,YAAA,CAAA,GAIR,QAAA,SAAS,SAAS,QAAA,MAAM,SAAS,QAAA,QAAQ,SAAA,UAAA,GADjD,mBAmCO,QAnCP,YAmCO;KAhCL,YAEoD,MAAA,qBAAA,GAAA;kBADzC,cAAA;iFAAa,QAAA;MACtB,OAAM;;oBACR,YAYoD,MAAA,eAAA,GAAA;MAV1C,cAAc,aAAA;mFAAY,QAAA,SAUZ,wBAAA;MATJ;MAClB,OAAM;MACL,WAAS,CAAG,QAAA,SAAS,KAAK;MAC1B,UAAA,QAAA;MACA,mBAAa;MACd,QAAO;MACN,cAAc,QAAA,aAAa;MAC3B,YAAY,CAAA;MACZ,cAAY,QAAA,aAAa;;;;;;;kBAVlB,cAAA,KAAa,CAAA,CAAA;KAYvB,YAeoB,mBAAA;MAdA;MAClB,OAAM;MACL,UAAU,QAAA,SAAS;MACnB,cAAc,QAAA,SAAS,MAAK,sBAAA,EAAyB,QAAI;MACzD,aAAA,YAAA;MACA,UAAA,QAAA;MACA,aAAa,QAAA,aAAa;MAC1B,WAAW,QAAA,UAAU;MACtB,QAAO;MACN,QAAQ,QAAA,QAAQ;MAChB,SAAA,QAAA;MACA,MAAM,QAAA,MAAM;MACZ,SAAA,QAAA;MACA,iCAAiC,QAAA,gCAAgC;MACjE,gBAAA,QAAA;;;;;;;;;;;;;;;wBAGL,mBAIM,OAJN,YAIM,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CADJ,mBAAkD,QAAA,EAA5C,OAAM,WAAU,GAAC,wBAAoB,EAAA,CAAA,EAAA,CAAA,EAAA,CAAA"}
+{"version":3,"file":"Modal.vue.script.js","names":[],"sources":["../../../../src/v2/features/modal/Modal.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type ModalProps = {\n  /** The workspace store must be initialized and passed in */\n  workspaceStore: WorkspaceStore\n  /** The document must be initialized and passed in. OpenAPI-only — the modal has no AsyncAPI path. */\n  document: ComputedRef<OpenApiDocument | null>\n  /** The path must be initialized and passed in */\n  path: ComputedRef<string | undefined>\n  /** The event bus for handling all events */\n  eventBus: WorkspaceEventBus\n  /** The method must be initialized and passed in */\n  method: ComputedRef<HttpMethod | undefined>\n  /** The example name must be initialized and passed in */\n  exampleName: ComputedRef<string | undefined>\n  /** Whether the active route resolves from `document.webhooks`. */\n  isWebhook: ComputedRef<boolean>\n  /** Selected anyOf/oneOf request-body variants keyed by schema path */\n  requestBodyCompositionSelection: Ref<Record<string, number>>\n  /** Controls the visibility of the modal */\n  modalState: ModalState\n  /** The sidebar state must be initialized and passed in */\n  sidebarState: UseModalSidebarReturn\n  /** Api client plugins to include in the modal */\n  plugins: ClientPlugin[]\n  /** Subset of the configuration options for the modal */\n  options: MaybeRefOrGetter<ApiClientOptions>\n}\n\n/**\n * Scalar Api Client Modal\n *\n * This component is used to render the API Client Modal\n */\nexport default {}\n</script>\n\n<script setup lang=\"ts\">\nimport type { ScalarListboxOption } from '@scalar/components/listbox'\nimport type { ModalState } from '@scalar/components/modal'\nimport type { HttpMethod } from '@scalar/helpers/http/http-methods'\nimport type { ClientPlugin } from '@scalar/oas-utils/helpers'\nimport { ScalarToasts } from '@scalar/use-toasts'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\nimport { type WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { getActiveEnvironment } from '@scalar/workspace-store/request-example'\nimport type { OpenApiDocument } from '@scalar/workspace-store/schemas/v3.2/strict/openapi-document'\nimport {\n  computed,\n  onBeforeUnmount,\n  ref,\n  watch,\n  type ComputedRef,\n  type MaybeRefOrGetter,\n  type Ref,\n} from 'vue'\n\nimport ModalClientContainer from '@/v2/components/modals/ModalClientContainer.vue'\nimport { Sidebar, SidebarToggle } from '@/v2/components/sidebar'\nimport { provideLocalization } from '@/v2/features/localization'\nimport { type UseModalSidebarReturn } from '@/v2/features/modal/hooks/use-modal-sidebar'\nimport { initializeModalEvents } from '@/v2/features/modal/modal-events'\nimport Operation from '@/v2/features/operation/Operation.vue'\nimport { useGlobalHotKeys } from '@/v2/hooks/use-global-hot-keys'\nimport { useScrollLock } from '@/v2/hooks/use-scroll-lock'\nimport type { ApiClientOptions, ApiClientOptionsRef } from '@/v2/types/options'\n\nconst {\n  document,\n  eventBus,\n  modalState,\n  options,\n  plugins,\n  requestBodyCompositionSelection,\n  sidebarState,\n  workspaceStore,\n} = defineProps<\n  Omit<ModalProps, 'options'> & { options: ApiClientOptionsRef }\n>()\n\nconst { translate, locale, direction } = provideLocalization(\n  () => options.value.localization,\n)\n\nconst activeWorkspace: ScalarListboxOption = {\n  label: 'default',\n  id: 'default',\n}\n\n/** Controls the visibility of the sidebar. */\nconst isSidebarOpen = ref(false)\n\n/** Initialize modal events */\ninitializeModalEvents({\n  eventBus,\n  isSidebarOpen,\n  requestBodyCompositionSelection,\n  sidebarState,\n  modalState,\n  store: workspaceStore,\n})\n\n/** Register global hotkeys for the app, passing the workspace event bus and layout state */\nuseGlobalHotKeys(eventBus, 'modal', () => !modalState.open)\n\n/** Clean up on close */\nconst cleanUp = () => {\n  eventBus.emit('operation:cancel:request')\n}\n\nconst isLocked = useScrollLock(() => {\n  if (typeof window !== 'undefined') {\n    return window.document.body\n  }\n  return null\n})\n\nwatch(\n  () => modalState.open,\n  (open) => {\n    // Make sure scrolling is locked or unlocked when the modal is opened or closed\n    isLocked.value = open\n\n    if (!open) {\n      cleanUp()\n    }\n  },\n)\n\n// Ensure we add our scalar wrapper class to the headless ui root\nonBeforeUnmount(() => cleanUp())\n\n/** Default sidebar width in pixels. */\nconst DEFAULT_SIDEBAR_WIDTH = 288\n\n/** Width of the sidebar, with fallback to default. */\nconst sidebarWidth = computed(\n  () =>\n    workspaceStore?.workspace?.['x-scalar-sidebar-width'] ??\n    DEFAULT_SIDEBAR_WIDTH,\n)\n\n/** Handler for sidebar width changes. */\nconst handleSidebarWidthUpdate = (width: number) =>\n  workspaceStore?.update('x-scalar-sidebar-width', width)\n\n/**\n * Merged environment variables from workspace and document levels.\n * Variables from both sources are combined, with document variables\n * taking precedence in case of naming conflicts.\n */\nconst environment = computed(\n  () => getActiveEnvironment(workspaceStore, document.value).environment,\n)\n\ndefineExpose({\n  sidebarWidth,\n  environment,\n})\n</script>\n\n<template>\n  <ModalClientContainer\n    :dir=\"direction\"\n    :lang=\"locale\"\n    :modalState>\n    <!-- Toasts -->\n    <ScalarToasts />\n\n    <!-- If we have a document, path and method, render the operation -->\n    <main\n      v-if=\"document.value && path?.value && method?.value\"\n      class=\"relative flex h-full min-h-0 w-full flex-1\">\n      <SidebarToggle\n        v-model=\"isSidebarOpen\"\n        class=\"absolute top-2 left-4 z-10 max-md:top-4\" />\n      <Sidebar\n        v-show=\"isSidebarOpen\"\n        v-model:sidebarWidth=\"sidebarWidth\"\n        :activeWorkspace=\"activeWorkspace\"\n        class=\"h-full max-md:absolute! max-md:z-5 max-md:w-full!\"\n        :documents=\"[document.value]\"\n        :eventBus\n        :isDroppable=\"() => false\"\n        layout=\"modal\"\n        :sidebarState=\"sidebarState.state\"\n        :workspaces=\"[]\"\n        @selectItem=\"sidebarState.handleSelectItem\"\n        @update:sidebarWidth=\"handleSidebarWidthUpdate\" />\n      <Operation\n        :activeWorkspace=\"activeWorkspace\"\n        class=\"flex-1\"\n        :document=\"document.value\"\n        :documentSlug=\"document.value['x-scalar-navigation']?.name ?? ''\"\n        :environment\n        :eventBus\n        :exampleName=\"exampleName?.value\"\n        :isActive=\"modalState.open\"\n        :isWebhook=\"isWebhook.value\"\n        layout=\"modal\"\n        :method=\"method?.value\"\n        :options\n        :path=\"path?.value\"\n        :plugins\n        :requestBodyCompositionSelection=\"requestBodyCompositionSelection.value\"\n        :workspaceStore />\n    </main>\n    <!-- Empty state -->\n    <div\n      v-else\n      class=\"flex h-full w-full items-center justify-center\">\n      <span class=\"text-c-3\">{{\n        translate('apiClient.modal.noDocumentSelected')\n      }}</span>\n    </div>\n  </ModalClientContainer>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+EA,MAAM,EAAE,WAAW,QAAQ,cAAc,0BACjC,QAAA,QAAQ,MAAM,YACtB;EAEA,MAAM,kBAAuC;GAC3C,OAAO;GACP,IAAI;EACN;;EAGA,MAAM,gBAAgB,IAAI,KAAK;;EAG/B,sBAAsB;GACpB,UAAO,QAAA;GACP;GACA,iCAA8B,QAAA;GAC9B,cAAW,QAAA;GACX,YAAS,QAAA;GACT,OAAO,QAAA;EACT,CAAC;;EAGD,iBAAiB,QAAA,UAAU,eAAe,CAAC,QAAA,WAAW,IAAI;;EAG1D,MAAM,gBAAgB;GACpB,QAAA,SAAS,KAAK,0BAA0B;EAC1C;EAEA,MAAM,WAAW,oBAAoB;GACnC,IAAI,OAAO,WAAW,aACpB,OAAO,OAAO,SAAS;GAEzB,OAAO;EACT,CAAC;EAED,YACQ,QAAA,WAAW,OAChB,SAAS;GAER,SAAS,QAAQ;GAEjB,IAAI,CAAC,MACH,QAAQ;EAEZ,CACF;EAGA,sBAAsB,QAAQ,CAAC;;EAG/B,MAAM,wBAAwB;;EAG9B,MAAM,eAAe,eAEjB,QAAA,gBAAgB,YAAY,6BAC5B,qBACJ;;EAGA,MAAM,4BAA4B,UAChC,QAAA,gBAAgB,OAAO,0BAA0B,KAAK;;;;;;EAOxD,MAAM,cAAc,eACZ,qBAAqB,QAAA,gBAAgB,QAAA,SAAS,KAAK,CAAC,CAAC,WAC7D;EAEA,SAAa;GACX;GACA;EACF,CAAC;;uBAIC,YAqDuB,8BAAA;IApDpB,KAAK,MAAA,SAAA;IACL,MAAM,MAAA,MAAA;IACN,YAAA,QAAA;;2BAEe,CAAhB,YAAgB,MAAA,YAAA,CAAA,GAIR,QAAA,SAAS,SAAS,QAAA,MAAM,SAAS,QAAA,QAAQ,SAAA,UAAA,GADjD,mBAoCO,QApCP,YAoCO;KAjCL,YAEoD,MAAA,qBAAA,GAAA;kBADzC,cAAA;iFAAa,QAAA;MACtB,OAAM;;oBACR,YAYoD,MAAA,eAAA,GAAA;MAV1C,cAAc,aAAA;mFAAY,QAAA,SAUZ,wBAAA;MATJ;MAClB,OAAM;MACL,WAAS,CAAG,QAAA,SAAS,KAAK;MAC1B,UAAA,QAAA;MACA,mBAAa;MACd,QAAO;MACN,cAAc,QAAA,aAAa;MAC3B,YAAY,CAAA;MACZ,cAAY,QAAA,aAAa;;;;;;;kBAVlB,cAAA,KAAa,CAAA,CAAA;KAYvB,YAgBoB,mBAAA;MAfA;MAClB,OAAM;MACL,UAAU,QAAA,SAAS;MACnB,cAAc,QAAA,SAAS,MAAK,sBAAA,EAAyB,QAAI;MACzD,aAAA,YAAA;MACA,UAAA,QAAA;MACA,aAAa,QAAA,aAAa;MAC1B,UAAU,QAAA,WAAW;MACrB,WAAW,QAAA,UAAU;MACtB,QAAO;MACN,QAAQ,QAAA,QAAQ;MAChB,SAAA,QAAA;MACA,MAAM,QAAA,MAAM;MACZ,SAAA,QAAA;MACA,iCAAiC,QAAA,gCAAgC;MACjE,gBAAA,QAAA;;;;;;;;;;;;;;;;wBAGL,mBAMM,OANN,YAMM,CAHJ,mBAES,QAFT,YAES,gBADP,MAAA,SAAA,CAAS,CAAA,oCAAA,CAAA,GAAA,CAAA,CAAA,CAAA,EAAA,CAAA"}

package/dist/v2/features/modal/use-lazy-api-client.d.ts

@@ -0,0 +1,11 @@
+import type { WorkspaceEventBus } from '@scalar/workspace-store/events';
+import { type ShallowRef } from 'vue';
+import type { ApiClientModal } from './helpers/create-api-client-modal.js';
+/** Load and mount the client only when requested, retaining the latest open intent during loading. */
+export declare const useLazyApiClient: ({ eventBus, load, status, }: {
+    eventBus: WorkspaceEventBus;
+    load: () => Promise<() => ApiClientModal | null>;
+    /** Optional visitor-facing state for the initial download. */
+    status?: ShallowRef<"idle" | "loading" | "error">;
+}) => ShallowRef<ApiClientModal | null>;
+//# sourceMappingURL=use-lazy-api-client.d.ts.map

package/dist/v2/features/modal/use-lazy-api-client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-lazy-api-client.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/modal/use-lazy-api-client.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAY,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AACjF,OAAO,EAAE,KAAK,UAAU,EAA+C,MAAM,KAAK,CAAA;AAElF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAA;AAIvE,sGAAsG;AACtG,eAAO,MAAM,gBAAgB,GAAI,6BAI9B;IACD,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,IAAI,EAAE,MAAM,OAAO,CAAC,MAAM,cAAc,GAAG,IAAI,CAAC,CAAA;IAChD,8DAA8D;IAC9D,MAAM,CAAC,EAAE,UAAU,CAAC,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC,CAAA;CAClD,KAAG,UAAU,CAAC,cAAc,GAAG,IAAI,CAwDnC,CAAA"}

package/dist/v2/features/modal/use-lazy-api-client.js

@@ -0,0 +1,48 @@
+import { getCurrentScope, onScopeDispose, shallowRef } from "vue";
+//#region src/v2/features/modal/use-lazy-api-client.ts
+/** Load and mount the client only when requested, retaining the latest open intent during loading. */
+var useLazyApiClient = ({ eventBus, load, status = shallowRef("idle") }) => {
+	const scope = getCurrentScope();
+	const client = shallowRef(null);
+	let disposed = false;
+	let loading = false;
+	let pending = null;
+	const unsubscribeOpen = eventBus.on("ui:open:client-modal", (payload) => {
+		pending = { payload };
+		status.value = "loading";
+		if (loading) return;
+		loading = true;
+		load().then((createClient) => {
+			if (disposed || !pending) return;
+			client.value = (scope ? scope.run(createClient) : createClient()) ?? null;
+			if (!client.value) return;
+			unsubscribeOpen();
+			unsubscribeClose();
+			eventBus.emit("ui:open:client-modal", pending.payload);
+		}).catch((error) => {
+			if (!disposed && pending) status.value = "error";
+			console.error("[@scalar/api-client] Could not load the API client modal.", error);
+		}).finally(() => {
+			pending = null;
+			loading = false;
+			if (status.value === "loading") status.value = "idle";
+		});
+	});
+	const unsubscribeClose = eventBus.on("ui:close:client-modal", () => {
+		pending = null;
+		status.value = "idle";
+	});
+	onScopeDispose(() => {
+		disposed = true;
+		status.value = "idle";
+		pending = null;
+		unsubscribeOpen();
+		unsubscribeClose();
+		client.value?.app.unmount();
+	}, true);
+	return client;
+};
+//#endregion
+export { useLazyApiClient };
+
+//# sourceMappingURL=use-lazy-api-client.js.map

package/dist/v2/features/modal/use-lazy-api-client.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-lazy-api-client.js","names":[],"sources":["../../../../src/v2/features/modal/use-lazy-api-client.ts"],"sourcesContent":["import type { AnyEvent, WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { type ShallowRef, getCurrentScope, onScopeDispose, shallowRef } from 'vue'\n\nimport type { ApiClientModal } from './helpers/create-api-client-modal'\n\ntype OpenPayload = Extract<AnyEvent, { event: 'ui:open:client-modal' }>['payload']\n\n/** Load and mount the client only when requested, retaining the latest open intent during loading. */\nexport const useLazyApiClient = ({\n  eventBus,\n  load,\n  status = shallowRef('idle'),\n}: {\n  eventBus: WorkspaceEventBus\n  load: () => Promise<() => ApiClientModal | null>\n  /** Optional visitor-facing state for the initial download. */\n  status?: ShallowRef<'idle' | 'loading' | 'error'>\n}): ShallowRef<ApiClientModal | null> => {\n  const scope = getCurrentScope()\n  const client = shallowRef<ApiClientModal | null>(null)\n  let disposed = false\n  let loading = false\n  let pending: { payload: OpenPayload } | null = null\n\n  const unsubscribeOpen = eventBus.on('ui:open:client-modal', (payload) => {\n    pending = { payload }\n    status.value = 'loading'\n    if (loading) {\n      return\n    }\n    loading = true\n    void load()\n      .then((createClient) => {\n        if (disposed || !pending) {\n          return\n        }\n        client.value = (scope ? scope.run(createClient) : createClient()) ?? null\n        if (!client.value) {\n          return\n        }\n        unsubscribeOpen()\n        unsubscribeClose()\n        // Replay the full event after the modal subscribes, including example and composition selection.\n        eventBus.emit('ui:open:client-modal', pending.payload)\n      })\n      .catch((error: unknown) => {\n        if (!disposed && pending) {\n          status.value = 'error'\n        }\n        console.error('[@scalar/api-client] Could not load the API client modal.', error)\n      })\n      .finally(() => {\n        pending = null\n        loading = false\n        if (status.value === 'loading') {\n          status.value = 'idle'\n        }\n      })\n  })\n  const unsubscribeClose = eventBus.on('ui:close:client-modal', () => {\n    pending = null\n    status.value = 'idle'\n  })\n\n  onScopeDispose(() => {\n    disposed = true\n    status.value = 'idle'\n    pending = null\n    unsubscribeOpen()\n    unsubscribeClose()\n    client.value?.app.unmount()\n  }, true)\n  return client\n}\n"],"mappings":";;;AAQA,IAAa,oBAAoB,EAC/B,UACA,MACA,SAAS,WAAW,MAAM,QAMa;CACvC,MAAM,QAAQ,gBAAgB;CAC9B,MAAM,SAAS,WAAkC,IAAI;CACrD,IAAI,WAAW;CACf,IAAI,UAAU;CACd,IAAI,UAA2C;CAE/C,MAAM,kBAAkB,SAAS,GAAG,yBAAyB,YAAY;EACvE,UAAU,EAAE,QAAQ;EACpB,OAAO,QAAQ;EACf,IAAI,SACF;EAEF,UAAU;EACV,KAAU,CAAC,CACR,MAAM,iBAAiB;GACtB,IAAI,YAAY,CAAC,SACf;GAEF,OAAO,SAAS,QAAQ,MAAM,IAAI,YAAY,IAAI,aAAa,MAAM;GACrE,IAAI,CAAC,OAAO,OACV;GAEF,gBAAgB;GAChB,iBAAiB;GAEjB,SAAS,KAAK,wBAAwB,QAAQ,OAAO;EACvD,CAAC,CAAC,CACD,OAAO,UAAmB;GACzB,IAAI,CAAC,YAAY,SACf,OAAO,QAAQ;GAEjB,QAAQ,MAAM,6DAA6D,KAAK;EAClF,CAAC,CAAC,CACD,cAAc;GACb,UAAU;GACV,UAAU;GACV,IAAI,OAAO,UAAU,WACnB,OAAO,QAAQ;EAEnB,CAAC;CACL,CAAC;CACD,MAAM,mBAAmB,SAAS,GAAG,+BAA+B;EAClE,UAAU;EACV,OAAO,QAAQ;CACjB,CAAC;CAED,qBAAqB;EACnB,WAAW;EACX,OAAO,QAAQ;EACf,UAAU;EACV,gBAAgB;EAChB,iBAAiB;EACjB,OAAO,OAAO,IAAI,QAAQ;CAC5B,GAAG,IAAI;CACP,OAAO;AACT"}

package/dist/v2/features/operation/Operation.vue.d.ts

@@ -18,6 +18,8 @@ import type { ApiClientOptions } from '../../../v2/types/options';
 declare const _default: typeof __VLS_export;
 export default _default;
 export type OperationProps = {
+    /** Hidden modals keep their operation mounted without downloading examples. */
+    isActive?: boolean;
     /** The slug of the currently selected document in the workspace */
     documentSlug: string;
     /** The currently active document — OpenAPI-only, the operation page has no AsyncAPI path */