@widelab-nc/widelab 1.1.24 → 1.1.25
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 +125 -37
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.25",
|
|
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,44 +965,77 @@ 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
|
-
|
|
937
|
-
|
|
938
|
-
|
|
939
|
-
|
|
940
|
-
|
|
941
|
-
|
|
942
|
-
|
|
943
|
-
|
|
944
|
-
|
|
945
|
-
|
|
946
|
-
|
|
947
|
-
|
|
948
|
-
|
|
949
|
-
|
|
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
|
+
// Sliders on Clients page
|
|
996
|
+
window.heroSliders = function(e) {
|
|
997
|
+
console.log("Initializing Splide on element:", e);
|
|
998
|
+
|
|
999
|
+
const config = {
|
|
1000
|
+
type: 'loop',
|
|
1001
|
+
perPage: 1,
|
|
1002
|
+
gap: 0,
|
|
1003
|
+
arrows: false,
|
|
1004
|
+
drag: false,
|
|
1005
|
+
duration: 0.15,
|
|
1006
|
+
easing: 'cubic-bezier(0.83, 0, 0.17, 1)',
|
|
1007
|
+
classes: {
|
|
1008
|
+
pagination: 'splide__pagination hero-pagination',
|
|
1009
|
+
page: 'splide__pagination__page hero-page',
|
|
1010
|
+
},
|
|
1011
|
+
breakpoints: {
|
|
1012
|
+
992: { drag: true },
|
|
1013
|
+
480: {},
|
|
1014
|
+
},
|
|
1015
|
+
};
|
|
1016
|
+
const slider = new Splide(e, config).mount();
|
|
1017
|
+
console.log("Splide instance:", slider);
|
|
1018
|
+
|
|
1019
|
+
if (window.innerWidth > 992) {
|
|
1020
|
+
slider.on('click', function () {
|
|
1021
|
+
slider.go('+1');
|
|
1022
|
+
});
|
|
950
1023
|
}
|
|
1024
|
+
gsap.from(e, {
|
|
1025
|
+
scrollTrigger: {
|
|
1026
|
+
trigger: e,
|
|
1027
|
+
start: 'top bottom',
|
|
1028
|
+
end: 'bottom bottom+=15%',
|
|
1029
|
+
scrub: 1,
|
|
1030
|
+
once: true,
|
|
1031
|
+
},
|
|
1032
|
+
x: '10%',
|
|
1033
|
+
opacity: 0,
|
|
1034
|
+
ease: 'linear',
|
|
1035
|
+
});
|
|
1036
|
+
}
|
|
1037
|
+
|
|
1038
|
+
|
|
951
1039
|
|
|
952
1040
|
// Case study - What's next interaction
|
|
953
1041
|
window.whatsNext = function() {
|