diff --git a/.DS_Store b/.DS_Store index 2b7860d..2489647 100644 Binary files a/.DS_Store and b/.DS_Store differ diff --git a/README.md b/README.md index ed40130..ad2ab9a 100644 --- a/README.md +++ b/README.md @@ -1,4 +1,4 @@ - + addtrains diff --git a/data/About1.mp3 b/data/About1.mp3 deleted file mode 100644 index 3e651b6..0000000 Binary files a/data/About1.mp3 and /dev/null differ diff --git a/img/.DS_Store b/images/.DS_Store similarity index 100% rename from img/.DS_Store rename to images/.DS_Store diff --git a/images/collaboration.png b/images/collaboration.png new file mode 100644 index 0000000..4c30e31 Binary files /dev/null and b/images/collaboration.png differ diff --git a/images/connection.png b/images/connection.png new file mode 100644 index 0000000..bdc05a6 Binary files /dev/null and b/images/connection.png differ diff --git a/images/domain.png b/images/domain.png new file mode 100644 index 0000000..1f1402c Binary files /dev/null and b/images/domain.png differ diff --git a/images/download-2.png b/images/download-2.png new file mode 100644 index 0000000..2768e01 Binary files /dev/null and b/images/download-2.png differ diff --git a/images/fueler_logo.png b/images/fueler_logo.png new file mode 100644 index 0000000..8689c74 Binary files /dev/null and b/images/fueler_logo.png differ diff --git a/images/github.png b/images/github.png new file mode 100644 index 0000000..820947e Binary files /dev/null and b/images/github.png differ diff --git a/images/global-network.png b/images/global-network.png new file mode 100644 index 0000000..9fa17b4 Binary files /dev/null and b/images/global-network.png differ diff --git a/img/MyImage.jpeg b/images/img1.jpg similarity index 100% rename from img/MyImage.jpeg rename to images/img1.jpg diff --git a/images/img2.jpg b/images/img2.jpg new file mode 100644 index 0000000..8d4f5d0 Binary files /dev/null and b/images/img2.jpg differ diff --git a/images/img3.jpg b/images/img3.jpg new file mode 100644 index 0000000..c38ba7c Binary files /dev/null and b/images/img3.jpg differ diff --git a/images/img4.jpg b/images/img4.jpg new file mode 100644 index 0000000..2e9e9bc Binary files /dev/null and b/images/img4.jpg differ diff --git a/images/img6.jpg b/images/img6.jpg new file mode 100644 index 0000000..97f56a7 Binary files /dev/null and b/images/img6.jpg differ diff --git a/images/instagram.png b/images/instagram.png new file mode 100644 index 0000000..b651234 Binary files /dev/null and b/images/instagram.png differ diff --git a/images/instagram1.png b/images/instagram1.png new file mode 100644 index 0000000..6396895 Binary files /dev/null and b/images/instagram1.png differ diff --git a/images/link-2.png b/images/link-2.png new file mode 100644 index 0000000..948cf07 Binary files /dev/null and b/images/link-2.png differ diff --git a/images/link.png b/images/link.png new file mode 100644 index 0000000..7ce0eb0 Binary files /dev/null and b/images/link.png differ diff --git a/images/linkedin.png b/images/linkedin.png new file mode 100644 index 0000000..861cf90 Binary files /dev/null and b/images/linkedin.png differ diff --git a/images/medium.png b/images/medium.png new file mode 100644 index 0000000..eeb941e Binary files /dev/null and b/images/medium.png differ diff --git a/images/network-2.png b/images/network-2.png new file mode 100644 index 0000000..1083825 Binary files /dev/null and b/images/network-2.png differ diff --git a/images/network.png b/images/network.png new file mode 100644 index 0000000..a73aeb1 Binary files /dev/null and b/images/network.png differ diff --git a/images/portfolio1.png b/images/portfolio1.png new file mode 100644 index 0000000..e05b034 Binary files /dev/null and b/images/portfolio1.png differ diff --git a/images/portfolio2.png b/images/portfolio2.png new file mode 100644 index 0000000..e05b034 Binary files /dev/null and b/images/portfolio2.png differ diff --git a/images/portfolio3.png b/images/portfolio3.png new file mode 100644 index 0000000..3d3db1f Binary files /dev/null and b/images/portfolio3.png differ diff --git a/images/portfolio4.png b/images/portfolio4.png new file mode 100644 index 0000000..456f504 Binary files /dev/null and b/images/portfolio4.png differ diff --git a/img/Resume_Rakesh.pdf b/img/Resume_Rakesh.pdf deleted file mode 100644 index c869e1c..0000000 Binary files a/img/Resume_Rakesh.pdf and /dev/null differ diff --git a/img/image1.jpg b/img/image1.jpg deleted file mode 100644 index 3e40cc3..0000000 Binary files a/img/image1.jpg and /dev/null differ diff --git a/img/image2.jpg b/img/image2.jpg deleted file mode 100644 index 4bf4f85..0000000 Binary files a/img/image2.jpg and /dev/null differ diff --git a/img/image3.jpg b/img/image3.jpg deleted file mode 100644 index db7a395..0000000 Binary files a/img/image3.jpg and /dev/null differ diff --git a/img/image4.jpg b/img/image4.jpg deleted file mode 100644 index f7f58f6..0000000 Binary files a/img/image4.jpg and /dev/null differ diff --git a/index.html b/index.html index 0f1f1eb..5864560 100644 --- a/index.html +++ b/index.html @@ -3,733 +3,205 @@ - - - - - - - - - - - Responsive Portfolio Website - - - + Portfolio + + + - - - - -
- -
-
-
- - -
- - - - - - - - - -
- -
-

Hi, I'am Rakesh

-

Software Developer @KITs - Hyderabad

-

- Programming isn't about knowing something; It's about what changes you can make in real life - using the skills that you have. -
Being a tech enthusiast I enjoy Coding... -

-

- - - Contact Me - -
-
-
- - - Scroll down - - -
+
+ +

Technologies and Tools

+
    +
  • Visual Studio
    • +
  • VS Code
    • +
  • MSSQL Server
    • +
    +
-
- - -
-

About Me

- Introduction - -
- - -
-

Junior Software Developer at Kavayah IT Solutions (Hyderabad) with a - strong foundation in coding and a passion for - creating efficient and user-friendly software solutions. - Excited to contribute to projects that make a meaningful impact. - I am eager to apply my skills and knowledge to real-world projects and contribute to the - development of innovative - technology solutions. +

+
+ +
+

My Projects

+
+
+ +
+

Book Management System

+

+ Waiting....

- - -
-
- 1+ - Years
Experience -
- -
- 4+ - Projects
Completed -
- -
- Working - .NET Developer -
-
- -
- - Download CV - -
+
-
- -
-

Skills

- Technical Skills - -
-
- -
-
- - -
-

Frontend developer

- Since 2019 -
- - -
- -
- -
-
-

HTML

- 70% -
-
- -
-
- -
-
-

CSS

- 60% -
-
- -
-
- -
-
-

JavaScript

- 30% -
-
- -
-
- - - -
-
-

BootStrap

- 30% -
-
- -
-
- -
-
- -
-
- - -
-

Backend developer

- Since 2021 -
- - -
- -
-
-
-

C#

- 70% -
-
- -
-
- -
-
-

.NET

- 60% -
-
- -
-
-
-
-

Blazor

- 65% -
-
- -
-
- -
-
-

DSA

- 60% -
-
- -
-
- -
-
-

SQL

- 60% -
-
- -
-
- -
-
-

Spring Boot

- 30% -
-
- -
-
- - - - - - -
-
-
-
- -
-
- - -
-

Designer

- Since 2022 -
- - -
- -
- -
-
-

iMovie

- 60% -
-
- -
-
- -
-
-

Keynote - Animations

- 65% -
-
- -
-
- - -
-
-
- -
-

Qualification

- My Personal Journey - -
-
-
- - Education -
- -
- - Work -
-
-
- -
- -
-
-

Bachelor Of Technology - CSE

- Sershah Engineering College, Sasaram -
- - 2018 - 2022 -
-
- -
- - -
-
- - -
-
-
- - -
- -
-

Intermediate

- Maharaj Laxmishwar Singh Memorial College, - Darbhanga -
- 2015 - 2018 -
-
- - -
- - -
-
-

Secondary Education

- Gyan Bharti Public School, Darbhanga -
- 2015 -
-
- -
- - -
-
- - -
-
-
- - -
- -
-

Primary Education

- Manners Public School, Darbhanga -
- 2011 -
-
-
- - -
- -
- -
-
-
- - -
- -
-

Jr. Software Developer

- Kavayah IT Solutions, Hyderabad -
- July 2023 - Present -
-
-
- -
-
-

Internship - Software Development

- Kavayah IT Solutions, Hyderabad -
- - Feb 2023 - June 2023 -
-
-
- - -
-
- - -
-
-
- - -
- -
-

DSA | Java | Development

- Online Course | Training -
- August 2022 - Februeary 2023 -
-
-
- - -
-
-

Core Java - Training

- EICT - IIT Kanpur -
- 2020 -
-
- -
- - -
-
-
-
-
- -
- -
- - - - - - -
-

Contact Me

- Get in touch - -
-
-
- - -
-

Call Me

- +91 729*****71 -
-
- -
- - -
-

Email

- acousticrakesh0827@gmail.com -
-
- -
- -
-

Location

- Darbhanga - Bihar -
-
+
+ +
+

Music Application / Spotify Clone

+

+ Waiting.... +

