@scalar/blocks 0.4.2 → 0.5.0

package/dist/schema/SchemaPropertyHeading.vue.d.ts

@@ -0,0 +1,59 @@
+import type { WorkspaceEventBus } from '@scalar/workspace-store/events';
+import type { SchemaObject } from '@scalar/workspace-store/schemas/v3.2/strict/openapi-document';
+import { type ModelLinkOptions } from './helpers/is-model-linkable';
+type __VLS_Props = {
+    value: SchemaObject | undefined;
+    enum?: boolean;
+    isDiscriminator?: boolean;
+    required?: boolean;
+    additional?: boolean;
+    withExamples?: boolean;
+    hideModelNames?: boolean;
+    /**
+     * Config for deciding whether a model name links to the models section. When the section or
+     * the referenced model is hidden there is nothing to scroll to, so the name renders as plain text.
+     */
+    modelLinkOptions?: ModelLinkOptions;
+    /** When the schema was resolved from a $ref, pass the ref name so it displays as e.g. "Data" instead of "object". */
+    modelName?: string | null;
+    /** Resolved propertyNames schema, used to surface key constraints like `format` for additional properties. */
+    propertyNames?: SchemaObject;
+    eventBus?: WorkspaceEventBus | null;
+    /**
+     * The row's name is a stand-in for keys the caller chooses
+     * (`additionalProperties`) or keys matching a regex (`patternProperties`),
+     * not a literal property. The heading says so in the signature line, where
+     * the tree already describes shapes, instead of styling the name itself.
+     */
+    keyKind?: 'additional' | 'pattern';
+    /**
+     * The name of the schema this row loops back to. A cut cycle is a leaf, so
+     * the signature line says why it does not expand; the model link beside it
+     * already names the schema the loop returns to.
+     */
+    recursiveTo?: string;
+};
+declare var __VLS_1: {}, __VLS_80: {}, __VLS_82: {};
+type __VLS_Slots = {} & {
+    name?: (props: typeof __VLS_1) => any;
+} & {
+    preview?: (props: typeof __VLS_80) => any;
+} & {
+    trailing?: (props: typeof __VLS_82) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    required: boolean;
+    eventBus: WorkspaceEventBus | null;
+    hideModelNames: boolean;
+    isDiscriminator: boolean;
+    withExamples: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=SchemaPropertyHeading.vue.d.ts.map

package/dist/schema/SchemaPropertyHeading.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SchemaPropertyHeading.vue.d.ts","sourceRoot":"","sources":["../../src/schema/SchemaPropertyHeading.vue"],"names":[],"mappings":"AA4qBA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAEvE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8DAA8D,CAAA;AAWhG,OAAO,EAEL,KAAK,gBAAgB,EACtB,MAAM,6BAA6B,CAAA;AASpC,KAAK,WAAW,GAAG;IACf,KAAK,EAAE,YAAY,GAAG,SAAS,CAAA;IAC/B,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAA;IACnC,qHAAqH;IACrH,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,8GAA8G;IAC9G,aAAa,CAAC,EAAE,YAAY,CAAA;IAC5B,QAAQ,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAA;IACnC;;;;;OAKG;IACH,OAAO,CAAC,EAAE,YAAY,GAAG,SAAS,CAAA;IAClC;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,CAAC;AAkvBJ,QAAA,IAAI,OAAO,IAAU,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AAClE,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GACzC;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAKjD,QAAA,MAAM,UAAU;cAtxBD,OAAO;cAaP,iBAAiB,GAAG,IAAI;oBAVlB,OAAO;qBAJN,OAAO;kBAGV,OAAO;6EAuxBxB,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/schema/SchemaPropertyHeading.vue.js

@@ -0,0 +1,9 @@
+import e from "../_virtual/_plugin-vue_export-helper.js";
+import t from "./SchemaPropertyHeading.vue.script.js";
+/* empty css                                    */
+//#region src/schema/SchemaPropertyHeading.vue
+var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-266fd7fb"]]);
+//#endregion
+export { n as default };
+
+//# sourceMappingURL=SchemaPropertyHeading.vue.js.map

package/dist/schema/SchemaPropertyHeading.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SchemaPropertyHeading.vue.js","names":[],"sources":["../../src/schema/SchemaPropertyHeading.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { isDefined } from '@scalar/helpers/array/is-defined'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { resolve } from '@scalar/workspace-store/resolve'\nimport type { SchemaObject } from '@scalar/workspace-store/schemas/v3.2/strict/openapi-document'\nimport {\n  isArraySchema,\n  isNumberSchema,\n  isStringSchema,\n} from '@scalar/workspace-store/schemas/v3.2/strict/type-guards'\nimport { computed, toRef } from 'vue'\n\nimport Badge from '../shared/Badge.vue'\nimport { getSchemaType } from './helpers/get-schema-type'\nimport { getDisplayTypeSignatureTokens } from './helpers/get-type-signature-tokens'\nimport {\n  isModelLinkable,\n  type ModelLinkOptions,\n} from './helpers/is-model-linkable'\nimport { getModelNameWithArray } from './helpers/schema-name'\nimport { useLocalization } from './localization'\nimport RenderString from './RenderString.vue'\nimport SchemaPropertyDefault from './SchemaPropertyDefault.vue'\nimport SchemaPropertyDetail from './SchemaPropertyDetail.vue'\nimport SchemaPropertyExamples from './SchemaPropertyExamples.vue'\nimport SchemaPropertyPattern from './SchemaPropertyPattern.vue'\n\nconst props = withDefaults(\n  defineProps<{\n    value: SchemaObject | undefined\n    enum?: boolean\n    isDiscriminator?: boolean\n    required?: boolean\n    additional?: boolean\n    withExamples?: boolean\n    hideModelNames?: boolean\n    /**\n     * Config for deciding whether a model name links to the models section. When the section or\n     * the referenced model is hidden there is nothing to scroll to, so the name renders as plain text.\n     */\n    modelLinkOptions?: ModelLinkOptions\n    /** When the schema was resolved from a $ref, pass the ref name so it displays as e.g. \"Data\" instead of \"object\". */\n    modelName?: string | null\n    /** Resolved propertyNames schema, used to surface key constraints like `format` for additional properties. */\n    propertyNames?: SchemaObject\n    eventBus?: WorkspaceEventBus | null\n    /**\n     * The row's name is a stand-in for keys the caller chooses\n     * (`additionalProperties`) or keys matching a regex (`patternProperties`),\n     * not a literal property. The heading says so in the signature line, where\n     * the tree already describes shapes, instead of styling the name itself.\n     */\n    keyKind?: 'additional' | 'pattern'\n    /**\n     * The name of the schema this row loops back to. A cut cycle is a leaf, so\n     * the signature line says why it does not expand; the model link beside it\n     * already names the schema the loop returns to.\n     */\n    recursiveTo?: string\n  }>(),\n  {\n    isDiscriminator: false,\n    required: false,\n    withExamples: true,\n    hideModelNames: false,\n    eventBus: null,\n  },\n)\nconst { translate } = useLocalization()\n\n// Convert to reactive refs for composables\nconst valueRef = toRef(props, 'value')\n\nconst constValue = computed(() => {\n  if (!valueRef.value) {\n    return undefined\n  }\n\n  const schema = valueRef.value\n\n  // Direct const value\n  if (schema.const !== undefined) {\n    return schema.const\n  }\n\n  // Single-item enum acts as const\n  if (schema.enum?.length === 1) {\n    return schema.enum[0]\n  }\n\n  // Check items for const values (for arrays)\n  if (isArraySchema(schema) && schema.items) {\n    const items = resolve.schema(schema.items)\n\n    if (isDefined(items.const)) {\n      return items.const\n    }\n\n    if (items.enum?.length === 1) {\n      return items.enum[0]\n    }\n  }\n\n  return undefined\n})\n\ntype ValidationProperty = {\n  key: string\n  value: string | number\n  prefix?: string\n  code?: boolean\n  truncate?: boolean\n}\n\n/**\n * Constraints that live on a leaf (string or number) schema: length, pattern,\n * format and numeric ranges. Extracted so they can be surfaced for a primitive\n * schema as well as for a primitive array's items, which are not rendered on\n * their own. See https://github.com/scalar/scalar/issues/9690\n */\nconst getLeafConstraints = (schema: SchemaObject) => {\n  const properties: ValidationProperty[] = []\n\n  if (isStringSchema(schema)) {\n    if (schema.minLength) {\n      properties.push({\n        key: 'min-length',\n        prefix: `${translate('schema.minLength')}: `,\n        value: schema.minLength,\n      })\n    }\n\n    if (schema.maxLength) {\n      properties.push({\n        key: 'max-length',\n        prefix: `${translate('schema.maxLength')}: `,\n        value: schema.maxLength,\n      })\n    }\n\n    // pattern is rendered via SchemaPropertyPattern (hover dropdown), skip here\n  }\n\n  if ((isStringSchema(schema) || isNumberSchema(schema)) && schema.format) {\n    properties.push({\n      key: 'format',\n      value: schema.format,\n      truncate: true,\n    })\n  }\n\n  if (isNumberSchema(schema)) {\n    if (isDefined(schema.exclusiveMinimum)) {\n      properties.push({\n        key: 'exclusive-minimum',\n        prefix: `${translate('schema.greaterThan')}: `,\n        value: schema.exclusiveMinimum,\n      })\n    }\n\n    if (isDefined(schema.minimum)) {\n      properties.push({\n        key: 'minimum',\n        prefix: `${translate('schema.min')}: `,\n        value: schema.minimum,\n      })\n    }\n\n    if (isDefined(schema.exclusiveMaximum)) {\n      properties.push({\n        key: 'exclusive-maximum',\n        prefix: `${translate('schema.lessThan')}: `,\n        value: schema.exclusiveMaximum,\n      })\n    }\n\n    if (isDefined(schema.maximum)) {\n      properties.push({\n        key: 'maximum',\n        prefix: `${translate('schema.max')}: `,\n        value: schema.maximum,\n      })\n    }\n\n    if (isDefined(schema.multipleOf)) {\n      properties.push({\n        key: 'multiple-of',\n        prefix: `${translate('schema.multipleOf')}: `,\n        value: schema.multipleOf,\n      })\n    }\n  }\n\n  return properties\n}\n\nconst validationProperties = computed(() => {\n  if (!valueRef.value) {\n    return []\n  }\n\n  const schema = valueRef.value\n  const properties: ValidationProperty[] = []\n\n  // Array validation properties\n  if (isArraySchema(schema)) {\n    if (schema.minItems || schema.maxItems) {\n      properties.push({\n        key: 'array-range',\n        value: `${schema.minItems || ''}…${schema.maxItems || ''}`,\n      })\n    }\n\n    // Unique items\n    if (schema.uniqueItems) {\n      properties.push({\n        key: 'unique-items',\n        value: `${translate('schema.unique')}!`,\n      })\n    }\n  }\n\n  properties.push(...getLeafConstraints(schema))\n\n  // Primitive array items carry their own constraints (e.g. an array of `uuid`\n  // strings) but are not rendered separately, so surface them here.\n  if (isArraySchema(schema) && schema.items) {\n    properties.push(...getLeafConstraints(resolve.schema(schema.items)))\n  }\n\n  return properties\n})\n\n/** Link data for navigating to the referenced model in the sidebar. */\nconst modelLink = computed(() => {\n  if (!props.value) {\n    return null\n  }\n\n  if (props.hideModelNames) {\n    return null\n  }\n\n  if (props.modelName) {\n    return { schemaKey: props.modelName, label: props.modelName }\n  }\n\n  return getModelNameWithArray(props.value)\n})\n\n/** Whether the model name links to the models section, or renders as plain text. */\nconst modelLinkable = computed(() =>\n  isModelLinkable(modelLink.value?.schemaKey, props.modelLinkOptions ?? {}),\n)\n\n/**\n * The type as a run of tokens rather than a single string — identifiers in\n * the code face, English words like `array of` in the sans face, and a muted\n * `|` so `string | null` reads as one type with an alternative.\n *\n * The token run and the screen-reader label are written straight into the\n * template instead of being their own components: the tree mounts one per\n * typed row, and a component instance costs more to create than the span it\n * renders. On a flat object the type cells would be most of the instance\n * count. The linked and the plain copy of the token markup below must stay\n * identical.\n */\nconst signatureTokens = computed(() =>\n  getDisplayTypeSignatureTokens(props.value, {\n    hideModelNames: props.hideModelNames,\n    modelName: modelLink.value?.label,\n  }),\n)\n\n/** Check if we should show the type information */\nconst shouldShowType = computed(() => {\n  if (!props.value || !('type' in props.value)) {\n    return false\n  }\n\n  // Always show type for arrays, even when items have const values\n  if (props.value.type === 'array') {\n    return true\n  }\n\n  // For non-arrays, only show if no const value at the schema level\n  return !constValue.value\n})\n\n/**\n * Type and format of the property keys, derived from the propertyNames schema.\n *\n * For a map keyed by UUIDs this renders e.g. \"string · uuid\" so the key\n * constraints are not lost. Returns undefined when there is nothing to show.\n */\nconst propertyNamesDetail = computed(() => {\n  const schema = props.propertyNames\n  if (!schema) {\n    return undefined\n  }\n\n  const parts = [getSchemaType(schema)]\n  if ('format' in schema && typeof schema.format === 'string') {\n    parts.push(schema.format)\n  }\n\n  const detail = parts.filter(Boolean).join(' · ')\n  return detail.length > 0 ? detail : undefined\n})\n\nconst exampleValue = computed(() => {\n  // Treat only `undefined` as \"not set\" — `null` is a valid example value on a nullable schema.\n  if (\n    props.value &&\n    'example' in props.value &&\n    props.value.example !== undefined\n  ) {\n    return props.value.example\n  }\n\n  if (props.value && isArraySchema(props.value)) {\n    const itemsSchema = resolve.schema(props.value.items)\n    if (\n      itemsSchema &&\n      'example' in itemsSchema &&\n      itemsSchema.example !== undefined\n    ) {\n      return itemsSchema.example\n    }\n  }\n\n  return undefined\n})\n\n/**\n * Whether the examples chip has anything to render.\n *\n * `SchemaPropertyExamples` already renders nothing without an example, but it\n * still mounts, and mounting is what installs its popup's window-level click\n * and keydown listeners. `withExamples` defaults to true, so without this gate\n * every property row on the page — including a plain `{ type: 'string' }` —\n * pays for a popup it never opens. Mirrors the component's own two branches.\n */\nconst hasExampleContent = computed((): boolean => {\n  if (exampleValue.value !== undefined) {\n    return true\n  }\n\n  const examples = props.value?.examples\n\n  return (\n    !!examples &&\n    typeof examples === 'object' &&\n    Object.keys(examples).length > 0\n  )\n})\n\n/**\n * The regex `pattern` to surface via the hover dropdown. It lives on a string\n * schema, or on the items of a primitive array (which is not rendered on its\n * own, so its constraints are surfaced on the array heading — see\n * https://github.com/scalar/scalar/issues/9690).\n */\nconst patternValue = computed(() => {\n  const schema = valueRef.value\n  if (!schema) {\n    return undefined\n  }\n\n  if (isStringSchema(schema) && schema.pattern) {\n    return schema.pattern\n  }\n\n  if (isArraySchema(schema) && schema.items) {\n    const items = resolve.schema(schema.items)\n    if (isStringSchema(items) && items.pattern) {\n      return items.pattern\n    }\n  }\n\n  return undefined\n})\n</script>\n<template>\n  <div\n    class=\"property-heading [&>.property-detail:has(+.property-detail)]:mr-0\">\n    <!-- `:has(+.property-detail)`: only a detail FOLLOWED BY another detail\n         drops its right margin, because the `·` separator supplies the gap\n         there. Not `:not(:last-of-type)`, which matches by element type: the\n         collapsed preview and the trailing copy-link are spans as well, so it\n         would strip the margin from the final detail and glue \"Addressrequired\"\n         together on a collapsed row. -->\n    <div\n      v-if=\"$slots.name\"\n      class=\"property-name\"\n      :class=\"{ deprecated: props.value?.deprecated }\">\n      <slot name=\"name\" />\n    </div>\n    <div\n      v-if=\"props.isDiscriminator\"\n      class=\"property-discriminator\">\n      {{ translate('schema.discriminator') }}\n    </div>\n    <template v-if=\"props.value\">\n      <!-- A map key reads `additionalProperty · string`: the keyword leads the\n           detail list in the accent colour, like a type word, so the name\n           above it can look like every other name. -->\n      <SchemaPropertyDetail\n        v-if=\"props.keyKind\"\n        class=\"property-key-kind\">\n        <span class=\"font-code text-c-accent\">{{\n          props.keyKind === 'pattern' ? 'patternProperty' : 'additionalProperty'\n        }}</span>\n      </SchemaPropertyDetail>\n      <!-- Type information -->\n      <SchemaPropertyDetail\n        v-if=\"shouldShowType\"\n        truncate>\n        <!-- The type is a token run (`array of Planet`) and a $ref link IS the\n             type, not an appended `· Account` -->\n        <!-- Written across lines on purpose: Vue drops whitespace-only text\n             between two elements, so a single-line label would read\n             `Type:string`. -->\n        <span class=\"screenreader-only\"> {{ translate('schema.type') }}: </span>\n        <button\n          v-if=\"props.eventBus && modelLink?.schemaKey && modelLinkable\"\n          class=\"text-c-2 hover:text-c-1 underline\"\n          type=\"button\"\n          @click=\"\n            props.eventBus.emit('scroll-to:model-by-name', {\n              name: modelLink.schemaKey,\n            })\n          \">\n          <span\n            v-if=\"signatureTokens.length\"\n            class=\"property-type-signature text-c-2 text-(length:--scalar-mini)\">\n            <template\n              v-for=\"(token, index) in signatureTokens\"\n              :key=\"index\">\n              {{ index > 0 ? ' ' : ''\n              }}<span\n                class=\"property-type-token\"\n                :class=\"[\n                  `property-type-token--${token.kind}`,\n                  token.kind === 'word' ? 'font-sans' : '',\n                  token.kind === 'ident' || token.kind === 'literal'\n                    ? 'font-code'\n                    : '',\n                  token.kind === 'punctuation' ? 'text-c-2' : '',\n                ]\"\n                >{{ token.text }}</span\n              >\n            </template>\n          </span>\n        </button>\n        <span\n          v-else-if=\"signatureTokens.length\"\n          class=\"property-type-signature text-c-2 text-(length:--scalar-mini)\">\n          <template\n            v-for=\"(token, index) in signatureTokens\"\n            :key=\"index\">\n            {{ index > 0 ? ' ' : ''\n            }}<span\n              class=\"property-type-token\"\n              :class=\"[\n                `property-type-token--${token.kind}`,\n                token.kind === 'word' ? 'font-sans' : '',\n                token.kind === 'ident' || token.kind === 'literal'\n                  ? 'font-code'\n                  : '',\n                token.kind === 'punctuation' ? 'text-c-2' : '',\n              ]\"\n              >{{ token.text }}</span\n            >\n          </template>\n        </span>\n      </SchemaPropertyDetail>\n\n      <!-- A cycle reads `array of Satellite · recursive`, a modifier like\n           `nullable`; the full sentence rides the tooltip. -->\n      <SchemaPropertyDetail\n        v-if=\"props.recursiveTo\"\n        class=\"property-recursive\"\n        :title=\"\n          translate('schema.recursiveReference', { name: props.recursiveTo })\n        \">\n        {{ translate('schema.recursive') }}\n      </SchemaPropertyDetail>\n\n      <!-- Key constraints from propertyNames (e.g. \"keys: string · uuid\") -->\n      <SchemaPropertyDetail\n        v-if=\"propertyNamesDetail\"\n        truncate>\n        <template #prefix>{{ translate('schema.keys') }}:</template>\n        {{ propertyNamesDetail }}\n      </SchemaPropertyDetail>\n\n      <!-- Dynamic validation properties from composable -->\n      <SchemaPropertyDetail\n        v-for=\"property in validationProperties\"\n        :key=\"property.key\"\n        :code=\"property.code\"\n        :truncate=\"property.truncate\">\n        <span\n          v-if=\"property.key === 'format'\"\n          class=\"screenreader-only\">\n          {{ translate('schema.format') }}:\n        </span>\n        <template\n          v-if=\"property.prefix\"\n          #prefix>\n          {{ property.prefix }}\n        </template>\n        {{ property.value }}\n      </SchemaPropertyDetail>\n\n      <!-- Enum indicator -->\n      <SchemaPropertyDetail v-if=\"props.enum\">\n        {{ translate('schema.enum') }}\n      </SchemaPropertyDetail>\n    </template>\n    <div\n      v-if=\"props.additional\"\n      class=\"property-additional\">\n      <template v-if=\"props.value?.['x-additionalPropertiesName']\">\n        {{ props.value['x-additionalPropertiesName'] }}\n      </template>\n      <template v-else>{{ translate('schema.additionalProperties') }}</template>\n    </div>\n    <div\n      v-if=\"props.value?.deprecated\"\n      class=\"property-deprecated\">\n      <Badge>{{ translate('schema.deprecated') }}</Badge>\n    </div>\n    <!-- Don't use `isDefined` here, we want to show `const` when the value is `null` -->\n    <div\n      v-if=\"constValue !== undefined\"\n      class=\"property-const\">\n      <SchemaPropertyDetail truncate>\n        <template #prefix>{{ translate('schema.const') }}: </template>\n        <RenderString :value=\"constValue\" />\n      </SchemaPropertyDetail>\n    </div>\n    <template v-else>\n      <!-- Shows only when a composition is used (so props.value?.type is undefined) -->\n      <SchemaPropertyDetail v-if=\"(props.value as any)?.nullable === true\">\n        {{ translate('schema.nullable') }}\n      </SchemaPropertyDetail>\n    </template>\n    <div\n      v-if=\"props.value?.writeOnly\"\n      class=\"property-write-only\">\n      {{ translate('schema.writeOnly') }}\n    </div>\n    <div\n      v-else-if=\"props.value?.readOnly\"\n      class=\"property-read-only\">\n      {{ translate('schema.readOnly') }}\n    </div>\n    <div\n      v-if=\"props.required\"\n      class=\"property-required\">\n      {{ translate('schema.required') }}\n    </div>\n    <!-- Gated here, not only inside the component: each popup instance installs\n         window-level click and keydown listeners for its dismissal, so mounting\n         one per row costs the page a listener per row it never shows anything\n         for. Same reason `SchemaPropertyPattern` below is gated. -->\n    <SchemaPropertyDefault\n      v-if=\"props.value?.default !== undefined\"\n      :value=\"props.value?.default\" />\n    <!--\n      Pattern is a hover dropdown chip like Examples, not an inline constraint,\n      so it sits beside the example. This keeps the real constraints (length,\n      nullable, …) together in the dotted list. See #9966.\n    -->\n    <SchemaPropertyPattern\n      v-if=\"patternValue\"\n      :pattern=\"patternValue\" />\n    <SchemaPropertyExamples\n      v-if=\"props.withExamples && hasExampleContent\"\n      :example=\"exampleValue\"\n      :examples=\"props.value?.examples\" />\n    <!-- The collapsed preview rides the end of the heading line -->\n    <slot name=\"preview\" />\n    <!-- Last so the tab order matches the visual order: the trailing copy-link\n         is painted at the row's right edge, after every control to its left -->\n    <slot name=\"trailing\" />\n  </div>\n</template>\n<style scoped>\n.property-heading {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: baseline;\n  row-gap: 9px;\n  white-space: nowrap;\n}\n\n.property-heading:has(+ .children),\n.property-heading:has(+ .property-rule) {\n  margin-bottom: 9px;\n}\n\n.property-heading > * {\n  margin-right: 9px;\n}\n\n.property-heading:last-child {\n  margin-right: 0;\n}\n\n.property-name {\n  max-width: 100%;\n  font-family: var(--scalar-font-code);\n  font-weight: var(--scalar-bold);\n  font-size: var(--scalar-font-size-4);\n  white-space: normal;\n  overflow-wrap: break-word;\n}\n\n.property-additional {\n  font-family: var(--scalar-font-code);\n}\n\n.property-required,\n.property-optional {\n  color: var(--scalar-color-2);\n}\n\n.property-required {\n  font-size: var(--scalar-mini);\n  color: var(--scalar-color-orange);\n}\n/*\n * Light-mode oranges are too bright on a light page for 13px text (the default\n * #ff5800 is 3.16:1), so blend the theme orange toward the text colour to reach\n * WCAG 1.4.3 (4.5:1) while keeping the hue and letting custom themes flow\n * through. Dark mode already passes (8.37:1) and keeps the plain token.\n */\n.light-mode .property-required {\n  color: color-mix(\n    in srgb,\n    var(--scalar-color-orange),\n    var(--scalar-color-1) 32%\n  );\n}\n\n.property-read-only {\n  font-size: var(--scalar-mini);\n  color: var(--scalar-color-blue);\n}\n\n.property-write-only {\n  font-size: var(--scalar-mini);\n  color: var(--scalar-color-green);\n}\n\n.property-discriminator {\n  font-size: var(--scalar-mini);\n  color: var(--scalar-color-purple);\n}\n\n.property-detail {\n  font-size: var(--scalar-mini);\n  color: var(--scalar-color-2);\n  display: flex;\n  align-items: center;\n\n  min-width: 0;\n}\n\n.property-const {\n  color: var(--scalar-color-1);\n}\n\n.deprecated {\n  text-decoration: line-through;\n}\n</style>\n"],"mappings":""}

package/dist/schema/SchemaPropertyHeading.vue.script.js

@@ -0,0 +1,270 @@
+import { useLocalization as e } from "./localization/index.js";
+import { getSchemaType as t } from "./helpers/get-schema-type.js";
+import { getModelNameWithArray as n } from "./helpers/schema-name.js";
+import { getDisplayTypeSignatureTokens as r } from "./helpers/get-type-signature-tokens.js";
+import i from "../shared/Badge.vue.js";
+import { isModelLinkable as ee } from "./helpers/is-model-linkable.js";
+import te from "./RenderString.vue.js";
+import a from "./SchemaPropertyDefault.vue.js";
+import o from "./SchemaPropertyDetail.vue.js";
+import s from "./SchemaPropertyExamples.vue.js";
+import c from "./SchemaPropertyPattern.vue.js";
+import { Fragment as l, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createSlots as h, createTextVNode as g, createVNode as _, defineComponent as v, normalizeClass as y, openBlock as b, renderList as x, renderSlot as S, toDisplayString as C, toRef as w, unref as T, withCtx as E } from "vue";
+import { resolve as D } from "@scalar/workspace-store/resolve";
+import { isDefined as O } from "@scalar/helpers/array/is-defined";
+import { isArraySchema as k, isNumberSchema as A, isStringSchema as j } from "@scalar/workspace-store/schemas/v3.2/strict/type-guards";
+//#region src/schema/SchemaPropertyHeading.vue?vue&type=script&setup=true&lang.ts
+var ne = { class: "property-heading [&>.property-detail:has(+.property-detail)]:mr-0" }, re = {
+	key: 1,
+	class: "property-discriminator"
+}, ie = { class: "font-code text-c-accent" }, M = { class: "screenreader-only" }, N = {
+	key: 0,
+	class: "property-type-signature text-c-2 text-(length:--scalar-mini)"
+}, P = {
+	key: 1,
+	class: "property-type-signature text-c-2 text-(length:--scalar-mini)"
+}, F = {
+	key: 0,
+	class: "screenreader-only"
+}, I = {
+	key: 3,
+	class: "property-additional"
+}, L = {
+	key: 4,
+	class: "property-deprecated"
+}, R = {
+	key: 5,
+	class: "property-const"
+}, z = {
+	key: 7,
+	class: "property-write-only"
+}, B = {
+	key: 8,
+	class: "property-read-only"
+}, V = {
+	key: 9,
+	class: "property-required"
+}, H = /*@__PURE__*/ v({
+	__name: "SchemaPropertyHeading",
+	props: {
+		value: {},
+		enum: { type: Boolean },
+		isDiscriminator: {
+			type: Boolean,
+			default: !1
+		},
+		required: {
+			type: Boolean,
+			default: !1
+		},
+		additional: { type: Boolean },
+		withExamples: {
+			type: Boolean,
+			default: !0
+		},
+		hideModelNames: {
+			type: Boolean,
+			default: !1
+		},
+		modelLinkOptions: {},
+		modelName: {},
+		propertyNames: {},
+		eventBus: { default: null },
+		keyKind: {},
+		recursiveTo: {}
+	},
+	setup(v) {
+		let H = v, { translate: U } = e(), W = w(H, "value"), G = u(() => {
+			if (!W.value) return;
+			let e = W.value;
+			if (e.const !== void 0) return e.const;
+			if (e.enum?.length === 1) return e.enum[0];
+			if (k(e) && e.items) {
+				let t = D.schema(e.items);
+				if (O(t.const)) return t.const;
+				if (t.enum?.length === 1) return t.enum[0];
+			}
+		}), K = (e) => {
+			let t = [];
+			return j(e) && (e.minLength && t.push({
+				key: "min-length",
+				prefix: `${U("schema.minLength")}: `,
+				value: e.minLength
+			}), e.maxLength && t.push({
+				key: "max-length",
+				prefix: `${U("schema.maxLength")}: `,
+				value: e.maxLength
+			})), (j(e) || A(e)) && e.format && t.push({
+				key: "format",
+				value: e.format,
+				truncate: !0
+			}), A(e) && (O(e.exclusiveMinimum) && t.push({
+				key: "exclusive-minimum",
+				prefix: `${U("schema.greaterThan")}: `,
+				value: e.exclusiveMinimum
+			}), O(e.minimum) && t.push({
+				key: "minimum",
+				prefix: `${U("schema.min")}: `,
+				value: e.minimum
+			}), O(e.exclusiveMaximum) && t.push({
+				key: "exclusive-maximum",
+				prefix: `${U("schema.lessThan")}: `,
+				value: e.exclusiveMaximum
+			}), O(e.maximum) && t.push({
+				key: "maximum",
+				prefix: `${U("schema.max")}: `,
+				value: e.maximum
+			}), O(e.multipleOf) && t.push({
+				key: "multiple-of",
+				prefix: `${U("schema.multipleOf")}: `,
+				value: e.multipleOf
+			})), t;
+		}, q = u(() => {
+			if (!W.value) return [];
+			let e = W.value, t = [];
+			return k(e) && ((e.minItems || e.maxItems) && t.push({
+				key: "array-range",
+				value: `${e.minItems || ""}…${e.maxItems || ""}`
+			}), e.uniqueItems && t.push({
+				key: "unique-items",
+				value: `${U("schema.unique")}!`
+			})), t.push(...K(e)), k(e) && e.items && t.push(...K(D.schema(e.items))), t;
+		}), J = u(() => !H.value || H.hideModelNames ? null : H.modelName ? {
+			schemaKey: H.modelName,
+			label: H.modelName
+		} : n(H.value)), Y = u(() => ee(J.value?.schemaKey, H.modelLinkOptions ?? {})), X = u(() => r(H.value, {
+			hideModelNames: H.hideModelNames,
+			modelName: J.value?.label
+		})), ae = u(() => !H.value || !("type" in H.value) ? !1 : H.value.type === "array" || !G.value), Z = u(() => {
+			let e = H.propertyNames;
+			if (!e) return;
+			let n = [t(e)];
+			"format" in e && typeof e.format == "string" && n.push(e.format);
+			let r = n.filter(Boolean).join(" · ");
+			return r.length > 0 ? r : void 0;
+		}), Q = u(() => {
+			if (H.value && "example" in H.value && H.value.example !== void 0) return H.value.example;
+			if (H.value && k(H.value)) {
+				let e = D.schema(H.value.items);
+				if (e && "example" in e && e.example !== void 0) return e.example;
+			}
+		}), oe = u(() => {
+			if (Q.value !== void 0) return !0;
+			let e = H.value?.examples;
+			return !!e && typeof e == "object" && Object.keys(e).length > 0;
+		}), $ = u(() => {
+			let e = W.value;
+			if (e) {
+				if (j(e) && e.pattern) return e.pattern;
+				if (k(e) && e.items) {
+					let t = D.schema(e.items);
+					if (j(t) && t.pattern) return t.pattern;
+				}
+			}
+		});
+		return (e, t) => (b(), p("div", ne, [
+			e.$slots.name ? (b(), p("div", {
+				key: 0,
+				class: y(["property-name", { deprecated: H.value?.deprecated }])
+			}, [S(e.$slots, "name", {}, void 0, !0)], 2)) : f("", !0),
+			H.isDiscriminator ? (b(), p("div", re, C(T(U)("schema.discriminator")), 1)) : f("", !0),
+			H.value ? (b(), p(l, { key: 2 }, [
+				H.keyKind ? (b(), d(o, {
+					key: 0,
+					class: "property-key-kind"
+				}, {
+					default: E(() => [m("span", ie, C(H.keyKind === "pattern" ? "patternProperty" : "additionalProperty"), 1)]),
+					_: 1
+				})) : f("", !0),
+				ae.value ? (b(), d(o, {
+					key: 1,
+					truncate: ""
+				}, {
+					default: E(() => [m("span", M, C(T(U)("schema.type")) + ": ", 1), H.eventBus && J.value?.schemaKey && Y.value ? (b(), p("button", {
+						key: 0,
+						class: "text-c-2 hover:text-c-1 underline",
+						type: "button",
+						onClick: t[0] ||= (e) => H.eventBus.emit("scroll-to:model-by-name", { name: J.value.schemaKey })
+					}, [X.value.length ? (b(), p("span", N, [(b(!0), p(l, null, x(X.value, (e, t) => (b(), p(l, { key: t }, [g(C(t > 0 ? " " : ""), 1), m("span", { class: y(["property-type-token", [
+						`property-type-token--${e.kind}`,
+						e.kind === "word" ? "font-sans" : "",
+						e.kind === "ident" || e.kind === "literal" ? "font-code" : "",
+						e.kind === "punctuation" ? "text-c-2" : ""
+					]]) }, C(e.text), 3)], 64))), 128))])) : f("", !0)])) : X.value.length ? (b(), p("span", P, [(b(!0), p(l, null, x(X.value, (e, t) => (b(), p(l, { key: t }, [g(C(t > 0 ? " " : ""), 1), m("span", { class: y(["property-type-token", [
+						`property-type-token--${e.kind}`,
+						e.kind === "word" ? "font-sans" : "",
+						e.kind === "ident" || e.kind === "literal" ? "font-code" : "",
+						e.kind === "punctuation" ? "text-c-2" : ""
+					]]) }, C(e.text), 3)], 64))), 128))])) : f("", !0)]),
+					_: 1
+				})) : f("", !0),
+				H.recursiveTo ? (b(), d(o, {
+					key: 2,
+					class: "property-recursive",
+					title: T(U)("schema.recursiveReference", { name: H.recursiveTo })
+				}, {
+					default: E(() => [g(C(T(U)("schema.recursive")), 1)]),
+					_: 1
+				}, 8, ["title"])) : f("", !0),
+				Z.value ? (b(), d(o, {
+					key: 3,
+					truncate: ""
+				}, {
+					prefix: E(() => [g(C(T(U)("schema.keys")) + ":", 1)]),
+					default: E(() => [g(" " + C(Z.value), 1)]),
+					_: 1
+				})) : f("", !0),
+				(b(!0), p(l, null, x(q.value, (e) => (b(), d(o, {
+					key: e.key,
+					code: e.code,
+					truncate: e.truncate
+				}, h({
+					default: E(() => [e.key === "format" ? (b(), p("span", F, C(T(U)("schema.format")) + ": ", 1)) : f("", !0), g(" " + C(e.value), 1)]),
+					_: 2
+				}, [e.prefix ? {
+					name: "prefix",
+					fn: E(() => [g(C(e.prefix), 1)]),
+					key: "0"
+				} : void 0]), 1032, ["code", "truncate"]))), 128)),
+				H.enum ? (b(), d(o, { key: 4 }, {
+					default: E(() => [g(C(T(U)("schema.enum")), 1)]),
+					_: 1
+				})) : f("", !0)
+			], 64)) : f("", !0),
+			H.additional ? (b(), p("div", I, [H.value?.["x-additionalPropertiesName"] ? (b(), p(l, { key: 0 }, [g(C(H.value["x-additionalPropertiesName"]), 1)], 64)) : (b(), p(l, { key: 1 }, [g(C(T(U)("schema.additionalProperties")), 1)], 64))])) : f("", !0),
+			H.value?.deprecated ? (b(), p("div", L, [_(i, null, {
+				default: E(() => [g(C(T(U)("schema.deprecated")), 1)]),
+				_: 1
+			})])) : f("", !0),
+			G.value === void 0 ? (b(), p(l, { key: 6 }, [H.value?.nullable === !0 ? (b(), d(o, { key: 0 }, {
+				default: E(() => [g(C(T(U)("schema.nullable")), 1)]),
+				_: 1
+			})) : f("", !0)], 64)) : (b(), p("div", R, [_(o, { truncate: "" }, {
+				prefix: E(() => [g(C(T(U)("schema.const")) + ": ", 1)]),
+				default: E(() => [_(te, { value: G.value }, null, 8, ["value"])]),
+				_: 1
+			})])),
+			H.value?.writeOnly ? (b(), p("div", z, C(T(U)("schema.writeOnly")), 1)) : H.value?.readOnly ? (b(), p("div", B, C(T(U)("schema.readOnly")), 1)) : f("", !0),
+			H.required ? (b(), p("div", V, C(T(U)("schema.required")), 1)) : f("", !0),
+			H.value?.default === void 0 ? f("", !0) : (b(), d(a, {
+				key: 10,
+				value: H.value?.default
+			}, null, 8, ["value"])),
+			$.value ? (b(), d(c, {
+				key: 11,
+				pattern: $.value
+			}, null, 8, ["pattern"])) : f("", !0),
+			H.withExamples && oe.value ? (b(), d(s, {
+				key: 12,
+				example: Q.value,
+				examples: H.value?.examples
+			}, null, 8, ["example", "examples"])) : f("", !0),
+			S(e.$slots, "preview", {}, void 0, !0),
+			S(e.$slots, "trailing", {}, void 0, !0)
+		]));
+	}
+});
+//#endregion
+export { H as default };
+
+//# sourceMappingURL=SchemaPropertyHeading.vue.script.js.map

package/dist/schema/SchemaPropertyHeading.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SchemaPropertyHeading.vue.script.js","names":["$slots"],"sources":["../../src/schema/SchemaPropertyHeading.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { isDefined } from '@scalar/helpers/array/is-defined'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { resolve } from '@scalar/workspace-store/resolve'\nimport type { SchemaObject } from '@scalar/workspace-store/schemas/v3.2/strict/openapi-document'\nimport {\n  isArraySchema,\n  isNumberSchema,\n  isStringSchema,\n} from '@scalar/workspace-store/schemas/v3.2/strict/type-guards'\nimport { computed, toRef } from 'vue'\n\nimport Badge from '../shared/Badge.vue'\nimport { getSchemaType } from './helpers/get-schema-type'\nimport { getDisplayTypeSignatureTokens } from './helpers/get-type-signature-tokens'\nimport {\n  isModelLinkable,\n  type ModelLinkOptions,\n} from './helpers/is-model-linkable'\nimport { getModelNameWithArray } from './helpers/schema-name'\nimport { useLocalization } from './localization'\nimport RenderString from './RenderString.vue'\nimport SchemaPropertyDefault from './SchemaPropertyDefault.vue'\nimport SchemaPropertyDetail from './SchemaPropertyDetail.vue'\nimport SchemaPropertyExamples from './SchemaPropertyExamples.vue'\nimport SchemaPropertyPattern from './SchemaPropertyPattern.vue'\n\nconst props = withDefaults(\n  defineProps<{\n    value: SchemaObject | undefined\n    enum?: boolean\n    isDiscriminator?: boolean\n    required?: boolean\n    additional?: boolean\n    withExamples?: boolean\n    hideModelNames?: boolean\n    /**\n     * Config for deciding whether a model name links to the models section. When the section or\n     * the referenced model is hidden there is nothing to scroll to, so the name renders as plain text.\n     */\n    modelLinkOptions?: ModelLinkOptions\n    /** When the schema was resolved from a $ref, pass the ref name so it displays as e.g. \"Data\" instead of \"object\". */\n    modelName?: string | null\n    /** Resolved propertyNames schema, used to surface key constraints like `format` for additional properties. */\n    propertyNames?: SchemaObject\n    eventBus?: WorkspaceEventBus | null\n    /**\n     * The row's name is a stand-in for keys the caller chooses\n     * (`additionalProperties`) or keys matching a regex (`patternProperties`),\n     * not a literal property. The heading says so in the signature line, where\n     * the tree already describes shapes, instead of styling the name itself.\n     */\n    keyKind?: 'additional' | 'pattern'\n    /**\n     * The name of the schema this row loops back to. A cut cycle is a leaf, so\n     * the signature line says why it does not expand; the model link beside it\n     * already names the schema the loop returns to.\n     */\n    recursiveTo?: string\n  }>(),\n  {\n    isDiscriminator: false,\n    required: false,\n    withExamples: true,\n    hideModelNames: false,\n    eventBus: null,\n  },\n)\nconst { translate } = useLocalization()\n\n// Convert to reactive refs for composables\nconst valueRef = toRef(props, 'value')\n\nconst constValue = computed(() => {\n  if (!valueRef.value) {\n    return undefined\n  }\n\n  const schema = valueRef.value\n\n  // Direct const value\n  if (schema.const !== undefined) {\n    return schema.const\n  }\n\n  // Single-item enum acts as const\n  if (schema.enum?.length === 1) {\n    return schema.enum[0]\n  }\n\n  // Check items for const values (for arrays)\n  if (isArraySchema(schema) && schema.items) {\n    const items = resolve.schema(schema.items)\n\n    if (isDefined(items.const)) {\n      return items.const\n    }\n\n    if (items.enum?.length === 1) {\n      return items.enum[0]\n    }\n  }\n\n  return undefined\n})\n\ntype ValidationProperty = {\n  key: string\n  value: string | number\n  prefix?: string\n  code?: boolean\n  truncate?: boolean\n}\n\n/**\n * Constraints that live on a leaf (string or number) schema: length, pattern,\n * format and numeric ranges. Extracted so they can be surfaced for a primitive\n * schema as well as for a primitive array's items, which are not rendered on\n * their own. See https://github.com/scalar/scalar/issues/9690\n */\nconst getLeafConstraints = (schema: SchemaObject) => {\n  const properties: ValidationProperty[] = []\n\n  if (isStringSchema(schema)) {\n    if (schema.minLength) {\n      properties.push({\n        key: 'min-length',\n        prefix: `${translate('schema.minLength')}: `,\n        value: schema.minLength,\n      })\n    }\n\n    if (schema.maxLength) {\n      properties.push({\n        key: 'max-length',\n        prefix: `${translate('schema.maxLength')}: `,\n        value: schema.maxLength,\n      })\n    }\n\n    // pattern is rendered via SchemaPropertyPattern (hover dropdown), skip here\n  }\n\n  if ((isStringSchema(schema) || isNumberSchema(schema)) && schema.format) {\n    properties.push({\n      key: 'format',\n      value: schema.format,\n      truncate: true,\n    })\n  }\n\n  if (isNumberSchema(schema)) {\n    if (isDefined(schema.exclusiveMinimum)) {\n      properties.push({\n        key: 'exclusive-minimum',\n        prefix: `${translate('schema.greaterThan')}: `,\n        value: schema.exclusiveMinimum,\n      })\n    }\n\n    if (isDefined(schema.minimum)) {\n      properties.push({\n        key: 'minimum',\n        prefix: `${translate('schema.min')}: `,\n        value: schema.minimum,\n      })\n    }\n\n    if (isDefined(schema.exclusiveMaximum)) {\n      properties.push({\n        key: 'exclusive-maximum',\n        prefix: `${translate('schema.lessThan')}: `,\n        value: schema.exclusiveMaximum,\n      })\n    }\n\n    if (isDefined(schema.maximum)) {\n      properties.push({\n        key: 'maximum',\n        prefix: `${translate('schema.max')}: `,\n        value: schema.maximum,\n      })\n    }\n\n    if (isDefined(schema.multipleOf)) {\n      properties.push({\n        key: 'multiple-of',\n        prefix: `${translate('schema.multipleOf')}: `,\n        value: schema.multipleOf,\n      })\n    }\n  }\n\n  return properties\n}\n\nconst validationProperties = computed(() => {\n  if (!valueRef.value) {\n    return []\n  }\n\n  const schema = valueRef.value\n  const properties: ValidationProperty[] = []\n\n  // Array validation properties\n  if (isArraySchema(schema)) {\n    if (schema.minItems || schema.maxItems) {\n      properties.push({\n        key: 'array-range',\n        value: `${schema.minItems || ''}…${schema.maxItems || ''}`,\n      })\n    }\n\n    // Unique items\n    if (schema.uniqueItems) {\n      properties.push({\n        key: 'unique-items',\n        value: `${translate('schema.unique')}!`,\n      })\n    }\n  }\n\n  properties.push(...getLeafConstraints(schema))\n\n  // Primitive array items carry their own constraints (e.g. an array of `uuid`\n  // strings) but are not rendered separately, so surface them here.\n  if (isArraySchema(schema) && schema.items) {\n    properties.push(...getLeafConstraints(resolve.schema(schema.items)))\n  }\n\n  return properties\n})\n\n/** Link data for navigating to the referenced model in the sidebar. */\nconst modelLink = computed(() => {\n  if (!props.value) {\n    return null\n  }\n\n  if (props.hideModelNames) {\n    return null\n  }\n\n  if (props.modelName) {\n    return { schemaKey: props.modelName, label: props.modelName }\n  }\n\n  return getModelNameWithArray(props.value)\n})\n\n/** Whether the model name links to the models section, or renders as plain text. */\nconst modelLinkable = computed(() =>\n  isModelLinkable(modelLink.value?.schemaKey, props.modelLinkOptions ?? {}),\n)\n\n/**\n * The type as a run of tokens rather than a single string — identifiers in\n * the code face, English words like `array of` in the sans face, and a muted\n * `|` so `string | null` reads as one type with an alternative.\n *\n * The token run and the screen-reader label are written straight into the\n * template instead of being their own components: the tree mounts one per\n * typed row, and a component instance costs more to create than the span it\n * renders. On a flat object the type cells would be most of the instance\n * count. The linked and the plain copy of the token markup below must stay\n * identical.\n */\nconst signatureTokens = computed(() =>\n  getDisplayTypeSignatureTokens(props.value, {\n    hideModelNames: props.hideModelNames,\n    modelName: modelLink.value?.label,\n  }),\n)\n\n/** Check if we should show the type information */\nconst shouldShowType = computed(() => {\n  if (!props.value || !('type' in props.value)) {\n    return false\n  }\n\n  // Always show type for arrays, even when items have const values\n  if (props.value.type === 'array') {\n    return true\n  }\n\n  // For non-arrays, only show if no const value at the schema level\n  return !constValue.value\n})\n\n/**\n * Type and format of the property keys, derived from the propertyNames schema.\n *\n * For a map keyed by UUIDs this renders e.g. \"string · uuid\" so the key\n * constraints are not lost. Returns undefined when there is nothing to show.\n */\nconst propertyNamesDetail = computed(() => {\n  const schema = props.propertyNames\n  if (!schema) {\n    return undefined\n  }\n\n  const parts = [getSchemaType(schema)]\n  if ('format' in schema && typeof schema.format === 'string') {\n    parts.push(schema.format)\n  }\n\n  const detail = parts.filter(Boolean).join(' · ')\n  return detail.length > 0 ? detail : undefined\n})\n\nconst exampleValue = computed(() => {\n  // Treat only `undefined` as \"not set\" — `null` is a valid example value on a nullable schema.\n  if (\n    props.value &&\n    'example' in props.value &&\n    props.value.example !== undefined\n  ) {\n    return props.value.example\n  }\n\n  if (props.value && isArraySchema(props.value)) {\n    const itemsSchema = resolve.schema(props.value.items)\n    if (\n      itemsSchema &&\n      'example' in itemsSchema &&\n      itemsSchema.example !== undefined\n    ) {\n      return itemsSchema.example\n    }\n  }\n\n  return undefined\n})\n\n/**\n * Whether the examples chip has anything to render.\n *\n * `SchemaPropertyExamples` already renders nothing without an example, but it\n * still mounts, and mounting is what installs its popup's window-level click\n * and keydown listeners. `withExamples` defaults to true, so without this gate\n * every property row on the page — including a plain `{ type: 'string' }` —\n * pays for a popup it never opens. Mirrors the component's own two branches.\n */\nconst hasExampleContent = computed((): boolean => {\n  if (exampleValue.value !== undefined) {\n    return true\n  }\n\n  const examples = props.value?.examples\n\n  return (\n    !!examples &&\n    typeof examples === 'object' &&\n    Object.keys(examples).length > 0\n  )\n})\n\n/**\n * The regex `pattern` to surface via the hover dropdown. It lives on a string\n * schema, or on the items of a primitive array (which is not rendered on its\n * own, so its constraints are surfaced on the array heading — see\n * https://github.com/scalar/scalar/issues/9690).\n */\nconst patternValue = computed(() => {\n  const schema = valueRef.value\n  if (!schema) {\n    return undefined\n  }\n\n  if (isStringSchema(schema) && schema.pattern) {\n    return schema.pattern\n  }\n\n  if (isArraySchema(schema) && schema.items) {\n    const items = resolve.schema(schema.items)\n    if (isStringSchema(items) && items.pattern) {\n      return items.pattern\n    }\n  }\n\n  return undefined\n})\n</script>\n<template>\n  <div\n    class=\"property-heading [&>.property-detail:has(+.property-detail)]:mr-0\">\n    <!-- `:has(+.property-detail)`: only a detail FOLLOWED BY another detail\n         drops its right margin, because the `·` separator supplies the gap\n         there. Not `:not(:last-of-type)`, which matches by element type: the\n         collapsed preview and the trailing copy-link are spans as well, so it\n         would strip the margin from the final detail and glue \"Addressrequired\"\n         together on a collapsed row. -->\n    <div\n      v-if=\"$slots.name\"\n      class=\"property-name\"\n      :class=\"{ deprecated: props.value?.deprecated }\">\n      <slot name=\"name\" />\n    </div>\n    <div\n      v-if=\"props.isDiscriminator\"\n      class=\"property-discriminator\">\n      {{ translate('schema.discriminator') }}\n    </div>\n    <template v-if=\"props.value\">\n      <!-- A map key reads `additionalProperty · string`: the keyword leads the\n           detail list in the accent colour, like a type word, so the name\n           above it can look like every other name. -->\n      <SchemaPropertyDetail\n        v-if=\"props.keyKind\"\n        class=\"property-key-kind\">\n        <span class=\"font-code text-c-accent\">{{\n          props.keyKind === 'pattern' ? 'patternProperty' : 'additionalProperty'\n        }}</span>\n      </SchemaPropertyDetail>\n      <!-- Type information -->\n      <SchemaPropertyDetail\n        v-if=\"shouldShowType\"\n        truncate>\n        <!-- The type is a token run (`array of Planet`) and a $ref link IS the\n             type, not an appended `· Account` -->\n        <!-- Written across lines on purpose: Vue drops whitespace-only text\n             between two elements, so a single-line label would read\n             `Type:string`. -->\n        <span class=\"screenreader-only\"> {{ translate('schema.type') }}: </span>\n        <button\n          v-if=\"props.eventBus && modelLink?.schemaKey && modelLinkable\"\n          class=\"text-c-2 hover:text-c-1 underline\"\n          type=\"button\"\n          @click=\"\n            props.eventBus.emit('scroll-to:model-by-name', {\n              name: modelLink.schemaKey,\n            })\n          \">\n          <span\n            v-if=\"signatureTokens.length\"\n            class=\"property-type-signature text-c-2 text-(length:--scalar-mini)\">\n            <template\n              v-for=\"(token, index) in signatureTokens\"\n              :key=\"index\">\n              {{ index > 0 ? ' ' : ''\n              }}<span\n                class=\"property-type-token\"\n                :class=\"[\n                  `property-type-token--${token.kind}`,\n                  token.kind === 'word' ? 'font-sans' : '',\n                  token.kind === 'ident' || token.kind === 'literal'\n                    ? 'font-code'\n                    : '',\n                  token.kind === 'punctuation' ? 'text-c-2' : '',\n                ]\"\n                >{{ token.text }}</span\n              >\n            </template>\n          </span>\n        </button>\n        <span\n          v-else-if=\"signatureTokens.length\"\n          class=\"property-type-signature text-c-2 text-(length:--scalar-mini)\">\n          <template\n            v-for=\"(token, index) in signatureTokens\"\n            :key=\"index\">\n            {{ index > 0 ? ' ' : ''\n            }}<span\n              class=\"property-type-token\"\n              :class=\"[\n                `property-type-token--${token.kind}`,\n                token.kind === 'word' ? 'font-sans' : '',\n                token.kind === 'ident' || token.kind === 'literal'\n                  ? 'font-code'\n                  : '',\n                token.kind === 'punctuation' ? 'text-c-2' : '',\n              ]\"\n              >{{ token.text }}</span\n            >\n          </template>\n        </span>\n      </SchemaPropertyDetail>\n\n      <!-- A cycle reads `array of Satellite · recursive`, a modifier like\n           `nullable`; the full sentence rides the tooltip. -->\n      <SchemaPropertyDetail\n        v-if=\"props.recursiveTo\"\n        class=\"property-recursive\"\n        :title=\"\n          translate('schema.recursiveReference', { name: props.recursiveTo })\n        \">\n        {{ translate('schema.recursive') }}\n      </SchemaPropertyDetail>\n\n      <!-- Key constraints from propertyNames (e.g. \"keys: string · uuid\") -->\n      <SchemaPropertyDetail\n        v-if=\"propertyNamesDetail\"\n        truncate>\n        <template #prefix>{{ translate('schema.keys') }}:</template>\n        {{ propertyNamesDetail }}\n      </SchemaPropertyDetail>\n\n      <!-- Dynamic validation properties from composable -->\n      <SchemaPropertyDetail\n        v-for=\"property in validationProperties\"\n        :key=\"property.key\"\n        :code=\"property.code\"\n        :truncate=\"property.truncate\">\n        <span\n          v-if=\"property.key === 'format'\"\n          class=\"screenreader-only\">\n          {{ translate('schema.format') }}:\n        </span>\n        <template\n          v-if=\"property.prefix\"\n          #prefix>\n          {{ property.prefix }}\n        </template>\n        {{ property.value }}\n      </SchemaPropertyDetail>\n\n      <!-- Enum indicator -->\n      <SchemaPropertyDetail v-if=\"props.enum\">\n        {{ translate('schema.enum') }}\n      </SchemaPropertyDetail>\n    </template>\n    <div\n      v-if=\"props.additional\"\n      class=\"property-additional\">\n      <template v-if=\"props.value?.['x-additionalPropertiesName']\">\n        {{ props.value['x-additionalPropertiesName'] }}\n      </template>\n      <template v-else>{{ translate('schema.additionalProperties') }}</template>\n    </div>\n    <div\n      v-if=\"props.value?.deprecated\"\n      class=\"property-deprecated\">\n      <Badge>{{ translate('schema.deprecated') }}</Badge>\n    </div>\n    <!-- Don't use `isDefined` here, we want to show `const` when the value is `null` -->\n    <div\n      v-if=\"constValue !== undefined\"\n      class=\"property-const\">\n      <SchemaPropertyDetail truncate>\n        <template #prefix>{{ translate('schema.const') }}: </template>\n        <RenderString :value=\"constValue\" />\n      </SchemaPropertyDetail>\n    </div>\n    <template v-else>\n      <!-- Shows only when a composition is used (so props.value?.type is undefined) -->\n      <SchemaPropertyDetail v-if=\"(props.value as any)?.nullable === true\">\n        {{ translate('schema.nullable') }}\n      </SchemaPropertyDetail>\n    </template>\n    <div\n      v-if=\"props.value?.writeOnly\"\n      class=\"property-write-only\">\n      {{ translate('schema.writeOnly') }}\n    </div>\n    <div\n      v-else-if=\"props.value?.readOnly\"\n      class=\"property-read-only\">\n      {{ translate('schema.readOnly') }}\n    </div>\n    <div\n      v-if=\"props.required\"\n      class=\"property-required\">\n      {{ translate('schema.required') }}\n    </div>\n    <!-- Gated here, not only inside the component: each popup instance installs\n         window-level click and keydown listeners for its dismissal, so mounting\n         one per row costs the page a listener per row it never shows anything\n         for. Same reason `SchemaPropertyPattern` below is gated. -->\n    <SchemaPropertyDefault\n      v-if=\"props.value?.default !== undefined\"\n      :value=\"props.value?.default\" />\n    <!--\n      Pattern is a hover dropdown chip like Examples, not an inline constraint,\n      so it sits beside the example. This keeps the real constraints (length,\n      nullable, …) together in the dotted list. See #9966.\n    -->\n    <SchemaPropertyPattern\n      v-if=\"patternValue\"\n      :pattern=\"patternValue\" />\n    <SchemaPropertyExamples\n      v-if=\"props.withExamples && hasExampleContent\"\n      :example=\"exampleValue\"\n      :examples=\"props.value?.examples\" />\n    <!-- The collapsed preview rides the end of the heading line -->\n    <slot name=\"preview\" />\n    <!-- Last so the tab order matches the visual order: the trailing copy-link\n         is painted at the row's right edge, after every control to its left -->\n    <slot name=\"trailing\" />\n  </div>\n</template>\n<style scoped>\n.property-heading {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: baseline;\n  row-gap: 9px;\n  white-space: nowrap;\n}\n\n.property-heading:has(+ .children),\n.property-heading:has(+ .property-rule) {\n  margin-bottom: 9px;\n}\n\n.property-heading > * {\n  margin-right: 9px;\n}\n\n.property-heading:last-child {\n  margin-right: 0;\n}\n\n.property-name {\n  max-width: 100%;\n  font-family: var(--scalar-font-code);\n  font-weight: var(--scalar-bold);\n  font-size: var(--scalar-font-size-4);\n  white-space: normal;\n  overflow-wrap: break-word;\n}\n\n.property-additional {\n  font-family: var(--scalar-font-code);\n}\n\n.property-required,\n.property-optional {\n  color: var(--scalar-color-2);\n}\n\n.property-required {\n  font-size: var(--scalar-mini);\n  color: var(--scalar-color-orange);\n}\n/*\n * Light-mode oranges are too bright on a light page for 13px text (the default\n * #ff5800 is 3.16:1), so blend the theme orange toward the text colour to reach\n * WCAG 1.4.3 (4.5:1) while keeping the hue and letting custom themes flow\n * through. Dark mode already passes (8.37:1) and keeps the plain token.\n */\n.light-mode .property-required {\n  color: color-mix(\n    in srgb,\n    var(--scalar-color-orange),\n    var(--scalar-color-1) 32%\n  );\n}\n\n.property-read-only {\n  font-size: var(--scalar-mini);\n  color: var(--scalar-color-blue);\n}\n\n.property-write-only {\n  font-size: var(--scalar-mini);\n  color: var(--scalar-color-green);\n}\n\n.property-discriminator {\n  font-size: var(--scalar-mini);\n  color: var(--scalar-color-purple);\n}\n\n.property-detail {\n  font-size: var(--scalar-mini);\n  color: var(--scalar-color-2);\n  display: flex;\n  align-items: center;\n\n  min-width: 0;\n}\n\n.property-const {\n  color: var(--scalar-color-1);\n}\n\n.deprecated {\n  text-decoration: line-through;\n}\n</style>\n"],"mappings":"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"}

package/dist/schema/SchemaPropertyPattern.vue.d.ts

@@ -0,0 +1,7 @@
+type __VLS_Props = {
+    pattern: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=SchemaPropertyPattern.vue.d.ts.map

package/dist/schema/SchemaPropertyPattern.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SchemaPropertyPattern.vue.d.ts","sourceRoot":"","sources":["../../src/schema/SchemaPropertyPattern.vue"],"names":[],"mappings":"AAyJA,KAAK,WAAW,GAAG;IAAE,OAAO,EAAE,MAAM,CAAA;CAAE,CAAC;AA4IvC,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/schema/SchemaPropertyPattern.vue.js

@@ -0,0 +1,9 @@
+import e from "../_virtual/_plugin-vue_export-helper.js";
+import t from "./SchemaPropertyPattern.vue.script.js";
+/* empty css                                    */
+//#region src/schema/SchemaPropertyPattern.vue
+var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-db399b2d"]]);
+//#endregion
+export { n as default };
+
+//# sourceMappingURL=SchemaPropertyPattern.vue.js.map

package/dist/schema/SchemaPropertyPattern.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SchemaPropertyPattern.vue.js","names":[],"sources":["../../src/schema/SchemaPropertyPattern.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIcon } from '@scalar/components/icon'\nimport { useClipboard } from '@scalar/use-hooks/useClipboard'\nimport { onClickOutside, onKeyStroke } from '@vueuse/core'\nimport { ref } from 'vue'\n\nimport LinkButton from './LinkButton.vue'\nimport { useLocalization } from './localization'\n\nconst { pattern } = defineProps<{ pattern: string }>()\n\nconst { copyToClipboard } = useClipboard()\nconst { translate } = useLocalization()\n\n/**\n * The popup reveals on hover and keyboard focus purely via CSS. Touch devices\n * have no hover, so a click/tap also pins it open, and a second click, a click\n * outside, or Escape closes it again. Without this the full pattern was\n * unreachable on mobile — a regression from the old inline (truncated) text.\n */\nconst rootRef = ref<HTMLElement | null>(null)\nconst isOpen = ref(false)\n\nconst toggle = () => {\n  isOpen.value = !isOpen.value\n}\n\nconst close = () => {\n  isOpen.value = false\n}\n\nonClickOutside(rootRef, close)\nonKeyStroke('Escape', () => {\n  if (isOpen.value) {\n    close()\n  }\n})\n</script>\n<template>\n  <div\n    ref=\"rootRef\"\n    class=\"property-pattern\"\n    :class=\"{ 'is-open': isOpen }\">\n    <LinkButton\n      class=\"decoration-dotted\"\n      @click=\"toggle\">\n      {{ translate('schema.pattern') }}\n    </LinkButton>\n    <div class=\"property-pattern-popup\">\n      <button\n        class=\"property-pattern-value group\"\n        type=\"button\"\n        :aria-label=\"`${translate('schema.copyPattern')}: ${pattern}`\"\n        @click=\"copyToClipboard(pattern)\">\n        <code>{{ pattern }}</code>\n        <ScalarIcon\n          aria-hidden=\"true\"\n          class=\"group-hover:text-c-1 text-c-3 ml-auto min-h-3 min-w-3\"\n          icon=\"Clipboard\"\n          size=\"xs\" />\n      </button>\n    </div>\n  </div>\n</template>\n<style scoped>\n@reference \"../style.css\";\n\n.property-pattern {\n  display: flex;\n  flex-direction: column;\n  font-size: var(--scalar-mini);\n  position: relative;\n}\n\n/*\n * Invisible bridge that fills the gap between the label and the popup, so the\n * pointer can travel down into the popup without dropping the `:hover` state.\n * Mirrors the same trick in SchemaPropertyExamples.vue.\n */\n.property-pattern:hover::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 20px;\n  border-radius: var(--scalar-radius);\n}\n\n.property-pattern-popup {\n  position: absolute;\n  top: 18px;\n  left: 50%;\n  transform: translate3d(-50%, 0, 0);\n  background-color: var(--scalar-background-1);\n  box-shadow: var(--scalar-shadow-1);\n  border-radius: var(--scalar-radius-lg);\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n  padding: 9px;\n  min-width: 200px;\n  /* Cap the width so the centered popup never overflows a narrow viewport\n   * (mobile, modal). Long patterns wrap instead of widening it. */\n  max-width: min(500px, calc(100vw - 32px));\n  /* Cap the height too, so a very long multi-line regex scrolls inside the\n   * popup instead of running off the bottom of the viewport. */\n  max-height: min(400px, calc(100vh - 32px));\n  overflow-y: auto;\n  display: none;\n  @apply z-context;\n}\n\n.property-pattern:hover .property-pattern-popup,\n.property-pattern:focus-within .property-pattern-popup,\n.property-pattern.is-open .property-pattern-popup {\n  display: flex;\n}\n\n.property-pattern-value {\n  font-family: var(--scalar-font-code);\n  display: flex;\n  gap: 8px;\n  /* Top-align so the copy icon stays with the first line of a wrapped pattern. */\n  align-items: flex-start;\n  width: 100%;\n  padding: 6px;\n  background: var(--scalar-background-2);\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n  border-radius: var(--scalar-radius);\n}\n\n.property-pattern-value code {\n  font-family: var(--scalar-font-code);\n  font-size: var(--scalar-font-size-3);\n  color: var(--scalar-color-2);\n  /* Wrap long regex so the full pattern is readable, not just copyable. */\n  white-space: pre-wrap;\n  word-break: break-word;\n  overflow-wrap: anywhere;\n  flex: 1;\n  text-align: left;\n}\n</style>\n"],"mappings":""}

