@widelab-nc/widelab 1.0.4 → 1.0.6

package/dist/style.css

@@ -0,0 +1,2 @@
+.splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;contain:strict;display:inline-block;height:20px;inset:0;margin:auto;position:absolute;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__arrow{-ms-flex-align:center;align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;height:2em;-ms-flex-pack:center;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover:not(:disabled){opacity:.9}.splide__arrow:disabled{opacity:.3}.splide__arrow:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide.is-focus-in .splide__arrow:focus{outline:3px solid #0bf;outline-offset:3px}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;position:relative;transition:transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;transform:scale(1.4);z-index:1}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__pagination__page:focus{outline:3px solid #0bf;outline-offset:3px}.splide__progress__bar{background:#ccc;height:3px}.splide__slide{-webkit-tap-highlight-color:rgba(0,0,0,0)}.splide__slide:focus{outline:0}@supports (outline-offset: -3px){.splide__slide:focus-visible{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast: none){.splide__slide:focus-visible{border:3px solid #0bf}}@supports (outline-offset: -3px){.splide.is-focus-in .splide__slide:focus{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast: none){.splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}.splide__toggle{cursor:pointer}.splide__toggle:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__toggle:focus{outline:3px solid #0bf;outline-offset:3px}.splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)}.splide__arrows--ttb .splide__arrow--prev{top:1em}.splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)}.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}.splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)}.splide__pagination--ttb{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;inset:0 .5em 0 auto;padding:1em 0}html.lenis{height:auto}.hero_headline.is-cta{text-wrap:balance}#homeHeroHeading{pointer-events:none}.hero_headline-span{pointer-events:auto;z-index:-1}.hero-line-mask:first-of-type{z-index:2}.hero_headline-span{aspect-ratio:65/23}.clients_collection_item_wrapper{aspect-ratio:1/1}.start_diagram_step_path-mask{aspect-ratio:2/1}.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}.footer_logo-svg{aspect-ratio:1286/185}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_item_image-wrapper.is-portrait{aspect-ratio:31/32}.portfolio_item_image-wrapper{aspect-ratio:4/3}.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 .link,.portfolio_item .is-p-l.is-link,.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;transition:background-size .2s cubic-bezier(.65,0,.35,1)}.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{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{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{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}.portfolio_item_image-wrapper{aspect-ratio:6/5}.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}.reel_prev_mask{aspect-ratio:19/22}.splide__pagination.facts-pagination{top:13.5rem;left:0;right:0}.portfolio_item_image-wrapper{aspect-ratio:95/79}.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}
+/*# sourceMappingURL=style.css.map */

package/dist/style.css.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": [],
-  "sourcesContent": [],
-  "mappings": "",
+  "sources": ["../src/splidejs.scss", "../src/style.scss"],
+  "sourcesContent": [".splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__arrow{-ms-flex-align:center;align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;height:2em;-ms-flex-pack:center;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover:not(:disabled){opacity:.9}.splide__arrow:disabled{opacity:.3}.splide__arrow:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide.is-focus-in .splide__arrow:focus{outline:3px solid #0bf;outline-offset:3px}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;position:relative;transition:transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;transform:scale(1.4);z-index:1}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__pagination__page:focus{outline:3px solid #0bf;outline-offset:3px}.splide__progress__bar{background:#ccc;height:3px}.splide__slide{-webkit-tap-highlight-color:rgba(0,0,0,0)}.splide__slide:focus{outline:0}@supports(outline-offset:-3px){.splide__slide:focus-visible{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide__slide:focus-visible{border:3px solid #0bf}}@supports(outline-offset:-3px){.splide.is-focus-in .splide__slide:focus{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}.splide__toggle{cursor:pointer}.splide__toggle:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__toggle:focus{outline:3px solid #0bf;outline-offset:3px}.splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)}.splide__arrows--ttb .splide__arrow--prev{top:1em}.splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)}.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}.splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)}.splide__pagination--ttb{bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0}", "@import './splidejs';\n\n/* Global styles */\nhtml.lenis {\n  height: auto;\n}\n\n.hero_headline.is-cta {\n  text-wrap: balance;\n}\n\n/* Home hero span animation */\n#homeHeroHeading {\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/* Ratio for hero span video */\n.hero_headline-span {\n  aspect-ratio: 65 / 23;\n}\n\n/* Client item ratio */\n.clients_collection_item_wrapper {\n  aspect-ratio: 1 / 1;\n}\n\n/* Ratio for diagram path mask */\n.start_diagram_step_path-mask {\n  aspect-ratio: 2 / 1;\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/* Footer logo ratio */\n.footer_logo-svg {\n  aspect-ratio: 1286 / 185;\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  /* CS thumbnails ratio */\n  .portfolio_item_image-wrapper.is-portrait {\n    aspect-ratio: 31/32;\n  }\n  .portfolio_item_image-wrapper {\n    aspect-ratio: 4/3;\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  /* Underline hover */\n  .button_small .link,\n  .portfolio_item .is-p-l.is-link,\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    transition: background-size 0.2s cubic-bezier(0.65, 0, 0.35, 1);\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    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 {\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    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  /* CS thumbnails ratio */\n  .portfolio_item_image-wrapper {\n    aspect-ratio: 6/5;\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  /* Reel video ratio  */\n  .reel_prev_mask {\n    aspect-ratio: 19 / 22;\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  /* CS thumbnails ratio */\n  .portfolio_item_image-wrapper {\n    aspect-ratio: 95 / 79;\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}"],
+  "mappings": "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",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@widelab-nc/widelab",
-  "version": "1.0.4",
+  "version": "1.0.6",
   "description": "Widelab starter template based on Finsweet template + add-ons.",
   "homepage": "https://widelab.co",
   "license": "ISC",
@@ -19,6 +19,18 @@
   "files": [
     "dist"
   ],
+  "scripts": {
+    "dev": "cross-env NODE_ENV=development node ./bin/build.js",
+    "build": "cross-env NODE_ENV=production node ./bin/build.js",
+    "lint": "eslint --ignore-path .gitignore ./src && prettier --check ./src",
+    "lint:fix": "eslint --ignore-path .gitignore ./src --fix",
+    "check": "tsc --noEmit",
+    "format": "prettier --write ./src",
+    "test": "pnpm playwright test",
+    "test:headed": "pnpm playwright test --headed",
+    "release": "changeset publish",
+    "update": "pnpm update -i -L -r"
+  },
   "devDependencies": {
     "@changesets/changelog-git": "^0.1.14",
     "@changesets/cli": "^2.26.0",
@@ -38,22 +50,7 @@
     "typescript": "^4.9.5"
   },
   "dependencies": {
-    "@splidejs/splide": "^4.1.4",
-    "@studio-freight/lenis": "^1.0.25",
     "alpinejs": "^3.13.0",
-    "gsap": "npm:@gsap/business@^3.12.2",
-    "lozad": "^1.16.0"
-  },
-  "scripts": {
-    "dev": "cross-env NODE_ENV=development node ./bin/build.js",
-    "build": "cross-env NODE_ENV=production node ./bin/build.js",
-    "lint": "eslint --ignore-path .gitignore ./src && prettier --check ./src",
-    "lint:fix": "eslint --ignore-path .gitignore ./src --fix",
-    "check": "tsc --noEmit",
-    "format": "prettier --write ./src",
-    "test": "pnpm playwright test",
-    "test:headed": "pnpm playwright test --headed",
-    "release": "changeset publish",
-    "update": "pnpm update -i -L -r"
+    "gsap": "^3.12.2"
   }
-}
+}

