@scalar/api-client 3.23.1 → 3.23.3

package/dist/v2/components/code-input/CodeInput.vue.script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CodeInput.vue.script.js","names":["$attrs","$slots"],"sources":["../../../../src/v2/components/code-input/CodeInput.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type CodeInputModelValue =\n  | string\n  | number\n  | boolean\n  | Array<string | number | boolean>\n  | Record<string, unknown>\n\n/**\n * CodeInput\n *\n * A versatile input component that adapts its rendering based on props:\n * - Disabled mode: Read-only text display\n * - Select mode: Dropdown for enums, booleans, or examples\n * - Editor mode: CodeMirror with environment variable support\n *\n * Type `{{` to trigger autocomplete for environment variables and runtime context functions\n * (for example `{{$guid}}`) when an environment is provided.\n * It takes in any data but always will emit a string value,\n * this string should then be parsed in accordance to the schema or content type.\n *\n * @example\n * ```vue\n * <!-- Basic input with environment variables -->\n * <CodeInput v-model=\"value\" :environment=\"env\" />\n *\n * <!-- Boolean select -->\n * <CodeInput v-model=\"flag\" type=\"boolean\" />\n *\n * <!-- JSON editor with linting -->\n * <CodeInput v-model=\"data\" language=\"json\" :lint=\"true\" />\n * ```\n */\nexport default {\n  inheritAttrs: false,\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { ScalarIconButton } from '@scalar/components/icon-button'\nimport { isDefined } from '@scalar/helpers/array/is-defined'\nimport { ScalarIconArrowElbowDownLeft } from '@scalar/icons'\nimport {\n  colorPicker as colorPickerExtension,\n  EditorView,\n  useCodeMirror,\n  useDropdown,\n  type CodeMirrorLanguage,\n  type Extension,\n} from '@scalar/use-codemirror'\nimport {\n  CONTEXT_FUNCTION_NAMES,\n  getContextFunctionComment,\n  isContextFunctionName,\n} from '@scalar/workspace-store/request-example'\nimport type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments'\nimport { nanoid } from 'nanoid'\nimport { computed, ref, toRef, useAttrs, watch, type Ref } from 'vue'\n\nimport DataTableInputSelect from '@/v2/components/data-table/DataTableInputSelect.vue'\nimport EnvironmentVariableDropdown from '@/v2/features/environments/components/EnvironmentVariablesDropdown.vue'\nimport { useLocalization } from '@/v2/features/localization'\nimport type { ClientLayout } from '@/v2/types/layout'\n\nimport { backspaceCommand, pillPlugin } from './code-variable-widget'\n\nconst {\n  modelValue,\n  environment,\n  type,\n  disabled = false,\n  error = false,\n  layout = 'desktop',\n  enum: enumProp,\n  examples,\n  default: defaultProp,\n  nullable = false,\n  placeholder,\n  required,\n  colorPicker = false,\n  lineNumbers = false,\n  lint = false,\n  lineWrapping = false,\n  language,\n  extensions = [],\n  disableTabIndent = false,\n  disableEnter = false,\n  disableCloseBrackets = false,\n  emitOnBlur = true,\n  alwaysEmitChange = false,\n  withVariables = true,\n  withFakeData = false,\n  handleFieldChange,\n  handleFieldSubmit,\n} = defineProps<Props>()\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string]\n  'submit': [value: string, event: KeyboardEvent | FocusEvent]\n  'navigate': [route: { page: 'document'; path: 'environment' }]\n  'blur': [value: string, event: FocusEvent]\n}>()\n\nconst { translate } = useLocalization()\n\ntype Props = {\n  modelValue: CodeInputModelValue\n  /** Environment for variable substitution. Pass undefined to disable environment variables */\n  environment: XScalarEnvironment | undefined\n  /** Type of the input value, affects rendering mode for booleans */\n  type?: string | string[]\n  /** Render as disabled text display */\n  disabled?: boolean\n  /** Show error styling */\n  error?: boolean\n  /** Layout context affects styling and behavior */\n  layout?: ClientLayout\n  /** Predefined enum values, triggers select mode */\n  enum?: string[]\n  /** Example values, triggers select mode */\n  examples?: string[]\n  /** Default value to show in select mode */\n  default?: Props['modelValue']\n  /** Allow null in boolean select options */\n  nullable?: boolean\n  /** Placeholder text for empty input */\n  placeholder?: string\n  /** Show required indicator */\n  required?: boolean\n  /** Enable color picker extension */\n  colorPicker?: boolean\n  /** Show line numbers in editor */\n  lineNumbers?: boolean\n  /** Enable linting */\n  lint?: boolean\n  /** Enable line wrapping */\n  lineWrapping?: boolean\n  /** CodeMirror language mode */\n  language?: CodeMirrorLanguage\n  /** Additional CodeMirror extensions */\n  extensions?: Extension[]\n  /** Disable tab key for indentation */\n  disableTabIndent?: boolean\n  /** Disable enter key */\n  disableEnter?: boolean\n  /** Disable automatic bracket closing */\n  disableCloseBrackets?: boolean\n  /** Emit submit event on blur */\n  emitOnBlur?: boolean\n  /** Enable environment variable pills */\n  withVariables?: boolean\n  /** Enable fake data suggestions like $guid, $timestamp, etc. Should only be enabled for parameters and request bodies */\n  withFakeData?: boolean\n  /** Emit change event even if the value is the same */\n  alwaysEmitChange?: boolean\n  /** Custom change handler, prevents default emit */\n  handleFieldChange?: (value: string) => void\n  /** Custom submit handler, prevents default emit */\n  handleFieldSubmit?: (value: string) => void\n  /** Put a linethrough on the input text */\n  linethrough?: boolean\n}\n\n// ---------------------------------------------------------------------------\n// Component identity and focus state\n\nconst attrs = useAttrs()\nconst componentId =\n  (typeof attrs.id === 'string' && attrs.id) || `id-${nanoid()}`\nconst isFocused = ref(false)\n\n// ---------------------------------------------------------------------------\n// Rendering mode detection\n\n/**\n * Determines if we should render a select dropdown for boolean types.\n */\nconst isBooleanMode = computed((): boolean => {\n  if (enumProp?.length) {\n    return false\n  }\n  return type === 'boolean' || (Array.isArray(type) && type.includes('boolean'))\n})\n\n/**\n * Options for boolean select mode.\n */\nconst booleanOptions = computed((): string[] =>\n  nullable ? ['true', 'false', 'null'] : ['true', 'false'],\n)\n\n/**\n * Default type when dealing with type arrays.\n * Finds the first non-null type.\n */\nconst defaultType = computed((): string | undefined => {\n  if (Array.isArray(type)) {\n    return type.find((t) => t !== 'null') ?? 'string'\n  }\n  return type\n})\n\n// ---------------------------------------------------------------------------\n// Event handlers\n\n/**\n * Handles value changes during typing.\n */\nconst handleChange = (value: string): void => {\n  if (!alwaysEmitChange && value === serializeValue(modelValue)) {\n    return\n  }\n\n  // Use custom handler or emit update\n  if (handleFieldChange) {\n    handleFieldChange(value)\n  } else {\n    emit('update:modelValue', value)\n  }\n}\n\n/**\n * Handles form submission (enter key or blur with emitOnBlur).\n */\nconst handleSubmit = (\n  value: string,\n  event: KeyboardEvent | FocusEvent,\n): void => {\n  if (handleFieldSubmit) {\n    handleFieldSubmit(value)\n  } else {\n    emit('submit', value, event)\n  }\n}\n\n/**\n * Handles input blur event.\n */\nconst handleBlur = (value: string, event: FocusEvent): void => {\n  isFocused.value = false\n\n  if (emitOnBlur && modelValue) {\n    handleSubmit(value, event)\n  }\n\n  emit('blur', value, event)\n}\n\n/**\n * Handles model value updates from select components.\n */\nconst handleSelectChange = (value: string): void =>\n  emit('update:modelValue', value)\n\n// ---------------------------------------------------------------------------\n// CodeMirror setup\n\n/**\n * Build extensions array.\n * Note: Extensions are not reactive after initialization.\n */\nconst buildExtensions = (): Extension[] => {\n  const extensionsList: Extension[] = [...extensions]\n\n  if (colorPicker) {\n    extensionsList.push(colorPickerExtension)\n  }\n\n  return extensionsList\n}\n\n/**\n * Reactive pill plugin for environment variable visualization.\n */\nconst contextFunctionDropdownItems = computed(() =>\n  withFakeData\n    ? CONTEXT_FUNCTION_NAMES.map((key) => ({\n        key,\n        description: getContextFunctionComment(key),\n      }))\n    : [],\n)\n\nconst pillPluginExtension = computed(() =>\n  pillPlugin({\n    environment,\n    isContextFunctionName,\n    isReadOnly: layout === 'modal',\n    translate,\n  }),\n)\n\nconst isLineWrapping = ref(lineWrapping)\n\nwatch(\n  () => lineWrapping,\n  (val) => {\n    isLineWrapping.value = val\n  },\n)\n\nconst toggleLineWrapping = (): void => {\n  isLineWrapping.value = !isLineWrapping.value\n}\n\nconst lineWrappingExtension = computed(() =>\n  isLineWrapping.value ? [EditorView.lineWrapping] : [],\n)\n\n/**\n * Combined extensions for CodeMirror.\n */\nconst codeMirrorExtensions = computed((): Extension[] => [\n  ...buildExtensions(),\n  ...lineWrappingExtension.value,\n  pillPluginExtension.value,\n  backspaceCommand,\n])\n\nconst codeMirrorRef: Ref<HTMLDivElement | null> = ref(null)\n\n/** Converts the model value to a string for CodeMirror */\nconst serializeValue = (value: CodeInputModelValue): string => {\n  if (typeof value === 'string') {\n    return value\n  }\n  return JSON.stringify(value)\n}\n\nconst { codeMirror, setCodeMirrorContent } = useCodeMirror({\n  content: toRef(() => serializeValue(modelValue)),\n  onChange: (value) => {\n    handleChange(value)\n    updateDropdownVisibility()\n  },\n  onFocus: () => {\n    isFocused.value = true\n  },\n  onBlur: handleBlur,\n  codeMirrorRef,\n  disableTabIndent: toRef(() => disableTabIndent),\n  disableEnter: toRef(() => disableEnter),\n  disableCloseBrackets: toRef(() => disableCloseBrackets),\n  lineNumbers: toRef(() => lineNumbers),\n  language: toRef(() => language),\n  lint: toRef(() => lint),\n  extensions: codeMirrorExtensions,\n  placeholder: toRef(() => placeholder),\n})\n\n/**\n * Handle autofocus attribute.\n */\nwatch(codeMirror, () => {\n  if (codeMirror.value && Object.hasOwn(attrs, 'autofocus')) {\n    codeMirror.value.focus()\n  }\n})\n\n// ---------------------------------------------------------------------------\n// Environment variable dropdown\n\nconst showDropdown = ref(false)\nconst dropdownQuery = ref('')\nconst dropdownPosition = ref({ left: 0, top: 0 })\nconst dropdownRef = ref<InstanceType<\n  typeof EnvironmentVariableDropdown\n> | null>(null)\n\nconst { handleDropdownSelect, updateDropdownVisibility } = useDropdown({\n  codeMirror,\n  query: dropdownQuery,\n  showDropdown,\n  dropdownPosition,\n})\n\n/**\n * Determines if the environment variable dropdown should be visible.\n * Shows when environment is defined (for env vars) or withFakeData is true (for context functions)\n */\nconst displayVariablesDropdown = computed((): boolean => {\n  return (\n    showDropdown.value &&\n    withVariables &&\n    layout !== 'modal' &&\n    (Boolean(environment) || withFakeData)\n  )\n})\n\n// ---------------------------------------------------------------------------\n// Keyboard event handling\n\n/**\n * Handles keyboard navigation for dropdown and form submission.\n */\nconst handleKeyDown = (key: string, event: KeyboardEvent): void => {\n  if (showDropdown.value) {\n    if (key === 'down' || key === 'up') {\n      event.preventDefault()\n      dropdownRef.value?.handleArrowKey(key)\n    } else if (key === 'enter') {\n      event.preventDefault()\n      dropdownRef.value?.handleSelect()\n    }\n    return\n  }\n\n  if (key === 'escape' && !disableTabIndent) {\n    event.stopPropagation()\n  }\n\n  if (key === 'enter' && event.target instanceof HTMLDivElement) {\n    handleSubmit(codeMirror.value?.state.doc.toString() ?? '', event)\n  }\n}\n\n// ---------------------------------------------------------------------------\n// Public API\n\ndefineExpose({\n  /**\n   * Focus the codemirror element\n   *\n   * @param cursorAtEnd boolean place the cursor at the end of the input\n   */\n  focus: (position?: 'start' | 'end' | number) => {\n    if (!codeMirror.value) {\n      return\n    }\n    codeMirror.value.focus()\n\n    if (!isDefined(position)) {\n      return\n    }\n\n    const anchor = (() => {\n      if (position === 'start') {\n        return 0\n      }\n      if (position === 'end') {\n        return codeMirror.value.state.doc.length\n      }\n      return position\n    })()\n\n    // Move the cursor to the specified position\n    codeMirror.value.dispatch({\n      selection: { anchor },\n      scrollIntoView: true,\n    })\n  },\n  isFocused,\n  handleChange,\n  handleSubmit,\n  handleBlur,\n  booleanOptions,\n  codeMirror,\n  codeMirrorRef,\n  modelValue,\n  setCodeMirrorContent,\n  cursorPosition: () => codeMirror.value?.state.selection.main.head,\n  serializeValue,\n})\n</script>\n\n<template>\n  <!-- Disabled mode: read-only text display -->\n  <div\n    v-if=\"disabled\"\n    class=\"text-c-2 flex cursor-default items-center justify-center\"\n    :class=\"{\n      'font-code pr-2 pl-1 text-base': layout === 'modal',\n      'px-2': layout !== 'modal',\n      'line-through': linethrough,\n    }\"\n    data-testid=\"code-input-disabled\">\n    <span class=\"whitespace-nowrap\">{{ modelValue }}</span>\n  </div>\n\n  <!-- Enum mode: select dropdown with predefined values -->\n  <DataTableInputSelect\n    v-else-if=\"enumProp?.length\"\n    :default=\"defaultProp\"\n    :modelValue=\"modelValue\"\n    :type=\"defaultType\"\n    :value=\"enumProp\"\n    @update:modelValue=\"handleSelectChange\" />\n\n  <!-- Boolean mode: select dropdown with true/false (and optionally null) -->\n  <DataTableInputSelect\n    v-else-if=\"isBooleanMode\"\n    :default=\"defaultProp\"\n    :modelValue=\"modelValue\"\n    :value=\"booleanOptions\"\n    @update:modelValue=\"handleSelectChange\" />\n\n  <!-- Examples mode: select dropdown with example values -->\n  <DataTableInputSelect\n    v-else-if=\"examples?.length\"\n    :default=\"defaultProp\"\n    :modelValue=\"modelValue\"\n    :value=\"examples\"\n    @update:modelValue=\"handleSelectChange\" />\n\n  <!-- Editor mode: CodeMirror with environment variable support -->\n  <div\n    v-else\n    :id=\"componentId\"\n    v-bind=\"$attrs\"\n    ref=\"codeMirrorRef\"\n    class=\"group/input group-[.alert]:outline-orange group-[.error]:outline-red font-code peer relative w-full overflow-hidden text-xs leading-[1.44] whitespace-nowrap -outline-offset-1 has-[:focus-visible]:rounded-[4px] has-[:focus-visible]:outline\"\n    :class=\"{\n      'line-wrapping has-[:focus-visible]:bg-b-1 has-[:focus-visible]:absolute has-[:focus-visible]:z-1':\n        lineWrapping,\n      'flow-code-input--error': error,\n      'line-through': linethrough,\n    }\"\n    @keydown.down.stop=\"handleKeyDown('down', $event)\"\n    @keydown.enter=\"handleKeyDown('enter', $event)\"\n    @keydown.escape=\"handleKeyDown('escape', $event)\"\n    @keydown.up.stop=\"handleKeyDown('up', $event)\">\n    <!-- Wrap toggle button for multi-line editor (e.g. Request Body) -->\n    <div\n      v-if=\"lineNumbers\"\n      class=\"absolute top-2 right-2 z-10 flex items-center opacity-0 transition-opacity duration-150 group-hover/input:opacity-100 group-has-focus-visible/input:opacity-100\">\n      <ScalarIconButton\n        :aria-label=\"isLineWrapping ? 'Disable line wrap' : 'Wrap lines'\"\n        :aria-pressed=\"isLineWrapping\"\n        class=\"bg-b-2 text-c-2 hover:text-c-1\"\n        :class=\"{ '!bg-b-3 !text-c-1': isLineWrapping }\"\n        :icon=\"ScalarIconArrowElbowDownLeft\"\n        :label=\"isLineWrapping ? 'Disable line wrap' : 'Wrap lines'\"\n        size=\"sm\"\n        tooltip\n        variant=\"ghost\"\n        @click.stop=\"toggleLineWrapping\" />\n    </div>\n\n    <!-- Tab exit hint (shown when focused) -->\n    <div\n      v-if=\"!disableTabIndent\"\n      class=\"z-context text-c-2 absolute right-1.5 bottom-1 hidden font-sans group-has-[:focus-visible]/input:block\"\n      role=\"alert\">\n      {{\n        translate('apiClient.codeInput.exitHint', { escape: 'Esc', tab: 'Tab' })\n      }}\n    </div>\n  </div>\n\n  <!-- Warning slot (positioned absolutely) -->\n  <div\n    v-if=\"$slots.warning\"\n    class=\"centered-y text-orange absolute right-7 text-xs\">\n    <slot name=\"warning\" />\n  </div>\n\n  <!-- Icon slot (positioned absolutely) -->\n  <div\n    v-if=\"$slots.icon\"\n    class=\"centered-y absolute right-0 flex h-full items-center p-1.5 group-has-[.cm-focused]:z-1\">\n    <slot name=\"icon\" />\n  </div>\n\n  <!-- Required indicator -->\n  <div\n    v-if=\"required\"\n    class=\"required centered-y text-xxs text-c-3 group-[.error]:text-red bg-b-1 pointer-events-none absolute right-0 mr-0.5 pt-px pr-2 opacity-100 shadow-[-8px_0_4px_var(--scalar-background-1)] transition-opacity duration-150 group-[.alert]:bg-transparent group-[.alert]:shadow-none group-[.error]:bg-transparent group-[.error]:shadow-none peer-has-[.cm-focused]:opacity-0\">\n    {{ translate('apiClient.codeInput.required') }}\n  </div>\n\n  <!-- Environment variable autocomplete dropdown -->\n  <EnvironmentVariableDropdown\n    v-if=\"displayVariablesDropdown\"\n    ref=\"dropdownRef\"\n    :contextFunctionItems=\"contextFunctionDropdownItems\"\n    :dropdownPosition=\"dropdownPosition\"\n    :environment=\"environment\"\n    :query=\"dropdownQuery\"\n    @close=\"showDropdown = false\"\n    @redirect=\"emit('navigate', { page: 'document', path: 'environment' })\"\n    @select=\"handleDropdownSelect\" />\n</template>\n<style scoped>\n/*\n   Deep styling for customizing Codemirror\n  */\n:deep(.cm-editor) {\n  height: 100%;\n  outline: none;\n  padding: 0;\n  background: transparent;\n}\n:deep(.cm-placeholder) {\n  color: var(--scalar-color-3);\n}\n:deep(.cm-content) {\n  font-family: var(--scalar-font-code);\n  font-size: var(--scalar-small);\n  padding: 8px 0;\n}\n/* Tooltip helper */\n:deep(.cm-tooltip) {\n  background: var(--scalar-background-1) !important;\n  border-radius: var(--scalar-radius);\n  box-shadow: var(--scalar-shadow-2);\n  border: none !important;\n  outline: none !important;\n  overflow: hidden !important;\n}\n:deep(.cm-tooltip-autocomplete ul li) {\n  padding: 3px 6px !important;\n}\n:deep(.cm-completionIcon-type:after) {\n  color: var(--scalar-color-3) !important;\n}\n:deep(.cm-tooltip-autocomplete ul li[aria-selected]) {\n  background: var(--scalar-background-2) !important;\n  color: var(--scalar-color-1) !important;\n}\n:deep(.cm-tooltip-autocomplete ul) {\n  padding: 6px !important;\n  position: relative;\n}\n:deep(.cm-tooltip-autocomplete ul li:hover) {\n  border-radius: 3px;\n  color: var(--scalar-color-1) !important;\n  background: var(--scalar-background-3) !important;\n}\n/* Disable active line highlighting */\n:deep(.cm-activeLine),\n:deep(.cm-activeLineGutter) {\n  background-color: transparent;\n}\n/* Color selection matching */\n:deep(.cm-selectionMatch),\n:deep(.cm-matchingBracket) {\n  border-radius: var(--scalar-radius);\n  background: var(--scalar-background-4) !important;\n}\n/* Color Picker Swatches */\n:deep(.cm-css-color-picker-wrapper) {\n  display: inline-flex;\n  outline: 1px solid var(--scalar-background-3);\n  border-radius: 3px;\n  overflow: hidden;\n}\n/* Number gutter */\n:deep(.cm-gutters) {\n  background-color: transparent;\n  border-right: none;\n  color: var(--scalar-color-3);\n  font-size: var(--scalar-small);\n  line-height: 22px;\n  border-radius: 0 0 0 3px;\n}\n:deep(.cm-gutters:before) {\n  content: '';\n  position: absolute;\n  top: 2px;\n  left: 2px;\n  width: calc(100% - 2px);\n  height: calc(100% - 4px);\n  border-radius: var(--scalar-radius) 0 0 var(--scalar-radius);\n  background-color: var(--scalar-background-1);\n}\n:deep(.cm-gutterElement) {\n  font-family: var(--scalar-font-code) !important;\n  padding-left: 0px !important;\n  padding-right: 6px !important;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  position: relative;\n}\n:deep(.cm-lineNumbers .cm-gutterElement) {\n  min-width: fit-content;\n}\n:deep(.cm-gutter + .cm-gutter :not(.cm-foldGutter) .cm-gutterElement) {\n  padding-left: 0 !important;\n}\n:deep(.cm-scroller) {\n  overflow: auto;\n}\n:deep(.cm-lineWrapping .cm-line) {\n  word-break: break-all;\n}\n:deep(.cm-content.cm-lineWrapping) {\n  white-space: pre-wrap;\n}\n.line-wrapping:focus-within :deep(.cm-content) {\n  display: inline-table;\n  min-height: fit-content;\n  padding: 3px 6px;\n  white-space: break-spaces;\n  word-break: break-all;\n}\n</style>\n<style>\n.cm-pill {\n  color: var(--scalar-color-1) !important;\n  padding: 0px 9px;\n  display: inline-block;\n  border-radius: var(--scalar-radius-full);\n  font-size: var(--scalar-small);\n}\n.light-mode .cm-pill {\n  background: var(--scalar-background-3) !important;\n}\n.dark-mode .cm-pill {\n  background: color-mix(in srgb, var(--tw-bg-base), transparent 90%) !important;\n}\n.cm-pill--context-fn {\n  border: 1px dashed color-mix(in srgb, var(--scalar-color-3), transparent 35%);\n  padding: 0px 8px;\n}\n.light-mode .cm-pill--context-fn {\n  background: color-mix(\n    in srgb,\n    var(--scalar-background-3),\n    transparent 40%\n  ) !important;\n}\n.dark-mode .cm-pill--context-fn {\n  background: color-mix(\n    in srgb,\n    var(--scalar-background-3),\n    transparent 55%\n  ) !important;\n}\n.cm-pill:first-of-type {\n  margin-left: 0;\n}\n.cm-editor .cm-widgetBuffer {\n  display: none;\n}\n.cm-foldPlaceholder:hover {\n  color: var(--scalar-color-1);\n}\n.cm-foldGutter .cm-gutterElement {\n  font-size: var(--scalar-heading-4);\n  padding: 2px !important;\n}\n.cm-foldGutter .cm-gutterElement:first-of-type {\n  display: none;\n}\n.cm-foldGutter .cm-gutterElement .cm-foldMarker {\n  padding: 2px;\n  padding-top: 2px;\n}\n.cm-foldGutter .cm-gutterElement:hover .cm-foldMarker {\n  background: var(--scalar-background-2);\n  border-radius: var(--scalar-radius);\n  color: var(--scalar-color-1);\n}\n</style>\n"],"mappings":"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"}

package/dist/v2/components/code-input/CodeInputLite.vue.script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CodeInputLite.vue.script.js","names":["$slots"],"sources":["../../../../src/v2/components/code-input/CodeInputLite.vue"],"sourcesContent":["<script lang=\"ts\">\n/* eslint-disable vue/one-component-per-file -- Tooltip apps mount the imported PillTooltipHost; they do not define another component. */\n/**\n * CodeInputLite\n *\n * Single-line `contenteditable` editor that renders `{{varname}}` as atomic\n * pill spans (`contenteditable=\"false\"`) and offers an env-variable\n * autocomplete on `{{`. The value is still exposed as a `{{name}}`-bearing\n * string via `update:modelValue`; DOM ↔ model conversion lives in\n * `renderModel` and `serializeEditor`.\n */\nexport default {\n  inheritAttrs: false,\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { isDefined } from '@scalar/helpers/array/is-defined'\nimport { REGEX } from '@scalar/helpers/regex/regex-helpers'\nimport {\n  CONTEXT_FUNCTION_NAMES,\n  getContextFunctionComment,\n  isContextFunctionName,\n  type ContextFunctionName,\n} from '@scalar/workspace-store/request-example'\nimport type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments'\nimport { nanoid } from 'nanoid'\nimport {\n  computed,\n  createApp,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  useAttrs,\n  useTemplateRef,\n  watch,\n  type App,\n} from 'vue'\n\nimport DataTableInputSelect from '@/v2/components/data-table/DataTableInputSelect.vue'\nimport EnvironmentVariableDropdown from '@/v2/features/environments/components/EnvironmentVariablesDropdown.vue'\nimport { useLocalization } from '@/v2/features/localization'\nimport type { ClientLayout } from '@/v2/types/layout'\n\nimport type { CodeInputModelValue } from './CodeInput.vue'\nimport { buildPillContext } from './helpers/build-pill-context'\nimport { lookupVariableValue } from './helpers/lookup-variable-value'\nimport { pillSignature } from './helpers/pill-signature'\nimport { serializeValue } from './helpers/serialize-value'\nimport PillTooltipHost from './PillTooltipHost.vue'\n\nconst {\n  modelValue,\n  environment,\n  disabled = false,\n  readOnly = false,\n  error = false,\n  layout = 'desktop',\n  placeholder,\n  required = false,\n  emitOnBlur = true,\n  alwaysEmitChange = false,\n  withVariables = true,\n  withFakeData = false,\n  linethrough = false,\n  type,\n  enum: enumProp,\n  arrayEncoding,\n  examples,\n  default: defaultProp,\n  nullable = false,\n} = defineProps<Props>()\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string]\n  'submit': [value: string, event: KeyboardEvent | FocusEvent]\n  'blur': [value: string, event: FocusEvent]\n  'navigate': [route: { page: 'document'; path: 'environment' }]\n}>()\n\nconst { translate } = useLocalization()\n\ntype Props = {\n  modelValue: CodeInputModelValue\n  /** Environment for variable substitution. Pass undefined to disable env vars */\n  environment: XScalarEnvironment | undefined\n  /** Render as a non-interactive read-only label */\n  disabled?: boolean\n  /** Render the input with the native `readonly` attribute (still focusable, no edits) */\n  readOnly?: boolean\n  /** Show error styling */\n  error?: boolean\n  /** Layout context affects styling and dropdown visibility */\n  layout?: ClientLayout\n  /** Placeholder text for an empty input */\n  placeholder?: string\n  /** Show required indicator */\n  required?: boolean\n  /** Emit submit on blur */\n  emitOnBlur?: boolean\n  /** Render variable pills + show the autocomplete dropdown */\n  withVariables?: boolean\n  /** Include `{{$guid}}` etc. in the autocomplete dropdown */\n  withFakeData?: boolean\n  /** Always emit change events even if the value is unchanged */\n  alwaysEmitChange?: boolean\n  /** Strike-through styling for the input text (e.g. overridden values) */\n  linethrough?: boolean\n  /** Schema type — drives boolean select mode when `boolean` is included */\n  type?: string | string[]\n  /** Predefined enum values; when set the input is replaced by a select */\n  enum?: unknown[]\n  /** Text representation of array selections. */\n  arrayEncoding?: 'json' | 'comma-separated'\n  /** Example values; when set (and no enum/boolean) the input is replaced by a select */\n  examples?: string[]\n  /** Default value to suggest in select modes */\n  default?: CodeInputModelValue\n  /** Whether the boolean select includes a `null` option */\n  nullable?: boolean\n}\n\nconst attrs = useAttrs()\nconst ariaLabel = computed(() =>\n  typeof attrs['aria-label'] === 'string' ? attrs['aria-label'] : undefined,\n)\n/** Lifted to the editable surface like aria-label, so a visible label can name it */\nconst ariaLabelledby = computed(() =>\n  typeof attrs['aria-labelledby'] === 'string'\n    ? attrs['aria-labelledby']\n    : undefined,\n)\n/**\n * The wrapper is a generic div, and ARIA prohibits naming a generic element,\n * so the naming attributes only go on the editor and not on the wrapper.\n */\nconst wrapperAttrs = computed(() => {\n  const {\n    'aria-label': _ariaLabel,\n    'aria-labelledby': _ariaLabelledby,\n    ...rest\n  } = attrs\n  return rest\n})\n\n/**\n * The id only matters once the dropdown opens (`aria-controls` /\n * `aria-activedescendant`), so we defer `nanoid()` until first focus to\n * keep idle instances cheap. A consumer-supplied `id` attr is preserved.\n */\nconst generatedComponentId = ref<string | null>(null)\nconst componentId = computed((): string | undefined =>\n  typeof attrs.id === 'string'\n    ? attrs.id\n    : (generatedComponentId.value ?? undefined),\n)\nconst ensureComponentId = (): void => {\n  if (\n    (typeof attrs.id !== 'string' || !attrs.id) &&\n    generatedComponentId.value === null\n  ) {\n    generatedComponentId.value = `id-${nanoid()}`\n  }\n}\n\nconst editorRef = useTemplateRef<HTMLDivElement>('editorRef')\nconst dropdownRef = ref<InstanceType<\n  typeof EnvironmentVariableDropdown\n> | null>(null)\n\n/** Id of the dropdown's `role=\"listbox\"` element, for the combobox wiring. */\nconst listboxId = computed((): string | undefined =>\n  componentId.value ? `${componentId.value}-listbox` : undefined,\n)\n\n/**\n * Id of the option the dropdown currently highlights. Mirrors the dropdown's\n * own selection so the editor can expose it via `aria-activedescendant`.\n */\nconst activeOptionId = computed(\n  (): string | undefined => dropdownRef.value?.activeOptionId,\n)\n\nconst isFocused = ref(false)\nconst isEmpty = ref(true)\n\n/**\n * True while an IME composition is in progress. Rebuilding the editor DOM\n * mid-composition (e.g. when `{{` forms a pill) cancels the composition, so we\n * defer those rebuilds until `compositionend`.\n */\nconst isComposing = ref(false)\n\n/**\n * Whether the serialized value should count as empty for placeholder display.\n *\n * `contenteditable` can leave behind invisible residue after some delete\n * sequences — most commonly a non-breaking space (`\\u00a0`) — which makes a\n * visually empty field report a non-zero length and silently drop its\n * placeholder. Trimming covers that case; `\\u00a0` counts as whitespace, so a\n * field that only holds editor residue is treated as empty. This affects the\n * placeholder flag only, never the value emitted via `serializeEditor`.\n */\nconst isBlankValue = (text: string): boolean => text.trim().length === 0\n\n// ───────────────────────────────────────────────────────────────────\n// Rendering-mode detection (parity with CodeInput's select dispatch)\n// ───────────────────────────────────────────────────────────────────\n\n/** True when the schema type is exactly `boolean` (or includes it in a tuple type). */\nconst isBooleanMode = computed((): boolean => {\n  if (enumProp?.length) {\n    return false\n  }\n  return type === 'boolean' || (Array.isArray(type) && type.includes('boolean'))\n})\n\nconst booleanOptions = computed((): string[] =>\n  nullable ? ['true', 'false', 'null'] : ['true', 'false'],\n)\n\n/** Default type when the schema is a tuple — picks the first non-null entry. */\nconst defaultType = computed((): string | undefined => {\n  if (Array.isArray(type)) {\n    return type.find((t) => t !== 'null') ?? 'string'\n  }\n  return type\n})\n\nconst handleSelectChange = (value: string): void =>\n  emit('update:modelValue', value)\n\n// ───────────────────────────────────────────────────────────────────\n// Per-pill tooltip apps\n// ───────────────────────────────────────────────────────────────────\n\nlet pillTooltipApps: App[] = []\n\n/**\n * Per-pill tooltips are the heaviest part of the render (a Vue app +\n * `useTooltip` watch + listeners each), so we defer mounting them until\n * the first interaction (focus, pointerover, or dropdown open). Once on,\n * subsequent rebuilds remount tooltips for the new pills.\n */\nlet tooltipsActive = false\n\nconst teardownPillTooltips = (): void => {\n  for (const app of pillTooltipApps) {\n    app.unmount()\n  }\n  pillTooltipApps = []\n}\n\nconst mountPillTooltips = (): void => {\n  if (!editorRef.value || layout === 'modal') {\n    return\n  }\n  const pills = editorRef.value.querySelectorAll<HTMLElement>('.scalar-pill')\n  for (const pillEl of pills) {\n    const variableName = pillEl.dataset.variable ?? ''\n    const context = buildPillContext(variableName, environment)\n    const app = createApp(PillTooltipHost, {\n      context,\n      target: pillEl,\n      translate,\n    })\n    // PillTooltipHost is renderless; useTooltip attaches to `target` directly.\n    app.mount(document.createElement('div'))\n    pillTooltipApps.push(app)\n  }\n}\n\n// ───────────────────────────────────────────────────────────────────\n// DOM ↔ model conversion\n// ───────────────────────────────────────────────────────────────────\n\n/**\n * Build a pill `<span>` for the given variable. `contentEditable = 'false'`\n * makes the browser treat it as a single atom (arrow keys jump over it,\n * Backspace deletes it whole); `{{` / `}}` only live in the model string.\n */\nconst createPillElement = (\n  name: string,\n  start: number,\n  end: number,\n): HTMLSpanElement => {\n  const isCtx = isContextFunctionName(name)\n  const span = document.createElement('span')\n  span.className = isCtx ? 'scalar-pill scalar-pill--context-fn' : 'scalar-pill'\n  span.contentEditable = 'false'\n  span.dataset.variable = name\n  // Model-coordinate offsets (the pill stands in for the full `{{name}}`).\n  // Used by click forwarding and tests to map a pill back to the value.\n  span.dataset.pillStart = String(start)\n  span.dataset.pillEnd = String(end)\n\n  const color = isCtx\n    ? 'var(--scalar-color-3)'\n    : environment?.color || 'var(--scalar-color-1)'\n  span.style.setProperty('--tw-bg-base', color)\n\n  // Fade env pills with no usable value. A falsy check (not just\n  // `=== undefined`) matches the tooltip path's `Boolean(value)`, so a\n  // variable declared with an empty string fades here too.\n  const isUndefinedEnv = !isCtx && !lookupVariableValue(environment, name)\n  if (isUndefinedEnv) {\n    span.style.opacity = '0.5'\n  }\n\n  span.textContent = name\n  return span\n}\n\n/** Render a model string into the editor as a mix of text nodes + pills. */\nconst renderModel = (text: string): void => {\n  const editor = editorRef.value\n  if (!editor) {\n    return\n  }\n\n  teardownPillTooltips()\n  editor.replaceChildren()\n\n  if (!withVariables || !text.includes('{{')) {\n    if (text) {\n      editor.appendChild(document.createTextNode(text))\n    }\n    isEmpty.value = isBlankValue(text)\n    return\n  }\n\n  const regex = new RegExp(REGEX.VARIABLES.source, REGEX.VARIABLES.flags)\n  let lastIndex = 0\n  let match: RegExpExecArray | null\n\n  while ((match = regex.exec(text)) !== null) {\n    const start = match.index\n    const end = start + match[0].length\n    if (start > lastIndex) {\n      editor.appendChild(document.createTextNode(text.slice(lastIndex, start)))\n    }\n    editor.appendChild(createPillElement(match[1] ?? '', start, end))\n    lastIndex = end\n  }\n\n  if (lastIndex < text.length) {\n    editor.appendChild(document.createTextNode(text.slice(lastIndex)))\n  }\n\n  isEmpty.value = false\n  if (tooltipsActive) {\n    mountPillTooltips()\n  }\n}\n\n/** Length the given child contributes to the serialized model string. */\nconst modelLengthOf = (node: Node): number => {\n  if (node.nodeType === Node.TEXT_NODE) {\n    return (node.textContent ?? '').length\n  }\n  if (node instanceof HTMLElement && node.classList.contains('scalar-pill')) {\n    return `{{${node.dataset.variable ?? ''}}}`.length\n  }\n  // Defensive: a stray element (e.g. browser-inserted <br>) — use its text.\n  return (node.textContent ?? '').length\n}\n\n/** Read the editor DOM back into a `{{name}}`-bearing model string. */\nconst serializeEditor = (): string => {\n  const editor = editorRef.value\n  if (!editor) {\n    return ''\n  }\n  let out = ''\n  for (const node of Array.from(editor.childNodes)) {\n    if (node.nodeType === Node.TEXT_NODE) {\n      out += node.textContent ?? ''\n    } else if (\n      node instanceof HTMLElement &&\n      node.classList.contains('scalar-pill')\n    ) {\n      out += `{{${node.dataset.variable ?? ''}}}`\n    } else if (node instanceof HTMLElement) {\n      // Flatten any stray <br> / <div> the browser may inject on paste/Enter.\n      out += node.textContent ?? ''\n    }\n  }\n  return out\n}\n\nlet lastPillSignature: string | null = null\nlet lastEnvKey = ''\n\n/**\n * Cache key for the env + `withVariables` state. Includes variable\n * name/value pairs so the watcher notices adds/removes/edits even when\n * `environment.color` is unchanged — without that, pills keep stale\n * `isDefined` opacity and tooltip values until the input itself changes.\n */\nconst computeEnvKey = (): string => {\n  const color = environment?.color ?? ''\n  const flag = withVariables ? '1' : '0'\n  const variables = environment?.variables ?? []\n  let vars = ''\n  for (const v of variables) {\n    const value =\n      typeof v.value === 'string' ? v.value : (v.value?.default ?? '')\n    // Unit separators (\\x1f / \\x1e) so values can safely contain `|` or `=`.\n    vars += `\\x1f${v.name}\\x1e${value}`\n  }\n  return `${color}|${flag}|${vars}`\n}\n\n/** Idempotent: first call flips `tooltipsActive` and mounts pill tooltips. */\nconst ensureTooltipsActive = (): void => {\n  if (tooltipsActive) {\n    return\n  }\n  tooltipsActive = true\n  mountPillTooltips()\n}\n\n// ───────────────────────────────────────────────────────────────────\n// Caret ↔ model offset\n// ───────────────────────────────────────────────────────────────────\n\n/** Selection start as a model-string offset, or `null` if not inside the editor. */\nconst getModelCaret = (): number | null => {\n  const editor = editorRef.value\n  if (!editor) {\n    return null\n  }\n  const selection = window.getSelection()\n  if (!selection || selection.rangeCount === 0) {\n    return null\n  }\n  const range = selection.getRangeAt(0)\n  if (\n    range.startContainer !== editor &&\n    !editor.contains(range.startContainer)\n  ) {\n    return null\n  }\n\n  // Anchored on the editor itself: `startOffset` is a child index.\n  if (range.startContainer === editor) {\n    let pos = 0\n    for (\n      let i = 0;\n      i < range.startOffset && i < editor.childNodes.length;\n      i++\n    ) {\n      pos += modelLengthOf(editor.childNodes.item(i))\n    }\n    return pos\n  }\n\n  let pos = 0\n  for (const child of Array.from(editor.childNodes)) {\n    if (child === range.startContainer) {\n      return pos + range.startOffset\n    }\n    // Pills are non-editable; if a browser quirk still lands a selection\n    // inside one, snap to the nearest boundary instead of getting stuck.\n    if (child.contains(range.startContainer)) {\n      return range.startOffset === 0 ? pos : pos + modelLengthOf(child)\n    }\n    pos += modelLengthOf(child)\n  }\n  return pos\n}\n\n/** Place the caret at the given model offset, walking the DOM to find it. */\nconst setModelCaret = (target: number): void => {\n  const editor = editorRef.value\n  if (!editor) {\n    return\n  }\n  const range = document.createRange()\n  let pos = 0\n  let placed = false\n\n  for (const child of Array.from(editor.childNodes)) {\n    const len = modelLengthOf(child)\n    if (pos + len >= target) {\n      if (child.nodeType === Node.TEXT_NODE) {\n        const into = Math.max(\n          0,\n          Math.min(target - pos, (child.textContent ?? '').length),\n        )\n        range.setStart(child, into)\n      } else if (target - pos <= 0) {\n        range.setStartBefore(child)\n      } else {\n        range.setStartAfter(child)\n      }\n      placed = true\n      break\n    }\n    pos += len\n  }\n\n  if (!placed) {\n    range.selectNodeContents(editor)\n    range.collapse(false)\n  } else {\n    range.collapse(true)\n  }\n\n  const selection = window.getSelection()\n  if (!selection) {\n    return\n  }\n  selection.removeAllRanges()\n  selection.addRange(range)\n}\n\n// ───────────────────────────────────────────────────────────────────\n// Environment variable dropdown\n// ───────────────────────────────────────────────────────────────────\n\nconst showDropdown = ref(false)\nconst dropdownQuery = ref('')\nconst dropdownPosition = ref({ left: 0, top: 0 })\n\nconst contextFunctionDropdownItems = computed(() =>\n  withFakeData\n    ? CONTEXT_FUNCTION_NAMES.map((key) => ({\n        key,\n        description: getContextFunctionComment(key as ContextFunctionName),\n      }))\n    : [],\n)\n\nconst displayVariablesDropdown = computed(\n  (): boolean =>\n    showDropdown.value &&\n    withVariables &&\n    layout !== 'modal' &&\n    (Boolean(environment) || withFakeData),\n)\n\nconst updateDropdownVisibility = (): void => {\n  const editor = editorRef.value\n  if (!editor) {\n    return\n  }\n  const caret = getModelCaret()\n  if (caret === null) {\n    showDropdown.value = false\n    return\n  }\n  const text = serializeEditor().slice(0, caret)\n  const lastOpen = text.lastIndexOf('{{')\n  const lastClose = text.lastIndexOf('}}')\n\n  if (lastOpen <= lastClose) {\n    showDropdown.value = false\n    return\n  }\n\n  dropdownQuery.value = text.slice(lastOpen + 2)\n  // Make sure the combobox has an id before it advertises `aria-expanded`, so\n  // `aria-controls` always resolves to the listbox we are about to render.\n  ensureComponentId()\n  showDropdown.value = true\n\n  // Anchor under the caret; `getBoundingClientRect` gives the caret rect in one read.\n  nextTick(() => {\n    const selection = window.getSelection()\n    if (!selection || selection.rangeCount === 0 || !editorRef.value) {\n      return\n    }\n    const r = selection.getRangeAt(0).cloneRange()\n    r.collapse(true)\n    const rect = r.getBoundingClientRect()\n    const editorRect = editorRef.value.getBoundingClientRect()\n    // Some browsers collapse empty ranges to a zero rect — fall back to the editor edge.\n    dropdownPosition.value = {\n      left: rect.left || editorRect.left,\n      top: rect.bottom || editorRect.bottom,\n    }\n  })\n}\n\nconst handleDropdownSelect = (item: string): void => {\n  if (readOnly) {\n    return\n  }\n  const caret = getModelCaret() ?? 0\n  const value = serializeEditor()\n  const from = Math.max(0, caret - dropdownQuery.value.length - 2)\n  const to = caret\n  const next = `${value.slice(0, from)}{{${item}}}${value.slice(to)}`\n  const nextCursor = from + `{{${item}}}`.length\n\n  // Pill set changed — force a re-render and reposition the caret.\n  lastPillSignature = pillSignature(next, withVariables)\n  renderModel(next)\n  setModelCaret(nextCursor)\n\n  showDropdown.value = false\n  emitChange(next, { skipDropdownCheck: true })\n}\n\n// ───────────────────────────────────────────────────────────────────\n// Change / focus / blur\n// ───────────────────────────────────────────────────────────────────\n\nconst emitChange = (\n  value: string,\n  opts: { skipDropdownCheck?: boolean } = {},\n): void => {\n  const same = value === serializeValue(modelValue)\n  if (alwaysEmitChange || !same) {\n    emit('update:modelValue', value)\n  }\n  if (!opts.skipDropdownCheck) {\n    updateDropdownVisibility()\n  }\n}\n\nconst handleInput = (): void => {\n  const text = serializeEditor()\n  isEmpty.value = isBlankValue(text)\n\n  // Only rebuild when the pill set changes (e.g. `}}` closed a pattern, or\n  // a value was pasted). Skipping it for plain-text edits preserves the\n  // live selection — important for IME composition and double-click select.\n  // Also defer while composing; `handleCompositionEnd` re-runs this path so the\n  // rebuild happens once the IME has committed its text.\n  const sig = pillSignature(text, withVariables)\n  if (!isComposing.value && sig !== lastPillSignature) {\n    const caret = getModelCaret()\n    lastPillSignature = sig\n    renderModel(text)\n    if (caret !== null) {\n      setModelCaret(caret)\n    }\n  }\n\n  emitChange(text)\n}\n\nconst handleCompositionStart = (): void => {\n  isComposing.value = true\n}\n\nconst handleCompositionEnd = (): void => {\n  isComposing.value = false\n  // Run the deferred input path now that the composition has committed, so any\n  // pill that formed during composition is rendered.\n  handleInput()\n}\n\nconst handleFocus = (): void => {\n  isFocused.value = true\n  ensureComponentId()\n  ensureTooltipsActive()\n}\n\nconst handleBlur = (event: FocusEvent): void => {\n  isFocused.value = false\n  showDropdown.value = false\n  const value = serializeEditor()\n  // Check the serialized `value`, not `modelValue` — a `0` or `false` model is\n  // a valid non-empty entry that should still submit on blur.\n  if (emitOnBlur && value) {\n    emit('submit', value, event)\n  }\n  emit('blur', value, event)\n}\n\n/**\n * Strip rich content on paste; `contenteditable=\"plaintext-only\"` is not\n * reliable cross-browser, so we intercept and use `insertText` to keep undo.\n */\nconst handlePaste = (event: ClipboardEvent): void => {\n  event.preventDefault()\n  const text = event.clipboardData?.getData('text/plain') ?? ''\n  if (!text) {\n    return\n  }\n  document.execCommand('insertText', false, text.replace(/\\r?\\n/g, ' '))\n  // `insertText` normally fires an `input` event, but that is not guaranteed\n  // across browsers. Run the same path explicitly so pill rendering, emptiness,\n  // `update:modelValue`, and the dropdown never lag behind the pasted DOM.\n  handleInput()\n}\n\n// ───────────────────────────────────────────────────────────────────\n// Keyboard handling\n// ───────────────────────────────────────────────────────────────────\n\nconst handleKeyDown = (event: KeyboardEvent): void => {\n  if (showDropdown.value) {\n    if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {\n      event.preventDefault()\n      event.stopPropagation()\n      dropdownRef.value?.handleArrowKey(\n        event.key === 'ArrowDown' ? 'down' : 'up',\n      )\n      return\n    }\n    if (event.key === 'Enter') {\n      event.preventDefault()\n      event.stopPropagation()\n      dropdownRef.value?.handleSelect()\n      return\n    }\n    if (event.key === 'Escape') {\n      event.preventDefault()\n      event.stopPropagation()\n      showDropdown.value = false\n      return\n    }\n  }\n\n  if (event.key === 'Enter') {\n    // Block the browser default so a contenteditable div does not insert\n    // <br> / <div> and break single-line semantics, then emit submit\n    // (used by the table editors).\n    event.preventDefault()\n    emit('submit', serializeEditor(), event)\n    return\n  }\n\n  // Backspace / Delete: pill atomicity is handled by the browser via\n  // `contenteditable=\"false\"` on pills — no manual `}}`-pair handling needed.\n}\n\n// ───────────────────────────────────────────────────────────────────\n// Click forwarding & lifecycle\n// ───────────────────────────────────────────────────────────────────\n\n/**\n * Clicking a pill selects it whole, so a subsequent Backspace deletes it\n * in one keystroke and typing replaces it — the usual chip/mention model.\n */\nconst handleEditorClick = (event: MouseEvent): void => {\n  const target =\n    event.target instanceof Element\n      ? event.target.closest<HTMLElement>('.scalar-pill')\n      : null\n  if (!target) {\n    return\n  }\n  const editor = editorRef.value\n  if (!editor) {\n    return\n  }\n  editor.focus()\n  const range = document.createRange()\n  range.selectNode(target)\n  const selection = window.getSelection()\n  selection?.removeAllRanges()\n  selection?.addRange(range)\n  updateDropdownVisibility()\n}\n\nonMounted(() => {\n  const initial = serializeValue(modelValue)\n  lastPillSignature = pillSignature(initial, withVariables)\n  lastEnvKey = computeEnvKey()\n  renderModel(initial)\n  isEmpty.value = isBlankValue(initial)\n\n  // `autofocus` on a contenteditable div is not honoured natively, so focus\n  // the editor ourselves when the consumer passes the attribute.\n  if (Object.hasOwn(attrs, 'autofocus')) {\n    editorRef.value?.focus()\n  }\n})\n\nwatch(\n  () => modelValue,\n  (next) => {\n    const serialized = serializeValue(next)\n    // Always sync the placeholder flag, even when the DOM already matches and we\n    // skip the rebuild below. Otherwise a value cell that switches from select\n    // mode (no editor element) into the empty editor keeps a stale `isEmpty`,\n    // and the placeholder silently disappears.\n    isEmpty.value = isBlankValue(serialized)\n    if (serializeEditor() === serialized) {\n      return\n    }\n    lastPillSignature = pillSignature(serialized, withVariables)\n    renderModel(serialized)\n  },\n)\n\n// The editable surface only exists in \"editor mode\" (see template). When a row switches into editor\n// mode after mount — most notably when this component instance is reused for a different table row —\n// `onMounted` has already run and the `modelValue` watch fired while `editorRef` was still null, so\n// the model was never painted into the freshly created element and the cell renders empty.\n//\n// Paint the model when the element appears, but only into a still-empty editor: an editor that\n// already holds text is either up to date or ahead of `modelValue` with an uncommitted edit/paste,\n// and must not be clobbered.\n//\n// `flush: 'sync'` makes the paint part of the same step that creates the element. Vue assigns a\n// non-null template ref from a post-render effect, so the element is already mounted and patched\n// when this runs — deferring any further (the `pre` default, or `post`) only pushes the paint past\n// the consumer effects that run later in the same flush. A parent that focuses the cell as it\n// switches into editor mode would then place the caret in a still-empty editor, and the paint's\n// `replaceChildren` would drop that selection.\nwatch(\n  editorRef,\n  (editor) => {\n    if (!editor || !isBlankValue(serializeEditor())) {\n      return\n    }\n    const serialized = serializeValue(modelValue)\n    if (serialized === '') {\n      return\n    }\n    lastPillSignature = pillSignature(serialized, withVariables)\n    renderModel(serialized)\n  },\n  { flush: 'sync' },\n)\n\nwatch(\n  [() => environment, () => withVariables],\n  () => {\n    // Env changes affect pill colour and `isDefined` opacity — rebuild.\n    const envKey = computeEnvKey()\n    if (envKey === lastEnvKey) {\n      return\n    }\n    lastEnvKey = envKey\n    // Most rows are plain text; skip the DOM walk when there are no pills.\n    // Pills introduced later flow through `handleInput` / the modelValue\n    // watcher, which update `lastPillSignature`.\n    if (lastPillSignature === '') {\n      return\n    }\n    lastPillSignature = pillSignature(serializeEditor(), withVariables)\n    // Preserve the caret across the rebuild so editing does not jump to the\n    // start when the environment changes mid-edit (mirrors `handleInput`).\n    const caret = getModelCaret()\n    renderModel(serializeEditor())\n    if (caret !== null) {\n      setModelCaret(caret)\n    }\n  },\n  // Variables are often mutated in place (e.g. editing a value in the env\n  // editor) without the object reference changing — deep watch catches it.\n  { deep: true },\n)\n\nonBeforeUnmount(() => {\n  teardownPillTooltips()\n})\n\n// ───────────────────────────────────────────────────────────────────\n// Public API\n// ───────────────────────────────────────────────────────────────────\n\ndefineExpose({\n  /** Focus the editor. `position` controls caret placement. */\n  focus: (position?: 'start' | 'end' | number): void => {\n    const editor = editorRef.value\n    if (!editor) {\n      return\n    }\n    editor.focus()\n    if (!isDefined(position)) {\n      return\n    }\n    const length = serializeEditor().length\n    const pos =\n      position === 'start' ? 0 : position === 'end' ? length : position\n    setModelCaret(pos)\n  },\n  /** Replace the current value programmatically and re-render the pills. */\n  setContent: (next = ''): void => {\n    if (serializeEditor() === next) {\n      return\n    }\n    lastPillSignature = pillSignature(next, withVariables)\n    renderModel(next)\n    isEmpty.value = isBlankValue(next)\n  },\n  /** Read the current value as a `{{name}}`-bearing string. */\n  getValue: (): string => serializeEditor(),\n  /** Caret offset in the model string. */\n  cursorPosition: (): number | undefined => {\n    const c = getModelCaret()\n    return c === null ? undefined : c\n  },\n  isFocused,\n  editorRef,\n})\n</script>\n\n<template>\n  <!-- Disabled mode: read-only label -->\n  <div\n    v-if=\"disabled\"\n    class=\"text-c-2 flex cursor-default items-center justify-center\"\n    :class=\"{\n      'font-code pr-2 pl-1 text-base': layout === 'modal',\n      'px-2': layout !== 'modal',\n      'line-through': linethrough,\n    }\"\n    data-testid=\"code-input-lite-disabled\">\n    <span class=\"whitespace-nowrap\">{{ modelValue }}</span>\n  </div>\n\n  <!-- Enum mode: select dropdown with predefined values -->\n  <DataTableInputSelect\n    v-else-if=\"enumProp?.length\"\n    :arrayEncoding=\"arrayEncoding\"\n    :default=\"defaultProp\"\n    :modelValue=\"modelValue\"\n    :type=\"defaultType\"\n    :value=\"enumProp\"\n    @update:modelValue=\"handleSelectChange\" />\n\n  <!-- Boolean mode: select dropdown with true/false (and optionally null) -->\n  <DataTableInputSelect\n    v-else-if=\"isBooleanMode\"\n    :default=\"defaultProp\"\n    :modelValue=\"modelValue\"\n    :value=\"booleanOptions\"\n    @update:modelValue=\"handleSelectChange\" />\n\n  <!-- Examples mode: select dropdown with example values -->\n  <DataTableInputSelect\n    v-else-if=\"examples?.length\"\n    :default=\"defaultProp\"\n    :modelValue=\"modelValue\"\n    :value=\"examples\"\n    @update:modelValue=\"handleSelectChange\" />\n\n  <!-- Editor mode -->\n  <div\n    v-else\n    :id=\"componentId\"\n    v-bind=\"wrapperAttrs\"\n    class=\"code-input-lite group/code-input-lite peer relative w-full leading-[1.44] -outline-offset-1 has-[:focus-visible]:rounded-[4px] has-[:focus-visible]:outline\"\n    :class=\"{\n      'code-input-lite--error': error,\n      'code-input-lite--empty': isEmpty,\n      'line-through': linethrough,\n    }\">\n    <!-- The single editable surface; see the file header for how pills work. -->\n    <div\n      ref=\"editorRef\"\n      :aria-activedescendant=\"\n        displayVariablesDropdown ? activeOptionId : undefined\n      \"\n      :aria-autocomplete=\"withVariables ? 'list' : undefined\"\n      :aria-controls=\"displayVariablesDropdown ? listboxId : undefined\"\n      :aria-expanded=\"displayVariablesDropdown ? 'true' : undefined\"\n      :aria-invalid=\"error ? 'true' : undefined\"\n      :aria-label=\"ariaLabel\"\n      :aria-labelledby=\"ariaLabelledby\"\n      :aria-readonly=\"readOnly ? 'true' : undefined\"\n      :aria-required=\"required ? 'true' : undefined\"\n      class=\"code-input-lite__editor\"\n      :contenteditable=\"readOnly ? 'false' : 'true'\"\n      :data-placeholder=\"placeholder\"\n      :role=\"withVariables ? 'combobox' : 'textbox'\"\n      spellcheck=\"false\"\n      @blur=\"handleBlur\"\n      @click=\"handleEditorClick\"\n      @compositionend=\"handleCompositionEnd\"\n      @compositionstart=\"handleCompositionStart\"\n      @focus=\"handleFocus\"\n      @input=\"handleInput\"\n      @keydown=\"handleKeyDown\"\n      @paste=\"handlePaste\"\n      @pointerover=\"ensureTooltipsActive\" />\n  </div>\n\n  <!--\n    Slots and the required indicator are siblings of the mode templates so\n    they render in every mode and so `absolute right-0` anchors to the\n    surrounding (relative) cell rather than the shrink-wrapped mode wrapper.\n  -->\n  <div\n    v-if=\"$slots.warning\"\n    class=\"centered-y text-orange absolute right-7 text-xs\">\n    <slot name=\"warning\" />\n  </div>\n  <div\n    v-if=\"$slots.icon\"\n    class=\"centered-y absolute right-0 flex h-full items-center p-1.5 group-has-[.code-input-lite__editor:focus]:z-1\">\n    <slot name=\"icon\" />\n  </div>\n  <div\n    v-if=\"required\"\n    class=\"required centered-y text-xxs text-c-3 group-[.error]:text-red bg-b-1 pointer-events-none absolute right-0 mr-0.5 pt-px pr-2 opacity-100 shadow-[-8px_0_4px_var(--scalar-background-1)] transition-opacity duration-150 peer-has-[.code-input-lite__editor:focus]:opacity-0\">\n    {{ translate('apiClient.codeInputLite.required') }}\n  </div>\n\n  <EnvironmentVariableDropdown\n    v-if=\"displayVariablesDropdown\"\n    ref=\"dropdownRef\"\n    :contextFunctionItems=\"contextFunctionDropdownItems\"\n    :dropdownPosition=\"dropdownPosition\"\n    :environment=\"environment\"\n    :listboxId=\"listboxId\"\n    :query=\"dropdownQuery\"\n    @close=\"showDropdown = false\"\n    @redirect=\"emit('navigate', { page: 'document', path: 'environment' })\"\n    @select=\"handleDropdownSelect\" />\n</template>\n\n<style scoped>\n.code-input-lite {\n  /* Flex so the editor centres vertically in whatever height the cell gives us.\n     Font properties inherit so we adopt the surrounding typography. */\n  display: flex;\n  align-items: center;\n}\n\n.code-input-lite__editor {\n  /* Everything font-related inherits from the surrounding context. */\n  font: inherit;\n  letter-spacing: inherit;\n  flex: 1;\n  min-width: 0;\n  background: transparent;\n  outline: none;\n  color: var(--scalar-color-1);\n  caret-color: var(--scalar-color-1);\n  /* Single-line: horizontal scroll keeps the caret visible for long values;\n     the scrollbar itself is hidden (would be noisy inside a table cell). */\n  white-space: pre;\n  overflow-x: auto;\n  overflow-y: hidden;\n  scrollbar-width: none;\n  padding: 0 0.5em;\n  box-sizing: border-box;\n  line-height: 1.44;\n  /* Positioning context for the absolutely positioned placeholder. */\n  position: relative;\n}\n\n.code-input-lite__editor::-webkit-scrollbar {\n  display: none;\n}\n\n/* Absolute so the placeholder does not occupy flow space inside the\n   contenteditable; otherwise the caret would land after it on focus.\n   `pointer-events: none` lets clicks fall through to focus the editor.\n   Hidden on focus so it never renders on top of the text caret. */\n.code-input-lite--empty .code-input-lite__editor:not(:focus)::before {\n  content: attr(data-placeholder);\n  color: var(--scalar-color-3);\n  pointer-events: none;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0.5em;\n  display: flex;\n  align-items: center;\n}\n\n.code-input-lite--error .code-input-lite__editor {\n  outline: 1px solid var(--scalar-color-red);\n}\n</style>\n\n<style>\n/* Pill styling. Each pill is `<span contenteditable=\"false\">name</span>` —\n   an atomic widget; the caret lands before or after it, never inside. */\n.scalar-pill {\n  color: var(--scalar-color-2);\n  border-radius: var(--scalar-radius-full);\n  display: inline-block;\n  font-family: var(--scalar-font-code);\n  font-size: 0.9em;\n  line-height: 1.4;\n  vertical-align: baseline;\n  background: var(--scalar-background-3);\n  padding: 0.125em 0.6em;\n  margin-right: 0.35em;\n  cursor: text;\n  /* Single click selects the whole pill — chip/mention model, deletes in one go. */\n  user-select: all;\n  -webkit-user-select: all;\n}\n\n.dark-mode .scalar-pill {\n  background: color-mix(\n    in srgb,\n    var(--tw-bg-base, var(--scalar-color-1)),\n    transparent 90%\n  );\n}\n\n.light-mode .scalar-pill {\n  background: var(--scalar-background-3);\n}\n\n.scalar-pill--context-fn {\n  /* Inset box-shadow as a border so the layout box stays identical to plain pills. */\n  box-shadow: 0 0 0 1px\n    color-mix(in srgb, var(--scalar-color-3), transparent 35%) inset;\n}\n\n.dark-mode .scalar-pill--context-fn {\n  background: color-mix(in srgb, var(--scalar-background-3), transparent 55%);\n}\n\n.light-mode .scalar-pill--context-fn {\n  background: color-mix(in srgb, var(--scalar-background-3), transparent 40%);\n}\n</style>\n"],"mappings":"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"}