package/dist/schema/SchemaPropertyPattern.vue.script.js

@@ -0,0 +1,45 @@
+import e from "./LinkButton.vue.js";
+import { useLocalization as t } from "./localization/index.js";
+import { createElementBlock as n, createElementVNode as r, createTextVNode as i, createVNode as a, defineComponent as o, normalizeClass as s, openBlock as c, ref as l, toDisplayString as u, unref as d, withCtx as f } from "vue";
+import { ScalarIcon as p } from "@scalar/components/icon";
+import { useClipboard as m } from "@scalar/use-hooks/useClipboard";
+import { onClickOutside as h, onKeyStroke as g } from "@vueuse/core";
+//#region src/schema/SchemaPropertyPattern.vue?vue&type=script&setup=true&lang.ts
+var _ = { class: "property-pattern-popup" }, v = ["aria-label"], y = /*@__PURE__*/ o({
+	__name: "SchemaPropertyPattern",
+	props: { pattern: {} },
+	setup(o) {
+		let { copyToClipboard: y } = m(), { translate: b } = t(), x = l(null), S = l(!1), C = () => {
+			S.value = !S.value;
+		}, w = () => {
+			S.value = !1;
+		};
+		return h(x, w), g("Escape", () => {
+			S.value && w();
+		}), (t, l) => (c(), n("div", {
+			ref_key: "rootRef",
+			ref: x,
+			class: s(["property-pattern", { "is-open": S.value }])
+		}, [a(e, {
+			class: "decoration-dotted",
+			onClick: C
+		}, {
+			default: f(() => [i(u(d(b)("schema.pattern")), 1)]),
+			_: 1
+		}), r("div", _, [r("button", {
+			class: "property-pattern-value group",
+			type: "button",
+			"aria-label": `${d(b)("schema.copyPattern")}: ${o.pattern}`,
+			onClick: l[0] ||= (e) => d(y)(o.pattern)
+		}, [r("code", null, u(o.pattern), 1), a(d(p), {
+			"aria-hidden": "true",
+			class: "group-hover:text-c-1 text-c-3 ml-auto min-h-3 min-w-3",
+			icon: "Clipboard",
+			size: "xs"
+		})], 8, v)])], 2));
+	}
+});
+//#endregion
+export { y as default };
+
+//# sourceMappingURL=SchemaPropertyPattern.vue.script.js.map