package/src/index.js

@@ -1,25 +1,25 @@
-//import {initAlpine} from "./init";
+import {initAlpine} from "./init";
 import Lenis from '@studio-freight/lenis';
-import { gsap } from 'gsap';
-import { CustomEase } from 'gsap/CustomEase';
-import { ScrollToPlugin } from 'gsap/ScrollToPlugin';
-import { ScrollTrigger } from 'gsap/ScrollTrigger';
-import { SplitText } from 'gsap/SplitText';
-import lozad from 'lozad';
-import Splide from '@splidejs/splide';
-import { DrawSVGPlugin } from 'gsap/DrawSVGPlugin';
+import gsap from 'gsap';
+import { ScrollTrigger } from "gsap/ScrollTrigger";
+import { CustomEase } from "gsap/CustomEase";
 
-// Register GSAP plugins
-gsap.registerPlugin(DrawSVGPlugin, ScrollTrigger, SplitText, CustomEase, ScrollToPlugin);
+// GSAP plugins register and custom easing
+gsap.registerPlugin(ScrollTrigger, CustomEase);
+function customGsapEasing() {
+  CustomEase.create('loader', '0.83, 0, 0.17, 1');
+  CustomEase.create('loader2', '0.77, 0, 0.175, 1');
+}
+
+// Functions definitions
 