package/dist/v2/components/code-input/PillTooltipHost.vue.script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PillTooltipHost.vue.script.js","names":[],"sources":["../../../../src/v2/components/code-input/PillTooltipHost.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * PillTooltipHost\n *\n * Renderless adapter that attaches a tooltip to an existing DOM element.\n * Both the legacy CodeMirror widget pipeline and the new `CodeInputLite`\n * overlay mount one of these per pill via `createApp` — they keep ownership\n * of the pill DOM (text, classes, styles) and we only attach hover/focus\n * behaviour through `useTooltip`.\n *\n * The component renders nothing of its own; pass the pill element via the\n * `target` prop and `useTooltip` will wire mouseenter/mouseleave/focus/blur\n * listeners onto it directly.\n */\nimport { useTooltip } from '@scalar/components/tooltip'\nimport type { TranslateFn } from '@scalar/localization'\nimport { computed, h, ref, render } from 'vue'\n\nimport {\n  useLocalization,\n  type ApiClientTranslationKey,\n} from '@/v2/features/localization'\n\nimport type { PillContext } from './pill-context'\n\nconst props = defineProps<{\n  /** Tooltip data — environment value or context-function description */\n  context: PillContext\n  /** The pill element to attach the tooltip to */\n  target: HTMLElement\n  /** Carry the owning editor's locale into this separately mounted Vue app. */\n  translate?: TranslateFn<ApiClientTranslationKey>\n}>()\n\nconst { translate: fallbackTranslate } = useLocalization()\n\ndefineOptions({ name: 'PillTooltipHost' })\n\nconst translate = props.translate ?? fallbackTranslate\n\nconst isContextFn = props.context.type === 'contextFunction'\n\n/** Two-line HTML body for context-function tooltips. */\nconst contextTooltipHtml = computed(() => {\n  if (\n    !isContextFn ||\n    typeof document === 'undefined' ||\n    props.context.type !== 'contextFunction'\n  ) {\n    return ''\n  }\n  const el = document.createElement('div')\n  render(\n    h('div', { class: 'flex flex-col gap-1.5 text-left' }, [\n      h('span', {}, props.context.details),\n      h(\n        'div',\n        { class: 'text-[color:var(--scalar-color-3)] text-[10px] font-normal' },\n        translate('apiClient.pillTooltipHost.computedAtExecution'),\n      ),\n    ]),\n    el,\n  )\n  return el.innerHTML\n})\n\nconst environmentTooltipText = computed(() => {\n  if (props.context.type !== 'environment') {\n    return ''\n  }\n  return props.context.isDefined\n    ? props.context.value\n    : translate('apiClient.pillTooltipHost.noValue')\n})\n\nconst targetRef = ref<HTMLElement>(props.target)\n\nuseTooltip({\n  content: isContextFn ? contextTooltipHtml : environmentTooltipText,\n  contentTarget: isContextFn ? 'innerHTML' : 'textContent',\n  delay: 0,\n  placement: 'bottom-start',\n  offset: 6,\n  targetRef,\n})\n</script>\n\n<!-- eslint-disable vue/valid-template-root -- Renderless: the tooltip attaches to the supplied target. -->\n<template>\n  <!-- Renderless: behaviour attaches to props.target via useTooltip -->\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;EAyBA,MAAM,QAAQ;EASd,MAAM,EAAE,WAAW,sBAAsB,gBAAgB;EAIzD,MAAM,YAAY,MAAM,aAAa;EAErC,MAAM,cAAc,MAAM,QAAQ,SAAS;;EAG3C,MAAM,qBAAqB,eAAe;GACxC,IACE,CAAC,eACD,OAAO,aAAa,eACpB,MAAM,QAAQ,SAAS,mBAEvB,OAAO;GAET,MAAM,KAAK,SAAS,cAAc,KAAK;GACvC,OACE,EAAE,OAAO,EAAE,OAAO,kCAAkC,GAAG,CACrD,EAAE,QAAQ,CAAC,GAAG,MAAM,QAAQ,OAAO,GACnC,EACE,OACA,EAAE,OAAO,6DAA6D,GACtE,UAAU,+CAA+C,CAC3D,CACF,CAAC,GACD,EACF;GACA,OAAO,GAAG;EACZ,CAAC;EAED,MAAM,yBAAyB,eAAe;GAC5C,IAAI,MAAM,QAAQ,SAAS,eACzB,OAAO;GAET,OAAO,MAAM,QAAQ,YACjB,MAAM,QAAQ,QACd,UAAU,mCAAmC;EACnD,CAAC;EAED,MAAM,YAAY,IAAiB,MAAM,MAAM;EAE/C,WAAW;GACT,SAAS,cAAc,qBAAqB;GAC5C,eAAe,cAAc,cAAc;GAC3C,OAAO;GACP,WAAW;GACX,QAAQ;GACR;EACF,CAAC"}