package/dist/schema/SchemaPropertyPattern.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SchemaPropertyPattern.vue.script.js","names":[],"sources":["../../src/schema/SchemaPropertyPattern.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIcon } from '@scalar/components/icon'\nimport { useClipboard } from '@scalar/use-hooks/useClipboard'\nimport { onClickOutside, onKeyStroke } from '@vueuse/core'\nimport { ref } from 'vue'\n\nimport LinkButton from './LinkButton.vue'\nimport { useLocalization } from './localization'\n\nconst { pattern } = defineProps<{ pattern: string }>()\n\nconst { copyToClipboard } = useClipboard()\nconst { translate } = useLocalization()\n\n/**\n * The popup reveals on hover and keyboard focus purely via CSS. Touch devices\n * have no hover, so a click/tap also pins it open, and a second click, a click\n * outside, or Escape closes it again. Without this the full pattern was\n * unreachable on mobile — a regression from the old inline (truncated) text.\n */\nconst rootRef = ref<HTMLElement | null>(null)\nconst isOpen = ref(false)\n\nconst toggle = () => {\n  isOpen.value = !isOpen.value\n}\n\nconst close = () => {\n  isOpen.value = false\n}\n\nonClickOutside(rootRef, close)\nonKeyStroke('Escape', () => {\n  if (isOpen.value) {\n    close()\n  }\n})\n</script>\n<template>\n  <div\n    ref=\"rootRef\"\n    class=\"property-pattern\"\n    :class=\"{ 'is-open': isOpen }\">\n    <LinkButton\n      class=\"decoration-dotted\"\n      @click=\"toggle\">\n      {{ translate('schema.pattern') }}\n    </LinkButton>\n    <div class=\"property-pattern-popup\">\n      <button\n        class=\"property-pattern-value group\"\n        type=\"button\"\n        :aria-label=\"`${translate('schema.copyPattern')}: ${pattern}`\"\n        @click=\"copyToClipboard(pattern)\">\n        <code>{{ pattern }}</code>\n        <ScalarIcon\n          aria-hidden=\"true\"\n          class=\"group-hover:text-c-1 text-c-3 ml-auto min-h-3 min-w-3\"\n          icon=\"Clipboard\"\n          size=\"xs\" />\n      </button>\n    </div>\n  </div>\n</template>\n<style scoped>\n@reference \"../style.css\";\n\n.property-pattern {\n  display: flex;\n  flex-direction: column;\n  font-size: var(--scalar-mini);\n  position: relative;\n}\n\n/*\n * Invisible bridge that fills the gap between the label and the popup, so the\n * pointer can travel down into the popup without dropping the `:hover` state.\n * Mirrors the same trick in SchemaPropertyExamples.vue.\n */\n.property-pattern:hover::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 20px;\n  border-radius: var(--scalar-radius);\n}\n\n.property-pattern-popup {\n  position: absolute;\n  top: 18px;\n  left: 50%;\n  transform: translate3d(-50%, 0, 0);\n  background-color: var(--scalar-background-1);\n  box-shadow: var(--scalar-shadow-1);\n  border-radius: var(--scalar-radius-lg);\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n  padding: 9px;\n  min-width: 200px;\n  /* Cap the width so the centered popup never overflows a narrow viewport\n   * (mobile, modal). Long patterns wrap instead of widening it. */\n  max-width: min(500px, calc(100vw - 32px));\n  /* Cap the height too, so a very long multi-line regex scrolls inside the\n   * popup instead of running off the bottom of the viewport. */\n  max-height: min(400px, calc(100vh - 32px));\n  overflow-y: auto;\n  display: none;\n  @apply z-context;\n}\n\n.property-pattern:hover .property-pattern-popup,\n.property-pattern:focus-within .property-pattern-popup,\n.property-pattern.is-open .property-pattern-popup {\n  display: flex;\n}\n\n.property-pattern-value {\n  font-family: var(--scalar-font-code);\n  display: flex;\n  gap: 8px;\n  /* Top-align so the copy icon stays with the first line of a wrapped pattern. */\n  align-items: flex-start;\n  width: 100%;\n  padding: 6px;\n  background: var(--scalar-background-2);\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n  border-radius: var(--scalar-radius);\n}\n\n.property-pattern-value code {\n  font-family: var(--scalar-font-code);\n  font-size: var(--scalar-font-size-3);\n  color: var(--scalar-color-2);\n  /* Wrap long regex so the full pattern is readable, not just copyable. */\n  white-space: pre-wrap;\n  word-break: break-word;\n  overflow-wrap: anywhere;\n  flex: 1;\n  text-align: left;\n}\n</style>\n"],"mappings":";;;;;;;;;;;EAWA,IAAM,EAAE,uBAAoB,EAAa,GACnC,EAAE,iBAAc,EAAgB,GAQhC,IAAU,EAAwB,IAAI,GACtC,IAAS,EAAI,EAAK,GAElB,UAAe;GACnB,EAAO,QAAQ,CAAC,EAAO;EACzB,GAEM,UAAc;GAClB,EAAO,QAAQ;EACjB;SAEA,EAAe,GAAS,CAAK,GAC7B,EAAY,gBAAgB;GAC1B,AAAI,EAAO,SACT,EAAM;EAEV,CAAC,mBAGC,EAuBM,OAAA;YAtBA;GAAJ,KAAI;GACJ,OAAK,EAAA,CAAC,oBAAkB,EAAA,WACH,EAAA,MAAM,CAAA,CAAA;MAC3B,EAIa,GAAA;GAHX,OAAM;GACL,SAAO;;oBACyB,CAAA,EAAA,EAA9B,EAAA,CAAA,CAAS,CAAA,gBAAA,CAAA,GAAA,CAAA,CAAA,CAAA;;MAEd,EAaM,OAbN,GAaM,CAZJ,EAWS,UAAA;GAVP,OAAM;GACN,MAAK;GACJ,cAAU,GAAK,EAAA,CAAA,CAAS,CAAA,oBAAA,EAAA,IAA2B,EAAA;GACnD,SAAK,AAAA,EAAA,QAAA,MAAE,EAAA,CAAA,CAAe,CAAC,EAAA,OAAO;MAC/B,EAA0B,QAAA,MAAA,EAAjB,EAAA,OAAO,GAAA,CAAA,GAChB,EAIc,EAAA,CAAA,GAAA;GAHZ,eAAY;GACZ,OAAM;GACN,MAAK;GACL,MAAK"}

