vevet 3.18.0 → 3.19.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (36) hide show
  1. package/lib/cjs/components/AnimationFrame/index.js +26 -26
  2. package/lib/cjs/components/AnimationFrame/index.js.map +1 -1
  3. package/lib/cjs/components/SmoothScrollKeyboardPlugin/index.js +23 -14
  4. package/lib/cjs/components/SmoothScrollKeyboardPlugin/index.js.map +1 -1
  5. package/lib/cjs/components/SplitText/index.js +7 -0
  6. package/lib/cjs/components/SplitText/index.js.map +1 -1
  7. package/lib/cjs/components/Timeline/index.js +13 -13
  8. package/lib/cjs/components/Timeline/index.js.map +1 -1
  9. package/lib/cjs/version.js +1 -1
  10. package/lib/esm/components/AnimationFrame/index.js +26 -26
  11. package/lib/esm/components/AnimationFrame/index.js.map +1 -1
  12. package/lib/esm/components/SmoothScrollKeyboardPlugin/index.js +23 -14
  13. package/lib/esm/components/SmoothScrollKeyboardPlugin/index.js.map +1 -1
  14. package/lib/esm/components/SplitText/index.js +7 -0
  15. package/lib/esm/components/SplitText/index.js.map +1 -1
  16. package/lib/esm/components/Timeline/index.js +13 -13
  17. package/lib/esm/components/Timeline/index.js.map +1 -1
  18. package/lib/esm/version.js +1 -1
  19. package/lib/types/components/AnimationFrame/index.d.ts +5 -5
  20. package/lib/types/components/AnimationFrame/index.d.ts.map +1 -1
  21. package/lib/types/components/SmoothScrollKeyboardPlugin/index.d.ts +5 -3
  22. package/lib/types/components/SmoothScrollKeyboardPlugin/index.d.ts.map +1 -1
  23. package/lib/types/components/SplitText/index.d.ts.map +1 -1
  24. package/lib/types/components/SplitText/types.d.ts +1 -0
  25. package/lib/types/components/SplitText/types.d.ts.map +1 -1
  26. package/lib/types/components/Timeline/index.d.ts +2 -2
  27. package/lib/types/components/Timeline/index.d.ts.map +1 -1
  28. package/lib/types/version.d.ts +1 -1
  29. package/package.json +1 -1
  30. package/src/components/AnimationFrame/index.ts +31 -31
  31. package/src/components/SmoothScrollKeyboardPlugin/index.ts +29 -16
  32. package/src/components/SmoothScrollKeyboardPlugin/stories/index.tsx +10 -1
  33. package/src/components/SplitText/index.ts +9 -0
  34. package/src/components/SplitText/types.ts +1 -0
  35. package/src/components/Timeline/index.ts +15 -17
  36. package/src/version.ts +1 -1