package/dist/v2/components/context-menu/ContextMenu.vue.script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContextMenu.vue.script.js","names":[],"sources":["../../../../src/v2/components/context-menu/ContextMenu.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  ContextMenuContent,\n  ContextMenuItem,\n  ContextMenuPortal,\n  ContextMenuRoot,\n  ContextMenuTrigger,\n} from 'radix-vue'\n\nconst props = withDefaults(\n  defineProps<{\n    align?: 'start' | 'center' | 'end'\n    side?: 'top' | 'right' | 'bottom' | 'left'\n    sideOffset?: number\n    disabled?: boolean\n    triggerClass?: string\n  }>(),\n  {\n    side: 'bottom',\n    align: 'center',\n    disabled: false,\n  },\n)\n</script>\n\n<template>\n  <ContextMenuRoot>\n    <ContextMenuTrigger\n      :class=\"triggerClass\"\n      :disabled=\"props.disabled\">\n      <slot name=\"trigger\" />\n    </ContextMenuTrigger>\n    <ContextMenuPortal>\n      <ContextMenuContent\n        :align=\"props.align\"\n        class=\"scalar-api-client-context-menu\"\n        :side=\"props.side\"\n        :sideOffset=\"props.sideOffset\">\n        <ContextMenuItem>\n          <slot name=\"content\" />\n        </ContextMenuItem>\n      </ContextMenuContent>\n    </ContextMenuPortal>\n  </ContextMenuRoot>\n</template>\n\n<style>\n@reference \"@/style.css\";\n\n/**\n * The content wrapper (data-radix-popper-content-wrapper) creates\n * a new stacking context, so we need to override the z-index there.\n * We need to target our own context menu class to keep the styles from\n * leaking out and affecting other Radix UI components.\n */\n[data-radix-popper-content-wrapper]:has(.scalar-api-client-context-menu) {\n  /**\n   * We have to use important because Radix UI sets the z-index in a style\n   * attribute on the content wrapper.\n   */\n  @apply z-context!;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;EASA,MAAM,QAAQ;;uBAiBZ,YAiBkB,MAAA,eAAA,GAAA,MAAA;2BAZK,CAJrB,YAIqB,MAAA,kBAAA,GAAA;KAHlB,OAAK,eAAE,QAAA,YAAY;KACnB,UAAU,MAAM;;4BACM,CAAvB,WAAuB,KAAA,QAAA,SAAA,CAAA,CAAA;;kCAEzB,YAUoB,MAAA,iBAAA,GAAA,MAAA;4BADG,CARrB,YAQqB,MAAA,kBAAA,GAAA;MAPlB,OAAO,MAAM;MACd,OAAM;MACL,MAAM,MAAM;MACZ,YAAY,MAAM;;6BAGD,CAFlB,YAEkB,MAAA,eAAA,GAAA,MAAA;8BADO,CAAvB,WAAuB,KAAA,QAAA,SAAA,CAAA,CAAA"}

