Method _calcTickMarkTransform

src/material/slider/slider.ts:595–600

Returns the translateX positioning for a tick mark based on it's index.

(index: number)

  /** Returns the translateX positioning for a tick mark based on it's index. */
  _calcTickMarkTransform(index: number): string {
    // TODO(wagnermaciel): See if we can avoid doing this and just using flex to position these.
    const offset = index * (this._tickMarkTrackWidth / (this._tickMarks.length - 1));
    const translateX = this._isRtl() ? this._cachedWidth - 6 - offset : offset;
    return `translateX(${translateX}px)`;
  }

  // Handlers for updating the slider ui.