From 30f18f1fc5c4bc4058a3e7eae7e25c82308488e7 Mon Sep 17 00:00:00 2001
From: Tim Gates <tim.gates@iress.com>
Date: Sun, 23 Apr 2023 12:31:00 +1000
Subject: [PATCH] docs: Fix a few typos

There are small typos in:
- src/js/timeline/Timeline.js
- src/js/timenav/TimeNav.js

Fixes:
- Should read `swipeable` rather than `swipable`.
- Should read `initial` rather than `intial`.

Signed-off-by: Tim Gates <tim.gates@iress.com>
---
 src/js/timeline/Timeline.js |  2 +-
 src/js/timenav/TimeNav.js   | 18 +++++++++---------
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/js/timeline/Timeline.js b/src/js/timeline/Timeline.js
index 576dce91e..397ff9799 100644
--- a/src/js/timeline/Timeline.js
+++ b/src/js/timeline/Timeline.js
@@ -432,7 +432,7 @@ class Timeline {
         this._timenav.options.height = this.options.timenav_height;
         this._timenav.init();
 
-        // intial_zoom cannot be applied before the timenav has been created
+        // initial_zoom cannot be applied before the timenav has been created
         if (this.options.initial_zoom) {
             // at this point, this.options refers to the merged set of options
             this.setZoom(this.options.initial_zoom);
diff --git a/src/js/timenav/TimeNav.js b/src/js/timenav/TimeNav.js
index 4d9c90dce..86f17a779 100644
--- a/src/js/timenav/TimeNav.js
+++ b/src/js/timenav/TimeNav.js
@@ -9,7 +9,7 @@ import { TimeGroup } from "./TimeGroup"
 import { TimeEra } from "./TimeEra"
 import { TimeAxis } from "./TimeAxis"
 import { TimeMarker } from "./TimeMarker"
-import Swipable from "../ui/Swipable"
+import Swipeable from "../ui/Swipeable"
 import { Animate } from "../animation/Animate"
 import { I18NMixins } from "../language/I18NMixins"
 
@@ -107,7 +107,7 @@ export class TimeNav {
         this.animate_css = false;
 
         // Swipe Object
-        this._swipable;
+        this._swipeable;
 
         // Merge Data and Options
         mergeData(this.options, options);
@@ -157,13 +157,13 @@ export class TimeNav {
         // Size Markers
         this._assignRowsToMarkers();
 
-        // Size swipable area
+        // Size swipeable area
         this._el.slider_background.style.width = this.timescale.getPixelWidth() + this.options.width + "px";
         this._el.slider_background.style.left = -(this.options.width / 2) + "px";
         this._el.slider.style.width = this.timescale.getPixelWidth() + this.options.width + "px";
 
-        // Update Swipable constraint
-        this._swipable.updateConstraint({ top: false, bottom: false, left: (this.options.width / 2), right: -(this.timescale.getPixelWidth() - (this.options.width / 2)) });
+        // Update Swipeable constraint
+        this._swipeable.updateConstraint({ top: false, bottom: false, left: (this.options.width / 2), right: -(this.timescale.getPixelWidth() - (this.options.width / 2)) });
 
         if (reposition_markers) {
             this._drawTimeline()
@@ -781,19 +781,19 @@ export class TimeNav {
         // Time Axis
         this.timeaxis = new TimeAxis(this._el.timeaxis, this.options, this.language);
 
-        // Swipable
-        this._swipable = new Swipable(this._el.slider_background, this._el.slider, {
+        // Swipeable
+        this._swipeable = new Swipeable(this._el.slider_background, this._el.slider, {
             enable: { x: true, y: false },
             constraint: { top: false, bottom: false, left: (this.options.width / 2), right: false },
             snap: false
         });
-        this._swipable.enable();
+        this._swipeable.enable();
 
     }
 
     _initEvents() {
         // Drag Events
-        this._swipable.on('dragmove', this._onDragMove, this);
+        this._swipeable.on('dragmove', this._onDragMove, this);
 
         // Scroll Events
         DOMEvent.addListener(this._el.container, 'mousewheel', this._onMouseScroll, this);