package/dist/v2/components/data-table/DataTable.vue.script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataTable.vue.script.js","names":["$slots"],"sources":["../../../../src/v2/components/data-table/DataTable.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\n\ndefineProps<{\n  columns: (string | undefined)[]\n  /** Scroll horizontally */\n  scroll?: boolean\n  /** Presentational table */\n  presentational?: boolean\n}>()\nconst { cx } = useBindCx()\n</script>\n<template>\n  <div\n    v-bind=\"\n      cx(\n        scroll ? 'overflow-x-auto custom-scroll' : 'overflow-visible',\n        'scalar-data-table',\n      )\n    \">\n    <table\n      class=\"mb-0 grid min-h-8 auto-rows-auto\"\n      :class=\"{ 'w-max min-w-full': scroll }\"\n      :role=\"presentational ? 'presentation' : 'table'\"\n      :style=\"{\n        gridTemplateColumns: columns.map((col) => col || '1fr').join(' '),\n      }\">\n      <caption\n        v-if=\"$slots.caption\"\n        class=\"sr-only\">\n        <slot name=\"caption\" />\n      </caption>\n      <!--\n        The HTML parser inserts a `tbody` around rows that sit directly under a `table`, so the\n        rows are wrapped in one here to keep server-rendered markup hydratable. `contents` keeps\n        it out of the table's grid, the same way the rows lay themselves out.\n      -->\n      <tbody class=\"contents\">\n        <slot />\n      </tbody>\n    </table>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;EAUA,MAAM,EAAE,OAAO,UAAU;;uBAGvB,mBA4BM,OAAA,eAAA,mBA3BW,MAAA,EAAA,CAAE,CAAU,QAAA,SAAM,kCAAA,oBAAA,mBAAA,CAAA,CAAA,GAAA,CAMjC,mBAoBQ,SAAA;IAnBN,OAAK,eAAA,CAAC,oCAAkC,EAAA,oBACV,QAAA,OAAM,CAAA,CAAA;IACnC,MAAM,QAAA,iBAAc,iBAAA;IACpB,OAAK,eAAA,EAAA,qBAAiC,QAAA,QAAQ,KAAK,QAAQ,OAAG,KAAA,CAAA,CAAW,KAAI,GAAA,EAAA,CAAA;OAItEA,KAAAA,OAAO,WAAA,UAAA,GADf,mBAIU,WAJV,YAIU,CADR,WAAuB,KAAA,QAAA,SAAA,CAAA,CAAA,KAAA,mBAAA,IAAA,IAAA,GAOzB,mBAEQ,SAFR,YAEQ,CADN,WAAQ,KAAA,QAAA,SAAA,CAAA,CAAA,CAAA,GAAA,IAAA,UAAA,CAAA,GAAA,EAAA"}

package/dist/v2/components/data-table/DataTableCell.vue.script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataTableCell.vue.script.js","names":[],"sources":["../../../../src/v2/components/data-table/DataTableCell.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\nimport type { Component } from 'vue'\n\nwithDefaults(\n  defineProps<{\n    is?: string | Component\n  }>(),\n  { is: 'td' },\n)\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <component\n    :is=\"is\"\n    v-bind=\"\n      cx(\n        'box-content max-h-8 min-h-8 min-w-8 border-l-0 border-t border-b-0 border-r flex text-base/5 last:border-r-0 group-last:border-b-transparent p-0 m-0 relative',\n      )\n    \"\n    class=\"group-[.alert]:bg-b-alert group-[.error]:bg-b-danger\">\n    <slot />\n  </component>\n</template>\n"],"mappings":";;;;;;;;EAYA,MAAM,EAAE,OAAO,UAAU;;uBAGvB,YASY,wBARL,QAAA,EAAE,GADT,WAEiB,MAAA,EAAA,CAAE,CAAA,+JAAA,GAAA,EAKjB,OAAM,uDAAsD,CAAA,GAAA;2BACpD,CAAR,WAAQ,KAAA,QAAA,SAAA,CAAA,CAAA"}

package/dist/v2/components/data-table/DataTableCheckbox.vue.script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataTableCheckbox.vue.script.js","names":["$emit"],"sources":["../../../../src/v2/components/data-table/DataTableCheckbox.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIcon } from '@scalar/components/icon'\nimport { cva } from '@scalar/use-hooks/useBindCx'\n\nimport { useLocalization } from '@/v2/features/localization'\n\nimport DataTableCell from './DataTableCell.vue'\n\nwithDefaults(\n  defineProps<{\n    modelValue: boolean\n    disabled?: boolean\n    align?: 'left' | 'center'\n    ariaLabel?: string\n  }>(),\n  {\n    align: 'center',\n  },\n)\n\ndefineEmits<{\n  (e: 'update:modelValue', v: boolean): void\n}>()\n\nconst { translate } = useLocalization()\n\nconst variants = cva({\n  base: 'w-8 h-8 flex items-center justify-center text-b-2 peer-checked:text-c-1 pointer-events-none absolute',\n  variants: {\n    align: {\n      left: 'left-0',\n      center: 'centered',\n    },\n  },\n})\n</script>\n<template>\n  <DataTableCell class=\"group/cell relative flex min-w-8\">\n    <input\n      :aria-label=\"ariaLabel ?? translate('apiClient.dataTableCheckbox.toggle')\"\n      :checked=\"modelValue\"\n      class=\"peer absolute inset-0 size-full cursor-pointer opacity-0 disabled:cursor-default\"\n      :disabled=\"Boolean(disabled)\"\n      type=\"checkbox\"\n      @change=\"(e: any) => $emit('update:modelValue', e.target.checked)\" />\n    <div :class=\"variants({ align })\">\n      <div\n        class=\"absolute m-auto size-3/4 rounded border-[1px] opacity-0\"\n        :class=\"\n          !disabled &&\n          'group-has-[:focus-visible]/cell:border-c-accent group-hover:opacity-100 group-has-[:focus-visible]/cell:opacity-100'\n        \" />\n      <ScalarIcon\n        icon=\"Checkmark\"\n        size=\"xs\"\n        thickness=\"2.5\" />\n    </div>\n  </DataTableCell>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAwBA,MAAM,EAAE,cAAc,gBAAgB;EAEtC,MAAM,WAAW,IAAI;GACnB,MAAM;GACN,UAAU,EACR,OAAO;IACL,MAAM;IACN,QAAQ;GACV,EACF;EACF,CAAC;;uBAGC,YAoBgB,uBAAA,EApBD,OAAM,mCAAkC,GAAA;2BAOkB,CANvE,mBAMuE,SAAA;KALpE,cAAY,QAAA,aAAa,MAAA,SAAA,CAAS,CAAA,oCAAA;KAClC,SAAS,QAAA;KACV,OAAM;KACL,UAAU,QAAQ,QAAA,QAAQ;KAC3B,MAAK;KACJ,UAAM,OAAA,OAAA,OAAA,MAAG,MAAWA,KAAAA,MAAK,qBAAsB,EAAE,OAAO,OAAO;8BAClE,mBAWM,OAAA,EAXA,OAAK,eAAE,MAAA,QAAA,CAAQ,CAAA,EAAA,OAAG,QAAA,MAAK,CAAA,CAAA,EAAA,GAAA,CAC3B,mBAKM,OAAA,EAJJ,OAAK,eAAA,CAAC,2DAAA,CACc,QAAA,YAAA,qHAAA,CAAA,EAAA,GAAA,MAAA,CAAA,GAItB,YAGoB,MAAA,UAAA,GAAA;KAFlB,MAAK;KACL,MAAK;KACL,WAAU"}

package/dist/v2/components/data-table/DataTableHeader.vue.script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataTableHeader.vue.script.js","names":[],"sources":["../../../../src/v2/components/data-table/DataTableHeader.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\n\nimport DataTableCell from './DataTableCell.vue'\n\nconst { cx } = useBindCx()\n</script>\n<template>\n  <DataTableCell\n    is=\"th\"\n    v-bind=\"cx('items-center font-medium px-2 min-w-0 -outline-offset-1')\">\n    <slot />\n  </DataTableCell>\n</template>\n"],"mappings":";;;;;;;EAKA,MAAM,EAAE,OAAO,UAAU;;uBAGvB,YAIgB,uBAJhB,WAIgB,EAHd,IAAG,KAAI,GACC,MAAA,EAAA,CAAE,CAAA,yDAAA,CAAA,GAAA;2BACF,CAAR,WAAQ,KAAA,QAAA,SAAA,CAAA,CAAA"}

package/dist/v2/components/data-table/DataTableInput.vue.script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataTableInput.vue.script.js","names":["$slots","$attrs"],"sources":["../../../../src/v2/components/data-table/DataTableInput.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIconButton } from '@scalar/components/icon-button'\nimport { ScalarIconEye, ScalarIconEyeSlash, ScalarIconX } from '@scalar/icons'\nimport type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments'\nimport { computed, nextTick, ref, useTemplateRef, watch } from 'vue'\n\nimport type { VueClassProp } from '@/types/vue'\nimport { CodeInputLite } from '@/v2/components/code-input'\nimport { useLocalization } from '@/v2/features/localization'\n\nimport DataTableCell from './DataTableCell.vue'\nimport DataTableInputSelect from './DataTableInputSelect.vue'\n\nconst props = withDefaults(\n  defineProps<{\n    id?: string\n    type?: string | undefined\n    /** Class for the wrapping cell because attrs is bound to the input */\n    containerClass?: VueClassProp | undefined\n    required?: boolean\n    modelValue: string\n    /** Allows adding a custom value to the enum dropdown, defaults to true */\n    canAddCustomEnumValue?: boolean\n    readOnly?: boolean\n    enum?: string[]\n    environment: XScalarEnvironment\n    description?: string | undefined\n    /** Whether to show context function suggestions like $guid, $timestamp. Defaults to true */\n    withFakeData?: boolean\n  }>(),\n  {\n    canAddCustomEnumValue: true,\n    required: false,\n    readOnly: false,\n    withFakeData: true,\n  },\n)\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', v: string | number): void\n  (e: 'inputFocus'): void\n  (e: 'inputBlur'): void\n  (e: 'selectVariable', value: string): void\n}>()\n\nconst { translate } = useLocalization()\n\ndefineOptions({ inheritAttrs: false })\n\nconst mask = ref(true)\nconst interactingWithDropdown = ref(false)\nconst codeInput = useTemplateRef('codeInput')\nconst maskedInput = useTemplateRef('maskedInput')\n\n/**\n * Whether focus is inside the field. Tracked with focusin and focusout on the wrapper because the\n * revealed editor does not report its own focus, and swapping it out mid-typing would drop focus.\n */\nconst fieldFocused = ref(false)\n\n/** There is nothing to reveal in an empty field, so the toggle only shows once it has a value */\nconst showVisibilityToggle = computed(\n  () => props.type === 'password' && Boolean(props.modelValue),\n)\n\n// An emptied secret goes back to masked, so whatever is typed or pasted next stays hidden\nwatch(\n  () => props.modelValue,\n  (value) => {\n    if (!value && !fieldFocused.value) {\n      mask.value = true\n    }\n  },\n)\n\n/** A field emptied while typing in the revealed editor masks once focus leaves it */\nconst handleFieldFocusOut = (): void => {\n  fieldFocused.value = false\n\n  if (!props.modelValue) {\n    mask.value = true\n  }\n}\n\nconst handleBlur = () => !interactingWithDropdown.value && emit('inputBlur')\n\nconst inputType = computed(() =>\n  props.type === 'password' ? 'text' : (props.type ?? 'text'),\n)\n\n/** Focus whichever editor is showing, the masked input or the code input */\nconst focus = (): void => {\n  codeInput.value?.focus()\n  maskedInput.value?.focus()\n}\n\n// If not an enum nor read only, focus the code input or masked input\nconst handleLabelClick = () => {\n  if (!props.enum?.length && !props.readOnly) {\n    focus()\n  }\n}\n\n/**\n * The clear button disappears once the field is empty, so focus moves to the field instead of\n * falling back to the page. A cleared secret is masked again so the next one is not shown.\n */\nconst clearValue = async (): Promise<void> => {\n  mask.value = true\n  emit('update:modelValue', '')\n  await nextTick()\n  focus()\n}\n\ndefineExpose({ focus })\n</script>\n<template>\n  <DataTableCell\n    class=\"relative flex\"\n    :class=\"containerClass\">\n    <div\n      v-if=\"$slots.default\"\n      class=\"text-c-1 flex items-center pr-0 pl-3\"\n      @click=\"handleLabelClick\">\n      <slot />:\n    </div>\n    <div\n      class=\"relative flex min-w-0 flex-1\"\n      @focusin=\"fieldFocused = true\"\n      @focusout=\"handleFieldFocusOut\">\n      <template v-if=\"props.enum && props.enum.length\">\n        <DataTableInputSelect\n          :canAddCustomValue=\"props.canAddCustomEnumValue\"\n          :modelValue=\"props.modelValue\"\n          :value=\"props.enum\"\n          @update:modelValue=\"emit('update:modelValue', $event)\" />\n      </template>\n      <template v-else>\n        <input\n          v-if=\"mask && type === 'password'\"\n          v-bind=\"id ? { ...$attrs, id: id } : $attrs\"\n          ref=\"maskedInput\"\n          autocomplete=\"off\"\n          class=\"text-c-1 disabled:text-c-2 peer w-full min-w-0 border-none px-2 py-1.25 -outline-offset-1\"\n          :class=\"{ 'scalar-password-input': type === 'password' }\"\n          data-1p-ignore\n          :readOnly=\"readOnly\"\n          spellcheck=\"false\"\n          :type=\"inputType\"\n          :value=\"modelValue\"\n          @input=\"\n            emit(\n              'update:modelValue',\n              ($event.target as HTMLInputElement).value ?? '',\n            )\n          \" />\n        <CodeInputLite\n          v-else\n          v-bind=\"$attrs\"\n          :id=\"id\"\n          ref=\"codeInput\"\n          class=\"text-c-1 disabled:text-c-2 peer w-full min-w-0 border-none -outline-offset-1\"\n          :class=\"[\n            type === 'password' && description && 'pr-12',\n            description && 'pr-8',\n            type === 'password' && 'scalar-password-input',\n          ]\"\n          :environment=\"environment\"\n          :modelValue=\"modelValue ?? ''\"\n          :readOnly=\"readOnly\"\n          :required=\"Boolean(required)\"\n          :type=\"inputType\"\n          :withFakeData=\"withFakeData\"\n          @blur=\"handleBlur\"\n          @focus=\"emit('inputFocus')\"\n          @update:modelValue=\"(value) => emit('update:modelValue', value)\" />\n      </template>\n    </div>\n    <div\n      v-if=\"$slots.warning\"\n      class=\"centered-y text-orange absolute right-7 text-xs\">\n      <slot name=\"warning\" />\n    </div>\n    <slot name=\"icon\" />\n    <!-- Clear -->\n    <ScalarIconButton\n      v-if=\"modelValue && !readOnly\"\n      class=\"-ml-.25 h-6 w-6 self-center p-1.25\"\n      :icon=\"ScalarIconX\"\n      :label=\"translate('apiClient.dataTableInput.clearValue')\"\n      @click=\"clearValue\" />\n    <!-- Toggle Visibility -->\n    <!-- A toggle button keeps one name and reports its state, so the label\n         stays \"Show Password\" while `aria-pressed` says whether the value is\n         revealed. Flipping the name instead leaves screen readers silent,\n         because activating a button does not re-announce its name. -->\n    <ScalarIconButton\n      v-if=\"showVisibilityToggle\"\n      :aria-pressed=\"!mask\"\n      class=\"-ml-.5 mr-1.25 h-6 w-6 self-center p-1.25\"\n      data-testid=\"data-table-password-toggle\"\n      :icon=\"mask ? ScalarIconEye : ScalarIconEyeSlash\"\n      :label=\"translate('apiClient.dataTableInput.showPassword')\"\n      @click=\"mask = !mask\" />\n  </DataTableCell>\n</template>\n\n<style scoped>\n:deep(.code-input-lite__editor) {\n  background-color: transparent;\n  font-family: var(--scalar-font);\n  font-size: var(--scalar-small);\n  padding: 5px 8px;\n}\n:deep(.scalar-pill:not(:last-of-type)) {\n  margin-right: 0.15em;\n}\n:deep(.scalar-pill:not(:first-of-type)) {\n  margin-left: 0.5px;\n}\n/* Tailwind placeholder is busted */\ninput::placeholder {\n  color: var(--scalar-color-3);\n}\n/* we want our inputs to look like a password input but not be one */\n.scalar-password-input {\n  text-security: disc;\n  -webkit-text-security: disc;\n  -moz-text-security: disc;\n}\n</style>\n"],"mappings":"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"}

package/dist/v2/components/data-table/DataTableInputSelect.vue.script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataTableInputSelect.vue.script.js","names":[],"sources":["../../../../src/v2/components/data-table/DataTableInputSelect.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarButton } from '@scalar/components/button'\nimport { ScalarComboboxMultiselect } from '@scalar/components/combobox'\nimport {\n  ScalarDropdown,\n  ScalarDropdownDivider,\n  ScalarDropdownItem,\n} from '@scalar/components/dropdown'\nimport { ScalarIcon } from '@scalar/components/icon'\nimport { computed, nextTick, ref, watch } from 'vue'\n\nimport type { CodeInputModelValue } from '@/v2/components/code-input/CodeInput.vue'\nimport { useLocalization } from '@/v2/features/localization'\n\nconst {\n  modelValue,\n  value: enumValues,\n  default: defaultValue,\n  canAddCustomValue = true,\n  type,\n  arrayEncoding,\n} = defineProps<{\n  modelValue: CodeInputModelValue\n  value?: unknown[]\n  default?: CodeInputModelValue | undefined\n  canAddCustomValue?: boolean\n  type?: string | undefined\n  /** Body arrays use JSON; parameter arrays use comma-separated text. */\n  arrayEncoding?: 'json' | 'comma-separated'\n}>()\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', v: string): void\n}>()\n\nconst { translate } = useLocalization()\n\nconst options = computed(() => (enumValues ?? []).map(String))\nconst addingCustomValue = ref(false)\nconst customValue = ref('')\nconst inputRef = ref<HTMLInputElement | null>(null)\n\nwatch(customValue, (newValue) => {\n  emit('update:modelValue', newValue)\n})\n\nconst updateSelected = (value: string) => {\n  emit('update:modelValue', value)\n  addingCustomValue.value = false\n}\n\nconst addCustomValue = () => {\n  if (customValue.value.trim()) {\n    updateSelected(customValue.value)\n  }\n}\n\nconst handleBlur = () => {\n  if (!customValue.value.trim()) {\n    emit('update:modelValue', '')\n  }\n  addingCustomValue.value = false\n}\n\nconst isSelected = (value: string) => {\n  return modelValue.toString() === value\n}\n\nwatch(addingCustomValue, (newValue) => {\n  if (newValue) {\n    nextTick(() => {\n      inputRef.value?.focus()\n    })\n  }\n})\n\nconst initialValue = computed(() => {\n  return modelValue !== undefined ? modelValue : defaultValue\n})\n\n/** Options for the array type */\nconst arrayOptions = computed(() =>\n  (enumValues ?? []).map((option) => {\n    const label = String(option)\n    // JSON identities keep values such as 1 and '1' distinct.\n    const id = arrayEncoding === 'json' ? JSON.stringify(option) : label\n    return { id, label, value: arrayEncoding === 'json' ? option : label }\n  }),\n)\n\n/** Filter the options by what is selected */\nconst selectedArrayOptions = computed(() => {\n  const value = modelValue.toString()\n  let values: unknown = value.split(',')\n  if (arrayEncoding === 'json') {\n    try {\n      values = JSON.parse(value)\n    } catch {\n      values = []\n    }\n  }\n  const selectedValues = new Set(\n    Array.isArray(values)\n      ? values.map((item) =>\n          arrayEncoding === 'json' ? JSON.stringify(item) : String(item),\n        )\n      : [],\n  )\n  return arrayOptions.value.filter((option) => selectedValues.has(option.id))\n})\n\n/** Update the model value when the selected options change */\nconst updateSelectedOptions = (\n  selectedOptions: { id: string; label: string; value: unknown }[],\n): void => {\n  const selectedValues = selectedOptions.map((option) => option.value)\n  emit(\n    'update:modelValue',\n    arrayEncoding === 'json'\n      ? JSON.stringify(selectedValues)\n      : selectedValues.join(','),\n  )\n}\n</script>\n\n<template>\n  <div\n    class=\"group-[.alert]:outline-orange group-[.error]:outline-red w-full min-w-0 pr-10 -outline-offset-1 has-[:focus-visible]:rounded-[4px] has-[:focus-visible]:outline\">\n    <template v-if=\"type === 'array'\">\n      <ScalarComboboxMultiselect\n        :modelValue=\"selectedArrayOptions\"\n        :options=\"arrayOptions\"\n        @update:modelValue=\"updateSelectedOptions\">\n        <ScalarButton\n          class=\"custom-scroll h-full w-full min-w-0 justify-start gap-1.5 px-2 py-1.5 pr-6 font-normal outline-none\"\n          variant=\"ghost\">\n          <span class=\"text-c-1 truncate\">{{\n            selectedArrayOptions.length > 0\n              ? selectedArrayOptions.map((option) => option.label).join(', ')\n              : 'Select a value'\n          }}</span>\n          <ScalarIcon\n            class=\"min-w-4\"\n            icon=\"ChevronDown\"\n            size=\"md\" />\n        </ScalarButton>\n      </ScalarComboboxMultiselect>\n    </template>\n    <template v-else-if=\"addingCustomValue\">\n      <input\n        ref=\"inputRef\"\n        v-model=\"customValue\"\n        class=\"text-c-1 w-full min-w-0 border-none px-2 py-1.5 outline-none\"\n        :placeholder=\"translate('apiClient.dataTableInputSelect.value')\"\n        type=\"text\"\n        @blur=\"handleBlur\"\n        @keyup.enter=\"addCustomValue\" />\n    </template>\n    <template v-else>\n      <ScalarDropdown\n        resize\n        :value=\"initialValue\">\n        <ScalarButton\n          class=\"size-full justify-start gap-1.5 overflow-auto px-2 py-1.5 font-normal whitespace-nowrap outline-none\"\n          variant=\"ghost\">\n          <span class=\"text-c-1 overflow-hidden text-ellipsis\">{{\n            initialValue ?? 'Select a value'\n          }}</span>\n          <ScalarIcon\n            icon=\"ChevronDown\"\n            size=\"md\" />\n        </ScalarButton>\n        <template #items>\n          <ScalarDropdownItem\n            v-for=\"option in options\"\n            :key=\"option\"\n            class=\"group/item flex items-center gap-1.5 overflow-hidden text-ellipsis whitespace-nowrap\"\n            :value=\"option\"\n            @click=\"updateSelected(option)\">\n            <div\n              class=\"flex h-4 w-4 items-center justify-center rounded-full p-[3px]\"\n              :class=\"\n                isSelected(option)\n                  ? 'bg-c-accent text-b-1'\n                  : 'shadow-border text-transparent'\n              \">\n              <ScalarIcon\n                class=\"size-2.5\"\n                icon=\"Checkmark\"\n                thickness=\"3\" />\n            </div>\n            <span class=\"overflow-hidden text-ellipsis\">{{ option }}</span>\n          </ScalarDropdownItem>\n          <template v-if=\"canAddCustomValue\">\n            <ScalarDropdownDivider v-if=\"options.length\" />\n            <ScalarDropdownItem\n              class=\"flex items-center gap-1.5\"\n              @click=\"addingCustomValue = true\">\n              <div class=\"flex h-4 w-4 items-center justify-center\">\n                <ScalarIcon\n                  icon=\"Add\"\n                  size=\"sm\" />\n              </div>\n              <span>{{\n                translate('apiClient.dataTableInputSelect.addValue')\n              }}</span>\n            </ScalarDropdownItem>\n          </template>\n        </template>\n      </ScalarDropdown>\n    </template>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/v2/components/data-table/DataTableText.vue.script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataTableText.vue.script.js","names":[],"sources":["../../../../src/v2/components/data-table/DataTableText.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport DataTableCell from './DataTableCell.vue'\n\ndefineProps<{\n  text?: string | number\n}>()\n</script>\n<template>\n  <DataTableCell class=\"relative flex\">\n    <span class=\"flex-1 px-2 py-1.5 whitespace-nowrap\">\n      <slot>{{ text }}</slot>\n    </span>\n  </DataTableCell>\n</template>\n"],"mappings":";;;;;;;;;uBAQE,YAIgB,uBAAA,EAJD,OAAM,gBAAe,GAAA;2BAG3B,CAFP,mBAEO,QAFP,YAEO,CADL,WAAuB,KAAA,QAAA,WAAA,CAAA,SAAA,CAAA,gBAAA,gBAAd,QAAA,IAAI,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA"}

