@widelab-nc/widelab 1.1.24 → 1.1.26
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/dist/index.js +62 -62
- package/dist/index.js.map +4 -4
- package/dist/style.css +1 -1
- package/dist/style.css.map +2 -2
- package/package.json +2 -2
- package/src/index.js +151 -36
package/dist/style.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
html.lenis{height:auto}.splide__list{user-select:none}.hero_headline.is-cta,.is-h4.is-blog{text-wrap:balance}#heroHeading{user-select:none;pointer-events:none}.hero_headline-span{pointer-events:auto;z-index:-1}.hero-line-mask:first-of-type{z-index:2}.splide__track{overflow:visible}.splide__pagination__page.reviews-page,.splide__pagination__page.facts-page{height:.625rem;width:.625rem;background:#b2b2b2;opacity:.5;margin:.25rem}.splide__pagination__page.reviews-page.is-active,.splide__pagination__page.facts-page.is-active{height:.625rem;width:.625rem;background:#000;opacity:1;transform:none}address{font-style:normal}.bottom-wrapper_footer-spacer,.whats-next_links_item_image-wrapper,.reel-modal_player{pointer-events:none}.skills_item_hover-track.is-design{white-space:nowrap;will-change:transform;animation:marquee-horizontal 12s linear infinite}.skills_item_hover-track.is-branding,.skills_item_hover-track.is-nocode{white-space:nowrap;will-change:transform;animation:marquee-horizontal 5s linear infinite}@keyframes marquee-horizontal{0%{transform:translate(0)}to{transform:translate(-50%)}}.splide__pagination.facts-pagination{padding:0;align-items:start;justify-content:left}.hero-line-mask,.stats-line-mask,.facts-line-mask,.cs-line-mask{clip-path:polygon(0 0,100% 0,100% 110%,0 110%)}@media only screen and (min-width: 992px){#csSingleFooter{position:static}#csItemTransformWrapper,#csItemNotTransformWrapper{padding-left:2.5rem;padding-right:2.5rem}.portfolio_wrapper.is-2-col>.portfolio_item:first-child .portfolio_item_content,.portfolio_item.is-1-left .portfolio_item_content{padding-left:2.5rem}.splide__pagination.reviews-pagination{bottom:-3.625rem}.splide__pagination.facts-pagination{bottom:2.25rem;left:0;right:0}#stickyNavbar{padding:1rem 2.5rem}.button_small
|
|
1
|
+
html.lenis{height:auto}.splide__list{user-select:none}.hero_headline.is-cta,.is-h4.is-blog{text-wrap:balance}#heroHeading{user-select:none;pointer-events:none}.hero_headline-span{pointer-events:auto;z-index:-1}.hero-line-mask:first-of-type{z-index:2}.splide__track{overflow:visible}.splide__pagination__page.reviews-page,.splide__pagination__page.facts-page{height:.625rem;width:.625rem;background:#b2b2b2;opacity:.5;margin:.25rem}.splide__pagination__page.reviews-page.is-active,.splide__pagination__page.facts-page.is-active{height:.625rem;width:.625rem;background:#000;opacity:1;transform:none}address{font-style:normal}.bottom-wrapper_footer-spacer,.whats-next_links_item_image-wrapper,.reel-modal_player{pointer-events:none}.skills_item_hover-track.is-design{white-space:nowrap;will-change:transform;animation:marquee-horizontal 12s linear infinite}.skills_item_hover-track.is-branding,.skills_item_hover-track.is-nocode{white-space:nowrap;will-change:transform;animation:marquee-horizontal 5s linear infinite}@keyframes marquee-horizontal{0%{transform:translate(0)}to{transform:translate(-50%)}}.splide__pagination.facts-pagination{padding:0;align-items:start;justify-content:left}.hero-line-mask,.stats-line-mask,.facts-line-mask,.cs-line-mask{clip-path:polygon(0 0,100% 0,100% 110%,0 110%)}.button_small .link,.portfolio_item .is-p-l.is-link,.cookies-button,.blog_link,.post-body_rtb a,.info-bar_wrapper>a.is-p-s{position:relative;text-decoration:none;background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:100% .08em;transition:background-size .2s cubic-bezier(.65,0,.35,1)}@media only screen and (min-width: 992px){#csSingleFooter{position:static}#csItemTransformWrapper,#csItemNotTransformWrapper{padding-left:2.5rem;padding-right:2.5rem}.portfolio_wrapper.is-2-col>.portfolio_item:first-child .portfolio_item_content,.portfolio_item.is-1-left .portfolio_item_content{padding-left:2.5rem}.splide__pagination.reviews-pagination{bottom:-3.625rem}.splide__pagination.facts-pagination{bottom:2.25rem;left:0;right:0}#stickyNavbar{padding:1rem 2.5rem}.button_small:hover .link,.button_small:focus .link,.portfolio_item:hover .is-p-l.is-link,.portfolio_item:active .is-p-l.is-link,.cookies-button:hover,.cookies-button:active,.blog_link:hover,.blog_link:active,.post-body_rtb a:hover,.info-bar_link:hover,.info-bar_wrapper>a.is-p-s:hover{background-size:0% .08em}.button_small .button_small_icon_circle,.cta_link .cta_link_icon-wrapper{position:relative}.button_small .button_small_icon_circle:after,.cta_link .cta_link_icon-wrapper:after,.contact-modal_call-box_icon-wrapper:after{background-color:inherit;border-radius:50%;content:"";position:absolute;inset:0;z-index:-1;transition:.3s cubic-bezier(.83,0,.17,1)}.button_small:hover .button_small_icon_circle:after,.cta_link:hover .cta_link_icon-wrapper:after,.contact-modal_call-box:hover .contact-modal_call-box_icon-wrapper:after{scale:1.2}.navbar_menu_link,.footer_menu_link,.is-link,.cta_link .is-h4{position:relative;text-decoration:none;background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0% .08em;transition:background-size .2s cubic-bezier(.65,0,.35,1)}.navbar_menu_link:hover,.navbar_menu_link:focus,.footer_menu_link:hover,.footer_menu_link:focus,.is-link:hover,.is-link_link:focus,.cta_link:hover .is-h4,.cta_link:focus .is-h4{background-size:100% .08em}}@media only screen and (max-width: 1180px) and (min-width: 992px){.stats-content_wrapper{padding-right:4vw}}@media only screen and (max-width: 1280px) and (min-width: 992px){.section.is-cs-2col{padding-left:2.5rem;padding-right:2.5rem}}@media only screen and (max-width: 991px){.navbar .button_small .button_small_icon_circle{display:none}#csItemTransformWrapper{padding-left:1.75rem;padding-right:1.75rem}.button_small .link,.portfolio_item .is-p-l.is-link,.cta_link.is-mobile-nav .is-p-l,.cookies-button{position:relative;text-decoration:none;background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:100% .08em}.splide__pagination.reviews-pagination{bottom:-3.5rem}.splide__pagination.facts-pagination{top:15.25rem;left:0;right:0}.splide__list.team_collection_list{overflow:visible}}@media only screen and (max-width: 767px){#csItemTransformWrapper{padding-left:1.375rem;padding-right:1.375rem}.splide__pagination.facts-pagination{top:13.5rem;left:0;right:0}.splide__pagination.reviews-pagination{bottom:-3rem}}.background-video{height:100%;position:relative;overflow:hidden}.background-video>video{width:100%;height:100%;object-fit:cover;z-index:-100;background-position:50%;background-size:cover;margin:auto;position:absolute;inset:-100%}.background-video>video::-webkit-media-controls-start-playback-button{-webkit-appearance:none;display:none!important}.background-video--control{background-color:#0000;padding:0;position:absolute;bottom:1em;right:1em}.background-video--control>[hidden]{display:none!important}.contact-modal_submit_icon{transition-delay:.05s}.contact-modal_submit:hover>.contact-modal_submit_icon-wrapper{width:2rem}.contact-modal_submit:hover>.contact-modal_submit_icon-wrapper>.contact-modal_submit_icon{opacity:1}
|
|
2
2
|
/*# sourceMappingURL=style.css.map */
|
package/dist/style.css.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../src/style.scss"],
|
|
4
|
-
"sourcesContent": ["/* Global styles */\nhtml.lenis {\n height: auto;\n}\n\n.splide__list {\n user-select: none;\n}\n\n.hero_headline.is-cta, .is-h4.is-blog {\n text-wrap: balance;\n}\n\n/* Home hero span animation*/\n#heroHeading {\n user-select: none;\n pointer-events: none;\n}\n.hero_headline-span {\n pointer-events: auto;\n z-index: -1;\n}\n.hero-line-mask:first-of-type {\n z-index: 2;\n}\n\n/* Splide track overflow */\n.splide__track {\n overflow: visible;\n}\n\n/* Splide default pagination */\n.splide__pagination__page.reviews-page,\n.splide__pagination__page.facts-page {\n height: 0.625rem;\n width: 0.625rem;\n background: #b2b2b2;\n opacity: 0.5;\n margin: 0.25rem;\n}\n\n/* Splide active pagination */\n.splide__pagination__page.reviews-page.is-active,\n.splide__pagination__page.facts-page.is-active {\n height: 0.625rem;\n width: 0.625rem;\n background: #000;\n opacity: 1;\n transform: none;\n}\n\n/* Address remove style */\naddress {\n font-style: normal;\n}\n\n/* Footer spacer styles */\n.bottom-wrapper_footer-spacer,\n.whats-next_links_item_image-wrapper,\n.reel-modal_player {\n pointer-events: none;\n}\n\n/* Skills hover marquee */\n.skills_item_hover-track.is-design {\n white-space: nowrap;\n will-change: transform;\n animation: marquee-horizontal 12s linear infinite;\n}\n\n.skills_item_hover-track.is-branding {\n white-space: nowrap;\n will-change: transform;\n animation: marquee-horizontal 5s linear infinite;\n}\n\n.skills_item_hover-track.is-nocode {\n white-space: nowrap;\n will-change: transform;\n animation: marquee-horizontal 5s linear infinite;\n}\n\n@keyframes marquee-horizontal {\n from {\n transform: translateX(0);\n }\n\n to {\n transform: translateX(-50%);\n }\n}\n\n/* Facts slider pagination position */\n.splide__pagination.facts-pagination {\n padding: 0;\n align-items: start;\n justify-content: left;\n}\n\n/* Cliping mask for hero headline */\n.hero-line-mask,\n.stats-line-mask,\n.facts-line-mask,\n.cs-line-mask {\n clip-path: polygon(0 0, 100% 0, 100% 110%, 0 110%);\n}\n\n/* Styles for desktop */\n@media only screen and (min-width: 992px) {\n /* Special styles for CS single footer */\n #csSingleFooter {\n position: static;\n }\n\n /* Padding for first portfolio item on list */\n #csItemTransformWrapper,\n #csItemNotTransformWrapper {\n padding-left: 2.5rem;\n padding-right: 2.5rem;\n }\n\n /* Padding for CS elements portfolio elements */\n .portfolio_wrapper.is-2-col > .portfolio_item:first-child .portfolio_item_content,\n .portfolio_item.is-1-left .portfolio_item_content {\n padding-left: 2.5rem;\n }\n\n /* Reviews slider pagination position */\n .splide__pagination.reviews-pagination {\n bottom: -3.625rem;\n }\n\n /* Facts slider pagination position */\n .splide__pagination.facts-pagination {\n bottom: 2.25rem;\n left: 0;\n right: 0;\n }\n\n /* Sticky navbar padding */\n #stickyNavbar {\n padding: 1rem 2.5rem;\n }\n\n
|
|
5
|
-
"mappings": "AACA,IAAA,CAAA,MACE,OAAA,KAGF,CAAA,aACE,YAAA,KAGF,CAAA,aAAA,CAAA,OAAA,CAAA,KAAA,CAAA,QACE,UAAA,QAIF,CAAA,YACE,YAAA,KACA,eAAA,KAEF,CAAA,mBACE,eAAA,KACA,QAAA,GAEF,CAAA,cAAA,eACE,QAAA,EAIF,CAAA,cACE,SAAA,QAIF,CAAA,wBAAA,CAAA,aAAA,CAAA,wBAAA,CAAA,WAEE,OAAA,QACA,MAAA,QACA,WAAA,QACA,QAAA,GArCF,OAsCE,OAIF,CAVA,wBAUA,CAVA,YAUA,CAAA,UAAA,CAVA,wBAUA,CAVA,UAUA,CAAA,UAEE,OAAA,QACA,MAAA,QACA,WAAA,KACA,QAAA,EACA,UAAA,KAIF,QACE,WAAA,OAIF,CAAA,6BAAA,CAAA,oCAAA,CAAA,kBAGE,eAAA,KAIF,CAAA,uBAAA,CAAA,UACE,YAAA,OACA,YAAA,UACA,UAAA,mBAAA,IAAA,OAAA,SAGF,CANA,uBAMA,CAAA,YAMA,CAZA,uBAYA,CAAA,UALE,YAAA,OACA,YAAA,UACA,UAAA,mBAAA,GAAA,OAAA,SASF,WAfE,mBAgBA,GACE,UAAA,UAAA,GAGF,GACE,UAAA,UAAA,OAKJ,CAAA,kBAAA,CAAA,iBA7FA,QA8FE,EACA,YAAA,MACA,gBAAA,KAIF,CA9EA,eA8EA,CAAA,gBAAA,CAAA,gBAAA,CAAA,aAIE,UAAA,QAAA,EAAA,CAAA,CAAA,KAAA,CAAA,CAAA,KAAA,IAAA,CAAA,EAAA,MAIF,
|
|
4
|
+
"sourcesContent": ["/* Global styles */\nhtml.lenis {\n height: auto;\n}\n\n.splide__list {\n user-select: none;\n}\n\n.hero_headline.is-cta, .is-h4.is-blog {\n text-wrap: balance;\n}\n\n/* Home hero span animation*/\n#heroHeading {\n user-select: none;\n pointer-events: none;\n}\n.hero_headline-span {\n pointer-events: auto;\n z-index: -1;\n}\n.hero-line-mask:first-of-type {\n z-index: 2;\n}\n\n/* Splide track overflow */\n.splide__track {\n overflow: visible;\n}\n\n/* Splide default pagination */\n.splide__pagination__page.reviews-page,\n.splide__pagination__page.facts-page {\n height: 0.625rem;\n width: 0.625rem;\n background: #b2b2b2;\n opacity: 0.5;\n margin: 0.25rem;\n}\n\n/* Splide active pagination */\n.splide__pagination__page.reviews-page.is-active,\n.splide__pagination__page.facts-page.is-active {\n height: 0.625rem;\n width: 0.625rem;\n background: #000;\n opacity: 1;\n transform: none;\n}\n\n/* Address remove style */\naddress {\n font-style: normal;\n}\n\n/* Footer spacer styles */\n.bottom-wrapper_footer-spacer,\n.whats-next_links_item_image-wrapper,\n.reel-modal_player {\n pointer-events: none;\n}\n\n/* Skills hover marquee */\n.skills_item_hover-track.is-design {\n white-space: nowrap;\n will-change: transform;\n animation: marquee-horizontal 12s linear infinite;\n}\n\n.skills_item_hover-track.is-branding {\n white-space: nowrap;\n will-change: transform;\n animation: marquee-horizontal 5s linear infinite;\n}\n\n.skills_item_hover-track.is-nocode {\n white-space: nowrap;\n will-change: transform;\n animation: marquee-horizontal 5s linear infinite;\n}\n\n@keyframes marquee-horizontal {\n from {\n transform: translateX(0);\n }\n\n to {\n transform: translateX(-50%);\n }\n}\n\n/* Facts slider pagination position */\n.splide__pagination.facts-pagination {\n padding: 0;\n align-items: start;\n justify-content: left;\n}\n\n/* Cliping mask for hero headline */\n.hero-line-mask,\n.stats-line-mask,\n.facts-line-mask,\n.cs-line-mask {\n clip-path: polygon(0 0, 100% 0, 100% 110%, 0 110%);\n}\n\n/* Underline hover */\n.button_small .link,\n.portfolio_item .is-p-l.is-link,\n.cookies-button, .blog_link, .post-body_rtb a, .info-bar_wrapper > a.is-p-s {\n position: relative;\n text-decoration: none;\n background-image: linear-gradient(currentColor, currentColor);\n background-position: 0 100%;\n background-repeat: no-repeat;\n background-size: 100% 0.08em;\n transition: background-size 0.2s cubic-bezier(0.65, 0, 0.35, 1);\n}\n\n/* Styles for desktop */\n@media only screen and (min-width: 992px) {\n /* Special styles for CS single footer */\n #csSingleFooter {\n position: static;\n }\n\n /* Padding for first portfolio item on list */\n #csItemTransformWrapper,\n #csItemNotTransformWrapper {\n padding-left: 2.5rem;\n padding-right: 2.5rem;\n }\n\n /* Padding for CS elements portfolio elements */\n .portfolio_wrapper.is-2-col > .portfolio_item:first-child .portfolio_item_content,\n .portfolio_item.is-1-left .portfolio_item_content {\n padding-left: 2.5rem;\n }\n\n /* Reviews slider pagination position */\n .splide__pagination.reviews-pagination {\n bottom: -3.625rem;\n }\n\n /* Facts slider pagination position */\n .splide__pagination.facts-pagination {\n bottom: 2.25rem;\n left: 0;\n right: 0;\n }\n\n /* Sticky navbar padding */\n #stickyNavbar {\n padding: 1rem 2.5rem;\n }\n\n .button_small:hover .link,\n .button_small:focus .link,\n .portfolio_item:hover .is-p-l.is-link,\n .portfolio_item:active .is-p-l.is-link,\n .cookies-button:hover,\n .cookies-button:active,\n .blog_link:hover, .blog_link:active,\n .post-body_rtb a:hover,\n .info-bar_link:hover, .info-bar_wrapper > a.is-p-s:hover {\n background-size: 0% 0.08em;\n }\n\n /* Button small circle hover */\n .button_small .button_small_icon_circle,\n .cta_link .cta_link_icon-wrapper {\n position: relative;\n }\n\n .button_small .button_small_icon_circle::after,\n .cta_link .cta_link_icon-wrapper::after, .contact-modal_call-box_icon-wrapper::after {\n background-color: inherit;\n border-radius: 50%;\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: -1;\n transition: 0.3s cubic-bezier(0.83, 0, 0.17, 1);\n }\n\n .button_small:hover .button_small_icon_circle::after,\n .cta_link:hover .cta_link_icon-wrapper::after,\n .contact-modal_call-box:hover .contact-modal_call-box_icon-wrapper::after {\n scale: 1.2;\n }\n\n /* Navbar links hover undeline */\n .navbar_menu_link,\n .footer_menu_link,\n .is-link,\n .cta_link .is-h4 {\n position: relative;\n text-decoration: none;\n background-image: linear-gradient(currentColor, currentColor);\n background-position: 0 100%;\n background-repeat: no-repeat;\n background-size: 0% 0.08em;\n transition: background-size 0.2s cubic-bezier(0.65, 0, 0.35, 1);\n }\n .navbar_menu_link:hover,\n .navbar_menu_link:focus,\n .footer_menu_link:hover,\n .footer_menu_link:focus,\n .is-link:hover,\n .is-link_link:focus,\n .cta_link:hover .is-h4,\n .cta_link:focus .is-h4 {\n background-size: 100% 0.08em;\n }\n}\n\n/* Styles for desktop < 1180 */\n@media only screen and (max-width: 1180px) and (min-width: 992px) {\n .stats-content_wrapper {\n padding-right: 4vw;\n }\n}\n\n@media only screen and (max-width: 1280px) and (min-width: 992px) {\n .section.is-cs-2col {\n padding-left: 2.5rem;\n padding-right: 2.5rem;\n }\n}\n\n/* Styles for tablet and smaller */\n@media only screen and (max-width: 991px) {\n /* Hide circle in navbars' small button */\n .navbar .button_small .button_small_icon_circle {\n display: none;\n }\n\n /* Padding for first portfolio item on list */\n #csItemTransformWrapper {\n padding-left: 1.75rem;\n padding-right: 1.75rem;\n }\n\n /* Underline for some links */\n .button_small .link,\n .portfolio_item .is-p-l.is-link,\n .cta_link.is-mobile-nav .is-p-l,\n .cookies-button {\n position: relative;\n text-decoration: none;\n background-image: linear-gradient(currentColor, currentColor);\n background-position: 0 100%;\n background-repeat: no-repeat;\n background-size: 100% 0.08em;\n }\n\n /* Reviews slider pagination position */\n .splide__pagination.reviews-pagination {\n bottom: -3.5rem;\n }\n\n /* Facts slider pagination position */\n .splide__pagination.facts-pagination {\n top: 15.25rem;\n left: 0;\n right: 0;\n }\n\n /* Splide list overflow change */\n .splide__list.team_collection_list {\n overflow: visible;\n }\n}\n\n/* Styles for landscape and smaller */\n@media only screen and (max-width: 767px) {\n /* Padding for first portfolio item on list */\n #csItemTransformWrapper {\n padding-left: 1.375rem;\n padding-right: 1.375rem;\n }\n\n /* Facts slider pagination position */\n .splide__pagination.facts-pagination {\n top: 13.5rem;\n left: 0;\n right: 0;\n }\n\n /* Reviews slider pagination position */\n .splide__pagination.reviews-pagination {\n bottom: -3rem;\n }\n}\n\n.background-video {\n height: 100%;\n position: relative;\n overflow: hidden;\n}\n\n.background-video > video {\n width: 100%;\n height: 100%;\n object-fit: cover;\n z-index: -100;\n background-position: 50%;\n background-size: cover;\n margin: auto;\n position: absolute;\n top: -100%;\n bottom: -100%;\n left: -100%;\n right: -100%;\n}\n\n.background-video > video::-webkit-media-controls-start-playback-button {\n -webkit-appearance: none;\n display: none !important;\n}\n\n.background-video--control {\n background-color: rgba(0, 0, 0, 0);\n padding: 0;\n position: absolute;\n bottom: 1em;\n right: 1em;\n}\n\n.background-video--control > [hidden] {\n display: none !important;\n}\n\n.contact-modal_submit_icon {\n transition-delay: 0.05s;\n}\n.contact-modal_submit:hover > .contact-modal_submit_icon-wrapper {\n width: 2rem;\n}\n.contact-modal_submit:hover > .contact-modal_submit_icon-wrapper > .contact-modal_submit_icon {\n opacity: 1;\n}\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@widelab-nc/widelab",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.26",
|
|
4
4
|
"description": "Widelab starter template based on Finsweet template + add-ons.",
|
|
5
5
|
"homepage": "https://widelab.co",
|
|
6
6
|
"license": "ISC",
|
|
@@ -54,6 +54,6 @@
|
|
|
54
54
|
"@studio-freight/lenis": "^1.0.27",
|
|
55
55
|
"alpinejs": "^3.13.0",
|
|
56
56
|
"bodymovin": "^4.13.0",
|
|
57
|
-
"gsap": "
|
|
57
|
+
"gsap": "npm:@gsap/shockingly@^3.12.5"
|
|
58
58
|
}
|
|
59
59
|
}
|
package/src/index.js
CHANGED
|
@@ -413,6 +413,61 @@ if (infoBar) {
|
|
|
413
413
|
});
|
|
414
414
|
}
|
|
415
415
|
|
|
416
|
+
// Reviews slider
|
|
417
|
+
window.reviewsSlider = function(e) {
|
|
418
|
+
// Put content of static slide into list
|
|
419
|
+
const staticContent = e.querySelector(
|
|
420
|
+
'.splide__slide.reviews_collection_item.is-static'
|
|
421
|
+
).innerHTML;
|
|
422
|
+
const dynamicElement = e.querySelector('.reviews_collection_item');
|
|
423
|
+
dynamicElement.innerHTML = staticContent;
|
|
424
|
+
dynamicElement.classList.add('is-static');
|
|
425
|
+
|
|
426
|
+
// Init reviews splide
|
|
427
|
+
const reviewsSplide = new Splide(e, {
|
|
428
|
+
type: 'slide',
|
|
429
|
+
fixedWidth: '24.5rem',
|
|
430
|
+
rewind: true,
|
|
431
|
+
focus: 0,
|
|
432
|
+
padding: { left: '2.5rem', right: 0 },
|
|
433
|
+
gap: 0,
|
|
434
|
+
omitEnd: true,
|
|
435
|
+
arrows: false,
|
|
436
|
+
drag: false,
|
|
437
|
+
easing: 'cubic-bezier(0.83, 0, 0.17, 1)',
|
|
438
|
+
snap: true,
|
|
439
|
+
classes: {
|
|
440
|
+
pagination: 'splide__pagination reviews-pagination',
|
|
441
|
+
page: 'splide__pagination__page reviews-page',
|
|
442
|
+
},
|
|
443
|
+
breakpoints: {
|
|
444
|
+
992: { fixedWidth: '17.438rem', padding: { left: '1.75rem' }, drag: 'free', snap: false },
|
|
445
|
+
480: { fixedWidth: '16.25rem', padding: { left: '1.375rem' }},
|
|
446
|
+
},
|
|
447
|
+
}).mount();
|
|
448
|
+
|
|
449
|
+
// Next slide on click
|
|
450
|
+
if (window.innerWidth > 992) {
|
|
451
|
+
reviewsSplide.on('click', function () {
|
|
452
|
+
reviewsSplide.go('+1');
|
|
453
|
+
});
|
|
454
|
+
}
|
|
455
|
+
|
|
456
|
+
// Animation in
|
|
457
|
+
gsap.from(e, {
|
|
458
|
+
scrollTrigger: {
|
|
459
|
+
trigger: e,
|
|
460
|
+
start: 'top bottom',
|
|
461
|
+
end: 'bottom bottom-=15%',
|
|
462
|
+
scrub: 1,
|
|
463
|
+
once: true,
|
|
464
|
+
},
|
|
465
|
+
x: '10%',
|
|
466
|
+
opacity: 0,
|
|
467
|
+
ease: 'linear',
|
|
468
|
+
});
|
|
469
|
+
}
|
|
470
|
+
|
|
416
471
|
// Facts slider
|
|
417
472
|
window.factsSlider = function(e) {
|
|
418
473
|
// Facts slider splide initialize
|
|
@@ -910,45 +965,105 @@ window.badgeColorChange = function(e) {
|
|
|
910
965
|
});
|
|
911
966
|
}
|
|
912
967
|
|
|
913
|
-
|
|
914
|
-
|
|
915
|
-
|
|
916
|
-
|
|
917
|
-
|
|
918
|
-
|
|
919
|
-
|
|
920
|
-
|
|
921
|
-
|
|
922
|
-
|
|
923
|
-
|
|
924
|
-
|
|
925
|
-
|
|
926
|
-
|
|
927
|
-
|
|
928
|
-
|
|
929
|
-
|
|
930
|
-
|
|
931
|
-
|
|
932
|
-
|
|
933
|
-
|
|
934
|
-
|
|
935
|
-
|
|
936
|
-
|
|
968
|
+
|
|
969
|
+
|
|
970
|
+
// GSAP Counter Up Animation
|
|
971
|
+
window.counterUpAnimation = function() {
|
|
972
|
+
const counters = document.querySelectorAll('#counter');
|
|
973
|
+
|
|
974
|
+
counters.forEach(counter => {
|
|
975
|
+
// Get the final value from the element's text content and parse it as a float
|
|
976
|
+
const finalValue = parseFloat(counter.textContent.replace(/,/g, '')); // Handle comma-separated numbers
|
|
977
|
+
|
|
978
|
+
// Create a GSAP animation for the counter
|
|
979
|
+
gsap.fromTo(counter,
|
|
980
|
+
{ innerHTML: 0 },
|
|
981
|
+
{
|
|
982
|
+
innerHTML: finalValue,
|
|
983
|
+
duration: 2, // Animation duration in seconds
|
|
984
|
+
ease: 'power1.inOut',
|
|
985
|
+
snap: { innerHTML: 1 }, // Ensure whole numbers
|
|
986
|
+
onUpdate: function() {
|
|
987
|
+
// Update the element's text content with the current value
|
|
988
|
+
counter.textContent = this.targets()[0].innerHTML.toLocaleString(); // Format with commas if needed
|
|
989
|
+
}
|
|
990
|
+
}
|
|
991
|
+
);
|
|
992
|
+
});
|
|
993
|
+
}
|
|
994
|
+
|
|
995
|
+
|
|
996
|
+
|
|
997
|
+
|
|
998
|
+
|
|
999
|
+
window.heroSliders = function(e) {
|
|
1000
|
+
console.log("Initializing Splide on element:", e);
|
|
1001
|
+
|
|
1002
|
+
const config = {
|
|
1003
|
+
type: 'loop',
|
|
1004
|
+
perPage: 1,
|
|
1005
|
+
gap: 0,
|
|
1006
|
+
arrows: false,
|
|
1007
|
+
drag: false,
|
|
1008
|
+
duration: 0.15,
|
|
1009
|
+
easing: 'cubic-bezier(0.83, 0, 0.17, 1)',
|
|
1010
|
+
classes: {
|
|
1011
|
+
pagination: 'splide__pagination hero-pagination',
|
|
1012
|
+
page: 'splide__pagination__page hero-page',
|
|
1013
|
+
},
|
|
1014
|
+
breakpoints: {
|
|
1015
|
+
992: { drag: true },
|
|
1016
|
+
480: {},
|
|
1017
|
+
},
|
|
1018
|
+
};
|
|
1019
|
+
const slider = new Splide(e, config).mount();
|
|
1020
|
+
console.log("Splide instance:", slider);
|
|
1021
|
+
|
|
1022
|
+
const descriptions = e.querySelectorAll('.slider-description');
|
|
1023
|
+
|
|
1024
|
+
// Set the initial state: Hide descriptions except the one in the active slide
|
|
1025
|
+
descriptions.forEach(desc => {
|
|
1026
|
+
if (!desc.closest('.splide__slide').classList.contains('is-active')) {
|
|
1027
|
+
gsap.set(desc, { opacity: 0 });
|
|
937
1028
|
}
|
|
938
|
-
|
|
939
|
-
|
|
940
|
-
|
|
941
|
-
|
|
942
|
-
|
|
943
|
-
|
|
944
|
-
once: true,
|
|
945
|
-
},
|
|
946
|
-
x: '10%',
|
|
947
|
-
opacity: 0,
|
|
948
|
-
ease: 'linear',
|
|
949
|
-
});
|
|
1029
|
+
});
|
|
1030
|
+
|
|
1031
|
+
if (window.innerWidth > 992) {
|
|
1032
|
+
slider.on('click', function () {
|
|
1033
|
+
slider.go('+1');
|
|
1034
|
+
});
|
|
950
1035
|
}
|
|
951
1036
|
|
|
1037
|
+
// Hide descriptions instantly on slide change
|
|
1038
|
+
slider.on('move', function() {
|
|
1039
|
+
gsap.set(descriptions, { opacity: 0 });
|
|
1040
|
+
});
|
|
1041
|
+
|
|
1042
|
+
// Show description on new active slide
|
|
1043
|
+
slider.on('active', function (slide) {
|
|
1044
|
+
gsap.to(slide.slide.querySelectorAll('.slider-description'), { opacity: 1, duration: 0.15, ease: 'linear' });
|
|
1045
|
+
});
|
|
1046
|
+
|
|
1047
|
+
gsap.from(e, {
|
|
1048
|
+
scrollTrigger: {
|
|
1049
|
+
trigger: e,
|
|
1050
|
+
start: 'top bottom',
|
|
1051
|
+
end: 'bottom bottom+=15%',
|
|
1052
|
+
scrub: 1,
|
|
1053
|
+
once: true,
|
|
1054
|
+
},
|
|
1055
|
+
x: '10%',
|
|
1056
|
+
opacity: 0,
|
|
1057
|
+
ease: 'linear',
|
|
1058
|
+
});
|
|
1059
|
+
}
|
|
1060
|
+
|
|
1061
|
+
|
|
1062
|
+
|
|
1063
|
+
|
|
1064
|
+
|
|
1065
|
+
|
|
1066
|
+
|
|
952
1067
|
// Case study - What's next interaction
|
|
953
1068
|
window.whatsNext = function() {
|
|
954
1069
|
const caseItem = document.querySelectorAll('.whats-next_links_item.is-case');
|