package/dist/schema/SchemaRailPanel.vue.d.ts

@@ -0,0 +1,35 @@
+import { type Component } from 'vue';
+/**
+ * The railed panel of the schema tree: an expanded row's children behind a rail
+ * that fades with depth. See the indentation model in SchemaProperty.vue.
+ *
+ * `--schema-depth` must stay inline on the element itself: the `schema-rail`
+ * utility reads it for the fade. No margins of its own, because each surface
+ * that joins the tree spaces its panel differently.
+ */
+type __VLS_Props = {
+    /** Nesting depth of the panel, driving how far the rail fades */
+    depth: number;
+    /** Render the pointer strip over the rail that closes the panel on click */
+    closeOnRail?: boolean;
+    /** Panel root element or component, so a headless-ui DisclosurePanel can keep the rail recipe */
+    as?: string | Component;
+};
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    close: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClose?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=SchemaRailPanel.vue.d.ts.map

package/dist/schema/SchemaRailPanel.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SchemaRailPanel.vue.d.ts","sourceRoot":"","sources":["../../src/schema/SchemaRailPanel.vue"],"names":[],"mappings":"AAAA,OAuGO,EAAmB,KAAK,SAAS,EAAE,MAAM,KAAK,CAAA;AAErD;;;;;;;GAOG;AACH,KAAK,WAAW,GAAG;IACjB,iEAAiE;IACjE,KAAK,EAAE,MAAM,CAAA;IACb,4EAA4E;IAC5E,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,iGAAiG;IACjG,EAAE,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CACxB,CAAC;AAoIF,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAK/C,QAAA,MAAM,UAAU;;;;kFAGd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/schema/SchemaRailPanel.vue.js