package/dist/v2/components/forms/ConfirmationForm.vue.script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ConfirmationForm.vue.script.js","names":[],"sources":["../../../../src/v2/components/forms/ConfirmationForm.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarButton } from '@scalar/components/button'\n\nimport { useLocalization } from '@/v2/features/localization'\n\nconst { label, variant = 'solid' } = defineProps<{\n  /** The label of the submit button */\n  label?: string\n  /** Sets the style of the submit button */\n  variant?: 'danger' | 'solid'\n}>()\n\nconst emit = defineEmits<{\n  (e: 'cancel'): void\n  (e: 'submit'): void\n}>()\n\nconst { translate } = useLocalization()\n</script>\n<template>\n  <form\n    class=\"flex flex-col gap-4 text-base\"\n    @submit.prevent=\"emit('submit')\">\n    <slot />\n\n    <div class=\"flex justify-between gap-10\">\n      <!-- Cancel -->\n      <ScalarButton\n        size=\"sm\"\n        type=\"button\"\n        variant=\"outlined\"\n        @click=\"emit('cancel')\">\n        {{ translate('apiClient.confirmationForm.cancel') }}\n      </ScalarButton>\n\n      <!-- Submit -->\n      <ScalarButton\n        size=\"sm\"\n        type=\"submit\"\n        :variant=\"variant\">\n        {{ label ?? translate('apiClient.confirmationForm.save') }}\n      </ScalarButton>\n    </div>\n  </form>\n</template>\n"],"mappings":";;;;;;;;;;;;;EAYA,MAAM,OAAO;EAKb,MAAM,EAAE,cAAc,gBAAgB;;uBAGpC,mBAuBO,QAAA;IAtBL,OAAM;IACL,UAAM,OAAA,OAAA,OAAA,KAAA,eAAA,WAAU,KAAI,QAAA,GAAA,CAAA,SAAA,CAAA;OACrB,WAAQ,KAAA,QAAA,SAAA,GAER,mBAiBM,OAjBN,YAiBM,CAfJ,YAMe,MAAA,YAAA,GAAA;IALb,MAAK;IACL,MAAK;IACL,SAAQ;IACP,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,QAAA;;2BACwC,CAAA,gBAAA,gBAAjD,MAAA,SAAA,CAAS,CAAA,mCAAA,CAAA,GAAA,CAAA,CAAA,CAAA;;OAId,YAKe,MAAA,YAAA,GAAA;IAJb,MAAK;IACL,MAAK;IACJ,SAAS,QAAA;;2BACiD,CAAA,gBAAA,gBAAxD,QAAA,SAAS,MAAA,SAAA,CAAS,CAAA,iCAAA,CAAA,GAAA,CAAA,CAAA,CAAA"}

package/dist/v2/components/layout/CollapsibleSection.vue.script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CollapsibleSection.vue.script.js","names":["$slots","$attrs"],"sources":["../../../../src/v2/components/layout/CollapsibleSection.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Simple collapsible section component that can be used to wrap content that should be collapsed and expanded\n *\n * Would like to replace with details/summary elements, but they are not supported in all browsers yet?\n */\nexport default {\n  name: 'CollapsibleSection',\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { Disclosure, DisclosureButton, DisclosurePanel } from '@headlessui/vue'\nimport { ScalarIcon } from '@scalar/components/icon'\nimport { computed, inject, toValue, useId } from 'vue'\n\nimport { useLocalization } from '@/v2/features/localization'\n\nimport { COLLAPSIBLE_SECTION_HEADING_LEVEL } from './collapsible-section-heading-level'\nimport ValueEmitter from './ValueEmitter.vue'\n\nconst {\n  defaultOpen = true,\n  heading = true,\n  itemCount = 0,\n  isStatic,\n} = defineProps<{\n  /** Whether the disclosure is open by default. */\n  defaultOpen?: boolean\n  /**\n   * Whether the title belongs in the document outline.\n   *\n   * A section of a request or response is a passage of the page, so its title\n   * is a heading by default. A caller whose title only names a cluster of\n   * controls opts out: the title renders as plain text and the section becomes\n   * a `group` named by it, which keeps the card findable without adding an\n   * entry to the heading outline that has no passage behind it.\n   */\n  heading?: boolean\n  /** Number of items to show in badge when collapsed. */\n  itemCount?: number\n  /** Whether the disclosure is static and cannot be toggled. */\n  isStatic?: boolean\n}>()\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: boolean): void\n}>()\n\nconst { translate } = useLocalization()\n\n/**\n * Defaults to `h2`, for a section that sits directly below the page title. A\n * parent that renders a title above its sections provides a deeper level.\n */\nconst headingLevel = inject(COLLAPSIBLE_SECTION_HEADING_LEVEL, 2)\n\n/**\n * The element that holds the title. A caller that opted out of the heading gets\n * a `span`, which reads as plain text and is also the only valid choice inside\n * the disclosure button, since a heading is not phrasing content.\n */\nconst titleTag = computed((): string =>\n  heading ? `h${toValue(headingLevel)}` : 'span',\n)\n\n/** Names the `group` a section without a heading becomes. */\nconst titleId = useId()\n</script>\n\n<template>\n  <Disclosure\n    v-slot=\"{ open }\"\n    as=\"div\"\n    class=\"group/collapse text-c-2 focus-within:text-c-1 last:ui-open:border-b-0\"\n    :class=\"{\n      'last-of-type:first-of-type:border-b-0': isStatic,\n      'border-b': !isStatic,\n    }\"\n    :defaultOpen=\"defaultOpen\"\n    :static=\"isStatic\">\n    <!-- We use this hack to emit the slot value back to the parent -->\n    <ValueEmitter\n      :value=\"open\"\n      @change=\"(value) => emit('update:modelValue', value)\" />\n\n    <!-- A section that carries a heading stays deliberately unnamed: naming it\n         would turn it into a region landmark wrapping its own heading, so\n         screen readers announce the title twice before reading the contents.\n         Without a heading there is nothing to duplicate, and `group` is not a\n         landmark, so the name bounds the card without joining the landmark\n         list. -->\n    <section\n      :aria-labelledby=\"heading ? undefined : titleId\"\n      class=\"contents\"\n      :role=\"heading ? undefined : 'group'\">\n      <div\n        class=\"bg-b-2 flex items-center\"\n        :class=\"isStatic && 'rounded-t-xl border-x border-t'\">\n        <!-- Main disclosure button that toggles the panel -->\n        <DisclosureButton\n          class=\"hover:text-c-1 group box-content flex max-h-8 flex-1 items-center gap-2.5 overflow-hidden px-1 py-1.5 text-base font-medium outline-none md:px-1.5 xl:pr-0.5 xl:pl-2\"\n          :class=\"isStatic && '!pl-3'\"\n          :disabled=\"isStatic\">\n          <ScalarIcon\n            v-if=\"!isStatic\"\n            class=\"text-c-3 group-hover:text-c-1 rounded-px ui-open:rotate-90 ui-not-open:rotate-0 outline-offset-2 group-focus-visible:outline\"\n            icon=\"ChevronRight\"\n            size=\"md\" />\n\n          <!-- Heading with title -->\n          <component\n            :is=\"titleTag\"\n            :id=\"heading ? undefined : titleId\"\n            class=\"text-c-1 m-0 flex flex-1 items-center gap-1.5 leading-[20px]\">\n            <span class=\"contents\">\n              <slot\n                name=\"title\"\n                :open=\"open\" />\n              <span\n                v-if=\"!open\"\n                class=\"sr-only\"\n                >{{ translate('apiClient.collapsibleSection.collapsed') }}</span\n              >\n            </span>\n\n            <!-- Badge showing item count when collapsed. -->\n            <span\n              v-if=\"!open && itemCount\"\n              class=\"bg-b-2 text-c-2 inline-flex h-5 w-5 items-center justify-center rounded-full border text-xs font-semibold\">\n              {{ itemCount }}\n              <span class=\"sr-only\">{{\n                itemCount === 1\n                  ? translate('apiClient.collapsibleSection.item')\n                  : translate('apiClient.collapsibleSection.items')\n              }}</span>\n            </span>\n          </component>\n        </DisclosureButton>\n\n        <!-- Optional actions slot that hides when the panel is closed. -->\n        <div\n          v-if=\"$slots.actions\"\n          class=\"ui-not-open:hidden flex items-center gap-2 pr-0.75\">\n          <slot\n            name=\"actions\"\n            :open=\"open\" />\n        </div>\n      </div>\n\n      <!-- The collapsible content panel. -->\n      <DisclosurePanel\n        v-bind=\"$attrs\"\n        class=\"diclosure-panel h-full max-h-fit rounded-b\">\n        <slot :open=\"open\" />\n      </DisclosurePanel>\n    </section>\n  </Disclosure>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;CAOE,MAAM;;;;;;;;;;;;;;;EAsCR,MAAM,OAAO;EAIb,MAAM,EAAE,cAAc,gBAAgB;;;;;EAMtC,MAAM,eAAe,OAAO,mCAAmC,CAAC;;;;;;EAOhE,MAAM,WAAW,eACf,QAAA,UAAU,IAAI,QAAQ,YAAY,MAAM,MAC1C;;EAGA,MAAM,UAAU,MAAM;;uBAIpB,YAsFa,MAAA,UAAA,GAAA;IApFX,IAAG;IACH,OAAK,eAAA,CAAC,yEAAuE;8CACpB,QAAA;kBAA6B,QAAA;;IAIrF,aAAa,QAAA;IACb,QAAQ,QAAA;;sBAIiD,EAZhD,WAAI,CAUd,YAE0D,sBAAA;KADvD,OAAO;KACP,UAAM,OAAA,OAAA,OAAA,MAAG,UAAU,KAAI,qBAAsB,KAAK;4BAQrD,mBAgEU,WAAA;KA/DP,mBAAiB,QAAA,UAAU,KAAA,IAAY,MAAA,OAAA;KACxC,OAAM;KACL,MAAM,QAAA,UAAU,KAAA,IAAS;QAC1B,mBAoDM,OAAA,EAnDJ,OAAK,eAAA,CAAC,4BACE,QAAA,YAAQ,gCAAA,CAAA,EAAA,GAAA,CAEhB,YAsCmB,MAAA,gBAAA,GAAA;KArCjB,OAAK,eAAA,CAAC,wKACE,QAAA,YAAQ,OAAA,CAAA;KACf,UAAU,QAAA;;4BAKG,CAAA,CAHL,QAAA,YAAA,UAAA,GADT,YAIc,MAAA,UAAA,GAAA;;MAFZ,OAAM;MACN,MAAK;MACL,MAAK;uDAGP,YA0BY,wBAzBL,SAAA,KAAQ,GAAA;MACZ,IAAI,QAAA,UAAU,KAAA,IAAY,MAAA,OAAA;MAC3B,OAAM;;6BAUC,CATP,mBASO,QATP,YASO,CARL,WAEiB,KAAA,QAAA,SAAA,EAAR,KAAI,CAAA,GAAA,CAEJ,QAAA,UAAA,GADT,mBAIC,QAJD,YAIC,gBADK,MAAA,SAAA,CAAS,CAAA,wCAAA,CAAA,GAAA,CAAA,KAAA,mBAAA,IAAA,IAAA,CAAA,CAAA,GAAA,CAMR,QAAQ,QAAA,aAAA,UAAA,GADjB,mBASO,QATP,YASO,CAAA,gBAAA,gBANF,QAAA,SAAS,IAAG,KACf,CAAA,GAAA,mBAIS,QAJT,YAIS,gBAHP,QAAA,cAAS,IAA2B,MAAA,SAAA,CAAS,CAAA,mCAAA,IAA0D,MAAA,SAAA,CAAS,CAAA,oCAAA,CAAA,GAAA,CAAA,CAAA,CAAA,KAAA,mBAAA,IAAA,IAAA,CAAA,CAAA;;;;qCAUhHA,KAAAA,OAAO,WAAA,UAAA,GADf,mBAMM,OANN,YAMM,CAHJ,WAEiB,KAAA,QAAA,WAAA,EAAR,KAAI,CAAA,CAAA,CAAA,KAAA,mBAAA,IAAA,IAAA,CAAA,GAAA,CAAA,GAKjB,YAIkB,MAAA,eAAA,GAJlB,WACUC,KAGQ,QAHF,EACd,OAAM,6CAA4C,CAAA,GAAA;4BAC7B,CAArB,WAAqB,KAAA,QAAA,WAAA,EAAR,KAAI,CAAA,CAAA,CAAA"}

package/dist/v2/components/layout/ValueEmitter.vue.script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ValueEmitter.vue.script.js","names":[],"sources":["../../../../src/v2/components/layout/ValueEmitter.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * This component takes in any value and emits it back\n *\n * This is useful when we need to catch the open state of a disclosure from its v-slot\n */\nexport default {\n  name: 'ValueEmitter',\n}\n</script>\n\n<script setup lang=\"ts\" generic=\"T\">\nimport { onBeforeUnmount, watch } from 'vue'\n\nconst { value } = defineProps<{ value: T }>()\nconst emit = defineEmits<{\n  (e: 'change', value: T): void\n  (e: 'unmount'): void\n}>()\n\nwatch(\n  () => value,\n  (newValue) => emit('change', newValue),\n  { immediate: true },\n)\n\nonBeforeUnmount(() => emit('unmount'))\n</script>\n\n<!-- eslint-disable-next-line vue/valid-template-root -->\n<template>\n  <!-- We use this hack to emit the slot value back to the parent -->\n</template>\n"],"mappings":";;CAOE,MAAM;;;;EAQR,MAAM,OAAO;EAKb,YACQ,QAAA,QACL,aAAa,KAAK,UAAU,QAAQ,GACrC,EAAE,WAAW,KAAK,CACpB;EAEA,sBAAsB,KAAK,SAAS,CAAC"}

package/dist/v2/components/modals/DeleteModal.vue.script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DeleteModal.vue.script.js","names":[],"sources":["../../../../src/v2/components/modals/DeleteModal.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { truncate } from '@scalar/helpers/string/truncate'\nimport { computed } from 'vue'\n\nimport { ConfirmationForm } from '@/v2/components/forms'\nimport { useLocalization } from '@/v2/features/localization'\n\nconst { name, warningMessage } = defineProps<{\n  /** The name of the item to delete */\n  name: string\n  /** The warning message to display */\n  warningMessage?: string | undefined\n}>()\n\nconst emit = defineEmits<{\n  (e: 'close'): void\n  (e: 'delete'): void\n}>()\n\nconst { translate } = useLocalization()\n\n/** Condenses the name to 18 characters and adds an ellipsis if it's longer */\nconst truncatedName = computed(() => truncate(name))\n</script>\n<template>\n  <ConfirmationForm\n    :label=\"translate('apiClient.deleteModal.delete', { name: truncatedName })\"\n    variant=\"danger\"\n    @cancel=\"emit('close')\"\n    @submit=\"emit('delete')\">\n    <p\n      v-if=\"warningMessage\"\n      class=\"text-c-2 text-sm leading-normal text-pretty\">\n      {{ warningMessage }}\n    </p>\n  </ConfirmationForm>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;EAcA,MAAM,OAAO;EAKb,MAAM,EAAE,cAAc,gBAAgB;;EAGtC,MAAM,gBAAgB,eAAe,SAAS,QAAA,IAAI,CAAC;;uBAGjD,YAUmB,MAAA,wBAAA,GAAA;IAThB,OAAO,MAAA,SAAA,CAAS,CAAA,gCAAA,EAAA,MAAyC,cAAA,MAAa,CAAA;IACvE,SAAQ;IACP,UAAM,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,OAAA;IACZ,UAAM,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,QAAA;;2BAKT,CAHI,QAAA,kBAAA,UAAA,GADR,mBAII,KAJJ,YAII,gBADC,QAAA,cAAc,GAAA,CAAA,KAAA,mBAAA,IAAA,IAAA,CAAA,CAAA"}

