Skip to content

sliding-indicator

sliding-indicator

Type Aliases

SlidingIndicatorPositioned

type SlidingIndicatorPositioned = object;

Defined in: packages/ui/build/sliding-indicator/sliding-indicator.d.ts:18

Properties

Property Type Defined in
current boolean packages/ui/build/sliding-indicator/sliding-indicator.d.ts:19

SlidingIndicatorRect

type SlidingIndicatorRect = object;

Defined in: packages/ui/build/sliding-indicator/sliding-indicator.d.ts:7

Properties

Property Type Defined in
height number packages/ui/build/sliding-indicator/sliding-indicator.d.ts:11
width number packages/ui/build/sliding-indicator/sliding-indicator.d.ts:10
x number packages/ui/build/sliding-indicator/sliding-indicator.d.ts:8
y number packages/ui/build/sliding-indicator/sliding-indicator.d.ts:9

Variables

SLIDING_INDICATOR_EXPAND_TRANSITION_CLASS

const SLIDING_INDICATOR_EXPAND_TRANSITION_CLASS: "grid min-h-0 transition-[grid-template-rows] duration-200 ease-[cubic-bezier(0.4,0,0.2,1)]" = "grid min-h-0 transition-[grid-template-rows] duration-200 ease-[cubic-bezier(0.4,0,0.2,1)]";

Defined in: packages/ui/build/sliding-indicator/sliding-indicator.d.ts:6

Folder expand/collapse in file tree — same duration and easing.


SLIDING_INDICATOR_MS

const SLIDING_INDICATOR_MS: 200 = 200;

Defined in: packages/ui/build/sliding-indicator/sliding-indicator.d.ts:2

Shared duration for sliding selection indicators (tabs, file tree, sidebar rail).


SLIDING_INDICATOR_TRANSITION_CLASS

const SLIDING_INDICATOR_TRANSITION_CLASS: "pointer-events-none absolute top-0 left-0 z-0 transition-transform duration-200 ease-[cubic-bezier(0.4,0,0.2,1)] will-change-transform" = "pointer-events-none absolute top-0 left-0 z-0 transition-transform duration-200 ease-[cubic-bezier(0.4,0,0.2,1)] will-change-transform";

Defined in: packages/ui/build/sliding-indicator/sliding-indicator.d.ts:4

Sliding pill: position only — width/height snap so the pill glides A→B without fighting size changes.

Functions

bindSlidingIndicatorMeasure()

function bindSlidingIndicatorMeasure(config): (animate) => void;

Defined in: packages/ui/build/sliding-indicator/sliding-indicator.d.ts:21

Parameters

Parameter Type
config { formatStyle?: (rect, options) => string; getTarget: () => HTMLElement | null; onStyle: (style) => void; positioned: SlidingIndicatorPositioned; whenHidden?: () => boolean; }
config.formatStyle? (rect, options) => string
config.getTarget () => HTMLElement | null
config.onStyle (style) => void
config.positioned SlidingIndicatorPositioned
config.whenHidden? () => boolean

Returns

(animate) => void


createSlidingIndicatorScheduler()

function createSlidingIndicatorScheduler(measure): (animate) => void;

Defined in: packages/ui/build/sliding-indicator/sliding-indicator.d.ts:33

Coalesce DOM measures; defer resize snaps while a slide is in flight.

Parameters

Parameter Type
measure (useTransition) => void

Returns

(animate) => void


formatSlidingIndicatorStyle()

function formatSlidingIndicatorStyle(rect, options): string;

Defined in: packages/ui/build/sliding-indicator/sliding-indicator.d.ts:14

Parameters

Parameter Type
rect SlidingIndicatorRect
options { hasPositioned: boolean; useTransition: boolean; }
options.hasPositioned boolean
options.useTransition boolean

Returns

string


observeSlidingIndicatorResize()

function observeSlidingIndicatorResize(
   root, 
   schedule, 
   selector?): () => void;

Defined in: packages/ui/build/sliding-indicator/sliding-indicator.d.ts:31

Parameters

Parameter Type
root HTMLElement
schedule (animate) => void
selector? string

Returns

() => void


rectFromOffsetElement()

function rectFromOffsetElement(el): SlidingIndicatorRect;

Defined in: packages/ui/build/sliding-indicator/sliding-indicator.d.ts:13

Parameters

Parameter Type
el HTMLElement

Returns

SlidingIndicatorRect