@@ -0,0 +1,7 @@
+import e from "./SchemaRailPanel.vue.script.js";
+//#region src/schema/SchemaRailPanel.vue
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=SchemaRailPanel.vue.js.map

package/dist/schema/SchemaRailPanel.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SchemaRailPanel.vue.js","names":[],"sources":["../../src/schema/SchemaRailPanel.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { onBeforeUnmount, type Component } from 'vue'\n\n/**\n * The railed panel of the schema tree: an expanded row's children behind a rail\n * that fades with depth. See the indentation model in SchemaProperty.vue.\n *\n * `--schema-depth` must stay inline on the element itself: the `schema-rail`\n * utility reads it for the fade. No margins of its own, because each surface\n * that joins the tree spaces its panel differently.\n */\nconst {\n  depth,\n  closeOnRail = false,\n  as = 'div',\n} = defineProps<{\n  /** Nesting depth of the panel, driving how far the rail fades */\n  depth: number\n  /** Render the pointer strip over the rail that closes the panel on click */\n  closeOnRail?: boolean\n  /** Panel root element or component, so a headless-ui DisclosurePanel can keep the rail recipe */\n  as?: string | Component\n}>()\n\nconst emit = defineEmits<{\n  (e: 'close'): void\n}>()\n\n/**\n * A hovered strip colours this panel's rail and lights the puck of the control\n * that owns the panel. Both used to be `:has(... :hover)` selectors, which made\n * every railed row a `:has()` invalidation anchor, so each element inserted\n * under an open row restyled its whole subtree. The strip's pointer events now\n * write the same state as attributes that exist only while it is hovered:\n * `data-rail-hovered` on the panel root and `data-child-rail-hovered` on the\n * panel's parent, the element the tailwind.config.css variants look through to\n * the control. Read off DOM adjacency exactly like the selectors they replace,\n * so every surface that rails a panel is covered without wiring.\n */\nlet hovered: { panel: HTMLElement; row: HTMLElement | null } | null = null\n\nconst clearRailHover = (): void => {\n  hovered?.panel.removeAttribute('data-rail-hovered')\n  hovered?.row?.removeAttribute('data-child-rail-hovered')\n  hovered = null\n}\n\nconst setRailHover = (event: Event, on: boolean): void => {\n  clearRailHover()\n\n  if (!on) {\n    return\n  }\n\n  const panel =\n    event.currentTarget instanceof HTMLElement\n      ? event.currentTarget.parentElement\n      : null\n\n  if (!panel) {\n    return\n  }\n\n  const row = panel.parentElement\n  panel.setAttribute('data-rail-hovered', '')\n  row?.setAttribute('data-child-rail-hovered', '')\n  hovered = { panel, row }\n}\n\n/**\n * Folding the panel hides the strip under the pointer, so no pointerleave ever\n * follows the click: the marks go before the close, or the puck stays lit.\n */\nconst onStripClick = (): void => {\n  clearRailHover()\n  emit('close')\n}\n\n/* The strip also disappears without a pointerleave when the panel unmounts,\n   and the parent row it marked outlives it. */\nonBeforeUnmount(clearRailHover)\n</script>\n<template>\n  <component\n    :is=\"as\"\n    class=\"schema-rail-panel schema-rail rail-hover:border-s-c-1 relative ps-[var(--schema-gutter,16px)]\"\n    :style=\"{ '--schema-depth': depth }\">\n    <!-- Pointer-only strip along the rail that folds the panel; hidden from\n         assistive tech because the row's own toggle is the accessible control. -->\n    <div\n      v-if=\"closeOnRail\"\n      aria-hidden=\"true\"\n      class=\"rail-hit z-[1]\"\n      data-rail-hit\n      @click.stop=\"onStripClick\"\n      @pointerenter=\"setRailHover($event, true)\"\n      @pointerleave=\"setRailHover($event, false)\" />\n    <slot />\n  </component>\n</template>\n"],"mappings":""}