package/dist/v2/components/modals/ModalClientContainer.vue.script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ModalClientContainer.vue.script.js","names":["$attrs"],"sources":["../../../../src/v2/components/modals/ModalClientContainer.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { addScalarClassesToHeadless } from '@scalar/components/helpers'\nimport type { ModalState } from '@scalar/components/modal'\nimport { ScalarTeleportRoot } from '@scalar/components/teleport'\nimport { useFocusTrap } from '@vueuse/integrations/useFocusTrap'\nimport { nextTick, onBeforeMount, onBeforeUnmount, ref, watch } from 'vue'\n\nimport { useLocalization } from '@/v2/features/localization'\n\nconst props = defineProps<{ modalState: ModalState }>()\n\nconst emit = defineEmits<{\n  (e: 'open'): void\n  (e: 'close'): void\n}>()\n\nconst { translate } = useLocalization()\n\nconst client = ref<HTMLElement | null>(null)\n\nconst { activate: activateFocusTrap, deactivate: deactivateFocusTrap } =\n  useFocusTrap(client, {\n    allowOutsideClick: true,\n    fallbackFocus: () => client.value as HTMLElement,\n    /**\n     * Put initial focus on the close button so assistive technology users hear\n     * the way out of the dialog before anything else. Returning `undefined`\n     * (no marked element, e.g. a layout without a close button) keeps\n     * focus-trap's default of the first tabbable element. Never return `null`\n     * here: focus-trap throws on a non-node return value. The lookup is scoped\n     * to the dialog so a host page element can never be picked up.\n     */\n    initialFocus: () =>\n      client.value?.querySelector<HTMLElement>('[data-modal-initial-focus]') ??\n      undefined,\n  })\n\n// ensure scalar classes exist on headless-ui root\nonBeforeMount(() => addScalarClassesToHeadless())\n\n// manage the focus trap and emit lifecycle events\nwatch(\n  () => props.modalState.open,\n  async (open) => {\n    if (open) {\n      await nextTick()\n      activateFocusTrap()\n      emit('open')\n    } else {\n      deactivateFocusTrap()\n      emit('close')\n    }\n  },\n  { immediate: false },\n)\n\n// best-effort cleanup on unmount\nonBeforeUnmount(() => {\n  deactivateFocusTrap()\n})\n</script>\n\n<template>\n  <div class=\"scalar scalar-app z-overlay relative\">\n    <div\n      class=\"scalar-container\"\n      :class=\"{ 'scalar-client--open': modalState.open }\">\n      <div\n        ref=\"client\"\n        :aria-label=\"translate('apiClient.modalClientContainer.label')\"\n        aria-modal=\"true\"\n        v-bind=\"$attrs\"\n        class=\"scalar-app-layout scalar-client\"\n        role=\"dialog\"\n        tabindex=\"-1\">\n        <ScalarTeleportRoot>\n          <slot />\n        </ScalarTeleportRoot>\n      </div>\n\n      <!-- overlay / exit area -->\n      <div\n        class=\"scalar-app-exit\"\n        @click=\"modalState.hide()\" />\n    </div>\n  </div>\n</template>\n\n<style scoped>\n@reference \"@/style.css\";\n\n.scalar .scalar-app-layout {\n  background: var(--scalar-background-1);\n  height: calc(100% - 120px);\n  max-width: 1390px;\n  width: 100%;\n  margin: auto;\n  position: relative;\n  overflow: hidden;\n  border-radius: 8px;\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n/**\n * Allow the modal to fill more space on\n * very short (or very zoomed in) screens\n */\n@variant zoomed {\n  .scalar .scalar-app-layout {\n    height: 100%;\n    max-height: 90svh;\n  }\n}\n\n.scalar .scalar-app-exit {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100vw;\n  height: 100vh;\n  background: #00000038;\n  cursor: pointer;\n  z-index: -1;\n}\n\n.dark-mode .scalar .scalar-app-exit {\n  background: rgba(0, 0, 0, 0.45);\n}\n\n.scalar .scalar-app-exit:before {\n  font-family: sans-serif;\n  position: absolute;\n  top: 0;\n  right: 12px;\n  font-size: 30px;\n  font-weight: 100;\n  line-height: 50px;\n  text-align: center;\n  color: white;\n  opacity: 0.6;\n}\n\n.scalar .scalar-app-exit:hover:before {\n  opacity: 1;\n}\n\n/* container */\n.scalar-container {\n  overflow: hidden;\n  visibility: hidden;\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  opacity: 0;\n  pointer-events: none;\n  will-change: opacity;\n  transition:\n    opacity 0.35s ease,\n    visibility 0s linear 0.35s;\n}\n\n.scalar-container.scalar-client--open {\n  opacity: 1;\n  visibility: visible;\n  pointer-events: auto;\n  transition: opacity 0.35s ease;\n}\n\n.scalar .url-form-input {\n  min-height: auto !important;\n}\n\n.scalar .scalar-container {\n  line-height: normal;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;EASA,MAAM,QAAQ;EAEd,MAAM,OAAO;EAKb,MAAM,EAAE,cAAc,gBAAgB;EAEtC,MAAM,SAAS,IAAwB,IAAI;EAE3C,MAAM,EAAE,UAAU,mBAAmB,YAAY,wBAC/C,aAAa,QAAQ;GACnB,mBAAmB;GACnB,qBAAqB,OAAO;;;;;;;;;GAS5B,oBACE,OAAO,OAAO,cAA2B,4BAA4B,KACrE,KAAA;EACJ,CAAC;EAGH,oBAAoB,2BAA2B,CAAC;EAGhD,YACQ,MAAM,WAAW,MACvB,OAAO,SAAS;GACd,IAAI,MAAM;IACR,MAAM,SAAS;IACf,kBAAkB;IAClB,KAAK,MAAM;GACb,OAAO;IACL,oBAAoB;IACpB,KAAK,OAAO;GACd;EACF,GACA,EAAE,WAAW,MAAM,CACrB;EAGA,sBAAsB;GACpB,oBAAoB;EACtB,CAAC;;uBAIC,mBAsBM,OAtBN,YAsBM,CArBJ,mBAoBM,OAAA,EAnBJ,OAAK,eAAA,CAAC,oBAAkB,EAAA,uBACS,QAAA,WAAW,KAAI,CAAA,CAAA,EAAA,GAAA,CAChD,mBAWM,OAXN,WAWM;aAVA;IAAJ,KAAI;IACH,cAAY,MAAA,SAAA,CAAS,CAAA,sCAAA;IACtB,cAAW;MACHA,KAAAA,QAAM;IACd,OAAM;IACN,MAAK;IACL,UAAS;QACT,YAEqB,MAAA,kBAAA,GAAA,MAAA;2BADX,CAAR,WAAQ,KAAA,QAAA,WAAA,CAAA,GAAA,KAAA,GAAA,IAAA,CAAA,CAAA;;yBAKZ,mBAE+B,OAAA;IAD7B,OAAM;IACL,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,QAAA,WAAW,KAAI"}

package/dist/v2/components/resize/Resize.vue.script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Resize.vue.script.js","names":[],"sources":["../../../../src/v2/components/resize/Resize.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ref } from 'vue'\n\nconst { width } = defineProps<{\n  /** Provided resizable child width */\n  width: number\n}>()\n\nconst emit = defineEmits<{\n  (e: 'update:width', value: number): void\n}>()\n\ndefineSlots<{\n  default?(): unknown\n}>()\n\nconst isDragging = ref(false)\n\nconst draggingClassName = 'scalar-dragging'\n\nconst startDrag = (event: MouseEvent) => {\n  event.preventDefault()\n\n  const startX = event.clientX\n\n  /** Current sidebar width when dragging starts */\n  const startWidth = width\n\n  const doDrag = (dragEvent: MouseEvent) => {\n    isDragging.value = true\n    document.body.classList.add(draggingClassName)\n    let newWidth = startWidth + dragEvent.clientX - startX\n    if (newWidth > 420) {\n      /** Elastic effect */\n      newWidth = 420 + (newWidth - 420) * 0.2\n    }\n    if (newWidth < 240) {\n      newWidth = 240\n    }\n    emit('update:width', newWidth)\n  }\n\n  const stopDrag = () => {\n    isDragging.value = false\n    document.body.classList.remove(draggingClassName)\n    document.documentElement.removeEventListener('mousemove', doDrag, false)\n    document.documentElement.removeEventListener('mouseup', stopDrag, false)\n    /** Reset to max width if exceeded */\n    if (width > 420) {\n      emit('update:width', 360)\n    } else if (width < 240) {\n      emit('update:width', 240)\n    }\n  }\n\n  document.documentElement.addEventListener('mousemove', doDrag, false)\n  document.documentElement.addEventListener('mouseup', stopDrag, false)\n}\n</script>\n<template>\n  <div\n    class=\"relative\"\n    :style=\"{\n      width: `${width}px`,\n    }\">\n    <slot name=\"default\" />\n    <div\n      class=\"resizer\"\n      @mousedown=\"startDrag\" />\n  </div>\n</template>\n<style scoped>\n.resizer {\n  width: 5px;\n  cursor: col-resize;\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  border-right: 2px solid transparent;\n  transition: border-right-color 0.3s;\n  z-index: 100;\n}\n</style>\n<style>\n.scalar-dragging {\n  cursor: col-resize;\n}\n\n.resizer:hover,\n.scalar-dragging .resizer {\n  border-right-color: var(--scalar-background-3);\n}\n\n.scalar-dragging::after {\n  content: '';\n  display: block;\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n}\n</style>\n"],"mappings":";;AAkBA,IAAM,oBAAoB;;;;;;EAV1B,MAAM,OAAO;EAQb,MAAM,aAAa,IAAI,KAAK;EAI5B,MAAM,aAAa,UAAsB;GACvC,MAAM,eAAe;GAErB,MAAM,SAAS,MAAM;;GAGrB,MAAM,aAAa,QAAA;GAEnB,MAAM,UAAU,cAA0B;IACxC,WAAW,QAAQ;IACnB,SAAS,KAAK,UAAU,IAAI,iBAAiB;IAC7C,IAAI,WAAW,aAAa,UAAU,UAAU;IAChD,IAAI,WAAW;;IAEb,WAAW,OAAO,WAAW,OAAO;IAEtC,IAAI,WAAW,KACb,WAAW;IAEb,KAAK,gBAAgB,QAAQ;GAC/B;GAEA,MAAM,iBAAiB;IACrB,WAAW,QAAQ;IACnB,SAAS,KAAK,UAAU,OAAO,iBAAiB;IAChD,SAAS,gBAAgB,oBAAoB,aAAa,QAAQ,KAAK;IACvE,SAAS,gBAAgB,oBAAoB,WAAW,UAAU,KAAK;;IAEvE,IAAI,QAAA,QAAQ,KACV,KAAK,gBAAgB,GAAG;SACnB,IAAI,QAAA,QAAQ,KACjB,KAAK,gBAAgB,GAAG;GAE5B;GAEA,SAAS,gBAAgB,iBAAiB,aAAa,QAAQ,KAAK;GACpE,SAAS,gBAAgB,iBAAiB,WAAW,UAAU,KAAK;EACtE;;uBAGE,mBASM,OAAA;IARJ,OAAM;IACL,OAAK,eAAA,EAAA,OAAA,GAAoB,QAAA,MAAK,IAAA,CAAA;OAG/B,WAAuB,KAAA,QAAA,WAAA,CAAA,GAAA,KAAA,GAAA,IAAA,GACvB,mBAE2B,OAAA;IADzB,OAAM;IACL,aAAW"}

package/dist/v2/components/server/ServerDropdown.vue.script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ServerDropdown.vue.script.js","names":[],"sources":["../../../../src/v2/components/server/ServerDropdown.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * ServerDropdown component\n * This component is used to display the server dropdown for the operation block\n */\nexport default {\n  name: 'ServerDropdown',\n}\n\nexport type ServerDropdownProps = {\n  /** The meta information for the server */\n  meta: ServerMeta\n  /** List of servers that are available for the operation/document level */\n  servers: ServerObject[]\n  /** Currently selected server */\n  server: ServerObject | null\n  /** The id of the target to use for the popover (e.g. address bar) */\n  target: string\n  /** Client layout */\n  layout: ClientLayout\n}\n</script>\n<script setup lang=\"ts\">\nimport { ScalarButton } from '@scalar/components/button'\nimport { ScalarPopover } from '@scalar/components/popover'\nimport { ScalarIconPencilSimple, ScalarIconPlus } from '@scalar/icons'\nimport type {\n  ApiReferenceEvents,\n  ServerMeta,\n} from '@scalar/workspace-store/events'\nimport type { ServerObject } from '@scalar/workspace-store/schemas/v3.2/strict/openapi-document'\nimport { computed } from 'vue'\n\nimport ValueEmitter from '@/v2/components/layout/ValueEmitter.vue'\nimport { useLocalization } from '@/v2/features/localization'\nimport type { ClientLayout } from '@/v2/types/layout'\n\nimport ServerDropdownItem from './ServerDropdownItem.vue'\n\nconst { target, server, servers, meta } = defineProps<ServerDropdownProps>()\n\nconst emit = defineEmits<{\n  /** Update a server variable for the selected server */\n  (\n    e: 'update:selectedServer',\n    payload: ApiReferenceEvents['server:update:selected'],\n  ): void\n  (\n    e: 'update:variable',\n    payload: ApiReferenceEvents['server:update:variables'],\n  ): void\n  (e: 'update:servers'): void\n  /** Update the open state of the server dropdown */\n  (e: 'update:open', value: boolean): void\n}>()\n\nconst { translate } = useLocalization()\n\nconst requestServerOptions = computed(() =>\n  servers.map((s) => ({\n    id: s.url,\n    // Prefer the server name (OpenAPI 3.2) as a friendly label, falling back to the URL\n    label:\n      s.name || s.url || translate('apiClient.serverDropdown.unknownServer'),\n  })),\n)\n\nconst serverUrlWithoutTrailingSlash = computed(() => {\n  if (server?.url?.endsWith('/')) {\n    return server.url.slice(0, -1)\n  }\n  return server?.url || ''\n})\n</script>\n<template>\n  <ScalarPopover\n    class=\"max-h-[inherit] rounded-none rounded-b-lg border border-t-0 p-0 text-base inset-shadow-none\"\n    focus\n    :offset=\"0\"\n    placement=\"bottom\"\n    resize\n    :target=\"target\"\n    :teleport=\"`#${target}`\">\n    <ScalarButton\n      class=\"hover:bg-b-2 font-code text-c-2 h-auto gap-0.75 rounded border px-1.5 text-base whitespace-nowrap @3xl:ml-0.75\"\n      variant=\"ghost\">\n      <template v-if=\"server\">\n        <span class=\"sr-only\">{{\n          translate('apiClient.serverDropdown.server')\n        }}</span>\n        {{ serverUrlWithoutTrailingSlash }}\n      </template>\n      <template v-else>\n        <span class=\"sr-only\">{{\n          translate('apiClient.serverDropdown.addServer')\n        }}</span>\n        <ScalarIconPlus class=\"size-3\" />\n      </template>\n    </ScalarButton>\n\n    <template #popover=\"{ close, open }\">\n      <!-- Emit the slot value back out the parent -->\n      <ValueEmitter\n        :value=\"open\"\n        @change=\"(value) => emit('update:open', value)\"\n        @unmount=\"emit('update:open', false)\" />\n      <div\n        class=\"custom-scroll flex max-h-[inherit] flex-col gap-1 p-1\"\n        @click=\"close\">\n        <!-- Request -->\n        <ServerDropdownItem\n          v-for=\"(serverOption, index) in requestServerOptions\"\n          :key=\"serverOption.id\"\n          :server=\"server\"\n          :serverOption=\"serverOption\"\n          type=\"request\"\n          @update:selectedServer=\"\n            emit('update:selectedServer', { url: serverOption.id, meta })\n          \"\n          @update:variable=\"\n            (key, value) => emit('update:variable', { index, key, value, meta })\n          \" />\n\n        <!-- Add Server -->\n        <template v-if=\"layout !== 'modal'\">\n          <button\n            class=\"text-xxs hover:bg-b-2 flex cursor-pointer items-center gap-1.5 rounded p-1.75\"\n            type=\"button\"\n            @click=\"emit('update:servers')\">\n            <div class=\"flex items-center justify-center\">\n              <ScalarIconPencilSimple class=\"size-4\" />\n            </div>\n            <span>{{\n              translate('apiClient.serverDropdown.updateServers')\n            }}</span>\n          </button>\n        </template>\n      </div>\n    </template>\n  </ScalarPopover>\n</template>\n"],"mappings":";;;;;;;;;;;;;CAME,MAAM;;;;;;;;;;;;;;;EAmCR,MAAM,OAAO;EAeb,MAAM,EAAE,cAAc,gBAAgB;EAEtC,MAAM,uBAAuB,eAC3B,QAAA,QAAQ,KAAK,OAAO;GAClB,IAAI,EAAE;GAEN,OACE,EAAE,QAAQ,EAAE,OAAO,UAAU,wCAAwC;EACzE,EAAE,CACJ;EAEA,MAAM,gCAAgC,eAAe;GACnD,IAAI,QAAA,QAAQ,KAAK,SAAS,GAAG,GAC3B,OAAO,QAAA,OAAO,IAAI,MAAM,GAAG,EAAE;GAE/B,OAAO,QAAA,QAAQ,OAAO;EACxB,CAAC;;uBAGC,YAgEgB,MAAA,aAAA,GAAA;IA/Dd,OAAM;IACN,OAAA;IACC,QAAQ;IACT,WAAU;IACV,QAAA;IACC,QAAQ,QAAA;IACR,UAAQ,IAAM,QAAA;;IAkBJ,SAAO,SAK0B,EALtB,OAAO,WAAI,CAE/B,YAG0C,sBAAA;KAFvC,OAAO;KACP,UAAM,OAAA,OAAA,OAAA,MAAG,UAAU,KAAI,eAAgB,KAAK;KAC5C,WAAO,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,eAAA,KAAA;4BAChB,mBA+BM,OAAA;KA9BJ,OAAM;KACL,SAAO;0BAER,mBAWM,UAAA,MAAA,WAV4B,qBAAA,QAAxB,cAAc,UAAK;yBAD7B,YAWM,4BAAA;MATH,KAAK,aAAa;MAClB,QAAQ,QAAA;MACM;MACf,MAAK;MACJ,4BAAqB,WAAe,KAAI,yBAAA;OAAA,KAAiC,aAAa;OAAE,MAAE,QAAA;MAAI,CAAA;MAG9F,sBAA+B,KAAK,UAAU,KAAI,mBAAA;OAAsB;OAAO;OAAK;OAAK,MAAE,QAAA;MAAI,CAAA;;;;;;;eAKlF,QAAA,WAAM,WAAA,UAAA,GACpB,mBAUS,UAAA;;KATP,OAAM;KACN,MAAK;KACJ,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,gBAAA;QACZ,mBAEM,OAFN,YAEM,CADJ,YAAyC,MAAA,sBAAA,GAAA,EAAjB,OAAM,SAAQ,CAAA,CAAA,CAAA,GAExC,mBAES,QAAA,MAAA,gBADP,MAAA,SAAA,CAAS,CAAA,wCAAA,CAAA,GAAA,CAAA,CAAA,CAAA,KAAA,mBAAA,IAAA,IAAA,CAAA,GAAA,GAAA,UAAA,CAAA,CAAA;2BAnCJ,CAff,YAee,MAAA,YAAA,GAAA;KAdb,OAAM;KACN,SAAQ;;4BAMG,CALK,QAAA,UAAA,UAAA,GAAhB,mBAKW,UAAA,EAAA,KAAA,EAAA,GAAA,CAJT,mBAES,QAFT,YAES,gBADP,MAAA,SAAA,CAAS,CAAA,iCAAA,CAAA,GAAA,CAAA,GAAA,gBACF,MACT,gBAAG,8BAAA,KAA6B,GAAA,CAAA,CAAA,GAAA,EAAA,MAAA,UAAA,GAElC,mBAKW,UAAA,EAAA,KAAA,EAAA,GAAA,CAJT,mBAES,QAFT,YAES,gBADP,MAAA,SAAA,CAAS,CAAA,oCAAA,CAAA,GAAA,CAAA,GAEX,YAAiC,MAAA,cAAA,GAAA,EAAjB,OAAM,SAAQ,CAAA,CAAA,GAAA,EAAA,EAAA,CAAA"}

package/dist/v2/components/server/ServerDropdownItem.vue.script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ServerDropdownItem.vue.script.js","names":[],"sources":["../../../../src/v2/components/server/ServerDropdownItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarListboxCheckbox } from '@scalar/components/listbox'\nimport { ScalarMarkdown } from '@scalar/components/markdown'\nimport type { ServerObject } from '@scalar/workspace-store/schemas/v3.2/strict/openapi-document'\nimport { computed, useId } from 'vue'\n\nimport ServerVariablesForm from '@/components/Server/ServerVariablesForm.vue'\n\nconst { server, serverOption } = defineProps<{\n  server: ServerObject | null\n  serverOption: {\n    id: string\n    label: string\n  }\n}>()\n\nconst emit = defineEmits<{\n  /** Update a server variable for the selected server */\n  (e: 'update:variable', key: string, value: string): void\n  /** Update selected server */\n  (e: 'update:selectedServer'): void\n}>()\n\nconst formId = useId()\n\nconst hasVariables = () => {\n  return Object.keys(server?.variables ?? {}).length > 0\n}\n\nconst isSelectedServer = computed(() => serverOption.id === server?.url)\nconst isExpanded = computed(() => isSelectedServer.value && hasVariables())\n</script>\n<template>\n  <div\n    class=\"group/item flex min-h-fit flex-col rounded border\"\n    :class=\"{ 'border-transparent': !isSelectedServer }\">\n    <button\n      v-bind=\"isExpanded ? { 'aria-controls': formId } : {}\"\n      :aria-expanded=\"isExpanded\"\n      class=\"flex min-h-8 cursor-pointer items-center gap-1.5 rounded px-1.5\"\n      :class=\"isSelectedServer ? 'text-c-1 bg-b-2' : 'hover:bg-b-2'\"\n      type=\"button\"\n      @click=\"emit('update:selectedServer')\">\n      <ScalarListboxCheckbox :selected=\"isSelectedServer\" />\n      <span class=\"overflow-hidden text-ellipsis whitespace-nowrap\">\n        {{ serverOption.label }}\n      </span>\n    </button>\n    <!-- Server variables -->\n    <div\n      v-if=\"isExpanded\"\n      :id=\"formId\"\n      class=\"bg-b-2 divide divide-y rounded-b border-t *:pl-4\"\n      @click.stop>\n      <ServerVariablesForm\n        :variables=\"server?.variables\"\n        @update:variable=\"\n          (key, value) => emit('update:variable', key, value)\n        \" />\n      <!-- Description -->\n      <div v-if=\"server?.description\">\n        <div class=\"description text-c-3 px-3 py-1.5\">\n          <ScalarMarkdown :value=\"server.description\" />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n<style scoped>\n.description :deep(.markdown) {\n  font-weight: var(--scalar-semibold);\n  color: var(--scalar-color--1);\n  padding: 0 0;\n  display: block;\n}\n.description :deep(.markdown > *:first-child) {\n  margin-top: 0;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;EAgBA,MAAM,OAAO;EAOb,MAAM,SAAS,MAAM;EAErB,MAAM,qBAAqB;GACzB,OAAO,OAAO,KAAK,QAAA,QAAQ,aAAa,CAAC,CAAC,CAAC,CAAC,SAAS;EACvD;EAEA,MAAM,mBAAmB,eAAe,QAAA,aAAa,OAAO,QAAA,QAAQ,GAAG;EACvE,MAAM,aAAa,eAAe,iBAAiB,SAAS,aAAa,CAAC;;uBAGxE,mBAiCM,OAAA,EAhCJ,OAAK,eAAA,CAAC,qDAAmD,EAAA,sBAAA,CACxB,iBAAA,MAAgB,CAAA,CAAA,EAAA,GAAA,CACjD,mBAWS,UAXT,WACU,WAUD,QAVW,EAAA,iBAAsB,MAAA,MAAA,EAAM,IAAA,CAAA,GAAA;IAC7C,iBAAe,WAAA;IAChB,OAAK,CAAC,mEACE,iBAAA,QAAgB,oBAAA,cAAA;IACxB,MAAK;IACJ,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,uBAAA;QACZ,YAAsD,MAAA,qBAAA,GAAA,EAA9B,UAAU,iBAAA,MAAgB,GAAA,MAAA,GAAA,CAAA,UAAA,CAAA,GAClD,mBAEO,QAFP,YAEO,gBADF,QAAA,aAAa,KAAK,GAAA,CAAA,CAAA,GAAA,IAAA,UAAA,GAKjB,WAAA,SAAA,UAAA,GADR,mBAgBM,OAAA;;IAdH,IAAI,MAAA,MAAA;IACL,OAAM;IACL,SAAK,OAAA,OAAA,OAAA,KAAA,oBAAN,CAAA,GAAW,CAAA,MAAA,CAAA;OACX,YAIM,6BAAA;IAHH,WAAW,QAAA,QAAQ;IACnB,qBAAe,OAAA,OAAA,OAAA,MAAc,KAAK,UAAU,KAAI,mBAAoB,KAAK,KAAK;+BAItE,QAAA,QAAQ,eAAA,UAAA,GAAnB,mBAIM,OAAA,YAAA,CAHJ,mBAEM,OAFN,YAEM,CADJ,YAA8C,MAAA,cAAA,GAAA,EAA7B,OAAO,QAAA,OAAO,YAAA,GAAA,MAAA,GAAA,CAAA,OAAA,CAAA,CAAA,CAAA,CAAA,CAAA,KAAA,mBAAA,IAAA,IAAA,CAAA,GAAA,GAAA,UAAA,KAAA,mBAAA,IAAA,IAAA,CAAA,GAAA,CAAA"}