-// Define smooth scroll
+
+//Smooth scroll init
   const lenis = new Lenis({
     duration: 1.2,
-    easing: (t) => Math.min(1, 1.001 - Math.pow(2, -10 * t))
+    easing: (t) => Math.min(1, 1.001 - Math.pow(2, -10 * t)),
   });
-
-// Lenis scroll start function
-function lenisScroll() {
+  function lenisScroll() {
     function raf(time) {
       lenis.raf(time);
       requestAnimationFrame(raf);
@@ -27,20 +27,26 @@ function lenisScroll() {
     requestAnimationFrame(raf);
   }
 
-  // Lazy load library init
-function lazyLoad() {
-  const observer = lozad('img, video:not(#fullReel)', {
-    loaded: function (el) {
-      // Custom code to run when an image or video is loaded
-    },
-  });
-  observer.observe();
-}
-
-  // Custom ease for GSAP
-function customGsapEasing(){
-  CustomEase.create('loader', '0.83, 0, 0.17, 1');
-  CustomEase.create('loader2', '0.77, 0, 0.175, 1');
+  // Lazy load videos
+  function lazyLoadVideos() {
+  let lazyVideos = [].slice.call(document.querySelectorAll("video.lazyload"));
+  if ("IntersectionObserver" in window) {
+    let lazyVideoObserver = new IntersectionObserver(function(entries, observer) {
+      entries.forEach(function(video) {
+        if (video.isIntersecting) {
+          for (let source of video.target.children) {
+            source.setAttribute("src", source.getAttribute("data-src"));
+          }
+          video.target.load();
+          video.target.play();
+          lazyVideoObserver.unobserve(video.target);
+        }
+      });
+    });
+    lazyVideos.forEach(function(lazyVideo) {
+      lazyVideoObserver.observe(lazyVideo);
+    });
+  }
 }
 
 // Reload page on browser back action
@@ -52,195 +58,45 @@ function reloadOnBack() {
   });
 }
 
-// Page load animation
-  const loaderAnimationIn = gsap.timeline({});
-  loaderAnimationIn.add(function() {
-    history.scrollRestoration = 'manual';
-    gsap.to(window, { duration: 0.05, scrollTo: 0 });
-    lenis.scrollTo(0);
-  });
-  loaderAnimationIn.add(function() {
-    lenis.stop();
-  }, '>');
-  loaderAnimationIn.to(
-    '.loader_ract',
-    {
-      delay: 0.2,
-      duration: 0.8,
-      width: 0,
-      ease: 'loader2',
-    },
-    '>'
-  );
-  loaderAnimationIn.add(function() {
-    lenis.start();
-  }, '>');
-  loaderAnimationIn.to('.loader_wrapper', { display: 'none', duration: 0.1 }, '>');
-
-// Page transition animation
-function transitionLinksRule() {
-  const transitionLinks = document.querySelectorAll(
-    'a:not([href^="#"]):not([href^="javascript:"]):not([href=""]):not([href^="mailto:"]):not([href^="tel:"])'
-  );
-  transitionLinks.forEach((link) => {
-    if (link.getAttribute('target') !== '_blank') {
-      link.addEventListener('click', (e) => {
-        e.preventDefault();
-
-        const loaderAnimationOut = gsap.timeline({
-          onComplete: () => {
-            window.location.href = link.href;
-          },
-        });
-        loaderAnimationOut.to('.unloader_wrapper', { display: 'flex', duration: 0.05 });
-        loaderAnimationOut.from('.unloader_ract', {
-          duration: 0.4,
-          width: '0%',
-          ease: 'loader2',
-        }),
-          '>';
-        // play the timeline
-        loaderAnimationOut.play();
-      });
-    }
-  });
-}
-
-// Reset loader display on screen resize
-function onScreenResize() {
-  window.addEventListener('resize', function () {
-    setTimeout(function () {
-      gsap.set('.loader_wrapper', { display: 'none' });
-    }, 50);
-  });
-}
-
-// Hero move to reveal footer
-function revealFooter() {
-  gsap.to('#heroSection', {
-    scrollTrigger: {
-      trigger: '#bottomWrapper',
-      start: 'top bottom',
-      toggleActions: 'restart none none reverse',
-    },
-    y: '-100%',
-  });
+// Scroll disable
+function disableScrollMenu() {
+    const script = document.createElement('script');
+    script.src =
+      'https://cdn.jsdelivr.net/npm/@finsweet/attributes-scrolldisable@1/scrolldisable.js';
+    script.defer = true;
+    document.head.appendChild(script);
 }
 
-// Custom cursor on mousedown and mouse up
-function customCursorOnClick() {
-  const cursorElements = document.querySelectorAll('[wide="customCursor"]');
-  const customCursor = document.querySelector('.custom_cursor');
-  cursorElements.forEach((element) => {
-    element.addEventListener('mousedown', function () {
-      customCursor.style.transform = 'scale3d(0.8, 0.8, 1)';
-    });
-    element.addEventListener('mouseup', function () {
-      customCursor.style.transform = 'scale3d(1, 1, 1)';
-    });
-  });
+  // Place video inside the text
+  window.videoInsideText = function(e)  {
+  const headlineContent = e.querySelector('[class*="copy-this"]');
+  const headlineSpan = e.querySelector('[class*="headline-span"]');
+  headlineSpan.appendChild(headlineContent);
 }
 
-// Custom cursor copy change on hover
-function customCursorChangeCopy() {
-  document.addEventListener('DOMContentLoaded', function () {
-    const customCursorElements = document.querySelectorAll('[wideCursorText]');
-    customCursorElements.forEach(function (element) {
-      element.addEventListener('mouseenter', () => {
-        const wideCursorTextValue = element.getAttribute('wideCursorText');
-        const customCursorTextElement = document.querySelector('.custom_cursor_text');
-        customCursorTextElement.innerHTML = wideCursorTextValue;
-      });
+  // Span video mask animation
+  window.spanVideoMaskAnimation = function(e) {
+    gsap.to(e, {
+      scrollTrigger: { trigger: e, start: 'bottom bottom-=5%' },
+      width: 0,
+      ease: 'loader2',
+      duration: 0.6,
     });
-  });
-}
-
-// Header animations
-const showHideHeader = gsap.from('.navbar', {
-    y: '-100%',
-    paused: true,
-    duration: 0.2,
-    ease: 'loader2',
-  })
-  .progress(1);
-
-// Header animation on scroll
-function headeronScroll() {
-  ScrollTrigger.create({
-    start: 'top top',
-    endTrigger: '.bottom-wrapper',
-    end: 'bottom top+=100px',
-    onUpdate: (self) => {
-      self.direction === -1 ? showHideHeader.play() : showHideHeader.reverse();
-    },
-  });
-}
-
-// Page load animation
-const homeLoadAnimation = gsap.timeline({}),
-  homeHeroHeading = new SplitText('#homeHeroHeading', {
-    type: 'lines',
-    linesClass: 'hero-line',
-  }),
-  homeHeroHeadingMask = new SplitText('#homeHeroHeading', {
-    type: 'lines',
-    linesClass: 'hero-line-mask',
-  });
-homeLoadAnimation.add(loaderAnimationIn.play());
-homeLoadAnimation.from('.navbar', {
-  opacity: 0,
-  duration: 0.6,
-  ease: 'loader2',
-}),
-  '>-2';
-homeLoadAnimation.from(
-  '.hero-line',
-  {
-    duration: 1.2,
-    y: '100%',
-    stagger: 0.2,
-    ease: 'loader2',
-  },
-  '>-0.5'
-);
-homeLoadAnimation.to(
-  '.hero_headline_ract-mask',
-  {
-    width: '0%',
-    duration: 0.6,
-    ease: 'loader2',
-  },
-  '>-0.6'
-);
-homeLoadAnimation.from(
-  '#heroSubtitle',
-  {
-    opacity: 0,
-    duration: 1,
-    ease: 'loader2',
-  },
-  '>-0.4'
-);
-
-
-
-
-
-
+  }
 
 
 // !!!!!!!!! Keep this Alpine init at the end !!!!!!!!!
 window.Webflow ||= [];
 window.Webflow.push(() => {
-  //initAlpine();
+  console.log('The new code source is loaded!');
+  initAlpine();
+  lazyLoadVideos();
   lenisScroll();
+  lenis.stop();
+  lenis.start();
   customGsapEasing();
-  lazyLoad();
   reloadOnBack();
-  transitionLinksRule();
-  onScreenResize();
-  revealFooter();
-  customCursorOnClick();
-  customCursorChangeCopy();
-  headeronScroll();
+  if (window.innerWidth < 992) {
+    disableScrollMenu();
+  }
 });