@titelmedia/bricks-gallery
Advanced tools
Comparing version 0.4.64 to 0.4.65
@@ -6,2 +6,10 @@ # Change Log | ||
## [0.4.65](https://github.com/titel-media/bricks-lerna/compare/v0.4.64...v0.4.65) (2022-02-26) | ||
**Note:** Version bump only for package @titelmedia/bricks-gallery | ||
## [0.4.64](https://github.com/titel-media/bricks-lerna/compare/v0.4.63...v0.4.64) (2022-02-26) | ||
@@ -8,0 +16,0 @@ |
@@ -32,2 +32,4 @@ "use strict"; | ||
return () => { | ||
console.log('do it'); | ||
if (tlRef.current) { | ||
@@ -44,3 +46,3 @@ tlRef.current.kill(); | ||
const buildTimeline = () => { | ||
var _containerRef$current; | ||
var _containerRef$current, _containerRef$current2, _containerRef$current3; | ||
@@ -56,5 +58,5 @@ if (tlRef.current) { | ||
let scrollTriggerOptions = { | ||
trigger: triggerRef.current, | ||
trigger: triggerRef === null || triggerRef === void 0 ? void 0 : triggerRef.current, | ||
start: 'top top', | ||
end: `+=${containerRef.current.offsetWidth}`, | ||
end: `+=${containerRef === null || containerRef === void 0 ? void 0 : (_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.offsetWidth}`, | ||
scrub: true, | ||
@@ -68,6 +70,9 @@ pin: true | ||
console.log('resulting options', scrollTriggerOptions); | ||
const offset = `-${(containerRef === null || containerRef === void 0 ? void 0 : (_containerRef$current2 = containerRef.current) === null || _containerRef$current2 === void 0 ? void 0 : _containerRef$current2.offsetWidth) - window.innerWidth}px`; | ||
console.log(offset); | ||
tlRef.current = _all.gsap.timeline({ | ||
scrollTrigger: scrollTriggerOptions | ||
}).to(containerRef.current, { | ||
x: `-${(containerRef === null || containerRef === void 0 ? void 0 : (_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.offsetWidth) - window.innerWidth.width}px`, | ||
x: `-${(containerRef === null || containerRef === void 0 ? void 0 : (_containerRef$current3 = containerRef.current) === null || _containerRef$current3 === void 0 ? void 0 : _containerRef$current3.offsetWidth) - window.innerWidth}px`, | ||
ease: 'power1.inOut' | ||
@@ -74,0 +79,0 @@ }); |
@@ -15,2 +15,3 @@ import React, { useRef, useEffect } from 'react'; | ||
return () => { | ||
console.log('do it'); | ||
if (tlRef.current) { | ||
@@ -36,5 +37,5 @@ tlRef.current.kill(); | ||
let scrollTriggerOptions = { | ||
trigger: triggerRef.current, | ||
trigger: triggerRef?.current, | ||
start: 'top top', | ||
end: `+=${containerRef.current.offsetWidth}`, | ||
end: `+=${containerRef?.current?.offsetWidth}`, | ||
scrub: true, | ||
@@ -49,2 +50,7 @@ pin: true, | ||
console.log('resulting options', scrollTriggerOptions); | ||
const offset = `-${ | ||
containerRef?.current?.offsetWidth - window.innerWidth | ||
}px`; | ||
console.log(offset); | ||
tlRef.current = gsap | ||
@@ -55,3 +61,3 @@ .timeline({ | ||
.to(containerRef.current, { | ||
x: `-${containerRef?.current?.offsetWidth - window.innerWidth.width}px`, | ||
x: `-${containerRef?.current?.offsetWidth - window.innerWidth}px`, | ||
ease: 'power1.inOut', | ||
@@ -58,0 +64,0 @@ }); |
{ | ||
"name": "@titelmedia/bricks-gallery", | ||
"version": "0.4.64", | ||
"version": "0.4.65", | ||
"description": "> TODO: description", | ||
@@ -33,3 +33,3 @@ "author": "highsnob", | ||
}, | ||
"gitHead": "041765e7e96c4d3d18acba4bc2b061e1a8e7a341" | ||
"gitHead": "95bf25e4fc1eaa2453581c887041a144f01e5e46" | ||
} |
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
53494
652