package/dist/v2/components/sidebar/Sidebar.vue.script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Sidebar.vue.script.js","names":[],"sources":["../../../../src/v2/components/sidebar/Sidebar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIconButton } from '@scalar/components/icon-button'\nimport type { WorkspaceGroup } from '@scalar/components/menu'\nimport { ScalarSidebarSearchInput } from '@scalar/components/sidebar'\nimport { ScalarIconFileDashed, ScalarIconMagnifyingGlass } from '@scalar/icons'\nimport {\n  ScalarSidebar,\n  type DraggingItem,\n  type HoveredItem,\n  type SidebarState,\n} from '@scalar/sidebar'\nimport type { WorkspaceDocument } from '@scalar/workspace-store/schemas'\nimport type { TraversedEntry } from '@scalar/workspace-store/schemas/navigation'\nimport { isOpenApiDocument } from '@scalar/workspace-store/schemas/type-guards'\nimport { computed, ref } from 'vue'\n\nimport { Resize } from '@/v2/components/resize'\nimport { useLocalization } from '@/v2/features/localization'\nimport { useSearchIndex } from '@/v2/features/search'\nimport type { ClientLayout } from '@/v2/types/layout'\n\nimport SidebarMenu from './SidebarMenu.vue'\n\nconst { documents, sidebarState, layout } = defineProps<{\n  /** All documents to display sidebar items for */\n  sidebarState: SidebarState<TraversedEntry>\n  /** Layout for the client */\n  layout: ClientLayout\n  /** The currently active workspace */\n  activeWorkspace: { id: string }\n  /** The list of all available workspaces */\n  workspaces: WorkspaceGroup[]\n  /** The documents belonging to the workspace */\n  documents: WorkspaceDocument[]\n  /**\n   * Prevents sidebar items from being hovered and dropped into. Can be either a function or a boolean\n   *\n   * @default true\n   */\n  isDroppable?:\n    | boolean\n    | ((draggingItem: DraggingItem, hoveredItem: HoveredItem) => boolean)\n}>()\n\nconst emit = defineEmits<{\n  /** Emitted when an item is selected */\n  (e: 'selectItem', id: string): void\n  /** Emitted when a workspace is selected by optional ID */\n  (e: 'select:workspace', id?: string): void\n  /** Emitted when the user wants to create a new workspace */\n  (e: 'create:workspace'): void\n  /** Emitted when sidebar items are reordered via drag and drop */\n  (e: 'reorder', draggingItem: DraggingItem, hoveredItem: HoveredItem): void\n  /** Emitted when the user wants to open the settings */\n  (e: 'navigate:to:settings'): void\n}>()\n\nconst { translate } = useLocalization()\n\nconst slots = defineSlots<{\n  /** Slot to add the workspace button */\n  workspaceButton?(): unknown\n  /** Slot to add additional content to the decorator */\n  decorator?(props: { item: TraversedEntry }): unknown\n  /** Slot to add additional content to the footer */\n  footer?(): unknown\n  /** Slot to add additional content to the empty folder */\n  empty?(props: { item: TraversedEntry }): unknown\n  /** Slot for customizing the actions section of the sidebar menu. */\n  sidebarMenuActions?(): unknown\n  /** Slot to add additional content to the icon */\n  icon?(props: { item: TraversedEntry; open: boolean }): unknown\n}>()\n\n/** Controls the visibility of the search input */\nconst isSearchVisible = ref(false)\n\n/** Controls the width of the sidebar */\nconst sidebarWidth = defineModel<number>('sidebarWidth', {\n  required: true,\n  default: 288,\n})\n\nconst isDraft = (item: TraversedEntry) => {\n  return item.type === 'example' && item.title === 'draft'\n}\n\n/** We handle search results out here so we can show them in the sidebar */\nconst { query, results } = useSearchIndex(() =>\n  documents.filter(isOpenApiDocument),\n)\n\n/** We show either the search results or the sidebar items */\nconst items = computed(() => results.value ?? sidebarState.items.value)\n\n/** Select an item and clear the search query */\nconst handleSelectItem = (id: string) => {\n  emit('selectItem', id)\n  query.value = ''\n  isSearchVisible.value = false\n}\n</script>\n<template>\n  <Resize\n    v-model:width=\"sidebarWidth\"\n    class=\"flex flex-col\">\n    <template #default>\n      <ScalarSidebar\n        class=\"flex w-auto flex-1\"\n        :indent=\"20\"\n        :isDraggable=\"layout !== 'modal'\"\n        :isDroppable=\"isDroppable\"\n        :isExpanded=\"sidebarState.isExpanded\"\n        :isSelected=\"sidebarState.isSelected\"\n        :items\n        layout=\"client\"\n        :options=\"{ hideOperationDefaultExamples: layout === 'modal' }\"\n        @reorder=\"\n          (draggingItem, hoveredItem) =>\n            emit('reorder', draggingItem, hoveredItem)\n        \"\n        @selectItem=\"handleSelectItem\">\n        <template #header>\n          <!-- drag region (macos) -->\n          <div class=\"mac:h-12 mac:app-drag-region h-2\"></div>\n          <div\n            class=\"bg-sidebar-b-1 z-1 flex flex-col gap-1.5 px-3 pb-1.5\"\n            :class=\"{\n              'max-md:pt-12': layout === 'desktop',\n              'max-md:pt-2 max-md:pl-4!': layout === 'modal',\n              'pt-1 max-md:pt-2 max-md:pl-14': layout === 'web',\n            }\">\n            <div\n              v-if=\"layout !== 'web'\"\n              class=\"flex items-center justify-between\"\n              :class=\"{ 'max-md:pl-10': layout === 'desktop' }\">\n              <!-- Desktop gets the workspace menu here  -->\n              <SidebarMenu\n                v-if=\"layout !== 'modal'\"\n                :activeWorkspace=\"activeWorkspace\"\n                :workspaces=\"workspaces\"\n                @create:workspace=\"emit('create:workspace')\"\n                @navigate:to:settings=\"emit('navigate:to:settings')\"\n                @select:workspace=\"(id) => emit('select:workspace', id)\">\n                <template #sidebarMenuActions>\n                  <slot name=\"sidebarMenuActions\" />\n                </template>\n              </SidebarMenu>\n\n              <!-- Placeholder for the sidebar toggle in modal layout -->\n              <div v-else-if=\"layout === 'modal'\"></div>\n\n              <!-- Toggle search, always visible on web -->\n              <ScalarIconButton\n                class=\"hover:bg-b-2 active:text-c-1 size-8 rounded p-2\"\n                :icon=\"ScalarIconMagnifyingGlass\"\n                :label=\"translate('apiClient.sidebar.search')\"\n                size=\"sm\"\n                @click=\"isSearchVisible = !isSearchVisible\" />\n            </div>\n\n            <ScalarSidebarSearchInput\n              v-if=\"isSearchVisible || layout === 'web'\"\n              v-model=\"query\"\n              :autofocus=\"layout !== 'web'\" />\n          </div>\n        </template>\n\n        <template #spacer>\n          <div class=\"flex-1\"></div>\n        </template>\n\n        <template\n          v-if=\"slots.decorator\"\n          #decorator=\"decoratorProps\">\n          <slot\n            v-bind=\"decoratorProps\"\n            name=\"decorator\" />\n        </template>\n\n        <template #icon=\"iconProps\">\n          <template v-if=\"slots.icon || isDraft(iconProps.item)\">\n            <ScalarIconFileDashed v-if=\"isDraft(iconProps.item)\" />\n            <slot\n              v-bind=\"iconProps\"\n              name=\"icon\" />\n          </template>\n        </template>\n\n        <!-- Empty folder slot -->\n        <template\n          v-if=\"slots.empty\"\n          #empty=\"emptyProps\">\n          <slot\n            v-bind=\"emptyProps\"\n            name=\"empty\" />\n        </template>\n\n        <template #before>\n          <slot name=\"workspaceButton\" />\n        </template>\n\n        <template #footer>\n          <slot name=\"footer\" />\n        </template>\n      </ScalarSidebar>\n    </template>\n  </Resize>\n</template>\n"],"mappings":"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"}

package/dist/v2/components/sidebar/SidebarMenu.vue.script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SidebarMenu.vue.script.js","names":[],"sources":["../../../../src/v2/components/sidebar/SidebarMenu.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  ScalarMenu,\n  ScalarMenuLink,\n  ScalarMenuProducts,\n  ScalarMenuResources,\n  ScalarMenuSection,\n  ScalarMenuSupport,\n  ScalarMenuWorkspacePicker,\n  type WorkspaceGroup,\n} from '@scalar/components/menu'\nimport { ScalarIconGear } from '@scalar/icons'\n\nimport { useLocalization } from '@/v2/features/localization'\n\nconst { activeWorkspace, workspaces } = defineProps<{\n  /**\n   * The currently active workspace.\n   * This represents the workspace that the user is currently working in.\n   */\n  activeWorkspace: { id: string }\n  /**\n   * The list of all available workspaces.\n   * Used to render options for workspace switching and selection.\n   */\n  workspaces: WorkspaceGroup[]\n}>()\n\nconst emit = defineEmits<{\n  /** Emitted when the user wants to create a new workspace */\n  (e: 'create:workspace'): void\n  /** Emitted when the user selects a workspace */\n  (e: 'select:workspace', id?: string): void\n  /** Emitted when the user wants to open the settings */\n  (e: 'navigate:to:settings'): void\n}>()\n\nconst { translate } = useLocalization()\n\ndefineSlots<{\n  /** Slot for customizing the actions section of the sidebar menu. */\n  sidebarMenuActions?(): unknown\n}>()\n</script>\n<template>\n  <!-- Desktop app menu -->\n  <ScalarMenu>\n    <template #products>\n      <ScalarMenuProducts selected=\"client\" />\n    </template>\n    <template #sections=\"{ close }\">\n      <ScalarMenuSection>\n        <slot name=\"sidebarMenuActions\">\n          <ScalarMenuWorkspacePicker\n            :modelValue=\"activeWorkspace.id\"\n            :workspaceOptions=\"workspaces\"\n            @createWorkspace=\"emit('create:workspace')\"\n            @update:modelValue=\"(value) => emit('select:workspace', value)\" />\n          <ScalarMenuLink\n            is=\"button\"\n            :icon=\"ScalarIconGear\"\n            @click=\"\n              () => {\n                close()\n                emit('navigate:to:settings')\n              }\n            \">\n            {{ translate('apiClient.sidebarMenu.settings') }}\n          </ScalarMenuLink>\n        </slot>\n      </ScalarMenuSection>\n      <ScalarMenuResources />\n      <ScalarMenuSupport />\n    </template>\n  </ScalarMenu>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;EA4BA,MAAM,OAAO;EASb,MAAM,EAAE,cAAc,gBAAgB;;uBASpC,YA4Ba,MAAA,UAAA,GAAA,MAAA;IA3BA,UAAQ,cACuB,CAAxC,YAAwC,MAAA,kBAAA,GAAA,EAApB,UAAS,SAAQ,CAAA,CAAA,CAAA;IAE5B,UAAQ,SAoBG,EApBC,YAAK;KAC1B,YAmBoB,MAAA,iBAAA,GAAA,MAAA;6BADX,CAjBP,WAiBO,KAAA,QAAA,sBAAA,CAAA,SAAA,CAhBL,YAIoE,MAAA,yBAAA,GAAA;OAHjE,YAAY,QAAA,gBAAgB;OAC5B,kBAAkB,QAAA;OAClB,mBAAe,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,kBAAA;OACrB,uBAAiB,OAAA,OAAA,OAAA,MAAG,UAAU,KAAI,oBAAqB,KAAK;uDAC/D,YAUiB,MAAA,cAAA,GAAA;OATf,IAAG;OACF,MAAM,MAAA,cAAA;OACN,eAAA;QAA8C,MAAK;QAAmB,KAAI,sBAAA;;;8BAM1B,CAAA,gBAAA,gBAA9C,MAAA,SAAA,CAAS,CAAA,gCAAA,CAAA,GAAA,CAAA,CAAA,CAAA;;;;;KAIlB,YAAuB,MAAA,mBAAA,CAAA;KACvB,YAAqB,MAAA,iBAAA,CAAA"}

package/dist/v2/components/sidebar/SidebarToggle.vue.script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SidebarToggle.vue.script.js","names":[],"sources":["../../../../src/v2/components/sidebar/SidebarToggle.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useLocalization } from '@/v2/features/localization'\n\nconst { variant = 'default' } = defineProps<{\n  /**\n   * How the toggle is drawn.\n   *\n   * `default` is a flat button that sits inside a panel. `overlay` is the\n   * modal's treatment: the same flat button while the panel header has room\n   * for it, and a circular control on the dimmed backdrop once the viewport is\n   * narrow enough that the sidebar covers the panel, where it mirrors the\n   * close button in the opposite corner.\n   */\n  variant?: 'default' | 'overlay'\n}>()\n\nconst { translate } = useLocalization()\n\nconst isSidebarOpen = defineModel<boolean>({\n  required: true,\n})\n</script>\n<template>\n  <button\n    :aria-pressed=\"isSidebarOpen\"\n    class=\"scalar-sidebar-toggle\"\n    :class=\"\n      variant === 'overlay'\n        ? 'scalar-sidebar-toggle--overlay'\n        : 'text-c-3 hover:bg-b-2 active:text-c-1 rounded p-2'\n    \"\n    type=\"button\"\n    @click=\"isSidebarOpen = !isSidebarOpen\">\n    <span class=\"sr-only\">{{\n      isSidebarOpen\n        ? translate('apiClient.sidebarToggle.hide')\n        : translate('apiClient.sidebarToggle.show')\n    }}</span>\n    <svg\n      class=\"size-4\"\n      fill=\"none\"\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\">\n      <defs>\n        <clipPath id=\"mask\">\n          <path\n            clip-rule=\"evenodd\"\n            d=\"M9 3.2H4c-1.7 0-3 1.3-3 3v11.5c0 1.7 1.3 3 3 3h5V3.2z\" />\n        </clipPath>\n      </defs>\n      <g clip-path=\"url(#mask)\">\n        <path\n          class=\"transition-transform duration-300\"\n          :class=\"isSidebarOpen ? 'translate-x-0' : '-translate-x-1/2'\"\n          d=\"M1 3.2h8v17.5H1z\"\n          fill=\"currentColor\" />\n      </g>\n      <path\n        d=\"M20 20.8H4c-1.7 0-3-1.3-3-3V6.2c0-1.7 1.3-3 3-3h16c1.7 0 3 1.3 3 3v11.5c0 1.7-1.3 3-3 3zM9 3.2v17.5\"\n        stroke=\"currentColor\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        stroke-width=\"2\" />\n    </svg>\n  </button>\n</template>\n\n<style scoped>\n/**\n * The wide state is the default variant written out in plain CSS. Spelling it\n * out here rather than reusing the utility classes keeps the narrow state below\n * from having to outrank a utility of the same specificity.\n */\n.scalar-sidebar-toggle--overlay {\n  color: var(--scalar-color-3);\n  border-radius: var(--scalar-radius-md);\n  padding: 8px;\n}\n.scalar-sidebar-toggle--overlay:hover {\n  background: var(--scalar-background-2);\n}\n.scalar-sidebar-toggle--overlay:active {\n  color: var(--scalar-color-1);\n}\n\n/**\n * Below the `lg` breakpoint (1000px) the toggle moves onto the dimmed backdrop\n * and matches the close button in the opposite corner: white on a translucent\n * fill, in a 36px circle. The padding is literal rather than a utility class so\n * that circle matches that button even when this component is consumed from a\n * build that generates its own utilities.\n *\n * The breakpoint is where the address bar stops being able to centre itself.\n * The bar caps at 768px, so once the panel is narrower than roughly 870px the\n * bar's left edge slides under a toggle sitting inside the panel and clips the\n * method chip. `lg` clears that crossover with room to spare.\n */\n@media (width < 1000px) {\n  .scalar-sidebar-toggle--overlay {\n    color: white;\n    background: rgba(0, 0, 0, 0.1);\n    border-radius: var(--scalar-radius-full);\n    padding: 10px;\n  }\n  .scalar-sidebar-toggle--overlay:hover {\n    background: rgba(255, 255, 255, 0.1);\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;EAgBA,MAAM,EAAE,cAAc,gBAAgB;EAEtC,MAAM,gBAAgB,SAAoB,SAAA,YAEzC;;uBAGC,mBAyCS,UAAA;IAxCN,gBAAc,cAAA;IACf,OAAK,eAAA,CAAC,yBACS,QAAA,YAAO,YAAA,mCAAA,mDAAA,CAAA;IAKtB,MAAK;IACJ,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,cAAA,QAAa,CAAI,cAAA;OACzB,mBAIS,QAJT,YAIS,gBAHP,cAAA,QAAwB,MAAA,SAAA,CAAS,CAAA,8BAAA,IAA2C,MAAA,SAAA,CAAS,CAAA,8BAAA,CAAA,GAAA,CAAA,IAAA,UAAA,GAIvF,mBAyBM,OAzBN,YAyBM;8BApBJ,mBAMO,QAAA,MAAA,CALL,mBAIW,YAAA,EAJD,IAAG,OAAM,GAAA,CACjB,mBAE8D,QAAA;KAD5D,aAAU;KACV,GAAE;;IAGR,mBAMI,KANJ,YAMI,CALF,mBAIwB,QAAA;KAHtB,OAAK,eAAA,CAAC,qCACE,cAAA,QAAa,kBAAA,kBAAA,CAAA;KACrB,GAAE;KACF,MAAK;;8BAET,mBAKqB,QAAA;KAJnB,GAAE;KACF,QAAO;KACP,kBAAe;KACf,mBAAgB;KAChB,gBAAa"}

package/dist/v2/features/command-palette/components/CommandActionForm.vue.script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CommandActionForm.vue.script.js","names":[],"sources":["../../../../../src/v2/features/command-palette/components/CommandActionForm.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Command Action Form Component\n *\n * A reusable form wrapper for command palette actions.\n * Provides a consistent layout with a main content area, optional controls,\n * and a submit button. Prevents form submission when disabled.\n *\n * @example\n * <CommandActionForm\n *   :loader\n *   :disabled=\"isDisabled\"\n *   @submit=\"handleSubmit\"\n *   @cancel=\"handleCancel\"\n *   @back=\"handleBack\"\n * >\n *   <!-- Main content goes in default slot -->\n *   <CommandActionInput v-model=\"value\" />\n *\n *   <!-- Optional controls in options slot -->\n *   <template #options>\n *     <ScalarCheckbox v-model=\"option\" />\n *   </template>\n *\n *   <!-- Custom submit button text -->\n *   <template #submit>Create</template>\n * </CommandActionForm>\n */\nexport default {\n  name: 'CommandActionForm',\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { ScalarButton } from '@scalar/components/button'\nimport type { LoadingState } from '@scalar/components/loading'\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\n\nimport { useLocalization } from '@/v2/features/localization'\n\nconst { loader, disabled = false } = defineProps<{\n  /** Loading state from useLoadingState composable to show spinner on submit button */\n  loader?: LoadingState\n  /** Whether the form and submit button are disabled */\n  disabled?: boolean\n}>()\n\nconst emit = defineEmits<{\n  /** Emitted when the form is submitted (if not disabled) */\n  (event: 'submit'): void\n  /** Emitted when the action is cancelled */\n  (event: 'cancel'): void\n  /** Emitted when user presses back (e.g., Escape key) */\n  (event: 'back', e: KeyboardEvent): void\n}>()\n\nconst { translate } = useLocalization()\n\ndefineSlots<{\n  /** Main content area for form inputs */\n  default(): void\n  /** Optional controls displayed before the submit button (e.g., checkboxes, toggles, dropdowns) */\n  options(): void\n  /** Custom text or content for the submit button (defaults to \"Continue\") */\n  submit(): void\n}>()\n\nconst { cx } = useBindCx()\n\n/** Handle form submission, only emit if not disabled */\nconst handleSubmit = (): void => {\n  if (!disabled) {\n    emit('submit')\n  }\n}\n</script>\n\n<template>\n  <form\n    class=\"flex w-full flex-col gap-3\"\n    @keydown.enter.stop\n    @submit.prevent.stop=\"handleSubmit\">\n    <!-- Main content area with minimum height and rounded corners -->\n    <div v-bind=\"cx('relative flex min-h-20 flex-col rounded')\">\n      <slot />\n    </div>\n\n    <!-- Action bar with optional controls and submit button -->\n    <div class=\"flex gap-2\">\n      <!-- Optional controls slot (e.g., checkboxes, toggles) -->\n      <div class=\"flex max-h-8 flex-1\">\n        <slot name=\"options\" />\n      </div>\n\n      <!-- Submit button with customizable text -->\n      <ScalarButton\n        class=\"max-h-8 px-3 text-xs\"\n        :disabled=\"disabled\"\n        :loader\n        type=\"submit\">\n        <slot name=\"submit\">\n          {{ translate('apiClient.commandActionForm.continue') }}\n        </slot>\n      </ScalarButton>\n    </div>\n  </form>\n</template>\n"],"mappings":";;;;;;;;CA6BE,MAAM;;;;;;;;;;;;;;EAkBR,MAAM,OAAO;EASb,MAAM,EAAE,cAAc,gBAAgB;EAWtC,MAAM,EAAE,OAAO,UAAU;;EAGzB,MAAM,qBAA2B;GAC/B,IAAI,CAAC,QAAA,UACH,KAAK,QAAQ;EAEjB;;uBAIE,mBA2BO,QAAA;IA1BL,OAAM;IACL,WAAO,OAAA,OAAA,OAAA,KAAA,SAAA,oBAAR,CAAA,GAAmB,CAAA,MAAA,CAAA,GAAA,CAAA,OAAA,CAAA;IAClB,UAAM,cAAe,cAAY,CAAA,WAAA,MAAA,CAAA;OAElC,mBAEM,OAAA,eAAA,mBAFO,MAAA,EAAA,CAAE,CAAA,yCAAA,CAAA,CAAA,GAAA,CACb,WAAQ,KAAA,QAAA,SAAA,CAAA,GAAA,EAAA,GAIV,mBAgBM,OAhBN,YAgBM,CAdJ,mBAEM,OAFN,YAEM,CADJ,WAAuB,KAAA,QAAA,SAAA,CAAA,CAAA,GAIzB,YAQe,MAAA,YAAA,GAAA;IAPb,OAAM;IACL,UAAU,QAAA;IACV,QAAA,QAAA;IACD,MAAK;;2BAGE,CAFP,WAEO,KAAA,QAAA,UAAA,CAAA,SAAA,CAAA,gBAAA,gBADF,MAAA,SAAA,CAAS,CAAA,sCAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA"}

