vevet 2.13.0 → 2.14.0

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 (11) hide show
  1. package/build/cdn/index.js +1 -1
  2. package/build/cjs/components/cursor/CustomCursor.js +11 -6
  3. package/build/cjs/version.js +1 -1
  4. package/build/es/components/cursor/CustomCursor.js +10 -5
  5. package/build/es/version.js +1 -1
  6. package/build/types/components/cursor/CustomCursor.d.ts +10 -16
  7. package/build/types/components/cursor/CustomCursor.d.ts.map +1 -1
  8. package/build/types/version.d.ts +1 -1
  9. package/package.json +1 -1
  10. package/src/ts/components/cursor/CustomCursor.ts +14 -12
  11. package/src/ts/version.ts +1 -1
package/build/cjs/components/cursor/CustomCursor.js CHANGED
@@ -159,13 +159,14 @@ var CustomCursor = /** @class */ (function (_super) {
159
159
  });
160
160
  Object.defineProperty(CustomCursor.prototype, "targetCoords", {
161
161
  get: function () {
162
- var _a, _b, _c, _d;
163
- var _e = this, hoveredEl = _e.hoveredEl, prop = _e.prop;
162
+ var _a, _b, _c;
163
+ var _d = this, hoveredEl = _d.hoveredEl, prop = _d.prop;
164
164
  var sizes = prop.size;
165
165
  var x = this._targetCoords.x;
166
166
  var y = this._targetCoords.y;
167
167
  var w = sizes.width;
168
168
  var h = sizes.height;
169
+ var padding = 0;
169
170
  if (hoveredEl) {
170
171
  var bounding = hoveredEl.el.getBoundingClientRect();
171
172
  if (prop.hover.sticky) {
@@ -173,10 +174,13 @@ var CustomCursor = /** @class */ (function (_super) {
173
174
  y = bounding.top + bounding.height / 2;
174
175
  }
175
176
  if (prop.hover.autoSize) {
176
- w = ((_b = (_a = this.hoveredEl) === null || _a === void 0 ? void 0 : _a.size) === null || _b === void 0 ? void 0 : _b.width) || bounding.width;
177
- h = ((_d = (_c = this.hoveredEl) === null || _c === void 0 ? void 0 : _c.size) === null || _d === void 0 ? void 0 : _d.height) || bounding.height;
177
+ w = ((_a = this.hoveredEl) === null || _a === void 0 ? void 0 : _a.width) || bounding.width;
178
+ h = ((_b = this.hoveredEl) === null || _b === void 0 ? void 0 : _b.height) || bounding.height;
179
+ padding = ((_c = this.hoveredEl) === null || _c === void 0 ? void 0 : _c.padding) || 0;
178
180
  }
179
181
  }
182
+ w += padding * 2;
183
+ h += padding * 2;
180
184
  return {
181
185
  x: x,
182
186
  y: y,
@@ -219,13 +223,14 @@ var CustomCursor = /** @class */ (function (_super) {
219
223
  /**
220
224
  * Set hover events on an element
221
225
  */
222
- CustomCursor.prototype.addHoverEl = function (el, size, enterTimeout) {
226
+ CustomCursor.prototype.addHoverEl = function (settings, enterTimeout) {
223
227
  var _this = this;
224
228
  if (enterTimeout === void 0) { enterTimeout = 100; }
229
+ var el = settings.el;
225
230
  var timeout;
226
231
  var mouseEnter = (0, vevet_dom_1.addEventListener)(el, 'mouseenter', function () {
227
232
  timeout = (0, common_1.timeoutCallback)(function () {
228
- _this.hoveredEl = { el: el, size: size };
233
+ _this.hoveredEl = __assign({}, settings);
229
234
  }, enterTimeout);
230
235
  });
231
236
  var mouseLeave = (0, vevet_dom_1.addEventListener)(el, 'mouseleave', function () {
package/build/cjs/version.js CHANGED
@@ -1,4 +1,4 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- var version = '2.13.0';
3
+ var version = '2.14.0';
4
4
  exports.default = version;
package/build/es/components/cursor/CustomCursor.js CHANGED
@@ -91,13 +91,14 @@ export class CustomCursor extends Component {
91
91
  return this._coords;
92
92
  }
93
93
  get targetCoords() {
94
- var _a, _b, _c, _d;
94
+ var _a, _b, _c;
95
95
  const { hoveredEl, prop } = this;
96
96
  const sizes = prop.size;
97
97
  let { x } = this._targetCoords;
98
98
  let { y } = this._targetCoords;
99
99
  let w = sizes.width;
100
100
  let h = sizes.height;
101
+ let padding = 0;
101
102
  if (hoveredEl) {
102
103
  const bounding = hoveredEl.el.getBoundingClientRect();
103
104
  if (prop.hover.sticky) {
@@ -105,10 +106,13 @@ export class CustomCursor extends Component {
105
106
  y = bounding.top + bounding.height / 2;
106
107
  }
107
108
  if (prop.hover.autoSize) {
108
- w = ((_b = (_a = this.hoveredEl) === null || _a === void 0 ? void 0 : _a.size) === null || _b === void 0 ? void 0 : _b.width) || bounding.width;
109
- h = ((_d = (_c = this.hoveredEl) === null || _c === void 0 ? void 0 : _c.size) === null || _d === void 0 ? void 0 : _d.height) || bounding.height;
109
+ w = ((_a = this.hoveredEl) === null || _a === void 0 ? void 0 : _a.width) || bounding.width;
110
+ h = ((_b = this.hoveredEl) === null || _b === void 0 ? void 0 : _b.height) || bounding.height;
111
+ padding = ((_c = this.hoveredEl) === null || _c === void 0 ? void 0 : _c.padding) || 0;
110
112
  }
111
113
  }
114
+ w += padding * 2;
115
+ h += padding * 2;
112
116
  return {
113
117
  x, y, w, h,
114
118
  };
@@ -144,11 +148,12 @@ export class CustomCursor extends Component {
144
148
  /**
145
149
  * Set hover events on an element
146
150
  */
147
- addHoverEl(el, size, enterTimeout = 100) {
151
+ addHoverEl(settings, enterTimeout = 100) {
152
+ const { el } = settings;
148
153
  let timeout;
149
154
  const mouseEnter = addEventListener(el, 'mouseenter', () => {
150
155
  timeout = timeoutCallback(() => {
151
- this.hoveredEl = { el, size };
156
+ this.hoveredEl = Object.assign({}, settings);
152
157
  }, enterTimeout);
153
158
  });
154
159
  const mouseLeave = addEventListener(el, 'mouseleave', () => {
package/build/es/version.js CHANGED
@@ -1,2 +1,2 @@
1
- const version = '2.13.0';
1
+ const version = '2.14.0';
2
2
  export default version;
package/build/types/components/cursor/CustomCursor.d.ts CHANGED
@@ -124,24 +124,21 @@ export declare class CustomCursor<StaticProp extends NCustomCursor.StaticProp =
124
124
  */
125
125
  protected _hoveredEl?: {
126
126
  el: Element;
127
- size?: {
128
- width: number;
129
- height: number;
130
- };
127
+ width?: number;
128
+ height?: number;
129
+ padding?: number;
131
130
  };
132
131
  get hoveredEl(): {
133
132
  el: Element;
134
- size?: {
135
- width: number;
136
- height: number;
137
- };
133
+ width?: number;
134
+ height?: number;
135
+ padding?: number;
138
136
  };
139
137
  set hoveredEl(val: {
140
138
  el: Element;
141
- size?: {
142
- width: number;
143
- height: number;
144
- };
139
+ width?: number;
140
+ height?: number;
141
+ padding?: number;
145
142
  });
146
143
  /**
147
144
  * Animation frame
@@ -191,10 +188,7 @@ export declare class CustomCursor<StaticProp extends NCustomCursor.StaticProp =
191
188
  /**
192
189
  * Set hover events on an element
193
190
  */
194
- addHoverEl(el: Element, size?: {
195
- width: number;
196
- height: number;
197
- }, enterTimeout?: number): {
191
+ addHoverEl(settings: NonNullable<CustomCursor['hoveredEl']>, enterTimeout?: number): {
198
192
  remove: () => void;
199
193
  };
200
194
  /**
package/build/types/components/cursor/CustomCursor.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"CustomCursor.d.ts","sourceRoot":"","sources":["../../../../src/ts/components/cursor/CustomCursor.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"CustomCursor.d.ts","sourceRoot":"","sources":["../../../../src/ts/components/cursor/CustomCursor.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAM/D,yBAAiB,aAAa,CAAC;IAE3B;;OAEG;IACH,UAAiB,UAAW,SAAQ,UAAU,CAAC,UAAU;QACrD;;;WAGG;QACH,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;QACtC;;;WAGG;QACH,GAAG,CAAC,EAAE,OAAO,CAAC;QACd;;;WAGG;QACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;KAC9B;IAED;;OAEG;IACH,UAAiB,cAAe,SAAQ,UAAU,CAAC,cAAc;QAC7D,IAAI,CAAC,EAAE;YACH;;eAEG;YACH,KAAK,CAAC,EAAE,MAAM,CAAC;YACf;;eAEG;YACH,MAAM,CAAC,EAAE,MAAM,CAAC;SACnB,CAAC;QACF,MAAM,CAAC,EAAE;YACL;;;eAGG;YACH,IAAI,CAAC,EAAE,MAAM,CAAC;YACd;;;;;eAKG;YACH,WAAW,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;YAC7B;;;;eAIG;YACH,aAAa,CAAC,EAAE,OAAO,CAAC;SAC3B,CAAC;QACF;;;WAGG;QACH,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB;;WAEG;QACH,KAAK,CAAC,EAAE;YACJ;;eAEG;YACH,MAAM,CAAC,EAAE,OAAO,CAAC;YACjB;;eAEG;YACH,QAAQ,CAAC,EAAE,OAAO,CAAC;SACtB,CAAC;KACL;IAED;;OAEG;IACH,UAAiB,cAAe,SAAQ,UAAU,CAAC,cAAc;QAC7D,QAAQ,EAAE;YACN,WAAW,EAAE,WAAW,CAAC;YACzB,WAAW,EAAE,WAAW,CAAC;SAC5B,CAAC;QACF,QAAQ,EAAE;YACN,CAAC,EAAE,MAAM,CAAC;YACV,CAAC,EAAE,MAAM,CAAC;SACb,CAAC;KACL;CAEJ;AAID;;GAEG;AACH,qBAAa,YAAY,CACrB,UAAU,SAAS,aAAa,CAAC,UAAU,GAAG,aAAa,CAAC,UAAU,EACtE,cAAc,SAAS,aAAa,CAAC,cAAc,GAAG,aAAa,CAAC,cAAc,EAClF,cAAc,SAAS,aAAa,CAAC,cAAc,GAAG,aAAa,CAAC,cAAc,CACpF,SAAQ,SAAS,CACf,UAAU,EACV,cAAc,EACd,cAAc,CACjB;IACG,SAAS,CAAC,eAAe,CACrB,CAAC,SAAS,kBAAkB,CAAC,UAAU,GAAG,cAAc,CAAC,KACvD,CAAC;IAuBP,IAAI,MAAM,WAET;IAID;;OAEG;IACH,IAAI,SAAS,qBAEZ;IACD,SAAS,CAAC,UAAU,EAAE,OAAO,GAAG,MAAM,CAAC;IACvC,SAAS,CAAC,kBAAkB,EAAE,OAAO,CAAC;IAEtC;;OAEG;IACH,IAAI,eAAe,qBAElB;IAED;;OAEG;IACH,IAAI,YAAY,IAAK,WAAW,CAK/B;IAID;;OAEG;IACH,IAAI,WAAW,gBAEd;IACD,SAAS,CAAC,YAAY,EAAG,WAAW,CAAC;IAErC;;OAEG;IACH,IAAI,WAAW,gBAEd;IACD,SAAS,CAAC,YAAY,EAAG,WAAW,CAAC;IAErC;;OAEG;IACH,SAAS,CAAC,UAAU,CAAC,EAAE;QACnB,EAAE,EAAE,OAAO,CAAC;QACZ,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,OAAO,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,IAAI,SAAS;;;;;MAEZ;IACD,IAAI,SAAS,CAAE,GAAG;;;;;KAAA,EAEjB;IAID;;OAEG;IACH,SAAS,CAAC,eAAe,EAAG,cAAc,CAAC;IAC3C;;OAEG;IACH,SAAS,CAAC,WAAW,EAAE,MAAM,CAAC;IAC9B;;OAEG;IACH,SAAS,CAAC,QAAQ,EAAE,OAAO,CAAC;IAE5B;;OAEG;IACH,SAAS,CAAC,OAAO,EAAE;QACf,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;KACb,CAAC;IACF,IAAI,MAAM;;;;;MAET;IAED;;OAEG;IACH,SAAS,CAAC,aAAa,EAAE;QACrB,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;KACb,CAAC;IACF,IAAI,YAAY;;;;;MA4Bf;gBAKG,WAAW,CAAC,EAAE,CAAC,UAAU,GAAG,cAAc,CAAC,EAC3C,IAAI,UAAO;IA8Bf,SAAS,CAAC,YAAY;IAMtB,SAAS,CAAC,UAAU;IA0BpB;;OAEG;IACI,UAAU,CACb,QAAQ,EAAE,WAAW,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC,EAChD,YAAY,SAAM;;;IA+BtB;;OAEG;IACH,SAAS,CAAC,aAAa;IA4BvB;;OAEG;IACH,SAAS,CAAC,cAAc;IAaxB;;OAEG;IACH,SAAS,CAAC,iBAAiB,CACvB,GAAG,EAAE,UAAU;IAWnB;;OAEG;IACH,SAAS,CAAC,iBAAiB;IAI3B;;OAEG;IACH,SAAS,CAAC,gBAAgB,CACtB,GAAG,EAAE,UAAU;IAYnB;;OAEG;IACH,SAAS,CAAC,gBAAgB,CACtB,GAAG,EAAE,UAAU;IAQnB;;OAEG;IACH,SAAS,CAAC,cAAc;IAKxB;;OAEG;IACH,SAAS,CAAC,iBAAiB;IAM3B;;OAEG;IACI,MAAM;IAoBb;;OAEG;IACH,SAAS,CAAC,WAAW;IAOrB;;OAEG;IACH,SAAS,CAAC,KAAK,CACX,OAAO,EAAE,MAAM,EACf,MAAM,EAAE,MAAM;IAgBlB;;OAEG;IACH,SAAS,CAAC,eAAe;;;;;;IA0BzB;;OAEG;IACI,MAAM;IAWb;;OAEG;IACI,OAAO;IAYd;;OAEG;IACH,SAAS,CAAC,QAAQ;CAKrB"}
package/build/types/version.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- declare const version = "2.13.0";
1
+ declare const version = "2.14.0";
2
2
  export default version;
3
3
  //# sourceMappingURL=version.d.ts.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "vevet",
3
- "version": "2.13.0",
3
+ "version": "2.14.0",
4
4
  "description": "VEVET - A JavaScript library",
5
5
  "browserslist": [
6
6
  "since 2015"
package/src/ts/components/cursor/CustomCursor.ts CHANGED
@@ -194,10 +194,9 @@ export class CustomCursor <
194
194
  */
195
195
  protected _hoveredEl?: {
196
196
  el: Element;
197
- size?: {
198
- width: number;
199
- height: number;
200
- };
197
+ width?: number;
198
+ height?: number;
199
+ padding?: number;
201
200
  };
202
201
  get hoveredEl () {
203
202
  return this._hoveredEl;
@@ -251,6 +250,7 @@ export class CustomCursor <
251
250
  let { y } = this._targetCoords;
252
251
  let w = sizes.width;
253
252
  let h = sizes.height;
253
+ let padding = 0;
254
254
  if (hoveredEl) {
255
255
  const bounding = hoveredEl.el.getBoundingClientRect();
256
256
  if (prop.hover.sticky) {
@@ -258,11 +258,15 @@ export class CustomCursor <
258
258
  y = bounding.top + bounding.height / 2;
259
259
  }
260
260
  if (prop.hover.autoSize) {
261
- w = this.hoveredEl?.size?.width || bounding.width;
262
- h = this.hoveredEl?.size?.height || bounding.height;
261
+ w = this.hoveredEl?.width || bounding.width;
262
+ h = this.hoveredEl?.height || bounding.height;
263
+ padding = this.hoveredEl?.padding || 0;
263
264
  }
264
265
  }
265
266
 
267
+ w += padding * 2;
268
+ h += padding * 2;
269
+
266
270
  return {
267
271
  x, y, w, h,
268
272
  };
@@ -338,17 +342,15 @@ export class CustomCursor <
338
342
  * Set hover events on an element
339
343
  */
340
344
  public addHoverEl (
341
- el: Element,
342
- size?: {
343
- width: number;
344
- height: number;
345
- },
345
+ settings: NonNullable<CustomCursor['hoveredEl']>,
346
346
  enterTimeout = 100,
347
347
  ) {
348
+ const { el } = settings;
349
+
348
350
  let timeout: ReturnType<typeof timeoutCallback> | undefined;
349
351
  const mouseEnter = addEventListener(el, 'mouseenter', () => {
350
352
  timeout = timeoutCallback(() => {
351
- this.hoveredEl = { el, size };
353
+ this.hoveredEl = { ...settings };
352
354
  }, enterTimeout);
353
355
  });
354
356
  const mouseLeave = addEventListener(el, 'mouseleave', () => {
package/src/ts/version.ts CHANGED
@@ -1,2 +1,2 @@
1
- const version = '2.13.0';
1
+ const version = '2.14.0';
2
2
  export default version;