Class ZoomManager

Index

Constructors

Properties

_zoom _zoomLevels settings throttleTime wrapper zoomControls zoomInButton zoomOutButton

Accessors

zoom zoomLevels

Methods

initZoomControls manualHeightUpdate setZoom setZoomControlsColor setZoomLevels wrapElement zoomIn zoomOrDimensionChanged zoomOut

Constructors

constructor

new ZoomManager(settings: ZoomManagerSettings): ZoomManager
Place the settings.element in a zoom wrapper and init zoomControls.
Parameters
- settings: ZoomManagerSettings
Returns ZoomManager
- Defined in zoom-manager.ts:185

Properties

`Protected`_zoom

_zoom: number

`Protected`_zoomLevels

_zoomLevels: number[]

`Protected`settings

settings: ZoomManagerSettings

`Protected`throttleTime

throttleTime: number

`Protected`wrapper

wrapper: HTMLDivElement

`Protected`zoomControls

zoomControls: HTMLDivElement

`Protected`zoomInButton

zoomInButton: HTMLButtonElement

`Protected`zoomOutButton

zoomOutButton: HTMLButtonElement

Accessors

zoom

get zoom(): number
Returns the zoom level

Returns number
- Defined in zoom-manager.ts:161

zoomLevels

get zoomLevels(): number[]
Returns the zoom levels

Returns number[]
- Defined in zoom-manager.ts:168

Methods

`Protected`initZoomControls

initZoomControls(settings: ZoomManagerSettings): void
Set-up the zoom controls
Parameters
- settings: ZoomManagerSettings
  a ZoomManagerSettings object.
Returns void
- Defined in zoom-manager.ts:350

manualHeightUpdate

manualHeightUpdate(): void
Call this method for the browsers not supporting ResizeObserver, everytime the table height changes, if you know it. If the browsert is recent enough (>= Safari 13.1) it will just be ignored.

Returns void
- Defined in zoom-manager.ts:301

setZoom

setZoom(zoom?: number): void
Set the zoom level. Ideally, use a zoom level in the zoomLevels range.
Parameters
- zoom: number = 1
  zool level
Returns void
- Defined in zoom-manager.ts:281

setZoomControlsColor

setZoomControlsColor(color: "black" | "white"): void
Changes the color of the zoom controls.
Parameters
- color: "black" | "white"
Returns void
- Defined in zoom-manager.ts:340

setZoomLevels

setZoomLevels(zoomLevels: number[], newZoom?: number): void
Sets the available zoomLevels and new zoom to the provided values.
Parameters
- zoomLevels: number[]
  the new array of zoomLevels that can be used.
- OptionalnewZoom: number
  if provided the zoom will be set to this value, if not the last element of the zoomLevels array will be set as the new zoom
Returns void
- Defined in zoom-manager.ts:265

`Protected`wrapElement

wrapElement(wrapper: HTMLElement, element: HTMLElement): void
Wraps an element around an existing DOM element
Parameters
- wrapper: HTMLElement
  the wrapper element
- element: HTMLElement
  the existing element
Returns void
- Defined in zoom-manager.ts:384

zoomIn

zoomIn(): void
Simulates a click on the Zoom-in button.

Returns void
- Defined in zoom-manager.ts:318

`Protected`zoomOrDimensionChanged

zoomOrDimensionChanged(): void
Everytime the element dimensions changes, we update the style. And call the optional callback. Unsafe method as this is not protected by throttle. Surround with advThrottle(() => this.zoomOrDimensionChanged(), this.throttleTime, { leading: true, trailing: true, }) to avoid spamming recomputation.

Returns void
- Defined in zoom-manager.ts:311

zoomOut

zoomOut(): void
Simulates a click on the Zoom-out button.

Returns void
- Defined in zoom-manager.ts:329