+
-
-
-
- - -
- -
- - -
- -
- - -
- -
- - -
- -
-
-
- - - - - - - - - - - }); - \ No newline at end of file diff --git a/index.js b/index.js new file mode 100644 index 0000000..109d1bd --- /dev/null +++ b/index.js @@ -0,0 +1,64 @@ +let menuIcon = document.querySelector('#menu-icon'); +let navbar = document.querySelector('.navbar'); +menuIcon.onclick = () => { + menuIcon.classList.toggle('bx-x'); + navbar.classList.toggle('active'); +}; + +let sections = document.querySelectorAll('section'); +let navLinks = document.querySelectorAll('header nav a'); + +window.onscroll = () => { + sections.forEach(sec => { + let top = window.scrollY; + let offset = sec.offsetTop - 100; + let height = sec.offsetHeight; + let id = sec.getAttribute('id'); + + if (top >= offset && top < offset + height) { + navLinks.forEach(link => { + link.classList.remove('active'); + }); + document.querySelector('header nav a[href*=' + id + ']').classList.add('active'); + } + }); + + let header = document.querySelector('header'); + header.classList.toggle('sticky', window.scrollY > 100); + + + menuIcon.classList.remove('bx-x'); + navbar.classList.remove('active'); +}; + +ScrollReveal({ + reset: true, + distance: '80px', + duration: 2000, + delay: 100, +}); +ScrollReveal().reveal('.home-content , .heading', { origin: 'top' }); +ScrollReveal().reveal('.home-img , . skills-container , .project-box,.contact form', { origin: 'bottom' }); + +document.addEventListener("DOMContentLoaded", function () { + const contactForm = document.getElementById("contact-form"); + + contactForm.addEventListener("submit", function (event) { + event.preventDefault(); + + // Get form input values + const fullName = document.getElementById('fullName').value; + const emailAddress = document.getElementById('email').value; + const mobileNumber = document.getElementById('mobileNumber').value; + const emailSubject = document.getElementById('emailSubject').value; + const message = document.getElementById('message').value; + + // Display an alert with form data + const formData = `Full Name: ${fullName}\nEmail Address: ${emailAddress}\nMobile Number: ${mobileNumber}\nEmail Subject: ${emailSubject}\nYour Message: ${message}`; + alert("Form submitted with the following data:\n" + formData); + + // Reset form inputs + contactForm.reset(); + }); +}); + diff --git a/main.js b/main.js deleted file mode 100644 index a193e09..0000000 --- a/main.js +++ /dev/null @@ -1,178 +0,0 @@ -// ================= MENU SHOW Y HIDDEN ============= -const navMenu = document.getElementById('nav-menu'), - navToggle = document.getElementById('nav-toggle'), - navClose = document.getElementById('nav-close') - - // ========= MENU SHOW ======== - // Validate if constant exists - if(navToggle){ - navToggle.addEventListener('click', () =>{ - navMenu.classList.add('show-menu') - }) - } - - // ============== MENU HIDDEN ========= - // Validate if constant exist - if(navClose){ - navClose.addEventListener('click', () =>{ - navMenu.classList.remove('show-menu') - }) - } - - // ================== REMOVE MENU MOBILE =============== - const navLink = document.querySelectorAll('.nav__link') - - function linkAction(){ - const navMenu = document.getElementById('nav-menu') - // When we click on each nav__link, we remove the show-menu class - navMenu.classList.remove('show-menu') -} -navLink.forEach(n => n.addEventListener('click', linkAction)) - - // ================== ACCORDION SKILLS ================ - const skillsContent = document.getElementsByClassName('skills__content'), - skillsHeader = document.querySelectorAll('.skills__header') - - function toggleSkills(){ - let itemClass = this.parentNode.className - - for(i = 0; i < skillsContent.length; i++){ - skillsContent[i].className = 'skills__content skills__close' - } - if(itemClass === 'skills__content skills__close'){ - this.parentNode.className = 'skills__content skills__open' - } - } - - skillsHeader.forEach((el) =>{ - el.addEventListener('click', toggleSkills) - }) - // =================== QUALIFICATION TAB ================ - const tabs = document.querySelectorAll('[data-target]'), - tabContents = document.querySelectorAll('[data-content]') - - tabs.forEach(tab =>{ - tab.addEventListener('click', () =>{ - const target = document.querySelector(tab.dataset.target) - - tabContents.forEach(tabContents =>{ - tabContents.classList.remove('qualification__active') - }) - target.classList.add('qualification__active') - - tab.forEach(tab =>{ - tab.classList.remove('qualification__active') - }) - tab.classList.add('qualification__active') - }) - }) - - //================= SERVICE MODAL ================== - const modalViews = document.querySelectorAll('.services__modal'), - modalBtns = document.querySelectorAll('.services__button'), - modalCloses = document.querySelectorAll('.services__modal-close') - - let modal = function(modalClick){ - modalViews[modalClick].classList.add('active-modal') - } - - modalBtns.forEach((modalBtn, i) => { - modalBtn.addEventListener('click', () =>{ - modal(i) - }) - }) - - modalCloses.forEach((modalClose) =>{ - modalClose.addEventListener('click', () =>{ - modalViews.forEach((modalView) =>{ - modalView.classList.remove('active-modal') - - }) - }) - }) - - //================ PORTFOLIO SWIPER =============== - let swiper = new Swiper('.portfolio__container', { - cssMode: true, - loop: true, - - navigation: { - nextEl: ".swiper-button-next", - prevEl: ".swiper-button-prev", - }, - pagination: { - el: ".swiper-pagination", - clickable: true, - }, - // mousewheel: true, - // keyboard: true, - }); - - //================ TESTIMONIAL ==================== - - /*==================== SCROLL SECTIONS ACTIVE LINK ====================*/ - const sections = document.querySelectorAll('section[id]') - -function scrollActive(){ - const scrollY = window.pageYOffset - - sections.forEach(current =>{ - const sectionHeight = current.offsetHeight - const sectionTop = current.offsetTop - 50; - sectionId = current.getAttribute('id') - - if(scrollY > sectionTop && scrollY <= sectionTop + sectionHeight){ - document.querySelector('.nav__menu a[href*=' + sectionId + ']').classList.add('active-link') - }else{ - document.querySelector('.nav__menu a[href*=' + sectionId + ']').classList.remove('active-link') - } - }) -} -window.addEventListener('scroll', scrollActive) - - - /*==================== CHANGE BACKGROUND HEADER ====================*/ - function scrollHeader(){ - const nav = document.getElementById('header') - // When the scroll is greater than 80 viewport height, add the scroll-header class to the header tag - if(this.scrollY >= 80) nav.classList.add('scroll-header'); else nav.classList.remove('scroll-header') - } - window.addEventListener('scroll', scrollHeader) - - /*==================== SHOW SCROLL UP ====================*/ - function scrollUp(){ - const scrollUp = document.getElementById('scroll-up'); - // When the scroll is higher than 560 viewport height, add the show-scroll class to the a tag with the scroll-top class - if(this.scrollY >= 560) scrollUp.classList.add('show-scroll'); else scrollUp.classList.remove('show-scroll') -} -window.addEventListener('scroll', scrollUp) - - /*==================== DARK LIGHT THEME ====================*/ - const themeButton = document.getElementById("theme-button") -const darkTheme = 'dark-theme' -const iconTheme = 'uil-sun' - -// Previously selected topic (if user selected) -const selectedTheme = localStorage.getItem('selected-theme') -const selectedIcon = localStorage.getItem('selected-icon') - -// We obtain the current theme that the interface has by validating the dark-theme class -const getCurrentTheme = () => document.body.classList.contains(darkTheme) ? 'dark' : 'light' -const getCurrentIcon = () => themeButton.classList.contains(iconTheme) ? 'uil-moon' : 'uil-sun' - -// We validate if the user previously chose a topic -if (selectedTheme) { - // If the validation is fulfilled, we ask what the issue was to know if we activated or deactivated the dark - document.body.classList[selectedTheme === 'dark' ? 'add' : 'remove'](darkTheme) - themeButton.classList[selectedIcon === 'uil-moon' ? 'add' : 'remove'](iconTheme) -} - -// Activate / deactivate the theme manually with the button -themeButton.addEventListener('click', () => { - // Add or remove the dark / icon theme - document.body.classList.toggle(darkTheme) - themeButton.classList.toggle(iconTheme) - // We save the theme and the current icon that the user chose - localStorage.setItem('selected-theme', getCurrentTheme()) - localStorage.setItem('selected-icon', getCurrentIcon()) -}) \ No newline at end of file diff --git a/portfolio.html b/portfolio.html deleted file mode 100644 index ddc5a77..0000000 --- a/portfolio.html +++ /dev/null @@ -1,65 +0,0 @@ - -
-

Portfolio

- Most Recent Work - -
-
- -
- - -
-

Modern Website

-

Website adaptable to all devices, with Ui component and - animated interactions.

- - Demo - - -
-
- - -
- - -
-

Brand Design

-

Website adaptable to all devices, with Ui component and - animated interactions.

- - Demo - - -
-
- - -
- - -
-

Online Store

-

Website adaptable to all devices, with Ui component and - animated interactions.

- - Demo - - -
-
-
- - -
- -
-
- -
- - -
-
-
\ No newline at end of file diff --git a/services.html b/services.html deleted file mode 100644 index aae6b1b..0000000 --- a/services.html +++ /dev/null @@ -1,119 +0,0 @@ -

Services

-What I Offer - -
- -
-
- -

Ui/Ux
Designer

-
- - - View More - - - -
-
-

Ui/Ux
Designer

- - -
    -
  • - -

    I develop the user interface.

    -
    • -
  • - -

    Web page development.

    -
    • -
  • - -

    I create ux element interactions.

    -
    • -
  • - -

    I position your company brand.

    -
    • -
-
-
-
- -
-
- -

Frontend
Developer

-
- - - View More - - - -
-
-

Frontend
Developer

- - -
    -
  • - -

    I develop the user interface.

    -
    • -
  • - -

    Web page development.

    -
    • -
  • - -

    I create ux element interactions.

    -
    • -
  • - -

    I position your company brand.

    -
    • -
-
-
-
- -
-
- -

Branding
Designer

-
- - - View More - - - -
-
-

Branding
Designer

- - -
    -
  • - -

    I develop the user interface.

    -
    • -
  • - -

    Web page development.

    -
    • -
  • - -

    I create ux element interactions.

    -
    • -
  • - -

    I position your company brand.

    -
    • -
-
-
-
-
\ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..9a92129 --- /dev/null +++ b/style.css @@ -0,0 +1,466 @@ +@import url("https://fonts.googleapis.com/css?family=Poppins:300;400;500;600;700;800;900&display=swap"); +* { + margin: 0; + padding: 0; + box-sizing: border-box; + text-decoration: none; + border: none; + outline: none; + scroll-behavior: smooth; + font-family: 'Poppins', sans-serif; +} +:root { + --bg-color: #1f242d; + --second-bg-color: #323946; + --text-color: #fff; + --main-color: #0ef; +} +html { + font-size: 62.5%; + overflow: visible; +} +body { + background: var(--bg-color); + color: var(--text-color); +} +section { + min-height: 100vh; + padding: 10rem 9% 2rem; +} +.header { + position: fixed; + top: 0; + left: 0; + width: 100%; + padding: 2rem 9%; + background: var(--bg-color); + display: flex; + justify-content: space-between; + align-items: center; + z-index: 100; +} +.header.sticky{ + border-bottom: .1rem solid rgba(0,0,0,.2); + +} +.logo { + font-size: 2.5rem; + color: var(--text-color); + font-weight: 600; + cursor: default; +} +.navbar a { + font-size: 1.7rem; + color: var(--text-color); + margin-left: 4rem; + transition: 0.3s; +} +.navbar a:hover, +.navbar a.active { + color: var(--main-color); +} +#menu-icon { + font-size: 3.6rem; + color: var(--text-color); + display: none; +} +.home { + display: flex; + justify-content: center; + align-items: center; +} +.home-img { + width: 35vw; + padding-left: 30px; + border-radius: 15%; +} +.home-content h3{ + font-size: 3.2rem; + font-weight: 700; +} +.home-content h3:nth-of-type(2){ + margin-bottom: 2rem; +} +span{ + color:var(--main-color); +} +.home-content h1 { + font-size: 5.6rem; + font-weight: 700; + line-height: 1.3; +} +.home-content p { + font-size: 2.0rem; +} +.social-media a{ + display: inline-flex; + justify-content: center; + align-items: center; + width: 4rem; + height: 4rem; + background: transparent; + border: 0.2rem solid var(--main-color); + border-radius: 50%; + font-size: 2rem; + color: var(--main-color); + margin: 3rem 1.5rem 3rem 0; + transition:.4s ease; +} +.social-media a:hover{ + background-color: var(--main-color); + color: var(--second-bg-color); + box-shadow: 0 0 1rem var(--main-color); +} +.btn{ + display: inline-block; + padding: 1rem 2.8rem; + background: var(--main-color); + border-radius: 6rem; + /* box-shadow: 0 0 1rem var(--main-color); */ + font-size: 1.6rem; + color:var(--second-bg-color); + letter-spacing: .5rem; + font-weight: 700; + transition: .5s ease; +} +.btn:hover{ + /* box-shadow: none; */ + background-color: var(--main-color); + color: var(--second-bg-color); + box-shadow: 0 0 1rem var(--main-color); +} +.about{ + display:flex; + justify-content: center; + align-items: center; + gap: 2rem; + background:var(--second-bg-color); +} +.about-img img{ + width: 35vw; +} +.heading{ + text-align: center; + font-size: 4.5rem; +} +.about-content h2{ + text-align: left; + line-height: 1.2; +} +.about-content h3{ + font-size: 2.6rem; +} +.about-content p{ + font-size: 1.5rem; + margin: 2rem 0 3rem; +} +.skills h2{ + margin-bottom: 5rem; +} +.skills-container{ + display:flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + gap: 2rem; +} +.skills-container .skills-box{ + flex: 1 1 5rem; + background: var(--second-bg-color); + padding: 3rem 2rem 4rem; + border-radius: 2rem; + text-align: center; + border: 0.7rem solid var(--second-bg-color); + transition: .5s ease; +} +.skills-container .skills-box:hover{ + border-color: var(--main-color); + transform: scale(1); +} +.skills-box i{ + font-size: 7rem; + color: var(--main-color); +} +.skills-box h3{ + font-size: 2.6rem; +} +.skills-box ul{ + font-size: 1.6rem; + margin: 1rem 0 3rem; +} +.projects { + background: var(--second-bg-color); +} +.projects h2 { + margin-bottom: 4rem; +} +.project-container { + display: grid; + grid-template-columns: repeat(3, 1fr); + align-items: center; + justify-content: center; + gap: 2.5rem; +} +.project-box img { + height: 400px; + width: 400px; + border-radius: 10%; + opacity: 0.4; + transition: .5s ease; +} +.project-box:hover img{ + transform: scale(1.1); +} +.project-box +{ + height: 400px; + width: 400px; + border-radius: 10%; + background: linear-gradient(rgba(0, 0, 0, 0.1), var(--main-color)); + position: relative; + +} +.project-container .project-box { + position: relative; + box-shadow: 0 0 1rem var(--bg-color); + overflow: hidden; + display: flex; +} +.project-box .project-layer { + position: absolute; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; + text-align: center; + padding: 0 4rem; + transform: translateY(100%); + transition: .5s ease; +} +.project-box:hover .project-layer{ + transform: translateY(0); +} +.project-layer h4{ + font-size: 3rem; +} +.project-layer p{ + font-size: 1.6rem; + margin: .3rem 0 1rem; +} +.project-layer a{ + display: inline-flex; + justify-content: center; + align-items: center; + width: 5rem ; + height: 5rem; + background: var(--text-color); + border-radius: 50%; +} +.project-layer a i{ + font-size: 2rem; + color: var(--second-bg-color); +} +.contact h2{ + margin-bottom: 3rem; +} +.contact form{ + max-width: 70rem; + margin: 1rem auto; + text-align: center; + margin-bottom: 3rem; +} +.contact form .input-box{ + display: flex; + justify-content: space-between; + flex-wrap: wrap; +} +.contact form .input-box input, +.contact form textarea{ + width: 100%; + padding: 1.5rem; + font-size: 1.6rem; + color: var(--text-color); + background: var(--second-bg-color); + border-radius: .8rem; + margin: .7rem 0; +} +.contact form .input-box input{ + width: 49%; +} +.contact form textarea{ + resize: none; +} +.contact form .btn{ + margin-top: 2rem; + cursor:pointer; +} +.home-content h3 span::before { + content: "Backend Developer"; + color: var(--main-color); + font-weight: bold; + font-family: 'Poppins', sans-serif; + animation: changeText 8s infinite alternate; +} +@keyframes changeText { + 0%, 100% { + content: "Software Developer"; + } + + 25% { + content: "Open Source Enthusiast"; + } + 50% { + content: "Tech Enthusiast"; + } +} + + +@media(max-width:1200px){ + html{ + font-size: 55%; + } +} +@media(max-width:991px){ + .header{ + padding:2rem 3%; + } + section{ + padding: 10rem 3% 2rem; + } + .skills{ + padding-bottom: 7rem; + } + .projects{ + padding-bottom: 7rem; + } + .contact{ + min-height:auto; + } +} +@media(max-width:786px){ + #menu-icon{ + display: block; + } + .navbar{ + position: absolute; + top:100%; + left:0; + width:100%; + padding:1rem 3%; + background: var(--bg-color); + border-top:.1rem solid rgba(0,0,0, .2) ; + box-shadow: 0 .5rem 1rem rgba(0,0,0, .2); + display: none; + } + .navbar.active{ + display: block; + } + .navbar a{ + display: block; + font-size: 2rem; + margin:3rem 0; + } + .home{ + flex-direction: column; + } + .about img{ + width:70vw; + margin-top : 4rem; + } + .skills h2{ + margin-bottom: 3rem; + } + .projects h2{ + margin-bottom: 3rem; + } + .project-container{ + grid-template-columns:repeat(2,1fr); + } +} + +@media(max-width:617px){ + .project-container{ + grid-template-columns: 1fr; + } +} +@media(max-width:450px){ + html{ + font-size: 50%; + } + .contact form .input-box input{ + width : 100%; + } +} + +@media(max-width:365px){ + .home-img img{ + width: 90vw; + } + .about-img img{ + width:90vw; + } +} + + +#profileImage { + border: 1px solid #ddd; + border-radius: 6px; + padding: 5px; + width: 500px; + /* height: 650px; */ +} + +#profileImage:hover { + box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5) +} + + +/* Tooltip container */ +.tooltip { + position: relative; + display: inline-block; + cursor: pointer; +} + +/* Tooltip text */ +.tooltip .tooltiptext { + visibility: hidden; + width: 100px; + background-color: #555; + color: #fff; + text-align: center; + border-radius: 5px; + padding: 5px 0; + position: absolute; + z-index: 1; + bottom: 125%; + /* Position above the icon */ + left: 50%; + margin-left: -50px; + /* Center the tooltip */ + opacity: 0; + transition: opacity 0.3s; +} + +/* Tooltip arrow */ +.tooltip .tooltiptext::after { + content: ""; + position: absolute; + top: 100%; + /* Arrow below the tooltip */ + left: 50%; + margin-left: -5px; + border-width: 5px; + border-style: solid; + border-color: #555 transparent transparent transparent; +} + +/* Show the tooltip text when hovering */ +.tooltip:hover .tooltiptext { + visibility: visible; + opacity: 1; +} \ No newline at end of file diff --git a/styles.css b/styles.css deleted file mode 100644 index 8d0b160..0000000 --- a/styles.css +++ /dev/null @@ -1,1308 +0,0 @@ -@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap'); - -:root { - --header-height: 3rem; - - /* ======== Colors ========== */ - /* Change favourite color */ - --hue-color: 250; - /* purple 250 green 142 blue 230 */ - - /* HSL color mode */ - --first-color: hsl(var(--hue-color), 90%, 60%); - --first-color-second: hsl(var(--hue-color), 69%, 61%); - --first-color-alt: hsl(var(--hue-color), 57%, 53%); - --first-color-lighter: hsl(var(--hue-color), 92%, 85%); - --title-color: hsl(var(--hue-color), 8%, 15%); - --text-color: hsl(var(--hue-color), 8%, 45%); - --text-color-light: hsl(var(--hue-color), 8%, 65%); - --input-color: hsl(var(--hue-color), 70%, 96%); - --body-color: hsl(var(--hue-color), 60%, 99%); - --container-color: #ffff; - --scroll-bar-color: hsl(var(--hue-color), 12%, 90%); - --scroll-thumb-color: hsl(var(--hue-color), 12%, 80%); - - --body-font: 'Poppins', sans-serif; - /* .5rem = 8px, 1rem = 16px, 1.5rem = 24px ... */ - - --big-font-size: 2rem; - --h1-font-size: 1.5rem; - --h2-font-size: 1.25rem; - --h3-font-size: 1.125rem; - --normal-font-size: .938rem; - --small-font-size: .813rem; - --smaller-font-size: .75rem; - - /* ================ Font weight ================= */ - --font-medium: 500; - --font-semi-bold: 600; - - /* ================== Margin Bottom ============== */ - /* .25rem = 4px, .5rem = 8px, .75rem = 12px ..... */ - --mb-0-25: .25rem; - --mb-0-5: .5rem; - --mb-0-75: .75rem; - --mb-1: 1rem; - --mb-1-5: 1.5rem; - --mb-2: 2rem; - --mb-2-5: 2.5rem; - --mb-3: 3rem; - - /* ================= z index ================== */ - --z-tooltip: 10; - --z-fixed: 100; - --z-modal: 1000; -} - -/* Font size for large device */ -@media screen and (min-width: 968px) { - :root { - --big-font-size: 3rem; - --h1-font-size: 2.25rem; - --h2-font-size: 1.5rem; - --h3-font-size: 1.25rem; - --normal-font-size: 1rem; - --small-font-size: .875rem; - --smaller-font-size: .813rem; - } -} - -/* =========== Variable dark theme ============== */ -body.dark-theme { - /* HSL color mode */ - --first-color-second: hsl(var(--hue-color), 30%, 8%); - --title-color: hsl(var(--hue-color), 8%, 95%); - --text-color: hsl(var(--hue-color), 8%, 75%); - --input-color: hsl(var(--hue-color), 29%, 16%); - --body-color: hsl(var(--hue-color), 28%, 12%); - --container-color: hsl(var(--hue-color), 29%, 16%); - --scroll-bar-color: hsl(var(--hue-color), 12%, 48%); - --scroll-thumb-color: hsl(var(--hue-color), 12%, 36%); -} - -/* ================= Button dark/light ============== */ -.nav__btns { - display: flex; - align-items: center; -} - -.change-theme { - font-size: 1.25rem; - color: var(--title-color); - margin-right: var(--mb-1); - cursor: pointer; -} - -.change-theme:hover { - color: var(--first-color); -} - -/* =================== BASE =================== */ -* { - box-sizing: border-box; - padding: 0; - margin: 0; -} - -html { - scroll-behavior: smooth; -} - -body { - margin: 0 0 var(--header-height) 0; - font-family: var(--body-font); - font-size: var(--normal-font-size); - background-color: var(--body-color); - color: var(--text-color); -} - -h1, -h2, -h3, -h4 { - color: var(--title-color); - font-weight: var(--font-semi-bold); -} - -ul { - list-style: none; -} - -a { - text-decoration: none; -} - -img { - max-width: 100%; - height: auto; -} - -/* ================ REUSABLE CSS CLASSES ============== */ -.section { - padding: 2rem 0 4rem; -} - -.section__title { - font-size: var(--h1-font-size); -} - -.section__subtitle { - display: block; - font-size: var(--small-font-size); - margin-bottom: var(--mb-3); -} - -.section__title, -.section__subtitle { - text-align: center; -} - -/* ==================== LAYOUT ==================== */ -.container { - max-width: 768px; - margin-left: var(--mb-1-5); - margin-right: var(--mb-1-5); -} - -.grid { - display: grid; - gap: 1.5rem; -} - -.header { - width: 100%; - position: fixed; - bottom: 0; - left: 0; - z-index: var(--z-fixed); - background-color: var(--body-color); -} - -/* ===================== NAV =================== */ -.nav { - max-width: 968px; - height: var(--header-height); - display: flex; - justify-content: space-between; - align-items: center; -} - -.nav__logo, -.nav__toggle { - color: var(--title-color); - font-weight: var(--font-medium); -} - -.nav__logo:hover { - color: var(--first-color); -} - -.nav__toggle { - font-size: 1.1rem; - cursor: pointer; -} - -.nav__toggle:hover { - color: var(--first-color); -} - -@media screen and (max-width: 767px) { - .nav__menu { - position: fixed; - bottom: -100%; - left: 0; - width: 100%; - background-color: var(--body-color); - padding: 2rem 1.5rem 4rem; - box-shadow: 0 -1px 4px rgba(0, 0, 0, .15); - border-radius: 1.5rem 1.5rem 0 0; - transition: .3s; - } -} - -.nav__list { - grid-template-columns: repeat(3, 1fr); - gap: 2rem; -} - -.nav__link { - display: flex; - flex-direction: column; - align-items: center; - font-size: var(--small-font-size); - color: var(--title-color); - font-weight: var(--font-medium); -} - -.nav__link:hover { - color: var(--first-color); -} - -.nav__icon { - font-size: 1.2rem; -} - -.nav__close { - position: absolute; - right: 1.3rem; - bottom: .5rem; - font-size: 1.5rem; - cursor: pointer; - color: var(--first-color); -} - -.nav__close:hover { - color: var(--first-color-alt); -} - -/* show menu */ -.show-menu { - bottom: 0; -} - -/* Active link */ -.active-link { - /* color: var(--first-color); */ - color: hsl(188, 78%, 32%); - -} - -/* Change background header */ -.scroll-header { - box-shadow: 0 -1px 4px rgba(0, 0, 0, .15); -} - -/* ==================== HOME ============== */ -.home__container { - gap: 1rem; -} - -.home__content { - grid-template-columns: .5fr 3fr; - padding-top: 3.5rem; - align-items: center; -} - -.home__social { - display: grid; - grid-template-columns: max-content; - row-gap: 1rem; -} - -.home__social-icon { - font-size: 1.25rem; - color: var(--first-color); -} - -.home__social-icon:hover { - /* color: var(--first-color-alt); */ - color: var(--first-color-alt); -} - -.home__blob { - width: 200px; - /* fill: var(--first-color); */ - fill: hsl(203.32, 60.64%, 27.08%); - -} - -.home__blob-img { - width: 170px; -} - -.home__data { - grid-column: 1/3; -} - -.home__title { - font-size: var(--big-font-size); -} - -.home__subtitle { - font-size: var(--h3-font-size); - color: var(--text-color); - font-weight: var(--font-medium); - margin-bottom: var(--mb-0-75); -} - -.home__description { - margin-bottom: var(--mb-2); -} - -.home__scroll { - display: none; -} - -.home__scroll-button { - color: var(--first-color); - transition: .3s; -} - -.home__scroll-button:hover { - transform: translateY(.25rem); -} - -.home__scroll-mouse { - font-size: 2rem; -} - -.home__scroll-name { - font-size: var(--small-font-size); - color: var(--title-color); - font-weight: var(--font-medium); - margin-right: var(--mb-0-25); -} - -.home__scroll-arrow { - font-size: 1.25rem; -} - -/* ================= BUTTONS ==================== */ -.button { - display: inline-block; - /* background-color: var(--first-color); */ - background-color: hsl(250, 55.04%, 18.06%); - color: #fff; - padding: 1rem; - border-radius: .5rem; - font-weight: var(--font-medium); -} - -.button:hover { - /* background-color: var(--first-color-alt); */ - background-color: hsl(188, 78%, 32%); -} - -.button__icon { - font-size: 1.25rem; - margin-left: var(--mb-0-5); - transition: .3s; -} - -.button--white { - background-color: #fff; - color: var(--first-color); -} - -.button--white:hover { - background-color: #fff; -} - -.button--flex { - display: inline-flex; - align-items: center; -} - -.button--small { - padding: .75rem 1rem; -} - -.button--link { - padding: 0; - background-color: transparent; - color: var(--first-color); -} - -.button--link:hover { - background-color: transparent; - color: var(--first-color-alt); -} - -/* ================== ABOUT =============== */ -.about__img { - width: 200px; - border-radius: .5rem; - justify-self: center; - align-self: center; -} - -.about__description { - text-align: center; - margin-bottom: var(--mb-2-5); -} - -.about__info { - display: flex; - justify-content: space-evenly; - margin-bottom: var(--mb-2-5); -} - -.about__info-title { - font-size: var(--h2-font-size); - font-weight: var(--font-semi-bold); - color: var(--title-color); -} - -.about__info-name { - font-size: var(--smaller-font-size); -} - -.about__info-title, -.about__info-name { - display: block; - text-align: center; -} - -.about__buttons { - display: flex; - justify-content: center; -} - - -/* =================== SKILLS ================= */ -.skills__container { - row-gap: 0; -} - -.skills__header { - display: flex; - align-items: center; - margin-bottom: var(--mb-2-5); - cursor: pointer; -} - -.skills__icon, -.skills__arrow { - font-size: 2rem; - color: var(--first-color); -} - -.skills__icon { - margin-right: var(--mb-0-75); -} - -.skills__title { - font-size: var(--h3-font-size); -} - -.skills__subtitle { - font-size: var(--small-font-size); - color: var(--text-color-light); -} - -.skills__arrow { - margin-left: auto; - transition: .4s; -} - -.skills__list { - row-gap: 1.5rem; - padding-left: 2.7rem; -} - -.skills__titles { - display: flex; - justify-content: space-between; - margin-bottom: var(--mb-0-5); -} - -.skills__name { - font-size: var(--normal-font-size); - font-weight: var(--font-medium); -} - -.skills__bar, -.skills__percentage { - height: 8px; - border-radius: .25rem; -} - -.skills__bar { - background-color: var(--first-color-lighter); -} - -.skills__percentage { - display: block; - background-color: var(--first-color); -} - -.skills__dsa { - width: 75%; -} - -.skills__html { - width: 90%; -} - -.skills__css { - width: 80%; -} - -.skills__js { - width: 60%; -} - -.skills__react { - width: 70%; -} - -.skills__bs { - width: 90%; -} - -.skills__sql { - width: 75%; -} - - -.skills__sb { - width: 70%; -} - -.skills__node { - width: 70%; -} - -/* .skills__firebase{ - width: 60%; - } */ -/* .skills__python{ - width: 50%; - } */ - -.skills__figma { - width: 80%; -} - -.skills__sketch { - width: 70%; -} - -.skills__photoshop { - width: 85%; -} - -.skills__close .skills__list { - height: 0; - overflow: hidden; -} - -.skills__open .skills__list { - height: max-content; - margin-bottom: var(--mb-2-5); -} - -.skills__open .skills__arrow { - transform: rotate(-180deg); -} - -/* ================== QUALIFICATION ============== */ -.qualification__tabs { - display: flex; - justify-content: space-evenly; - margin-bottom: var(--mb-2); -} - -.qualification__button { - font-size: var(--h3-font-size); - font-weight: var(--font-medium); - cursor: pointer; -} - -.qualification__button:hover { - color: var(--first-color); -} - -.qualification__icon { - font-size: 1.8rem; - margin-right: var(--mb-0-25); -} - -.qualification__data { - display: grid; - grid-template-columns: 1fr max-content 1fr; - column-gap: 1.5rem; -} - -.qualification__title { - font-size: var(--normal-font-size); - font-weight: var(--font-medium); -} - -.qualification__subtitle { - display: inline-block; - font-size: var(--small-font-size); - margin-bottom: var(--mb-1); -} - -.qualification__calendar { - font-size: var(--smaller-font-size); - color: var(--text-color-light); -} - -.qualification__rounder { - display: inline-block; - width: 13px; - height: 13px; - /* background-color: var(--first-color); */ - - background-color: hsl(145.49, 72.41%, 25.23%); - border-radius: 50%; -} - -.qualification__line { - display: block; - width: 1px; - height: 100%; - background-color: var(--first-color); - transform: translate(6px, -7px); -} - -.qualification [data-content] { - display: none; -} - -.qualification__active[data-content] { - display: block; -} - -.qualification__button.qualification { - color: var(--first-color); -} - -/* ===================== SERVICES ====================== */ -.services__container { - gap: 1.5rem; - grid-template-columns: repeat(2, 1fr); -} - -.services__content { - position: relative; - background-color: var(--container-color); - padding: 3.5rem .5rem 1.25rem 1.5rem; - border-radius: .25rem; - box-shadow: 0 2px 4px rgba(0, 0, 0, .15); - transition: .3s; -} - -.services__content:hover { - box-shadow: 0 4px 8px rgba(0, 0, 0, .15); -} - -.services__icon { - display: block; - font-size: 1.5rem; - color: var(--first-color); - margin-bottom: var(--mb-1); -} - -.services__title { - font-size: var(--h3-font-size); - margin-bottom: var(--mb-1); - font-weight: var(--font-medium); -} - -.services__button { - cursor: pointer; - font-size: var(--small-font-size); -} - -.services__button:hover .button__icon { - transform: translateX(.25rem); -} - -.services__modal { - position: fixed; - top: 0; - left: 0; - right: 0; - bottom: 0; - background-color: rgba(0, 0, 0, .5); - display: flex; - align-items: center; - justify-content: center; - padding: 0 1rem; - z-index: var(--z-modal); - opacity: 0; - visibility: hidden; - transition: .3s; -} - -.services__modal-content { - position: relative; - background-color: var(--container-color); - padding: .5rem; - border-radius: .5rem; -} - -.services__modal-services { - row-gap: 1rem; -} - -.services__modal-services { - display: flex; -} - -.services__modal-title { - font-size: var(--h3-font-size); - font-weight: var(--font-medium); - margin-bottom: var(--mb-1-5); -} - -.services__modal-close { - position: absolute; - top: 1rem; - right: 1rem; - font-size: 1.5rem; - color: var(--first-color); - cursor: pointer; -} - -.services__modal-icon { - color: var(--first-color); - margin-right: var(--mb-0-25); -} - - - -/* Active modal */ -.active-modal { - opacity: 1; - visibility: visible; -} - -/*==================== PORTFOLIO ====================*/ -.portfolio__container { - overflow: initial; -} - -.portfolio__content { - padding: 0 1.5rem; -} - -.portfolio__img { - width: 265px; - border-radius: .5rem; - justify-content: center; -} - -.portfolio__title { - font-size: var(--h3-font-size); - margin-bottom: var(--mb-0-5); -} - -.portfolio__description { - margin-bottom: var(--mb-0-75) -} - -.portfolio__button:hover .button__icon { - transform: translateX(.25rem); -} - -.swiper-button-prev::after, -.swiper-button-next::after { - content: ''; -} - -.swiper-portfolio-icon { - font-size: 2rem; - color: var(--first-color); -} - -.swiper-button-prev { - left: -.5rem; -} - -.swiper-button-next { - right: -.5rem; -} - -.swiper-container-horizontal>.swiper-pagination-bullets { - bottom: -2.5rem; -} - -.swiper-pagination-bullet-active { - background-color: var(--first-color); -} - -.swiper-button-prev, -.swiper-button-next, -.swiper-pagination-bullet { - outline: none; -} - -/*==================== PROJECT IN MIND ====================*/ -.project { - text-align: center; -} - -.project__bg { - background-color: var(--first-color); - padding-top: 3rem; -} - -.project__title { - font-size: var(--h2-font-size); - margin-bottom: var(--mb-0-75); -} - -.project__description { - margin-bottom: var(--mb-1-5); -} - -.project__title, -.project__description { - color: #fff; -} - -.project__img { - width: 200px; - justify-self: center; -} - -/*==================== TESTIMONIAL ====================*/ - - -/*==================== CONTACT ME ====================*/ -.contact__container { - row-gap: 3rem; -} - -.contact__information { - display: flex; - margin-bottom: var(--mb-2); -} - -.contact__icon { - font-size: 2rem; - color: var(--first-color); - margin-right: var(--mb-0-75); -} - -.contact__title { - font-size: var(--h3-font-size); - font-weight: var(--font-medium); -} - -.contact__subtitle { - font-size: var(--small-font-size); - color: var(--text-color-light); -} - -.contact__content { - background-color: var(--input-color); - border-radius: .5rem; - padding: .75rem 1rem .25rem; -} - -.contact__label { - font-size: var(--smaller-font-size); - color: var(--title-color); -} - -.contact__input { - width: 100%; - background-color: var(--input-color); - color: var(--text-color); - font-family: var(--body-font); - font-size: var(--normal-font-size); - border: none; - outline: none; - padding: .25rem .5rem .5rem 0; -} - -/*==================== FOOTER ====================*/ -.footer { - padding-top: 2rem; -} - -.footer__container { - row-gap: 3.5rem; -} - -.footer__bg { - /* background-color: var(--first-color); */ - background-color: hsl(203.32, 60.64%, 27.08%); - padding: 2rem 0 3rem; -} - -.footer__title { - font-size: var(--h1-font-size); - margin-bottom: var(--mb-0-25); -} - -.footer__subtitle { - font-size: var(--small-font-size); -} - -.footer__links { - display: flex; - flex-direction: column; - row-gap: 1.5rem; -} - -.footer__link:hover { - color: var(--first-color-lighter); -} - -.footer__social { - font-size: 1.25rem; - margin-right: var(--mb-1-5); -} - -.footer__social:hover { - color: var(--first-color-lighter); -} - -.footer__copy { - font-size: var(--smaller-font-size); - text-align: center; - color: var(--text-color-light); - margin-top: var(--mb-3); -} - -.footer__title, -.footer__subtitle, -.footer__link, -.footer__social { - color: #fff; -} - -/*========== SCROLL UP ==========*/ -.scrollup { - position: fixed; - right: 1rem; - bottom: -20%; - /* background-color: var(--first-color); */ - background-color: hsl(69.02, 45.99%, 23.98%); - opacity: .8; - padding: 0 .3rem; - border-radius: .4rem; - z-index: var(--z-tooltip); - transition: .4s; -} - -.scrollup:hover { - background-color: var(--first-color-alt); -} - -.scrollup__icon { - font-size: 1.5rem; - color: #fff; -} - -/* Show scroll */ -.show-scroll { - bottom: 5rem; -} - -/*========== SCROLL BAR ==========*/ -::-webkit-scrollbar { - width: .60rem; - background-color: var(--scroll-bar-color); - border-radius: .5rem; -} - -::-webkit-scrollbar-thumb { - background-color: var(--scroll-thumb-color); - border-radius: .5rem; -} - -::-webkit-scrollbar-thumb:hover { - background-color: var(--text-color-light); -} - -/*==================== MEDIA QUERIES ====================*/ -/* For small devices */ -@media screen and (max-width: 350px) { - .container { - margin-left: var(--mb-1); - margin-right: var(--mb-1); - } - - .nav__menu { - padding: 2rem .25rem 4rem; - } - - .nav__list { - column-gap: 0; - } - - .home__content { - grid-template-columns: .25fr 3fr; - } - - .home__blob { - width: 180px; - } - - .skills__title { - font-size: var(--normal-font-size); - } - - .qualification__data { - gap: .5rem; - } - - .services__container { - grid-template-columns: max-content; - justify-content: center; - } - - .services__content { - padding-right: 3.5rem; - } - - .services__modal { - padding: 0 .5rem; - } - - .project__img { - width: 200px; - } -} - -/* For medium devices */ -@media screen and (min-width: 568px) { - .home__content { - grid-template-columns: max-content 1fr 1fr; - } - - .home__data { - grid-column: initial; - } - - .home__img { - order: 1; - justify-self: center; - } - - .about__container, - .skills__container, - .portfolio__content, - .project__container, - .contact__container, - .footer__container { - grid-template-columns: repeat(2, 1fr); - } - - .qualification__sections { - display: grid; - grid-template-columns: .6fr; - justify-content: center; - } -} - -@media screen and (min-width: 768px) { - .container { - margin-left: auto; - margin-right: auto; - } - - body { - margin: 0; - } - - .section { - padding: 6rem 0 2rem; - } - - .section__subtitle { - margin-bottom: 4rem; - } - - .header { - top: 0; - bottom: initial; - } - - .header, - .main, - .footer__container { - padding: 0 1rem; - } - - .nav { - height: calc(var(--header-height) + 1.5rem); - column-gap: 1rem; - } - - .nav__icon, - .nav__close, - .nav__toggle { - display: none; - } - - .nav__list { - display: flex; - column-gap: 2rem; - } - - .nav__menu { - margin-left: auto; - } - - .change-theme { - margin: 0; - } - - .home__container { - row-gap: 5rem; - } - - .home__content { - padding-top: 5.5rem; - column-gap: 2rem; - } - - .home__blob { - width: 270px; - } - - .home__scroll { - display: block; - } - - .home__scroll-button { - margin-left: 3rem; - } - - .about__container { - column-gap: 5rem; - } - - .about__img { - width: 350px; - } - - .about__description { - text-align: initial; - } - - .about__info { - justify-content: space-between; - } - - .about__buttons { - justify-content: initial; - } - - .qualification__tabs { - justify-content: center; - } - - .qualification__button { - margin: 0 var(--mb-1); - } - - .qualification__sections { - grid-template-columns: .5fr; - } - - .services__container { - grid-template-columns: repeat(3, 218px); - justify-content: center; - } - - .services__icon { - font-size: 2rem; - } - - .services__content { - padding: 6rem 0 2rem 2.5rem; - } - - .services__modal-content { - width: 450px; - } - - .portfolio__img { - width: 320px; - } - - .portfolio__content { - align-items: center; - } - - .project { - text-align: initial; - } - - .project__bg { - background: none; - } - - .project__container { - background-color: var(--first-color-second); - border-radius: 1rem; - padding: 3rem 2.5rem 0; - grid-template-columns: 1fr max-content; - column-gap: 3rem; - } - - .project__data { - padding-top: .8rem; - } - - .footer__container { - grid-template-columns: repeat(3, 1fr); - } - - .footer__bg { - padding: 3rem 0 3.5rem; - } - - .footer__links { - flex-direction: row; - column-gap: 2rem; - } - - .footer__socials { - justify-self: flex-end; - } - - .footer__copy { - margin-top: 4.5rem; - } -} - -/* For large devices */ -@media screen and (min-width: 1024px) { - - .header, - .main, - .footer__container { - padding: 0; - } - - .home__blob { - width: 320px; - } - - .home__social { - transform: translateX(-6rem); - } - - .services__container { - grid-template-columns: repeat(3, 238px); - } - - .portfolio__content { - column-gap: 5rem; - } - - .swiper-portfolio-icon { - font-size: 3.5rem; - } - - .swiper-button-prev { - left: -3.5rem; - } - - .swiper-button-next { - right: -3.5rem; - } - - .swiper-container-horizontal>.swiper-pagination-bullets { - bottom: -4.5rem; - } - - .contact__form { - width: 460px; - } - - .contact__inputs { - grid-template-columns: repeat(1, 1fr); - } - -} \ No newline at end of file diff --git a/swiper-bundle.min.css b/swiper-bundle.min.css deleted file mode 100644 index 25fadc7..0000000 --- a/swiper-bundle.min.css +++ /dev/null @@ -1,732 +0,0 @@ -/** - * Swiper 8.4.4 - * Most modern mobile touch slider and framework with hardware accelerated transitions - * https://swiperjs.com - * - * Copyright 2014-2022 Vladimir Kharlampidi - * - * Released under the MIT License - * - * Released on: October 12, 2022 - */ - -@font-face { - font-family: swiper-icons; - src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA'); - font-weight: 400; - font-style: normal -} - -:root { - --swiper-theme-color: #007aff -} - -.swiper { - margin-left: auto; - margin-right: auto; - position: relative; - overflow: hidden; - list-style: none; - padding: 0; - z-index: 1 -} - -.swiper-vertical>.swiper-wrapper { - flex-direction: column -} - -.swiper-wrapper { - position: relative; - width: 100%; - height: 100%; - z-index: 1; - display: flex; - transition-property: transform; - box-sizing: content-box -} - -.swiper-android .swiper-slide, -.swiper-wrapper { - transform: translate3d(0px, 0, 0) -} - -.swiper-pointer-events { - touch-action: pan-y -} - -.swiper-pointer-events.swiper-vertical { - touch-action: pan-x -} - -.swiper-slide { - flex-shrink: 0; - width: 100%; - height: 100%; - position: relative; - transition-property: transform -} - -.swiper-slide-invisible-blank { - visibility: hidden -} - -.swiper-autoheight, -.swiper-autoheight .swiper-slide { - height: auto -} - -.swiper-autoheight .swiper-wrapper { - align-items: flex-start; - transition-property: transform, height -} - -.swiper-backface-hidden .swiper-slide { - transform: translateZ(0); - -webkit-backface-visibility: hidden; - backface-visibility: hidden -} - -.swiper-3d, -.swiper-3d.swiper-css-mode .swiper-wrapper { - perspective: 1200px -} - -.swiper-3d .swiper-cube-shadow, -.swiper-3d .swiper-slide, -.swiper-3d .swiper-slide-shadow, -.swiper-3d .swiper-slide-shadow-bottom, -.swiper-3d .swiper-slide-shadow-left, -.swiper-3d .swiper-slide-shadow-right, -.swiper-3d .swiper-slide-shadow-top, -.swiper-3d .swiper-wrapper { - transform-style: preserve-3d -} - -.swiper-3d .swiper-slide-shadow, -.swiper-3d .swiper-slide-shadow-bottom, -.swiper-3d .swiper-slide-shadow-left, -.swiper-3d .swiper-slide-shadow-right, -.swiper-3d .swiper-slide-shadow-top { - position: absolute; - left: 0; - top: 0; - width: 100%; - height: 100%; - pointer-events: none; - z-index: 10 -} - -.swiper-3d .swiper-slide-shadow { - background: rgba(0, 0, 0, .15) -} - -.swiper-3d .swiper-slide-shadow-left { - background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) -} - -.swiper-3d .swiper-slide-shadow-right { - background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) -} - -.swiper-3d .swiper-slide-shadow-top { - background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) -} - -.swiper-3d .swiper-slide-shadow-bottom { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) -} - -.swiper-css-mode>.swiper-wrapper { - overflow: auto; - scrollbar-width: none; - -ms-overflow-style: none -} - -.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar { - display: none -} - -.swiper-css-mode>.swiper-wrapper>.swiper-slide { - scroll-snap-align: start start -} - -.swiper-horizontal.swiper-css-mode>.swiper-wrapper { - scroll-snap-type: x mandatory -} - -.swiper-vertical.swiper-css-mode>.swiper-wrapper { - scroll-snap-type: y mandatory -} - -.swiper-centered>.swiper-wrapper::before { - content: ''; - flex-shrink: 0; - order: 9999 -} - -.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child { - margin-inline-start: var(--swiper-centered-offset-before) -} - -.swiper-centered.swiper-horizontal>.swiper-wrapper::before { - height: 100%; - min-height: 1px; - width: var(--swiper-centered-offset-after) -} - -.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child { - margin-block-start: var(--swiper-centered-offset-before) -} - -.swiper-centered.swiper-vertical>.swiper-wrapper::before { - width: 100%; - min-width: 1px; - height: var(--swiper-centered-offset-after) -} - -.swiper-centered>.swiper-wrapper>.swiper-slide { - scroll-snap-align: center center -} - -.swiper-virtual .swiper-slide { - -webkit-backface-visibility: hidden; - transform: translateZ(0) -} - -.swiper-virtual.swiper-css-mode .swiper-wrapper::after { - content: ''; - position: absolute; - left: 0; - top: 0; - pointer-events: none -} - -.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after { - height: 1px; - width: var(--swiper-virtual-size) -} - -.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after { - width: 1px; - height: var(--swiper-virtual-size) -} - -:root { - --swiper-navigation-size: 44px -} - -.swiper-button-next, -.swiper-button-prev { - position: absolute; - top: 50%; - width: calc(var(--swiper-navigation-size)/ 44 * 27); - height: var(--swiper-navigation-size); - margin-top: calc(0px - (var(--swiper-navigation-size)/ 2)); - z-index: 10; - cursor: pointer; - display: flex; - align-items: center; - justify-content: center; - color: var(--swiper-navigation-color, var(--swiper-theme-color)) -} - -.swiper-button-next.swiper-button-disabled, -.swiper-button-prev.swiper-button-disabled { - opacity: .35; - cursor: auto; - pointer-events: none -} - -.swiper-button-next.swiper-button-hidden, -.swiper-button-prev.swiper-button-hidden { - opacity: 0; - cursor: auto; - pointer-events: none -} - -.swiper-navigation-disabled .swiper-button-next, -.swiper-navigation-disabled .swiper-button-prev { - display: none !important -} - -.swiper-button-next:after, -.swiper-button-prev:after { - font-family: swiper-icons; - font-size: var(--swiper-navigation-size); - text-transform: none !important; - letter-spacing: 0; - font-variant: initial; - line-height: 1 -} - -.swiper-button-prev, -.swiper-rtl .swiper-button-next { - left: 10px; - right: auto -} - -.swiper-button-prev:after, -.swiper-rtl .swiper-button-next:after { - content: 'prev' -} - -.swiper-button-next, -.swiper-rtl .swiper-button-prev { - right: 10px; - left: auto -} - -.swiper-button-next:after, -.swiper-rtl .swiper-button-prev:after { - content: 'next' -} - -.swiper-button-lock { - display: none -} - -.swiper-pagination { - position: absolute; - text-align: center; - transition: .3s opacity; - transform: translate3d(0, 0, 0); - z-index: 10 -} - -.swiper-pagination.swiper-pagination-hidden { - opacity: 0 -} - -.swiper-pagination-disabled>.swiper-pagination, -.swiper-pagination.swiper-pagination-disabled { - display: none !important -} - -.swiper-horizontal>.swiper-pagination-bullets, -.swiper-pagination-bullets.swiper-pagination-horizontal, -.swiper-pagination-custom, -.swiper-pagination-fraction { - bottom: 10px; - left: 0; - width: 100% -} - -.swiper-pagination-bullets-dynamic { - overflow: hidden; - font-size: 0 -} - -.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { - transform: scale(.33); - position: relative -} - -.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { - transform: scale(1) -} - -.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { - transform: scale(1) -} - -.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { - transform: scale(.66) -} - -.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { - transform: scale(.33) -} - -.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { - transform: scale(.66) -} - -.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { - transform: scale(.33) -} - -.swiper-pagination-bullet { - width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px)); - height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px)); - display: inline-block; - border-radius: 50%; - background: var(--swiper-pagination-bullet-inactive-color, #000); - opacity: var(--swiper-pagination-bullet-inactive-opacity, .2) -} - -button.swiper-pagination-bullet { - border: none; - margin: 0; - padding: 0; - box-shadow: none; - -webkit-appearance: none; - appearance: none -} - -.swiper-pagination-clickable .swiper-pagination-bullet { - cursor: pointer -} - -.swiper-pagination-bullet:only-child { - display: none !important -} - -.swiper-pagination-bullet-active { - opacity: var(--swiper-pagination-bullet-opacity, 1); - background: var(--swiper-pagination-color, var(--swiper-theme-color)) -} - -.swiper-pagination-vertical.swiper-pagination-bullets, -.swiper-vertical>.swiper-pagination-bullets { - right: 10px; - top: 50%; - transform: translate3d(0px, -50%, 0) -} - -.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, -.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { - margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0; - display: block -} - -.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, -.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { - top: 50%; - transform: translateY(-50%); - width: 8px -} - -.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, -.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { - display: inline-block; - transition: .2s transform, .2s top -} - -.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, -.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { - margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px) -} - -.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, -.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { - left: 50%; - transform: translateX(-50%); - white-space: nowrap -} - -.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, -.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { - transition: .2s transform, .2s left -} - -.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { - transition: .2s transform, .2s right -} - -.swiper-pagination-progressbar { - background: rgba(0, 0, 0, .25); - position: absolute -} - -.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { - background: var(--swiper-pagination-color, var(--swiper-theme-color)); - position: absolute; - left: 0; - top: 0; - width: 100%; - height: 100%; - transform: scale(0); - transform-origin: left top -} - -.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { - transform-origin: right top -} - -.swiper-horizontal>.swiper-pagination-progressbar, -.swiper-pagination-progressbar.swiper-pagination-horizontal, -.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, -.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { - width: 100%; - height: 4px; - left: 0; - top: 0 -} - -.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, -.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, -.swiper-pagination-progressbar.swiper-pagination-vertical, -.swiper-vertical>.swiper-pagination-progressbar { - width: 4px; - height: 100%; - left: 0; - top: 0 -} - -.swiper-pagination-lock { - display: none -} - -.swiper-scrollbar { - border-radius: 10px; - position: relative; - -ms-touch-action: none; - background: rgba(0, 0, 0, .1) -} - -.swiper-scrollbar-disabled>.swiper-scrollbar, -.swiper-scrollbar.swiper-scrollbar-disabled { - display: none !important -} - -.swiper-horizontal>.swiper-scrollbar, -.swiper-scrollbar.swiper-scrollbar-horizontal { - position: absolute; - left: 1%; - bottom: 3px; - z-index: 50; - height: 5px; - width: 98% -} - -.swiper-scrollbar.swiper-scrollbar-vertical, -.swiper-vertical>.swiper-scrollbar { - position: absolute; - right: 3px; - top: 1%; - z-index: 50; - width: 5px; - height: 98% -} - -.swiper-scrollbar-drag { - height: 100%; - width: 100%; - position: relative; - background: rgba(0, 0, 0, .5); - border-radius: 10px; - left: 0; - top: 0 -} - -.swiper-scrollbar-cursor-drag { - cursor: move -} - -.swiper-scrollbar-lock { - display: none -} - -.swiper-zoom-container { - width: 100%; - height: 100%; - display: flex; - justify-content: center; - align-items: center; - text-align: center -} - -.swiper-zoom-container>canvas, -.swiper-zoom-container>img, -.swiper-zoom-container>svg { - max-width: 100%; - max-height: 100%; - object-fit: contain -} - -.swiper-slide-zoomed { - cursor: move -} - -.swiper-lazy-preloader { - width: 42px; - height: 42px; - position: absolute; - left: 50%; - top: 50%; - margin-left: -21px; - margin-top: -21px; - z-index: 10; - transform-origin: 50%; - box-sizing: border-box; - border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); - border-radius: 50%; - border-top-color: transparent -} - -.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, -.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader { - animation: swiper-preloader-spin 1s infinite linear -} - -.swiper-lazy-preloader-white { - --swiper-preloader-color: #fff -} - -.swiper-lazy-preloader-black { - --swiper-preloader-color: #000 -} - -@keyframes swiper-preloader-spin { - 0% { - transform: rotate(0deg) - } - - 100% { - transform: rotate(360deg) - } -} - -.swiper .swiper-notification { - position: absolute; - left: 0; - top: 0; - pointer-events: none; - opacity: 0; - z-index: -1000 -} - -.swiper-free-mode>.swiper-wrapper { - transition-timing-function: ease-out; - margin: 0 auto -} - -.swiper-grid>.swiper-wrapper { - flex-wrap: wrap -} - -.swiper-grid-column>.swiper-wrapper { - flex-wrap: wrap; - flex-direction: column -} - -.swiper-fade.swiper-free-mode .swiper-slide { - transition-timing-function: ease-out -} - -.swiper-fade .swiper-slide { - pointer-events: none; - transition-property: opacity -} - -.swiper-fade .swiper-slide .swiper-slide { - pointer-events: none -} - -.swiper-fade .swiper-slide-active, -.swiper-fade .swiper-slide-active .swiper-slide-active { - pointer-events: auto -} - -.swiper-cube { - overflow: visible -} - -.swiper-cube .swiper-slide { - pointer-events: none; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - z-index: 1; - visibility: hidden; - transform-origin: 0 0; - width: 100%; - height: 100% -} - -.swiper-cube .swiper-slide .swiper-slide { - pointer-events: none -} - -.swiper-cube.swiper-rtl .swiper-slide { - transform-origin: 100% 0 -} - -.swiper-cube .swiper-slide-active, -.swiper-cube .swiper-slide-active .swiper-slide-active { - pointer-events: auto -} - -.swiper-cube .swiper-slide-active, -.swiper-cube .swiper-slide-next, -.swiper-cube .swiper-slide-next+.swiper-slide, -.swiper-cube .swiper-slide-prev { - pointer-events: auto; - visibility: visible -} - -.swiper-cube .swiper-slide-shadow-bottom, -.swiper-cube .swiper-slide-shadow-left, -.swiper-cube .swiper-slide-shadow-right, -.swiper-cube .swiper-slide-shadow-top { - z-index: 0; - -webkit-backface-visibility: hidden; - backface-visibility: hidden -} - -.swiper-cube .swiper-cube-shadow { - position: absolute; - left: 0; - bottom: 0px; - width: 100%; - height: 100%; - opacity: .6; - z-index: 0 -} - -.swiper-cube .swiper-cube-shadow:before { - content: ''; - background: #000; - position: absolute; - left: 0; - top: 0; - bottom: 0; - right: 0; - filter: blur(50px) -} - -.swiper-flip { - overflow: visible -} - -.swiper-flip .swiper-slide { - pointer-events: none; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - z-index: 1 -} - -.swiper-flip .swiper-slide .swiper-slide { - pointer-events: none -} - -.swiper-flip .swiper-slide-active, -.swiper-flip .swiper-slide-active .swiper-slide-active { - pointer-events: auto -} - -.swiper-flip .swiper-slide-shadow-bottom, -.swiper-flip .swiper-slide-shadow-left, -.swiper-flip .swiper-slide-shadow-right, -.swiper-flip .swiper-slide-shadow-top { - z-index: 0; - -webkit-backface-visibility: hidden; - backface-visibility: hidden -} - -.swiper-creative .swiper-slide { - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - overflow: hidden; - transition-property: transform, opacity, height -} - -.swiper-cards { - overflow: visible -} - -.swiper-cards .swiper-slide { - transform-origin: center bottom; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - overflow: hidden -} \ No newline at end of file diff --git a/swiper-bundle.min.js b/swiper-bundle.min.js deleted file mode 100644 index c849e01..0000000 --- a/swiper-bundle.min.js +++ /dev/null @@ -1,14 +0,0 @@ -/** - * Swiper 8.4.4 - * Most modern mobile touch slider and framework with hardware accelerated transitions - * https://swiperjs.com - * - * Copyright 2014-2022 Vladimir Kharlampidi - * - * Released under the MIT License - * - * Released on: October 12, 2022 - */ - -!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e="undefined"!=typeof globalThis?globalThis:e||self).Swiper=t()}(this,(function(){"use strict";function e(e){return null!==e&&"object"==typeof e&&"constructor"in e&&e.constructor===Object}function t(s,a){void 0===s&&(s={}),void 0===a&&(a={}),Object.keys(a).forEach((i=>{void 0===s[i]?s[i]=a[i]:e(a[i])&&e(s[i])&&Object.keys(a[i]).length>0&&t(s[i],a[i])}))}const s={body:{},addEventListener(){},removeEventListener(){},activeElement:{blur(){},nodeName:""},querySelector:()=>null,querySelectorAll:()=>[],getElementById:()=>null,createEvent:()=>({initEvent(){}}),createElement:()=>({children:[],childNodes:[],style:{},setAttribute(){},getElementsByTagName:()=>[]}),createElementNS:()=>({}),importNode:()=>null,location:{hash:"",host:"",hostname:"",href:"",origin:"",pathname:"",protocol:"",search:""}};function a(){const e="undefined"!=typeof document?document:{};return t(e,s),e}const i={document:s,navigator:{userAgent:""},location:{hash:"",host:"",hostname:"",href:"",origin:"",pathname:"",protocol:"",search:""},history:{replaceState(){},pushState(){},go(){},back(){}},CustomEvent:function(){return this},addEventListener(){},removeEventListener(){},getComputedStyle:()=>({getPropertyValue:()=>""}),Image(){},Date(){},screen:{},setTimeout(){},clearTimeout(){},matchMedia:()=>({}),requestAnimationFrame:e=>"undefined"==typeof setTimeout?(e(),null):setTimeout(e,0),cancelAnimationFrame(e){"undefined"!=typeof setTimeout&&clearTimeout(e)}};function r(){const e="undefined"!=typeof window?window:{};return t(e,i),e}class n extends Array{constructor(e){"number"==typeof e?super(e):(super(...e||[]),function(e){const t=e.__proto__;Object.defineProperty(e,"__proto__",{get:()=>t,set(e){t.__proto__=e}})}(this))}}function l(e){void 0===e&&(e=[]);const t=[];return e.forEach((e=>{Array.isArray(e)?t.push(...l(e)):t.push(e)})),t}function o(e,t){return Array.prototype.filter.call(e,t)}function d(e,t){const s=r(),i=a();let l=[];if(!t&&e instanceof n)return e;if(!e)return new n(l);if("string"==typeof e){const s=e.trim();if(s.indexOf("<")>=0&&s.indexOf(">")>=0){let e="div";0===s.indexOf("e.split(" "))));return this.forEach((e=>{e.classList.add(...a)})),this},removeClass:function(){for(var e=arguments.length,t=new Array(e),s=0;se.split(" "))));return this.forEach((e=>{e.classList.remove(...a)})),this},hasClass:function(){for(var e=arguments.length,t=new Array(e),s=0;se.split(" "))));return o(this,(e=>a.filter((t=>e.classList.contains(t))).length>0)).length>0},toggleClass:function(){for(var e=arguments.length,t=new Array(e),s=0;se.split(" "))));this.forEach((e=>{a.forEach((t=>{e.classList.toggle(t)}))}))},attr:function(e,t){if(1===arguments.length&&"string"==typeof e)return this[0]?this[0].getAttribute(e):void 0;for(let s=0;s=0;e-=1){const i=a[e];r&&i.listener===r||r&&i.listener&&i.listener.dom7proxy&&i.listener.dom7proxy===r?(s.removeEventListener(t,i.proxyListener,n),a.splice(e,1)):r||(s.removeEventListener(t,i.proxyListener,n),a.splice(e,1))}}}return this},trigger:function(){const e=r();for(var t=arguments.length,s=new Array(t),a=0;at>0)),i.dispatchEvent(t),i.dom7EventData=[],delete i.dom7EventData}}}return this},transitionEnd:function(e){const t=this;return e&&t.on("transitionend",(function s(a){a.target===this&&(e.call(this,a),t.off("transitionend",s))})),this},outerWidth:function(e){if(this.length>0){if(e){const e=this.styles();return this[0].offsetWidth+parseFloat(e.getPropertyValue("margin-right"))+parseFloat(e.getPropertyValue("margin-left"))}return this[0].offsetWidth}return null},outerHeight:function(e){if(this.length>0){if(e){const e=this.styles();return this[0].offsetHeight+parseFloat(e.getPropertyValue("margin-top"))+parseFloat(e.getPropertyValue("margin-bottom"))}return this[0].offsetHeight}return null},styles:function(){const e=r();return this[0]?e.getComputedStyle(this[0],null):{}},offset:function(){if(this.length>0){const e=r(),t=a(),s=this[0],i=s.getBoundingClientRect(),n=t.body,l=s.clientTop||n.clientTop||0,o=s.clientLeft||n.clientLeft||0,d=s===e?e.scrollY:s.scrollTop,c=s===e?e.scrollX:s.scrollLeft;return{top:i.top+d-l,left:i.left+c-o}}return null},css:function(e,t){const s=r();let a;if(1===arguments.length){if("string"!=typeof e){for(a=0;a{e.apply(t,[t,s])})),this):this},html:function(e){if(void 0===e)return this[0]?this[0].innerHTML:null;for(let t=0;tt-1)return d([]);if(e<0){const s=t+e;return d(s<0?[]:[this[s]])}return d([this[e]])},append:function(){let e;const t=a();for(let s=0;s=0;i-=1)this[s].insertBefore(a.childNodes[i],this[s].childNodes[0])}else if(e instanceof n)for(i=0;i0?e?this[0].nextElementSibling&&d(this[0].nextElementSibling).is(e)?d([this[0].nextElementSibling]):d([]):this[0].nextElementSibling?d([this[0].nextElementSibling]):d([]):d([])},nextAll:function(e){const t=[];let s=this[0];if(!s)return d([]);for(;s.nextElementSibling;){const a=s.nextElementSibling;e?d(a).is(e)&&t.push(a):t.push(a),s=a}return d(t)},prev:function(e){if(this.length>0){const t=this[0];return e?t.previousElementSibling&&d(t.previousElementSibling).is(e)?d([t.previousElementSibling]):d([]):t.previousElementSibling?d([t.previousElementSibling]):d([])}return d([])},prevAll:function(e){const t=[];let s=this[0];if(!s)return d([]);for(;s.previousElementSibling;){const a=s.previousElementSibling;e?d(a).is(e)&&t.push(a):t.push(a),s=a}return d(t)},parent:function(e){const t=[];for(let s=0;s6&&(i=i.split(", ").map((e=>e.replace(",","."))).join(", ")),n=new s.WebKitCSSMatrix("none"===i?"":i)):(n=l.MozTransform||l.OTransform||l.MsTransform||l.msTransform||l.transform||l.getPropertyValue("transform").replace("translate(","matrix(1, 0, 0, 1,"),a=n.toString().split(",")),"x"===t&&(i=s.WebKitCSSMatrix?n.m41:16===a.length?parseFloat(a[12]):parseFloat(a[4])),"y"===t&&(i=s.WebKitCSSMatrix?n.m42:16===a.length?parseFloat(a[13]):parseFloat(a[5])),i||0}function m(e){return"object"==typeof e&&null!==e&&e.constructor&&"Object"===Object.prototype.toString.call(e).slice(8,-1)}function f(e){return"undefined"!=typeof window&&void 0!==window.HTMLElement?e instanceof HTMLElement:e&&(1===e.nodeType||11===e.nodeType)}function g(){const e=Object(arguments.length<=0?void 0:arguments[0]),t=["__proto__","constructor","prototype"];for(let s=1;st.indexOf(e)<0));for(let t=0,i=s.length;tn?"next":"prev",p=(e,t)=>"next"===c&&e>=t||"prev"===c&&e<=t,u=()=>{l=(new Date).getTime(),null===o&&(o=l);const e=Math.max(Math.min((l-o)/d,1),0),r=.5-Math.cos(e*Math.PI)/2;let c=n+r*(s-n);if(p(c,s)&&(c=s),t.wrapperEl.scrollTo({[a]:c}),p(c,s))return t.wrapperEl.style.overflow="hidden",t.wrapperEl.style.scrollSnapType="",setTimeout((()=>{t.wrapperEl.style.overflow="",t.wrapperEl.scrollTo({[a]:c})})),void i.cancelAnimationFrame(t.cssModeFrameID);t.cssModeFrameID=i.requestAnimationFrame(u)};u()}let b,x,y;function E(){return b||(b=function(){const e=r(),t=a();return{smoothScroll:t.documentElement&&"scrollBehavior"in t.documentElement.style,touch:!!("ontouchstart"in e||e.DocumentTouch&&t instanceof e.DocumentTouch),passiveListener:function(){let t=!1;try{const s=Object.defineProperty({},"passive",{get(){t=!0}});e.addEventListener("testPassiveListener",null,s)}catch(e){}return t}(),gestures:"ongesturestart"in e}}()),b}function C(e){return void 0===e&&(e={}),x||(x=function(e){let{userAgent:t}=void 0===e?{}:e;const s=E(),a=r(),i=a.navigator.platform,n=t||a.navigator.userAgent,l={ios:!1,android:!1},o=a.screen.width,d=a.screen.height,c=n.match(/(Android);?[\s\/]+([\d.]+)?/);let p=n.match(/(iPad).*OS\s([\d_]+)/);const u=n.match(/(iPod)(.*OS\s([\d_]+))?/),h=!p&&n.match(/(iPhone\sOS|iOS)\s([\d_]+)/),m="Win32"===i;let f="MacIntel"===i;return!p&&f&&s.touch&&["1024x1366","1366x1024","834x1194","1194x834","834x1112","1112x834","768x1024","1024x768","820x1180","1180x820","810x1080","1080x810"].indexOf(`${o}x${d}`)>=0&&(p=n.match(/(Version)\/([\d.]+)/),p||(p=[0,1,"13_0_0"]),f=!1),c&&!m&&(l.os="android",l.android=!0),(p||h||u)&&(l.os="ios",l.ios=!0),l}(e)),x}function T(){return y||(y=function(){const e=r();return{isSafari:function(){const t=e.navigator.userAgent.toLowerCase();return t.indexOf("safari")>=0&&t.indexOf("chrome")<0&&t.indexOf("android")<0}(),isWebView:/(iPhone|iPod|iPad).*AppleWebKit(?!.*Safari)/i.test(e.navigator.userAgent)}}()),y}Object.keys(c).forEach((e=>{Object.defineProperty(d.fn,e,{value:c[e],writable:!0})}));var $={on(e,t,s){const a=this;if(!a.eventsListeners||a.destroyed)return a;if("function"!=typeof t)return a;const i=s?"unshift":"push";return e.split(" ").forEach((e=>{a.eventsListeners[e]||(a.eventsListeners[e]=[]),a.eventsListeners[e][i](t)})),a},once(e,t,s){const a=this;if(!a.eventsListeners||a.destroyed)return a;if("function"!=typeof t)return a;function i(){a.off(e,i),i.__emitterProxy&&delete i.__emitterProxy;for(var s=arguments.length,r=new Array(s),n=0;n=0&&t.eventsAnyListeners.splice(s,1),t},off(e,t){const s=this;return!s.eventsListeners||s.destroyed?s:s.eventsListeners?(e.split(" ").forEach((e=>{void 0===t?s.eventsListeners[e]=[]:s.eventsListeners[e]&&s.eventsListeners[e].forEach(((a,i)=>{(a===t||a.__emitterProxy&&a.__emitterProxy===t)&&s.eventsListeners[e].splice(i,1)}))})),s):s},emit(){const e=this;if(!e.eventsListeners||e.destroyed)return e;if(!e.eventsListeners)return e;let t,s,a;for(var i=arguments.length,r=new Array(i),n=0;n{e.eventsAnyListeners&&e.eventsAnyListeners.length&&e.eventsAnyListeners.forEach((e=>{e.apply(a,[t,...s])})),e.eventsListeners&&e.eventsListeners[t]&&e.eventsListeners[t].forEach((e=>{e.apply(a,s)}))})),e}};var S={updateSize:function(){const e=this;let t,s;const a=e.$el;t=void 0!==e.params.width&&null!==e.params.width?e.params.width:a[0].clientWidth,s=void 0!==e.params.height&&null!==e.params.height?e.params.height:a[0].clientHeight,0===t&&e.isHorizontal()||0===s&&e.isVertical()||(t=t-parseInt(a.css("padding-left")||0,10)-parseInt(a.css("padding-right")||0,10),s=s-parseInt(a.css("padding-top")||0,10)-parseInt(a.css("padding-bottom")||0,10),Number.isNaN(t)&&(t=0),Number.isNaN(s)&&(s=0),Object.assign(e,{width:t,height:s,size:e.isHorizontal()?t:s}))},updateSlides:function(){const e=this;function t(t){return e.isHorizontal()?t:{width:"height","margin-top":"margin-left","margin-bottom ":"margin-right","margin-left":"margin-top","margin-right":"margin-bottom","padding-left":"padding-top","padding-right":"padding-bottom",marginRight:"marginBottom"}[t]}function s(e,s){return parseFloat(e.getPropertyValue(t(s))||0)}const a=e.params,{$wrapperEl:i,size:r,rtlTranslate:n,wrongRTL:l}=e,o=e.virtual&&a.virtual.enabled,d=o?e.virtual.slides.length:e.slides.length,c=i.children(`.${e.params.slideClass}`),p=o?e.virtual.slides.length:c.length;let u=[];const h=[],m=[];let f=a.slidesOffsetBefore;"function"==typeof f&&(f=a.slidesOffsetBefore.call(e));let g=a.slidesOffsetAfter;"function"==typeof g&&(g=a.slidesOffsetAfter.call(e));const w=e.snapGrid.length,b=e.slidesGrid.length;let x=a.spaceBetween,y=-f,E=0,C=0;if(void 0===r)return;"string"==typeof x&&x.indexOf("%")>=0&&(x=parseFloat(x.replace("%",""))/100*r),e.virtualSize=-x,n?c.css({marginLeft:"",marginBottom:"",marginTop:""}):c.css({marginRight:"",marginBottom:"",marginTop:""}),a.centeredSlides&&a.cssMode&&(v(e.wrapperEl,"--swiper-centered-offset-before",""),v(e.wrapperEl,"--swiper-centered-offset-after",""));const T=a.grid&&a.grid.rows>1&&e.grid;let $;T&&e.grid.initSlides(p);const S="auto"===a.slidesPerView&&a.breakpoints&&Object.keys(a.breakpoints).filter((e=>void 0!==a.breakpoints[e].slidesPerView)).length>0;for(let i=0;i1&&u.push(e.virtualSize-r)}if(0===u.length&&(u=[0]),0!==a.spaceBetween){const s=e.isHorizontal()&&n?"marginLeft":t("marginRight");c.filter(((e,t)=>!a.cssMode||t!==c.length-1)).css({[s]:`${x}px`})}if(a.centeredSlides&&a.centeredSlidesBounds){let e=0;m.forEach((t=>{e+=t+(a.spaceBetween?a.spaceBetween:0)})),e-=a.spaceBetween;const t=e-r;u=u.map((e=>e<0?-f:e>t?t+g:e))}if(a.centerInsufficientSlides){let e=0;if(m.forEach((t=>{e+=t+(a.spaceBetween?a.spaceBetween:0)})),e-=a.spaceBetween,e{u[s]=e-t})),h.forEach(((e,s)=>{h[s]=e+t}))}}if(Object.assign(e,{slides:c,snapGrid:u,slidesGrid:h,slidesSizesGrid:m}),a.centeredSlides&&a.cssMode&&!a.centeredSlidesBounds){v(e.wrapperEl,"--swiper-centered-offset-before",-u[0]+"px"),v(e.wrapperEl,"--swiper-centered-offset-after",e.size/2-m[m.length-1]/2+"px");const t=-e.snapGrid[0],s=-e.slidesGrid[0];e.snapGrid=e.snapGrid.map((e=>e+t)),e.slidesGrid=e.slidesGrid.map((e=>e+s))}if(p!==d&&e.emit("slidesLengthChange"),u.length!==w&&(e.params.watchOverflow&&e.checkOverflow(),e.emit("snapGridLengthChange")),h.length!==b&&e.emit("slidesGridLengthChange"),a.watchSlidesProgress&&e.updateSlidesOffset(),!(o||a.cssMode||"slide"!==a.effect&&"fade"!==a.effect)){const t=`${a.containerModifierClass}backface-hidden`,s=e.$el.hasClass(t);p<=a.maxBackfaceHiddenSlides?s||e.$el.addClass(t):s&&e.$el.removeClass(t)}},updateAutoHeight:function(e){const t=this,s=[],a=t.virtual&&t.params.virtual.enabled;let i,r=0;"number"==typeof e?t.setTransition(e):!0===e&&t.setTransition(t.params.speed);const n=e=>a?t.slides.filter((t=>parseInt(t.getAttribute("data-swiper-slide-index"),10)===e))[0]:t.slides.eq(e)[0];if("auto"!==t.params.slidesPerView&&t.params.slidesPerView>1)if(t.params.centeredSlides)(t.visibleSlides||d([])).each((e=>{s.push(e)}));else for(i=0;it.slides.length&&!a)break;s.push(n(e))}else s.push(n(t.activeIndex));for(i=0;ir?e:r}(r||0===r)&&t.$wrapperEl.css("height",`${r}px`)},updateSlidesOffset:function(){const e=this,t=e.slides;for(let s=0;s=0&&p1&&u<=t.size||p<=0&&u>=t.size)&&(t.visibleSlides.push(l),t.visibleSlidesIndexes.push(e),a.eq(e).addClass(s.slideVisibleClass)),l.progress=i?-d:d,l.originalProgress=i?-c:c}t.visibleSlides=d(t.visibleSlides)},updateProgress:function(e){const t=this;if(void 0===e){const s=t.rtlTranslate?-1:1;e=t&&t.translate&&t.translate*s||0}const s=t.params,a=t.maxTranslate()-t.minTranslate();let{progress:i,isBeginning:r,isEnd:n}=t;const l=r,o=n;0===a?(i=0,r=!0,n=!0):(i=(e-t.minTranslate())/a,r=i<=0,n=i>=1),Object.assign(t,{progress:i,isBeginning:r,isEnd:n}),(s.watchSlidesProgress||s.centeredSlides&&s.autoHeight)&&t.updateSlidesProgress(e),r&&!l&&t.emit("reachBeginning toEdge"),n&&!o&&t.emit("reachEnd toEdge"),(l&&!r||o&&!n)&&t.emit("fromEdge"),t.emit("progress",i)},updateSlidesClasses:function(){const e=this,{slides:t,params:s,$wrapperEl:a,activeIndex:i,realIndex:r}=e,n=e.virtual&&s.virtual.enabled;let l;t.removeClass(`${s.slideActiveClass} ${s.slideNextClass} ${s.slidePrevClass} ${s.slideDuplicateActiveClass} ${s.slideDuplicateNextClass} ${s.slideDuplicatePrevClass}`),l=n?e.$wrapperEl.find(`.${s.slideClass}[data-swiper-slide-index="${i}"]`):t.eq(i),l.addClass(s.slideActiveClass),s.loop&&(l.hasClass(s.slideDuplicateClass)?a.children(`.${s.slideClass}:not(.${s.slideDuplicateClass})[data-swiper-slide-index="${r}"]`).addClass(s.slideDuplicateActiveClass):a.children(`.${s.slideClass}.${s.slideDuplicateClass}[data-swiper-slide-index="${r}"]`).addClass(s.slideDuplicateActiveClass));let o=l.nextAll(`.${s.slideClass}`).eq(0).addClass(s.slideNextClass);s.loop&&0===o.length&&(o=t.eq(0),o.addClass(s.slideNextClass));let d=l.prevAll(`.${s.slideClass}`).eq(0).addClass(s.slidePrevClass);s.loop&&0===d.length&&(d=t.eq(-1),d.addClass(s.slidePrevClass)),s.loop&&(o.hasClass(s.slideDuplicateClass)?a.children(`.${s.slideClass}:not(.${s.slideDuplicateClass})[data-swiper-slide-index="${o.attr("data-swiper-slide-index")}"]`).addClass(s.slideDuplicateNextClass):a.children(`.${s.slideClass}.${s.slideDuplicateClass}[data-swiper-slide-index="${o.attr("data-swiper-slide-index")}"]`).addClass(s.slideDuplicateNextClass),d.hasClass(s.slideDuplicateClass)?a.children(`.${s.slideClass}:not(.${s.slideDuplicateClass})[data-swiper-slide-index="${d.attr("data-swiper-slide-index")}"]`).addClass(s.slideDuplicatePrevClass):a.children(`.${s.slideClass}.${s.slideDuplicateClass}[data-swiper-slide-index="${d.attr("data-swiper-slide-index")}"]`).addClass(s.slideDuplicatePrevClass)),e.emitSlidesClasses()},updateActiveIndex:function(e){const t=this,s=t.rtlTranslate?t.translate:-t.translate,{slidesGrid:a,snapGrid:i,params:r,activeIndex:n,realIndex:l,snapIndex:o}=t;let d,c=e;if(void 0===c){for(let e=0;e=a[e]&&s=a[e]&&s=a[e]&&(c=e);r.normalizeSlideIndex&&(c<0||void 0===c)&&(c=0)}if(i.indexOf(s)>=0)d=i.indexOf(s);else{const e=Math.min(r.slidesPerGroupSkip,c);d=e+Math.floor((c-e)/r.slidesPerGroup)}if(d>=i.length&&(d=i.length-1),c===n)return void(d!==o&&(t.snapIndex=d,t.emit("snapIndexChange")));const p=parseInt(t.slides.eq(c).attr("data-swiper-slide-index")||c,10);Object.assign(t,{snapIndex:d,realIndex:p,previousIndex:n,activeIndex:c}),t.emit("activeIndexChange"),t.emit("snapIndexChange"),l!==p&&t.emit("realIndexChange"),(t.initialized||t.params.runCallbacksOnInit)&&t.emit("slideChange")},updateClickedSlide:function(e){const t=this,s=t.params,a=d(e).closest(`.${s.slideClass}`)[0];let i,r=!1;if(a)for(let e=0;eo?o:a&&en?"next":r=o.length&&(g=o.length-1);const v=-o[g];if(l.normalizeSlideIndex)for(let e=0;e=s&&t=s&&t=s&&(n=e)}if(r.initialized&&n!==p){if(!r.allowSlideNext&&vr.translate&&v>r.maxTranslate()&&(p||0)!==n)return!1}let b;if(n!==(c||0)&&s&&r.emit("beforeSlideChangeStart"),r.updateProgress(v),b=n>p?"next":n{r.wrapperEl.style.scrollSnapType="",r._swiperImmediateVirtual=!1}))}else{if(!r.support.smoothScroll)return w({swiper:r,targetPosition:s,side:e?"left":"top"}),!0;h.scrollTo({[e?"left":"top"]:s,behavior:"smooth"})}return!0}return r.setTransition(t),r.setTranslate(v),r.updateActiveIndex(n),r.updateSlidesClasses(),r.emit("beforeTransitionStart",t,a),r.transitionStart(s,b),0===t?r.transitionEnd(s,b):r.animating||(r.animating=!0,r.onSlideToWrapperTransitionEnd||(r.onSlideToWrapperTransitionEnd=function(e){r&&!r.destroyed&&e.target===this&&(r.$wrapperEl[0].removeEventListener("transitionend",r.onSlideToWrapperTransitionEnd),r.$wrapperEl[0].removeEventListener("webkitTransitionEnd",r.onSlideToWrapperTransitionEnd),r.onSlideToWrapperTransitionEnd=null,delete r.onSlideToWrapperTransitionEnd,r.transitionEnd(s,b))}),r.$wrapperEl[0].addEventListener("transitionend",r.onSlideToWrapperTransitionEnd),r.$wrapperEl[0].addEventListener("webkitTransitionEnd",r.onSlideToWrapperTransitionEnd)),!0},slideToLoop:function(e,t,s,a){if(void 0===e&&(e=0),void 0===t&&(t=this.params.speed),void 0===s&&(s=!0),"string"==typeof e){const t=parseInt(e,10);if(!isFinite(t))throw new Error(`The passed-in 'index' (string) couldn't be converted to 'number'. [${e}] given.`);e=t}const i=this;let r=e;return i.params.loop&&(r+=i.loopedSlides),i.slideTo(r,t,s,a)},slideNext:function(e,t,s){void 0===e&&(e=this.params.speed),void 0===t&&(t=!0);const a=this,{animating:i,enabled:r,params:n}=a;if(!r)return a;let l=n.slidesPerGroup;"auto"===n.slidesPerView&&1===n.slidesPerGroup&&n.slidesPerGroupAuto&&(l=Math.max(a.slidesPerViewDynamic("current",!0),1));const o=a.activeIndexc(e)));let h=n[u.indexOf(p)-1];if(void 0===h&&i.cssMode){let e;n.forEach(((t,s)=>{p>=t&&(e=s)})),void 0!==e&&(h=n[e>0?e-1:e])}let m=0;if(void 0!==h&&(m=l.indexOf(h),m<0&&(m=a.activeIndex-1),"auto"===i.slidesPerView&&1===i.slidesPerGroup&&i.slidesPerGroupAuto&&(m=m-a.slidesPerViewDynamic("previous",!0)+1,m=Math.max(m,0))),i.rewind&&a.isBeginning){const i=a.params.virtual&&a.params.virtual.enabled&&a.virtual?a.virtual.slides.length-1:a.slides.length-1;return a.slideTo(i,e,t,s)}return a.slideTo(m,e,t,s)},slideReset:function(e,t,s){return void 0===e&&(e=this.params.speed),void 0===t&&(t=!0),this.slideTo(this.activeIndex,e,t,s)},slideToClosest:function(e,t,s,a){void 0===e&&(e=this.params.speed),void 0===t&&(t=!0),void 0===a&&(a=.5);const i=this;let r=i.activeIndex;const n=Math.min(i.params.slidesPerGroupSkip,r),l=n+Math.floor((r-n)/i.params.slidesPerGroup),o=i.rtlTranslate?i.translate:-i.translate;if(o>=i.snapGrid[l]){const e=i.snapGrid[l];o-e>(i.snapGrid[l+1]-e)*a&&(r+=i.params.slidesPerGroup)}else{const e=i.snapGrid[l-1];o-e<=(i.snapGrid[l]-e)*a&&(r-=i.params.slidesPerGroup)}return r=Math.max(r,0),r=Math.min(r,i.slidesGrid.length-1),i.slideTo(r,e,t,s)},slideToClickedSlide:function(){const e=this,{params:t,$wrapperEl:s}=e,a="auto"===t.slidesPerView?e.slidesPerViewDynamic():t.slidesPerView;let i,r=e.clickedIndex;if(t.loop){if(e.animating)return;i=parseInt(d(e.clickedSlide).attr("data-swiper-slide-index"),10),t.centeredSlides?re.slides.length-e.loopedSlides+a/2?(e.loopFix(),r=s.children(`.${t.slideClass}[data-swiper-slide-index="${i}"]:not(.${t.slideDuplicateClass})`).eq(0).index(),p((()=>{e.slideTo(r)}))):e.slideTo(r):r>e.slides.length-a?(e.loopFix(),r=s.children(`.${t.slideClass}[data-swiper-slide-index="${i}"]:not(.${t.slideDuplicateClass})`).eq(0).index(),p((()=>{e.slideTo(r)}))):e.slideTo(r)}else e.slideTo(r)}};var z={loopCreate:function(){const e=this,t=a(),{params:s,$wrapperEl:i}=e,r=i.children().length>0?d(i.children()[0].parentNode):i;r.children(`.${s.slideClass}.${s.slideDuplicateClass}`).remove();let n=r.children(`.${s.slideClass}`);if(s.loopFillGroupWithBlank){const e=s.slidesPerGroup-n.length%s.slidesPerGroup;if(e!==s.slidesPerGroup){for(let a=0;an.length&&e.params.loopedSlidesLimit&&(e.loopedSlides=n.length);const l=[],o=[];n.each(((e,t)=>{d(e).attr("data-swiper-slide-index",t)}));for(let t=0;t=0;e-=1)r.prepend(d(l[e].cloneNode(!0)).addClass(s.slideDuplicateClass))},loopFix:function(){const e=this;e.emit("beforeLoopFix");const{activeIndex:t,slides:s,loopedSlides:a,allowSlidePrev:i,allowSlideNext:r,snapGrid:n,rtlTranslate:l}=e;let o;e.allowSlidePrev=!0,e.allowSlideNext=!0;const d=-n[t]-e.getTranslate();if(t=s.length-a){o=-s.length+t+a,o+=a;e.slideTo(o,0,!1,!0)&&0!==d&&e.setTranslate((l?-e.translate:e.translate)-d)}e.allowSlidePrev=i,e.allowSlideNext=r,e.emit("loopFix")},loopDestroy:function(){const{$wrapperEl:e,params:t,slides:s}=this;e.children(`.${t.slideClass}.${t.slideDuplicateClass},.${t.slideClass}.${t.slideBlankClass}`).remove(),s.removeAttr("data-swiper-slide-index")}};function L(e){const t=this,s=a(),i=r(),n=t.touchEventsData,{params:l,touches:o,enabled:c}=t;if(!c)return;if(t.animating&&l.preventInteractionOnTransition)return;!t.animating&&l.cssMode&&l.loop&&t.loopFix();let p=e;p.originalEvent&&(p=p.originalEvent);let h=d(p.target);if("wrapper"===l.touchEventsTarget&&!h.closest(t.wrapperEl).length)return;if(n.isTouchEvent="touchstart"===p.type,!n.isTouchEvent&&"which"in p&&3===p.which)return;if(!n.isTouchEvent&&"button"in p&&p.button>0)return;if(n.isTouched&&n.isMoved)return;const m=!!l.noSwipingClass&&""!==l.noSwipingClass,f=e.composedPath?e.composedPath():e.path;m&&p.target&&p.target.shadowRoot&&f&&(h=d(f[0]));const g=l.noSwipingSelector?l.noSwipingSelector:`.${l.noSwipingClass}`,v=!(!p.target||!p.target.shadowRoot);if(l.noSwiping&&(v?function(e,t){return void 0===t&&(t=this),function t(s){if(!s||s===a()||s===r())return null;s.assignedSlot&&(s=s.assignedSlot);const i=s.closest(e);return i||s.getRootNode?i||t(s.getRootNode().host):null}(t)}(g,h[0]):h.closest(g)[0]))return void(t.allowClick=!0);if(l.swipeHandler&&!h.closest(l.swipeHandler)[0])return;o.currentX="touchstart"===p.type?p.targetTouches[0].pageX:p.pageX,o.currentY="touchstart"===p.type?p.targetTouches[0].pageY:p.pageY;const w=o.currentX,b=o.currentY,x=l.edgeSwipeDetection||l.iOSEdgeSwipeDetection,y=l.edgeSwipeThreshold||l.iOSEdgeSwipeThreshold;if(x&&(w<=y||w>=i.innerWidth-y)){if("prevent"!==x)return;e.preventDefault()}if(Object.assign(n,{isTouched:!0,isMoved:!1,allowTouchCallbacks:!0,isScrolling:void 0,startMoving:void 0}),o.startX=w,o.startY=b,n.touchStartTime=u(),t.allowClick=!0,t.updateSize(),t.swipeDirection=void 0,l.threshold>0&&(n.allowThresholdMove=!1),"touchstart"!==p.type){let e=!0;h.is(n.focusableElements)&&(e=!1,"SELECT"===h[0].nodeName&&(n.isTouched=!1)),s.activeElement&&d(s.activeElement).is(n.focusableElements)&&s.activeElement!==h[0]&&s.activeElement.blur();const a=e&&t.allowTouchMove&&l.touchStartPreventDefault;!l.touchStartForcePreventDefault&&!a||h[0].isContentEditable||p.preventDefault()}t.params.freeMode&&t.params.freeMode.enabled&&t.freeMode&&t.animating&&!l.cssMode&&t.freeMode.onTouchStart(),t.emit("touchStart",p)}function O(e){const t=a(),s=this,i=s.touchEventsData,{params:r,touches:n,rtlTranslate:l,enabled:o}=s;if(!o)return;let c=e;if(c.originalEvent&&(c=c.originalEvent),!i.isTouched)return void(i.startMoving&&i.isScrolling&&s.emit("touchMoveOpposite",c));if(i.isTouchEvent&&"touchmove"!==c.type)return;const p="touchmove"===c.type&&c.targetTouches&&(c.targetTouches[0]||c.changedTouches[0]),h="touchmove"===c.type?p.pageX:c.pageX,m="touchmove"===c.type?p.pageY:c.pageY;if(c.preventedByNestedSwiper)return n.startX=h,void(n.startY=m);if(!s.allowTouchMove)return d(c.target).is(i.focusableElements)||(s.allowClick=!1),void(i.isTouched&&(Object.assign(n,{startX:h,startY:m,currentX:h,currentY:m}),i.touchStartTime=u()));if(i.isTouchEvent&&r.touchReleaseOnEdges&&!r.loop)if(s.isVertical()){if(mn.startY&&s.translate>=s.minTranslate())return i.isTouched=!1,void(i.isMoved=!1)}else if(hn.startX&&s.translate>=s.minTranslate())return;if(i.isTouchEvent&&t.activeElement&&c.target===t.activeElement&&d(c.target).is(i.focusableElements))return i.isMoved=!0,void(s.allowClick=!1);if(i.allowTouchCallbacks&&s.emit("touchMove",c),c.targetTouches&&c.targetTouches.length>1)return;n.currentX=h,n.currentY=m;const f=n.currentX-n.startX,g=n.currentY-n.startY;if(s.params.threshold&&Math.sqrt(f**2+g**2)=25&&(e=180*Math.atan2(Math.abs(g),Math.abs(f))/Math.PI,i.isScrolling=s.isHorizontal()?e>r.touchAngle:90-e>r.touchAngle)}if(i.isScrolling&&s.emit("touchMoveOpposite",c),void 0===i.startMoving&&(n.currentX===n.startX&&n.currentY===n.startY||(i.startMoving=!0)),i.isScrolling)return void(i.isTouched=!1);if(!i.startMoving)return;s.allowClick=!1,!r.cssMode&&c.cancelable&&c.preventDefault(),r.touchMoveStopPropagation&&!r.nested&&c.stopPropagation(),i.isMoved||(r.loop&&!r.cssMode&&s.loopFix(),i.startTranslate=s.getTranslate(),s.setTransition(0),s.animating&&s.$wrapperEl.trigger("webkitTransitionEnd transitionend"),i.allowMomentumBounce=!1,!r.grabCursor||!0!==s.allowSlideNext&&!0!==s.allowSlidePrev||s.setGrabCursor(!0),s.emit("sliderFirstMove",c)),s.emit("sliderMove",c),i.isMoved=!0;let v=s.isHorizontal()?f:g;n.diff=v,v*=r.touchRatio,l&&(v=-v),s.swipeDirection=v>0?"prev":"next",i.currentTranslate=v+i.startTranslate;let w=!0,b=r.resistanceRatio;if(r.touchReleaseOnEdges&&(b=0),v>0&&i.currentTranslate>s.minTranslate()?(w=!1,r.resistance&&(i.currentTranslate=s.minTranslate()-1+(-s.minTranslate()+i.startTranslate+v)**b)):v<0&&i.currentTranslatei.startTranslate&&(i.currentTranslate=i.startTranslate),s.allowSlidePrev||s.allowSlideNext||(i.currentTranslate=i.startTranslate),r.threshold>0){if(!(Math.abs(v)>r.threshold||i.allowThresholdMove))return void(i.currentTranslate=i.startTranslate);if(!i.allowThresholdMove)return i.allowThresholdMove=!0,n.startX=n.currentX,n.startY=n.currentY,i.currentTranslate=i.startTranslate,void(n.diff=s.isHorizontal()?n.currentX-n.startX:n.currentY-n.startY)}r.followFinger&&!r.cssMode&&((r.freeMode&&r.freeMode.enabled&&s.freeMode||r.watchSlidesProgress)&&(s.updateActiveIndex(),s.updateSlidesClasses()),s.params.freeMode&&r.freeMode.enabled&&s.freeMode&&s.freeMode.onTouchMove(),s.updateProgress(i.currentTranslate),s.setTranslate(i.currentTranslate))}function I(e){const t=this,s=t.touchEventsData,{params:a,touches:i,rtlTranslate:r,slidesGrid:n,enabled:l}=t;if(!l)return;let o=e;if(o.originalEvent&&(o=o.originalEvent),s.allowTouchCallbacks&&t.emit("touchEnd",o),s.allowTouchCallbacks=!1,!s.isTouched)return s.isMoved&&a.grabCursor&&t.setGrabCursor(!1),s.isMoved=!1,void(s.startMoving=!1);a.grabCursor&&s.isMoved&&s.isTouched&&(!0===t.allowSlideNext||!0===t.allowSlidePrev)&&t.setGrabCursor(!1);const d=u(),c=d-s.touchStartTime;if(t.allowClick){const e=o.path||o.composedPath&&o.composedPath();t.updateClickedSlide(e&&e[0]||o.target),t.emit("tap click",o),c<300&&d-s.lastClickTime<300&&t.emit("doubleTap doubleClick",o)}if(s.lastClickTime=u(),p((()=>{t.destroyed||(t.allowClick=!0)})),!s.isTouched||!s.isMoved||!t.swipeDirection||0===i.diff||s.currentTranslate===s.startTranslate)return s.isTouched=!1,s.isMoved=!1,void(s.startMoving=!1);let h;if(s.isTouched=!1,s.isMoved=!1,s.startMoving=!1,h=a.followFinger?r?t.translate:-t.translate:-s.currentTranslate,a.cssMode)return;if(t.params.freeMode&&a.freeMode.enabled)return void t.freeMode.onTouchEnd({currentPos:h});let m=0,f=t.slidesSizesGrid[0];for(let e=0;e=n[e]&&h=n[e]&&(m=e,f=n[n.length-1]-n[n.length-2])}let g=null,v=null;a.rewind&&(t.isBeginning?v=t.params.virtual&&t.params.virtual.enabled&&t.virtual?t.virtual.slides.length-1:t.slides.length-1:t.isEnd&&(g=0));const w=(h-n[m])/f,b=ma.longSwipesMs){if(!a.longSwipes)return void t.slideTo(t.activeIndex);"next"===t.swipeDirection&&(w>=a.longSwipesRatio?t.slideTo(a.rewind&&t.isEnd?g:m+b):t.slideTo(m)),"prev"===t.swipeDirection&&(w>1-a.longSwipesRatio?t.slideTo(m+b):null!==v&&w<0&&Math.abs(w)>a.longSwipesRatio?t.slideTo(v):t.slideTo(m))}else{if(!a.shortSwipes)return void t.slideTo(t.activeIndex);t.navigation&&(o.target===t.navigation.nextEl||o.target===t.navigation.prevEl)?o.target===t.navigation.nextEl?t.slideTo(m+b):t.slideTo(m):("next"===t.swipeDirection&&t.slideTo(null!==g?g:m+b),"prev"===t.swipeDirection&&t.slideTo(null!==v?v:m))}}function A(){const e=this,{params:t,el:s}=e;if(s&&0===s.offsetWidth)return;t.breakpoints&&e.setBreakpoint();const{allowSlideNext:a,allowSlidePrev:i,snapGrid:r}=e;e.allowSlideNext=!0,e.allowSlidePrev=!0,e.updateSize(),e.updateSlides(),e.updateSlidesClasses(),("auto"===t.slidesPerView||t.slidesPerView>1)&&e.isEnd&&!e.isBeginning&&!e.params.centeredSlides?e.slideTo(e.slides.length-1,0,!1,!0):e.slideTo(e.activeIndex,0,!1,!0),e.autoplay&&e.autoplay.running&&e.autoplay.paused&&e.autoplay.run(),e.allowSlidePrev=i,e.allowSlideNext=a,e.params.watchOverflow&&r!==e.snapGrid&&e.checkOverflow()}function D(e){const t=this;t.enabled&&(t.allowClick||(t.params.preventClicks&&e.preventDefault(),t.params.preventClicksPropagation&&t.animating&&(e.stopPropagation(),e.stopImmediatePropagation())))}function G(){const e=this,{wrapperEl:t,rtlTranslate:s,enabled:a}=e;if(!a)return;let i;e.previousTranslate=e.translate,e.isHorizontal()?e.translate=-t.scrollLeft:e.translate=-t.scrollTop,0===e.translate&&(e.translate=0),e.updateActiveIndex(),e.updateSlidesClasses();const r=e.maxTranslate()-e.minTranslate();i=0===r?0:(e.translate-e.minTranslate())/r,i!==e.progress&&e.updateProgress(s?-e.translate:e.translate),e.emit("setTranslate",e.translate,!1)}let N=!1;function B(){}const H=(e,t)=>{const s=a(),{params:i,touchEvents:r,el:n,wrapperEl:l,device:o,support:d}=e,c=!!i.nested,p="on"===t?"addEventListener":"removeEventListener",u=t;if(d.touch){const t=!("touchstart"!==r.start||!d.passiveListener||!i.passiveListeners)&&{passive:!0,capture:!1};n[p](r.start,e.onTouchStart,t),n[p](r.move,e.onTouchMove,d.passiveListener?{passive:!1,capture:c}:c),n[p](r.end,e.onTouchEnd,t),r.cancel&&n[p](r.cancel,e.onTouchEnd,t)}else n[p](r.start,e.onTouchStart,!1),s[p](r.move,e.onTouchMove,c),s[p](r.end,e.onTouchEnd,!1);(i.preventClicks||i.preventClicksPropagation)&&n[p]("click",e.onClick,!0),i.cssMode&&l[p]("scroll",e.onScroll),i.updateOnWindowResize?e[u](o.ios||o.android?"resize orientationchange observerUpdate":"resize observerUpdate",A,!0):e[u]("observerUpdate",A,!0)};var X={attachEvents:function(){const e=this,t=a(),{params:s,support:i}=e;e.onTouchStart=L.bind(e),e.onTouchMove=O.bind(e),e.onTouchEnd=I.bind(e),s.cssMode&&(e.onScroll=G.bind(e)),e.onClick=D.bind(e),i.touch&&!N&&(t.addEventListener("touchstart",B),N=!0),H(e,"on")},detachEvents:function(){H(this,"off")}};const Y=(e,t)=>e.grid&&t.grid&&t.grid.rows>1;var R={addClasses:function(){const e=this,{classNames:t,params:s,rtl:a,$el:i,device:r,support:n}=e,l=function(e,t){const s=[];return e.forEach((e=>{"object"==typeof e?Object.keys(e).forEach((a=>{e[a]&&s.push(t+a)})):"string"==typeof e&&s.push(t+e)})),s}(["initialized",s.direction,{"pointer-events":!n.touch},{"free-mode":e.params.freeMode&&s.freeMode.enabled},{autoheight:s.autoHeight},{rtl:a},{grid:s.grid&&s.grid.rows>1},{"grid-column":s.grid&&s.grid.rows>1&&"column"===s.grid.fill},{android:r.android},{ios:r.ios},{"css-mode":s.cssMode},{centered:s.cssMode&&s.centeredSlides},{"watch-progress":s.watchSlidesProgress}],s.containerModifierClass);t.push(...l),i.addClass([...t].join(" ")),e.emitContainerClasses()},removeClasses:function(){const{$el:e,classNames:t}=this;e.removeClass(t.join(" ")),this.emitContainerClasses()}};var W={init:!0,direction:"horizontal",touchEventsTarget:"wrapper",initialSlide:0,speed:300,cssMode:!1,updateOnWindowResize:!0,resizeObserver:!0,nested:!1,createElements:!1,enabled:!0,focusableElements:"input, select, option, textarea, button, video, label",width:null,height:null,preventInteractionOnTransition:!1,userAgent:null,url:null,edgeSwipeDetection:!1,edgeSwipeThreshold:20,autoHeight:!1,setWrapperSize:!1,virtualTranslate:!1,effect:"slide",breakpoints:void 0,breakpointsBase:"window",spaceBetween:0,slidesPerView:1,slidesPerGroup:1,slidesPerGroupSkip:0,slidesPerGroupAuto:!1,centeredSlides:!1,centeredSlidesBounds:!1,slidesOffsetBefore:0,slidesOffsetAfter:0,normalizeSlideIndex:!0,centerInsufficientSlides:!1,watchOverflow:!0,roundLengths:!1,touchRatio:1,touchAngle:45,simulateTouch:!0,shortSwipes:!0,longSwipes:!0,longSwipesRatio:.5,longSwipesMs:300,followFinger:!0,allowTouchMove:!0,threshold:0,touchMoveStopPropagation:!1,touchStartPreventDefault:!0,touchStartForcePreventDefault:!1,touchReleaseOnEdges:!1,uniqueNavElements:!0,resistance:!0,resistanceRatio:.85,watchSlidesProgress:!1,grabCursor:!1,preventClicks:!0,preventClicksPropagation:!0,slideToClickedSlide:!1,preloadImages:!0,updateOnImagesReady:!0,loop:!1,loopAdditionalSlides:0,loopedSlides:null,loopedSlidesLimit:!0,loopFillGroupWithBlank:!1,loopPreventsSlide:!0,rewind:!1,allowSlidePrev:!0,allowSlideNext:!0,swipeHandler:null,noSwiping:!0,noSwipingClass:"swiper-no-swiping",noSwipingSelector:null,passiveListeners:!0,maxBackfaceHiddenSlides:10,containerModifierClass:"swiper-",slideClass:"swiper-slide",slideBlankClass:"swiper-slide-invisible-blank",slideActiveClass:"swiper-slide-active",slideDuplicateActiveClass:"swiper-slide-duplicate-active",slideVisibleClass:"swiper-slide-visible",slideDuplicateClass:"swiper-slide-duplicate",slideNextClass:"swiper-slide-next",slideDuplicateNextClass:"swiper-slide-duplicate-next",slidePrevClass:"swiper-slide-prev",slideDuplicatePrevClass:"swiper-slide-duplicate-prev",wrapperClass:"swiper-wrapper",runCallbacksOnInit:!0,_emitClasses:!1};function q(e,t){return function(s){void 0===s&&(s={});const a=Object.keys(s)[0],i=s[a];"object"==typeof i&&null!==i?(["navigation","pagination","scrollbar"].indexOf(a)>=0&&!0===e[a]&&(e[a]={auto:!0}),a in e&&"enabled"in i?(!0===e[a]&&(e[a]={enabled:!0}),"object"!=typeof e[a]||"enabled"in e[a]||(e[a].enabled=!0),e[a]||(e[a]={enabled:!1}),g(t,s)):g(t,s)):g(t,s)}}const j={eventsEmitter:$,update:S,translate:M,transition:{setTransition:function(e,t){const s=this;s.params.cssMode||s.$wrapperEl.transition(e),s.emit("setTransition",e,t)},transitionStart:function(e,t){void 0===e&&(e=!0);const s=this,{params:a}=s;a.cssMode||(a.autoHeight&&s.updateAutoHeight(),P({swiper:s,runCallbacks:e,direction:t,step:"Start"}))},transitionEnd:function(e,t){void 0===e&&(e=!0);const s=this,{params:a}=s;s.animating=!1,a.cssMode||(s.setTransition(0),P({swiper:s,runCallbacks:e,direction:t,step:"End"}))}},slide:k,loop:z,grabCursor:{setGrabCursor:function(e){const t=this;if(t.support.touch||!t.params.simulateTouch||t.params.watchOverflow&&t.isLocked||t.params.cssMode)return;const s="container"===t.params.touchEventsTarget?t.el:t.wrapperEl;s.style.cursor="move",s.style.cursor=e?"grabbing":"grab"},unsetGrabCursor:function(){const e=this;e.support.touch||e.params.watchOverflow&&e.isLocked||e.params.cssMode||(e["container"===e.params.touchEventsTarget?"el":"wrapperEl"].style.cursor="")}},events:X,breakpoints:{setBreakpoint:function(){const e=this,{activeIndex:t,initialized:s,loopedSlides:a=0,params:i,$el:r}=e,n=i.breakpoints;if(!n||n&&0===Object.keys(n).length)return;const l=e.getBreakpoint(n,e.params.breakpointsBase,e.el);if(!l||e.currentBreakpoint===l)return;const o=(l in n?n[l]:void 0)||e.originalParams,d=Y(e,i),c=Y(e,o),p=i.enabled;d&&!c?(r.removeClass(`${i.containerModifierClass}grid ${i.containerModifierClass}grid-column`),e.emitContainerClasses()):!d&&c&&(r.addClass(`${i.containerModifierClass}grid`),(o.grid.fill&&"column"===o.grid.fill||!o.grid.fill&&"column"===i.grid.fill)&&r.addClass(`${i.containerModifierClass}grid-column`),e.emitContainerClasses()),["navigation","pagination","scrollbar"].forEach((t=>{const s=i[t]&&i[t].enabled,a=o[t]&&o[t].enabled;s&&!a&&e[t].disable(),!s&&a&&e[t].enable()}));const u=o.direction&&o.direction!==i.direction,h=i.loop&&(o.slidesPerView!==i.slidesPerView||u);u&&s&&e.changeDirection(),g(e.params,o);const m=e.params.enabled;Object.assign(e,{allowTouchMove:e.params.allowTouchMove,allowSlideNext:e.params.allowSlideNext,allowSlidePrev:e.params.allowSlidePrev}),p&&!m?e.disable():!p&&m&&e.enable(),e.currentBreakpoint=l,e.emit("_beforeBreakpoint",o),h&&s&&(e.loopDestroy(),e.loopCreate(),e.updateSlides(),e.slideTo(t-a+e.loopedSlides,0,!1)),e.emit("breakpoint",o)},getBreakpoint:function(e,t,s){if(void 0===t&&(t="window"),!e||"container"===t&&!s)return;let a=!1;const i=r(),n="window"===t?i.innerHeight:s.clientHeight,l=Object.keys(e).map((e=>{if("string"==typeof e&&0===e.indexOf("@")){const t=parseFloat(e.substr(1));return{value:n*t,point:e}}return{value:e,point:e}}));l.sort(((e,t)=>parseInt(e.value,10)-parseInt(t.value,10)));for(let e=0;es}else e.isLocked=1===e.snapGrid.length;!0===s.allowSlideNext&&(e.allowSlideNext=!e.isLocked),!0===s.allowSlidePrev&&(e.allowSlidePrev=!e.isLocked),t&&t!==e.isLocked&&(e.isEnd=!1),t!==e.isLocked&&e.emit(e.isLocked?"lock":"unlock")}},classes:R,images:{loadImage:function(e,t,s,a,i,n){const l=r();let o;function c(){n&&n()}d(e).parent("picture")[0]||e.complete&&i?c():t?(o=new l.Image,o.onload=c,o.onerror=c,a&&(o.sizes=a),s&&(o.srcset=s),t&&(o.src=t)):c()},preloadImages:function(){const e=this;function t(){null!=e&&e&&!e.destroyed&&(void 0!==e.imagesLoaded&&(e.imagesLoaded+=1),e.imagesLoaded===e.imagesToLoad.length&&(e.params.updateOnImagesReady&&e.update(),e.emit("imagesReady")))}e.imagesToLoad=e.$el.find("img");for(let s=0;s1){const e=[];return d(t.el).each((s=>{const a=g({},t,{el:s});e.push(new V(a))})),e}const r=this;r.__swiper__=!0,r.support=E(),r.device=C({userAgent:t.userAgent}),r.browser=T(),r.eventsListeners={},r.eventsAnyListeners=[],r.modules=[...r.__modules__],t.modules&&Array.isArray(t.modules)&&r.modules.push(...t.modules);const n={};r.modules.forEach((e=>{e({swiper:r,extendParams:q(t,n),on:r.on.bind(r),once:r.once.bind(r),off:r.off.bind(r),emit:r.emit.bind(r)})}));const l=g({},W,n);return r.params=g({},l,_,t),r.originalParams=g({},r.params),r.passedParams=g({},t),r.params&&r.params.on&&Object.keys(r.params.on).forEach((e=>{r.on(e,r.params.on[e])})),r.params&&r.params.onAny&&r.onAny(r.params.onAny),r.$=d,Object.assign(r,{enabled:r.params.enabled,el:e,classNames:[],slides:d(),slidesGrid:[],snapGrid:[],slidesSizesGrid:[],isHorizontal:()=>"horizontal"===r.params.direction,isVertical:()=>"vertical"===r.params.direction,activeIndex:0,realIndex:0,isBeginning:!0,isEnd:!1,translate:0,previousTranslate:0,progress:0,velocity:0,animating:!1,allowSlideNext:r.params.allowSlideNext,allowSlidePrev:r.params.allowSlidePrev,touchEvents:function(){const e=["touchstart","touchmove","touchend","touchcancel"],t=["pointerdown","pointermove","pointerup"];return r.touchEventsTouch={start:e[0],move:e[1],end:e[2],cancel:e[3]},r.touchEventsDesktop={start:t[0],move:t[1],end:t[2]},r.support.touch||!r.params.simulateTouch?r.touchEventsTouch:r.touchEventsDesktop}(),touchEventsData:{isTouched:void 0,isMoved:void 0,allowTouchCallbacks:void 0,touchStartTime:void 0,isScrolling:void 0,currentTranslate:void 0,startTranslate:void 0,allowThresholdMove:void 0,focusableElements:r.params.focusableElements,lastClickTime:u(),clickTimeout:void 0,velocities:[],allowMomentumBounce:void 0,isTouchEvent:void 0,startMoving:void 0},allowClick:!0,allowTouchMove:r.params.allowTouchMove,touches:{startX:0,startY:0,currentX:0,currentY:0,diff:0},imagesToLoad:[],imagesLoaded:0}),r.emit("_swiper"),r.params.init&&r.init(),r}enable(){const e=this;e.enabled||(e.enabled=!0,e.params.grabCursor&&e.setGrabCursor(),e.emit("enable"))}disable(){const e=this;e.enabled&&(e.enabled=!1,e.params.grabCursor&&e.unsetGrabCursor(),e.emit("disable"))}setProgress(e,t){const s=this;e=Math.min(Math.max(e,0),1);const a=s.minTranslate(),i=(s.maxTranslate()-a)*e+a;s.translateTo(i,void 0===t?0:t),s.updateActiveIndex(),s.updateSlidesClasses()}emitContainerClasses(){const e=this;if(!e.params._emitClasses||!e.el)return;const t=e.el.className.split(" ").filter((t=>0===t.indexOf("swiper")||0===t.indexOf(e.params.containerModifierClass)));e.emit("_containerClasses",t.join(" "))}getSlideClasses(e){const t=this;return t.destroyed?"":e.className.split(" ").filter((e=>0===e.indexOf("swiper-slide")||0===e.indexOf(t.params.slideClass))).join(" ")}emitSlidesClasses(){const e=this;if(!e.params._emitClasses||!e.el)return;const t=[];e.slides.each((s=>{const a=e.getSlideClasses(s);t.push({slideEl:s,classNames:a}),e.emit("_slideClass",s,a)})),e.emit("_slideClasses",t)}slidesPerViewDynamic(e,t){void 0===e&&(e="current"),void 0===t&&(t=!1);const{params:s,slides:a,slidesGrid:i,slidesSizesGrid:r,size:n,activeIndex:l}=this;let o=1;if(s.centeredSlides){let e,t=a[l].swiperSlideSize;for(let s=l+1;sn&&(e=!0));for(let s=l-1;s>=0;s-=1)a[s]&&!e&&(t+=a[s].swiperSlideSize,o+=1,t>n&&(e=!0))}else if("current"===e)for(let e=l+1;e=0;e-=1){i[l]-i[e]1)&&e.isEnd&&!e.params.centeredSlides?e.slideTo(e.slides.length-1,0,!1,!0):e.slideTo(e.activeIndex,0,!1,!0),i||a()),s.watchOverflow&&t!==e.snapGrid&&e.checkOverflow(),e.emit("update")}changeDirection(e,t){void 0===t&&(t=!0);const s=this,a=s.params.direction;return e||(e="horizontal"===a?"vertical":"horizontal"),e===a||"horizontal"!==e&&"vertical"!==e||(s.$el.removeClass(`${s.params.containerModifierClass}${a}`).addClass(`${s.params.containerModifierClass}${e}`),s.emitContainerClasses(),s.params.direction=e,s.slides.each((t=>{"vertical"===e?t.style.width="":t.style.height=""})),s.emit("changeDirection"),t&&s.update()),s}changeLanguageDirection(e){const t=this;t.rtl&&"rtl"===e||!t.rtl&&"ltr"===e||(t.rtl="rtl"===e,t.rtlTranslate="horizontal"===t.params.direction&&t.rtl,t.rtl?(t.$el.addClass(`${t.params.containerModifierClass}rtl`),t.el.dir="rtl"):(t.$el.removeClass(`${t.params.containerModifierClass}rtl`),t.el.dir="ltr"),t.update())}mount(e){const t=this;if(t.mounted)return!0;const s=d(e||t.params.el);if(!(e=s[0]))return!1;e.swiper=t;const i=()=>`.${(t.params.wrapperClass||"").trim().split(" ").join(".")}`;let r=(()=>{if(e&&e.shadowRoot&&e.shadowRoot.querySelector){const t=d(e.shadowRoot.querySelector(i()));return t.children=e=>s.children(e),t}return s.children?s.children(i()):d(s).children(i())})();if(0===r.length&&t.params.createElements){const e=a().createElement("div");r=d(e),e.className=t.params.wrapperClass,s.append(e),s.children(`.${t.params.slideClass}`).each((e=>{r.append(e)}))}return Object.assign(t,{$el:s,el:e,$wrapperEl:r,wrapperEl:r[0],mounted:!0,rtl:"rtl"===e.dir.toLowerCase()||"rtl"===s.css("direction"),rtlTranslate:"horizontal"===t.params.direction&&("rtl"===e.dir.toLowerCase()||"rtl"===s.css("direction")),wrongRTL:"-webkit-box"===r.css("display")}),!0}init(e){const t=this;if(t.initialized)return t;return!1===t.mount(e)||(t.emit("beforeInit"),t.params.breakpoints&&t.setBreakpoint(),t.addClasses(),t.params.loop&&t.loopCreate(),t.updateSize(),t.updateSlides(),t.params.watchOverflow&&t.checkOverflow(),t.params.grabCursor&&t.enabled&&t.setGrabCursor(),t.params.preloadImages&&t.preloadImages(),t.params.loop?t.slideTo(t.params.initialSlide+t.loopedSlides,0,t.params.runCallbacksOnInit,!1,!0):t.slideTo(t.params.initialSlide,0,t.params.runCallbacksOnInit,!1,!0),t.attachEvents(),t.initialized=!0,t.emit("init"),t.emit("afterInit")),t}destroy(e,t){void 0===e&&(e=!0),void 0===t&&(t=!0);const s=this,{params:a,$el:i,$wrapperEl:r,slides:n}=s;return void 0===s.params||s.destroyed||(s.emit("beforeDestroy"),s.initialized=!1,s.detachEvents(),a.loop&&s.loopDestroy(),t&&(s.removeClasses(),i.removeAttr("style"),r.removeAttr("style"),n&&n.length&&n.removeClass([a.slideVisibleClass,a.slideActiveClass,a.slideNextClass,a.slidePrevClass].join(" ")).removeAttr("style").removeAttr("data-swiper-slide-index")),s.emit("destroy"),Object.keys(s.eventsListeners).forEach((e=>{s.off(e)})),!1!==e&&(s.$el[0].swiper=null,function(e){const t=e;Object.keys(t).forEach((e=>{try{t[e]=null}catch(e){}try{delete t[e]}catch(e){}}))}(s)),s.destroyed=!0),null}static extendDefaults(e){g(_,e)}static get extendedDefaults(){return _}static get defaults(){return W}static installModule(e){V.prototype.__modules__||(V.prototype.__modules__=[]);const t=V.prototype.__modules__;"function"==typeof e&&t.indexOf(e)<0&&t.push(e)}static use(e){return Array.isArray(e)?(e.forEach((e=>V.installModule(e))),V):(V.installModule(e),V)}}function F(e,t,s,i){const r=a();return e.params.createElements&&Object.keys(i).forEach((a=>{if(!s[a]&&!0===s.auto){let n=e.$el.children(`.${i[a]}`)[0];n||(n=r.createElement("div"),n.className=i[a],e.$el.append(n)),s[a]=n,t[a]=n}})),s}function U(e){return void 0===e&&(e=""),`.${e.trim().replace(/([\.:!\/])/g,"\\$1").replace(/ /g,".")}`}function K(e){const t=this,{$wrapperEl:s,params:a}=t;if(a.loop&&t.loopDestroy(),"object"==typeof e&&"length"in e)for(let t=0;t=l)return void s.appendSlide(t);let o=n>e?n+1:n;const d=[];for(let t=l-1;t>=e;t-=1){const e=s.slides.eq(t);e.remove(),d.unshift(e)}if("object"==typeof t&&"length"in t){for(let e=0;ee?n+t.length:n}else a.append(t);for(let e=0;e{if(s.params.effect!==t)return;s.classNames.push(`${s.params.containerModifierClass}${t}`),l&&l()&&s.classNames.push(`${s.params.containerModifierClass}3d`);const e=n?n():{};Object.assign(s.params,e),Object.assign(s.originalParams,e)})),a("setTranslate",(()=>{s.params.effect===t&&i()})),a("setTransition",((e,a)=>{s.params.effect===t&&r(a)})),a("transitionEnd",(()=>{if(s.params.effect===t&&o){if(!d||!d().slideShadows)return;s.slides.each((e=>{s.$(e).find(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").remove()})),o()}})),a("virtualUpdate",(()=>{s.params.effect===t&&(s.slides.length||(c=!0),requestAnimationFrame((()=>{c&&s.slides&&s.slides.length&&(i(),c=!1)})))}))}function se(e,t){return e.transformEl?t.find(e.transformEl).css({"backface-visibility":"hidden","-webkit-backface-visibility":"hidden"}):t}function ae(e){let{swiper:t,duration:s,transformEl:a,allSlides:i}=e;const{slides:r,activeIndex:n,$wrapperEl:l}=t;if(t.params.virtualTranslate&&0!==s){let e,s=!1;e=i?a?r.find(a):r:a?r.eq(n).find(a):r.eq(n),e.transitionEnd((()=>{if(s)return;if(!t||t.destroyed)return;s=!0,t.animating=!1;const e=["webkitTransitionEnd","transitionend"];for(let t=0;t`),i.append(r)),r}Object.keys(j).forEach((e=>{Object.keys(j[e]).forEach((t=>{V.prototype[t]=j[e][t]}))})),V.use([function(e){let{swiper:t,on:s,emit:a}=e;const i=r();let n=null,l=null;const o=()=>{t&&!t.destroyed&&t.initialized&&(a("beforeResize"),a("resize"))},d=()=>{t&&!t.destroyed&&t.initialized&&a("orientationchange")};s("init",(()=>{t.params.resizeObserver&&void 0!==i.ResizeObserver?t&&!t.destroyed&&t.initialized&&(n=new ResizeObserver((e=>{l=i.requestAnimationFrame((()=>{const{width:s,height:a}=t;let i=s,r=a;e.forEach((e=>{let{contentBoxSize:s,contentRect:a,target:n}=e;n&&n!==t.el||(i=a?a.width:(s[0]||s).inlineSize,r=a?a.height:(s[0]||s).blockSize)})),i===s&&r===a||o()}))})),n.observe(t.el)):(i.addEventListener("resize",o),i.addEventListener("orientationchange",d))})),s("destroy",(()=>{l&&i.cancelAnimationFrame(l),n&&n.unobserve&&t.el&&(n.unobserve(t.el),n=null),i.removeEventListener("resize",o),i.removeEventListener("orientationchange",d)}))},function(e){let{swiper:t,extendParams:s,on:a,emit:i}=e;const n=[],l=r(),o=function(e,t){void 0===t&&(t={});const s=new(l.MutationObserver||l.WebkitMutationObserver)((e=>{if(1===e.length)return void i("observerUpdate",e[0]);const t=function(){i("observerUpdate",e[0])};l.requestAnimationFrame?l.requestAnimationFrame(t):l.setTimeout(t,0)}));s.observe(e,{attributes:void 0===t.attributes||t.attributes,childList:void 0===t.childList||t.childList,characterData:void 0===t.characterData||t.characterData}),n.push(s)};s({observer:!1,observeParents:!1,observeSlideChildren:!1}),a("init",(()=>{if(t.params.observer){if(t.params.observeParents){const e=t.$el.parents();for(let t=0;t{n.forEach((e=>{e.disconnect()})),n.splice(0,n.length)}))}]);const re=[function(e){let t,{swiper:s,extendParams:a,on:i,emit:r}=e;function n(e,t){const a=s.params.virtual;if(a.cache&&s.virtual.cache[t])return s.virtual.cache[t];const i=a.renderSlide?d(a.renderSlide.call(s,e,t)):d(`
${e}
`);return i.attr("data-swiper-slide-index")||i.attr("data-swiper-slide-index",t),a.cache&&(s.virtual.cache[t]=i),i}function l(e){const{slidesPerView:t,slidesPerGroup:a,centeredSlides:i}=s.params,{addSlidesBefore:l,addSlidesAfter:o}=s.params.virtual,{from:d,to:c,slides:p,slidesGrid:u,offset:h}=s.virtual;s.params.cssMode||s.updateActiveIndex();const m=s.activeIndex||0;let f,g,v;f=s.rtlTranslate?"right":s.isHorizontal()?"left":"top",i?(g=Math.floor(t/2)+a+o,v=Math.floor(t/2)+a+l):(g=t+(a-1)+o,v=a+l);const w=Math.max((m||0)-v,0),b=Math.min((m||0)+g,p.length-1),x=(s.slidesGrid[w]||0)-(s.slidesGrid[0]||0);function y(){s.updateSlides(),s.updateProgress(),s.updateSlidesClasses(),s.lazy&&s.params.lazy.enabled&&s.lazy.load(),r("virtualUpdate")}if(Object.assign(s.virtual,{from:w,to:b,offset:x,slidesGrid:s.slidesGrid}),d===w&&c===b&&!e)return s.slidesGrid!==u&&x!==h&&s.slides.css(f,`${x}px`),s.updateProgress(),void r("virtualUpdate");if(s.params.virtual.renderExternal)return s.params.virtual.renderExternal.call(s,{offset:x,from:w,to:b,slides:function(){const e=[];for(let t=w;t<=b;t+=1)e.push(p[t]);return e}()}),void(s.params.virtual.renderExternalUpdate?y():r("virtualUpdate"));const E=[],C=[];if(e)s.$wrapperEl.find(`.${s.params.slideClass}`).remove();else for(let e=d;e<=c;e+=1)(eb)&&s.$wrapperEl.find(`.${s.params.slideClass}[data-swiper-slide-index="${e}"]`).remove();for(let t=0;t=w&&t<=b&&(void 0===c||e?C.push(t):(t>c&&C.push(t),t{s.$wrapperEl.append(n(p[e],e))})),E.sort(((e,t)=>t-e)).forEach((e=>{s.$wrapperEl.prepend(n(p[e],e))})),s.$wrapperEl.children(".swiper-slide").css(f,`${x}px`),y()}a({virtual:{enabled:!1,slides:[],cache:!0,renderSlide:null,renderExternal:null,renderExternalUpdate:!0,addSlidesBefore:0,addSlidesAfter:0}}),s.virtual={cache:{},from:void 0,to:void 0,slides:[],offset:0,slidesGrid:[]},i("beforeInit",(()=>{s.params.virtual.enabled&&(s.virtual.slides=s.params.virtual.slides,s.classNames.push(`${s.params.containerModifierClass}virtual`),s.params.watchSlidesProgress=!0,s.originalParams.watchSlidesProgress=!0,s.params.initialSlide||l())})),i("setTranslate",(()=>{s.params.virtual.enabled&&(s.params.cssMode&&!s._immediateVirtual?(clearTimeout(t),t=setTimeout((()=>{l()}),100)):l())})),i("init update resize",(()=>{s.params.virtual.enabled&&s.params.cssMode&&v(s.wrapperEl,"--swiper-virtual-size",`${s.virtualSize}px`)})),Object.assign(s.virtual,{appendSlide:function(e){if("object"==typeof e&&"length"in e)for(let t=0;t{const a=e[s],r=a.attr("data-swiper-slide-index");r&&a.attr("data-swiper-slide-index",parseInt(r,10)+i),t[parseInt(s,10)+i]=a})),s.virtual.cache=t}l(!0),s.slideTo(a,0)},removeSlide:function(e){if(null==e)return;let t=s.activeIndex;if(Array.isArray(e))for(let a=e.length-1;a>=0;a-=1)s.virtual.slides.splice(e[a],1),s.params.virtual.cache&&delete s.virtual.cache[e[a]],e[a]0&&0===t.$el.parents(`.${t.params.slideActiveClass}`).length)return;const a=t.$el,i=a[0].clientWidth,r=a[0].clientHeight,n=o.innerWidth,l=o.innerHeight,d=t.$el.offset();s&&(d.left-=t.$el[0].scrollLeft);const c=[[d.left,d.top],[d.left+i,d.top],[d.left,d.top+r],[d.left+i,d.top+r]];for(let t=0;t=0&&s[0]<=n&&s[1]>=0&&s[1]<=l){if(0===s[0]&&0===s[1])continue;e=!0}}if(!e)return}t.isHorizontal()?((d||c||p||u)&&(a.preventDefault?a.preventDefault():a.returnValue=!1),((c||u)&&!s||(d||p)&&s)&&t.slideNext(),((d||p)&&!s||(c||u)&&s)&&t.slidePrev()):((d||c||h||m)&&(a.preventDefault?a.preventDefault():a.returnValue=!1),(c||m)&&t.slideNext(),(d||h)&&t.slidePrev()),n("keyPress",i)}}function p(){t.keyboard.enabled||(d(l).on("keydown",c),t.keyboard.enabled=!0)}function u(){t.keyboard.enabled&&(d(l).off("keydown",c),t.keyboard.enabled=!1)}t.keyboard={enabled:!1},s({keyboard:{enabled:!1,onlyInViewport:!0,pageUpDown:!0}}),i("init",(()=>{t.params.keyboard.enabled&&p()})),i("destroy",(()=>{t.keyboard.enabled&&u()})),Object.assign(t.keyboard,{enable:p,disable:u})},function(e){let{swiper:t,extendParams:s,on:a,emit:i}=e;const n=r();let l;s({mousewheel:{enabled:!1,releaseOnEdges:!1,invert:!1,forceToAxis:!1,sensitivity:1,eventsTarget:"container",thresholdDelta:null,thresholdTime:null}}),t.mousewheel={enabled:!1};let o,c=u();const h=[];function m(){t.enabled&&(t.mouseEntered=!0)}function f(){t.enabled&&(t.mouseEntered=!1)}function g(e){return!(t.params.mousewheel.thresholdDelta&&e.delta=6&&u()-c<60||(e.direction<0?t.isEnd&&!t.params.loop||t.animating||(t.slideNext(),i("scroll",e.raw)):t.isBeginning&&!t.params.loop||t.animating||(t.slidePrev(),i("scroll",e.raw)),c=(new n.Date).getTime(),!1)))}function v(e){let s=e,a=!0;if(!t.enabled)return;const r=t.params.mousewheel;t.params.cssMode&&s.preventDefault();let n=t.$el;if("container"!==t.params.mousewheel.eventsTarget&&(n=d(t.params.mousewheel.eventsTarget)),!t.mouseEntered&&!n[0].contains(s.target)&&!r.releaseOnEdges)return!0;s.originalEvent&&(s=s.originalEvent);let c=0;const m=t.rtlTranslate?-1:1,f=function(e){let t=0,s=0,a=0,i=0;return"detail"in e&&(s=e.detail),"wheelDelta"in e&&(s=-e.wheelDelta/120),"wheelDeltaY"in e&&(s=-e.wheelDeltaY/120),"wheelDeltaX"in e&&(t=-e.wheelDeltaX/120),"axis"in e&&e.axis===e.HORIZONTAL_AXIS&&(t=s,s=0),a=10*t,i=10*s,"deltaY"in e&&(i=e.deltaY),"deltaX"in e&&(a=e.deltaX),e.shiftKey&&!a&&(a=i,i=0),(a||i)&&e.deltaMode&&(1===e.deltaMode?(a*=40,i*=40):(a*=800,i*=800)),a&&!t&&(t=a<1?-1:1),i&&!s&&(s=i<1?-1:1),{spinX:t,spinY:s,pixelX:a,pixelY:i}}(s);if(r.forceToAxis)if(t.isHorizontal()){if(!(Math.abs(f.pixelX)>Math.abs(f.pixelY)))return!0;c=-f.pixelX*m}else{if(!(Math.abs(f.pixelY)>Math.abs(f.pixelX)))return!0;c=-f.pixelY}else c=Math.abs(f.pixelX)>Math.abs(f.pixelY)?-f.pixelX*m:-f.pixelY;if(0===c)return!0;r.invert&&(c=-c);let v=t.getTranslate()+c*r.sensitivity;if(v>=t.minTranslate()&&(v=t.minTranslate()),v<=t.maxTranslate()&&(v=t.maxTranslate()),a=!!t.params.loop||!(v===t.minTranslate()||v===t.maxTranslate()),a&&t.params.nested&&s.stopPropagation(),t.params.freeMode&&t.params.freeMode.enabled){const e={time:u(),delta:Math.abs(c),direction:Math.sign(c)},a=o&&e.time=t.minTranslate()&&(n=t.minTranslate()),n<=t.maxTranslate()&&(n=t.maxTranslate()),t.setTransition(0),t.setTranslate(n),t.updateProgress(),t.updateActiveIndex(),t.updateSlidesClasses(),(!d&&t.isBeginning||!u&&t.isEnd)&&t.updateSlidesClasses(),t.params.freeMode.sticky){clearTimeout(l),l=void 0,h.length>=15&&h.shift();const s=h.length?h[h.length-1]:void 0,a=h[0];if(h.push(e),s&&(e.delta>s.delta||e.direction!==s.direction))h.splice(0);else if(h.length>=15&&e.time-a.time<500&&a.delta-e.delta>=1&&e.delta<=6){const s=c>0?.8:.2;o=e,h.splice(0),l=p((()=>{t.slideToClosest(t.params.speed,!0,void 0,s)}),0)}l||(l=p((()=>{o=e,h.splice(0),t.slideToClosest(t.params.speed,!0,void 0,.5)}),500))}if(a||i("scroll",s),t.params.autoplay&&t.params.autoplayDisableOnInteraction&&t.autoplay.stop(),n===t.minTranslate()||n===t.maxTranslate())return!0}}else{const s={time:u(),delta:Math.abs(c),direction:Math.sign(c),raw:e};h.length>=2&&h.shift();const a=h.length?h[h.length-1]:void 0;if(h.push(s),a?(s.direction!==a.direction||s.delta>a.delta||s.time>a.time+150)&&g(s):g(s),function(e){const s=t.params.mousewheel;if(e.direction<0){if(t.isEnd&&!t.params.loop&&s.releaseOnEdges)return!0}else if(t.isBeginning&&!t.params.loop&&s.releaseOnEdges)return!0;return!1}(s))return!0}return s.preventDefault?s.preventDefault():s.returnValue=!1,!1}function w(e){let s=t.$el;"container"!==t.params.mousewheel.eventsTarget&&(s=d(t.params.mousewheel.eventsTarget)),s[e]("mouseenter",m),s[e]("mouseleave",f),s[e]("wheel",v)}function b(){return t.params.cssMode?(t.wrapperEl.removeEventListener("wheel",v),!0):!t.mousewheel.enabled&&(w("on"),t.mousewheel.enabled=!0,!0)}function x(){return t.params.cssMode?(t.wrapperEl.addEventListener(event,v),!0):!!t.mousewheel.enabled&&(w("off"),t.mousewheel.enabled=!1,!0)}a("init",(()=>{!t.params.mousewheel.enabled&&t.params.cssMode&&x(),t.params.mousewheel.enabled&&b()})),a("destroy",(()=>{t.params.cssMode&&b(),t.mousewheel.enabled&&x()})),Object.assign(t.mousewheel,{enable:b,disable:x})},function(e){let{swiper:t,extendParams:s,on:a,emit:i}=e;function r(e){let s;return e&&(s=d(e),t.params.uniqueNavElements&&"string"==typeof e&&s.length>1&&1===t.$el.find(e).length&&(s=t.$el.find(e))),s}function n(e,s){const a=t.params.navigation;e&&e.length>0&&(e[s?"addClass":"removeClass"](a.disabledClass),e[0]&&"BUTTON"===e[0].tagName&&(e[0].disabled=s),t.params.watchOverflow&&t.enabled&&e[t.isLocked?"addClass":"removeClass"](a.lockClass))}function l(){if(t.params.loop)return;const{$nextEl:e,$prevEl:s}=t.navigation;n(s,t.isBeginning&&!t.params.rewind),n(e,t.isEnd&&!t.params.rewind)}function o(e){e.preventDefault(),(!t.isBeginning||t.params.loop||t.params.rewind)&&(t.slidePrev(),i("navigationPrev"))}function c(e){e.preventDefault(),(!t.isEnd||t.params.loop||t.params.rewind)&&(t.slideNext(),i("navigationNext"))}function p(){const e=t.params.navigation;if(t.params.navigation=F(t,t.originalParams.navigation,t.params.navigation,{nextEl:"swiper-button-next",prevEl:"swiper-button-prev"}),!e.nextEl&&!e.prevEl)return;const s=r(e.nextEl),a=r(e.prevEl);s&&s.length>0&&s.on("click",c),a&&a.length>0&&a.on("click",o),Object.assign(t.navigation,{$nextEl:s,nextEl:s&&s[0],$prevEl:a,prevEl:a&&a[0]}),t.enabled||(s&&s.addClass(e.lockClass),a&&a.addClass(e.lockClass))}function u(){const{$nextEl:e,$prevEl:s}=t.navigation;e&&e.length&&(e.off("click",c),e.removeClass(t.params.navigation.disabledClass)),s&&s.length&&(s.off("click",o),s.removeClass(t.params.navigation.disabledClass))}s({navigation:{nextEl:null,prevEl:null,hideOnClick:!1,disabledClass:"swiper-button-disabled",hiddenClass:"swiper-button-hidden",lockClass:"swiper-button-lock",navigationDisabledClass:"swiper-navigation-disabled"}}),t.navigation={nextEl:null,$nextEl:null,prevEl:null,$prevEl:null},a("init",(()=>{!1===t.params.navigation.enabled?h():(p(),l())})),a("toEdge fromEdge lock unlock",(()=>{l()})),a("destroy",(()=>{u()})),a("enable disable",(()=>{const{$nextEl:e,$prevEl:s}=t.navigation;e&&e[t.enabled?"removeClass":"addClass"](t.params.navigation.lockClass),s&&s[t.enabled?"removeClass":"addClass"](t.params.navigation.lockClass)})),a("click",((e,s)=>{const{$nextEl:a,$prevEl:r}=t.navigation,n=s.target;if(t.params.navigation.hideOnClick&&!d(n).is(r)&&!d(n).is(a)){if(t.pagination&&t.params.pagination&&t.params.pagination.clickable&&(t.pagination.el===n||t.pagination.el.contains(n)))return;let e;a?e=a.hasClass(t.params.navigation.hiddenClass):r&&(e=r.hasClass(t.params.navigation.hiddenClass)),i(!0===e?"navigationShow":"navigationHide"),a&&a.toggleClass(t.params.navigation.hiddenClass),r&&r.toggleClass(t.params.navigation.hiddenClass)}}));const h=()=>{t.$el.addClass(t.params.navigation.navigationDisabledClass),u()};Object.assign(t.navigation,{enable:()=>{t.$el.removeClass(t.params.navigation.navigationDisabledClass),p(),l()},disable:h,update:l,init:p,destroy:u})},function(e){let{swiper:t,extendParams:s,on:a,emit:i}=e;const r="swiper-pagination";let n;s({pagination:{el:null,bulletElement:"span",clickable:!1,hideOnClick:!1,renderBullet:null,renderProgressbar:null,renderFraction:null,renderCustom:null,progressbarOpposite:!1,type:"bullets",dynamicBullets:!1,dynamicMainBullets:1,formatFractionCurrent:e=>e,formatFractionTotal:e=>e,bulletClass:`${r}-bullet`,bulletActiveClass:`${r}-bullet-active`,modifierClass:`${r}-`,currentClass:`${r}-current`,totalClass:`${r}-total`,hiddenClass:`${r}-hidden`,progressbarFillClass:`${r}-progressbar-fill`,progressbarOppositeClass:`${r}-progressbar-opposite`,clickableClass:`${r}-clickable`,lockClass:`${r}-lock`,horizontalClass:`${r}-horizontal`,verticalClass:`${r}-vertical`,paginationDisabledClass:`${r}-disabled`}}),t.pagination={el:null,$el:null,bullets:[]};let l=0;function o(){return!t.params.pagination.el||!t.pagination.el||!t.pagination.$el||0===t.pagination.$el.length}function c(e,s){const{bulletActiveClass:a}=t.params.pagination;e[s]().addClass(`${a}-${s}`)[s]().addClass(`${a}-${s}-${s}`)}function p(){const e=t.rtl,s=t.params.pagination;if(o())return;const a=t.virtual&&t.params.virtual.enabled?t.virtual.slides.length:t.slides.length,r=t.pagination.$el;let p;const u=t.params.loop?Math.ceil((a-2*t.loopedSlides)/t.params.slidesPerGroup):t.snapGrid.length;if(t.params.loop?(p=Math.ceil((t.activeIndex-t.loopedSlides)/t.params.slidesPerGroup),p>a-1-2*t.loopedSlides&&(p-=a-2*t.loopedSlides),p>u-1&&(p-=u),p<0&&"bullets"!==t.params.paginationType&&(p=u+p)):p=void 0!==t.snapIndex?t.snapIndex:t.activeIndex||0,"bullets"===s.type&&t.pagination.bullets&&t.pagination.bullets.length>0){const a=t.pagination.bullets;let i,o,u;if(s.dynamicBullets&&(n=a.eq(0)[t.isHorizontal()?"outerWidth":"outerHeight"](!0),r.css(t.isHorizontal()?"width":"height",n*(s.dynamicMainBullets+4)+"px"),s.dynamicMainBullets>1&&void 0!==t.previousIndex&&(l+=p-(t.previousIndex-t.loopedSlides||0),l>s.dynamicMainBullets-1?l=s.dynamicMainBullets-1:l<0&&(l=0)),i=Math.max(p-l,0),o=i+(Math.min(a.length,s.dynamicMainBullets)-1),u=(o+i)/2),a.removeClass(["","-next","-next-next","-prev","-prev-prev","-main"].map((e=>`${s.bulletActiveClass}${e}`)).join(" ")),r.length>1)a.each((e=>{const t=d(e),a=t.index();a===p&&t.addClass(s.bulletActiveClass),s.dynamicBullets&&(a>=i&&a<=o&&t.addClass(`${s.bulletActiveClass}-main`),a===i&&c(t,"prev"),a===o&&c(t,"next"))}));else{const e=a.eq(p),r=e.index();if(e.addClass(s.bulletActiveClass),s.dynamicBullets){const e=a.eq(i),n=a.eq(o);for(let e=i;e<=o;e+=1)a.eq(e).addClass(`${s.bulletActiveClass}-main`);if(t.params.loop)if(r>=a.length){for(let e=s.dynamicMainBullets;e>=0;e-=1)a.eq(a.length-e).addClass(`${s.bulletActiveClass}-main`);a.eq(a.length-s.dynamicMainBullets-1).addClass(`${s.bulletActiveClass}-prev`)}else c(e,"prev"),c(n,"next");else c(e,"prev"),c(n,"next")}}if(s.dynamicBullets){const i=Math.min(a.length,s.dynamicMainBullets+4),r=(n*i-n)/2-u*n,l=e?"right":"left";a.css(t.isHorizontal()?l:"top",`${r}px`)}}if("fraction"===s.type&&(r.find(U(s.currentClass)).text(s.formatFractionCurrent(p+1)),r.find(U(s.totalClass)).text(s.formatFractionTotal(u))),"progressbar"===s.type){let e;e=s.progressbarOpposite?t.isHorizontal()?"vertical":"horizontal":t.isHorizontal()?"horizontal":"vertical";const a=(p+1)/u;let i=1,n=1;"horizontal"===e?i=a:n=a,r.find(U(s.progressbarFillClass)).transform(`translate3d(0,0,0) scaleX(${i}) scaleY(${n})`).transition(t.params.speed)}"custom"===s.type&&s.renderCustom?(r.html(s.renderCustom(t,p+1,u)),i("paginationRender",r[0])):i("paginationUpdate",r[0]),t.params.watchOverflow&&t.enabled&&r[t.isLocked?"addClass":"removeClass"](s.lockClass)}function u(){const e=t.params.pagination;if(o())return;const s=t.virtual&&t.params.virtual.enabled?t.virtual.slides.length:t.slides.length,a=t.pagination.$el;let r="";if("bullets"===e.type){let i=t.params.loop?Math.ceil((s-2*t.loopedSlides)/t.params.slidesPerGroup):t.snapGrid.length;t.params.freeMode&&t.params.freeMode.enabled&&!t.params.loop&&i>s&&(i=s);for(let s=0;s`;a.html(r),t.pagination.bullets=a.find(U(e.bulletClass))}"fraction"===e.type&&(r=e.renderFraction?e.renderFraction.call(t,e.currentClass,e.totalClass):` / `,a.html(r)),"progressbar"===e.type&&(r=e.renderProgressbar?e.renderProgressbar.call(t,e.progressbarFillClass):``,a.html(r)),"custom"!==e.type&&i("paginationRender",t.pagination.$el[0])}function h(){t.params.pagination=F(t,t.originalParams.pagination,t.params.pagination,{el:"swiper-pagination"});const e=t.params.pagination;if(!e.el)return;let s=d(e.el);0!==s.length&&(t.params.uniqueNavElements&&"string"==typeof e.el&&s.length>1&&(s=t.$el.find(e.el),s.length>1&&(s=s.filter((e=>d(e).parents(".swiper")[0]===t.el)))),"bullets"===e.type&&e.clickable&&s.addClass(e.clickableClass),s.addClass(e.modifierClass+e.type),s.addClass(t.isHorizontal()?e.horizontalClass:e.verticalClass),"bullets"===e.type&&e.dynamicBullets&&(s.addClass(`${e.modifierClass}${e.type}-dynamic`),l=0,e.dynamicMainBullets<1&&(e.dynamicMainBullets=1)),"progressbar"===e.type&&e.progressbarOpposite&&s.addClass(e.progressbarOppositeClass),e.clickable&&s.on("click",U(e.bulletClass),(function(e){e.preventDefault();let s=d(this).index()*t.params.slidesPerGroup;t.params.loop&&(s+=t.loopedSlides),t.slideTo(s)})),Object.assign(t.pagination,{$el:s,el:s[0]}),t.enabled||s.addClass(e.lockClass))}function m(){const e=t.params.pagination;if(o())return;const s=t.pagination.$el;s.removeClass(e.hiddenClass),s.removeClass(e.modifierClass+e.type),s.removeClass(t.isHorizontal()?e.horizontalClass:e.verticalClass),t.pagination.bullets&&t.pagination.bullets.removeClass&&t.pagination.bullets.removeClass(e.bulletActiveClass),e.clickable&&s.off("click",U(e.bulletClass))}a("init",(()=>{!1===t.params.pagination.enabled?f():(h(),u(),p())})),a("activeIndexChange",(()=>{(t.params.loop||void 0===t.snapIndex)&&p()})),a("snapIndexChange",(()=>{t.params.loop||p()})),a("slidesLengthChange",(()=>{t.params.loop&&(u(),p())})),a("snapGridLengthChange",(()=>{t.params.loop||(u(),p())})),a("destroy",(()=>{m()})),a("enable disable",(()=>{const{$el:e}=t.pagination;e&&e[t.enabled?"removeClass":"addClass"](t.params.pagination.lockClass)})),a("lock unlock",(()=>{p()})),a("click",((e,s)=>{const a=s.target,{$el:r}=t.pagination;if(t.params.pagination.el&&t.params.pagination.hideOnClick&&r&&r.length>0&&!d(a).hasClass(t.params.pagination.bulletClass)){if(t.navigation&&(t.navigation.nextEl&&a===t.navigation.nextEl||t.navigation.prevEl&&a===t.navigation.prevEl))return;const e=r.hasClass(t.params.pagination.hiddenClass);i(!0===e?"paginationShow":"paginationHide"),r.toggleClass(t.params.pagination.hiddenClass)}}));const f=()=>{t.$el.addClass(t.params.pagination.paginationDisabledClass),t.pagination.$el&&t.pagination.$el.addClass(t.params.pagination.paginationDisabledClass),m()};Object.assign(t.pagination,{enable:()=>{t.$el.removeClass(t.params.pagination.paginationDisabledClass),t.pagination.$el&&t.pagination.$el.removeClass(t.params.pagination.paginationDisabledClass),h(),u(),p()},disable:f,render:u,update:p,init:h,destroy:m})},function(e){let{swiper:t,extendParams:s,on:i,emit:r}=e;const n=a();let l,o,c,u,h=!1,m=null,f=null;function g(){if(!t.params.scrollbar.el||!t.scrollbar.el)return;const{scrollbar:e,rtlTranslate:s,progress:a}=t,{$dragEl:i,$el:r}=e,n=t.params.scrollbar;let l=o,d=(c-o)*a;s?(d=-d,d>0?(l=o-d,d=0):-d+o>c&&(l=c+d)):d<0?(l=o+d,d=0):d+o>c&&(l=c-d),t.isHorizontal()?(i.transform(`translate3d(${d}px, 0, 0)`),i[0].style.width=`${l}px`):(i.transform(`translate3d(0px, ${d}px, 0)`),i[0].style.height=`${l}px`),n.hide&&(clearTimeout(m),r[0].style.opacity=1,m=setTimeout((()=>{r[0].style.opacity=0,r.transition(400)}),1e3))}function v(){if(!t.params.scrollbar.el||!t.scrollbar.el)return;const{scrollbar:e}=t,{$dragEl:s,$el:a}=e;s[0].style.width="",s[0].style.height="",c=t.isHorizontal()?a[0].offsetWidth:a[0].offsetHeight,u=t.size/(t.virtualSize+t.params.slidesOffsetBefore-(t.params.centeredSlides?t.snapGrid[0]:0)),o="auto"===t.params.scrollbar.dragSize?c*u:parseInt(t.params.scrollbar.dragSize,10),t.isHorizontal()?s[0].style.width=`${o}px`:s[0].style.height=`${o}px`,a[0].style.display=u>=1?"none":"",t.params.scrollbar.hide&&(a[0].style.opacity=0),t.params.watchOverflow&&t.enabled&&e.$el[t.isLocked?"addClass":"removeClass"](t.params.scrollbar.lockClass)}function w(e){return t.isHorizontal()?"touchstart"===e.type||"touchmove"===e.type?e.targetTouches[0].clientX:e.clientX:"touchstart"===e.type||"touchmove"===e.type?e.targetTouches[0].clientY:e.clientY}function b(e){const{scrollbar:s,rtlTranslate:a}=t,{$el:i}=s;let r;r=(w(e)-i.offset()[t.isHorizontal()?"left":"top"]-(null!==l?l:o/2))/(c-o),r=Math.max(Math.min(r,1),0),a&&(r=1-r);const n=t.minTranslate()+(t.maxTranslate()-t.minTranslate())*r;t.updateProgress(n),t.setTranslate(n),t.updateActiveIndex(),t.updateSlidesClasses()}function x(e){const s=t.params.scrollbar,{scrollbar:a,$wrapperEl:i}=t,{$el:n,$dragEl:o}=a;h=!0,l=e.target===o[0]||e.target===o?w(e)-e.target.getBoundingClientRect()[t.isHorizontal()?"left":"top"]:null,e.preventDefault(),e.stopPropagation(),i.transition(100),o.transition(100),b(e),clearTimeout(f),n.transition(0),s.hide&&n.css("opacity",1),t.params.cssMode&&t.$wrapperEl.css("scroll-snap-type","none"),r("scrollbarDragStart",e)}function y(e){const{scrollbar:s,$wrapperEl:a}=t,{$el:i,$dragEl:n}=s;h&&(e.preventDefault?e.preventDefault():e.returnValue=!1,b(e),a.transition(0),i.transition(0),n.transition(0),r("scrollbarDragMove",e))}function E(e){const s=t.params.scrollbar,{scrollbar:a,$wrapperEl:i}=t,{$el:n}=a;h&&(h=!1,t.params.cssMode&&(t.$wrapperEl.css("scroll-snap-type",""),i.transition("")),s.hide&&(clearTimeout(f),f=p((()=>{n.css("opacity",0),n.transition(400)}),1e3)),r("scrollbarDragEnd",e),s.snapOnRelease&&t.slideToClosest())}function C(e){const{scrollbar:s,touchEventsTouch:a,touchEventsDesktop:i,params:r,support:l}=t,o=s.$el;if(!o)return;const d=o[0],c=!(!l.passiveListener||!r.passiveListeners)&&{passive:!1,capture:!1},p=!(!l.passiveListener||!r.passiveListeners)&&{passive:!0,capture:!1};if(!d)return;const u="on"===e?"addEventListener":"removeEventListener";l.touch?(d[u](a.start,x,c),d[u](a.move,y,c),d[u](a.end,E,p)):(d[u](i.start,x,c),n[u](i.move,y,c),n[u](i.end,E,p))}function T(){const{scrollbar:e,$el:s}=t;t.params.scrollbar=F(t,t.originalParams.scrollbar,t.params.scrollbar,{el:"swiper-scrollbar"});const a=t.params.scrollbar;if(!a.el)return;let i=d(a.el);t.params.uniqueNavElements&&"string"==typeof a.el&&i.length>1&&1===s.find(a.el).length&&(i=s.find(a.el)),i.addClass(t.isHorizontal()?a.horizontalClass:a.verticalClass);let r=i.find(`.${t.params.scrollbar.dragClass}`);0===r.length&&(r=d(`
`),i.append(r)),Object.assign(e,{$el:i,el:i[0],$dragEl:r,dragEl:r[0]}),a.draggable&&t.params.scrollbar.el&&t.scrollbar.el&&C("on"),i&&i[t.enabled?"removeClass":"addClass"](t.params.scrollbar.lockClass)}function $(){const e=t.params.scrollbar,s=t.scrollbar.$el;s&&s.removeClass(t.isHorizontal()?e.horizontalClass:e.verticalClass),t.params.scrollbar.el&&t.scrollbar.el&&C("off")}s({scrollbar:{el:null,dragSize:"auto",hide:!1,draggable:!1,snapOnRelease:!0,lockClass:"swiper-scrollbar-lock",dragClass:"swiper-scrollbar-drag",scrollbarDisabledClass:"swiper-scrollbar-disabled",horizontalClass:"swiper-scrollbar-horizontal",verticalClass:"swiper-scrollbar-vertical"}}),t.scrollbar={el:null,dragEl:null,$el:null,$dragEl:null},i("init",(()=>{!1===t.params.scrollbar.enabled?S():(T(),v(),g())})),i("update resize observerUpdate lock unlock",(()=>{v()})),i("setTranslate",(()=>{g()})),i("setTransition",((e,s)=>{!function(e){t.params.scrollbar.el&&t.scrollbar.el&&t.scrollbar.$dragEl.transition(e)}(s)})),i("enable disable",(()=>{const{$el:e}=t.scrollbar;e&&e[t.enabled?"removeClass":"addClass"](t.params.scrollbar.lockClass)})),i("destroy",(()=>{$()}));const S=()=>{t.$el.addClass(t.params.scrollbar.scrollbarDisabledClass),t.scrollbar.$el&&t.scrollbar.$el.addClass(t.params.scrollbar.scrollbarDisabledClass),$()};Object.assign(t.scrollbar,{enable:()=>{t.$el.removeClass(t.params.scrollbar.scrollbarDisabledClass),t.scrollbar.$el&&t.scrollbar.$el.removeClass(t.params.scrollbar.scrollbarDisabledClass),T(),v(),g()},disable:S,updateSize:v,setTranslate:g,init:T,destroy:$})},function(e){let{swiper:t,extendParams:s,on:a}=e;s({parallax:{enabled:!1}});const i=(e,s)=>{const{rtl:a}=t,i=d(e),r=a?-1:1,n=i.attr("data-swiper-parallax")||"0";let l=i.attr("data-swiper-parallax-x"),o=i.attr("data-swiper-parallax-y");const c=i.attr("data-swiper-parallax-scale"),p=i.attr("data-swiper-parallax-opacity");if(l||o?(l=l||"0",o=o||"0"):t.isHorizontal()?(l=n,o="0"):(o=n,l="0"),l=l.indexOf("%")>=0?parseInt(l,10)*s*r+"%":l*s*r+"px",o=o.indexOf("%")>=0?parseInt(o,10)*s+"%":o*s+"px",null!=p){const e=p-(p-1)*(1-Math.abs(s));i[0].style.opacity=e}if(null==c)i.transform(`translate3d(${l}, ${o}, 0px)`);else{const e=c-(c-1)*(1-Math.abs(s));i.transform(`translate3d(${l}, ${o}, 0px) scale(${e})`)}},r=()=>{const{$el:e,slides:s,progress:a,snapGrid:r}=t;e.children("[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y], [data-swiper-parallax-opacity], [data-swiper-parallax-scale]").each((e=>{i(e,a)})),s.each(((e,s)=>{let n=e.progress;t.params.slidesPerGroup>1&&"auto"!==t.params.slidesPerView&&(n+=Math.ceil(s/2)-a*(r.length-1)),n=Math.min(Math.max(n,-1),1),d(e).find("[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y], [data-swiper-parallax-opacity], [data-swiper-parallax-scale]").each((e=>{i(e,n)}))}))};a("beforeInit",(()=>{t.params.parallax.enabled&&(t.params.watchSlidesProgress=!0,t.originalParams.watchSlidesProgress=!0)})),a("init",(()=>{t.params.parallax.enabled&&r()})),a("setTranslate",(()=>{t.params.parallax.enabled&&r()})),a("setTransition",((e,s)=>{t.params.parallax.enabled&&function(e){void 0===e&&(e=t.params.speed);const{$el:s}=t;s.find("[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y], [data-swiper-parallax-opacity], [data-swiper-parallax-scale]").each((t=>{const s=d(t);let a=parseInt(s.attr("data-swiper-parallax-duration"),10)||e;0===e&&(a=0),s.transition(a)}))}(s)}))},function(e){let{swiper:t,extendParams:s,on:a,emit:i}=e;const n=r();s({zoom:{enabled:!1,maxRatio:3,minRatio:1,toggle:!0,containerClass:"swiper-zoom-container",zoomedSlideClass:"swiper-slide-zoomed"}}),t.zoom={enabled:!1};let l,o,c,p=1,u=!1;const m={$slideEl:void 0,slideWidth:void 0,slideHeight:void 0,$imageEl:void 0,$imageWrapEl:void 0,maxRatio:3},f={isTouched:void 0,isMoved:void 0,currentX:void 0,currentY:void 0,minX:void 0,minY:void 0,maxX:void 0,maxY:void 0,width:void 0,height:void 0,startX:void 0,startY:void 0,touchesStart:{},touchesCurrent:{}},g={x:void 0,y:void 0,prevPositionX:void 0,prevPositionY:void 0,prevTime:void 0};let v=1;function w(e){if(e.targetTouches.length<2)return 1;const t=e.targetTouches[0].pageX,s=e.targetTouches[0].pageY,a=e.targetTouches[1].pageX,i=e.targetTouches[1].pageY;return Math.sqrt((a-t)**2+(i-s)**2)}function b(e){const s=t.support,a=t.params.zoom;if(o=!1,c=!1,!s.gestures){if("touchstart"!==e.type||"touchstart"===e.type&&e.targetTouches.length<2)return;o=!0,m.scaleStart=w(e)}m.$slideEl&&m.$slideEl.length||(m.$slideEl=d(e.target).closest(`.${t.params.slideClass}`),0===m.$slideEl.length&&(m.$slideEl=t.slides.eq(t.activeIndex)),m.$imageEl=m.$slideEl.find(`.${a.containerClass}`).eq(0).find("picture, img, svg, canvas, .swiper-zoom-target").eq(0),m.$imageWrapEl=m.$imageEl.parent(`.${a.containerClass}`),m.maxRatio=m.$imageWrapEl.attr("data-swiper-zoom")||a.maxRatio,0!==m.$imageWrapEl.length)?(m.$imageEl&&m.$imageEl.transition(0),u=!0):m.$imageEl=void 0}function x(e){const s=t.support,a=t.params.zoom,i=t.zoom;if(!s.gestures){if("touchmove"!==e.type||"touchmove"===e.type&&e.targetTouches.length<2)return;c=!0,m.scaleMove=w(e)}m.$imageEl&&0!==m.$imageEl.length?(s.gestures?i.scale=e.scale*p:i.scale=m.scaleMove/m.scaleStart*p,i.scale>m.maxRatio&&(i.scale=m.maxRatio-1+(i.scale-m.maxRatio+1)**.5),i.scalef.touchesStart.x))return void(f.isTouched=!1);if(!t.isHorizontal()&&(Math.floor(f.minY)===Math.floor(f.startY)&&f.touchesCurrent.yf.touchesStart.y))return void(f.isTouched=!1)}e.cancelable&&e.preventDefault(),e.stopPropagation(),f.isMoved=!0,f.currentX=f.touchesCurrent.x-f.touchesStart.x+f.startX,f.currentY=f.touchesCurrent.y-f.touchesStart.y+f.startY,f.currentXf.maxX&&(f.currentX=f.maxX-1+(f.currentX-f.maxX+1)**.8),f.currentYf.maxY&&(f.currentY=f.maxY-1+(f.currentY-f.maxY+1)**.8),g.prevPositionX||(g.prevPositionX=f.touchesCurrent.x),g.prevPositionY||(g.prevPositionY=f.touchesCurrent.y),g.prevTime||(g.prevTime=Date.now()),g.x=(f.touchesCurrent.x-g.prevPositionX)/(Date.now()-g.prevTime)/2,g.y=(f.touchesCurrent.y-g.prevPositionY)/(Date.now()-g.prevTime)/2,Math.abs(f.touchesCurrent.x-g.prevPositionX)<2&&(g.x=0),Math.abs(f.touchesCurrent.y-g.prevPositionY)<2&&(g.y=0),g.prevPositionX=f.touchesCurrent.x,g.prevPositionY=f.touchesCurrent.y,g.prevTime=Date.now(),m.$imageWrapEl.transform(`translate3d(${f.currentX}px, ${f.currentY}px,0)`)}}function C(){const e=t.zoom;m.$slideEl&&t.previousIndex!==t.activeIndex&&(m.$imageEl&&m.$imageEl.transform("translate3d(0,0,0) scale(1)"),m.$imageWrapEl&&m.$imageWrapEl.transform("translate3d(0,0,0)"),e.scale=1,p=1,m.$slideEl=void 0,m.$imageEl=void 0,m.$imageWrapEl=void 0)}function T(e){const s=t.zoom,a=t.params.zoom;if(m.$slideEl||(e&&e.target&&(m.$slideEl=d(e.target).closest(`.${t.params.slideClass}`)),m.$slideEl||(t.params.virtual&&t.params.virtual.enabled&&t.virtual?m.$slideEl=t.$wrapperEl.children(`.${t.params.slideActiveClass}`):m.$slideEl=t.slides.eq(t.activeIndex)),m.$imageEl=m.$slideEl.find(`.${a.containerClass}`).eq(0).find("picture, img, svg, canvas, .swiper-zoom-target").eq(0),m.$imageWrapEl=m.$imageEl.parent(`.${a.containerClass}`)),!m.$imageEl||0===m.$imageEl.length||!m.$imageWrapEl||0===m.$imageWrapEl.length)return;let i,r,l,o,c,u,h,g,v,w,b,x,y,E,C,T,$,S;t.params.cssMode&&(t.wrapperEl.style.overflow="hidden",t.wrapperEl.style.touchAction="none"),m.$slideEl.addClass(`${a.zoomedSlideClass}`),void 0===f.touchesStart.x&&e?(i="touchend"===e.type?e.changedTouches[0].pageX:e.pageX,r="touchend"===e.type?e.changedTouches[0].pageY:e.pageY):(i=f.touchesStart.x,r=f.touchesStart.y),s.scale=m.$imageWrapEl.attr("data-swiper-zoom")||a.maxRatio,p=m.$imageWrapEl.attr("data-swiper-zoom")||a.maxRatio,e?($=m.$slideEl[0].offsetWidth,S=m.$slideEl[0].offsetHeight,l=m.$slideEl.offset().left+n.scrollX,o=m.$slideEl.offset().top+n.scrollY,c=l+$/2-i,u=o+S/2-r,v=m.$imageEl[0].offsetWidth,w=m.$imageEl[0].offsetHeight,b=v*s.scale,x=w*s.scale,y=Math.min($/2-b/2,0),E=Math.min(S/2-x/2,0),C=-y,T=-E,h=c*s.scale,g=u*s.scale,hC&&(h=C),gT&&(g=T)):(h=0,g=0),m.$imageWrapEl.transition(300).transform(`translate3d(${h}px, ${g}px,0)`),m.$imageEl.transition(300).transform(`translate3d(0,0,0) scale(${s.scale})`)}function $(){const e=t.zoom,s=t.params.zoom;m.$slideEl||(t.params.virtual&&t.params.virtual.enabled&&t.virtual?m.$slideEl=t.$wrapperEl.children(`.${t.params.slideActiveClass}`):m.$slideEl=t.slides.eq(t.activeIndex),m.$imageEl=m.$slideEl.find(`.${s.containerClass}`).eq(0).find("picture, img, svg, canvas, .swiper-zoom-target").eq(0),m.$imageWrapEl=m.$imageEl.parent(`.${s.containerClass}`)),m.$imageEl&&0!==m.$imageEl.length&&m.$imageWrapEl&&0!==m.$imageWrapEl.length&&(t.params.cssMode&&(t.wrapperEl.style.overflow="",t.wrapperEl.style.touchAction=""),e.scale=1,p=1,m.$imageWrapEl.transition(300).transform("translate3d(0,0,0)"),m.$imageEl.transition(300).transform("translate3d(0,0,0) scale(1)"),m.$slideEl.removeClass(`${s.zoomedSlideClass}`),m.$slideEl=void 0)}function S(e){const s=t.zoom;s.scale&&1!==s.scale?$():T(e)}function M(){const e=t.support;return{passiveListener:!("touchstart"!==t.touchEvents.start||!e.passiveListener||!t.params.passiveListeners)&&{passive:!0,capture:!1},activeListenerWithCapture:!e.passiveListener||{passive:!1,capture:!0}}}function P(){return`.${t.params.slideClass}`}function k(e){const{passiveListener:s}=M(),a=P();t.$wrapperEl[e]("gesturestart",a,b,s),t.$wrapperEl[e]("gesturechange",a,x,s),t.$wrapperEl[e]("gestureend",a,y,s)}function z(){l||(l=!0,k("on"))}function L(){l&&(l=!1,k("off"))}function O(){const e=t.zoom;if(e.enabled)return;e.enabled=!0;const s=t.support,{passiveListener:a,activeListenerWithCapture:i}=M(),r=P();s.gestures?(t.$wrapperEl.on(t.touchEvents.start,z,a),t.$wrapperEl.on(t.touchEvents.end,L,a)):"touchstart"===t.touchEvents.start&&(t.$wrapperEl.on(t.touchEvents.start,r,b,a),t.$wrapperEl.on(t.touchEvents.move,r,x,i),t.$wrapperEl.on(t.touchEvents.end,r,y,a),t.touchEvents.cancel&&t.$wrapperEl.on(t.touchEvents.cancel,r,y,a)),t.$wrapperEl.on(t.touchEvents.move,`.${t.params.zoom.containerClass}`,E,i)}function I(){const e=t.zoom;if(!e.enabled)return;const s=t.support;e.enabled=!1;const{passiveListener:a,activeListenerWithCapture:i}=M(),r=P();s.gestures?(t.$wrapperEl.off(t.touchEvents.start,z,a),t.$wrapperEl.off(t.touchEvents.end,L,a)):"touchstart"===t.touchEvents.start&&(t.$wrapperEl.off(t.touchEvents.start,r,b,a),t.$wrapperEl.off(t.touchEvents.move,r,x,i),t.$wrapperEl.off(t.touchEvents.end,r,y,a),t.touchEvents.cancel&&t.$wrapperEl.off(t.touchEvents.cancel,r,y,a)),t.$wrapperEl.off(t.touchEvents.move,`.${t.params.zoom.containerClass}`,E,i)}Object.defineProperty(t.zoom,"scale",{get:()=>v,set(e){if(v!==e){const t=m.$imageEl?m.$imageEl[0]:void 0,s=m.$slideEl?m.$slideEl[0]:void 0;i("zoomChange",e,t,s)}v=e}}),a("init",(()=>{t.params.zoom.enabled&&O()})),a("destroy",(()=>{I()})),a("touchStart",((e,s)=>{t.zoom.enabled&&function(e){const s=t.device;m.$imageEl&&0!==m.$imageEl.length&&(f.isTouched||(s.android&&e.cancelable&&e.preventDefault(),f.isTouched=!0,f.touchesStart.x="touchstart"===e.type?e.targetTouches[0].pageX:e.pageX,f.touchesStart.y="touchstart"===e.type?e.targetTouches[0].pageY:e.pageY))}(s)})),a("touchEnd",((e,s)=>{t.zoom.enabled&&function(){const e=t.zoom;if(!m.$imageEl||0===m.$imageEl.length)return;if(!f.isTouched||!f.isMoved)return f.isTouched=!1,void(f.isMoved=!1);f.isTouched=!1,f.isMoved=!1;let s=300,a=300;const i=g.x*s,r=f.currentX+i,n=g.y*a,l=f.currentY+n;0!==g.x&&(s=Math.abs((r-f.currentX)/g.x)),0!==g.y&&(a=Math.abs((l-f.currentY)/g.y));const o=Math.max(s,a);f.currentX=r,f.currentY=l;const d=f.width*e.scale,c=f.height*e.scale;f.minX=Math.min(m.slideWidth/2-d/2,0),f.maxX=-f.minX,f.minY=Math.min(m.slideHeight/2-c/2,0),f.maxY=-f.minY,f.currentX=Math.max(Math.min(f.currentX,f.maxX),f.minX),f.currentY=Math.max(Math.min(f.currentY,f.maxY),f.minY),m.$imageWrapEl.transition(o).transform(`translate3d(${f.currentX}px, ${f.currentY}px,0)`)}()})),a("doubleTap",((e,s)=>{!t.animating&&t.params.zoom.enabled&&t.zoom.enabled&&t.params.zoom.toggle&&S(s)})),a("transitionEnd",(()=>{t.zoom.enabled&&t.params.zoom.enabled&&C()})),a("slideChange",(()=>{t.zoom.enabled&&t.params.zoom.enabled&&t.params.cssMode&&C()})),Object.assign(t.zoom,{enable:O,disable:I,in:T,out:$,toggle:S})},function(e){let{swiper:t,extendParams:s,on:a,emit:i}=e;s({lazy:{checkInView:!1,enabled:!1,loadPrevNext:!1,loadPrevNextAmount:1,loadOnTransitionStart:!1,scrollingElement:"",elementClass:"swiper-lazy",loadingClass:"swiper-lazy-loading",loadedClass:"swiper-lazy-loaded",preloaderClass:"swiper-lazy-preloader"}}),t.lazy={};let n=!1,l=!1;function o(e,s){void 0===s&&(s=!0);const a=t.params.lazy;if(void 0===e)return;if(0===t.slides.length)return;const r=t.virtual&&t.params.virtual.enabled?t.$wrapperEl.children(`.${t.params.slideClass}[data-swiper-slide-index="${e}"]`):t.slides.eq(e),n=r.find(`.${a.elementClass}:not(.${a.loadedClass}):not(.${a.loadingClass})`);!r.hasClass(a.elementClass)||r.hasClass(a.loadedClass)||r.hasClass(a.loadingClass)||n.push(r[0]),0!==n.length&&n.each((e=>{const n=d(e);n.addClass(a.loadingClass);const l=n.attr("data-background"),c=n.attr("data-src"),p=n.attr("data-srcset"),u=n.attr("data-sizes"),h=n.parent("picture");t.loadImage(n[0],c||l,p,u,!1,(()=>{if(null!=t&&t&&(!t||t.params)&&!t.destroyed){if(l?(n.css("background-image",`url("${l}")`),n.removeAttr("data-background")):(p&&(n.attr("srcset",p),n.removeAttr("data-srcset")),u&&(n.attr("sizes",u),n.removeAttr("data-sizes")),h.length&&h.children("source").each((e=>{const t=d(e);t.attr("data-srcset")&&(t.attr("srcset",t.attr("data-srcset")),t.removeAttr("data-srcset"))})),c&&(n.attr("src",c),n.removeAttr("data-src"))),n.addClass(a.loadedClass).removeClass(a.loadingClass),r.find(`.${a.preloaderClass}`).remove(),t.params.loop&&s){const e=r.attr("data-swiper-slide-index");if(r.hasClass(t.params.slideDuplicateClass)){o(t.$wrapperEl.children(`[data-swiper-slide-index="${e}"]:not(.${t.params.slideDuplicateClass})`).index(),!1)}else{o(t.$wrapperEl.children(`.${t.params.slideDuplicateClass}[data-swiper-slide-index="${e}"]`).index(),!1)}}i("lazyImageReady",r[0],n[0]),t.params.autoHeight&&t.updateAutoHeight()}})),i("lazyImageLoad",r[0],n[0])}))}function c(){const{$wrapperEl:e,params:s,slides:a,activeIndex:i}=t,r=t.virtual&&s.virtual.enabled,n=s.lazy;let c=s.slidesPerView;function p(t){if(r){if(e.children(`.${s.slideClass}[data-swiper-slide-index="${t}"]`).length)return!0}else if(a[t])return!0;return!1}function u(e){return r?d(e).attr("data-swiper-slide-index"):d(e).index()}if("auto"===c&&(c=0),l||(l=!0),t.params.watchSlidesProgress)e.children(`.${s.slideVisibleClass}`).each((e=>{o(r?d(e).attr("data-swiper-slide-index"):d(e).index())}));else if(c>1)for(let e=i;e1||n.loadPrevNextAmount&&n.loadPrevNextAmount>1){const e=n.loadPrevNextAmount,t=Math.ceil(c),s=Math.min(i+t+Math.max(e,t),a.length),r=Math.max(i-Math.max(t,e),0);for(let e=i+t;e0&&o(u(t));const a=e.children(`.${s.slidePrevClass}`);a.length>0&&o(u(a))}}function p(){const e=r();if(!t||t.destroyed)return;const s=t.params.lazy.scrollingElement?d(t.params.lazy.scrollingElement):d(e),a=s[0]===e,i=a?e.innerWidth:s[0].offsetWidth,l=a?e.innerHeight:s[0].offsetHeight,o=t.$el.offset(),{rtlTranslate:u}=t;let h=!1;u&&(o.left-=t.$el[0].scrollLeft);const m=[[o.left,o.top],[o.left+t.width,o.top],[o.left,o.top+t.height],[o.left+t.width,o.top+t.height]];for(let e=0;e=0&&t[0]<=i&&t[1]>=0&&t[1]<=l){if(0===t[0]&&0===t[1])continue;h=!0}}const f=!("touchstart"!==t.touchEvents.start||!t.support.passiveListener||!t.params.passiveListeners)&&{passive:!0,capture:!1};h?(c(),s.off("scroll",p,f)):n||(n=!0,s.on("scroll",p,f))}a("beforeInit",(()=>{t.params.lazy.enabled&&t.params.preloadImages&&(t.params.preloadImages=!1)})),a("init",(()=>{t.params.lazy.enabled&&(t.params.lazy.checkInView?p():c())})),a("scroll",(()=>{t.params.freeMode&&t.params.freeMode.enabled&&!t.params.freeMode.sticky&&c()})),a("scrollbarDragMove resize _freeModeNoMomentumRelease",(()=>{t.params.lazy.enabled&&(t.params.lazy.checkInView?p():c())})),a("transitionStart",(()=>{t.params.lazy.enabled&&(t.params.lazy.loadOnTransitionStart||!t.params.lazy.loadOnTransitionStart&&!l)&&(t.params.lazy.checkInView?p():c())})),a("transitionEnd",(()=>{t.params.lazy.enabled&&!t.params.lazy.loadOnTransitionStart&&(t.params.lazy.checkInView?p():c())})),a("slideChange",(()=>{const{lazy:e,cssMode:s,watchSlidesProgress:a,touchReleaseOnEdges:i,resistanceRatio:r}=t.params;e.enabled&&(s||a&&(i||0===r))&&c()})),a("destroy",(()=>{t.$el&&t.$el.find(`.${t.params.lazy.loadingClass}`).removeClass(t.params.lazy.loadingClass)})),Object.assign(t.lazy,{load:c,loadInSlide:o})},function(e){let{swiper:t,extendParams:s,on:a}=e;function i(e,t){const s=function(){let e,t,s;return(a,i)=>{for(t=-1,e=a.length;e-t>1;)s=e+t>>1,a[s]<=i?t=s:e=s;return e}}();let a,i;return this.x=e,this.y=t,this.lastIndex=e.length-1,this.interpolate=function(e){return e?(i=s(this.x,e),a=i-1,(e-this.x[a])*(this.y[i]-this.y[a])/(this.x[i]-this.x[a])+this.y[a]):0},this}function r(){t.controller.control&&t.controller.spline&&(t.controller.spline=void 0,delete t.controller.spline)}s({controller:{control:void 0,inverse:!1,by:"slide"}}),t.controller={control:void 0},a("beforeInit",(()=>{t.controller.control=t.params.controller.control})),a("update",(()=>{r()})),a("resize",(()=>{r()})),a("observerUpdate",(()=>{r()})),a("setTranslate",((e,s,a)=>{t.controller.control&&t.controller.setTranslate(s,a)})),a("setTransition",((e,s,a)=>{t.controller.control&&t.controller.setTransition(s,a)})),Object.assign(t.controller,{setTranslate:function(e,s){const a=t.controller.control;let r,n;const l=t.constructor;function o(e){const s=t.rtlTranslate?-t.translate:t.translate;"slide"===t.params.controller.by&&(!function(e){t.controller.spline||(t.controller.spline=t.params.loop?new i(t.slidesGrid,e.slidesGrid):new i(t.snapGrid,e.snapGrid))}(e),n=-t.controller.spline.interpolate(-s)),n&&"container"!==t.params.controller.by||(r=(e.maxTranslate()-e.minTranslate())/(t.maxTranslate()-t.minTranslate()),n=(s-t.minTranslate())*r+e.minTranslate()),t.params.controller.inverse&&(n=e.maxTranslate()-n),e.updateProgress(n),e.setTranslate(n,t),e.updateActiveIndex(),e.updateSlidesClasses()}if(Array.isArray(a))for(let e=0;e{s.updateAutoHeight()})),s.$wrapperEl.transitionEnd((()=>{i&&(s.params.loop&&"slide"===t.params.controller.by&&s.loopFix(),s.transitionEnd())})))}if(Array.isArray(i))for(r=0;r{n(e),"BUTTON"!==e[0].tagName&&(o(e,"button"),e.on("keydown",m)),p(e,s),function(e,t){e.attr("aria-controls",t)}(e,t)},w=()=>{t.a11y.clicked=!0},b=()=>{requestAnimationFrame((()=>{requestAnimationFrame((()=>{t.a11y.clicked=!1}))}))},x=e=>{if(t.a11y.clicked)return;const s=e.target.closest(`.${t.params.slideClass}`);if(!s||!t.slides.includes(s))return;const a=t.slides.indexOf(s)===t.activeIndex,i=t.params.watchSlidesProgress&&t.visibleSlides&&t.visibleSlides.includes(s);a||i||(t.isHorizontal()?t.el.scrollLeft=0:t.el.scrollTop=0,t.slideTo(t.slides.indexOf(s),0))},y=()=>{const e=t.params.a11y;e.itemRoleDescriptionMessage&&c(d(t.slides),e.itemRoleDescriptionMessage),e.slideRole&&o(d(t.slides),e.slideRole);const s=t.params.loop?t.slides.filter((e=>!e.classList.contains(t.params.slideDuplicateClass))).length:t.slides.length;e.slideLabelMessage&&t.slides.each(((a,i)=>{const r=d(a),n=t.params.loop?parseInt(r.attr("data-swiper-slide-index"),10):i;p(r,e.slideLabelMessage.replace(/\{\{index\}\}/,n+1).replace(/\{\{slidesLength\}\}/,s))}))},E=()=>{const e=t.params.a11y;t.$el.append(i);const s=t.$el;e.containerRoleDescriptionMessage&&c(s,e.containerRoleDescriptionMessage),e.containerMessage&&p(s,e.containerMessage);const a=t.$wrapperEl,r=e.id||a.attr("id")||`swiper-wrapper-${n=16,void 0===n&&(n=16),"x".repeat(n).replace(/x/g,(()=>Math.round(16*Math.random()).toString(16)))}`;var n;const l=t.params.autoplay&&t.params.autoplay.enabled?"off":"polite";var o;let d,u;o=r,a.attr("id",o),function(e,t){e.attr("aria-live",t)}(a,l),y(),t.navigation&&t.navigation.$nextEl&&(d=t.navigation.$nextEl),t.navigation&&t.navigation.$prevEl&&(u=t.navigation.$prevEl),d&&d.length&&v(d,r,e.nextSlideMessage),u&&u.length&&v(u,r,e.prevSlideMessage),g()&&t.pagination.$el.on("keydown",U(t.params.pagination.bulletClass),m),t.$el.on("focus",x,!0),t.$el.on("pointerdown",w,!0),t.$el.on("pointerup",b,!0)};a("beforeInit",(()=>{i=d(``)})),a("afterInit",(()=>{t.params.a11y.enabled&&E()})),a("slidesLengthChange snapGridLengthChange slidesGridLengthChange",(()=>{t.params.a11y.enabled&&y()})),a("fromEdge toEdge afterInit lock unlock",(()=>{t.params.a11y.enabled&&function(){if(t.params.loop||t.params.rewind||!t.navigation)return;const{$nextEl:e,$prevEl:s}=t.navigation;s&&s.length>0&&(t.isBeginning?(u(s),l(s)):(h(s),n(s))),e&&e.length>0&&(t.isEnd?(u(e),l(e)):(h(e),n(e)))}()})),a("paginationUpdate",(()=>{t.params.a11y.enabled&&function(){const e=t.params.a11y;f()&&t.pagination.bullets.each((s=>{const a=d(s);t.params.pagination.clickable&&(n(a),t.params.pagination.renderBullet||(o(a,"button"),p(a,e.paginationBulletMessage.replace(/\{\{index\}\}/,a.index()+1)))),a.is(`.${t.params.pagination.bulletActiveClass}`)?a.attr("aria-current","true"):a.removeAttr("aria-current")}))}()})),a("destroy",(()=>{t.params.a11y.enabled&&function(){let e,s;i&&i.length>0&&i.remove(),t.navigation&&t.navigation.$nextEl&&(e=t.navigation.$nextEl),t.navigation&&t.navigation.$prevEl&&(s=t.navigation.$prevEl),e&&e.off("keydown",m),s&&s.off("keydown",m),g()&&t.pagination.$el.off("keydown",U(t.params.pagination.bulletClass),m),t.$el.off("focus",x,!0),t.$el.off("pointerdown",w,!0),t.$el.off("pointerup",b,!0)}()}))},function(e){let{swiper:t,extendParams:s,on:a}=e;s({history:{enabled:!1,root:"",replaceState:!1,key:"slides",keepQuery:!1}});let i=!1,n={};const l=e=>e.toString().replace(/\s+/g,"-").replace(/[^\w-]+/g,"").replace(/--+/g,"-").replace(/^-+/,"").replace(/-+$/,""),o=e=>{const t=r();let s;s=e?new URL(e):t.location;const a=s.pathname.slice(1).split("/").filter((e=>""!==e)),i=a.length;return{key:a[i-2],value:a[i-1]}},d=(e,s)=>{const a=r();if(!i||!t.params.history.enabled)return;let n;n=t.params.url?new URL(t.params.url):a.location;const o=t.slides.eq(s);let d=l(o.attr("data-history"));if(t.params.history.root.length>0){let s=t.params.history.root;"/"===s[s.length-1]&&(s=s.slice(0,s.length-1)),d=`${s}/${e}/${d}`}else n.pathname.includes(e)||(d=`${e}/${d}`);t.params.history.keepQuery&&(d+=n.search);const c=a.history.state;c&&c.value===d||(t.params.history.replaceState?a.history.replaceState({value:d},null,d):a.history.pushState({value:d},null,d))},c=(e,s,a)=>{if(s)for(let i=0,r=t.slides.length;i{n=o(t.params.url),c(t.params.speed,n.value,!1)};a("init",(()=>{t.params.history.enabled&&(()=>{const e=r();if(t.params.history){if(!e.history||!e.history.pushState)return t.params.history.enabled=!1,void(t.params.hashNavigation.enabled=!0);i=!0,n=o(t.params.url),(n.key||n.value)&&(c(0,n.value,t.params.runCallbacksOnInit),t.params.history.replaceState||e.addEventListener("popstate",p))}})()})),a("destroy",(()=>{t.params.history.enabled&&(()=>{const e=r();t.params.history.replaceState||e.removeEventListener("popstate",p)})()})),a("transitionEnd _freeModeNoMomentumRelease",(()=>{i&&d(t.params.history.key,t.activeIndex)})),a("slideChange",(()=>{i&&t.params.cssMode&&d(t.params.history.key,t.activeIndex)}))},function(e){let{swiper:t,extendParams:s,emit:i,on:n}=e,l=!1;const o=a(),c=r();s({hashNavigation:{enabled:!1,replaceState:!1,watchState:!1}});const p=()=>{i("hashChange");const e=o.location.hash.replace("#","");if(e!==t.slides.eq(t.activeIndex).attr("data-hash")){const s=t.$wrapperEl.children(`.${t.params.slideClass}[data-hash="${e}"]`).index();if(void 0===s)return;t.slideTo(s)}},u=()=>{if(l&&t.params.hashNavigation.enabled)if(t.params.hashNavigation.replaceState&&c.history&&c.history.replaceState)c.history.replaceState(null,null,`#${t.slides.eq(t.activeIndex).attr("data-hash")}`||""),i("hashSet");else{const e=t.slides.eq(t.activeIndex),s=e.attr("data-hash")||e.attr("data-history");o.location.hash=s||"",i("hashSet")}};n("init",(()=>{t.params.hashNavigation.enabled&&(()=>{if(!t.params.hashNavigation.enabled||t.params.history&&t.params.history.enabled)return;l=!0;const e=o.location.hash.replace("#","");if(e){const s=0;for(let a=0,i=t.slides.length;a{t.params.hashNavigation.enabled&&t.params.hashNavigation.watchState&&d(c).off("hashchange",p)})),n("transitionEnd _freeModeNoMomentumRelease",(()=>{l&&u()})),n("slideChange",(()=>{l&&t.params.cssMode&&u()}))},function(e){let t,{swiper:s,extendParams:i,on:r,emit:n}=e;function l(){if(!s.size)return s.autoplay.running=!1,void(s.autoplay.paused=!1);const e=s.slides.eq(s.activeIndex);let a=s.params.autoplay.delay;e.attr("data-swiper-autoplay")&&(a=e.attr("data-swiper-autoplay")||s.params.autoplay.delay),clearTimeout(t),t=p((()=>{let e;s.params.autoplay.reverseDirection?s.params.loop?(s.loopFix(),e=s.slidePrev(s.params.speed,!0,!0),n("autoplay")):s.isBeginning?s.params.autoplay.stopOnLastSlide?d():(e=s.slideTo(s.slides.length-1,s.params.speed,!0,!0),n("autoplay")):(e=s.slidePrev(s.params.speed,!0,!0),n("autoplay")):s.params.loop?(s.loopFix(),e=s.slideNext(s.params.speed,!0,!0),n("autoplay")):s.isEnd?s.params.autoplay.stopOnLastSlide?d():(e=s.slideTo(0,s.params.speed,!0,!0),n("autoplay")):(e=s.slideNext(s.params.speed,!0,!0),n("autoplay")),(s.params.cssMode&&s.autoplay.running||!1===e)&&l()}),a)}function o(){return void 0===t&&(!s.autoplay.running&&(s.autoplay.running=!0,n("autoplayStart"),l(),!0))}function d(){return!!s.autoplay.running&&(void 0!==t&&(t&&(clearTimeout(t),t=void 0),s.autoplay.running=!1,n("autoplayStop"),!0))}function c(e){s.autoplay.running&&(s.autoplay.paused||(t&&clearTimeout(t),s.autoplay.paused=!0,0!==e&&s.params.autoplay.waitForTransition?["transitionend","webkitTransitionEnd"].forEach((e=>{s.$wrapperEl[0].addEventListener(e,h)})):(s.autoplay.paused=!1,l())))}function u(){const e=a();"hidden"===e.visibilityState&&s.autoplay.running&&c(),"visible"===e.visibilityState&&s.autoplay.paused&&(l(),s.autoplay.paused=!1)}function h(e){s&&!s.destroyed&&s.$wrapperEl&&e.target===s.$wrapperEl[0]&&(["transitionend","webkitTransitionEnd"].forEach((e=>{s.$wrapperEl[0].removeEventListener(e,h)})),s.autoplay.paused=!1,s.autoplay.running?l():d())}function m(){s.params.autoplay.disableOnInteraction?d():(n("autoplayPause"),c()),["transitionend","webkitTransitionEnd"].forEach((e=>{s.$wrapperEl[0].removeEventListener(e,h)}))}function f(){s.params.autoplay.disableOnInteraction||(s.autoplay.paused=!1,n("autoplayResume"),l())}s.autoplay={running:!1,paused:!1},i({autoplay:{enabled:!1,delay:3e3,waitForTransition:!0,disableOnInteraction:!0,stopOnLastSlide:!1,reverseDirection:!1,pauseOnMouseEnter:!1}}),r("init",(()=>{if(s.params.autoplay.enabled){o();a().addEventListener("visibilitychange",u),s.params.autoplay.pauseOnMouseEnter&&(s.$el.on("mouseenter",m),s.$el.on("mouseleave",f))}})),r("beforeTransitionStart",((e,t,a)=>{s.autoplay.running&&(a||!s.params.autoplay.disableOnInteraction?s.autoplay.pause(t):d())})),r("sliderFirstMove",(()=>{s.autoplay.running&&(s.params.autoplay.disableOnInteraction?d():c())})),r("touchEnd",(()=>{s.params.cssMode&&s.autoplay.paused&&!s.params.autoplay.disableOnInteraction&&l()})),r("destroy",(()=>{s.$el.off("mouseenter",m),s.$el.off("mouseleave",f),s.autoplay.running&&d();a().removeEventListener("visibilitychange",u)})),Object.assign(s.autoplay,{pause:c,run:l,start:o,stop:d})},function(e){let{swiper:t,extendParams:s,on:a}=e;s({thumbs:{swiper:null,multipleActiveThumbs:!0,autoScrollOffset:0,slideThumbActiveClass:"swiper-slide-thumb-active",thumbsContainerClass:"swiper-thumbs"}});let i=!1,r=!1;function n(){const e=t.thumbs.swiper;if(!e||e.destroyed)return;const s=e.clickedIndex,a=e.clickedSlide;if(a&&d(a).hasClass(t.params.thumbs.slideThumbActiveClass))return;if(null==s)return;let i;if(i=e.params.loop?parseInt(d(e.clickedSlide).attr("data-swiper-slide-index"),10):s,t.params.loop){let e=t.activeIndex;t.slides.eq(e).hasClass(t.params.slideDuplicateClass)&&(t.loopFix(),t._clientLeft=t.$wrapperEl[0].clientLeft,e=t.activeIndex);const s=t.slides.eq(e).prevAll(`[data-swiper-slide-index="${i}"]`).eq(0).index(),a=t.slides.eq(e).nextAll(`[data-swiper-slide-index="${i}"]`).eq(0).index();i=void 0===s?a:void 0===a?s:a-e1&&!t.params.centeredSlides&&(i=t.params.slidesPerView),t.params.thumbs.multipleActiveThumbs||(i=1),i=Math.floor(i),s.slides.removeClass(r),s.params.loop||s.params.virtual&&s.params.virtual.enabled)for(let e=0;e1?a:o:a-ot.previousIndex?"next":"prev"}else i=t.realIndex,r=i>t.previousIndex?"next":"prev";l&&(i+="next"===r?n:-1*n),s.visibleSlidesIndexes&&s.visibleSlidesIndexes.indexOf(i)<0&&(s.params.centeredSlides?i=i>o?i-Math.floor(a/2)+1:i+Math.floor(a/2)-1:i>o&&s.params.slidesPerGroup,s.slideTo(i,e?0:void 0))}}t.thumbs={swiper:null},a("beforeInit",(()=>{const{thumbs:e}=t.params;e&&e.swiper&&(l(),o(!0))})),a("slideChange update resize observerUpdate",(()=>{o()})),a("setTransition",((e,s)=>{const a=t.thumbs.swiper;a&&!a.destroyed&&a.setTransition(s)})),a("beforeDestroy",(()=>{const e=t.thumbs.swiper;e&&!e.destroyed&&r&&e.destroy()})),Object.assign(t.thumbs,{init:l,update:o})},function(e){let{swiper:t,extendParams:s,emit:a,once:i}=e;s({freeMode:{enabled:!1,momentum:!0,momentumRatio:1,momentumBounce:!0,momentumBounceRatio:1,momentumVelocityRatio:1,sticky:!1,minimumVelocity:.02}}),Object.assign(t,{freeMode:{onTouchStart:function(){const e=t.getTranslate();t.setTranslate(e),t.setTransition(0),t.touchEventsData.velocities.length=0,t.freeMode.onTouchEnd({currentPos:t.rtl?t.translate:-t.translate})},onTouchMove:function(){const{touchEventsData:e,touches:s}=t;0===e.velocities.length&&e.velocities.push({position:s[t.isHorizontal()?"startX":"startY"],time:e.touchStartTime}),e.velocities.push({position:s[t.isHorizontal()?"currentX":"currentY"],time:u()})},onTouchEnd:function(e){let{currentPos:s}=e;const{params:r,$wrapperEl:n,rtlTranslate:l,snapGrid:o,touchEventsData:d}=t,c=u()-d.touchStartTime;if(s<-t.minTranslate())t.slideTo(t.activeIndex);else if(s>-t.maxTranslate())t.slides.length1){const e=d.velocities.pop(),s=d.velocities.pop(),a=e.position-s.position,i=e.time-s.time;t.velocity=a/i,t.velocity/=2,Math.abs(t.velocity)150||u()-e.time>300)&&(t.velocity=0)}else t.velocity=0;t.velocity*=r.freeMode.momentumVelocityRatio,d.velocities.length=0;let e=1e3*r.freeMode.momentumRatio;const s=t.velocity*e;let c=t.translate+s;l&&(c=-c);let p,h=!1;const m=20*Math.abs(t.velocity)*r.freeMode.momentumBounceRatio;let f;if(ct.minTranslate())r.freeMode.momentumBounce?(c-t.minTranslate()>m&&(c=t.minTranslate()+m),p=t.minTranslate(),h=!0,d.allowMomentumBounce=!0):c=t.minTranslate(),r.loop&&r.centeredSlides&&(f=!0);else if(r.freeMode.sticky){let e;for(let t=0;t-c){e=t;break}c=Math.abs(o[e]-c){t.loopFix()})),0!==t.velocity){if(e=l?Math.abs((-c-t.translate)/t.velocity):Math.abs((c-t.translate)/t.velocity),r.freeMode.sticky){const s=Math.abs((l?-c:c)-t.translate),a=t.slidesSizesGrid[t.activeIndex];e=s{t&&!t.destroyed&&d.allowMomentumBounce&&(a("momentumBounce"),t.setTransition(r.speed),setTimeout((()=>{t.setTranslate(p),n.transitionEnd((()=>{t&&!t.destroyed&&t.transitionEnd()}))}),0))}))):t.velocity?(a("_freeModeNoMomentumRelease"),t.updateProgress(c),t.setTransition(e),t.setTranslate(c),t.transitionStart(!0,t.swipeDirection),t.animating||(t.animating=!0,n.transitionEnd((()=>{t&&!t.destroyed&&t.transitionEnd()})))):t.updateProgress(c),t.updateActiveIndex(),t.updateSlidesClasses()}else{if(r.freeMode.sticky)return void t.slideToClosest();r.freeMode&&a("_freeModeNoMomentumRelease")}(!r.freeMode.momentum||c>=r.longSwipesMs)&&(t.updateProgress(),t.updateActiveIndex(),t.updateSlidesClasses())}}}})},function(e){let t,s,a,{swiper:i,extendParams:r}=e;r({grid:{rows:1,fill:"column"}}),i.grid={initSlides:e=>{const{slidesPerView:r}=i.params,{rows:n,fill:l}=i.params.grid;s=t/n,a=Math.floor(e/n),t=Math.floor(e/n)===e/n?e:Math.ceil(e/n)*n,"auto"!==r&&"row"===l&&(t=Math.max(t,r*n))},updateSlide:(e,r,n,l)=>{const{slidesPerGroup:o,spaceBetween:d}=i.params,{rows:c,fill:p}=i.params.grid;let u,h,m;if("row"===p&&o>1){const s=Math.floor(e/(o*c)),a=e-c*o*s,i=0===s?o:Math.min(Math.ceil((n-s*c*o)/c),o);m=Math.floor(a/i),h=a-m*i+s*o,u=h+m*t/c,r.css({"-webkit-order":u,order:u})}else"column"===p?(h=Math.floor(e/c),m=e-h*c,(h>a||h===a&&m===c-1)&&(m+=1,m>=c&&(m=0,h+=1))):(m=Math.floor(e/s),h=e-m*s);r.css(l("margin-top"),0!==m?d&&`${d}px`:"")},updateWrapperSize:(e,s,a)=>{const{spaceBetween:r,centeredSlides:n,roundLengths:l}=i.params,{rows:o}=i.params.grid;if(i.virtualSize=(e+r)*t,i.virtualSize=Math.ceil(i.virtualSize/o)-r,i.$wrapperEl.css({[a("width")]:`${i.virtualSize+r}px`}),n){s.splice(0,s.length);const e=[];for(let t=0;t{const{slides:e}=t,s=t.params.fadeEffect;for(let a=0;a{const{transformEl:s}=t.params.fadeEffect;(s?t.slides.find(s):t.slides).transition(e),ae({swiper:t,duration:e,transformEl:s,allSlides:!0})},overwriteParams:()=>({slidesPerView:1,slidesPerGroup:1,watchSlidesProgress:!0,spaceBetween:0,virtualTranslate:!t.params.cssMode})})},function(e){let{swiper:t,extendParams:s,on:a}=e;s({cubeEffect:{slideShadows:!0,shadow:!0,shadowOffset:20,shadowScale:.94}});const i=(e,t,s)=>{let a=s?e.find(".swiper-slide-shadow-left"):e.find(".swiper-slide-shadow-top"),i=s?e.find(".swiper-slide-shadow-right"):e.find(".swiper-slide-shadow-bottom");0===a.length&&(a=d(`
`),e.append(a)),0===i.length&&(i=d(`
`),e.append(i)),a.length&&(a[0].style.opacity=Math.max(-t,0)),i.length&&(i[0].style.opacity=Math.max(t,0))};te({effect:"cube",swiper:t,on:a,setTranslate:()=>{const{$el:e,$wrapperEl:s,slides:a,width:r,height:n,rtlTranslate:l,size:o,browser:c}=t,p=t.params.cubeEffect,u=t.isHorizontal(),h=t.virtual&&t.params.virtual.enabled;let m,f=0;p.shadow&&(u?(m=s.find(".swiper-cube-shadow"),0===m.length&&(m=d('
'),s.append(m)),m.css({height:`${r}px`})):(m=e.find(".swiper-cube-shadow"),0===m.length&&(m=d('
'),e.append(m))));for(let e=0;e-1&&(f=90*s+90*d,l&&(f=90*-s-90*d)),t.transform(v),p.slideShadows&&i(t,d,u)}if(s.css({"-webkit-transform-origin":`50% 50% -${o/2}px`,"transform-origin":`50% 50% -${o/2}px`}),p.shadow)if(u)m.transform(`translate3d(0px, ${r/2+p.shadowOffset}px, ${-r/2}px) rotateX(90deg) rotateZ(0deg) scale(${p.shadowScale})`);else{const e=Math.abs(f)-90*Math.floor(Math.abs(f)/90),t=1.5-(Math.sin(2*e*Math.PI/360)/2+Math.cos(2*e*Math.PI/360)/2),s=p.shadowScale,a=p.shadowScale/t,i=p.shadowOffset;m.transform(`scale3d(${s}, 1, ${a}) translate3d(0px, ${n/2+i}px, ${-n/2/a}px) rotateX(-90deg)`)}const g=c.isSafari||c.isWebView?-o/2:0;s.transform(`translate3d(0px,0,${g}px) rotateX(${t.isHorizontal()?0:f}deg) rotateY(${t.isHorizontal()?-f:0}deg)`),s[0].style.setProperty("--swiper-cube-translate-z",`${g}px`)},setTransition:e=>{const{$el:s,slides:a}=t;a.transition(e).find(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").transition(e),t.params.cubeEffect.shadow&&!t.isHorizontal()&&s.find(".swiper-cube-shadow").transition(e)},recreateShadows:()=>{const e=t.isHorizontal();t.slides.each((t=>{const s=Math.max(Math.min(t.progress,1),-1);i(d(t),s,e)}))},getEffectParams:()=>t.params.cubeEffect,perspective:()=>!0,overwriteParams:()=>({slidesPerView:1,slidesPerGroup:1,watchSlidesProgress:!0,resistanceRatio:0,spaceBetween:0,centeredSlides:!1,virtualTranslate:!0})})},function(e){let{swiper:t,extendParams:s,on:a}=e;s({flipEffect:{slideShadows:!0,limitRotation:!0,transformEl:null}});const i=(e,s,a)=>{let i=t.isHorizontal()?e.find(".swiper-slide-shadow-left"):e.find(".swiper-slide-shadow-top"),r=t.isHorizontal()?e.find(".swiper-slide-shadow-right"):e.find(".swiper-slide-shadow-bottom");0===i.length&&(i=ie(a,e,t.isHorizontal()?"left":"top")),0===r.length&&(r=ie(a,e,t.isHorizontal()?"right":"bottom")),i.length&&(i[0].style.opacity=Math.max(-s,0)),r.length&&(r[0].style.opacity=Math.max(s,0))};te({effect:"flip",swiper:t,on:a,setTranslate:()=>{const{slides:e,rtlTranslate:s}=t,a=t.params.flipEffect;for(let r=0;r{const{transformEl:s}=t.params.flipEffect;(s?t.slides.find(s):t.slides).transition(e).find(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").transition(e),ae({swiper:t,duration:e,transformEl:s})},recreateShadows:()=>{const e=t.params.flipEffect;t.slides.each((s=>{const a=d(s);let r=a[0].progress;t.params.flipEffect.limitRotation&&(r=Math.max(Math.min(s.progress,1),-1)),i(a,r,e)}))},getEffectParams:()=>t.params.flipEffect,perspective:()=>!0,overwriteParams:()=>({slidesPerView:1,slidesPerGroup:1,watchSlidesProgress:!0,spaceBetween:0,virtualTranslate:!t.params.cssMode})})},function(e){let{swiper:t,extendParams:s,on:a}=e;s({coverflowEffect:{rotate:50,stretch:0,depth:100,scale:1,modifier:1,slideShadows:!0,transformEl:null}}),te({effect:"coverflow",swiper:t,on:a,setTranslate:()=>{const{width:e,height:s,slides:a,slidesSizesGrid:i}=t,r=t.params.coverflowEffect,n=t.isHorizontal(),l=t.translate,o=n?e/2-l:s/2-l,d=n?r.rotate:-r.rotate,c=r.depth;for(let e=0,t=a.length;e0?p:0),s.length&&(s[0].style.opacity=-p>0?-p:0)}}},setTransition:e=>{const{transformEl:s}=t.params.coverflowEffect;(s?t.slides.find(s):t.slides).transition(e).find(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").transition(e)},perspective:()=>!0,overwriteParams:()=>({watchSlidesProgress:!0})})},function(e){let{swiper:t,extendParams:s,on:a}=e;s({creativeEffect:{transformEl:null,limitProgress:1,shadowPerProgress:!1,progressMultiplier:1,perspective:!0,prev:{translate:[0,0,0],rotate:[0,0,0],opacity:1,scale:1},next:{translate:[0,0,0],rotate:[0,0,0],opacity:1,scale:1}}});const i=e=>"string"==typeof e?e:`${e}px`;te({effect:"creative",swiper:t,on:a,setTranslate:()=>{const{slides:e,$wrapperEl:s,slidesSizesGrid:a}=t,r=t.params.creativeEffect,{progressMultiplier:n}=r,l=t.params.centeredSlides;if(l){const e=a[0]/2-t.params.slidesOffsetBefore||0;s.transform(`translateX(calc(50% - ${e}px))`)}for(let s=0;s0&&(f=r.prev,m=!0),u.forEach(((e,t)=>{u[t]=`calc(${e}px + (${i(f.translate[t])} * ${Math.abs(d*n)}))`})),h.forEach(((e,t)=>{h[t]=f.rotate[t]*Math.abs(d*n)})),a[0].style.zIndex=-Math.abs(Math.round(o))+e.length;const g=u.join(", "),v=`rotateX(${h[0]}deg) rotateY(${h[1]}deg) rotateZ(${h[2]}deg)`,w=c<0?`scale(${1+(1-f.scale)*c*n})`:`scale(${1-(1-f.scale)*c*n})`,b=c<0?1+(1-f.opacity)*c*n:1-(1-f.opacity)*c*n,x=`translate3d(${g}) ${v} ${w}`;if(m&&f.shadow||!m){let e=a.children(".swiper-slide-shadow");if(0===e.length&&f.shadow&&(e=ie(r,a)),e.length){const t=r.shadowPerProgress?d*(1/r.limitProgress):d;e[0].style.opacity=Math.min(Math.max(Math.abs(t),0),1)}}const y=se(r,a);y.transform(x).css({opacity:b}),f.origin&&y.css("transform-origin",f.origin)}},setTransition:e=>{const{transformEl:s}=t.params.creativeEffect;(s?t.slides.find(s):t.slides).transition(e).find(".swiper-slide-shadow").transition(e),ae({swiper:t,duration:e,transformEl:s,allSlides:!0})},perspective:()=>t.params.creativeEffect.perspective,overwriteParams:()=>({watchSlidesProgress:!0,virtualTranslate:!t.params.cssMode})})},function(e){let{swiper:t,extendParams:s,on:a}=e;s({cardsEffect:{slideShadows:!0,transformEl:null,rotate:!0,perSlideRotate:2,perSlideOffset:8}}),te({effect:"cards",swiper:t,on:a,setTranslate:()=>{const{slides:e,activeIndex:s}=t,a=t.params.cardsEffect,{startTranslate:i,isTouched:r}=t.touchEventsData,n=t.translate;for(let l=0;l0&&c<1&&(r||t.params.cssMode)&&n-1&&(r||t.params.cssMode)&&n>i;if(b||x){const e=(1-Math.abs((Math.abs(c)-.5)/.5))**.5;g+=-28*c*e,f+=-.5*e,v+=96*e,h=-25*e*Math.abs(c)+"%"}if(u=c<0?`calc(${u}px + (${v*Math.abs(c)}%))`:c>0?`calc(${u}px + (-${v*Math.abs(c)}%))`:`${u}px`,!t.isHorizontal()){const e=h;h=u,u=e}const y=c<0?""+(1+(1-f)*c):""+(1-(1-f)*c),E=`\n translate3d(${u}, ${h}, ${m}px)\n rotateZ(${a.rotate?g:0}deg)\n scale(${y})\n `;if(a.slideShadows){let e=o.find(".swiper-slide-shadow");0===e.length&&(e=ie(a,o)),e.length&&(e[0].style.opacity=Math.min(Math.max((Math.abs(c)-.5)/.5,0),1))}o[0].style.zIndex=-Math.abs(Math.round(d))+e.length;se(a,o).transform(E)}},setTransition:e=>{const{transformEl:s}=t.params.cardsEffect;(s?t.slides.find(s):t.slides).transition(e).find(".swiper-slide-shadow").transition(e),ae({swiper:t,duration:e,transformEl:s})},perspective:()=>!0,overwriteParams:()=>({watchSlidesProgress:!0,virtualTranslate:!t.params.cssMode})})}];return V.use(re),V})); -//# sourceMappingURL=swiper-bundle.min.js.map \ No newline at end of file diff --git a/templates/.DS_Store b/templates/.DS_Store new file mode 100644 index 0000000..9c368f3 Binary files /dev/null and b/templates/.DS_Store differ diff --git a/templates/ff.config.json b/templates/ff.config.json new file mode 100644 index 0000000..ad05a6f --- /dev/null +++ b/templates/ff.config.json @@ -0,0 +1,82 @@ +{ + "name": "base", + "configs": [ + { + "name": "bloc", + "commands": [ + { + "name": "[FF] New Big Pack Bloc", + "templates": ["*"], + "key": "bigpack", + "files": [ + "bloc", + "event", + "index", + "model", + "page", + "provider", + "repository", + "screen", + "state" + ] + }, + { + "name": "[FF] New Small Pack Bloc", + "templates": ["*"], + "key": "smallpack", + "files": ["bloc", "event", "index", "page", "screen", "state"] + }, + { + "name": "[FF] New Bloc", + "templates": ["*"], + "files": ["bloc"] + }, + { + "name": "[FF] New Event", + "templates": ["*"], + "files": ["event"] + }, + { + "name": "[FF] New Model", + "templates": ["*"], + "files": ["model"] + }, + { + "name": "[FF] New Page", + "templates": ["*"], + "files": ["page"] + }, + { + "name": "[FF] New Provider", + "templates": ["*"], + "files": ["provider"] + }, + { + "name": "[FF] New Repository", + "templates": ["*"], + "files": ["repository"] + }, + { + "name": "[FF] New Screen", + "templates": ["*"], + "files": ["screen"] + }, + { + "name": "[FF] New State", + "templates": ["*"], + "files": ["state"] + }, + { + "name": "[FF] New Index", + "templates": ["*"], + "files": ["index"] + }, + { + "name": "[FF] New Navigate(Navme)", + "templates": ["navigate"], + "files": ["navigate"] + } + ] + } + ] +} diff --git a/templates/ff_bloc/bloc.tmpl b/templates/ff_bloc/bloc.tmpl new file mode 100644 index 0000000..aa596e2 --- /dev/null +++ b/templates/ff_bloc/bloc.tmpl @@ -0,0 +1,16 @@ +import 'package:ff_bloc/ff_bloc.dart'; + +import 'package:${appName}${relative}/index.dart'; + +class ${upperName}Bloc extends FFBloc<${upperName}Event, ${upperName}State> { + ${upperName}Bloc({ + required this.provider, + super.initialState = const ${upperName}State(), + }); + /// Use this for all requests to backend - you can mock it in tests + final ${upperName}Provider provider; + + @override + ${upperName}State onErrorState(Object error) => state.copy(error: error, isLoading: false); + +} diff --git a/templates/ff_bloc/event.tmpl b/templates/ff_bloc/event.tmpl new file mode 100644 index 0000000..c03ac08 --- /dev/null +++ b/templates/ff_bloc/event.tmpl @@ -0,0 +1,78 @@ +import 'dart:async'; + +import 'package:flutter/widgets.dart'; +import 'package:ff_bloc/ff_bloc.dart'; + +import 'package:${appName}${relative}/index.dart'; + +@immutable +abstract class ${upperName}Event implements FFBlocEvent<${upperName}State, ${upperName}Bloc> {} + +/// Initial Event with load data +class Load${upperName}Event extends ${upperName}Event { + Load${upperName}Event({required this.id}); + final String? id; + + static const String _name = 'Load${upperName}Event'; + + @override + String toString() => _name; + + @override + Stream<${upperName}State> applyAsync({required ${upperName}Bloc bloc}) async* { + // set loading true for show loading + yield bloc.state.copyWithoutError(isLoading: true); + // fetch data + final result = await bloc.provider.fetchAsync(id); + // set data to state + yield bloc.state.copyWithoutError( + isLoading: false, + data: ${upperName}ViewModel(items: result), + ); + } +} + + +class Add${upperName}Event extends ${upperName}Event { + static const String _name = 'Add${upperName}Event'; + + @override + String toString() => _name; + + @override + Stream<${upperName}State> applyAsync({required ${upperName}Bloc bloc}) async* { + yield bloc.state.copyWithoutError(isLoading: true); + final result = await bloc.provider.addMore(bloc.state.data?.items); + yield bloc.state.copyWithoutError( + isLoading: false, + data: ${upperName}ViewModel(items: result), + ); + } +} + +class ErrorYouAwesomeEvent extends YouAwesomeEvent { + static const String _name = 'ErrorYouAwesomeEvent'; + + @override + String toString() => _name; + + @override + Stream applyAsync({required YouAwesomeBloc bloc}) async* { + throw Exception('Test error'); + } +} + +class Clear${upperName}Event extends ${upperName}Event { + static const String _name = 'Clear${upperName}Event'; + + @override + String toString() => _name; + + @override + Stream<${upperName}State> applyAsync({required ${upperName}Bloc bloc}) async* { + yield bloc.state.copyWithoutError(isLoading: true); + yield bloc.state.copyWithoutData( + isLoading: false, + ); + } +} diff --git a/templates/ff_bloc/index.tmpl b/templates/ff_bloc/index.tmpl new file mode 100644 index 0000000..e69de29 diff --git a/templates/ff_bloc/model.tmpl b/templates/ff_bloc/model.tmpl new file mode 100644 index 0000000..4b13e7c --- /dev/null +++ b/templates/ff_bloc/model.tmpl @@ -0,0 +1,51 @@ +// ignore: depend_on_referenced_packages +import 'package:equatable/equatable.dart'; + +class ${upperName}Model extends Equatable { + const ${upperName}Model({ + required this.name, + }); + final String name; + + @override + List get props => [ name]; + + Map toMap() { + return { + 'name': name, + }; + } + + static ${upperName}Model? fromMap(Map? map) { + if (map == null) { + return null; + } + + return ${upperName}Model( + name: map['name']!.toString(), + ); + } + +} + +class ${upperName}ViewModel extends Equatable { + const ${upperName}ViewModel({ + // TODO(all): add all required constructor parameters + required this.items, + }); + + // TODO(all): declare your fields here + final List<${upperName}Model>? items; + + @override + List get props => [items /*TODO(all): List all fields here*/]; + + // TODO(all): implement copyWith + ${upperName}ViewModel copyWith({ + List<${upperName}Model>? items, + }) { + return ${upperName}ViewModel( + items: items ?? this.items, + ); + } +} diff --git a/templates/ff_bloc/page.tmpl b/templates/ff_bloc/page.tmpl new file mode 100644 index 0000000..de865a9 --- /dev/null +++ b/templates/ff_bloc/page.tmpl @@ -0,0 +1,57 @@ +import 'package:flutter/material.dart'; +import 'package:${appName}${relative}/index.dart'; + + +class ${upperName}Page extends StatefulWidget { + const ${upperName}Page({ + required this.bloc, + super.key + }); + static const String routeName = '/${privateName}'; + + final ${upperName}Bloc? bloc; + + @override + State<${upperName}Page> createState() => _${upperName}PageState(); +} + +class _${upperName}PageState extends State<${upperName}Page> { + + ${upperName}Bloc? _bloc; + ${upperName}Bloc get bloc { + // get it by DI in real code. + _bloc ??= widget.bloc ?? ${upperName}Bloc(); + return _bloc!; + } + + @override + Widget build(BuildContext context) { + return Scaffold( + appBar: AppBar( + centerTitle: true, + title: const Text('${upperName}'), + actions: [ + IconButton( + icon: const Icon(Icons.error), + onPressed: () { + bloc.add(ErrorYouAwesomeEvent()); + }, + ), + IconButton( + icon: const Icon(Icons.add), + onPressed: () { + bloc.add(Add${upperName}Event()); + }, + ), + IconButton( + icon: const Icon(Icons.clear), + onPressed: () { + bloc.add(Clear${upperName}Event()); + }, + ), + ], + ), + body: ${upperName}Screen(bloc: bloc), + ); + } +} diff --git a/templates/ff_bloc/provider.tmpl b/templates/ff_bloc/provider.tmpl new file mode 100644 index 0000000..23f68b2 --- /dev/null +++ b/templates/ff_bloc/provider.tmpl @@ -0,0 +1,26 @@ + +import 'dart:async'; +import 'package:${appName}${relative}/index.dart'; + +class ${upperName}Provider { + + Future?> fetchAsync(String? id) async { + // write logic here to send request to server + if (id == null) { + return null; + } + return [${upperName}Model(name: id)]; + } + + + Future?> addMore(List<${upperName}Model>? now) async { + // write logic here to send request to server + final result = [ + ...(now ?? <${upperName}Model>[]), + ${upperName}Model(name: now?.length.toString() ?? '0') + ]; + return result; + } + +} + diff --git a/templates/ff_bloc/screen.tmpl b/templates/ff_bloc/screen.tmpl new file mode 100644 index 0000000..5d77305 --- /dev/null +++ b/templates/ff_bloc/screen.tmpl @@ -0,0 +1,126 @@ +import 'package:flutter/material.dart'; +import 'package:flutter_bloc/flutter_bloc.dart'; +import 'package:${appName}${relative}/index.dart'; + + +class ${upperName}Screen extends StatefulWidget { + const ${upperName}Screen({ + required this.bloc, + super.key, + }) ; + + @protected + final ${upperName}Bloc bloc; + + @override + State<${upperName}Screen> createState() { + return ${upperName}ScreenState(); + } +} + +class ${upperName}ScreenState extends State<${upperName}Screen> { + + @override + void initState() { + super.initState(); + // load data on init widget if bloc has not data + if (!widget.bloc.state.hasData) { + _load(); + } + } + + @override + void dispose() { + // dispose bloc if you use subscriptions in bloc + super.dispose(); + } + + @override + Widget build(BuildContext context) { + return BlocBuilder<${upperName}Bloc, ${upperName}State>( + bloc: widget.bloc, + builder: ( + BuildContext context, + ${upperName}State currentState, + ) { + // declaration of bloc states + return currentState.when( + onLoading: ()=>const CircularProgressIndicator(), + onEmpty: (data) => _Empty(), + onData: (data) => _BodyList(data: data), + onError: (e) => Center( + child: Column( + children: [ + Text(e.toString()), + TextButton( + onPressed: _load, + child: const Text('ReLoad'), + ) + ], + ), + ), + ); + }, + ); + } + + void _load() { + widget.bloc.add(Load${upperName}Event(id:'1')); + } + +} + + +class _BodyList extends StatefulWidget { + const _BodyList({required this.data}); + + final ${upperName}ViewModel data; + + @override + State<_BodyList> createState() => _BodyListState(); +} + +class _BodyListState extends State<_BodyList> { + + @override + void initState() { + super.initState(); + } + + @override + void dispose() { + super.dispose(); + } + + @override + Widget build(BuildContext context) { + + return CustomScrollView( + // primary: true, + slivers: [ + const SliverToBoxAdapter(child: Divider()), + SliverList( + delegate: SliverChildBuilderDelegate( + (BuildContext context, int index) { + final item = widget.data.items![index]; + if (index == 0) { + return Text('Header $index, id = '+item.name); + } + return Text('Index = $index, id = '+item.name); + }, + childCount: widget.data.items!.length, + ))]); + } +} + + +class _Empty extends StatelessWidget { + @override + Widget build(BuildContext context) { + return Column( + children: [ + Text('Empty'), + ], + ); + } +} \ No newline at end of file diff --git a/templates/ff_bloc/state.tmpl b/templates/ff_bloc/state.tmpl new file mode 100644 index 0000000..6bf34a0 --- /dev/null +++ b/templates/ff_bloc/state.tmpl @@ -0,0 +1,15 @@ +import 'package:ff_bloc/ff_bloc.dart'; + +import 'package:${appName}${relative}/index.dart'; + +class ${upperName}State extends FFState<${upperName}State, ${upperName}ViewModel> { + const ${upperName}State({ + super.version = 0, + super.isLoading = false, + super.data, + super.error, + }); + + @override + StateCopyFactory<${upperName}State, ${upperName}ViewModel> getCopyFactory() => ${upperName}State.new; +} diff --git a/templates/mutable/bloc.tmpl b/templates/mutable/bloc.tmpl new file mode 100644 index 0000000..88d5894 --- /dev/null +++ b/templates/mutable/bloc.tmpl @@ -0,0 +1,37 @@ +import 'dart:async'; +import 'dart:developer' as developer; + +import 'package:bloc/bloc.dart'; +import 'package:${appName}${relative}/index.dart'; + +class ${upperName}Bloc extends Bloc<${upperName}Event, ${upperName}State> { + // todo: check singleton for logic in project + // use GetIt for DI in projct + static final ${upperName}Bloc _${privateName}BlocSingleton = ${upperName}Bloc._internal(); + factory ${upperName}Bloc() { + return _${privateName}BlocSingleton; + } + + ${upperName}Bloc._internal(): super(Un${upperName}State(0)){ + on<${upperName}Event>((event, emit) { + return emit.forEach<${upperName}State>( + event.applyAsync(currentState: state, bloc: this), + onData: (state) => state, + onError: (error, stackTrace) { + developer.log('$error', name: '${upperName}Bloc', error: error, stackTrace: stackTrace); + return Error${upperName}State(0, error.toString()); + }, + ); + }); + } + + @override + Future close() async{ + // dispose objects + await super.close(); + } + + @override + ${upperName}State get initialState => Un${upperName}State(0); + +} diff --git a/templates/mutable/event.tmpl b/templates/mutable/event.tmpl new file mode 100644 index 0000000..b8c8520 --- /dev/null +++ b/templates/mutable/event.tmpl @@ -0,0 +1,42 @@ +import 'dart:async'; +import 'dart:developer' as developer; + +import 'package:${appName}${relative}/index.dart'; +import 'package:meta/meta.dart'; + +@immutable +abstract class ${upperName}Event { + Stream<${upperName}State> applyAsync( + {${upperName}State currentState, ${upperName}Bloc bloc}); + final ${upperName}Repository _${privateName}Repository = ${upperName}Repository(); +} + +class Un${upperName}Event extends ${upperName}Event { + @override + Stream<${upperName}State> applyAsync({${upperName}State? currentState, ${upperName}Bloc? bloc}) async* { + yield Un${upperName}State(0); + } +} + +class Load${upperName}Event extends ${upperName}Event { + + final bool isError; + @override + String toString() => 'Load${upperName}Event'; + + Load${upperName}Event(this.isError); + + @override + Stream<${upperName}State> applyAsync( + {${upperName}State? currentState, ${upperName}Bloc? bloc}) async* { + try { + yield Un${upperName}State(0); + await Future.delayed(const Duration(seconds: 1)); + _${privateName}Repository.test(isError); + yield In${upperName}State(0, 'Hello world'); + } catch (_, stackTrace) { + developer.log('$_', name: 'Load${upperName}Event', error: _, stackTrace: stackTrace); + yield Error${upperName}State(0, _.toString()); + } + } +} diff --git a/templates/mutable/index.tmpl b/templates/mutable/index.tmpl new file mode 100644 index 0000000..e69de29 diff --git a/templates/mutable/model.tmpl b/templates/mutable/model.tmpl new file mode 100644 index 0000000..64cf578 --- /dev/null +++ b/templates/mutable/model.tmpl @@ -0,0 +1,47 @@ +import 'package:equatable/equatable.dart'; + +/// generate by https://javiercbk.github.io/json_to_dart/ +class Autogenerated${upperName} { + final List<${upperName}Model> results; + + Autogenerated${upperName}({required this.results}); + + factory Autogenerated${upperName}.fromJson(Map json) { + var temp = []; + if (json['results'] != null) { + temp = <${upperName}Model>[]; + json['results'].forEach((v) { + temp.add(${upperName}Model.fromJson(v as Map)); + }); + } + return Autogenerated${upperName}(results: temp); + } + + Map toJson() { + final data = {}; + data['results'] = results.map((v) => v.toJson()).toList(); + return data; + } +} + +class ${upperName}Model extends Equatable { + final int id; + final String name; + + ${upperName}Model(this.id, this.name); + + @override + List get props => [id, name]; + + factory ${upperName}Model.fromJson(Map json) { + return ${upperName}Model(json['id'] as int, json['name'] as String); + } + + Map toJson() { + final data = {}; + data['id'] = id; + data['name'] = name; + return data; + } + +} diff --git a/templates/mutable/page.tmpl b/templates/mutable/page.tmpl new file mode 100644 index 0000000..ec1c9b6 --- /dev/null +++ b/templates/mutable/page.tmpl @@ -0,0 +1,23 @@ +import 'package:flutter/material.dart'; +import 'package:${appName}${relative}/index.dart'; + +class ${upperName}Page extends StatefulWidget { + static const String routeName = '/${privateName}'; + + @override + _${upperName}PageState createState() => _${upperName}PageState(); +} + +class _${upperName}PageState extends State<${upperName}Page> { + final _${privateName}Bloc = ${upperName}Bloc(); + + @override + Widget build(BuildContext context) { + return Scaffold( + appBar: AppBar( + title: Text('${upperName}'), + ), + body: ${upperName}Screen(${privateName}Bloc: _${privateName}Bloc), + ); + } +} diff --git a/templates/mutable/provider.tmpl b/templates/mutable/provider.tmpl new file mode 100644 index 0000000..ec4df18 --- /dev/null +++ b/templates/mutable/provider.tmpl @@ -0,0 +1,20 @@ +import 'dart:async'; + +class ${upperName}Provider { + Future loadAsync(String token) async { + /// write from keystore/keychain + await Future.delayed(Duration(seconds: 2)); + } + + Future saveAsync(String token) async { + /// write from keystore/keychain + await Future.delayed(Duration(seconds: 2)); + } + + void test(bool isError) { + if (isError == true){ + throw Exception('manual error'); + } + } +} + diff --git a/templates/mutable/repository.tmpl b/templates/mutable/repository.tmpl new file mode 100644 index 0000000..63a6f61 --- /dev/null +++ b/templates/mutable/repository.tmpl @@ -0,0 +1,11 @@ +import 'package:${appName}${relative}/index.dart'; + +class ${upperName}Repository { + final ${upperName}Provider _${privateName}Provider = ${upperName}Provider(); + + ${upperName}Repository(); + + void test(bool isError) { + _${privateName}Provider.test(isError); + } +} \ No newline at end of file diff --git a/templates/mutable/screen.tmpl b/templates/mutable/screen.tmpl new file mode 100644 index 0000000..b416f4d --- /dev/null +++ b/templates/mutable/screen.tmpl @@ -0,0 +1,97 @@ +import 'package:flutter/material.dart'; +import 'package:flutter_bloc/flutter_bloc.dart'; +import 'package:${appName}${relative}/index.dart'; + +class ${upperName}Screen extends StatefulWidget { + const ${upperName}Screen({ + required ${upperName}Bloc ${privateName}Bloc, + Key? key, + }) : _${privateName}Bloc = ${privateName}Bloc, + super(key: key); + + final ${upperName}Bloc _${privateName}Bloc; + + @override + ${upperName}ScreenState createState() { + return ${upperName}ScreenState(); + } +} + +class ${upperName}ScreenState extends State<${upperName}Screen> { + ${upperName}ScreenState(); + + @override + void initState() { + super.initState(); + _load(); + } + + @override + void dispose() { + super.dispose(); + } + + @override + Widget build(BuildContext context) { + return BlocBuilder<${upperName}Bloc, ${upperName}State>( + bloc: widget._${privateName}Bloc, + builder: ( + BuildContext context, + ${upperName}State currentState, + ) { + if (currentState is Un${upperName}State) { + return Center( + child: CircularProgressIndicator(), + ); + } + if (currentState is Error${upperName}State) { + return Center( + child: Column( + mainAxisAlignment: MainAxisAlignment.center, + children: [ + Text(currentState.errorMessage), + Padding( + padding: const EdgeInsets.only(top: 32.0), + child: ElevatedButton( + style: ElevatedButton.styleFrom( + backgroundColor: Colors.blue, + ), + child: Text('reload'), + onPressed: _load, + ), + ), + ], + )); + } + if (currentState is In${upperName}State) { + return Center( + child: Column( + mainAxisAlignment: MainAxisAlignment.center, + children: [ + Text(currentState.hello), + const Text('Flutter files: done'), + Padding( + padding: const EdgeInsets.only(top: 32.0), + child: ElevatedButton( + style: ElevatedButton.styleFrom( + backgroundColor: Colors.red, + ), + child: Text('throw error'), + onPressed: () => _load(true), + ), + ), + ], + ), + ); + } + return Center( + child: CircularProgressIndicator(), + ); + + }); + } + + void _load([bool isError = false]) { + widget._${privateName}Bloc.add(Load${upperName}Event(isError)); + } +} diff --git a/templates/mutable/state.tmpl b/templates/mutable/state.tmpl new file mode 100644 index 0000000..52c7ea7 --- /dev/null +++ b/templates/mutable/state.tmpl @@ -0,0 +1,83 @@ +import 'package:equatable/equatable.dart'; + +abstract class ${upperName}State extends Equatable { + ${upperName}State(this.version); + + /// notify change state without deep clone state + final int version; + + /// Copy object for use in action + /// if need use deep clone + ${upperName}State getStateCopy(); + + ${upperName}State getNewVersion(); + + @override + List get props => [version]; +} + +/// UnInitialized +class Un${upperName}State extends ${upperName}State { + + Un${upperName}State(int version) : super(version); + + @override + String toString() => 'Un${upperName}State'; + + @override + Un${upperName}State getStateCopy() { + return Un${upperName}State(0); + } + + @override + Un${upperName}State getNewVersion() { + return Un${upperName}State(version+1); + } +} + +/// Initialized +class In${upperName}State extends ${upperName}State { + + In${upperName}State(int version, this.hello) : super(version); + + final String hello; + + @override + String toString() => 'In${upperName}State $hello'; + + @override + In${upperName}State getStateCopy() { + return In${upperName}State(version, hello); + } + + @override + In${upperName}State getNewVersion() { + return In${upperName}State(version+1, hello); + } + + @override + List get props => [version, hello]; +} + +class Error${upperName}State extends ${upperName}State { + Error${upperName}State(int version, this.errorMessage): super(version); + + final String errorMessage; + + @override + String toString() => 'Error${upperName}State'; + + @override + Error${upperName}State getStateCopy() { + return Error${upperName}State(version, errorMessage); + } + + @override + Error${upperName}State getNewVersion() { + return Error${upperName}State(version+1, + errorMessage); + } + + @override + List get props => [version, errorMessage]; +} diff --git a/templates/navigate/navigate.tmpl b/templates/navigate/navigate.tmpl new file mode 100644 index 0000000..57b6748 --- /dev/null +++ b/templates/navigate/navigate.tmpl @@ -0,0 +1,33 @@ +import 'package:flutter/material.dart'; +import 'package:navme/navme.dart'; +import 'package:navme/helpers.dart'; + +import 'index.dart'; + +class ${upperName}Navigate { + // base path + static String path = '${privateName}'; + + // config for configurate Router + static RouteConfig routeConfig = RouteConfig( + state: (Uri? uri) => RouteState(uri: path.toUri()), + // condition for using this page + isThisPage: (RouteState state) { + if (state?.firstPath == path) { + return true; + } + return false; + }, + // settigs from url + settings: (RouteState state) { + return null; + }, + // get Page for Router + page: ({RouteState? state}) { + return MaterialPage( + key: const ValueKey('${upperName}Page'), + child: ${upperName}Page(), + name: '${upperName}Page'); + }, + ); +} diff --git a/templates/simple/bloc.tmpl b/templates/simple/bloc.tmpl new file mode 100644 index 0000000..414e803 --- /dev/null +++ b/templates/simple/bloc.tmpl @@ -0,0 +1,21 @@ +import 'dart:async'; +import 'dart:developer' as developer; + +import 'package:bloc/bloc.dart'; +import 'package:${appName}${relative}/index.dart'; + +class ${upperName}Bloc extends Bloc<${upperName}Event, ${upperName}State> { + + ${upperName}Bloc(${upperName}State initialState) : super(initialState){ + on<${upperName}Event>((event, emit) { + return emit.forEach<${upperName}State>( + event.applyAsync(currentState: state, bloc: this), + onData: (state) => state, + onError: (error, stackTrace) { + developer.log('$error', name: '${upperName}Bloc', error: error, stackTrace: stackTrace); + return Error${upperName}State(error.toString()); + }, + ); + }); + } +} diff --git a/templates/simple/event.tmpl b/templates/simple/event.tmpl new file mode 100644 index 0000000..0058935 --- /dev/null +++ b/templates/simple/event.tmpl @@ -0,0 +1,34 @@ +import 'dart:async'; +import 'dart:developer' as developer; + +import 'package:${appName}${relative}/index.dart'; +import 'package:meta/meta.dart'; + +@immutable +abstract class ${upperName}Event { + Stream<${upperName}State> applyAsync( + {${upperName}State currentState, ${upperName}Bloc bloc}); +} + +class Un${upperName}Event extends ${upperName}Event { + @override + Stream<${upperName}State> applyAsync({${upperName}State? currentState, ${upperName}Bloc? bloc}) async* { + yield Un${upperName}State(); + } +} + +class Load${upperName}Event extends ${upperName}Event { + + @override + Stream<${upperName}State> applyAsync( + {${upperName}State? currentState, ${upperName}Bloc? bloc}) async* { + try { + yield Un${upperName}State(); + await Future.delayed(const Duration(seconds: 1)); + yield In${upperName}State('Hello world'); + } catch (_, stackTrace) { + developer.log('$_', name: 'Load${upperName}Event', error: _, stackTrace: stackTrace); + yield Error${upperName}State( _.toString()); + } + } +} diff --git a/templates/simple/index.tmpl b/templates/simple/index.tmpl new file mode 100644 index 0000000..e69de29 diff --git a/templates/simple/model.tmpl b/templates/simple/model.tmpl new file mode 100644 index 0000000..ede3050 --- /dev/null +++ b/templates/simple/model.tmpl @@ -0,0 +1,13 @@ +import 'package:equatable/equatable.dart'; + +/// use https://marketplace.visualstudio.com/items?itemName=BendixMa.dart-data-class-generator +class ${upperName}Model extends Equatable { + final int id; + final String name; + + ${upperName}Model(this.id, this.name); + + @override + List get props => [id, name]; + +} diff --git a/templates/simple/page.tmpl b/templates/simple/page.tmpl new file mode 100644 index 0000000..9a0df49 --- /dev/null +++ b/templates/simple/page.tmpl @@ -0,0 +1,23 @@ +import 'package:flutter/material.dart'; +import 'package:${appName}${relative}/index.dart'; + +class ${upperName}Page extends StatefulWidget { + static const String routeName = '/${privateName}'; + + @override + _${upperName}PageState createState() => _${upperName}PageState(); +} + +class _${upperName}PageState extends State<${upperName}Page> { + final _${privateName}Bloc = ${upperName}Bloc(Un${upperName}State()); + + @override + Widget build(BuildContext context) { + return Scaffold( + appBar: AppBar( + title: Text('${upperName}'), + ), + body: ${upperName}Screen(${privateName}Bloc: _${privateName}Bloc), + ); + } +} diff --git a/templates/simple/provider.tmpl b/templates/simple/provider.tmpl new file mode 100644 index 0000000..ec4df18 --- /dev/null +++ b/templates/simple/provider.tmpl @@ -0,0 +1,20 @@ +import 'dart:async'; + +class ${upperName}Provider { + Future loadAsync(String token) async { + /// write from keystore/keychain + await Future.delayed(Duration(seconds: 2)); + } + + Future saveAsync(String token) async { + /// write from keystore/keychain + await Future.delayed(Duration(seconds: 2)); + } + + void test(bool isError) { + if (isError == true){ + throw Exception('manual error'); + } + } +} + diff --git a/templates/simple/repository.tmpl b/templates/simple/repository.tmpl new file mode 100644 index 0000000..63a6f61 --- /dev/null +++ b/templates/simple/repository.tmpl @@ -0,0 +1,11 @@ +import 'package:${appName}${relative}/index.dart'; + +class ${upperName}Repository { + final ${upperName}Provider _${privateName}Provider = ${upperName}Provider(); + + ${upperName}Repository(); + + void test(bool isError) { + _${privateName}Provider.test(isError); + } +} \ No newline at end of file diff --git a/templates/simple/screen.tmpl b/templates/simple/screen.tmpl new file mode 100644 index 0000000..8f5060b --- /dev/null +++ b/templates/simple/screen.tmpl @@ -0,0 +1,84 @@ +import 'package:flutter/material.dart'; +import 'package:flutter_bloc/flutter_bloc.dart'; +import 'package:${appName}${relative}/index.dart'; + +class ${upperName}Screen extends StatefulWidget { + const ${upperName}Screen({ + required ${upperName}Bloc ${privateName}Bloc, + Key? key, + }) : _${privateName}Bloc = ${privateName}Bloc, + super(key: key); + + final ${upperName}Bloc _${privateName}Bloc; + + @override + ${upperName}ScreenState createState() { + return ${upperName}ScreenState(); + } +} + +class ${upperName}ScreenState extends State<${upperName}Screen> { + ${upperName}ScreenState(); + + @override + void initState() { + super.initState(); + _load(); + } + + @override + void dispose() { + super.dispose(); + } + + @override + Widget build(BuildContext context) { + return BlocBuilder<${upperName}Bloc, ${upperName}State>( + bloc: widget._${privateName}Bloc, + builder: ( + BuildContext context, + ${upperName}State currentState, + ) { + if (currentState is Un${upperName}State) { + return Center( + child: CircularProgressIndicator(), + ); + } + if (currentState is Error${upperName}State) { + return Center( + child: Column( + mainAxisAlignment: MainAxisAlignment.center, + children: [ + Text(currentState.errorMessage ), + Padding( + padding: const EdgeInsets.only(top: 32.0), + child: RaisedButton( + color: Colors.blue, + child: Text('reload'), + onPressed: _load, + ), + ), + ], + )); + } + if (currentState is In${upperName}State) { + return Center( + child: Column( + mainAxisAlignment: MainAxisAlignment.center, + children: [ + Text(currentState.hello), + ], + ), + ); + } + return Center( + child: CircularProgressIndicator(), + ); + + }); + } + + void _load() { + widget._${privateName}Bloc.add(Load${upperName}Event()); + } +} diff --git a/templates/simple/state.tmpl b/templates/simple/state.tmpl new file mode 100644 index 0000000..be0c2ac --- /dev/null +++ b/templates/simple/state.tmpl @@ -0,0 +1,42 @@ +import 'package:equatable/equatable.dart'; + +abstract class ${upperName}State extends Equatable { + ${upperName}State(); + + @override + List get props => []; +} + +/// UnInitialized +class Un${upperName}State extends ${upperName}State { + + Un${upperName}State(); + + @override + String toString() => 'Un${upperName}State'; +} + +/// Initialized +class In${upperName}State extends ${upperName}State { + In${upperName}State(this.hello); + + final String hello; + + @override + String toString() => 'In${upperName}State $hello'; + + @override + List get props => [hello]; +} + +class Error${upperName}State extends ${upperName}State { + Error${upperName}State(this.errorMessage); + + final String errorMessage; + + @override + String toString() => 'Error${upperName}State'; + + @override + List get props => [errorMessage]; +}