package/dist/v2/features/command-palette/components/CommandActionInput.vue.script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CommandActionInput.vue.script.js","names":["$attrs"],"sources":["../../../../../src/v2/features/command-palette/components/CommandActionInput.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Command Action Input Component\n *\n * A textarea input component for command palette actions.\n * Supports v-model binding, auto-focus, and special keyboard handling:\n * - Enter submits the parent form (unless Shift is held)\n * - Backspace emits delete event when input is empty (for navigation back)\n *\n * @example\n * <CommandActionInput\n *   v-model=\"inputValue\"\n *   placeholder=\"Enter name...\"\n *   :autofocus=\"true\"\n *   @delete=\"handleBack\"\n * />\n */\nexport default {\n  name: 'CommandActionInput',\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, nextTick, onMounted, ref } from 'vue'\n\nconst {\n  modelValue,\n  placeholder,\n  autofocus = true,\n} = defineProps<{\n  /** Current value of the input */\n  modelValue?: string\n  /** Placeholder text shown when input is empty */\n  placeholder?: string\n  /** Whether to automatically focus the input when mounted */\n  autofocus?: boolean\n}>()\n\nconst emit = defineEmits<{\n  /** Emitted when the input value changes (v-model support) */\n  (event: 'update:modelValue', value: string): void\n  /** Emitted when backspace is pressed on empty input for navigation back */\n  (event: 'delete', keyboardEvent: KeyboardEvent): void\n}>()\n\ndefineOptions({ inheritAttrs: false })\n\nconst input = ref<HTMLTextAreaElement | null>(null)\n\n/**\n * Two-way binding computed property for v-model support.\n * Ensures we always have a string value even if modelValue is undefined.\n */\nconst model = computed<string>({\n  get: () => modelValue ?? '',\n  set: (value) => emit('update:modelValue', value),\n})\n\n/**\n * Auto-focus the input after mounting if autofocus prop is true.\n * Uses nextTick to ensure the DOM is ready before focusing.\n */\nonMounted(() => {\n  nextTick(() => {\n    if (autofocus) {\n      input.value?.focus()\n    }\n  })\n})\n\n/**\n * Handles Enter key to submit the parent form.\n * Shift+Enter is ignored to allow multi-line input if needed.\n */\nconst handleEnter = (event: KeyboardEvent): void => {\n  if (event.shiftKey || !(event.target instanceof HTMLTextAreaElement)) {\n    return\n  }\n\n  event.preventDefault()\n\n  const target = event.target\n  const submitEvent = new Event('submit', { cancelable: true })\n  target.form?.dispatchEvent(submitEvent)\n}\n\n/**\n * Handles Backspace key when input is empty.\n * Emits delete event to allow parent to navigate back or undo the last action.\n */\nconst handleDelete = (event: KeyboardEvent): void => {\n  if (model.value !== '') {\n    return\n  }\n\n  event.preventDefault()\n  event.stopPropagation()\n  emit('delete', event)\n}\n</script>\n\n<template>\n  <textarea\n    id=\"command-action-input\"\n    ref=\"input\"\n    v-model=\"model\"\n    class=\"min-h-8 w-full flex-1 resize-none border border-transparent py-1.5 pl-8.5 text-sm outline-none focus:border-b-1\"\n    :placeholder=\"placeholder ?? ''\"\n    wrap=\"hard\"\n    v-bind=\"$attrs\"\n    @keydown.delete=\"handleDelete\"\n    @keydown.enter=\"handleEnter\" />\n</template>\n"],"mappings":";;;;CAkBE,MAAM;;;;;;;;;;;;EAoBR,MAAM,OAAO;EASb,MAAM,QAAQ,IAAgC,IAAI;;;;;EAMlD,MAAM,QAAQ,SAAiB;GAC7B,WAAW,QAAA,cAAc;GACzB,MAAM,UAAU,KAAK,qBAAqB,KAAK;EACjD,CAAC;;;;;EAMD,gBAAgB;GACd,eAAe;IACb,IAAI,QAAA,WACF,MAAM,OAAO,MAAM;GAEvB,CAAC;EACH,CAAC;;;;;EAMD,MAAM,eAAe,UAA+B;GAClD,IAAI,MAAM,YAAY,EAAE,MAAM,kBAAkB,sBAC9C;GAGF,MAAM,eAAe;GAErB,MAAM,SAAS,MAAM;GACrB,MAAM,cAAc,IAAI,MAAM,UAAU,EAAE,YAAY,KAAK,CAAC;GAC5D,OAAO,MAAM,cAAc,WAAW;EACxC;;;;;EAMA,MAAM,gBAAgB,UAA+B;GACnD,IAAI,MAAM,UAAU,IAClB;GAGF,MAAM,eAAe;GACrB,MAAM,gBAAgB;GACtB,KAAK,UAAU,KAAK;EACtB;;uCAIE,mBASiC,YATjC,WASiC;IAR/B,IAAG;aACC;IAAJ,KAAI;uEACU,QAAA;IACd,OAAM;IACL,aAAa,QAAA,eAAW;IACzB,MAAK;MACGA,KAAAA,QAAM,EACb,WAAO,CAAA,SAAS,cAAY,CAAA,QAAA,CAAA,GAAA,SACb,aAAW,CAAA,OAAA,CAAA,CAAA,EAAA,CAAA,GAAA,MAAA,IAAA,UAAA,IAAA,CAAA,CAAA,YANlB,MAAA,KAAK,CAAA,CAAA"}

package/dist/v2/features/environments/EnvironmentsList.vue.script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EnvironmentsList.vue.script.js","names":[],"sources":["../../../../src/v2/features/environments/EnvironmentsList.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarButton } from '@scalar/components/button'\nimport { useModal } from '@scalar/components/modal'\nimport { ScalarIconPlus } from '@scalar/icons'\nimport type {\n  CollectionType,\n  WorkspaceEventBus,\n} from '@scalar/workspace-store/events'\nimport type { XScalarEnvironments } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments'\nimport { ref } from 'vue'\n\nimport EnvironmentCreateModal from '@/v2/features/environments/components/EnvironmentCreateModal.vue'\nimport EnvironmentDeleteModal from '@/v2/features/environments/components/EnvironmentDeleteModal.vue'\nimport { useLocalization } from '@/v2/features/localization'\n\nimport EnvironmentComponent from './components/Environment.vue'\n\nconst { environments, eventBus, collectionType, activeEnvironment } =\n  defineProps<\n    {\n      /** List of environments, ensured to be non-nullable for safety */\n      environments: NonNullable<XScalarEnvironments['x-scalar-environments']>\n      /** Event bus to handle workspace-related events */\n      eventBus: WorkspaceEventBus\n      /** The currently active environment name */\n      activeEnvironment?: string\n    } & CollectionType\n  >()\n\nconst { translate } = useLocalization()\n\nconst createEnvironmentModalState = useModal()\nconst deleteEnvironmentModalState = useModal()\n\n/** Track the currently selected environment for editing or deleting */\nconst selectedEnvironmentName = ref<string | null>(null)\n\n/** Opens the delete modal */\nconst openDeleteModal = (name: string) => {\n  selectedEnvironmentName.value = name\n  deleteEnvironmentModalState.show()\n}\n\n/** Deletes the selected environment */\nconst deleteEnvironment = () => {\n  if (!selectedEnvironmentName.value) {\n    return\n  }\n  eventBus.emit('environment:delete:environment', {\n    environmentName: selectedEnvironmentName.value,\n    collectionType,\n  })\n}\n\n/** Opens the upsert modal, leave name empty for add */\nconst openUpsertModal = (name?: string) => {\n  selectedEnvironmentName.value = name ?? null\n  createEnvironmentModalState.show()\n}\n</script>\n\n<template>\n  <EnvironmentComponent\n    v-for=\"[environmentName, environment] in Object.entries(environments)\"\n    :key=\"environmentName\"\n    :collectionType=\"collectionType\"\n    :environment\n    :environmentName\n    :eventBus=\"eventBus\"\n    :isActive=\"activeEnvironment === environmentName\"\n    @delete=\"() => openDeleteModal(environmentName)\"\n    @edit=\"() => openUpsertModal(environmentName)\" />\n\n  <!-- Add Environment CTA -->\n  <div\n    class=\"text-c-3 flex h-full items-center justify-center rounded-lg border p-4\">\n    <ScalarButton\n      class=\"hover:bg-b-2 hover:text-c-1 flex items-center gap-2\"\n      size=\"xs\"\n      variant=\"ghost\"\n      @click=\"() => openUpsertModal()\">\n      <ScalarIconPlus />{{\n        translate('apiClient.environmentsList.addEnvironment')\n      }}\n    </ScalarButton>\n  </div>\n\n  <!-- Upsert Modal -->\n  <EnvironmentCreateModal\n    :collectionType=\"collectionType\"\n    :environments\n    :eventBus\n    :selectedEnvironmentName\n    :state=\"createEnvironmentModalState\" />\n\n  <!-- Delete Modal -->\n  <EnvironmentDeleteModal\n    :name=\"selectedEnvironmentName\"\n    :state=\"deleteEnvironmentModalState\"\n    @submit=\"deleteEnvironment\" />\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EA6BA,MAAM,EAAE,cAAc,gBAAgB;EAEtC,MAAM,8BAA8B,SAAS;EAC7C,MAAM,8BAA8B,SAAS;;EAG7C,MAAM,0BAA0B,IAAmB,IAAI;;EAGvD,MAAM,mBAAmB,SAAiB;GACxC,wBAAwB,QAAQ;GAChC,4BAA4B,KAAK;EACnC;;EAGA,MAAM,0BAA0B;GAC9B,IAAI,CAAC,wBAAwB,OAC3B;GAEF,QAAA,SAAS,KAAK,kCAAkC;IAC9C,iBAAiB,wBAAwB;IACzC,gBAAa,QAAA;GACf,CAAC;EACH;;EAGA,MAAM,mBAAmB,SAAkB;GACzC,wBAAwB,QAAQ,QAAQ;GACxC,4BAA4B,KAAK;EACnC;;;sBAIE,mBASmD,UAAA,MAAA,WARR,OAAO,QAAQ,QAAA,YAAY,IAAA,CAA5D,iBAAiB,iBAAW;yBADtC,YASmD,qBAAA;MAPhD,KAAK;MACL,gBAAgB,QAAA;MAChB;MACA;MACA,UAAU,QAAA;MACV,UAAU,QAAA,sBAAsB;MAChC,gBAAc,gBAAgB,eAAe;MAC7C,cAAY,gBAAgB,eAAe;;;;;;;;;;;IAG9C,mBAWM,OAXN,YAWM,CATJ,YAQe,MAAA,YAAA,GAAA;KAPb,OAAM;KACN,MAAK;KACL,SAAQ;KACP,SAAK,OAAA,OAAA,OAAA,WAAQ,gBAAe;;4BACX,CAAlB,YAAkB,MAAA,cAAA,CAAA,GAAA,gBAAA,gBAChB,MAAA,SAAA,CAAS,CAAA,2CAAA,CAAA,GAAA,CAAA,CAAA,CAAA;;;IAMf,YAKyC,gCAAA;KAJtC,gBAAgB,QAAA;KAChB,cAAA,QAAA;KACA,UAAA,QAAA;KACA,yBAAA,wBAAA;KACA,OAAO,MAAA,2BAAA;;;;;;;;IAGV,YAGgC,gCAAA;KAF7B,MAAM,wBAAA;KACN,OAAO,MAAA,2BAAA;KACP,UAAQ"}

package/dist/v2/features/environments/components/Environment.vue.script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Environment.vue.script.js","names":[],"sources":["../../../../../src/v2/features/environments/components/Environment.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ScalarIconButton } from '@scalar/components/icon-button'\nimport { ScalarIconNotePencil, ScalarIconTrash } from '@scalar/icons'\nimport type {\n  CollectionType,\n  WorkspaceEventBus,\n} from '@scalar/workspace-store/events'\nimport type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments'\n\nimport EnvironmentVariablesTable from '@/v2/features/environments/components/EnvironmentVariablesTable.vue'\nimport { useLocalization } from '@/v2/features/localization'\n\nconst {\n  environmentName,\n  environment,\n  eventBus,\n  collectionType,\n  isActive = false,\n} = defineProps<\n  {\n    environment: XScalarEnvironment\n    environmentName: string\n    eventBus: WorkspaceEventBus\n    isActive?: boolean\n  } & CollectionType\n>()\n\nconst emit = defineEmits<{\n  (e: 'edit'): void\n  (e: 'delete'): void\n}>()\n\nconst { translate } = useLocalization()\n</script>\n<template>\n  <div\n    class=\"group relative rounded-lg border transition-colors\"\n    :class=\"isActive ? 'border-c-accent bg-c-accent/5' : ''\">\n    <!-- Info -->\n    <div\n      class=\"flex justify-between rounded-t-lg px-1 py-1 text-sm\"\n      :class=\"isActive ? 'bg-c-accent/10' : 'bg-b-2'\">\n      <div class=\"flex items-center gap-1.5\">\n        <div class=\"flex h-6 w-6 items-center justify-center p-1\">\n          <span\n            class=\"h-2.5 w-2.5 rounded-full\"\n            :style=\"{ backgroundColor: environment.color }\"></span>\n        </div>\n        <span class=\"px-1 py-0.5 text-sm font-medium\">\n          {{ environmentName }}\n        </span>\n        <!-- Active badge -->\n        <span\n          v-if=\"isActive\"\n          class=\"bg-c-accent text-b-1 flex items-center gap-1 rounded px-1.5 py-0.5 text-xs font-medium\"\n          :title=\"\n            translate('apiClient.environment.thisIsTheActiveEnvironment')\n          \">\n          <span class=\"size-1.5 rounded-full bg-current\"></span\n          >{{ translate('apiClient.environment.active') }}</span\n        >\n      </div>\n\n      <!-- Actions -->\n      <div class=\"hidden flex-row items-center gap-1 group-hover:flex\">\n        <ScalarIconButton\n          :icon=\"ScalarIconNotePencil\"\n          :label=\"translate('apiClient.environment.editEnvironment')\"\n          size=\"sm\"\n          @click=\"emit('edit')\" />\n\n        <ScalarIconButton\n          :icon=\"ScalarIconTrash\"\n          :label=\"translate('apiClient.environment.deleteEnvironment')\"\n          size=\"sm\"\n          @click=\"emit('delete')\" />\n      </div>\n    </div>\n\n    <!-- Variables Table -->\n    <EnvironmentVariablesTable\n      :collectionType\n      :environment\n      :environmentName\n      :eventBus />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;EA2BA,MAAM,OAAO;EAKb,MAAM,EAAE,cAAc,gBAAgB;;uBAGpC,mBAkDM,OAAA,EAjDJ,OAAK,eAAA,CAAC,sDACE,QAAA,WAAQ,kCAAA,EAAA,CAAA,EAAA,GAAA,CAEhB,mBAsCM,OAAA,EArCJ,OAAK,eAAA,CAAC,uDACE,QAAA,WAAQ,mBAAA,QAAA,CAAA,EAAA,GAAA,CAChB,mBAmBM,OAnBN,YAmBM;IAlBJ,mBAIM,OAJN,YAIM,CAHJ,mBAEyD,QAAA;KADvD,OAAM;KACL,OAAK,eAAA,EAAA,iBAAqB,QAAA,YAAY,MAAK,CAAA;;IAEhD,mBAEO,QAFP,YAEO,gBADF,QAAA,eAAe,GAAA,CAAA;IAIZ,QAAA,YAAA,UAAA,GADR,mBAQC,QAAA;;KANC,OAAM;KACL,OAAoB,MAAA,SAAA,CAAS,CAAA,kDAAA;kCAG9B,mBACC,QAAA,EADK,OAAM,mCAAkC,GAAA,MAAA,EAAA,IAAA,gBAAA,gBAC1C,MAAA,SAAA,CAAS,CAAA,8BAAA,CAAA,GAAA,CAAA,CAAA,GAAA,GAAA,UAAA,KAAA,mBAAA,IAAA,IAAA;OAKjB,mBAYM,OAZN,YAYM,CAXJ,YAI0B,MAAA,gBAAA,GAAA;IAHvB,MAAM,MAAA,oBAAA;IACN,OAAO,MAAA,SAAA,CAAS,CAAA,uCAAA;IACjB,MAAK;IACJ,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,MAAA;mCAEd,YAI4B,MAAA,gBAAA,GAAA;IAHzB,MAAM,MAAA,eAAA;IACN,OAAO,MAAA,SAAA,CAAS,CAAA,yCAAA;IACjB,MAAK;IACJ,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,QAAA;0CAKlB,YAIc,mCAAA;IAHX,gBAAA,QAAA;IACA,aAAA,QAAA;IACA,iBAAA,QAAA;IACA,UAAA,QAAA"}

package/dist/v2/features/environments/components/EnvironmentColors.vue.script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EnvironmentColors.vue.script.js","names":[],"sources":["../../../../../src/v2/features/environments/components/EnvironmentColors.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIcon } from '@scalar/components/icon'\nimport { computed, nextTick, ref } from 'vue'\n\nconst { activeColor } = defineProps<{\n  activeColor: string\n}>()\n\nconst emit = defineEmits<{\n  (e: 'select', color: string): void\n}>()\n\nconst customColor = ref('')\nconst customColorInputRef = ref<HTMLInputElement | null>(null)\nconst showCustomInput = ref(false)\nconst showSelector = ref(false)\n\n/**\n * Predefined color options available in the color picker.\n * Each option provides a standard color choice for the environment.\n */\nconst colorOptions = [\n  '#FFFFFF',\n  '#EF0006',\n  '#EDBE20',\n  '#069061',\n  '#FB892C',\n  '#0082D0',\n  '#5203D1',\n  '#FFC0CB',\n] as const\n\n/** Default gradient shown when no custom color is selected. */\nconst DEFAULT_GRADIENT =\n  'linear-gradient(to right, rgb(235, 87, 87), rgb(242, 201, 76), rgb(76, 183, 130), rgb(78, 167, 252), rgb(250, 96, 122))'\n\n/** Check if the active color is one of the preset options. */\nconst isPresetColor = computed(() =>\n  colorOptions.some((color) => color === activeColor),\n)\n\n/** Check if a custom color is being used (not in the preset list). */\nconst isCustomColor = computed(\n  () => activeColor && !isPresetColor.value && !showCustomInput.value,\n)\n\n/** Check if the given color matches the currently active color. */\nconst isActiveColor = (color: string): boolean => activeColor === color\n\n/**\n * Style for the custom color button.\n * Shows the actual color if custom, otherwise shows a gradient.\n */\nconst customButtonStyle = computed(() => {\n  const displayColor = customColor.value || activeColor\n  return isCustomColor.value || customColor.value\n    ? `background-color: ${displayColor};`\n    : `background: ${DEFAULT_GRADIENT};`\n})\n\n/**\n * Toggle the custom color input visibility.\n * Focuses the input after it becomes visible.\n */\nconst toggleCustomInput = async () => {\n  showCustomInput.value = !showCustomInput.value\n  showSelector.value = false\n\n  if (!showCustomInput.value) {\n    return\n  }\n\n  await nextTick()\n  customColorInputRef.value?.focus()\n}\n\n/** Toggle the color selector visibility. */\nconst toggleSelector = (): void => {\n  showSelector.value = !showSelector.value\n}\n\n/**\n * Select a color and emit the selection event.\n * Ensures the color value has a # prefix for hex colors.\n */\nconst selectColor = (color: string): void => {\n  const formattedColor = color && !color.startsWith('#') ? `#${color}` : color\n  emit('select', formattedColor)\n  showSelector.value = false\n}\n\n/**\n * Handle custom color input changes.\n * Formats the color and emits the selection.\n */\nconst handleCustomColorInput = (): void => {\n  if (!customColor.value) {\n    return\n  }\n\n  const formattedColor = customColor.value.startsWith('#')\n    ? customColor.value\n    : `#${customColor.value}`\n\n  customColor.value = formattedColor\n  selectColor(formattedColor)\n}\n</script>\n<template>\n  <div>\n    <!-- Collapsed view: single color dot -->\n    <div\n      v-if=\"!showCustomInput && !showSelector\"\n      class=\"flex h-4 w-4 cursor-pointer items-center justify-center rounded-full\"\n      :style=\"{ backgroundColor: activeColor }\"\n      @click=\"toggleSelector\">\n      <ScalarIcon\n        v-if=\"activeColor\"\n        class=\"text-c-btn p-0.5\"\n        icon=\"Checkmark\"\n        size=\"xs\" />\n    </div>\n\n    <!-- Expanded view: color palette selector -->\n    <div\n      v-if=\"!showCustomInput && showSelector\"\n      class=\"color-selector flex h-4 flex-row items-center justify-between gap-1.5 space-x-1\">\n      <!-- Preset color options -->\n      <div\n        v-for=\"option in colorOptions\"\n        :key=\"option\"\n        class=\"flex h-4 w-4 cursor-pointer items-center justify-center rounded-full\"\n        :style=\"{ backgroundColor: option }\"\n        @click=\"selectColor(option)\">\n        <ScalarIcon\n          v-if=\"isActiveColor(option)\"\n          class=\"text-c-btn p-0.5\"\n          icon=\"Checkmark\"\n          size=\"xs\" />\n      </div>\n\n      <!-- Divider -->\n      <hr class=\"border-ghost h-5 w-0.5 border-l\" />\n\n      <!-- Custom color button -->\n      <button\n        class=\"z-10 flex h-4 w-4 cursor-pointer flex-row items-center justify-center gap-2 rounded-full\"\n        :style=\"customButtonStyle\"\n        type=\"button\"\n        @click=\"toggleCustomInput\">\n        <ScalarIcon\n          v-if=\"isCustomColor\"\n          class=\"text-c-btn\"\n          icon=\"Checkmark\"\n          size=\"xs\" />\n      </button>\n    </div>\n\n    <!-- Custom color input view -->\n    <div\n      v-if=\"showCustomInput\"\n      class=\"color-selector flex h-4 flex-1 items-center gap-2 rounded\">\n      <span class=\"absolute h-4 w-4 rounded-full border border-dashed\" />\n      <span\n        class=\"z-[1] h-4 w-4 rounded-full\"\n        :style=\"customButtonStyle\" />\n      <input\n        ref=\"customColorInputRef\"\n        v-model=\"customColor\"\n        class=\"w-full flex-1 border-transparent text-sm outline-none\"\n        :placeholder=\"activeColor || '#000000'\"\n        type=\"text\"\n        @input=\"handleCustomColorInput\" />\n      <button\n        class=\"text-c-3 hover:bg-b-2 rounded-lg p-1.5\"\n        type=\"button\"\n        @click=\"toggleCustomInput\">\n        <ScalarIcon\n          icon=\"Checkmark\"\n          size=\"xs\" />\n      </button>\n    </div>\n  </div>\n</template>\n"],"mappings":"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"}