vevet 3.0.0-beta.0 → 3.0.0-beta.2
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.
- package/lib/cjs/Application/events/Viewport/index.js +1 -1
- package/lib/cjs/Application/events/Viewport/index.js.map +1 -1
- package/lib/cjs/Application/index.js +5 -2
- package/lib/cjs/Application/index.js.map +1 -1
- package/lib/cjs/components/Preloader/index.js +4 -1
- package/lib/cjs/components/Preloader/index.js.map +1 -1
- package/lib/cjs/components/ProgressPreloader/index.js +4 -1
- package/lib/cjs/components/ProgressPreloader/index.js.map +1 -1
- package/lib/cjs/components/ScrollBar/index.js +4 -1
- package/lib/cjs/components/ScrollBar/index.js.map +1 -1
- package/lib/cjs/utils/common/mergeWithoutArrays.js +4 -1
- package/lib/cjs/utils/common/mergeWithoutArrays.js.map +1 -1
- package/lib/cjs/utils/image/load.js +4 -1
- package/lib/cjs/utils/image/load.js.map +1 -1
- package/lib/cjs/utils/internal/fetchWebpSupport.js +4 -1
- package/lib/cjs/utils/internal/fetchWebpSupport.js.map +1 -1
- package/lib/cjs/utils/internal/getDeviceInfo.js +4 -1
- package/lib/cjs/utils/internal/getDeviceInfo.js.map +1 -1
- package/lib/cjs/utils/math/easing.js +4 -1
- package/lib/cjs/utils/math/easing.js.map +1 -1
- package/lib/cjs/utils/scroll/normalizeWheel.js +4 -1
- package/lib/cjs/utils/scroll/normalizeWheel.js.map +1 -1
- package/lib/cjs/version.js +1 -1
- package/lib/esm/Application/events/PageLoad/index.js +54 -28
- package/lib/esm/Application/events/PageLoad/index.js.map +1 -1
- package/lib/esm/Application/events/Viewport/index.js +180 -107
- package/lib/esm/Application/events/Viewport/index.js.map +1 -1
- package/lib/esm/Application/index.js +178 -96
- package/lib/esm/Application/index.js.map +1 -1
- package/lib/esm/base/Callbacks/index.js +78 -45
- package/lib/esm/base/Callbacks/index.js.map +1 -1
- package/lib/esm/base/Component/index.js +31 -10
- package/lib/esm/base/Component/index.js.map +1 -1
- package/lib/esm/base/Module/index.js +132 -77
- package/lib/esm/base/Module/index.js.map +1 -1
- package/lib/esm/base/MutableProps/index.js +49 -30
- package/lib/esm/base/MutableProps/index.js.map +1 -1
- package/lib/esm/base/Plugin/index.js +35 -13
- package/lib/esm/base/Plugin/index.js.map +1 -1
- package/lib/esm/components/AnimationFrame/index.js +98 -55
- package/lib/esm/components/AnimationFrame/index.js.map +1 -1
- package/lib/esm/components/BaseTimeline/index.js +88 -41
- package/lib/esm/components/BaseTimeline/index.js.map +1 -1
- package/lib/esm/components/Ctx2D/index.js +150 -82
- package/lib/esm/components/Ctx2D/index.js.map +1 -1
- package/lib/esm/components/Ctx2DPrerender/index.js +54 -20
- package/lib/esm/components/Ctx2DPrerender/index.js.map +1 -1
- package/lib/esm/components/CustomCursor/index.js +216 -149
- package/lib/esm/components/CustomCursor/index.js.map +1 -1
- package/lib/esm/components/DraggerBase/index.js +164 -98
- package/lib/esm/components/DraggerBase/index.js.map +1 -1
- package/lib/esm/components/DraggerDirection/index.js +42 -10
- package/lib/esm/components/DraggerDirection/index.js.map +1 -1
- package/lib/esm/components/DraggerMove/index.js +83 -42
- package/lib/esm/components/DraggerMove/index.js.map +1 -1
- package/lib/esm/components/Preloader/index.js +135 -77
- package/lib/esm/components/Preloader/index.js.map +1 -1
- package/lib/esm/components/ProgressPreloader/index.js +190 -112
- package/lib/esm/components/ProgressPreloader/index.js.map +1 -1
- package/lib/esm/components/ProgressPreloader/utils/preloadCustomElement.js +10 -9
- package/lib/esm/components/ProgressPreloader/utils/preloadCustomElement.js.map +1 -1
- package/lib/esm/components/ProgressPreloader/utils/preloadImage.js +3 -3
- package/lib/esm/components/ProgressPreloader/utils/preloadImage.js.map +1 -1
- package/lib/esm/components/ProgressPreloader/utils/preloadVideo.js +2 -2
- package/lib/esm/components/ProgressPreloader/utils/preloadVideo.js.map +1 -1
- package/lib/esm/components/ScrollBar/Bar/index.js +136 -90
- package/lib/esm/components/ScrollBar/Bar/index.js.map +1 -1
- package/lib/esm/components/ScrollBar/index.js +118 -70
- package/lib/esm/components/ScrollBar/index.js.map +1 -1
- package/lib/esm/components/ScrollView/index.js +154 -103
- package/lib/esm/components/ScrollView/index.js.map +1 -1
- package/lib/esm/components/SectionScrollProgress/index.js +170 -95
- package/lib/esm/components/SectionScrollProgress/index.js.map +1 -1
- package/lib/esm/components/SmoothScroll/AnimatonFrame.js +37 -20
- package/lib/esm/components/SmoothScroll/AnimatonFrame.js.map +1 -1
- package/lib/esm/components/SmoothScroll/Elements.js +59 -42
- package/lib/esm/components/SmoothScroll/Elements.js.map +1 -1
- package/lib/esm/components/SmoothScroll/index.js +304 -205
- package/lib/esm/components/SmoothScroll/index.js.map +1 -1
- package/lib/esm/components/SmoothScrollDragPlugin/index.js +86 -48
- package/lib/esm/components/SmoothScrollDragPlugin/index.js.map +1 -1
- package/lib/esm/components/SmoothScrollKeyboardPlugin/index.js +70 -34
- package/lib/esm/components/SmoothScrollKeyboardPlugin/index.js.map +1 -1
- package/lib/esm/components/SplitText/index.js +177 -117
- package/lib/esm/components/SplitText/index.js.map +1 -1
- package/lib/esm/components/Timeline/index.js +88 -45
- package/lib/esm/components/Timeline/index.js.map +1 -1
- package/lib/esm/utils/common/mergeWithoutArrays.js +1 -1
- package/lib/esm/utils/common/mergeWithoutArrays.js.map +1 -1
- package/lib/esm/utils/common/normalizedTimeoutCallback.js +3 -3
- package/lib/esm/utils/common/normalizedTimeoutCallback.js.map +1 -1
- package/lib/esm/utils/common/pickObjectProps.js +2 -2
- package/lib/esm/utils/common/pickObjectProps.js.map +1 -1
- package/lib/esm/utils/common/times.js +2 -2
- package/lib/esm/utils/common/times.js.map +1 -1
- package/lib/esm/utils/common/uid.js +4 -3
- package/lib/esm/utils/common/uid.js.map +1 -1
- package/lib/esm/utils/image/load.js +26 -15
- package/lib/esm/utils/image/load.js.map +1 -1
- package/lib/esm/utils/image/pathsToProps.js +5 -5
- package/lib/esm/utils/image/pathsToProps.js.map +1 -1
- package/lib/esm/utils/image/sizesToSrcSet.js +5 -5
- package/lib/esm/utils/image/sizesToSrcSet.js.map +1 -1
- package/lib/esm/utils/internal/fetchWebpSupport.js +3 -3
- package/lib/esm/utils/internal/fetchWebpSupport.js.map +1 -1
- package/lib/esm/utils/internal/getDeviceInfo.js +7 -7
- package/lib/esm/utils/internal/getDeviceInfo.js.map +1 -1
- package/lib/esm/utils/internal/onResize.js +16 -13
- package/lib/esm/utils/internal/onResize.js.map +1 -1
- package/lib/esm/utils/math/clamp.js +2 -1
- package/lib/esm/utils/math/clamp.js.map +1 -1
- package/lib/esm/utils/math/clampScope.js +3 -1
- package/lib/esm/utils/math/clampScope.js.map +1 -1
- package/lib/esm/utils/math/easing.js +5 -1
- package/lib/esm/utils/math/easing.js.map +1 -1
- package/lib/esm/utils/math/inScope.js +2 -1
- package/lib/esm/utils/math/inScope.js.map +1 -1
- package/lib/esm/utils/math/lerp.js +4 -3
- package/lib/esm/utils/math/lerp.js.map +1 -1
- package/lib/esm/utils/math/normalizeNestedScope.js +1 -1
- package/lib/esm/utils/math/normalizeNestedScope.js.map +1 -1
- package/lib/esm/utils/math/scoped.js +3 -2
- package/lib/esm/utils/math/scoped.js.map +1 -1
- package/lib/esm/utils/math/spreadScope.js +5 -5
- package/lib/esm/utils/math/spreadScope.js.map +1 -1
- package/lib/esm/utils/math/wrap.js +2 -2
- package/lib/esm/utils/math/wrap.js.map +1 -1
- package/lib/esm/utils/scroll/getScrollValues.js +6 -5
- package/lib/esm/utils/scroll/getScrollValues.js.map +1 -1
- package/lib/esm/utils/scroll/onScroll.js +23 -20
- package/lib/esm/utils/scroll/onScroll.js.map +1 -1
- package/lib/esm/utils/scroll/scrollTo.js +12 -10
- package/lib/esm/utils/scroll/scrollTo.js.map +1 -1
- package/lib/esm/utils/scroll/scrollToElement.js +19 -8
- package/lib/esm/utils/scroll/scrollToElement.js.map +1 -1
- package/lib/esm/version.js +1 -1
- package/lib/esm/version.js.map +1 -1
- package/lib/esm/vevet.js +1 -1
- package/lib/esm/vevet.js.map +1 -1
- package/lib/types/Application/events/Viewport/index.d.ts +1 -1
- package/lib/types/Application/events/Viewport/index.d.ts.map +1 -1
- package/lib/types/version.d.ts +1 -1
- package/package.json +1 -1
- package/src/Application/events/Viewport/index.ts +1 -1
- package/src/Application/events/Viewport/stories/index.tsx +1 -1
- package/src/version.ts +1 -1
|
@@ -3,45 +3,10 @@ import { DraggerMove } from '../../DraggerMove';
|
|
|
3
3
|
import { onScroll } from '../../../utils/scroll/onScroll';
|
|
4
4
|
import { clamp } from '../../../utils/math';
|
|
5
5
|
import { getScrollValues } from '../../../utils/scroll';
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
return this._outer;
|
|
9
|
-
}
|
|
10
|
-
get thumb() {
|
|
11
|
-
return this._thumb;
|
|
12
|
-
}
|
|
13
|
-
get prefix() {
|
|
14
|
-
return this.props.prefix;
|
|
15
|
-
}
|
|
16
|
-
get isHorizontal() {
|
|
17
|
-
return this.props.direction === 'x';
|
|
18
|
-
}
|
|
19
|
-
get isVertical() {
|
|
20
|
-
return !this.isHorizontal;
|
|
21
|
-
}
|
|
22
|
-
get scrollElement() {
|
|
23
|
-
return this.props.container instanceof Window
|
|
24
|
-
? document.documentElement
|
|
25
|
-
: this.props.container;
|
|
26
|
-
}
|
|
27
|
-
get scrollLine() {
|
|
28
|
-
const { scrollElement } = this;
|
|
29
|
-
return this.isHorizontal
|
|
30
|
-
? scrollElement.scrollWidth - scrollElement.clientWidth
|
|
31
|
-
: scrollElement.scrollHeight - scrollElement.clientHeight;
|
|
32
|
-
}
|
|
33
|
-
get scrollWidth() {
|
|
34
|
-
return this.scrollElement.scrollWidth;
|
|
35
|
-
}
|
|
36
|
-
get scrollHeight() {
|
|
37
|
-
return this.scrollElement.scrollHeight;
|
|
38
|
-
}
|
|
39
|
-
get props() {
|
|
40
|
-
return this._props;
|
|
41
|
-
}
|
|
42
|
-
constructor(_props) {
|
|
6
|
+
var Bar = /** @class */ (function () {
|
|
7
|
+
function Bar(_props) {
|
|
43
8
|
this._props = _props;
|
|
44
|
-
|
|
9
|
+
var direction = _props.direction, domParent = _props.domParent, container = _props.container, canAutoHide = _props.canAutoHide;
|
|
45
10
|
// set default vars
|
|
46
11
|
this._outerHeight = 0;
|
|
47
12
|
this._outerWidth = 0;
|
|
@@ -50,62 +15,140 @@ export default class Bar {
|
|
|
50
15
|
this._prevScrollValue = 0;
|
|
51
16
|
this._coordsAtDragStart = { scrollLeft: 0, scrollTop: 0 };
|
|
52
17
|
// create container
|
|
53
|
-
|
|
18
|
+
var outer = document.createElement('div');
|
|
54
19
|
this._outer = outer;
|
|
55
20
|
outer.classList.add(this.className(''));
|
|
56
|
-
outer.classList.add(this.className(
|
|
21
|
+
outer.classList.add(this.className("_".concat(direction)));
|
|
57
22
|
if (container instanceof Window) {
|
|
58
23
|
outer.classList.add(this.className('_in-window'));
|
|
59
24
|
}
|
|
60
25
|
outer.classList.toggle(this.className('_auto-hide'), canAutoHide);
|
|
61
26
|
domParent.append(outer);
|
|
62
27
|
// create a thumb
|
|
63
|
-
|
|
28
|
+
var thumb = document.createElement('div');
|
|
64
29
|
this._thumb = thumb;
|
|
65
30
|
thumb.classList.add(this.className('__thumb'));
|
|
66
|
-
thumb.classList.add(this.className(
|
|
31
|
+
thumb.classList.add(this.className("__thumb_".concat(direction)));
|
|
67
32
|
outer.append(thumb);
|
|
68
33
|
// set events
|
|
69
34
|
this._setEvents();
|
|
70
35
|
}
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
36
|
+
Object.defineProperty(Bar.prototype, "outer", {
|
|
37
|
+
get: function () {
|
|
38
|
+
return this._outer;
|
|
39
|
+
},
|
|
40
|
+
enumerable: false,
|
|
41
|
+
configurable: true
|
|
42
|
+
});
|
|
43
|
+
Object.defineProperty(Bar.prototype, "thumb", {
|
|
44
|
+
get: function () {
|
|
45
|
+
return this._thumb;
|
|
46
|
+
},
|
|
47
|
+
enumerable: false,
|
|
48
|
+
configurable: true
|
|
49
|
+
});
|
|
50
|
+
Object.defineProperty(Bar.prototype, "prefix", {
|
|
51
|
+
get: function () {
|
|
52
|
+
return this.props.prefix;
|
|
53
|
+
},
|
|
54
|
+
enumerable: false,
|
|
55
|
+
configurable: true
|
|
56
|
+
});
|
|
57
|
+
Object.defineProperty(Bar.prototype, "isHorizontal", {
|
|
58
|
+
get: function () {
|
|
59
|
+
return this.props.direction === 'x';
|
|
60
|
+
},
|
|
61
|
+
enumerable: false,
|
|
62
|
+
configurable: true
|
|
63
|
+
});
|
|
64
|
+
Object.defineProperty(Bar.prototype, "isVertical", {
|
|
65
|
+
get: function () {
|
|
66
|
+
return !this.isHorizontal;
|
|
67
|
+
},
|
|
68
|
+
enumerable: false,
|
|
69
|
+
configurable: true
|
|
70
|
+
});
|
|
71
|
+
Object.defineProperty(Bar.prototype, "scrollElement", {
|
|
72
|
+
get: function () {
|
|
73
|
+
return this.props.container instanceof Window
|
|
74
|
+
? document.documentElement
|
|
75
|
+
: this.props.container;
|
|
76
|
+
},
|
|
77
|
+
enumerable: false,
|
|
78
|
+
configurable: true
|
|
79
|
+
});
|
|
80
|
+
Object.defineProperty(Bar.prototype, "scrollLine", {
|
|
81
|
+
get: function () {
|
|
82
|
+
var scrollElement = this.scrollElement;
|
|
83
|
+
return this.isHorizontal
|
|
84
|
+
? scrollElement.scrollWidth - scrollElement.clientWidth
|
|
85
|
+
: scrollElement.scrollHeight - scrollElement.clientHeight;
|
|
86
|
+
},
|
|
87
|
+
enumerable: false,
|
|
88
|
+
configurable: true
|
|
89
|
+
});
|
|
90
|
+
Object.defineProperty(Bar.prototype, "scrollWidth", {
|
|
91
|
+
get: function () {
|
|
92
|
+
return this.scrollElement.scrollWidth;
|
|
93
|
+
},
|
|
94
|
+
enumerable: false,
|
|
95
|
+
configurable: true
|
|
96
|
+
});
|
|
97
|
+
Object.defineProperty(Bar.prototype, "scrollHeight", {
|
|
98
|
+
get: function () {
|
|
99
|
+
return this.scrollElement.scrollHeight;
|
|
100
|
+
},
|
|
101
|
+
enumerable: false,
|
|
102
|
+
configurable: true
|
|
103
|
+
});
|
|
104
|
+
Object.defineProperty(Bar.prototype, "props", {
|
|
105
|
+
get: function () {
|
|
106
|
+
return this._props;
|
|
107
|
+
},
|
|
108
|
+
enumerable: false,
|
|
109
|
+
configurable: true
|
|
110
|
+
});
|
|
111
|
+
Bar.prototype.className = function (value) {
|
|
112
|
+
return "".concat(this.props.prefix).concat(value);
|
|
113
|
+
};
|
|
74
114
|
/** Set scrolblar events */
|
|
75
|
-
_setEvents() {
|
|
115
|
+
Bar.prototype._setEvents = function () {
|
|
116
|
+
var _this = this;
|
|
76
117
|
if (!this._listeners) {
|
|
77
118
|
this._listeners = [];
|
|
78
119
|
}
|
|
79
|
-
|
|
80
|
-
this._listeners.push(addEventListener(outer, 'mouseenter', ()
|
|
81
|
-
this._listeners.push(addEventListener(outer, 'mouseleave', ()
|
|
120
|
+
var _a = this, outer = _a.outer, thumb = _a.thumb, props = _a.props;
|
|
121
|
+
this._listeners.push(addEventListener(outer, 'mouseenter', function () { return _this._handleHover(true); }));
|
|
122
|
+
this._listeners.push(addEventListener(outer, 'mouseleave', function () { return _this._handleHover(false); }));
|
|
82
123
|
this._scrollEvent = onScroll({
|
|
83
124
|
container: props.container,
|
|
84
|
-
callback: (data)
|
|
125
|
+
callback: function (data) { return _this._handleScroll(data); },
|
|
85
126
|
});
|
|
86
127
|
if (this.props.isDraggable) {
|
|
87
128
|
this._dragger = new DraggerMove({ container: thumb });
|
|
88
|
-
this._dragger.addCallback('start', ()
|
|
89
|
-
|
|
129
|
+
this._dragger.addCallback('start', function () {
|
|
130
|
+
_this._coordsAtDragStart = getScrollValues(_this.props.container);
|
|
90
131
|
});
|
|
91
|
-
this._dragger.addCallback('move', (data)
|
|
132
|
+
this._dragger.addCallback('move', function (data) { return _this._handleThumbDrag(data); });
|
|
92
133
|
}
|
|
93
|
-
}
|
|
134
|
+
};
|
|
94
135
|
/** Remove events */
|
|
95
|
-
_removeEvents() {
|
|
136
|
+
Bar.prototype._removeEvents = function () {
|
|
96
137
|
var _a, _b, _c;
|
|
97
|
-
(_a = this._listeners) === null || _a === void 0 ? void 0 : _a.forEach((listener)
|
|
138
|
+
(_a = this._listeners) === null || _a === void 0 ? void 0 : _a.forEach(function (listener) { return listener.remove(); });
|
|
98
139
|
(_b = this._scrollEvent) === null || _b === void 0 ? void 0 : _b.remove();
|
|
99
140
|
(_c = this._dragger) === null || _c === void 0 ? void 0 : _c.destroy();
|
|
100
|
-
}
|
|
141
|
+
};
|
|
101
142
|
/** Handle hover state */
|
|
102
|
-
_handleHover(isHovered) {
|
|
103
|
-
|
|
143
|
+
Bar.prototype._handleHover = function (isHovered) {
|
|
144
|
+
var className = this.className('_is-hovered');
|
|
104
145
|
this.outer.classList.toggle(className, isHovered);
|
|
105
|
-
}
|
|
146
|
+
};
|
|
106
147
|
/** Handle Scroll Event */
|
|
107
|
-
_handleScroll
|
|
108
|
-
|
|
148
|
+
Bar.prototype._handleScroll = function (_a) {
|
|
149
|
+
var _this = this;
|
|
150
|
+
var scrollLeft = _a.scrollLeft, scrollTop = _a.scrollTop;
|
|
151
|
+
var hasChanged = false;
|
|
109
152
|
// check if changes happened
|
|
110
153
|
if (this.isHorizontal) {
|
|
111
154
|
hasChanged = scrollLeft !== this._prevScrollValue;
|
|
@@ -121,28 +164,29 @@ export default class Bar {
|
|
|
121
164
|
}
|
|
122
165
|
// set auto hide
|
|
123
166
|
if (this.props.canAutoHide && hasChanged) {
|
|
124
|
-
|
|
125
|
-
this.outer.classList.add(
|
|
167
|
+
var actionClassName_1 = this.className('_in-action');
|
|
168
|
+
this.outer.classList.add(actionClassName_1);
|
|
126
169
|
if (this._actionTimeout) {
|
|
127
170
|
clearTimeout(this._actionTimeout);
|
|
128
171
|
}
|
|
129
|
-
this._actionTimeout = setTimeout(()
|
|
172
|
+
this._actionTimeout = setTimeout(function () { return _this.outer.classList.remove(actionClassName_1); }, 500);
|
|
130
173
|
}
|
|
131
174
|
// render elements
|
|
132
175
|
this._renderThumb();
|
|
133
|
-
}
|
|
176
|
+
};
|
|
134
177
|
/** Event on dragger move */
|
|
135
|
-
_handleThumbDrag
|
|
178
|
+
Bar.prototype._handleThumbDrag = function (_a) {
|
|
179
|
+
var event = _a.event, coords = _a.coords, start = _a.start;
|
|
136
180
|
event.preventDefault();
|
|
137
|
-
|
|
138
|
-
|
|
181
|
+
var scrollLine = this.scrollLine;
|
|
182
|
+
var container = this.props.container;
|
|
139
183
|
// calculate scroll iterators
|
|
140
|
-
|
|
184
|
+
var leftIterator = ((coords.x - start.x) / (this._outerWidth - this._thumbWidth)) *
|
|
141
185
|
scrollLine;
|
|
142
|
-
|
|
186
|
+
var topIterator = ((coords.y - start.y) / (this._outerHeight - this._thumbHeight)) *
|
|
143
187
|
scrollLine;
|
|
144
188
|
// calculate new scroll values
|
|
145
|
-
|
|
189
|
+
var _b = this._coordsAtDragStart, scrollLeft = _b.scrollLeft, scrollTop = _b.scrollTop;
|
|
146
190
|
if (this.isHorizontal) {
|
|
147
191
|
scrollLeft += leftIterator;
|
|
148
192
|
}
|
|
@@ -157,34 +201,34 @@ export default class Bar {
|
|
|
157
201
|
? this.props.scrollBehavior
|
|
158
202
|
: 'auto',
|
|
159
203
|
});
|
|
160
|
-
}
|
|
204
|
+
};
|
|
161
205
|
/** Render thumb */
|
|
162
|
-
_renderThumb() {
|
|
163
|
-
|
|
164
|
-
|
|
206
|
+
Bar.prototype._renderThumb = function () {
|
|
207
|
+
var progress = clamp(this._prevScrollValue / this.scrollLine, [0, 1]);
|
|
208
|
+
var x = this.isHorizontal
|
|
165
209
|
? (this._outerWidth - this._thumbWidth) * progress
|
|
166
210
|
: 0;
|
|
167
|
-
|
|
211
|
+
var y = this.isVertical
|
|
168
212
|
? (this._outerHeight - this._thumbHeight) * progress
|
|
169
213
|
: 0;
|
|
170
|
-
this._thumb.style.transform =
|
|
171
|
-
}
|
|
214
|
+
this._thumb.style.transform = "translate(".concat(x, "px, ").concat(y, "px)");
|
|
215
|
+
};
|
|
172
216
|
/** Resize the scene */
|
|
173
|
-
resize() {
|
|
174
|
-
|
|
175
|
-
|
|
217
|
+
Bar.prototype.resize = function () {
|
|
218
|
+
var _a = this, outer = _a.outer, thumb = _a.thumb, scrollLine = _a.scrollLine, scrollWidth = _a.scrollWidth, scrollHeight = _a.scrollHeight, isHorizontal = _a.isHorizontal;
|
|
219
|
+
var _b = this.props, minSize = _b.minSize, hasAutoSize = _b.hasAutoSize;
|
|
176
220
|
// get outer sizes
|
|
177
221
|
this._outerHeight = outer.clientHeight;
|
|
178
222
|
this._outerWidth = outer.clientWidth;
|
|
179
223
|
// calculate thumb sizes
|
|
180
224
|
if (hasAutoSize) {
|
|
181
225
|
if (isHorizontal) {
|
|
182
|
-
|
|
183
|
-
thumb.style.width =
|
|
226
|
+
var barSize = clamp(this._outerWidth / (scrollWidth / (scrollWidth - scrollLine)), [minSize, Infinity]);
|
|
227
|
+
thumb.style.width = "".concat(barSize, "px");
|
|
184
228
|
}
|
|
185
229
|
else {
|
|
186
|
-
|
|
187
|
-
thumb.style.height =
|
|
230
|
+
var barSize = clamp(this._outerHeight / (scrollHeight / (scrollHeight - scrollLine)), [minSize, Infinity]);
|
|
231
|
+
thumb.style.height = "".concat(barSize, "px");
|
|
188
232
|
}
|
|
189
233
|
}
|
|
190
234
|
// get thumb sizes
|
|
@@ -194,13 +238,15 @@ export default class Bar {
|
|
|
194
238
|
outer.classList.toggle(this.className('_is-empty'), scrollLine === 0);
|
|
195
239
|
// render elements
|
|
196
240
|
this._renderThumb();
|
|
197
|
-
}
|
|
198
|
-
destroy() {
|
|
241
|
+
};
|
|
242
|
+
Bar.prototype.destroy = function () {
|
|
199
243
|
this._removeEvents();
|
|
200
244
|
if (this._actionTimeout) {
|
|
201
245
|
clearTimeout(this._actionTimeout);
|
|
202
246
|
}
|
|
203
247
|
this._outer.remove();
|
|
204
|
-
}
|
|
205
|
-
|
|
248
|
+
};
|
|
249
|
+
return Bar;
|
|
250
|
+
}());
|
|
251
|
+
export default Bar;
|
|
206
252
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/ScrollBar/Bar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAGhE,OAAO,EAAE,WAAW,EAAgB,MAAM,0BAA0B,CAAC;AACrE,OAAO,EAA8B,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAC/E,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AACrC,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEjD,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/ScrollBar/Bar/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,3 +1,29 @@
|
|
|
1
|
+
var __extends = (this && this.__extends) || (function () {
|
|
2
|
+
var extendStatics = function (d, b) {
|
|
3
|
+
extendStatics = Object.setPrototypeOf ||
|
|
4
|
+
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
5
|
+
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
6
|
+
return extendStatics(d, b);
|
|
7
|
+
};
|
|
8
|
+
return function (d, b) {
|
|
9
|
+
if (typeof b !== "function" && b !== null)
|
|
10
|
+
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
11
|
+
extendStatics(d, b);
|
|
12
|
+
function __() { this.constructor = d; }
|
|
13
|
+
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
14
|
+
};
|
|
15
|
+
})();
|
|
16
|
+
var __assign = (this && this.__assign) || function () {
|
|
17
|
+
__assign = Object.assign || function(t) {
|
|
18
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
19
|
+
s = arguments[i];
|
|
20
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
21
|
+
t[p] = s[p];
|
|
22
|
+
}
|
|
23
|
+
return t;
|
|
24
|
+
};
|
|
25
|
+
return __assign.apply(this, arguments);
|
|
26
|
+
};
|
|
1
27
|
import { selectOne } from 'vevet-dom';
|
|
2
28
|
import Bar from './Bar';
|
|
3
29
|
import { Component as ComponentClass } from '../../base/Component';
|
|
@@ -5,113 +31,135 @@ import { onResize } from '../../utils/internal/onResize';
|
|
|
5
31
|
/**
|
|
6
32
|
* Create custom scroll bar
|
|
7
33
|
*/
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
}
|
|
15
|
-
/** Scroll container */
|
|
16
|
-
get container() {
|
|
17
|
-
return this._container;
|
|
18
|
-
}
|
|
19
|
-
/** Scrollable element */
|
|
20
|
-
get scrollableElement() {
|
|
21
|
-
const { container } = this;
|
|
22
|
-
if (container instanceof Window) {
|
|
23
|
-
return this.app.body;
|
|
24
|
-
}
|
|
25
|
-
if (container instanceof Element) {
|
|
26
|
-
return container;
|
|
27
|
-
}
|
|
28
|
-
return container.container;
|
|
29
|
-
}
|
|
30
|
-
/**
|
|
31
|
-
* The element where scrollbars will be appended
|
|
32
|
-
*/
|
|
33
|
-
get domParent() {
|
|
34
|
-
const { domParent } = this.props;
|
|
35
|
-
if (domParent) {
|
|
36
|
-
return domParent;
|
|
37
|
-
}
|
|
38
|
-
const { container } = this;
|
|
39
|
-
if (container instanceof Window) {
|
|
40
|
-
return this.app.body;
|
|
41
|
-
}
|
|
42
|
-
if (container instanceof Element) {
|
|
43
|
-
return container;
|
|
44
|
-
}
|
|
45
|
-
return container.container;
|
|
46
|
-
}
|
|
47
|
-
constructor(initialProps, canInit = true) {
|
|
48
|
-
super(initialProps, false);
|
|
49
|
-
const { container } = this.props;
|
|
34
|
+
var ScrollBar = /** @class */ (function (_super) {
|
|
35
|
+
__extends(ScrollBar, _super);
|
|
36
|
+
function ScrollBar(initialProps, canInit) {
|
|
37
|
+
if (canInit === void 0) { canInit = true; }
|
|
38
|
+
var _this = _super.call(this, initialProps, false) || this;
|
|
39
|
+
var container = _this.props.container;
|
|
50
40
|
// get container
|
|
51
41
|
if (typeof container === 'string') {
|
|
52
|
-
|
|
42
|
+
var element = selectOne(container);
|
|
53
43
|
if (element) {
|
|
54
|
-
|
|
44
|
+
_this._container = element;
|
|
55
45
|
}
|
|
56
46
|
else {
|
|
57
47
|
throw new Error('No scroll container');
|
|
58
48
|
}
|
|
59
49
|
}
|
|
60
50
|
else {
|
|
61
|
-
|
|
51
|
+
_this._container = container;
|
|
62
52
|
}
|
|
63
53
|
// create bars
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
54
|
+
var barProps = __assign(__assign({}, _this.props), { container: _this.container, domParent: _this.domParent, prefix: _this.prefix });
|
|
55
|
+
_this._xBar = new Bar(__assign(__assign({}, barProps), { direction: 'x' }));
|
|
56
|
+
_this._yBar = new Bar(__assign(__assign({}, barProps), { direction: 'y' }));
|
|
67
57
|
// add classnames
|
|
68
|
-
|
|
58
|
+
_this.toggleClassName(_this.scrollableElement, _this.className('-parent'), true);
|
|
69
59
|
// initialize the class
|
|
70
60
|
if (canInit) {
|
|
71
|
-
|
|
61
|
+
_this.init();
|
|
72
62
|
}
|
|
63
|
+
return _this;
|
|
73
64
|
}
|
|
74
|
-
|
|
75
|
-
|
|
65
|
+
ScrollBar.prototype._getDefaultProps = function () {
|
|
66
|
+
return __assign(__assign({}, _super.prototype._getDefaultProps.call(this)), { container: window, domParent: false, resizeDebounce: 16, isDraggable: true, hasAutoSize: true, canAutoHide: true, minSize: 50, scrollBehavior: 'smooth' });
|
|
67
|
+
};
|
|
68
|
+
Object.defineProperty(ScrollBar.prototype, "prefix", {
|
|
69
|
+
get: function () {
|
|
70
|
+
return "".concat(this.app.prefix, "scrollbar");
|
|
71
|
+
},
|
|
72
|
+
enumerable: false,
|
|
73
|
+
configurable: true
|
|
74
|
+
});
|
|
75
|
+
Object.defineProperty(ScrollBar.prototype, "container", {
|
|
76
|
+
/** Scroll container */
|
|
77
|
+
get: function () {
|
|
78
|
+
return this._container;
|
|
79
|
+
},
|
|
80
|
+
enumerable: false,
|
|
81
|
+
configurable: true
|
|
82
|
+
});
|
|
83
|
+
Object.defineProperty(ScrollBar.prototype, "scrollableElement", {
|
|
84
|
+
/** Scrollable element */
|
|
85
|
+
get: function () {
|
|
86
|
+
var container = this.container;
|
|
87
|
+
if (container instanceof Window) {
|
|
88
|
+
return this.app.body;
|
|
89
|
+
}
|
|
90
|
+
if (container instanceof Element) {
|
|
91
|
+
return container;
|
|
92
|
+
}
|
|
93
|
+
return container.container;
|
|
94
|
+
},
|
|
95
|
+
enumerable: false,
|
|
96
|
+
configurable: true
|
|
97
|
+
});
|
|
98
|
+
Object.defineProperty(ScrollBar.prototype, "domParent", {
|
|
99
|
+
/**
|
|
100
|
+
* The element where scrollbars will be appended
|
|
101
|
+
*/
|
|
102
|
+
get: function () {
|
|
103
|
+
var domParent = this.props.domParent;
|
|
104
|
+
if (domParent) {
|
|
105
|
+
return domParent;
|
|
106
|
+
}
|
|
107
|
+
var container = this.container;
|
|
108
|
+
if (container instanceof Window) {
|
|
109
|
+
return this.app.body;
|
|
110
|
+
}
|
|
111
|
+
if (container instanceof Element) {
|
|
112
|
+
return container;
|
|
113
|
+
}
|
|
114
|
+
return container.container;
|
|
115
|
+
},
|
|
116
|
+
enumerable: false,
|
|
117
|
+
configurable: true
|
|
118
|
+
});
|
|
119
|
+
ScrollBar.prototype._init = function () {
|
|
120
|
+
_super.prototype._init.call(this);
|
|
76
121
|
this._setEvents();
|
|
77
|
-
}
|
|
122
|
+
};
|
|
78
123
|
// Set Module Events
|
|
79
|
-
_setEvents() {
|
|
80
|
-
|
|
124
|
+
ScrollBar.prototype._setEvents = function () {
|
|
125
|
+
var _this = this;
|
|
126
|
+
var _a = this, container = _a.container, props = _a.props;
|
|
81
127
|
// default resize handler
|
|
82
|
-
|
|
83
|
-
onResize: ()
|
|
128
|
+
var resizeHandler = onResize({
|
|
129
|
+
onResize: function () { return _this.resize(); },
|
|
84
130
|
element: [this._xBar.outer, this._yBar.outer],
|
|
85
131
|
viewportTarget: 'any',
|
|
86
132
|
hasBothEvents: true,
|
|
87
133
|
resizeDebounce: props.resizeDebounce,
|
|
88
134
|
});
|
|
89
135
|
// resize for smoothscroll
|
|
90
|
-
|
|
91
|
-
? container.addCallback('resize', ()
|
|
136
|
+
var smoothScrollResize = 'isSmoothScroll' in container
|
|
137
|
+
? container.addCallback('resize', function () { return resizeHandler.debounceResize(); }, { name: this.name })
|
|
92
138
|
: undefined;
|
|
93
|
-
this.addDestroyableAction(()
|
|
139
|
+
this.addDestroyableAction(function () {
|
|
94
140
|
resizeHandler.remove();
|
|
95
141
|
smoothScrollResize === null || smoothScrollResize === void 0 ? void 0 : smoothScrollResize.remove();
|
|
96
142
|
});
|
|
97
143
|
// initial resize
|
|
98
144
|
resizeHandler.resize();
|
|
99
|
-
}
|
|
100
|
-
_onPropsMutate() {
|
|
101
|
-
|
|
145
|
+
};
|
|
146
|
+
ScrollBar.prototype._onPropsMutate = function () {
|
|
147
|
+
_super.prototype._onPropsMutate.call(this);
|
|
102
148
|
this.resize();
|
|
103
|
-
}
|
|
149
|
+
};
|
|
104
150
|
/** Resize the scene */
|
|
105
|
-
resize() {
|
|
151
|
+
ScrollBar.prototype.resize = function () {
|
|
106
152
|
this._xBar.resize();
|
|
107
153
|
this._yBar.resize();
|
|
108
|
-
}
|
|
154
|
+
};
|
|
109
155
|
/** Destroy the module */
|
|
110
|
-
_destroy() {
|
|
111
|
-
|
|
156
|
+
ScrollBar.prototype._destroy = function () {
|
|
157
|
+
_super.prototype._destroy.call(this);
|
|
112
158
|
// destroy bars
|
|
113
159
|
this._xBar.destroy();
|
|
114
160
|
this._yBar.destroy();
|
|
115
|
-
}
|
|
116
|
-
|
|
161
|
+
};
|
|
162
|
+
return ScrollBar;
|
|
163
|
+
}(ComponentClass));
|
|
164
|
+
export { ScrollBar };
|
|
117
165
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ScrollBar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAEtC,OAAO,GAAG,MAAM,OAAO,CAAC;AAExB,OAAO,EAAE,SAAS,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAE/D,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAIrD;;GAEG;AACH,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ScrollBar/index.ts"],"names":[],"mappings":"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"}
|