vevet 3.15.0 → 3.15.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/components/DraggerBase/index.js +8 -0
- package/lib/cjs/components/DraggerBase/index.js.map +1 -1
- package/lib/cjs/components/SplitText/index.js +10 -3
- package/lib/cjs/components/SplitText/index.js.map +1 -1
- package/lib/cjs/version.js +1 -1
- package/lib/esm/components/DraggerBase/index.js +10 -0
- package/lib/esm/components/DraggerBase/index.js.map +1 -1
- package/lib/esm/components/SplitText/index.js +10 -3
- package/lib/esm/components/SplitText/index.js.map +1 -1
- package/lib/esm/version.js +1 -1
- package/lib/types/components/DraggerBase/index.d.ts +2 -0
- package/lib/types/components/DraggerBase/index.d.ts.map +1 -1
- package/lib/types/components/SplitText/index.d.ts +10 -3
- package/lib/types/components/SplitText/index.d.ts.map +1 -1
- package/lib/types/version.d.ts +1 -1
- package/package.json +1 -1
- package/src/components/Ctx2DPrerender/stories/index.tsx +1 -1
- package/src/components/DraggerBase/index.ts +16 -0
- package/src/components/DraggerMove/stories/index.tsx +0 -1
- package/src/components/Marquee/stories/index.tsx +4 -12
- package/src/components/SplitText/index.ts +10 -3
- package/src/version.ts +1 -1
|
@@ -48,6 +48,9 @@ var DraggerBase = /** @class */ (function (_super) {
|
|
|
48
48
|
_this._coords = { x: 0, y: 0 };
|
|
49
49
|
_this._prevCoords = { x: 0, y: 0 };
|
|
50
50
|
_this._startCoords = { x: 0, y: 0 };
|
|
51
|
+
// set fix styles
|
|
52
|
+
_this._fixStyles = document.createElement('style');
|
|
53
|
+
_this._fixStyles.innerHTML = "\n * { user-select: none !important; }\n ";
|
|
51
54
|
if (canInit) {
|
|
52
55
|
_this.init();
|
|
53
56
|
}
|
|
@@ -204,6 +207,8 @@ var DraggerBase = /** @class */ (function (_super) {
|
|
|
204
207
|
this._pointerID = pointerId;
|
|
205
208
|
// add runtime events
|
|
206
209
|
this._addRuntimeEvents();
|
|
210
|
+
// add styles fix
|
|
211
|
+
(0, getApp_1.getApp)().body.append(this._fixStyles);
|
|
207
212
|
// launch callbacks
|
|
208
213
|
this.callbacks.tbt('start', {
|
|
209
214
|
event: event,
|
|
@@ -235,6 +240,9 @@ var DraggerBase = /** @class */ (function (_super) {
|
|
|
235
240
|
/** Cancel dragging */
|
|
236
241
|
DraggerBase.prototype.cancel = function () {
|
|
237
242
|
this._removeRuntimeEvents();
|
|
243
|
+
// remove styles fix
|
|
244
|
+
this._fixStyles.remove();
|
|
245
|
+
// launch callbacks
|
|
238
246
|
this.callbacks.tbt('end', undefined);
|
|
239
247
|
};
|
|
240
248
|
/** Destroy the module */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/DraggerBase/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uCAMmB;AAEnB,8CAA+D;AAC/D,kDAAiD;AAIjD;;GAEG;AACH;IAMU,+BAA4D;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/DraggerBase/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -34,10 +34,17 @@ var splitBase_1 = require("./utils/splitBase");
|
|
|
34
34
|
var wrapLines_1 = require("./utils/wrapLines");
|
|
35
35
|
var getApp_1 = require("../../utils/internal/getApp");
|
|
36
36
|
/**
|
|
37
|
-
*
|
|
38
|
-
*
|
|
37
|
+
* SplitText is a component that splits your text into lines, words, and letters so that you can animate them.
|
|
38
|
+
* It supports auto-resizing for lines and styled content when using html inside your text.
|
|
39
|
+
* It was inspired both by GSAP's SplitText plugin and SplitType.
|
|
39
40
|
*
|
|
40
|
-
* Apply `fontKerning: none` to your container to prevent large layout shifts
|
|
41
|
+
* P.S. Apply `fontKerning: none` to your container to prevent large layout shifts.
|
|
42
|
+
*
|
|
43
|
+
* @see Performance comparison of splitting your text into words: https://measurethat.net/Benchmarks/Show/31805/0/vevetsplittext-splittype-comparison-words-only
|
|
44
|
+
*
|
|
45
|
+
* @see Performance comparison of splitting your text into words and letters: https://measurethat.net/Benchmarks/Show/31806/0/vevetsplittext-splittype-comparison-words-letters
|
|
46
|
+
*
|
|
47
|
+
* @see Performance comparison of splitting your text into words and lines: https://measurethat.net/Benchmarks/Show/31847/0/vevetsplittext-splittype-comparison-words-lines
|
|
41
48
|
*/
|
|
42
49
|
var SplitText = /** @class */ (function (_super) {
|
|
43
50
|
__extends(SplitText, _super);
|
|
@@ -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
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/SplitText/index.ts"],"names":[],"mappings":"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"}
|
package/lib/cjs/version.js
CHANGED
|
@@ -59,6 +59,11 @@ export class DraggerBase extends ComponentClass {
|
|
|
59
59
|
this._coords = { x: 0, y: 0 };
|
|
60
60
|
this._prevCoords = { x: 0, y: 0 };
|
|
61
61
|
this._startCoords = { x: 0, y: 0 };
|
|
62
|
+
// set fix styles
|
|
63
|
+
this._fixStyles = document.createElement('style');
|
|
64
|
+
this._fixStyles.innerHTML = `
|
|
65
|
+
* { user-select: none !important; }
|
|
66
|
+
`;
|
|
62
67
|
if (canInit) {
|
|
63
68
|
this.init();
|
|
64
69
|
}
|
|
@@ -138,6 +143,8 @@ export class DraggerBase extends ComponentClass {
|
|
|
138
143
|
this._pointerID = pointerId;
|
|
139
144
|
// add runtime events
|
|
140
145
|
this._addRuntimeEvents();
|
|
146
|
+
// add styles fix
|
|
147
|
+
getApp().body.append(this._fixStyles);
|
|
141
148
|
// launch callbacks
|
|
142
149
|
this.callbacks.tbt('start', {
|
|
143
150
|
event,
|
|
@@ -168,6 +175,9 @@ export class DraggerBase extends ComponentClass {
|
|
|
168
175
|
/** Cancel dragging */
|
|
169
176
|
cancel() {
|
|
170
177
|
this._removeRuntimeEvents();
|
|
178
|
+
// remove styles fix
|
|
179
|
+
this._fixStyles.remove();
|
|
180
|
+
// launch callbacks
|
|
171
181
|
this.callbacks.tbt('end', undefined);
|
|
172
182
|
}
|
|
173
183
|
/** Destroy the module */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/DraggerBase/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,gBAAgB,EAChB,SAAS,EACT,QAAQ,EACR,SAAS,GACV,MAAM,WAAW,CAAC;AAEnB,OAAO,EAAE,SAAS,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC/D,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAIjD;;GAEG;AACH,MAAM,OAAgB,WAMpB,SAAQ,cAA4D;IAC1D,gBAAgB;QACxB,uCACK,KAAK,CAAC,gBAAgB,EAAE,KAC3B,SAAS,EAAE,IAAI,IAAI,CAAC,MAAM,EAAE,EAC5B,SAAS,EAAE,KAAK,EAChB,SAAS,EAAE,IAAI,IACf;IACJ,CAAC;IAED,IAAI,MAAM;QACR,OAAO,GAAG,MAAM,EAAE,CAAC,MAAM,SAAS,CAAC;IACrC,CAAC;IAKD,0BAA0B;IAC1B,IAAI,SAAS;QACX,OAAO,IAAI,CAAC,UAAU,CAAC;IACzB,CAAC;IAKD,6BAA6B;IAC7B,IAAI,UAAU;QACZ,OAAO,IAAI,CAAC,iBAAiB,CAAC,MAAM,GAAG,CAAC,CAAC;IAC3C,CAAC;IAKD,yBAAyB;IACzB,IAAc,SAAS;QACrB,OAAO,IAAI,CAAC,UAAU,CAAC;IACzB,CAAC;IAKD,0BAA0B;IAC1B,IAAI,MAAM;QACR,OAAO,IAAI,CAAC,OAAO,CAAC;IACtB,CAAC;IAED,0BAA0B;IAC1B,IAAc,MAAM,CAAC,KAAK;QACxB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;IACvB,CAAC;IAKD,uBAAuB;IACvB,IAAI,UAAU;QACZ,OAAO,IAAI,CAAC,WAAW,CAAC;IAC1B,CAAC;IAED,uBAAuB;IACvB,IAAc,UAAU,CAAC,KAAK;QAC5B,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;IAC3B,CAAC;IAKD,gCAAgC;IAChC,IAAI,WAAW;QACb,OAAO,IAAI,CAAC,YAAY,CAAC;IAC3B,CAAC;IAQD,yBAAyB;IACzB,IAAI,IAAI;QACN,OAAO,IAAI,CAAC,KAAK,CAAC;IACpB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/DraggerBase/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -5,10 +5,17 @@ import { splitBase } from './utils/splitBase';
|
|
|
5
5
|
import { wrapLines } from './utils/wrapLines';
|
|
6
6
|
import { getApp } from '../../utils/internal/getApp';
|
|
7
7
|
/**
|
|
8
|
-
*
|
|
9
|
-
*
|
|
8
|
+
* SplitText is a component that splits your text into lines, words, and letters so that you can animate them.
|
|
9
|
+
* It supports auto-resizing for lines and styled content when using html inside your text.
|
|
10
|
+
* It was inspired both by GSAP's SplitText plugin and SplitType.
|
|
10
11
|
*
|
|
11
|
-
* Apply `fontKerning: none` to your container to prevent large layout shifts
|
|
12
|
+
* P.S. Apply `fontKerning: none` to your container to prevent large layout shifts.
|
|
13
|
+
*
|
|
14
|
+
* @see Performance comparison of splitting your text into words: https://measurethat.net/Benchmarks/Show/31805/0/vevetsplittext-splittype-comparison-words-only
|
|
15
|
+
*
|
|
16
|
+
* @see Performance comparison of splitting your text into words and letters: https://measurethat.net/Benchmarks/Show/31806/0/vevetsplittext-splittype-comparison-words-letters
|
|
17
|
+
*
|
|
18
|
+
* @see Performance comparison of splitting your text into words and lines: https://measurethat.net/Benchmarks/Show/31847/0/vevetsplittext-splittype-comparison-words-lines
|
|
12
19
|
*/
|
|
13
20
|
export class SplitText extends ComponentClass {
|
|
14
21
|
_getDefaultProps() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/SplitText/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACtC,OAAO,EAAE,SAAS,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAE/D,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAIjD
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/SplitText/index.ts"],"names":[],"mappings":"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"}
|
package/lib/esm/version.js
CHANGED
|
@@ -47,6 +47,8 @@ export declare abstract class DraggerBase<StaticProps extends NDraggerBase.IStat
|
|
|
47
47
|
protected _type?: 'mouse' | 'touch';
|
|
48
48
|
/** Current event type */
|
|
49
49
|
get type(): "mouse" | "touch" | undefined;
|
|
50
|
+
/** Styles to prevent user-select */
|
|
51
|
+
protected _fixStyles: HTMLStyleElement;
|
|
50
52
|
constructor(initialProps?: StaticProps & ChangeableProps, canInit?: boolean);
|
|
51
53
|
protected _init(): void;
|
|
52
54
|
/** Set dragger events */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/DraggerBase/index.ts"],"names":[],"mappings":";AAAA,OAAO,EACL,iBAAiB,EAKlB,MAAM,WAAW,CAAC;AACnB,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACvC,OAAO,EAAE,SAAS,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAG/D,YAAY,EAAE,YAAY,EAAE,CAAC;AAE7B;;GAEG;AACH,8BAAsB,WAAW,CAC/B,WAAW,SAAS,YAAY,CAAC,YAAY,GAAG,YAAY,CAAC,YAAY,EACzE,eAAe,SACb,YAAY,CAAC,gBAAgB,GAAG,YAAY,CAAC,gBAAgB,EAC/D,cAAc,SACZ,YAAY,CAAC,eAAe,GAAG,YAAY,CAAC,eAAe,CAC7D,SAAQ,cAAc,CAAC,WAAW,EAAE,eAAe,EAAE,cAAc,CAAC;IACpE,SAAS,CAAC,gBAAgB;;;;;IAS1B,IAAI,MAAM,WAET;IAED,0BAA0B;IAC1B,SAAS,CAAC,UAAU,EAAE,OAAO,GAAG,MAAM,CAAC;IAEvC,0BAA0B;IAC1B,IAAI,SAAS,qBAEZ;IAED,qBAAqB;IACrB,SAAS,CAAC,iBAAiB,EAAE,iBAAiB,EAAE,CAAC;IAEjD,6BAA6B;IAC7B,IAAI,UAAU,YAEb;IAED,yBAAyB;IACzB,SAAS,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAEpC,yBAAyB;IACzB,SAAS,KAAK,SAAS,kBAEtB;IAED,0BAA0B;IAC1B,SAAS,CAAC,OAAO,EAAE,YAAY,CAAC,QAAQ,CAAC;IAEzC,0BAA0B;IAC1B,IAAI,MAAM,0BAET;IAED,0BAA0B;IAC1B,SAAS,KAAK,MAAM,CAAC,KAAK,uBAAA,EAEzB;IAED,uBAAuB;IACvB,SAAS,CAAC,WAAW,EAAE,YAAY,CAAC,QAAQ,CAAC;IAE7C,uBAAuB;IACvB,IAAI,UAAU,0BAEb;IAED,uBAAuB;IACvB,SAAS,KAAK,UAAU,CAAC,KAAK,uBAAA,EAE7B;IAED,gCAAgC;IAChC,SAAS,CAAC,YAAY,EAAE,YAAY,CAAC,QAAQ,CAAC;IAE9C,gCAAgC;IAChC,IAAI,WAAW,0BAEd;IAED,6BAA6B;IAC7B,SAAS,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC;IAE7C,yBAAyB;IACzB,SAAS,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAEpC,yBAAyB;IACzB,IAAI,IAAI,kCAEP;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/DraggerBase/index.ts"],"names":[],"mappings":";AAAA,OAAO,EACL,iBAAiB,EAKlB,MAAM,WAAW,CAAC;AACnB,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACvC,OAAO,EAAE,SAAS,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAG/D,YAAY,EAAE,YAAY,EAAE,CAAC;AAE7B;;GAEG;AACH,8BAAsB,WAAW,CAC/B,WAAW,SAAS,YAAY,CAAC,YAAY,GAAG,YAAY,CAAC,YAAY,EACzE,eAAe,SACb,YAAY,CAAC,gBAAgB,GAAG,YAAY,CAAC,gBAAgB,EAC/D,cAAc,SACZ,YAAY,CAAC,eAAe,GAAG,YAAY,CAAC,eAAe,CAC7D,SAAQ,cAAc,CAAC,WAAW,EAAE,eAAe,EAAE,cAAc,CAAC;IACpE,SAAS,CAAC,gBAAgB;;;;;IAS1B,IAAI,MAAM,WAET;IAED,0BAA0B;IAC1B,SAAS,CAAC,UAAU,EAAE,OAAO,GAAG,MAAM,CAAC;IAEvC,0BAA0B;IAC1B,IAAI,SAAS,qBAEZ;IAED,qBAAqB;IACrB,SAAS,CAAC,iBAAiB,EAAE,iBAAiB,EAAE,CAAC;IAEjD,6BAA6B;IAC7B,IAAI,UAAU,YAEb;IAED,yBAAyB;IACzB,SAAS,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAEpC,yBAAyB;IACzB,SAAS,KAAK,SAAS,kBAEtB;IAED,0BAA0B;IAC1B,SAAS,CAAC,OAAO,EAAE,YAAY,CAAC,QAAQ,CAAC;IAEzC,0BAA0B;IAC1B,IAAI,MAAM,0BAET;IAED,0BAA0B;IAC1B,SAAS,KAAK,MAAM,CAAC,KAAK,uBAAA,EAEzB;IAED,uBAAuB;IACvB,SAAS,CAAC,WAAW,EAAE,YAAY,CAAC,QAAQ,CAAC;IAE7C,uBAAuB;IACvB,IAAI,UAAU,0BAEb;IAED,uBAAuB;IACvB,SAAS,KAAK,UAAU,CAAC,KAAK,uBAAA,EAE7B;IAED,gCAAgC;IAChC,SAAS,CAAC,YAAY,EAAE,YAAY,CAAC,QAAQ,CAAC;IAE9C,gCAAgC;IAChC,IAAI,WAAW,0BAEd;IAED,6BAA6B;IAC7B,SAAS,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC;IAE7C,yBAAyB;IACzB,SAAS,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAEpC,yBAAyB;IACzB,IAAI,IAAI,kCAEP;IAED,oCAAoC;IACpC,SAAS,CAAC,UAAU,EAAE,gBAAgB,CAAC;gBAE3B,YAAY,CAAC,EAAE,WAAW,GAAG,eAAe,EAAE,OAAO,UAAO;IA0BxE,SAAS,CAAC,KAAK;IAMf,yBAAyB;IACzB,SAAS,CAAC,UAAU;IAgBpB,yBAAyB;IACzB,SAAS,CAAC,iBAAiB;IA4B3B,4BAA4B;IAC5B,SAAS,CAAC,oBAAoB;IAM9B,uCAAuC;IACvC,SAAS,CAAC,eAAe,CAAC,KAAK,EAAE,YAAY,CAAC,MAAM;;;;;;;;;IAqBpD,0BAA0B;IAC1B,SAAS,CAAC,YAAY,CAAC,KAAK,EAAE,YAAY,CAAC,MAAM;IA0CjD,wBAAwB;IACxB,SAAS,CAAC,SAAS,CAAC,KAAK,EAAE,YAAY,CAAC,MAAM;IAkB9C,wBAAwB;IAExB,SAAS,CAAC,UAAU,CAAC,KAAK,EAAE,YAAY,CAAC,MAAM;IAI/C,sBAAsB;IACf,MAAM;IAUb,yBAAyB;IACzB,SAAS,CAAC,QAAQ;CAWnB"}
|
|
@@ -3,10 +3,17 @@ import { NSplitText } from './types';
|
|
|
3
3
|
import { wrapLines } from './utils/wrapLines';
|
|
4
4
|
export type { NSplitText };
|
|
5
5
|
/**
|
|
6
|
-
*
|
|
7
|
-
*
|
|
6
|
+
* SplitText is a component that splits your text into lines, words, and letters so that you can animate them.
|
|
7
|
+
* It supports auto-resizing for lines and styled content when using html inside your text.
|
|
8
|
+
* It was inspired both by GSAP's SplitText plugin and SplitType.
|
|
8
9
|
*
|
|
9
|
-
* Apply `fontKerning: none` to your container to prevent large layout shifts
|
|
10
|
+
* P.S. Apply `fontKerning: none` to your container to prevent large layout shifts.
|
|
11
|
+
*
|
|
12
|
+
* @see Performance comparison of splitting your text into words: https://measurethat.net/Benchmarks/Show/31805/0/vevetsplittext-splittype-comparison-words-only
|
|
13
|
+
*
|
|
14
|
+
* @see Performance comparison of splitting your text into words and letters: https://measurethat.net/Benchmarks/Show/31806/0/vevetsplittext-splittype-comparison-words-letters
|
|
15
|
+
*
|
|
16
|
+
* @see Performance comparison of splitting your text into words and lines: https://measurethat.net/Benchmarks/Show/31847/0/vevetsplittext-splittype-comparison-words-lines
|
|
10
17
|
*/
|
|
11
18
|
export declare class SplitText<StaticProps extends NSplitText.IStaticProps = NSplitText.IStaticProps, ChangeableProps extends NSplitText.IChangeableProps = NSplitText.IChangeableProps, CallbacksTypes extends NSplitText.ICallbacksTypes = NSplitText.ICallbacksTypes> extends ComponentClass<StaticProps, ChangeableProps, CallbacksTypes> {
|
|
12
19
|
protected _getDefaultProps(): {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/SplitText/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAGrC,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAG9C,YAAY,EAAE,UAAU,EAAE,CAAC;AAE3B
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/SplitText/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAGrC,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAG9C,YAAY,EAAE,UAAU,EAAE,CAAC;AAE3B;;;;;;;;;;;;GAYG;AACH,qBAAa,SAAS,CACpB,WAAW,SAAS,UAAU,CAAC,YAAY,GAAG,UAAU,CAAC,YAAY,EACrE,eAAe,SACb,UAAU,CAAC,gBAAgB,GAAG,UAAU,CAAC,gBAAgB,EAC3D,cAAc,SACZ,UAAU,CAAC,eAAe,GAAG,UAAU,CAAC,eAAe,CACzD,SAAQ,cAAc,CAAC,WAAW,EAAE,eAAe,EAAE,cAAc,CAAC;IACpE,SAAS,CAAC,gBAAgB;;;;;;;;;;IAc1B,IAAI,MAAM,WAET;IAED,IAAI,eAAe,WAElB;IAED,IAAI,aAAa,WAEhB;IAED,IAAI,aAAa,WAEhB;IAED,2BAA2B;IAC3B,SAAS,CAAC,YAAY,EAAE,MAAM,CAAC;IAE/B,wDAAwD;IACxD,SAAS,CAAC,YAAY,UAAS;IAE/B,qBAAqB;IACrB,SAAS,CAAC,UAAU,EAAE,WAAW,CAAC;IAElC,qBAAqB;IACrB,IAAI,SAAS,gBAEZ;IAED,cAAc;IACd,SAAS,CAAC,QAAQ,EAAE,UAAU,CAAC,OAAO,EAAE,CAAC;IAEzC,cAAc;IACd,IAAI,OAAO,yBAEV;IAED,YAAY;IACZ,SAAS,CAAC,MAAM,EAAE,UAAU,CAAC,KAAK,EAAE,CAAC;IAErC,YAAY;IACZ,IAAI,KAAK,uBAER;IAED,YAAY;IACZ,SAAS,CAAC,MAAM,EAAE,UAAU,CAAC,KAAK,EAAE,CAAC;IAErC,YAAY;IACZ,IAAI,KAAK,uBAER;IAED,+BAA+B;IAC/B,SAAS,CAAC,YAAY,CAAC,EAAE,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;gBAE1C,YAAY,EAAE,WAAW,GAAG,eAAe,EAAE,OAAO,UAAO;IAuBvE,SAAS,CAAC,KAAK;IAMf,wBAAwB;IACxB,SAAS,CAAC,UAAU;IAqBpB,qBAAqB;IACd,SAAS;IAYhB,iBAAiB;IACjB,OAAO,CAAC,UAAU;IAoClB,gCAAgC;IAChC,SAAS,CAAC,eAAe;IAgBzB,yBAAyB;IACzB,SAAS,CAAC,QAAQ;CAKnB"}
|
package/lib/types/version.d.ts
CHANGED
package/package.json
CHANGED
|
@@ -7,7 +7,7 @@ export const Component: FC = () => {
|
|
|
7
7
|
const [ctx2d, setCtx2d] = useState<Ctx2DPrerender>();
|
|
8
8
|
const [image, setImage] = useState<HTMLImageElement>();
|
|
9
9
|
const [position, setPosition] =
|
|
10
|
-
useState<NCtx2DPrerender.IChangeableProps['posRule']>();
|
|
10
|
+
useState<NCtx2DPrerender.IChangeableProps['posRule']>('cover');
|
|
11
11
|
|
|
12
12
|
useEffect(() => {
|
|
13
13
|
if (!containerRef.current || !image) {
|
|
@@ -103,6 +103,9 @@ export abstract class DraggerBase<
|
|
|
103
103
|
return this._type;
|
|
104
104
|
}
|
|
105
105
|
|
|
106
|
+
/** Styles to prevent user-select */
|
|
107
|
+
protected _fixStyles: HTMLStyleElement;
|
|
108
|
+
|
|
106
109
|
constructor(initialProps?: StaticProps & ChangeableProps, canInit = true) {
|
|
107
110
|
super(initialProps, false);
|
|
108
111
|
|
|
@@ -118,6 +121,12 @@ export abstract class DraggerBase<
|
|
|
118
121
|
this._prevCoords = { x: 0, y: 0 };
|
|
119
122
|
this._startCoords = { x: 0, y: 0 };
|
|
120
123
|
|
|
124
|
+
// set fix styles
|
|
125
|
+
this._fixStyles = document.createElement('style');
|
|
126
|
+
this._fixStyles.innerHTML = `
|
|
127
|
+
* { user-select: none !important; }
|
|
128
|
+
`;
|
|
129
|
+
|
|
121
130
|
if (canInit) {
|
|
122
131
|
this.init();
|
|
123
132
|
}
|
|
@@ -234,6 +243,9 @@ export abstract class DraggerBase<
|
|
|
234
243
|
// add runtime events
|
|
235
244
|
this._addRuntimeEvents();
|
|
236
245
|
|
|
246
|
+
// add styles fix
|
|
247
|
+
getApp().body.append(this._fixStyles);
|
|
248
|
+
|
|
237
249
|
// launch callbacks
|
|
238
250
|
this.callbacks.tbt('start', {
|
|
239
251
|
event,
|
|
@@ -273,6 +285,10 @@ export abstract class DraggerBase<
|
|
|
273
285
|
public cancel() {
|
|
274
286
|
this._removeRuntimeEvents();
|
|
275
287
|
|
|
288
|
+
// remove styles fix
|
|
289
|
+
this._fixStyles.remove();
|
|
290
|
+
|
|
291
|
+
// launch callbacks
|
|
276
292
|
this.callbacks.tbt('end', undefined);
|
|
277
293
|
}
|
|
278
294
|
|
|
@@ -3,12 +3,7 @@ import { Marquee, NMarquee } from '..';
|
|
|
3
3
|
|
|
4
4
|
interface IProps extends NMarquee.IChangeableProps {}
|
|
5
5
|
|
|
6
|
-
export const Component: FC<IProps> = ({
|
|
7
|
-
speed,
|
|
8
|
-
isEnabled,
|
|
9
|
-
pauseOnHover,
|
|
10
|
-
isFpsNormalized,
|
|
11
|
-
}) => {
|
|
6
|
+
export const Component: FC<IProps> = (props) => {
|
|
12
7
|
const ref = useRef<HTMLDivElement>(null);
|
|
13
8
|
|
|
14
9
|
const [width, setWidth] = useState(400);
|
|
@@ -20,22 +15,19 @@ export const Component: FC<IProps> = ({
|
|
|
20
15
|
}
|
|
21
16
|
|
|
22
17
|
const instance = new Marquee({
|
|
18
|
+
...props,
|
|
23
19
|
container: ref.current,
|
|
24
|
-
speed,
|
|
25
|
-
isEnabled,
|
|
26
|
-
pauseOnHover,
|
|
27
|
-
isFpsNormalized,
|
|
28
20
|
});
|
|
29
21
|
|
|
30
22
|
setMarquee(instance);
|
|
31
23
|
|
|
32
24
|
return () => instance.destroy();
|
|
33
|
-
}, [
|
|
25
|
+
}, [props]);
|
|
34
26
|
|
|
35
27
|
return (
|
|
36
28
|
<>
|
|
37
29
|
<button type="button" onClick={() => setWidth((val) => val + 20)}>
|
|
38
|
-
Rezize
|
|
30
|
+
Rezize (changes parent width)
|
|
39
31
|
</button>
|
|
40
32
|
|
|
41
33
|
<button
|
|
@@ -9,10 +9,17 @@ import { getApp } from '@/utils/internal/getApp';
|
|
|
9
9
|
export type { NSplitText };
|
|
10
10
|
|
|
11
11
|
/**
|
|
12
|
-
*
|
|
13
|
-
*
|
|
12
|
+
* SplitText is a component that splits your text into lines, words, and letters so that you can animate them.
|
|
13
|
+
* It supports auto-resizing for lines and styled content when using html inside your text.
|
|
14
|
+
* It was inspired both by GSAP's SplitText plugin and SplitType.
|
|
14
15
|
*
|
|
15
|
-
* Apply `fontKerning: none` to your container to prevent large layout shifts
|
|
16
|
+
* P.S. Apply `fontKerning: none` to your container to prevent large layout shifts.
|
|
17
|
+
*
|
|
18
|
+
* @see Performance comparison of splitting your text into words: https://measurethat.net/Benchmarks/Show/31805/0/vevetsplittext-splittype-comparison-words-only
|
|
19
|
+
*
|
|
20
|
+
* @see Performance comparison of splitting your text into words and letters: https://measurethat.net/Benchmarks/Show/31806/0/vevetsplittext-splittype-comparison-words-letters
|
|
21
|
+
*
|
|
22
|
+
* @see Performance comparison of splitting your text into words and lines: https://measurethat.net/Benchmarks/Show/31847/0/vevetsplittext-splittype-comparison-words-lines
|
|
16
23
|
*/
|
|
17
24
|
export class SplitText<
|
|
18
25
|
StaticProps extends NSplitText.IStaticProps = NSplitText.IStaticProps,
|
package/src/version.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
const version = '3.15.
|
|
1
|
+
const version = '3.15.2';
|
|
2
2
|
export default version;
|