waveform-analysis 0.1.65 → 0.1.67

package/dist/types/components/interaction/zoomConstraints.d.ts

@@ -1,12 +1,13 @@
 import { type ZoomTransform } from 'd3';
 import type { WaveformPoint } from '../../types';
 import { type WaveformPointSource } from '../../core/waveformPointSource';
+import { type IntegerZoomOptions } from './integerZoom';
 interface PointSeriesSource {
     points: WaveformPoint[];
     source?: WaveformPointSource;
 }
 export type ZoomSeriesGroup = readonly PointSeriesSource[];
-interface ZoomConstraintOptions {
+interface ZoomConstraintOptions extends IntegerZoomOptions {
     minZoomSpan?: number;
     minVisiblePoints?: number;
     maxZoomScale?: number | null;

package/dist/types/components/rendering/WaveformLegend.vue.d.ts

@@ -8,6 +8,7 @@ interface Props {
     width: number;
     height: number;
     interactive?: boolean;
+    showUnits?: boolean;
     hiddenSeriesIds?: string[];
 }
 declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -17,6 +18,7 @@ declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {},
 }>, {
     interactive: boolean;
     hiddenSeriesIds: string[];
+    showUnits: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/types/components/rendering/WaveformTrack.vue.d.ts

@@ -14,10 +14,11 @@ interface Props {
     axes?: WaveformAxesOptions;
     timeUnit: 's' | 'ms';
     yLabel?: string;
+    showAxisUnits?: boolean;
+    containYAxisEndpoints?: boolean;
+    containFrameStroke?: boolean;
     cleanView?: boolean;
-    zeroLine?: Required<Pick<WaveformZeroLineOptions, 'color' | 'width' | 'dash'>> & {
-        visible: boolean;
-    };
+    zeroLine?: Required<WaveformZeroLineOptions>;
 }
 declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     contextmenu: (mouseEvent: MouseEvent) => any;
@@ -38,10 +39,9 @@ declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {},
 }>, {
     interactive: boolean;
     cleanView: boolean;
-    zeroLine: Required<Pick<WaveformZeroLineOptions, "color" | "width" | "dash">> & {
-        visible: boolean;
-    };
+    zeroLine: Required<WaveformZeroLineOptions>;
     interactionMode: WaveformInteractionMode;
+    showAxisUnits: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/types/components/rendering/WaveformTrackAxes.vue.d.ts

@@ -7,7 +7,11 @@ interface Props {
     axes?: WaveformAxesOptions;
     timeUnit: 's' | 'ms';
     yLabel?: string;
+    showUnits?: boolean;
+    containYAxisEndpoints?: boolean;
 }
-declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    showUnits: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/types/components/rendering/WaveformTrackBackdrop.vue.d.ts

@@ -1,4 +1,3 @@
-import type { WaveformZeroLineOptions } from '../../types';
 import type { TrackLayout } from '../core/types';
 interface Props {
     track: TrackLayout;
@@ -9,9 +8,6 @@ interface Props {
     frameStyle: {
         backgroundColor: string;
     };
-    zeroLine: Required<Pick<WaveformZeroLineOptions, 'color' | 'width' | 'dash'>> & {
-        visible: boolean;
-    };
 }
 declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/types/components/rendering/WaveformZeroLines.vue.d.ts

@@ -0,0 +1,12 @@
+import type { WaveformZeroLineOptions } from '../../types';
+import type { TrackLayout } from '../core/types';
+type __VLS_Props = {
+    track: TrackLayout;
+    clipPathId: string;
+    innerWidth: number;
+    cleanView: boolean;
+    zeroLine: Required<WaveformZeroLineOptions>;
+};
+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;

package/dist/types/data/recordedDampedWaveform.d.ts

@@ -0,0 +1 @@
+export declare const recordedDampedPoints: number[][];

package/dist/types/demo/types.d.ts

@@ -9,6 +9,7 @@ export interface DemoControlPanelModel {
     displayMode: WaveformDisplayMode;
     overlayMode: WaveformOverlayMode;
     showTooltip: boolean;
+    integerZoom: boolean;
     plotMarginTop: number;
     plotMarginBottom: number;
     cleanView: boolean;
@@ -20,6 +21,7 @@ export interface DemoControlPanelModel {
     zeroLineVisible: boolean;
     zeroLineColor: string;
     zeroLineWidth: number;
+    zeroLineOpacity: number;
     zeroLineDash: string;
     zeroLineDashOptions: Array<SelectOption<string>>;
     rowCount: number;
@@ -82,6 +84,7 @@ export interface DemoChartModel {
     cleanView: boolean;
     presentationMode: boolean;
     showTooltip: boolean;
+    integerZoom: boolean;
     plotMargin: WaveformPlotMargin;
     zeroLine: WaveformZeroLineOptions;
     frameWatermarkVisible: boolean;

package/dist/types/index.d.ts

@@ -3,7 +3,8 @@
  * @packageDocumentation
  */
 export { default as WaveformChart } from './components/WaveformChart.vue';
-export type { WaveformPoint, WaveformDisplayMode, WaveformOverlayMode, WaveformInteractionMode, WaveformXDomainStrategy, WaveformZoomIntentPayload, WaveformZoomEndPayload, WaveformZoomResetPayload, WaveformAnnotationStyle, WaveformAnnotation, WaveformSamplingMode, WaveformSamplingStrategy, WaveformSamplingOptions, WaveformSamplingBackend, WaveformSamplingDiagnostics, WaveformSamplingError, WaveformRenderingOptions, WaveformPlotMargin, WaveformTitleTextStyle, WaveformTitleOptions, WaveformLegendPosition, WaveformLegendOrientation, WaveformLegendOptions, WaveformFrameStyle, WaveformXAxisLabelKind, WaveformXAxisLabelFormatterContext, WaveformXAxisLabelFormatter, WaveformAxesOptions, WaveformZeroLineOptions, SingleWaveformData, WaveformLineType, WaveformLineStyle, WaveformPointType, WaveformErrorBarOptions, ResolvedWaveformErrorBarOptions, WaveformTypedValues, TypedSampleData, TypedPointData, WaveformSeries, WaveformData, NormalizedWaveformSeries, } from './types';
+export type { WaveformChartProps } from './components/core/waveformChartTypes';
+export type { WaveformPoint, WaveformDisplayMode, WaveformUnitDisplayMode, WaveformLayoutPreset, WaveformOverlayMode, WaveformInteractionMode, WaveformXDomainStrategy, WaveformZoomIntentPayload, WaveformZoomEndPayload, WaveformPanEndPayload, WaveformZoomResetPayload, WaveformAnnotationStyle, WaveformAnnotation, WaveformSamplingMode, WaveformSamplingStrategy, WaveformSamplingOptions, WaveformSamplingBackend, WaveformSamplingDiagnostics, WaveformSamplingError, WaveformRenderingOptions, WaveformPlotMargin, WaveformTitleTextStyle, WaveformTitleOptions, WaveformLegendPosition, WaveformLegendOrientation, WaveformLegendOptions, WaveformFrameStyle, WaveformXAxisLabelKind, WaveformXAxisLabelFormatterContext, WaveformXAxisLabelFormatter, WaveformAxesOptions, WaveformZeroLineOptions, SingleWaveformData, WaveformLineType, WaveformLineStyle, WaveformPointType, WaveformErrorBarOptions, ResolvedWaveformErrorBarOptions, WaveformTypedValues, TypedSampleData, TypedPointData, WaveformSeries, WaveformData, NormalizedWaveformSeries, } from './types';
 export type { WaveformGridOptions, WaveformGridLineOptions, WaveformGridTrackLines, } from './components/core/grid';
 export { normalizeWaveformData, normalizeWaveformSeries } from './core';
 export { paddedDomain, buildMinorTicks, displayTime, formatEndpointTime, formatAxisTime, formatTooltipTime, resolveTrackGeometry, clamp, type TimeUnit, type TrackGeometry, } from './utils';

package/dist/types/types/chart.d.ts

@@ -11,6 +11,10 @@ export interface WaveformPoint {
     /** Error above Y; overrides `error` for the upper side. */
     upperError?: number;
 }
+/** Optional compact title and time-label placement at the card edges. */
+export type WaveformLayoutPreset = 'default' | 'edge-compact';
+/** Controls unit placement without changing series metadata. */
+export type WaveformUnitDisplayMode = 'axis' | 'legend-single-series';
 /**
  * 显示模式
  * - independent: 每个波形独立 Y 轴和缩放
@@ -44,6 +48,13 @@ export interface WaveformZoomEndPayload {
     seriesIds?: string[];
     gesture?: 'wheel' | 'box';
 }
+/** Final horizontal viewport after a pan; endpoints are always seconds. */
+export interface WaveformPanEndPayload {
+    start: number;
+    end: number;
+    trackIndex?: number;
+    seriesIds?: string[];
+}
 /** Describes the X-axis viewport targeted by a user zoom gesture before rendering settles. */
 export interface WaveformZoomIntentPayload {
     start: number;
@@ -221,6 +232,8 @@ export interface WaveformAxesOptions {
         splitNumber?: number;
         /** Expands Y-axis domains to equal, human-friendly intervals. Defaults to true. */
         nice?: boolean;
+        /** Adds this fraction of the automatic Y span above its maximum. Defaults to 0. */
+        upperPaddingRatio?: number;
     };
 }
 /** Styling and visibility options for the horizontal zero-value reference line. */
@@ -233,4 +246,8 @@ export interface WaveformZeroLineOptions {
     width?: number;
     /** SVG stroke-dasharray. Defaults to '6 4'; use '' for a solid line. */
     dash?: string;
+    /** Stroke opacity from 0 to 1. Defaults to 0.5; multiplies the color's alpha. */
+    opacity?: number;
+    /** Hide within this fraction of a Y-axis tick interval from either boundary. Defaults to 0.02. */
+    boundaryThreshold?: number;
 }

package/dist/types/types/index.d.ts

@@ -1,5 +1,5 @@
 /**
  * 类型定义统一导出
  */
-export type { WaveformPoint, WaveformDisplayMode, WaveformOverlayMode, WaveformInteractionMode, WaveformXDomainStrategy, WaveformZoomIntentPayload, WaveformZoomEndPayload, WaveformZoomResetPayload, WaveformAnnotationStyle, WaveformAnnotation, WaveformSamplingMode, WaveformSamplingStrategy, WaveformSamplingOptions, WaveformSamplingBackend, WaveformSamplingDiagnostics, WaveformSamplingError, WaveformRenderingOptions, WaveformPlotMargin, WaveformTitleTextStyle, WaveformTitleOptions, WaveformLegendPosition, WaveformLegendOrientation, WaveformLegendOptions, WaveformFrameStyle, WaveformXAxisLabelKind, WaveformXAxisLabelFormatterContext, WaveformXAxisLabelFormatter, WaveformAxesOptions, WaveformZeroLineOptions, } from './chart';
+export type { WaveformPoint, WaveformDisplayMode, WaveformUnitDisplayMode, WaveformLayoutPreset, WaveformOverlayMode, WaveformInteractionMode, WaveformXDomainStrategy, WaveformZoomIntentPayload, WaveformZoomEndPayload, WaveformPanEndPayload, WaveformZoomResetPayload, WaveformAnnotationStyle, WaveformAnnotation, WaveformSamplingMode, WaveformSamplingStrategy, WaveformSamplingOptions, WaveformSamplingBackend, WaveformSamplingDiagnostics, WaveformSamplingError, WaveformRenderingOptions, WaveformPlotMargin, WaveformTitleTextStyle, WaveformTitleOptions, WaveformLegendPosition, WaveformLegendOrientation, WaveformLegendOptions, WaveformFrameStyle, WaveformXAxisLabelKind, WaveformXAxisLabelFormatterContext, WaveformXAxisLabelFormatter, WaveformAxesOptions, WaveformZeroLineOptions, } from './chart';
 export type { SingleWaveformData, WaveformLineType, WaveformLineStyle, WaveformPointType, WaveformErrorBarOptions, ResolvedWaveformErrorBarOptions, WaveformTypedValues, TypedSampleData, TypedPointData, WaveformSeries, WaveformData, NormalizedWaveformSeries, } from './data';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "waveform-analysis",
-  "version": "0.1.65",
+  "version": "0.1.67",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
   "types": "./dist/types/index.d.ts",

package/src/App.vue

@@ -48,11 +48,13 @@ const annotationsVisible = ref(true)
 const cleanView = ref(false)
 const presentationMode = ref(false)
 const showTooltip = ref(true)
+const integerZoom = ref(true)
 const plotMarginTop = ref(18)
 const plotMarginBottom = ref(52)
 const zeroLineVisible = ref(true)
 const zeroLineColor = ref('#ff0000')
 const zeroLineWidth = ref(1)
+const zeroLineOpacity = ref(0.5)
 const zeroLineDash = ref('6 4')
 const interactionMode = ref<WaveformInteractionMode>('zoom')
 const legendPosition = ref<WaveformLegendPosition>('top-right')
@@ -127,6 +129,7 @@ const zeroLine = computed<WaveformZeroLineOptions>(() => ({
   visible: zeroLineVisible.value,
   color: zeroLineColor.value,
   width: zeroLineWidth.value,
+  opacity: zeroLineOpacity.value,
   dash: zeroLineDash.value,
 }))
 const plotMargin = computed<WaveformPlotMargin>(() => ({
@@ -298,6 +301,7 @@ const controlPanelModel = reactive({
   displayMode,
   overlayMode,
   showTooltip,
+  integerZoom,
   plotMarginTop,
   plotMarginBottom,
   cleanView,
@@ -309,6 +313,7 @@ const controlPanelModel = reactive({
   zeroLineVisible,
   zeroLineColor,
   zeroLineWidth,
+  zeroLineOpacity,
   zeroLineDash,
   zeroLineDashOptions,
   rowCount,
@@ -365,6 +370,7 @@ const chartModel = reactive({
   cleanView,
   presentationMode,
   showTooltip,
+  integerZoom,
   plotMargin,
   zeroLine,
   frameWatermarkVisible,

package/src/components/WaveformChart.css

@@ -117,6 +117,11 @@
   font-size: 12px;
 }
 
+.waveform-chart--edge-compact .waveform-chart__x-label {
+  font-size: 18px;
+  font-weight: 700;
+}
+
 .waveform-chart__label {
   font-weight: 700;
 }

package/src/components/WaveformChart.vue

@@ -10,10 +10,13 @@ import WaveformChartView from './WaveformChartView.vue'
 const props = withDefaults(defineProps<WaveformChartProps>(), {
   displayMode: 'independent',
   overlayMode: 'single-axis',
+  unitDisplayMode: 'axis',
+  layoutPreset: 'default',
   yLabel: '幅值',
   lineColor: '#0960bd',
   showTooltip: true,
   zoomable: true,
+  integerZoom: false,
   pannable: false,
   minVisiblePoints: 0,
   xDomainStrategy: () => ({ type: 'integer-ms' }),

package/src/components/WaveformChartView.vue

@@ -13,10 +13,14 @@ const {
   displayMode,
   activeInteractionMode,
   isCleanView,
+  isEdgeCompact,
+  paginationVisible,
   isPresentationMode,
   selection,
   containerStyle,
   overlayMode,
+  unitDisplayMode,
+  showLegendUnits,
   resolvedChartLeftMargin,
   titleAreaHeight,
   resolvedPlotMargin,
@@ -77,7 +81,6 @@ const {
   xAxisTitleY,
   hasChartArea,
   gridOptions,
-  pageCount,
   currentPage,
   getPageSize,
   pageableTracks,
@@ -116,6 +119,7 @@ function handleChartPointerLeave() {
       `waveform-chart--interaction-${activeInteractionMode}`,
       {
         'waveform-chart--clean': isCleanView,
+        'waveform-chart--edge-compact': isEdgeCompact,
         'waveform-chart--presentation': isPresentationMode,
         'waveform-chart--panning': selection?.kind === 'pan',
       },
@@ -233,6 +237,9 @@ function handleChartPointerLeave() {
           :frame-number="resolveFrameNumber(track.id)"
           :frame-style="frameStyle"
           :axes="axes"
+          :show-axis-units="unitDisplayMode === 'axis'"
+          :contain-y-axis-endpoints="isEdgeCompact"
+          :contain-frame-stroke="isEdgeCompact"
           :clean-view="isCleanView"
           :zero-line="resolvedZeroLine"
           :time-unit="timeUnit"
@@ -284,8 +291,12 @@ function handleChartPointerLeave() {
             :transform="`translate(${track.left}, ${track.top})`"
           >
             <WaveformLegend
-              v-if="!track.isEmpty && track.legendSeries.length > 1"
+              v-if="
+                !track.isEmpty &&
+                (track.legendSeries.length > 1 || unitDisplayMode === 'legend-single-series')
+              "
               :series="track.legendSeries"
+              :show-units="showLegendUnits"
               :position="resolveLegendPosition(track.id)"
               :orientation="resolveLegendOrientation(resolveLegendPosition(track.id))"
               :background-color="legendBackgroundColor"
@@ -321,7 +332,7 @@ function handleChartPointerLeave() {
     </svg>
 
     <Pagination
-      v-if="gridOptions.showPagination && pageCount > 1 && !isCleanView"
+      v-if="paginationVisible"
       class="waveform-chart__pagination"
       aria-label="波形分页"
       :current="currentPage"

package/src/components/core/constants.ts

@@ -182,6 +182,8 @@ export const ZERO_LINE_DEFAULTS = {
   WIDTH: 1,
   /** 虚线样式 */
   DASH: '6 4',
+  OPACITY: 0.5,
+  BOUNDARY_THRESHOLD: 0.02,
 }
 
 /**

package/src/components/core/grid.ts

@@ -134,6 +134,7 @@ export function resolveGridCellGeometry(
   slotHasSeries: boolean[] = [],
   horizontalGap?: number,
   showXAxis = true,
+  bottomAxisBandInMargin = false,
 ): GridCellGeometry[] {
   const pageSize = getPageSize(options)
   const seriesCount = slotHasSeries.filter(Boolean).length
@@ -164,7 +165,9 @@ export function resolveGridCellGeometry(
     }
   }
   const totalVerticalGap = Math.max(0, rowCount - 1) * defaultGap
-  const totalAxisBand = axisRows.size * X_AXIS_BAND
+  // The final row's ticks may use the chart bottom margin; intermediate bands stay in-grid.
+  const bottomBandCredit = bottomAxisBandInMargin && axisRows.has(rowCount - 1) ? X_AXIS_BAND : 0
+  const totalAxisBand = axisRows.size * X_AXIS_BAND - bottomBandCredit
   const plotHeight = Math.max(1, (innerHeight - totalVerticalGap - totalAxisBand) / rowCount)
 
   return Array.from({ length: filledLastRow ? seriesCount : pageSize }, (_, slotIndex) => {

package/src/components/core/layout.ts

@@ -161,10 +161,21 @@ export function resolveRenderedYAxisSeriesGroups(
   yDomain?: WaveformYDomain,
   yDomains?: Record<string, WaveformYDomain>,
   viewportYDomains?: Record<string, [number, number]>,
+  upperPaddingRatio = 0,
 ): YAxisSeriesGroup[] {
   const viewportYDomain = viewportYDomains?.[track.id]
   return resolveYAxisSeriesGroups(track, overlayMode, yDomain, yDomains).map((group) =>
-    !group.fixed && viewportYDomain ? { ...group, domain: viewportYDomain } : group,
+    !group.fixed && viewportYDomain
+      ? { ...group, domain: viewportYDomain }
+      : !group.fixed && Number.isFinite(upperPaddingRatio) && upperPaddingRatio > 0
+        ? {
+            ...group,
+            domain: [
+              group.domain[0],
+              group.domain[1] + (group.domain[1] - group.domain[0]) * upperPaddingRatio,
+            ] as WaveformYDomain,
+          }
+        : group,
   )
 }
 
@@ -255,6 +266,8 @@ export function buildYAxisSlots(
   nice = true,
   includeWithoutLastTick = false,
   viewportYDomains?: Record<string, [number, number]>,
+  upperPaddingRatio = 0,
+  showUnits = true,
 ): { slots: YAxisSlot[]; clearance: { left: number; right: number } } {
   const widths = new Map<string, number>()
   tracks.forEach((track) => {
@@ -265,6 +278,7 @@ export function buildYAxisSlots(
       yDomain,
       yDomains,
       viewportYDomains,
+      upperPaddingRatio,
     ).forEach((group) => {
       const sideIndex = sideIndexes[group.side]++
       const key = `${group.side}:${sideIndex}`
@@ -272,7 +286,7 @@ export function buildYAxisSlots(
         group.domain,
         nice,
         undefined,
-        group.seriesList[0]?.unit,
+        showUnits ? group.seriesList[0]?.unit : undefined,
         tickCount,
         includeWithoutLastTick,
       ).tickTextWidth

package/src/components/core/pagination.ts

@@ -0,0 +1,17 @@
+/** Conservative Ant pagination sizing, including first/last pages and both ellipses. */
+export function resolveCompactPaginationBand(
+  visible: boolean,
+  width: number,
+  pageCount: number,
+  timeLabelCenter: number,
+  timeLabel: string,
+): 0 | 16 | 40 {
+  if (!visible) return 0
+  if (width <= 520) return 40
+  const controls = Math.min(pageCount, 9) + 2
+  const paginationWidth = controls * 32 + controls * 8
+  // A full 18px em per character also accommodates wide glyphs and Chinese labels.
+  const labelRight = timeLabelCenter + (Array.from(timeLabel).length * 18) / 2
+  const availableWidth = width - 10 - labelRight - 8
+  return availableWidth >= paginationWidth ? 16 : 40
+}

package/src/components/core/title.ts

@@ -20,6 +20,7 @@ export interface RotatedTitleLayoutOptions {
   naturalHeight: number
   availableWidth: number
   rotation: number
+  edgeCompact?: boolean
 }
 
 function clampPositive(value: number): number {
@@ -31,7 +32,10 @@ export function calculateRotatedTitleLayout({
   naturalHeight,
   availableWidth,
   rotation,
+  edgeCompact = false,
 }: RotatedTitleLayoutOptions): RotatedTitleLayout {
+  const verticalPadding = edgeCompact ? 8 : TITLE_AREA_VERTICAL_PADDING
+  const minimumHeight = edgeCompact ? 0 : TITLE_AREA_MIN_HEIGHT
   const safeNaturalWidth = clampPositive(naturalWidth)
   const safeNaturalHeight = clampPositive(naturalHeight)
   const safeAvailableWidth = clampPositive(availableWidth)
@@ -53,13 +57,13 @@ export function calculateRotatedTitleLayout({
       textHeight,
       visualWidth: textWidth,
       visualHeight: textHeight,
-      areaHeight: Math.max(TITLE_AREA_MIN_HEIGHT, textHeight + TITLE_AREA_VERTICAL_PADDING),
+      areaHeight: Math.max(minimumHeight, textHeight + verticalPadding),
       scale: 1,
       wrapped: lineCount > 1,
     }
   }
 
-  const maximumVisualHeight = TITLE_AREA_MAX_HEIGHT - TITLE_AREA_VERTICAL_PADDING
+  const maximumVisualHeight = TITLE_AREA_MAX_HEIGHT - verticalPadding
   const naturalVisualWidth = safeNaturalWidth * absoluteCosine + safeNaturalHeight * absoluteSine
   const naturalVisualHeight = safeNaturalWidth * absoluteSine + safeNaturalHeight * absoluteCosine
   const scale = Math.min(
@@ -71,7 +75,7 @@ export function calculateRotatedTitleLayout({
   const visualHeight = naturalVisualHeight * scale
   const areaHeight = Math.min(
     TITLE_AREA_MAX_HEIGHT,
-    Math.max(TITLE_AREA_MIN_HEIGHT, visualHeight + TITLE_AREA_VERTICAL_PADDING),
+    Math.max(minimumHeight, visualHeight + verticalPadding),
   )
 
   return {