package/lib/cjs/components/AnimationFrame/index.js CHANGED
@@ -37,11 +37,11 @@ var AnimationFrame = /** @class */ (function (_super) {
37
37
  if (canInit === void 0) { canInit = true; }
38
38
  var _this = _super.call(this, initialProps, false) || this;
39
39
  _this._isPlaying = false;
40
- _this._frame = null;
41
- _this._frameIndex = -1;
42
- _this._firstFrameTime = null;
43
- _this._lastFrameTime = null;
44
- _this._frameDurations = [];
40
+ _this._raf = null;
41
+ _this._rafIndex = -1;
42
+ _this._rafFirst = null;
43
+ _this._rafLast = null;
44
+ _this._durations = [];
45
45
  _this._computedFPS = _this.props.fps !== 'auto' ? _this.props.fps : 60;
46
46
  if (canInit) {
47
47
  _this.init();
@@ -82,9 +82,9 @@ var AnimationFrame = /** @class */ (function (_super) {
82
82
  };
83
83
  AnimationFrame.prototype._onPropsMutate = function () {
84
84
  _super.prototype._onPropsMutate.call(this);
85
- this._frameIndex = -1;
86
- this._firstFrameTime = null;
87
- this._lastFrameTime = null;
85
+ this._rafIndex = -1;
86
+ this._rafFirst = null;
87
+ this._rafLast = null;
88
88
  if (this.props.isEnabled) {
89
89
  this._play();
90
90
  }
@@ -110,7 +110,7 @@ var AnimationFrame = /** @class */ (function (_super) {
110
110
  this._isPlaying = true;
111
111
  this.callbacks.tbt('play', undefined);
112
112
  this.callbacks.tbt('toggle', undefined);
113
- this._frame = window.requestAnimationFrame(this._animate.bind(this));
113
+ this._raf = window.requestAnimationFrame(this._animate.bind(this));
114
114
  };
115
115
  /** Pause animation */
116
116
  AnimationFrame.prototype.pause = function () {
@@ -124,9 +124,9 @@ var AnimationFrame = /** @class */ (function (_super) {
124
124
  if (!this.isPlaying) {
125
125
  return;
126
126
  }
127
- if (this._frame) {
128
- window.cancelAnimationFrame(this._frame);
129
- this._frame = null;
127
+ if (this._raf) {
128
+ window.cancelAnimationFrame(this._raf);
129
+ this._raf = null;
130
130
  }
131
131
  this._isPlaying = false;
132
132
  this.callbacks.tbt('pause', undefined);
@@ -137,47 +137,47 @@ var AnimationFrame = /** @class */ (function (_super) {
137
137
  if (!this._isPlaying) {
138
138
  return;
139
139
  }
140
- this._frame = window.requestAnimationFrame(this._animate.bind(this));
140
+ this._raf = window.requestAnimationFrame(this._animate.bind(this));
141
141
  // update time
142
- var startTime = +new Date();
143
- if (this._firstFrameTime === null) {
144
- this._firstFrameTime = startTime;
142
+ var startTime = Date.now();
143
+ if (this._rafFirst === null) {
144
+ this._rafFirst = startTime;
145
145
  }
146
146
  // calculate frame index
147
147
  var minFrameDuration = this.props.fps === 'auto' ? 1 : 1000 / this.props.fps;
148
- var newFrameIndex = Math.floor((startTime - this._firstFrameTime) / minFrameDuration);
148
+ var newFrameIndex = Math.floor((startTime - this._rafFirst) / minFrameDuration);
149
149
  // break if frame index the same
150
- if (newFrameIndex <= this._frameIndex) {
150
+ if (newFrameIndex <= this._rafIndex) {
151
151
  return;
152
152
  }
153
153
  // update frame index
154
- this._frameIndex = newFrameIndex;
154
+ this._rafIndex = newFrameIndex;
155
155
  // compute fps
156
156
  this._computeFPS(startTime);
157
157
  // launch callbacks
158
158
  this.callbacks.tbt('frame', undefined);
159
159
  // update vars
160
- this._lastFrameTime = startTime;
160
+ this._rafLast = startTime;
161
161
  };
162
162
  /** Compute real-time FPS */
163
163
  AnimationFrame.prototype._computeFPS = function (startTime) {
164
164
  var _a;
165
- var lastFrameDuration = startTime - ((_a = this._lastFrameTime) !== null && _a !== void 0 ? _a : startTime);
165
+ var lastFrameDuration = startTime - ((_a = this._rafLast) !== null && _a !== void 0 ? _a : startTime);
166
166
  // skip frames that seem not real
167
167
  if (lastFrameDuration <= 0 || lastFrameDuration > 250) {
168
168
  return;
169
169
  }
170
- this._frameDurations.push(lastFrameDuration);
171
- if (this._frameDurations.length < this.props.autoFpsFrames) {
170
+ this._durations.push(lastFrameDuration);
171
+ if (this._durations.length < this.props.autoFpsFrames) {
172
172
  return;
173
173
  }
174
- var totalFramesDuration = this._frameDurations.reduce(function (prev, curr) { return prev + curr; });
175
- var approximateFrameDuration = totalFramesDuration / this._frameDurations.length;
174
+ var totalFramesDuration = this._durations.reduce(function (prev, curr) { return prev + curr; });
175
+ var approximateFrameDuration = totalFramesDuration / this._durations.length;
176
176
  var computedFPS = Math.floor(1000 / approximateFrameDuration);
177
177
  var normalizedFPS = Math.round(computedFPS / 10) * 10;
178
178
  this._computedFPS = normalizedFPS;
179
179
  // clear durations
180
- this._frameDurations = [];
180
+ this._durations = [];
181
181
  };
182
182
  /** Destroy the animation frame */
183
183
  AnimationFrame.prototype._destroy = function () {
package/lib/cjs/components/AnimationFrame/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/AnimationFrame/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/AnimationFrame/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,8CAA+D;AAK/D;;GAEG;AACH;IAOU,kCAA4D;IA6CpE,wBAAY,YAA4C,EAAE,OAAc;QAAd,wBAAA,EAAA,cAAc;QAAxE,YACE,kBAAM,YAAY,EAAE,KAAK,CAAC,SAa3B;QAXC,KAAI,CAAC,UAAU,GAAG,KAAK,CAAC;QACxB,KAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,KAAI,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC;QACpB,KAAI,CAAC,SAAS,GAAG,IAAI,CAAC;QACtB,KAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;QACrB,KAAI,CAAC,UAAU,GAAG,EAAE,CAAC;QACrB,KAAI,CAAC,YAAY,GAAG,KAAI,CAAC,KAAK,CAAC,GAAG,KAAK,MAAM,CAAC,CAAC,CAAC,KAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;QAEpE,IAAI,OAAO,EAAE;YACX,KAAI,CAAC,IAAI,EAAE,CAAC;SACb;;IACH,CAAC;IA1DS,yCAAgB,GAA1B;QACE,6BACK,iBAAM,gBAAgB,WAAE,KAC3B,GAAG,EAAE,MAAM,EACX,aAAa,EAAE,EAAE,EACjB,SAAS,EAAE,KAAK,IAChB;IACJ,CAAC;IAKD,sBAAI,qCAAS;aAAb;YACE,OAAO,IAAI,CAAC,UAAU,CAAC;QACzB,CAAC;;;OAAA;IAqBD,sBAAI,uCAAW;QADf,6BAA6B;aAC7B;YACE,OAAO,IAAI,CAAC,YAAY,CAAC;QAC3B,CAAC;;;OAAA;IAGD,sBAAI,0CAAc;QADlB,+DAA+D;aAC/D;YACE,OAAO,EAAE,GAAG,IAAI,CAAC,WAAW,CAAC;QAC/B,CAAC;;;OAAA;IAkBS,8BAAK,GAAf;QACE,iBAAM,KAAK,WAAE,CAAC;QAEd,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE;YACxB,IAAI,CAAC,IAAI,EAAE,CAAC;SACb;IACH,CAAC;IAES,uCAAc,GAAxB;QACE,iBAAM,cAAc,WAAE,CAAC;QAEvB,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC;QACpB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;QACtB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;QAErB,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE;YACxB,IAAI,CAAC,KAAK,EAAE,CAAC;SACd;aAAM;YACL,IAAI,CAAC,MAAM,EAAE,CAAC;SACf;IACH,CAAC;IAED,qBAAqB;IACd,6BAAI,GAAX;QACE,IAAI,IAAI,CAAC,WAAW,EAAE;YACpB,OAAO;SACR;QAED,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE;YACxB,OAAO;SACR;QAED,IAAI,CAAC,WAAW,CAAC,EAAE,SAAS,EAAE,IAAI,EAAqB,CAAC,CAAC;IAC3D,CAAC;IAED,qBAAqB;IACX,8BAAK,GAAf;QACE,IAAI,IAAI,CAAC,SAAS,EAAE;YAClB,OAAO;SACR;QAED,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;QAEvB,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;QACtC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;QAExC,IAAI,CAAC,IAAI,GAAG,MAAM,CAAC,qBAAqB,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IACrE,CAAC;IAED,sBAAsB;IACf,8BAAK,GAAZ;QACE,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE;YACzB,OAAO;SACR;QAED,IAAI,CAAC,WAAW,CAAC,EAAE,SAAS,EAAE,KAAK,EAAqB,CAAC,CAAC;IAC5D,CAAC;IAED,sBAAsB;IACZ,+BAAM,GAAhB;QACE,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;YACnB,OAAO;SACR;QAED,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,MAAM,CAAC,oBAAoB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACvC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;SAClB;QAED,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;QAExB,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;QACvC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;IAC1C,CAAC;IAED,iCAAiC;IACvB,iCAAQ,GAAlB;QACE,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;YACpB,OAAO;SACR;QAED,IAAI,CAAC,IAAI,GAAG,MAAM,CAAC,qBAAqB,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QAEnE,cAAc;QACd,IAAM,SAAS,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;QAC7B,IAAI,IAAI,CAAC,SAAS,KAAK,IAAI,EAAE;YAC3B,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;SAC5B;QAED,wBAAwB;QACxB,IAAM,gBAAgB,GACpB,IAAI,CAAC,KAAK,CAAC,GAAG,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC;QACxD,IAAM,aAAa,GAAG,IAAI,CAAC,KAAK,CAC9B,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,GAAG,gBAAgB,CAChD,CAAC;QAEF,gCAAgC;QAChC,IAAI,aAAa,IAAI,IAAI,CAAC,SAAS,EAAE;YACnC,OAAO;SACR;QAED,qBAAqB;QACrB,IAAI,CAAC,SAAS,GAAG,aAAa,CAAC;QAE/B,cAAc;QACd,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;QAE5B,mBAAmB;QACnB,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;QAEvC,cAAc;QACd,IAAI,CAAC,QAAQ,GAAG,SAAS,CAAC;IAC5B,CAAC;IAED,4BAA4B;IAClB,oCAAW,GAArB,UAAsB,SAAiB;;QACrC,IAAM,iBAAiB,GAAG,SAAS,GAAG,CAAC,MAAA,IAAI,CAAC,QAAQ,mCAAI,SAAS,CAAC,CAAC;QAEnE,iCAAiC;QACjC,IAAI,iBAAiB,IAAI,CAAC,IAAI,iBAAiB,GAAG,GAAG,EAAE;YACrD,OAAO;SACR;QAED,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;QAExC,IAAI,IAAI,CAAC,UAAU,CAAC,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE;YACrD,OAAO;SACR;QAED,IAAM,mBAAmB,GAAG,IAAI,CAAC,UAAU,CAAC,MAAM,CAChD,UAAC,IAAI,EAAE,IAAI,IAAK,OAAA,IAAI,GAAG,IAAI,EAAX,CAAW,CAC5B,CAAC;QAEF,IAAM,wBAAwB,GAC5B,mBAAmB,GAAG,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC;QAE/C,IAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,wBAAwB,CAAC,CAAC;QAChE,IAAM,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,WAAW,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC;QAExD,IAAI,CAAC,YAAY,GAAG,aAAa,CAAC;QAElC,kBAAkB;QAClB,IAAI,CAAC,UAAU,GAAG,EAAE,CAAC;IACvB,CAAC;IAED,kCAAkC;IACxB,iCAAQ,GAAlB;QACE,IAAI,CAAC,KAAK,EAAE,CAAC;QAEb,iBAAM,QAAQ,WAAE,CAAC;IACnB,CAAC;IACH,qBAAC;AAAD,CAAC,AA3ND,CAOU,qBAAc,GAoNvB;AA3NY,wCAAc"}
package/lib/cjs/components/SmoothScrollKeyboardPlugin/index.js CHANGED
@@ -50,14 +50,14 @@ var SmoothScrollKeyboardPlugin = /** @class */ (function (_super) {
50
50
  });
51
51
  };
52
52
  /** Check if keyboard events may be ignored */
53
- SmoothScrollKeyboardPlugin.prototype._canIgnoreKeyboardEvents = function () {
53
+ SmoothScrollKeyboardPlugin.prototype._canIgnoreEvents = function () {
54
54
  var activeElement = document.activeElement;
55
55
  return (activeElement instanceof HTMLInputElement ||
56
56
  activeElement instanceof HTMLTextAreaElement ||
57
57
  activeElement instanceof HTMLSelectElement);
58
58
  };
59
59
  /** Check if scroll container is in viewport */
60
- SmoothScrollKeyboardPlugin.prototype._checkScrollContainerInViewport = function () {
60
+ SmoothScrollKeyboardPlugin.prototype._isInViewport = function () {
61
61
  var viewport = (0, getApp_1.getApp)().viewport;
62
62
  var bounding = this.component.container.getBoundingClientRect();
63
63
  return (bounding.left < viewport.width &&
@@ -83,17 +83,22 @@ var SmoothScrollKeyboardPlugin = /** @class */ (function (_super) {
83
83
  this._handleTab();
84
84
  return;
85
85
  }
86
+ // TAB
87
+ if (event.keyCode === 32) {
88
+ this._handleSpace(event);
89
+ return;
90
+ }
86
91
  // ignore key events for some elements
87
- if (this._canIgnoreKeyboardEvents()) {
92
+ if (this._canIgnoreEvents()) {
88
93
  return;
89
94
  }
90
95
  // check if the scroll container is in viewport
91
- if (!this._checkScrollContainerInViewport()) {
96
+ if (!this._isInViewport()) {
92
97
  return;
93
98
  }
94
99
  // prevent default behavior
95
100
  if (!this._checkIsEndOfScroll() &&
96
- [38, 40, 39, 37, 34, 33, 36, 35, 32].includes(event.keyCode)) {
101
+ [38, 40, 39, 37, 34, 33, 36, 35].includes(event.keyCode)) {
97
102
  event.preventDefault();
98
103
  }
99
104
  // update scroll values
@@ -132,10 +137,6 @@ var SmoothScrollKeyboardPlugin = /** @class */ (function (_super) {
132
137
  component.targetTop = component.scrollHeight;
133
138
  component.targetLeft = component.scrollWidth;
134
139
  break;
135
- // SPACE
136
- case 32:
137
- component.targetTop += iterator * 5;
138
- break;
139
140
  default:
140
141
  break;
141
142
  }
@@ -143,10 +144,10 @@ var SmoothScrollKeyboardPlugin = /** @class */ (function (_super) {
143
144
  /** Handle Tab key */
144
145
  SmoothScrollKeyboardPlugin.prototype._handleTab = function () {
145
146
  var _this = this;
146
- if (this._tabDebounceTimeout) {
147
- clearTimeout(this._tabDebounceTimeout);
147
+ if (this._tabTimeout) {
148
+ clearTimeout(this._tabTimeout);
148
149
  }
149
- this._tabDebounceTimeout = setTimeout(function () {
150
+ this._tabTimeout = setTimeout(function () {
150
151
  var scroll = _this.component;
151
152
  var activeElement = document.activeElement;
152
153
  // skip elements that do not belong to the SmoothScroll outer
@@ -166,11 +167,19 @@ var SmoothScrollKeyboardPlugin = /** @class */ (function (_super) {
166
167
  scroll.targetLeft = left;
167
168
  }, 120);
168
169
  };
170
+ /** Handle Whitespace key */
171
+ SmoothScrollKeyboardPlugin.prototype._handleSpace = function (event) {
172
+ if (document.activeElement instanceof HTMLButtonElement) {
173
+ return;
174
+ }
175
+ event.preventDefault();
176
+ this.component.targetTop += this.props.iterator * 5;
177
+ };
169
178
  /** Destroy the plugin */
170
179
  SmoothScrollKeyboardPlugin.prototype._destroy = function () {
171
180
  _super.prototype._destroy.call(this);
172
- if (this._tabDebounceTimeout) {
173
- clearTimeout(this._tabDebounceTimeout);
181
+ if (this._tabTimeout) {
182
+ clearTimeout(this._tabTimeout);
174
183
  }
175
184
  };
176
185
  return SmoothScrollKeyboardPlugin;
package/lib/cjs/components/SmoothScrollKeyboardPlugin/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/SmoothScrollKeyboardPlugin/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uCAAoC;AACpC,wCAAuC;AAGvC,kDAAiD;AAIjD;;GAEG;AACH;IAOU,8CAKT;IAZD;;IAiMA,CAAC;IApLW,qDAAgB,GAA1B;QACE,6BACK,iBAAM,gBAAgB,WAAE,KAC3B,QAAQ,EAAE,EAAE,IACZ;IACJ,CAAC;IAID,2BAA2B;IACjB,0CAAK,GAAf;QAAA,iBAMC;QALC,iBAAM,KAAK,WAAE,CAAC;QAEd,IAAI,CAAC,gBAAgB,CAAC,MAAM,EAAE,SAAS,EAAE,UAAC,KAAK;YAC7C,OAAA,KAAI,CAAC,cAAc,CAAC,KAAK,CAAC;QAA1B,CAA0B,CAC3B,CAAC;IACJ,CAAC;IAED,8CAA8C;IACpC,6DAAwB,GAAlC;QACU,IAAA,aAAa,GAAK,QAAQ,cAAb,CAAc;QAEnC,OAAO,CACL,aAAa,YAAY,gBAAgB;YACzC,aAAa,YAAY,mBAAmB;YAC5C,aAAa,YAAY,iBAAiB,CAC3C,CAAC;IACJ,CAAC;IAED,+CAA+C;IACrC,oEAA+B,GAAzC;QACU,IAAA,QAAQ,GAAK,IAAA,eAAM,GAAE,SAAb,CAAc;QAE9B,IAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,qBAAqB,EAAE,CAAC;QAElE,OAAO,CACL,QAAQ,CAAC,IAAI,GAAG,QAAQ,CAAC,KAAK;YAC9B,QAAQ,CAAC,KAAK,GAAG,CAAC;YAClB,QAAQ,CAAC,GAAG,GAAG,QAAQ,CAAC,MAAM;YAC9B,QAAQ,CAAC,MAAM,GAAG,CAAC,CACpB,CAAC;IACJ,CAAC;IAED,4BAA4B;IAClB,wDAAmB,GAA7B;QACU,IAAA,SAAS,GAAK,IAAI,UAAT,CAAU;QAE3B,OAAO,CACL,SAAS,CAAC,SAAS,IAAI,SAAS,CAAC,mBAAmB;YACpD,SAAS,CAAC,UAAU,IAAI,SAAS,CAAC,kBAAkB,CACrD,CAAC;IACJ,CAAC;IAED,yBAAyB;IACf,mDAAc,GAAxB,UAAyB,KAAoB;QACnC,IAAA,SAAS,GAAK,IAAI,UAAT,CAAU;QACnB,IAAA,QAAQ,GAAK,IAAI,CAAC,KAAK,SAAf,CAAgB;QAEhC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,SAAS,EAAE;YAC9B,OAAO;SACR;QAED,MAAM;QACN,IAAI,KAAK,CAAC,OAAO,KAAK,CAAC,EAAE;YACvB,IAAI,CAAC,UAAU,EAAE,CAAC;YAElB,OAAO;SACR;QAED,sCAAsC;QACtC,IAAI,IAAI,CAAC,wBAAwB,EAAE,EAAE;YACnC,OAAO;SACR;QAED,+CAA+C;QAC/C,IAAI,CAAC,IAAI,CAAC,+BAA+B,EAAE,EAAE;YAC3C,OAAO;SACR;QAED,2BAA2B;QAC3B,IACE,CAAC,IAAI,CAAC,mBAAmB,EAAE;YAC3B,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,EAC5D;YACA,KAAK,CAAC,cAAc,EAAE,CAAC;SACxB;QAED,uBAAuB;QACvB,QAAQ,KAAK,CAAC,OAAO,EAAE;YACrB,KAAK;YACL,KAAK,EAAE;gBACL,SAAS,CAAC,SAAS,IAAI,QAAQ,CAAC;gBAChC,MAAM;YACR,OAAO;YACP,KAAK,EAAE;gBACL,SAAS,CAAC,SAAS,IAAI,QAAQ,CAAC;gBAChC,MAAM;YAER,QAAQ;YACR,KAAK,EAAE;gBACL,SAAS,CAAC,UAAU,IAAI,QAAQ,CAAC;gBACjC,MAAM;YACR,OAAO;YACP,KAAK,EAAE;gBACL,SAAS,CAAC,UAAU,IAAI,QAAQ,CAAC;gBACjC,MAAM;YAER,WAAW;YACX,KAAK,EAAE;gBACL,SAAS,CAAC,SAAS,IAAI,QAAQ,GAAG,EAAE,CAAC;gBACrC,MAAM;YACR,SAAS;YACT,KAAK,EAAE;gBACL,SAAS,CAAC,SAAS,IAAI,QAAQ,GAAG,EAAE,CAAC;gBACrC,MAAM;YAER,OAAO;YACP,KAAK,EAAE;gBACL,SAAS,CAAC,SAAS,GAAG,CAAC,CAAC;gBACxB,SAAS,CAAC,UAAU,GAAG,CAAC,CAAC;gBACzB,MAAM;YACR,MAAM;YACN,KAAK,EAAE;gBACL,SAAS,CAAC,SAAS,GAAG,SAAS,CAAC,YAAY,CAAC;gBAC7C,SAAS,CAAC,UAAU,GAAG,SAAS,CAAC,WAAW,CAAC;gBAC7C,MAAM;YAER,QAAQ;YACR,KAAK,EAAE;gBACL,SAAS,CAAC,SAAS,IAAI,QAAQ,GAAG,CAAC,CAAC;gBACpC,MAAM;YAER;gBACE,MAAM;SACT;IACH,CAAC;IAED,qBAAqB;IACX,+CAAU,GAApB;QAAA,iBAgCC;QA/BC,IAAI,IAAI,CAAC,mBAAmB,EAAE;YAC5B,YAAY,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;SACxC;QAED,IAAI,CAAC,mBAAmB,GAAG,UAAU,CAAC;YACpC,IAAM,MAAM,GAAG,KAAI,CAAC,SAAS,CAAC;YACtB,IAAA,aAAa,GAAK,QAAQ,cAAb,CAAc;YAEnC,6DAA6D;YAC7D,IACE,CAAC,CAAC,aAAa,YAAY,WAAW,CAAC;gBACvC,CAAC,IAAA,mBAAO,EAAC,aAAa,EAAE,MAAM,CAAC,SAAS,CAAC,EACzC;gBACA,OAAO;aACR;YAED,IAAM,mBAAmB,GAAG,MAAM,CAAC,SAAS,CAAC,qBAAqB,EAAE,CAAC;YACrE,IAAM,qBAAqB,GAAG,aAAa,CAAC,qBAAqB,EAAE,CAAC;YAEpE,IAAM,GAAG,GACP,MAAM,CAAC,SAAS;gBAChB,CAAC,qBAAqB,CAAC,GAAG,GAAG,mBAAmB,CAAC,GAAG,CAAC;gBACrD,CAAC,MAAM,CAAC,YAAY,GAAG,CAAC,GAAG,qBAAqB,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;YAC/D,IAAM,IAAI,GACR,MAAM,CAAC,UAAU;gBACjB,CAAC,qBAAqB,CAAC,IAAI,GAAG,mBAAmB,CAAC,IAAI,CAAC;gBACvD,CAAC,MAAM,CAAC,WAAW,GAAG,CAAC,GAAG,qBAAqB,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;YAE7D,MAAM,CAAC,SAAS,GAAG,GAAG,CAAC;YACvB,MAAM,CAAC,UAAU,GAAG,IAAI,CAAC;QAC3B,CAAC,EAAE,GAAG,CAAC,CAAC;IACV,CAAC;IAED,yBAAyB;IACf,6CAAQ,GAAlB;QACE,iBAAM,QAAQ,WAAE,CAAC;QAEjB,IAAI,IAAI,CAAC,mBAAmB,EAAE;YAC5B,YAAY,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;SACxC;IACH,CAAC;IACH,iCAAC;AAAD,CAAC,AAjMD,CAOU,eAAM,GA0Lf;AAjMY,gEAA0B"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/SmoothScrollKeyboardPlugin/index.ts"],"names":[],"mappings":"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"}
package/lib/cjs/components/SplitText/index.js CHANGED
@@ -155,6 +155,9 @@ var SplitText = /** @class */ (function (_super) {
155
155
  };
156
156
  /** Split the text */
157
157
  SplitText.prototype.splitText = function () {
158
+ // launch callbacks
159
+ this.callbacks.tbt('beforeSplit', undefined);
160
+ // split intro base elements
158
161
  this._splitBase();
159
162
  // split text into lines
160
163
  if (this.props.hasLines) {
@@ -196,6 +199,10 @@ var SplitText = /** @class */ (function (_super) {
196
199
  var _a;
197
200
  var _b = this, container = _b.container, words = _b.words, lineClassName = _b.lineClassName;
198
201
  var lineTag = this.props.lineTag;
202
+ var isHidden = window.getComputedStyle(container).display === 'none';
203
+ if (isHidden) {
204
+ return;
205
+ }
199
206
  (_a = this._lineWrapper) === null || _a === void 0 ? void 0 : _a.destroy();
200
207
  this._lineWrapper = (0, wrapLines_1.wrapLines)({
201
208
  container: container,
package/lib/cjs/components/SplitText/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/SplitText/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uCAAsC;AACtC,8CAA+D;AAE/D,uDAAsD;AACtD,+CAA8C;AAC9C,+CAA8C;AAC9C,kDAAiD;AAIjD;;;;;;;;;;;;GAYG;AACH;IAMU,6BAA4D;IAwEpE,mBAAY,YAA2C,EAAE,OAAc;QAAd,wBAAA,EAAA,cAAc;QAAvE,YACE,kBAAM,YAAY,EAAE,KAAK,CAAC,SAoB3B;QA3DD,wDAAwD;QAC9C,kBAAY,GAAG,KAAK,CAAC;QAwC7B,qBAAqB;QACrB,KAAI,CAAC,UAAU,GAAG,IAAA,qBAAS,EAAC,KAAI,CAAC,KAAK,CAAC,SAAS,CAAgB,CAAC;QACjE,KAAI,CAAC,eAAe,CAAC,KAAI,CAAC,UAAU,EAAE,KAAI,CAAC,SAAS,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,CAAC;QAEhE,aAAa;QACb,KAAI,CAAC,UAAU,CAAC,SAAS,GAAG,KAAK,CAAC;QAElC,oBAAoB;QACpB,KAAI,CAAC,YAAY,GAAG,KAAI,CAAC,UAAU,CAAC,SAAS,CAAC;QAE9C,mBAAmB;QACnB,KAAI,CAAC,QAAQ,GAAG,EAAE,CAAC;QACnB,KAAI,CAAC,MAAM,GAAG,EAAE,CAAC;QACjB,KAAI,CAAC,MAAM,GAAG,EAAE,CAAC;QAEjB,IAAI,OAAO,EAAE;YACX,KAAI,CAAC,IAAI,EAAE,CAAC;SACb;;IACH,CAAC;IA5FS,oCAAgB,GAA1B;QACE,6BACK,iBAAM,gBAAgB,WAAE,KAC3B,SAAS,EAAE,WAAI,IAAI,CAAC,MAAM,CAAE,EAC5B,UAAU,EAAE,IAAI,EAChB,QAAQ,EAAE,KAAK,EACf,SAAS,EAAE,MAAM,EACjB,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,MAAM,EACf,cAAc,EAAE,KAAK,EACrB,cAAc,EAAE,CAAC,IACjB;IACJ,CAAC;IAED,sBAAI,6BAAM;aAAV;YACE,OAAO,UAAG,IAAA,eAAM,GAAE,CAAC,MAAM,eAAY,CAAC;QACxC,CAAC;;;OAAA;IAED,sBAAI,sCAAe;aAAnB;YACE,OAAO,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;QACpC,CAAC;;;OAAA;IAED,sBAAI,oCAAa;aAAjB;YACE,OAAO,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;QAClC,CAAC;;;OAAA;IAED,sBAAI,oCAAa;aAAjB;YACE,OAAO,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;QAClC,CAAC;;;OAAA;IAYD,sBAAI,gCAAS;QADb,qBAAqB;aACrB;YACE,OAAO,IAAI,CAAC,UAAU,CAAC;QACzB,CAAC;;;OAAA;IAMD,sBAAI,8BAAO;QADX,cAAc;aACd;YACE,OAAO,IAAI,CAAC,QAAQ,CAAC;QACvB,CAAC;;;OAAA;IAMD,sBAAI,4BAAK;QADT,YAAY;aACZ;YACE,OAAO,IAAI,CAAC,MAAM,CAAC;QACrB,CAAC;;;OAAA;IAMD,sBAAI,4BAAK;QADT,YAAY;aACZ;YACE,OAAO,IAAI,CAAC,MAAM,CAAC;QACrB,CAAC;;;OAAA;IA4BS,yBAAK,GAAf;QACE,iBAAM,KAAK,WAAE,CAAC;QAEd,IAAI,CAAC,UAAU,EAAE,CAAC;IACpB,CAAC;IAED,wBAAwB;IACd,8BAAU,GAApB;QAAA,iBAmBC;QAlBO,IAAA,KAA+C,IAAI,CAAC,KAAK,EAAvD,cAAc,oBAAA,EAAE,cAAc,oBAAA,EAAE,QAAQ,cAAe,CAAC;QAEhE,IAAI,CAAC,QAAQ,EAAE;YACb,IAAI,CAAC,SAAS,EAAE,CAAC;YAEjB,OAAO;SACR;QAED,IAAM,aAAa,GAAG,IAAA,mBAAQ,EAAC;YAC7B,QAAQ,EAAE,cAAM,OAAA,KAAI,CAAC,SAAS,EAAE,EAAhB,CAAgB;YAChC,OAAO,EAAE,IAAI,CAAC,SAAS;YACvB,cAAc,gBAAA;YACd,cAAc,gBAAA;SACf,CAAC,CAAC;QAEH,aAAa,CAAC,MAAM,EAAE,CAAC;QAEvB,IAAI,CAAC,oBAAoB,CAAC,cAAM,OAAA,aAAa,CAAC,MAAM,EAAE,EAAtB,CAAsB,CAAC,CAAC;IAC1D,CAAC;IAED,qBAAqB;IACd,6BAAS,GAAhB;QACE,IAAI,CAAC,UAAU,EAAE,CAAC;QAElB,wBAAwB;QACxB,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;YACvB,IAAI,CAAC,eAAe,EAAE,CAAC;SACxB;QAED,mBAAmB;QACnB,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;IACzC,CAAC;IAED,iBAAiB;IACT,8BAAU,GAAlB;QACE,IAAI,IAAI,CAAC,YAAY,EAAE;YACrB,OAAO;SACR;QAEK,IAAA,KAAgD,IAAI,EAAlD,SAAS,eAAA,EAAE,eAAe,qBAAA,EAAE,aAAa,mBAAS,CAAC;QACrD,IAAA,KAAyB,IAAI,CAAC,KAAK,EAAjC,SAAS,eAAA,EAAE,OAAO,aAAe,CAAC;QAE1C,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;QAEzB,aAAa;QAEP,IAAA,KAA6B,IAAA,qBAAS,EAAC;YAC3C,SAAS,WAAA;YACT,eAAe,iBAAA;YACf,aAAa,eAAA;YACb,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU;YACjC,SAAS,WAAA;YACT,OAAO,SAAA;SACR,CAAC,EAPM,MAAM,YAAA,EAAE,KAAK,WAAA,EAAE,OAAO,aAO5B,CAAC;QAEH,eAAe;QAEf,OAAO,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE;YAC9B,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC;SAClC;QAED,OAAO,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE;YAC3B,SAAS,CAAC,WAAW,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;SAC7C;QAED,kBAAkB;QAClB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACpB,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC;IAC1B,CAAC;IAED,gCAAgC;IACtB,mCAAe,GAAzB;;QACQ,IAAA,KAAsC,IAAI,EAAxC,SAAS,eAAA,EAAE,KAAK,WAAA,EAAE,aAAa,mBAAS,CAAC;QACzC,IAAA,OAAO,GAAK,IAAI,CAAC,KAAK,QAAf,CAAgB;QAE/B,MAAA,IAAI,CAAC,YAAY,0CAAE,OAAO,EAAE,CAAC;QAE7B,IAAI,CAAC,YAAY,GAAG,IAAA,qBAAS,EAAC;YAC5B,SAAS,WAAA;YACT,KAAK,OAAA;YACL,SAAS,EAAE,aAAa;YACxB,OAAO,EAAE,OAAO;SACjB,CAAC,CAAC;QAEH,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC;IACxC,CAAC;IAED,yBAAyB;IACf,4BAAQ,GAAlB;QACE,iBAAM,QAAQ,WAAE,CAAC;QAEjB,IAAI,CAAC,UAAU,CAAC,SAAS,GAAG,IAAI,CAAC,YAAY,CAAC;IAChD,CAAC;IACH,gBAAC;AAAD,CAAC,AA1MD,CAMU,qBAAc,GAoMvB;AA1MY,8BAAS"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/SplitText/index.ts"],"names":[],"mappings":"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"}
package/lib/cjs/components/Timeline/index.js CHANGED
@@ -38,8 +38,8 @@ var Timeline = /** @class */ (function (_super) {
38
38
  if (canInit === void 0) { canInit = true; }
39
39
  var _this = _super.call(this, initialProps, false) || this;
40
40
  // set default variables
41
- _this._animationFrame = undefined;
42
- _this._animationFrameLastTime = 0;
41
+ _this._raf = undefined;
42
+ _this._rafTime = 0;
43
43
  _this._isReversed = false;
44
44
  _this._isPaused = false;
45
45
  if (canInit) {
@@ -53,7 +53,7 @@ var Timeline = /** @class */ (function (_super) {
53
53
  Object.defineProperty(Timeline.prototype, "isPlaying", {
54
54
  /** Timeline is playing */
55
55
  get: function () {
56
- return typeof this._animationFrame !== 'undefined';
56
+ return typeof this._raf !== 'undefined';
57
57
  },
58
58
  enumerable: false,
59
59
  configurable: true
@@ -89,7 +89,7 @@ var Timeline = /** @class */ (function (_super) {
89
89
  this._isReversed = false;
90
90
  this._isPaused = false;
91
91
  if (!this.isPlaying) {
92
- this._animationFrameLastTime = +new Date();
92
+ this._rafTime = Date.now();
93
93
  this._animate();
94
94
  }
95
95
  };
@@ -101,7 +101,7 @@ var Timeline = /** @class */ (function (_super) {
101
101
  this._isReversed = true;
102
102
  this._isPaused = false;
103
103
  if (!this.isPlaying) {
104
- this._animationFrameLastTime = +new Date();
104
+ this._rafTime = Date.now();
105
105
  this._animate();
106
106
  }
107
107
  };
@@ -111,10 +111,10 @@ var Timeline = /** @class */ (function (_super) {
111
111
  return;
112
112
  }
113
113
  this._isPaused = true;
114
- if (this._animationFrame) {
115
- window.cancelAnimationFrame(this._animationFrame);
114
+ if (this._raf) {
115
+ window.cancelAnimationFrame(this._raf);
116
116
  }
117
- this._animationFrame = undefined;
117
+ this._raf = undefined;
118
118
  };
119
119
  /** Reset timeline */
120
120
  Timeline.prototype.reset = function () {
@@ -131,9 +131,9 @@ var Timeline = /** @class */ (function (_super) {
131
131
  }
132
132
  var isReversed = this.isReversed;
133
133
  // calculate difference between frames
134
- var currentTime = +new Date();
135
- var frameDiff = Math.abs(this._animationFrameLastTime - currentTime);
136
- this._animationFrameLastTime = currentTime;
134
+ var currentTime = Date.now();
135
+ var frameDiff = Math.abs(this._rafTime - currentTime);
136
+ this._rafTime = currentTime;
137
137
  // calculate current progress
138
138
  var progressIterator = frameDiff / this.duration / (isReversed ? -1 : 1);
139
139
  var progressTarget = (0, math_1.clamp)(this.p + progressIterator, [0, 1]);
@@ -143,11 +143,11 @@ var Timeline = /** @class */ (function (_super) {
143
143
  (progressTarget === 0 && isReversed)) {
144
144
  this._isReversed = false;
145
145
  this._isPaused = false;
146
- this._animationFrame = undefined;
146
+ this._raf = undefined;
147
147
  return;
148
148
  }
149
149
  // continue animation
150
- this._animationFrame = window.requestAnimationFrame(this._animate.bind(this));
150
+ this._raf = window.requestAnimationFrame(this._animate.bind(this));
151
151
  };
152
152
  /** Events on progress */
153
153
  Timeline.prototype._handleProgressUpdate = function () {
package/lib/cjs/components/Timeline/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Timeline/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Timeline/index.ts"],"names":[],"mappings":"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"}
package/lib/cjs/version.js CHANGED
@@ -1,5 +1,5 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- var version = '3.18.0';
3
+ var version = '3.19.1';
4
4
  exports.default = version;
5
5
  //# sourceMappingURL=version.js.map
package/lib/esm/components/AnimationFrame/index.js CHANGED
@@ -20,11 +20,11 @@ export class AnimationFrame extends ComponentClass {
20
20
  constructor(initialProps, canInit = true) {
21
21
  super(initialProps, false);
22
22
  this._isPlaying = false;
23
- this._frame = null;
24
- this._frameIndex = -1;
25
- this._firstFrameTime = null;
26
- this._lastFrameTime = null;
27
- this._frameDurations = [];
23
+ this._raf = null;
24
+ this._rafIndex = -1;
25
+ this._rafFirst = null;
26
+ this._rafLast = null;
27
+ this._durations = [];
28
28
  this._computedFPS = this.props.fps !== 'auto' ? this.props.fps : 60;
29
29
  if (canInit) {
30
30
  this.init();
@@ -38,9 +38,9 @@ export class AnimationFrame extends ComponentClass {
38
38
  }
39
39
  _onPropsMutate() {
40
40
  super._onPropsMutate();
41
- this._frameIndex = -1;
42
- this._firstFrameTime = null;
43
- this._lastFrameTime = null;
41
+ this._rafIndex = -1;
42
+ this._rafFirst = null;
43
+ this._rafLast = null;
44
44
  if (this.props.isEnabled) {
45
45
  this._play();
46
46
  }
@@ -66,7 +66,7 @@ export class AnimationFrame extends ComponentClass {
66
66
  this._isPlaying = true;
67
67
  this.callbacks.tbt('play', undefined);
68
68
  this.callbacks.tbt('toggle', undefined);
69
- this._frame = window.requestAnimationFrame(this._animate.bind(this));
69
+ this._raf = window.requestAnimationFrame(this._animate.bind(this));
70
70
  }
71
71
  /** Pause animation */
72
72
  pause() {
@@ -80,9 +80,9 @@ export class AnimationFrame extends ComponentClass {
80
80
  if (!this.isPlaying) {
81
81
  return;
82
82
  }
83
- if (this._frame) {
84
- window.cancelAnimationFrame(this._frame);
85
- this._frame = null;
83
+ if (this._raf) {
84
+ window.cancelAnimationFrame(this._raf);
85
+ this._raf = null;
86
86
  }
87
87
  this._isPlaying = false;
88
88
  this.callbacks.tbt('pause', undefined);
@@ -93,47 +93,47 @@ export class AnimationFrame extends ComponentClass {
93
93
  if (!this._isPlaying) {
94
94
  return;
95
95
  }
96
- this._frame = window.requestAnimationFrame(this._animate.bind(this));
96
+ this._raf = window.requestAnimationFrame(this._animate.bind(this));
97
97
  // update time
98
- const startTime = +new Date();
99
- if (this._firstFrameTime === null) {
100
- this._firstFrameTime = startTime;
98
+ const startTime = Date.now();
99
+ if (this._rafFirst === null) {
100
+ this._rafFirst = startTime;
101
101
  }
102
102
  // calculate frame index
103
103
  const minFrameDuration = this.props.fps === 'auto' ? 1 : 1000 / this.props.fps;
104
- const newFrameIndex = Math.floor((startTime - this._firstFrameTime) / minFrameDuration);
104
+ const newFrameIndex = Math.floor((startTime - this._rafFirst) / minFrameDuration);
105
105
  // break if frame index the same
106
- if (newFrameIndex <= this._frameIndex) {
106
+ if (newFrameIndex <= this._rafIndex) {
107
107
  return;
108
108
  }
109
109
  // update frame index
110
- this._frameIndex = newFrameIndex;
110
+ this._rafIndex = newFrameIndex;
111
111
  // compute fps
112
112
  this._computeFPS(startTime);
113
113
  // launch callbacks
114
114
  this.callbacks.tbt('frame', undefined);
115
115
  // update vars
116
- this._lastFrameTime = startTime;
116
+ this._rafLast = startTime;
117
117
  }
118
118
  /** Compute real-time FPS */
119
119
  _computeFPS(startTime) {
120
120
  var _a;
121
- const lastFrameDuration = startTime - ((_a = this._lastFrameTime) !== null && _a !== void 0 ? _a : startTime);
121
+ const lastFrameDuration = startTime - ((_a = this._rafLast) !== null && _a !== void 0 ? _a : startTime);
122
122
  // skip frames that seem not real
123
123
  if (lastFrameDuration <= 0 || lastFrameDuration > 250) {
124
124
  return;
125
125
  }
126
- this._frameDurations.push(lastFrameDuration);
127
- if (this._frameDurations.length < this.props.autoFpsFrames) {
126
+ this._durations.push(lastFrameDuration);
127
+ if (this._durations.length < this.props.autoFpsFrames) {
128
128
  return;
129
129
  }
130
- const totalFramesDuration = this._frameDurations.reduce((prev, curr) => prev + curr);
131
- const approximateFrameDuration = totalFramesDuration / this._frameDurations.length;
130
+ const totalFramesDuration = this._durations.reduce((prev, curr) => prev + curr);
131
+ const approximateFrameDuration = totalFramesDuration / this._durations.length;
132
132
  const computedFPS = Math.floor(1000 / approximateFrameDuration);
133
133
  const normalizedFPS = Math.round(computedFPS / 10) * 10;
134
134
  this._computedFPS = normalizedFPS;
135
135
  // clear durations
136
- this._frameDurations = [];
136
+ this._durations = [];
137
137
  }
138
138
  /** Destroy the animation frame */
139
139
  _destroy() {
package/lib/esm/components/AnimationFrame/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/AnimationFrame/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/AnimationFrame/index.ts"],"names":[],"mappings":"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"}
package/lib/esm/components/SmoothScrollKeyboardPlugin/index.js CHANGED
@@ -14,14 +14,14 @@ export class SmoothScrollKeyboardPlugin extends Plugin {
14
14
  this.addEventListener(window, 'keydown', (event) => this._handleKeydown(event));
15
15
  }
16
16
  /** Check if keyboard events may be ignored */
17
- _canIgnoreKeyboardEvents() {
17
+ _canIgnoreEvents() {
18
18
  const { activeElement } = document;
19
19
  return (activeElement instanceof HTMLInputElement ||
20
20
  activeElement instanceof HTMLTextAreaElement ||
21
21
  activeElement instanceof HTMLSelectElement);
22
22
  }
23
23
  /** Check if scroll container is in viewport */
24
- _checkScrollContainerInViewport() {
24
+ _isInViewport() {
25
25
  const { viewport } = getApp();
26
26
  const bounding = this.component.container.getBoundingClientRect();
27
27
  return (bounding.left < viewport.width &&
@@ -47,17 +47,22 @@ export class SmoothScrollKeyboardPlugin extends Plugin {
47
47
  this._handleTab();
48
48
  return;
49
49
  }
50
+ // TAB
51
+ if (event.keyCode === 32) {
52
+ this._handleSpace(event);
53
+ return;
54
+ }
50
55
  // ignore key events for some elements
51
- if (this._canIgnoreKeyboardEvents()) {
56
+ if (this._canIgnoreEvents()) {
52
57
  return;
53
58
  }
54
59
  // check if the scroll container is in viewport
55
- if (!this._checkScrollContainerInViewport()) {
60
+ if (!this._isInViewport()) {
56
61
  return;
57
62
  }
58
63
  // prevent default behavior
59
64
  if (!this._checkIsEndOfScroll() &&
60
- [38, 40, 39, 37, 34, 33, 36, 35, 32].includes(event.keyCode)) {
65
+ [38, 40, 39, 37, 34, 33, 36, 35].includes(event.keyCode)) {
61
66
  event.preventDefault();
62
67
  }
63
68
  // update scroll values
@@ -96,20 +101,16 @@ export class SmoothScrollKeyboardPlugin extends Plugin {
96
101
  component.targetTop = component.scrollHeight;
97
102
  component.targetLeft = component.scrollWidth;
98
103
  break;
99
- // SPACE
100
- case 32:
101
- component.targetTop += iterator * 5;
102
- break;
103
104
  default:
104
105
  break;
105
106
  }
106
107
  }
107
108
  /** Handle Tab key */
108
109
  _handleTab() {
109
- if (this._tabDebounceTimeout) {
110
- clearTimeout(this._tabDebounceTimeout);
110
+ if (this._tabTimeout) {
111
+ clearTimeout(this._tabTimeout);
111
112
  }
112
- this._tabDebounceTimeout = setTimeout(() => {
113
+ this._tabTimeout = setTimeout(() => {
113
114
  const scroll = this.component;
114
115
  const { activeElement } = document;
115
116
  // skip elements that do not belong to the SmoothScroll outer
@@ -129,11 +130,19 @@ export class SmoothScrollKeyboardPlugin extends Plugin {
129
130
  scroll.targetLeft = left;
130
131
  }, 120);
131
132
  }
133
+ /** Handle Whitespace key */
134
+ _handleSpace(event) {
135
+ if (document.activeElement instanceof HTMLButtonElement) {
136
+ return;
137
+ }
138
+ event.preventDefault();
139
+ this.component.targetTop += this.props.iterator * 5;
140
+ }
132
141
  /** Destroy the plugin */
133
142
  _destroy() {
134
143
  super._destroy();
135
- if (this._tabDebounceTimeout) {
136
- clearTimeout(this._tabDebounceTimeout);
144
+ if (this._tabTimeout) {
145
+ clearTimeout(this._tabTimeout);
137
146
  }
138
147
  }
139
148
  }