diff --git a/.editorconfig b/.editorconfig new file mode 100755 index 0000000..0a6cf5e --- /dev/null +++ b/.editorconfig @@ -0,0 +1,14 @@ +; https://editorconfig.org + +root = true + +[*] +charset = utf-8 +end_of_line = lf +indent_size = 2 +indent_style = space +trim_trailing_whitespace = true +insert_final_newline = true + +[*.md] +trim_trailing_whitespace = false diff --git a/.gitignore b/.gitignore old mode 100644 new mode 100755 index 87dd5ff..4d283a2 --- a/.gitignore +++ b/.gitignore @@ -1,501 +1,20 @@ -# ---> Emacs -# -*- mode: gitignore; -*- -*~ -\#*\# -/.emacs.desktop -/.emacs.desktop.lock -*.elc -auto-save-list -tramp -.\#* - -# Org-mode -.org-id-locations -*_archive - -# flymake-mode -*_flymake.* - -# eshell files -/eshell/history -/eshell/lastdir - -# elpa packages -/elpa/ - -# reftex files -*.rel - -# AUCTeX auto folder -/auto/ - -# cask packages -.cask/ -dist/ - -# Flycheck -flycheck_*.el - -# server auth directory -/server/ - -# projectiles files -.projectile - -# directory configuration -.dir-locals.el - -# network security -/network-security.data - - -# ---> Vim -# Swap -[._]*.s[a-v][a-z] -!*.svg # comment out if you don't need vector files -[._]*.sw[a-p] -[._]s[a-rt-v][a-z] -[._]ss[a-gi-z] -[._]sw[a-p] - -# Session -Session.vim -Sessionx.vim - -# Temporary -.netrwhist -*~ -# Auto-generated tag files -tags -# Persistent undo -[._]*.un~ - -# ---> VisualStudio -## Ignore Visual Studio temporary files, build results, and -## files generated by popular Visual Studio add-ons. -## -## Get latest from https://github.com/github/gitignore/blob/main/VisualStudio.gitignore - -# User-specific files -*.rsuser -*.suo -*.user -*.userosscache -*.sln.docstates - -# User-specific files (MonoDevelop/Xamarin Studio) -*.userprefs - -# Mono auto generated files -mono_crash.* - -# Build results -[Dd]ebug/ -[Dd]ebugPublic/ -[Rr]elease/ -[Rr]eleases/ -x64/ -x86/ -[Ww][Ii][Nn]32/ -[Aa][Rr][Mm]/ -[Aa][Rr][Mm]64/ -bld/ -[Bb]in/ -[Oo]bj/ -[Ll]og/ -[Ll]ogs/ - -# Visual Studio 2015/2017 cache/options directory -.vs/ -# Uncomment if you have tasks that create the project's static files in wwwroot -#wwwroot/ - -# Visual Studio 2017 auto generated files -Generated\ Files/ - -# MSTest test Results -[Tt]est[Rr]esult*/ -[Bb]uild[Ll]og.* - -# NUnit -*.VisualState.xml -TestResult.xml -nunit-*.xml - -# Build Results of an ATL Project -[Dd]ebugPS/ -[Rr]eleasePS/ -dlldata.c - -# Benchmark Results -BenchmarkDotNet.Artifacts/ - -# .NET Core -project.lock.json -project.fragment.lock.json -artifacts/ - -# ASP.NET Scaffolding -ScaffoldingReadMe.txt - -# StyleCop -StyleCopReport.xml - -# Files built by Visual Studio -*_i.c -*_p.c -*_h.h -*.ilk -*.meta -*.obj -*.iobj -*.pch -*.pdb -*.ipdb -*.pgc -*.pgd -*.rsp -*.sbr -*.tlb -*.tli -*.tlh -*.tmp -*.tmp_proj -*_wpftmp.csproj -*.log -*.tlog -*.vspscc -*.vssscc -.builds -*.pidb -*.svclog -*.scc - -# Chutzpah Test files -_Chutzpah* - -# Visual C++ cache files -ipch/ -*.aps -*.ncb -*.opendb -*.opensdf -*.sdf -*.cachefile -*.VC.db -*.VC.VC.opendb - -# Visual Studio profiler -*.psess -*.vsp -*.vspx -*.sap - -# Visual Studio Trace Files -*.e2e - -# TFS 2012 Local Workspace -$tf/ - -# Guidance Automation Toolkit -*.gpState - -# ReSharper is a .NET coding add-in -_ReSharper*/ -*.[Rr]e[Ss]harper -*.DotSettings.user - -# TeamCity is a build add-in -_TeamCity* - -# DotCover is a Code Coverage Tool -*.dotCover - -# AxoCover is a Code Coverage Tool -.axoCover/* -!.axoCover/settings.json - -# Coverlet is a free, cross platform Code Coverage Tool -coverage*.json -coverage*.xml -coverage*.info - -# Visual Studio code coverage results -*.coverage -*.coveragexml - -# NCrunch -_NCrunch_* -.*crunch*.local.xml -nCrunchTemp_* - -# MightyMoose -*.mm.* -AutoTest.Net/ - -# Web workbench (sass) -.sass-cache/ - -# Installshield output folder -[Ee]xpress/ - -# DocProject is a documentation generator add-in -DocProject/buildhelp/ -DocProject/Help/*.HxT -DocProject/Help/*.HxC -DocProject/Help/*.hhc -DocProject/Help/*.hhk -DocProject/Help/*.hhp -DocProject/Help/Html2 -DocProject/Help/html - -# Click-Once directory -publish/ - -# Publish Web Output -*.[Pp]ublish.xml -*.azurePubxml -# Note: Comment the next line if you want to checkin your web deploy settings, -# but database connection strings (with potential passwords) will be unencrypted -*.pubxml -*.publishproj - -# Microsoft Azure Web App publish settings. Comment the next line if you want to -# checkin your Azure Web App publish settings, but sensitive information contained -# in these scripts will be unencrypted -PublishScripts/ - -# NuGet Packages -*.nupkg -# NuGet Symbol Packages -*.snupkg -# The packages folder can be ignored because of Package Restore -**/[Pp]ackages/* -# except build/, which is used as an MSBuild target. -!**/[Pp]ackages/build/ -# Uncomment if necessary however generally it will be regenerated when needed -#!**/[Pp]ackages/repositories.config -# NuGet v3's project.json files produces more ignorable files -*.nuget.props -*.nuget.targets - -# Microsoft Azure Build Output -csx/ -*.build.csdef - -# Microsoft Azure Emulator -ecf/ -rcf/ - -# Windows Store app package directories and files -AppPackages/ -BundleArtifacts/ -Package.StoreAssociation.xml -_pkginfo.txt -*.appx -*.appxbundle -*.appxupload - -# Visual Studio cache files -# files ending in .cache can be ignored -*.[Cc]ache -# but keep track of directories ending in .cache -!?*.[Cc]ache/ - -# Others -ClientBin/ -~$* -*~ -*.dbmdl -*.dbproj.schemaview -*.jfm -*.pfx -*.publishsettings -orleans.codegen.cs - -# Including strong name files can present a security risk -# (https://github.com/github/gitignore/pull/2483#issue-259490424) -#*.snk - -# Since there are multiple workflows, uncomment next line to ignore bower_components -# (https://github.com/github/gitignore/pull/1529#issuecomment-104372622) -#bower_components/ - -# RIA/Silverlight projects -Generated_Code/ - -# Backup & report files from converting an old project file -# to a newer Visual Studio version. Backup files are not needed, -# because we have git ;-) -_UpgradeReport_Files/ -Backup*/ -UpgradeLog*.XML -UpgradeLog*.htm -ServiceFabricBackup/ -*.rptproj.bak - -# SQL Server files -*.mdf -*.ldf -*.ndf - -# Business Intelligence projects -*.rdl.data -*.bim.layout -*.bim_*.settings -*.rptproj.rsuser -*- [Bb]ackup.rdl -*- [Bb]ackup ([0-9]).rdl -*- [Bb]ackup ([0-9][0-9]).rdl - -# Microsoft Fakes -FakesAssemblies/ - -# GhostDoc plugin setting file -*.GhostDoc.xml - -# Node.js Tools for Visual Studio -.ntvs_analysis.dat -node_modules/ - -# Visual Studio 6 build log -*.plg - -# Visual Studio 6 workspace options file -*.opt - -# Visual Studio 6 auto-generated workspace file (contains which files were open etc.) -*.vbw - -# Visual Studio 6 auto-generated project file (contains which files were open etc.) -*.vbp - -# Visual Studio 6 workspace and project file (working project files containing files to include in project) -*.dsw -*.dsp - -# Visual Studio 6 technical files -*.ncb -*.aps - -# Visual Studio LightSwitch build output -**/*.HTMLClient/GeneratedArtifacts -**/*.DesktopClient/GeneratedArtifacts -**/*.DesktopClient/ModelManifest.xml -**/*.Server/GeneratedArtifacts -**/*.Server/ModelManifest.xml -_Pvt_Extensions - -# Paket dependency manager -.paket/paket.exe -paket-files/ - -# FAKE - F# Make -.fake/ - -# CodeRush personal settings -.cr/personal - -# Python Tools for Visual Studio (PTVS) -__pycache__/ -*.pyc - -# Cake - Uncomment if you are using it -# tools/** -# !tools/packages.config - -# Tabs Studio -*.tss - -# Telerik's JustMock configuration file -*.jmconfig - -# BizTalk build output -*.btp.cs -*.btm.cs -*.odx.cs -*.xsd.cs - -# OpenCover UI analysis results -OpenCover/ - -# Azure Stream Analytics local run output -ASALocalRun/ - -# MSBuild Binary and Structured Log -*.binlog - -# NVidia Nsight GPU debugger configuration file -*.nvuser - -# MFractors (Xamarin productivity tool) working folder -.mfractor/ - -# Local History for Visual Studio -.localhistory/ - -# Visual Studio History (VSHistory) files -.vshistory/ - -# BeatPulse healthcheck temp database -healthchecksdb - -# Backup folder for Package Reference Convert tool in Visual Studio 2017 -MigrationBackup/ - -# Ionide (cross platform F# VS Code tools) working folder -.ionide/ - -# Fody - auto-generated XML schema -FodyWeavers.xsd - -# VS Code files for those working on multiple tools -.vscode/* -!.vscode/settings.json -!.vscode/tasks.json -!.vscode/launch.json -!.vscode/extensions.json -*.code-workspace - -# Local History for Visual Studio Code -.history/ - -# Windows Installer files from build outputs -*.cab -*.msi -*.msix -*.msm -*.msp - -# JetBrains Rider -*.sln.iml - -# ---> VisualStudioCode -.vscode/* -!.vscode/settings.json -!.vscode/tasks.json -!.vscode/launch.json -!.vscode/extensions.json -!.vscode/*.code-snippets - -# Local History for Visual Studio Code -.history/ - -# Built Visual Studio Code Extensions -*.vsix - -# ---> Hugo -# Generated files by hugo -/public/ -/resources/_gen/ -/assets/jsconfig.json -hugo_stats.json - -# Executable may be added to repository -hugo.exe -hugo.darwin -hugo.linux - -# Temporary lock file while building +Thumbs.db +.DS_Store +.dist +.tmp +.lock +/.sass-cache +/npm-debug.log +/node_modules +/builds +/package-lock.json +/public +/resources /.hugo_build.lock +/jsconfig.json +/hugo_stats.json +/go.sum +/yarn.lock +/.idea +.awsrc diff --git a/.gitlab-ci.yml b/.gitlab-ci.yml new file mode 100644 index 0000000..c4120a0 --- /dev/null +++ b/.gitlab-ci.yml @@ -0,0 +1,38 @@ +stages: + - build + +variables: + HUGO_ENV: production + HUGO_VERSION: "0.124.1" + GO_VERSION: "1.22.2" + NODE_VERSION: "18.16.1" + +cache: + paths: + - node_modules/ + +default: + image: node:${NODE_VERSION} + before_script: + - echo "USING NODE ${NODE_VERSION}" + - apt-get update && apt-get install -y curl + - curl -LO "https://github.com/gohugoio/hugo/releases/download/v${HUGO_VERSION}/hugo_extended_${HUGO_VERSION}_Linux-64bit.tar.gz" + - tar -xvf hugo_extended_${HUGO_VERSION}_Linux-64bit.tar.gz + - mv hugo /usr/local/bin/ + - rm hugo_extended_${HUGO_VERSION}_Linux-64bit.tar.gz + - echo "HUGO ${HUGO_VERSION} INSTALLED" + - curl -LO "https://dl.google.com/go/go${GO_VERSION}.linux-amd64.tar.gz" + - tar -C /usr/local -xzf go${GO_VERSION}.linux-amd64.tar.gz + - export PATH=$PATH:/usr/local/go/bin + - rm go${GO_VERSION}.linux-amd64.tar.gz + - echo "GO ${GO_VERSION} INSTALLED" + - npm install + +pages: + stage: build + script: + - npm run project-setup + - npm run build + artifacts: + paths: + - public diff --git a/.jshintrc b/.jshintrc new file mode 100644 index 0000000..873eef9 --- /dev/null +++ b/.jshintrc @@ -0,0 +1,59 @@ +{ + "maxerr": 50, + "bitwise": true, + "camelcase": false, + "curly": true, + "eqeqeq": true, + "forin": true, + "freeze": true, + "immed": true, + "indent": 2, + "latedef": true, + "newcap": false, + "noarg": true, + "noempty": true, + "nonbsp": true, + "nonew": true, + "plusplus": false, + "undef": true, + "unused": false, + "strict": true, + "maxparams": false, + "maxdepth": 4, + "maxstatements": false, + "maxcomplexity": false, + "maxlen": 400, + "browser": true, + "devel": true, + "asi": false, + "boss": false, + "debug": false, + "eqnull": false, + "es3": false, + "es5": false, + "esversion": 12, + "moz": false, + "evil": true, + "expr": true, + "funcscope": false, + "globalstrict": false, + "iterator": false, + "lastsemic": false, + "laxbreak": false, + "laxcomma": false, + "loopfunc": true, + "multistr": true, + "noyield": false, + "notypeof": false, + "proto": false, + "scripturl": false, + "shadow": false, + "sub": false, + "supernew": false, + "validthis": false, + "globals": { + "jQuery": false, + "google": false, + "$": false + } +} diff --git a/.markdownlint.json b/.markdownlint.json new file mode 100755 index 0000000..7d41e3f --- /dev/null +++ b/.markdownlint.json @@ -0,0 +1,5 @@ +{ + "MD033": false, + "MD034": false, + "MD013": false +} diff --git a/.prettierrc b/.prettierrc new file mode 100755 index 0000000..ee30508 --- /dev/null +++ b/.prettierrc @@ -0,0 +1,13 @@ +{ + "plugins": ["prettier-plugin-go-template"], + "overrides": [ + { + "files": ["*.html"], + "options": { + "parser": "go-template", + "goTemplateBracketSpacing": true, + "bracketSameLine": true + } + } + ] +} diff --git a/.woodpecker.yaml b/.woodpecker.yaml new file mode 100644 index 0000000..0b9ecd0 --- /dev/null +++ b/.woodpecker.yaml @@ -0,0 +1,44 @@ +--- + +steps: + - name: build + when: + event: [push] + image: node:20.17.0 + commands: + - export GO_VERSION=1.22.3 + - export HUGO_VERSION=0.134.2 + - export HUGO_ENV=production + - apt-get update && apt-get install -y curl + - echo "https://github.com/gohugoio/hugo/releases/download/v$${HUGO_VERSION}/hugo_extended_$${HUGO_VERSION}_Linux-64bit.tar.gz" + - curl -LO "https://github.com/gohugoio/hugo/releases/download/v$${HUGO_VERSION}/hugo_extended_$${HUGO_VERSION}_Linux-64bit.tar.gz" + - tar -xvf hugo_extended_$${HUGO_VERSION}_Linux-64bit.tar.gz + - mv hugo /usr/local/bin/ + - rm hugo_extended_$${HUGO_VERSION}_Linux-64bit.tar.gz + - echo "HUGO $${HUGO_VERSION} INSTALLED" + - curl -LO "https://dl.google.com/go/go$${GO_VERSION}.linux-amd64.tar.gz" + - tar -C /usr/local -xzf go$${GO_VERSION}.linux-amd64.tar.gz + - export PATH=$PATH:/usr/local/go/bin + - rm go$${GO_VERSION}.linux-amd64.tar.gz + - echo "GO $${GO_VERSION} INSTALLED" + - npm run project-setup + - npm install + - npm run build + + - name: deploy + when: + event: [push] + branch: [hugoplate] + image: plugins/s3 + settings: + bucket: chtinux.org + endpoint: https://garage.deuxfleurs.fr + region: garage + access_key: + from_secret: chtinux_aws_access_key_id + secret_key: + from_secret: chtinux_aws_secret_access_key + source: public/**/* + target: / + strip_prefix: public/ + path_style: true diff --git a/README.md b/README.md index 73e4361..68c8ee0 100644 --- a/README.md +++ b/README.md @@ -1,16 +1,35 @@ -# Chtinux's website +# Site internet : Chtinux reloaded 🍟🍟🍟🍟🍟🍟 -- Live website at: https://chtinux.org -- Pre-prod website at: https://chtinux.web.deuxfleurs.fr +- La prod : https://chtinux.org +- La pre-prod : https://chtinux.web.deuxfleurs.fr + +Ce site est un site statique généré grace à [HUGO](https://gohugo.io/) + +## 🖼️ Template du site + +Le template est [hugoplate](https://themes.gohugo.io/themes/hugoplate/) +Un conseil bien lire le README du templates contient des particularités, +la documentation d'hugo ne suffit pas. +>>>>>>> hugoplate + +## 📅 Mettre à jour de l'agenda + +Un script python récupere l'ics de l'agenda du libre et génére les pages hugo +(dans le dossier /content/francais/agenda/) + + +./recup_agenda.sh + + +Le script fonctionne avec python3, et dépend du paquet `icalendar`. -## Changing the DNS records +## Édition des DNS -To point the live chtinux.org site to Deuxfleurs' infrastructure (from linux62), update its DNS records in Gandi. +Si vous voulez que le domaine chtinux.org pointe vers le vieux hébergement : `@ A 213.36.253.12` -From: `@ A 213.36.253.12` +Si vous voulez qu'il pointe vers Deuxfleurs : `@ ALIAS garage.deuxfleurs.fr.` -To: `@ ALIAS garage.deuxfleurs.fr` - -Also ensure no other CNAME points to @. +Déconnez pas, ya pas TLS sur le vieux bouzin, et sur le nouveau ya [HSTS](https://fr.wikipedia.org/wiki/HTTP_Strict_Transport_Security), qui explique à qui veut l'entendre que si le site est en HTTP (ou ses sous-domaines, comme le wiki), c'est que vous subissez une attaque. +(En d'autres termes on est dans la merde pour le wiki.) diff --git a/_redirects b/_redirects new file mode 100644 index 0000000..e6c1017 --- /dev/null +++ b/_redirects @@ -0,0 +1 @@ +/* /en/404.html 404 \ No newline at end of file diff --git a/actualite/index.xml b/actualite/index.xml deleted file mode 100644 index 3b9557b..0000000 --- a/actualite/index.xml +++ /dev/null @@ -1,128 +0,0 @@ - - - Actualité sur Chtinux - http://chtinux.org/actualite/ - Actualité - Hugo -- gohugo.io - fr - Sun, 28 Apr 2024 22:00:00 +0200 - - Logo de Actualité - http://chtinux.org//chtinux.png - http://chtinux.org/actualite/ - - - - - - - Paris XIème : Rencontre-débat « le pouvoir selon Google » le 04/05 à Publico - http://chtinux.org/actualite/2024-04-28/ - Sun, 28 Apr 2024 22:00:00 +0200 - - http://chtinux.org/actualite/2024-04-28/ - Le pouvoir selon Google : suivi du guide pratique pour boycotter google -Des livres sur Google, il y en a déjà un certain nombre. Parfois pas inintéressants, malgré une propension au stéréotype. Mais celui-ci sort assurément de l’ordinaire. C’est une autopsie méticuleuse de la bête, encore vivante. A la hache et au scalpel. Mais c’est bien plus que cela. C’est une analyse de l’âme de la bête. De sa dimension économique, politique, philosophique et, même, civilisationnelle. - - - - Fête de Mycélium & Spores extrêmes - http://chtinux.org/actualite/2022-04-06/ - Wed, 06 Apr 2022 10:00:00 +0200 - - http://chtinux.org/actualite/2022-04-06/ - L’association Mycélium organise une fête champignonesque pour célébrer ses nombreuses années d’existence en tant que fournisseur d’accès internet non-marchand et tenter d’étendre un peu les filaments de son mycélium sur la métropole lilloise. Parce qu’il correspond aux aspirations à l’autogestion et à l’autonomie de Mycélium, la fête aura lieu au Centre Culturel Libertaire. -Voyez l’affriolant programme ! -🍄 Elle commencera dès 12h00 par une fricassée collective de champignons et des discussions joyeuses autour des tables. - - - - Festival «Nos désirs sont désordres #5», du 8 au 10 avril 2022 - http://chtinux.org/actualite/2022-02-20/ - Sun, 20 Feb 2022 10:00:00 +0100 - - http://chtinux.org/actualite/2022-02-20/ - «Nos désirs sont désordres», le festival de films libres de critique sociale de Lent Ciné, aura lieu du 8 au 10 avril 2022, au cinéma L’Univers. -Le programme et les infos sur leur site : https://lentcine.tuxfamily.org/2022/02/01/festival-nos-desirs-sont-desordres-5-8-9-10-avril-a-lille/ - - - - metalu.net à Esch2022 capitale européenne de la culture - http://chtinux.org/actualite/2022-02-18/ - Fri, 18 Feb 2022 17:00:00 +0100 - - http://chtinux.org/actualite/2022-02-18/ - Métalu.Net organise plusieurs événements dans le cadre de Esch2022. -D’une part, des ateliers de domozique (instruments de musique fabriquée à partir d’objets du quotidien et d’électronique). D’autre part des rencontres autour des pratiques numériques libres (que nous appelons “En Quêtes”). -Samedi 26 février au Bâtiment4 d’Esch-sur-Alzette aura lieu la 1ère “En Quête” animée par Jean-Yves Jeannas avec la complicité de Christian Mahieu, autour des libertés numériques. -Infos par ici : http://metalu. - - - - Documentaire «Disparaître - Sous les radars des algorithmes» - http://chtinux.org/actualite/2021-12-04/ - Sat, 04 Dec 2021 12:00:00 +0100 - - http://chtinux.org/actualite/2021-12-04/ - Diffusion sur Arte et ailleurs d’un nouveau documentaire de Marc Meillassoux, aussi réalisateur de «Nothing to Hide». -Comment protéger ses activités numériques de la surveillance et de la malveillance ? Un panorama didactique des solutions alternatives à la portée de tous. -“Nos libertés sont en train de s’évaporer sous nos yeux”, s’alarme une jeune chercheuse hongkongaise. Tous les jours, les données personnelles que chacun laisse sur les outils gracieusement mis à sa disposition par les Gafam – messageries instantanées, réseaux sociaux, navigateurs, moteurs de recherche, services de cartographie en ligne et de géolocalisation… – fragilisent le droit à la vie privée. - - - - La valeur éternelle de la vie privée - http://chtinux.org/actualite/2021-11-08/ - Mon, 08 Nov 2021 12:00:00 +0100 - - http://chtinux.org/actualite/2021-11-08/ - Traduction d’un texte de Bruce Schneier publié en 2006. -Les promoteurs de la surveillance gouvernementale de masse sont fiers de dire que seuls les coupables devraient s’inquiéter de l’espionnage. Jetons cet argument fallacieux aux ordures une bonne fois pour toute. -La réplique la plus fréquente faite aux défenseurs de la vie privée, par ceux qui sont favorables aux vérifications d’identité, caméras, banques de données, exploitation de données et autres mesures de surveillance de masse, tient en cette ligne: “Puisque vous ne faîtes rien de mal, qu’avez vous à cacher ? - - - - Relai de la lettre d'informations d'InterHop - http://chtinux.org/actualite/2021-03-05/ - Fri, 05 Mar 2021 21:00:00 +0100 - - http://chtinux.org/actualite/2021-03-05/ - Chtinux vous invite à prendre des nouvelles d’InterHop, une association fort active sur la question des données personnelles de santé et des problèmes liés à la mise en place du Health Data Hub par le gouvernement. Nous reproduisons ci-dessous sa dernière lettre d’informations. -Interhop: Lancement de nos outils et retour sur la commission Latombe -Bonjour, -Nous vous espérons en pleine forme. -Dans cette nouvelle newsletter, nous abordons les point suivants : nos financements, le lancement de nos premiers outils et un point sur la commission Latombe et l’actuelle position de la CNAM par rapport au Health Data Hub. - - - - Simplification du site Chtinux.org - http://chtinux.org/actualite/2021-02-02/ - Tue, 02 Feb 2021 17:00:00 +0100 - - http://chtinux.org/actualite/2021-02-02/ - Le site de Chtinux était motorisé par Drupal. -Par la vieillesse du site, les mises à jour de Drupal sont devenues difficiles à appliquer, et soulevaient des problèmes de sécurité que la maintenance d’une telle plateforme implique. -C’est pourquoi nous nous rabattons vers une version simplifiée du site web, sans doute moins jolie, ayant moins de fonctionnalités, mais qui mènera certainement sa mission à bien :P Ce mini-site est conçu avec Hugo. - - - - Jami comme client Zoom, astuce pour les salles protégées par mot de passe... - http://chtinux.org/actualite/2021-01-01/ - Fri, 01 Jan 2021 12:00:00 +0100 - - http://chtinux.org/actualite/2021-01-01/ - Traduction d’un billet du blog de Petter Reinholdtsen par mes soins. Une contribution confignolée car je trouvais que la démarche suivait le bon esprit et que je découvre à cette occasion que l’on peut joindre un salon Zoom via SIP (je n’ai pas eu à le faire, mais ça peut être utile à d’autres). -Si en revanche vous êtes dans une situation plus auto-organisée, que vous avez le choix de la plateforme au sein de votre structure, et pouvez mandater des personnes techniciennes pour la mettre en place, des solutions entièrement libres comme Mumble (audio à plusieurs dizaines/centaines de personnes) et Jitsi (audio/video à une 10aine de personnes) se mettent en place sans grands efforts. - - - - Discussions du libre (en ligne) - http://chtinux.org/actualite/2020-11-01/ - Sun, 01 Nov 2020 12:00:00 +0100 - - http://chtinux.org/actualite/2020-11-01/ - Du fait de ne pas pouvoir tenir notre réunion mensuelle au Café Citoyen comme à l’habitude, nous convertissons pour cette fois (et peut-être d’autres) ce créneau de rencontre en «discussion en ligne». -Ce rendez-vous est une occasion de retrouver des membres de plusieurs associations lilloises oeuvrant dans le domaine de l’internet et du logiciel libre (Chtinux, CLX, Mycélium, Raoull…), de s’informer des activités de chacune, de poser des questions liées à votre usage de l’informatique, et de trouver des pistes pour rendre cet outil moins éprouvant à l’usage. - - - - diff --git a/amplify.yml b/amplify.yml new file mode 100644 index 0000000..d6d960f --- /dev/null +++ b/amplify.yml @@ -0,0 +1,29 @@ +version: 1 +frontend: + phases: + preBuild: + commands: + - yum install -y curl + - curl -LO "https://github.com/gohugoio/hugo/releases/download/v0.124.1/hugo_extended_0.124.1_Linux-64bit.tar.gz" + - tar -xvf hugo_extended_0.124.1_Linux-64bit.tar.gz + - mv hugo /usr/local/bin/ + - rm hugo_extended_0.124.1_Linux-64bit.tar.gz + - echo "HUGO 0.124.1 INSTALLED" + - curl -LO "https://dl.google.com/go/go1.22.2.linux-amd64.tar.gz" + - tar -C /usr/local -xzf go1.22.2.linux-amd64.tar.gz + - export PATH=$PATH:/usr/local/go/bin + - rm go1.22.2.linux-amd64.tar.gz + - echo "GO 1.22.2 INSTALLED" + - npm install + build: + commands: + - npm run project-setup + - npm run build + artifacts: + # IMPORTANT - Please verify your build output directory + baseDirectory: /public + files: + - "**/*" + cache: + paths: + - node_modules/**/* diff --git a/apropos/chtinux/index.html b/apropos/chtinux/index.html deleted file mode 100644 index 8a1a45f..0000000 --- a/apropos/chtinux/index.html +++ /dev/null @@ -1,102 +0,0 @@ - - - - - Chtinux :: Chtinux - - - - - - - - - - -
- - - - - -
- - -

À propos : Chtinux

- - -

Chtinux est une association de promotion des logiciels -libres de la métropole lilloise. -C’est une association à but non lucratif (loi 1901) composée exclusivement de -bénévoles.

-

L’association a été fondée en 2002 sous le nom de Campux comme un groupe -d’utilisateurs de Linux par des étudiants de Lille 1.

-

Chtinux met sur pied de nombreux événements (conférences, ateliers, installs -partys etc.) et participe à de nombreux autres (forums, salons). Consultez -l’agenda du Libre -pour vous tenir informés des prochains évènements

-

Chtinux est un interlocuteur pour les individus et les associations qui -souhaitent découvrir le logiciel Libre et ses valeurs.

-

Chtinux cherche également à convaincre les administrations locales des -bienfaits que peuvent leur apporter l’usage des logiciels Libres.

-

Enfin, Chtinux tâche de faire la promotion de l’usage des logiciels Libres en -entreprise, notamment en faisant de la publicité pour les sociétés éditrices de -logiciels Libres ou de services en ingénierie informatique Libre sur la -métropole lilloise.

-

Chtinux participe à l’initiative Libre -association de -l’April qui vise à mettre en relation le monde -associatif et le monde du logiciel Libre. Dans ce cadre Chtinux peut apporter -de l’accompagnement dans l’usage de logiciels Libre et, sous certaines -conditions, des formations.

-

Chtinux n’est qu’une association parmi d’autres qui existent dans la région -Nord-Pas de Calais. Si vous habitez loin de Lille, consultez cette liste pour -trouver une association plus proche de chez vous.

- - - -
- - - diff --git a/apropos/contact/index.html b/apropos/contact/index.html deleted file mode 100644 index 44c1c82..0000000 --- a/apropos/contact/index.html +++ /dev/null @@ -1,109 +0,0 @@ - - - - - Contact :: Chtinux - - - - - - - - - - -
- - - - - -
- - -

À propos : Contact

- - -

Vous disposez de plusieurs possibilités pour nous joindre :

-

Adresse postale

-
Association Chtinux
-Maison Régionale de l’Environnement et des Solidarités
-5 rue Jules de Vicq, 59800 Lille, France
-
-

Courriel

-

Vous pouvez nous joindre à l’adresse email suivante : bonjour AROBASE chtinux POINT org

-

Vous pouve joindre l’équipe de l’Écho Des Gnous à : edg AROBASE chtinux POINT org

-

IRC

-

L’association dispose d’un canal de discussion IRC, que vous pouvez rejoindre :

- -

Listes de diffusion

-

Vous pouvez vous tenir au courant des activités de l’association en recevant -les annonces des manifestations ainsi que la newsletter en vous inscrivant sur -notre liste de diffusion -publique.

-

Vous pouvez également rejoindre la liste des -adhérents

-

Réseaux sociaux

-

Nous sommes présents principalement sur les réseaux libres et fédérés suivants :

- -

Nous vous déconseillons les services fermés et centralisés ! Néanmoins vous pouvez quand même nous suivre sur :

- -

AFK - Away From Keyboard (Loin du clavier)

-

Vous pouvez aussi tout simplement venir à nos évènements ou à nos permanences :-]

- - - -
- - - diff --git a/apropos/echodesgnous b/apropos/echodesgnous deleted file mode 100644 index 4a30f06..0000000 --- a/apropos/echodesgnous +++ /dev/null @@ -1,104 +0,0 @@ - - - - - L'écho des gnous :: Chtinux - - - - - - - - - - -
- - - - - -
- - -

À propos : L'écho des gnous

- - -

L’Écho des Gnous est l’émission de radio consacrée au logiciel Libre et à la -culture libriste, animée par l’association Chtinux. Elle est diffusée dimanche -soir de 19h à 20h, sur Radio Campus Lille, 106.6 FM sur la métropole lilloise -ou en streaming sur campuslille.com.

-

Depuis octobre 2010 nous vous proposons « l’émission qui vous explique -l’informatique libre », pas réservée aux informaticiens, mais au contraire -destinée au plus grand nombre. Nous vous proposons deux concepts en alternance, -chacun étant diffusé une semaine sur deux :

- -

Quelques pauses musicales sont proposées pendant l’émission. Bien entendu, tous -les morceaux choisis sont disponibles sous licences de libre diffusion -(Creative Commons, Art Libre…)

-

Vous pouvez contacter l’équipe de l’émission via IRC -(webchat) ou par email en écrivant à e d g CHEZ c h -t i n u x POINT o r g.

-

Envie de retrouver les précédentes émissions ?

- - - - -
- - - diff --git a/apropos/index.xml b/apropos/index.xml deleted file mode 100644 index d03464d..0000000 --- a/apropos/index.xml +++ /dev/null @@ -1,103 +0,0 @@ - - - À propos sur Chtinux - http://chtinux.org/apropos/ - À propos - Hugo -- gohugo.io - fr - - Logo de À propos - http://chtinux.org//chtinux.png - http://chtinux.org/apropos/ - - - - - - - Adhésions - http://chtinux.org/apropos/adhesions/ - Mon, 01 Jan 0001 00:00:00 +0000 - - http://chtinux.org/apropos/adhesions/ - Les adhésions servent à couvrir les frais engagés par l’association (réservations de noms de domaines, matériel utilisé pendant les foires aux installations…). -Ces coûts sont négligeables. En fait, les frais banquaires sont les frais principaux, c’est pourquoi nous n’avons plus de compte auprès d’une banque ordinaire. -Faute de mieux, nous disposons d’un compte Paypal. Si vous le souhaitez, vous pouvez y souscrire en y inscrivant la somme que vous voulez (quelques euros si vous êtes fauché·e, 10€ ou plus ! - - - - Cafés du libre - http://chtinux.org/apropos/permanences/ - Mon, 01 Jan 0001 00:00:00 +0000 - - http://chtinux.org/apropos/permanences/ - Il s’agit à l’origine des permanences de Chtinux, désormais ouvertes à toutes les associations gravitant autour de l’informatique libre de la région. -Elles ont lieu chaque dernier mardi du mois, à 20h30, au Café Citoyen. - - - - Chtinux - http://chtinux.org/apropos/chtinux/ - Mon, 01 Jan 0001 00:00:00 +0000 - - http://chtinux.org/apropos/chtinux/ - Chtinux est une association de promotion des logiciels libres de la métropole lilloise. C’est une association à but non lucratif (loi 1901) composée exclusivement de bénévoles. -L’association a été fondée en 2002 sous le nom de Campux comme un groupe d’utilisateurs de Linux par des étudiants de Lille 1. -Chtinux met sur pied de nombreux événements (conférences, ateliers, installs partys etc.) et participe à de nombreux autres (forums, salons). Consultez l’agenda du Libre pour vous tenir informés des prochains évènements - - - - Contact - http://chtinux.org/apropos/contact/ - Mon, 01 Jan 0001 00:00:00 +0000 - - http://chtinux.org/apropos/contact/ - Vous disposez de plusieurs possibilités pour nous joindre : -Adresse postale Association Chtinux Maison Régionale de l’Environnement et des Solidarités 5 rue Jules de Vicq, 59800 Lille, France Courriel Vous pouvez nous joindre à l’adresse email suivante : bonjour AROBASE chtinux POINT org -Vous pouve joindre l’équipe de l’Écho Des Gnous à : edg AROBASE chtinux POINT org -IRC L’association dispose d’un canal de discussion IRC, que vous pouvez rejoindre : - - - - Histoire - http://chtinux.org/apropos/histoire/ - Mon, 01 Jan 0001 00:00:00 +0000 - - http://chtinux.org/apropos/histoire/ - Voici l’histoire du groupe d’utilisateurs de logiciels libres Chtinux, anciennement Campux, depuis sa création en tant que LUG étudiant, jusque nos jours en tant que groupe de la métropole lilloise. -Notez : Chtinux sera parfois appelée Campux, en rappel de son nom historique au moment des évènements. Les aïeux -un vieux logo Campux (c’était le nom de l’association alors) n’est pas vraiment une association pionnière, les trois universités publiques de Lille sont depuis longtemps le théâtre de quelques activités autour du logiciel libre. - - - - L'écho des gnous - http://chtinux.org/apropos/echodesgnous/ - Mon, 01 Jan 0001 00:00:00 +0000 - - http://chtinux.org/apropos/echodesgnous/ - L’Écho des Gnous est l’émission de radio consacrée au logiciel Libre et à la culture libriste, animée par l’association Chtinux. Elle est diffusée dimanche soir de 19h à 20h, sur Radio Campus Lille, 106.6 FM sur la métropole lilloise ou en streaming sur campuslille.com. -Depuis octobre 2010 nous vous proposons « l’émission qui vous explique l’informatique libre », pas réservée aux informaticiens, mais au contraire destinée au plus grand nombre. Nous vous proposons deux concepts en alternance, chacun étant diffusé une semaine sur deux : - - - - Liens - http://chtinux.org/apropos/liens/ - Mon, 01 Jan 0001 00:00:00 +0000 - - http://chtinux.org/apropos/liens/ - Associations dont Chtinux est membre Chtinux est membre des associations suivantes : -APRIL, association de défense et de promotion du logiciel Libre ANIS, réflexion citoyenne autour des usages d’Internet Autres Groupes d’utilisateurs de logiciels Libres dans la région Nord-Pas de Calais Et autres groupes d’informaticiens plus ou moins barbus et plus ou moins de la région : -Béthune Libre, Béthune CLX, régional Linux Cambrésis Linux62, Boulogne sur Mer Associations d’informatique libre à Lille Mycélium, fournisseur d’accès internet membre de la fédération FFDN dans la région lilloise [Raoull](https://raoull. - - - - Site - http://chtinux.org/apropos/site/ - Mon, 01 Jan 0001 00:00:00 +0000 - - http://chtinux.org/apropos/site/ - Code source du site Il peut être récupéré par ici : https://git.sr.ht/~chtinux/ - - - - diff --git a/apropos/permanences/index.html b/apropos/permanences/index.html deleted file mode 100644 index c89fb6a..0000000 --- a/apropos/permanences/index.html +++ /dev/null @@ -1,79 +0,0 @@ - - - - - Cafés du libre :: Chtinux - - - - - - - - - - -
- - - - - -
- - -

À propos : Cafés du libre

- - -

Il s’agit à l’origine des permanences de Chtinux, désormais ouvertes à toutes -les associations gravitant autour de l’informatique libre de la région.

-

Elles ont lieu chaque dernier mardi du mois, à 20h30, au Café -Citoyen.

- - - -
- - - diff --git a/archetypes/agenda.md b/archetypes/agenda.md new file mode 100644 index 0000000..20ac129 --- /dev/null +++ b/archetypes/agenda.md @@ -0,0 +1,9 @@ +--- +title: '{{ replace .File.ContentBaseName "-" " " | title }}' +date: {{ .Date }} +date_evt: '{{ time.Now.Format "2010-01-02" }}' +location: '' +url_site: '' +ville: '' +draft: false +--- diff --git a/archetypes/default.md b/archetypes/default.md new file mode 100644 index 0000000..9b8bb75 --- /dev/null +++ b/archetypes/default.md @@ -0,0 +1,6 @@ ++++ +title = '{{ replace .File.ContentBaseName "-" " " | title }}' +date = {{ .Date }} +draft = true +masquer_liens = false ++++ diff --git a/assets/fonts/fa-brands-400.woff2 b/assets/fonts/fa-brands-400.woff2 new file mode 100644 index 0000000..8a480d9 Binary files /dev/null and b/assets/fonts/fa-brands-400.woff2 differ diff --git a/assets/fonts/fa-solid-900.woff2 b/assets/fonts/fa-solid-900.woff2 new file mode 100644 index 0000000..88b0367 Binary files /dev/null and b/assets/fonts/fa-solid-900.woff2 differ diff --git a/assets/fonts/fonts.css b/assets/fonts/fonts.css new file mode 100644 index 0000000..6de931f --- /dev/null +++ b/assets/fonts/fonts.css @@ -0,0 +1,145 @@ +// Add your own custom styles here +/* hebrew */ +@font-face { + font-family: 'Heebo'; + font-style: normal; + font-weight: 400; + font-display: swap; + src: url(/fonts/NGS6v5_NC0k9P9H0TbFzsQ.woff2) format('woff2'); + unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; +} +/* math */ +@font-face { + font-family: 'Heebo'; + font-style: normal; + font-weight: 400; + font-display: swap; + src: url(/fonts/NGS6v5_NC0k9P9GKTbFzsQ.woff2) format('woff2'); + unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0330, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2034-2037, U+2057, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2102, U+210A-210E, U+2110-2112, U+2115, U+2119-211D, U+2124, U+2128, U+212C-212D, U+212F-2131, U+2133-2138, U+213C-2140, U+2145-2149, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B6, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF; +} +/* symbols */ +@font-face { + font-family: 'Heebo'; + font-style: normal; + font-weight: 400; + font-display: swap; + src: url(/fonts/NGS6v5_NC0k9P9GYTbFzsQ.woff2) format('woff2'); + unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8B1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA88, U+1FA90-1FABD, U+1FABF-1FAC5, U+1FACE-1FADB, U+1FAE0-1FAE8, U+1FAF0-1FAF8, U+1FB00-1FBFF; +} +/* latin-ext */ +@font-face { + font-family: 'Heebo'; + font-style: normal; + font-weight: 400; + font-display: swap; + src: url(/fonts/NGS6v5_NC0k9P9H4TbFzsQ.woff2) format('woff2'); + unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; +} +/* latin */ +@font-face { + font-family: 'Heebo'; + font-style: normal; + font-weight: 400; + font-display: swap; + src: url(/fonts/NGS6v5_NC0k9P9H2TbE.woff2) format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} +/* hebrew */ +@font-face { + font-family: 'Heebo'; + font-style: normal; + font-weight: 600; + font-display: swap; + src: url(/fonts/NGS6v5_NC0k9P9H0TbFzsQ.woff2) format('woff2'); + unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; +} +/* math */ +@font-face { + font-family: 'Heebo'; + font-style: normal; + font-weight: 600; + font-display: swap; + src: url(/fonts/NGS6v5_NC0k9P9GKTbFzsQ.woff2) format('woff2'); + unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0330, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2034-2037, U+2057, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2102, U+210A-210E, U+2110-2112, U+2115, U+2119-211D, U+2124, U+2128, U+212C-212D, U+212F-2131, U+2133-2138, U+213C-2140, U+2145-2149, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B6, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF; +} +/* symbols */ +@font-face { + font-family: 'Heebo'; + font-style: normal; + font-weight: 600; + font-display: swap; + src: url(/fonts/NGS6v5_NC0k9P9GYTbFzsQ.woff2) format('woff2'); + unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8B1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA88, U+1FA90-1FABD, U+1FABF-1FAC5, U+1FACE-1FADB, U+1FAE0-1FAE8, U+1FAF0-1FAF8, U+1FB00-1FBFF; +} +/* latin-ext */ +@font-face { + font-family: 'Heebo'; + font-style: normal; + font-weight: 600; + font-display: swap; + src: url(/fonts/NGS6v5_NC0k9P9H4TbFzsQ.woff2) format('woff2'); + unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; +} +/* latin */ +@font-face { + font-family: 'Heebo'; + font-style: normal; + font-weight: 600; + font-display: swap; + src: url(/fonts/NGS6v5_NC0k9P9H2TbE.woff2) format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} +/* vietnamese */ +@font-face { + font-family: 'Signika'; + font-style: normal; + font-weight: 500; + font-display: swap; + src: url(/fonts/vEFO2_JTCgwQ5ejvMV0Ox_Kg1UwJ0tKfX6bOjM7sfA.woff2) format('woff2'); + unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; +} +/* latin-ext */ +@font-face { + font-family: 'Signika'; + font-style: normal; + font-weight: 500; + font-display: swap; + src: url(/fonts/vEFO2_JTCgwQ5ejvMV0Ox_Kg1UwJ0tKfX6bPjM7sfA.woff2) format('woff2'); + unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; +} +/* latin */ +@font-face { + font-family: 'Signika'; + font-style: normal; + font-weight: 500; + font-display: swap; + src: url(/fonts/vEFO2_JTCgwQ5ejvMV0Ox_Kg1UwJ0tKfX6bBjM4.woff2) format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} +/* vietnamese */ +@font-face { + font-family: 'Signika'; + font-style: normal; + font-weight: 700; + font-display: swap; + src: url(/fonts/vEFO2_JTCgwQ5ejvMV0Ox_Kg1UwJ0tKfX6bOjM7sfA.woff2) format('woff2'); + unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; +} +/* latin-ext */ +@font-face { + font-family: 'Signika'; + font-style: normal; + font-weight: 700; + font-display: swap; + src: url(/fonts/vEFO2_JTCgwQ5ejvMV0Ox_Kg1UwJ0tKfX6bPjM7sfA.woff2) format('woff2'); + unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; +} +/* latin */ +@font-face { + font-family: 'Signika'; + font-style: normal; + font-weight: 700; + font-display: swap; + src: url(/fonts/vEFO2_JTCgwQ5ejvMV0Ox_Kg1UwJ0tKfX6bBjM4.woff2) format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} diff --git a/assets/images/abl.png b/assets/images/abl.png new file mode 100644 index 0000000..32ece86 Binary files /dev/null and b/assets/images/abl.png differ diff --git a/assets/images/agenda.png b/assets/images/agenda.png new file mode 100644 index 0000000..471ccb5 Binary files /dev/null and b/assets/images/agenda.png differ diff --git a/assets/images/avatar-sm.png b/assets/images/avatar-sm.png new file mode 100644 index 0000000..e1699dc Binary files /dev/null and b/assets/images/avatar-sm.png differ diff --git a/assets/images/avatar.png b/assets/images/avatar.png new file mode 100755 index 0000000..387b035 Binary files /dev/null and b/assets/images/avatar.png differ diff --git a/assets/images/call-to-action.png b/assets/images/call-to-action.png new file mode 100755 index 0000000..ec2d625 Binary files /dev/null and b/assets/images/call-to-action.png differ diff --git a/assets/images/clissxxi.png b/assets/images/clissxxi.png new file mode 100644 index 0000000..ee3f285 Binary files /dev/null and b/assets/images/clissxxi.png differ diff --git a/assets/images/clx.png b/assets/images/clx.png new file mode 100644 index 0000000..4474475 Binary files /dev/null and b/assets/images/clx.png differ diff --git a/assets/images/deuxfleurs.svg b/assets/images/deuxfleurs.svg new file mode 100644 index 0000000..310ce71 --- /dev/null +++ b/assets/images/deuxfleurs.svg @@ -0,0 +1,85 @@ + + + + + + + + + + D + F + diff --git a/assets/images/echo_des_gnous.jpg b/assets/images/echo_des_gnous.jpg new file mode 100644 index 0000000..619b7f0 Binary files /dev/null and b/assets/images/echo_des_gnous.jpg differ diff --git a/assets/images/favicon.png b/assets/images/favicon.png new file mode 100644 index 0000000..0cbabce Binary files /dev/null and b/assets/images/favicon.png differ diff --git a/assets/images/frite.svg b/assets/images/frite.svg new file mode 100644 index 0000000..f29578c --- /dev/null +++ b/assets/images/frite.svg @@ -0,0 +1,209 @@ + + + + diff --git a/assets/images/gallery/01.jpg b/assets/images/gallery/01.jpg new file mode 100644 index 0000000..662fc1d Binary files /dev/null and b/assets/images/gallery/01.jpg differ diff --git a/assets/images/gallery/02.jpg b/assets/images/gallery/02.jpg new file mode 100644 index 0000000..22fb37f Binary files /dev/null and b/assets/images/gallery/02.jpg differ diff --git a/assets/images/gallery/03.jpg b/assets/images/gallery/03.jpg new file mode 100644 index 0000000..cea735f Binary files /dev/null and b/assets/images/gallery/03.jpg differ diff --git a/assets/images/gallery/04.jpg b/assets/images/gallery/04.jpg new file mode 100644 index 0000000..48d7c32 Binary files /dev/null and b/assets/images/gallery/04.jpg differ diff --git a/assets/images/gallery/05.jpg b/assets/images/gallery/05.jpg new file mode 100644 index 0000000..0987809 Binary files /dev/null and b/assets/images/gallery/05.jpg differ diff --git a/assets/images/gallery/06.jpg b/assets/images/gallery/06.jpg new file mode 100644 index 0000000..662fc1d Binary files /dev/null and b/assets/images/gallery/06.jpg differ diff --git a/assets/images/image-placeholder.png b/assets/images/image-placeholder.png new file mode 100755 index 0000000..a61a0c0 Binary files /dev/null and b/assets/images/image-placeholder.png differ diff --git a/assets/images/logo-darkmode.png b/assets/images/logo-darkmode.png new file mode 100644 index 0000000..6fd9830 Binary files /dev/null and b/assets/images/logo-darkmode.png differ diff --git a/assets/images/logo.png b/assets/images/logo.png new file mode 100644 index 0000000..6fd9830 Binary files /dev/null and b/assets/images/logo.png differ diff --git a/assets/images/logo_chtinux.svg b/assets/images/logo_chtinux.svg new file mode 100644 index 0000000..fa2eb32 --- /dev/null +++ b/assets/images/logo_chtinux.svg @@ -0,0 +1,177 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/images/mycellium.png b/assets/images/mycellium.png new file mode 100644 index 0000000..69c12ad Binary files /dev/null and b/assets/images/mycellium.png differ diff --git a/assets/images/no-search-found.png b/assets/images/no-search-found.png new file mode 100755 index 0000000..1e1e6e1 Binary files /dev/null and b/assets/images/no-search-found.png differ diff --git a/assets/images/og-image.png b/assets/images/og-image.png new file mode 100644 index 0000000..e31ac0e Binary files /dev/null and b/assets/images/og-image.png differ diff --git a/assets/images/omjc.png b/assets/images/omjc.png new file mode 100644 index 0000000..234306d Binary files /dev/null and b/assets/images/omjc.png differ diff --git a/assets/images/raoull.png b/assets/images/raoull.png new file mode 100644 index 0000000..0d47b9c Binary files /dev/null and b/assets/images/raoull.png differ diff --git a/assets/images/service-1.png b/assets/images/service-1.png new file mode 100755 index 0000000..5842791 Binary files /dev/null and b/assets/images/service-1.png differ diff --git a/assets/images/service-2.png b/assets/images/service-2.png new file mode 100755 index 0000000..2cc116a Binary files /dev/null and b/assets/images/service-2.png differ diff --git a/assets/images/service-3.png b/assets/images/service-3.png new file mode 100755 index 0000000..cf690b7 Binary files /dev/null and b/assets/images/service-3.png differ diff --git a/assets/scss/custom.scss b/assets/scss/custom.scss new file mode 100755 index 0000000..1e6bc32 --- /dev/null +++ b/assets/scss/custom.scss @@ -0,0 +1,12 @@ +.logo-author{ + min-height: 225px; + display: flex; + justify-content: center; + align-items: center; + width: 200px; + margin: 0 auto; +} +.descriptif-author{ + min-height: 6em; +} + diff --git a/config/_default/languages.toml b/config/_default/languages.toml new file mode 100755 index 0000000..36f7738 --- /dev/null +++ b/config/_default/languages.toml @@ -0,0 +1,13 @@ +################ English language ################## +[fr] +languageName = "Français" +languageCode = "fr-fr" +contentDir = "content/francais" +weight = 1 + + +[chti] +languageName = "Chti" +languageCode = "fr-chti" +contentDir = "content/chti" +weight = 2 diff --git a/config/_default/menus.chti.toml b/config/_default/menus.chti.toml new file mode 100644 index 0000000..b69b2cd --- /dev/null +++ b/config/_default/menus.chti.toml @@ -0,0 +1,49 @@ +############# English navigation ############## + +# main menu +[[main]] +name = "Home" +pageRef = "/" +weight = 1 + +[[main]] +name = "About" +pageRef = "/about" +weight = 2 + +[[main]] +name = "Elements" +pageRef = "/elements" +weight = 3 + +[[main]] +weight = 4 +name = "Pages" + +[[main]] +parent = "Pages" +name = "Blog" +pageRef = "/blog" + +[[main]] +parent = "Pages" +name = "Contact" +pageRef = "/contact" + + + +# footer menu +[[footer]] +name = "About" +pageRef = "/about" +weight = 1 + +[[footer]] +name = "Elements" +pageRef = "/elements" +weight = 2 + +[[footer]] +name = "Privacy Policy" +pageRef = "/privacy-policy" +weight = 3 diff --git a/config/_default/menus.fr.toml b/config/_default/menus.fr.toml new file mode 100755 index 0000000..5fd8049 --- /dev/null +++ b/config/_default/menus.fr.toml @@ -0,0 +1,39 @@ +############# English navigation ############## + +# main menu +[[main]] +name = "Accueil" +pageRef = "/" +weight = 1 + +[[main]] +name = "A propos" +pageRef = "/apropos" +weight = 2 + +[[main]] +name = "Le collectif" +pageRef = "/le_collectif" +weight = 3 + + +[[main]] +name = "Agenda" +pageRef = "/agenda" +weight = 4 + +[[main]] +name = "Contact" +pageRef = "/contact" +weight = 5 + + + + + +# footer menu + +[[footer]] +name = "Mentions légales" +pageRef = "/mentions-legales" +weight = 3 diff --git a/config/_default/module.toml b/config/_default/module.toml new file mode 100644 index 0000000..651d9ac --- /dev/null +++ b/config/_default/module.toml @@ -0,0 +1,99 @@ +[hugoVersion] +extended = true +min = "0.124.1" + +# [[imports]] +# path = "github.com/zeon-studio/hugoplate" + +[[imports]] +path = "github.com/gethugothemes/hugo-modules/search" + +[[imports]] +path = "github.com/gethugothemes/hugo-modules/pwa" + +[[imports]] +path = "github.com/gethugothemes/hugo-modules/images" + +[[imports]] +path = "github.com/gethugothemes/hugo-modules/videos" + +[[imports]] +path = "github.com/gethugothemes/hugo-modules/icons/font-awesome" + +# [[imports]] +# path = "github.com/gethugothemes/hugo-modules/icons/themify-icons" + +[[imports]] +path = "github.com/gethugothemes/hugo-modules/gzip-caching" + +[[imports]] +path = "github.com/gethugothemes/hugo-modules/adsense" + +[[imports]] +path = "github.com/gethugothemes/hugo-modules/accordion" + +[[imports]] +path = "github.com/gethugothemes/hugo-modules/table-of-contents" + +[[imports]] +path = "github.com/gethugothemes/hugo-modules/tab" + +[[imports]] +path = "github.com/gethugothemes/hugo-modules/modal" + +[[imports]] +path = "github.com/gethugothemes/hugo-modules/gallery-slider" + +[[imports]] +path = "github.com/gethugothemes/hugo-modules/components/preloader" + +[[imports]] +path = "github.com/gethugothemes/hugo-modules/components/social-share" + +[[imports]] +path = "github.com/gethugothemes/hugo-modules/components/cookie-consent" + +[[imports]] +path = "github.com/gethugothemes/hugo-modules/components/announcement" + +[[imports]] +path = "github.com/gethugothemes/hugo-modules/components/custom-script" + +[[imports]] +path = "github.com/gethugothemes/hugo-modules/components/render-link" + +# [[imports]] +# path = "github.com/gethugothemes/hugo-modules/components/valine-comment" + +# [[imports]] +# path = "github.com/gethugothemes/hugo-modules/components/crisp-chat" + +[[imports]] +path = "github.com/gethugothemes/hugo-modules/shortcodes/button" + +[[imports]] +path = "github.com/gethugothemes/hugo-modules/shortcodes/notice" + +[[imports]] +path = "github.com/gethugothemes/hugo-modules/seo-tools/basic-seo" + +[[imports]] +path = "github.com/gethugothemes/hugo-modules/seo-tools/site-verifications" + +[[imports]] +path = "github.com/gethugothemes/hugo-modules/seo-tools/google-tag-manager" + +# [[imports]] +# path = "github.com/gethugothemes/hugo-modules/seo-tools/baidu-analytics" + +# [[imports]] +# path = "github.com/gethugothemes/hugo-modules/seo-tools/matomo-analytics" + +# [[imports]] +# path = "github.com/gethugothemes/hugo-modules/seo-tools/plausible-analytics" + +# [[imports]] +# path = "github.com/gethugothemes/hugo-modules/seo-tools/counter-analytics" + +[[imports]] +path = "github.com/hugomods/mermaid" diff --git a/config/_default/params.toml b/config/_default/params.toml new file mode 100755 index 0000000..60d5326 --- /dev/null +++ b/config/_default/params.toml @@ -0,0 +1,111 @@ +#################### default parameters ################################ +# favicon module: https://github.com/gethugothemes/hugo-modules/tree/master/images#favicon-implementation +favicon = "images/favicon.png" +# logo module: https://github.com/gethugothemes/hugo-modules/tree/master/images#logo-implementation +logo = "images/logo.png" +logo_darkmode = "images/logo-darkmode.png" +# use `px` or `x` with logo_width, example: "100px". +# Note: logo_width is not work with .svg file +logo_width = "160px" +logo_height = "32px" +# if logo_webp set false, will not generate WEBP version of logo | default is true +logo_webp = true +# logo text will only show when logo is missing. +logo_text = "Chtinux" +# navbar fixed to top +navbar_fixed = true +# theme-mode +theme_switcher = true +theme_default = "system" # available options [light/dark/system] +# Main Sections +mainSections = ["agenda"] +# contact form action +contact_form_action = "#" # contact form works with [https://airform.io/] or [https://formspree.io] +# google tag manager, see https://developers.google.com/tag-manager/ +google_tag_manager = "" # example: G-XXXXXXXXXX +google_adsense = "" # example: ca-pub-xxxxxxxxxxxxxxxx +# custom script on header, example: custom_script= "" +custom_script = "" +# copyright +copyright = "" + +# Preloader +# preloader module: https://github.com/gethugothemes/hugo-modules/tree/master/components/preloader +[preloader] +enable = false +preloader = "" # use jpg, png, svg or gif format. + +# Navigation button +[navigation_button] +enable = false +label = "get a quote" +link = "contact" + +# search +# search module: https://github.com/gethugothemes/hugo-modules/tree/master/search +[search] +enable = true +primary_color = "#121212" +include_sections = ["agenda","apropos","le_collectif"] +show_image = true +show_description = true +show_tags = true +show_categories = true + +# announcement +# announcement module: https://github.com/gethugothemes/hugo-modules/tree/master/components/announcement +[announcement] +enable = false +expire_days = 7 +content = "You must replace the **baseURL** in **hugo.toml** file when deploying, you can manage this announcement from the **params.toml** file." + +# seo meta data for OpenGraph / Twitter Card +# seo module: https://github.com/gethugothemes/hugo-modules/tree/master/seo-tools/basic-seo +[metadata] +keywords = ["Boilerplate", "Hugo"] +description = "Hugo & Tailwindcss Starter" +author = "" +image = "images/og-image.png" + + +# site verifications +# verification module: https://github.com/gethugothemes/hugo-modules/tree/master/seo-tools/site-verifications +[site_verification] +google = "" # Your verification code +bing = "" # Your verification code +baidu = "" # Your verification code +facebook = "" # Your verification code +mastodon = "" # Your verification code + +# cookies +# cookies module: https://github.com/gethugothemes/hugo-modules/tree/master/components/cookie-consent +[cookies] +enable = false +expire_days = 60 +content = "This site uses cookies. By continuing to use this website, you agree to their use." +button = "I Accept" + +# diagrams +[mermaid] +js_url = '' + +######################## sidebar widgets ######################### +[widgets] +sidebar = ["categories", "tags"] + + +# google map +[google_map] +enable = false +map_api_key = "AIzaSyCcABaamniA6OL5YvYSpB3pFMNrXwXnLwU" +map_latitude = "51.5223477" +map_longitude = "-0.1622023" +map_marker = "images/marker.png" + + +# Subscription +[subscription] +enable = false +# mailchimp subsciption +mailchimp_form_action = "https://gmail.us4.list-manage.com/subscribe/post?u=463ee871f45d2d93748e77cad&id=a0a2c6d074" # replace this url with yours +mailchimp_form_name = "b_463ee871f45d2d93748e77cad_a0a2c6d074" diff --git a/config/development/server.toml b/config/development/server.toml new file mode 100644 index 0000000..5242d5d --- /dev/null +++ b/config/development/server.toml @@ -0,0 +1,13 @@ +# defaultContentLanguageInSubdir must be true for this to work. + +# Other languages redirects +# [[redirects]] +# from = '/fr/**' +# to = '/fr/404.html' +# status = 404 + +# Default language must be last. +[[redirects]] +from = '/**' +to = '/fr/404.html' +status = 404 diff --git a/content/francais/_index.md b/content/francais/_index.md new file mode 100755 index 0000000..80171e8 --- /dev/null +++ b/content/francais/_index.md @@ -0,0 +1,32 @@ +--- +# Banner +banner: + title: "Pour un numérique bien free!" + content: "Chtinux est un collectif œuvrant pour les libertés numériques dans la région lilloise et ses alentours." + image: "/images/logo_chtinux.svg" + button: + enable: false + label: "Get Started For Free" + link: "#qui_sommes_nous" + +# Features +features: + - title: "Qui sommes nous ?" + image: "/images/frite.svg" + image_alt: "La flamme de la liberté" + content: "Chtinux est un collectif œuvrant pour les libertés numériques dans la région lilloise et ses alentours. Notre collectif tient des permanences au Café Citoyen chaque dernier mardi du mois. Nous participons ponctuellement à d’autres évènements" + + button: + enable: true + label: "En savoir plus" + link: "/apropos.html" + + + + + +# Testimonials + + + +--- diff --git a/content/francais/agenda/2024-09-14-Numrique-libre-au-village-solidaire-de-la-braderie.md b/content/francais/agenda/2024-09-14-Numrique-libre-au-village-solidaire-de-la-braderie.md new file mode 100644 index 0000000..899ab63 --- /dev/null +++ b/content/francais/agenda/2024-09-14-Numrique-libre-au-village-solidaire-de-la-braderie.md @@ -0,0 +1,25 @@ +--- +title: "Numérique libre au village solidaire de la braderie" +date_evt: "2024-09-14 10:00:00+02:00" +location: "place du Vieux Marché aux Chevaux, Lille, Hauts-de-France, France" +ville: "Lille" +url_info: "" +--- + +**Numérique libre au village solidaire de la braderie** + +Plusieurs collectifs d'informatique libre œuvrant dans la métropole se joignent au Café Citoyen pour tenir un stand d'information durant la grande braderie, qui aura lieu le week-end du 14 et 15 septembre, sur la Place du Vieux Marché aux Chevaux. + +Parmi les collectifs présents à notre stand: + +* Chtinux: groupe d'utilisateurs et utilisatrices de logiciels libres +* ClissXXI: coopérative d'informatique libre, social et solidaire +* CLX: groupe d'utilisateurs et utilisatrices de logiciels libres +* Mycélium: association travaillant à la mise en place d'un Fournisseur d'Accès Internet, membre de la Fédération FFDN +* Raoull: association œuvrant à la mise en place de services internet éthiques, membre du collectif CHATONS +* Deuxfleurs: fournisseur de services en ligne libres, sobres et non-marchands, membre du collectif CHATONS + +Que vous soyez un(e) geek déjà convaincu(e), ou au contraire que vous trouviez l'outil trop emprisonnant et cherchiez des échappatoires, n'hésitez pas à passer à notre stand pour vous informer, nous rencontrer en chair et en os, voire récupérer quelques goodies. + +Bonne braderie ! + diff --git a/content/francais/agenda/2024-09-18-Mercredis-Linux.md b/content/francais/agenda/2024-09-18-Mercredis-Linux.md new file mode 100644 index 0000000..29fbab4 --- /dev/null +++ b/content/francais/agenda/2024-09-18-Mercredis-Linux.md @@ -0,0 +1,21 @@ +--- +title: "Mercredis Linux" +date_evt: "2024-09-18 19:30:00+02:00" +location: "20 rue de Bouvincourt, Moncheaux, Hauts-de-France, France" +ville: "Moncheaux" +url_info: "http://clx.asso.fr" +--- + +[L'Association Club Linux Nord Pas de Calais][1] organise chaque mois une permanence *Logiciels Libres* ouverte à tous, membre de l'association ou non, débutant ou expert, curieux ou passionné. + +Durant cette permanence, vous pourrez trouver des réponses aux questions que vous vous posez au sujet du Logiciel Libre, ainsi que de l'aide pour résoudre vos problèmes d'installation, de configuration et d'utilisation de Logiciels Libres. + +N'hésitez pas à apporter votre ordinateur, afin que les autres participants puissent vous aider. + +Dans une salle équipée d'un tableau blanc et d'un vidéoprojecteur, se dérouleront fréquemment des ateliers, des initiations, des discussions, des tests, des démonstrations, de l'entraide abordant le **logiciel libre** tout cela autour d'un moment convivial. + +Cette permanence a lieu au préfabriqué à côté de l'école au 20 rue de Bouvincourt, Moncheaux + + + +[1]: http://clx.asso.fr diff --git a/content/francais/agenda/2024-09-21-Ateliers-Logiciels-Libres.md b/content/francais/agenda/2024-09-21-Ateliers-Logiciels-Libres.md new file mode 100644 index 0000000..f37505e --- /dev/null +++ b/content/francais/agenda/2024-09-21-Ateliers-Logiciels-Libres.md @@ -0,0 +1,24 @@ +--- +title: "Ateliers Logiciels Libres" +date_evt: "2024-09-21 09:00:00+02:00" +location: "OMJC, rue Yves Decugis, Villeneuve d’Ascq, Hauts-de-France, France" +ville: "Villeneuve d’Ascq" +url_info: "http://www.omjc-info.fr" +--- + +L'[OMJC][1], en partenariat avec [l'Association Club Linux Nord Pas de Calais, ][2]organise chaque samedi, **Libre à Vous**, une permanence *Logiciels Libres* ouverte à toustes, débutant ou expert, curieux ou passionné. + +Vous souhaitez tester **GNU/Linux** sur votre ordinateur, vous recherchez un logiciel pour une fonction précise, des conseils ou de l'aide sur les **logiciels libres**? + +Libre à Vous est une permanence destinée à vous faciliter l'utilisation de l'informatique. Vous repartirez avec «le plein» de **logiciels libres**, fiables, évolutifs, performants et gratuits. + + + +Ça se déroule chaque samedi matin (*hors vacances scolaires*) au Centre d'Infos Jeunes, à la ferme Dupire, 80 rue Yves Decugis à Villeneuve d'Ascq (*métro Triolo*) de 9h00 à 12h00. + +Entrée Libre. Tout Public. + + + +[1]: https://www.omjc-info.fr/atelier-prtic +[2]: http://clx.asso.fr diff --git a/content/francais/agenda/2024-09-24-Permanence-associative-autour-du-Libre.md b/content/francais/agenda/2024-09-24-Permanence-associative-autour-du-Libre.md new file mode 100644 index 0000000..0fd03e6 --- /dev/null +++ b/content/francais/agenda/2024-09-24-Permanence-associative-autour-du-Libre.md @@ -0,0 +1,33 @@ +--- +title: "Permanence associative autour du Libre" +date_evt: "2024-09-24 19:00:00+02:00" +location: "7 place du Vieux Marché aux Chevaux, Lille, Hauts-de-France, France" +ville: "Lille" +url_info: "http://chtinux.org/apropos/permanences" +--- + +Vous avez décidé de reprendre en main votre vie numérique? Venez nous rencontrer **le dernier mardi de chaque mois au [Café Citoyen][1]** à Lille! + +La permanence associative autour du Libre est une manifestation conviviale, ouverte à toutes et tous, organisée le dernier mardi (ou jeudi) de chaque mois par les collectifs de [Chtinux][2] ([Raoull,][3] [Deuxfleurs][4], [Mycélium][5], [CLX][6], [Cliss XXI][7],...). + +Rejoignez-nous pour y discuter joyeusement de Logiciel Libre, de Culture Libre, de données ouvertes (*open data*), de bidouille sous Linux, ou proposer vos idées d’évènements. + +C'est aussi l'occasion d'obtenir un coup de main si vous rencontrez une difficulté sous Linux, ou si vous avez besoin de conseils pour migrer sur du Logiciel Libre. + +Si vous venez avec votre ordinateur pour obtenir de l'aide technique, pour permettre à l'équipe bénévole de s'organiser, prévenez-nous via un courrier électronique à l'adresse: chtinux-diffusion CHEZ deuxfleurs POINT fr. + +Le Café Citoyen est accessible en métro (station République - Beaux Arts). Une connexion Internet y est disponible, des prises électriques, de la place... Au bar, vous trouverez aussi de bonnes boissons avec et sans alcool, ainsi que de la petite restauration (notamment fromage ou tartines véganes). + +Pour soutenir le Café Citoyen, nous vous demandons d'y acheter au minimum une consommation. Après avoir pris votre boisson ou votre en-cas au bar, vous pouvez nous rejoindre directement au deuxième étage. + +Au plaisir de vous retrouver! + + + +[1]: https://cafecitoyen.org/ +[2]: http://chtinux.org/ +[3]: https://raoull.org/ +[4]: https://deuxfleurs.fr +[5]: https://mycelium-fai.org/wiki/ +[6]: http://clx.asso.fr/ +[7]: https://www.cliss21.com/site/ diff --git a/content/francais/agenda/2024-09-25-Mercredis-Linux.md b/content/francais/agenda/2024-09-25-Mercredis-Linux.md new file mode 100644 index 0000000..5541ead --- /dev/null +++ b/content/francais/agenda/2024-09-25-Mercredis-Linux.md @@ -0,0 +1,21 @@ +--- +title: "Mercredis Linux" +date_evt: "2024-09-25 19:30:00+02:00" +location: "311 rue Salvador Allende, Cysoing, Hauts-de-France, France" +ville: "Cysoing" +url_info: "http://clx.asso.fr" +--- + +[L'Association Club Linux Nord Pas de Calais][1] organise chaque mois une permanence *Logiciels Libres* ouverte à tous, membre de l'association ou non, débutant ou expert, curieux ou passionné. + +Durant cette permanence, vous pourrez trouver des réponses aux questions que vous vous posez au sujet du Logiciel Libre, ainsi que de l'aide pour résoudre vos problèmes d'installation, de configuration et d'utilisation de Logiciels Libres. + +N'hésitez pas à apporter votre ordinateur, afin que les autres participants puissent vous aider. + +Dans une salle équipée d'un tableau blanc et d'un vidéoprojecteur, se dérouleront fréquemment des ateliers, des initiations, des discussions, des tests, des démonstrations, de l'entraide abordant le **logiciel libre** et de la dégustation de bières. + +Cette permanence a lieu à [l'EPN (Espace Public Numérique)](/\%22https:/epn.pevelecarembault.fr/epn-de-cysoing/#1541584407821-aea5a232-d5cf17d7-34ef7c86-0724/\%22), 311 rue Salvador Allende à Cysoing. + + + +[1]: http://clx.asso.fr diff --git a/content/francais/agenda/2024-09-28-Install-Party-Linux--Logiciels-libres.md b/content/francais/agenda/2024-09-28-Install-Party-Linux--Logiciels-libres.md new file mode 100644 index 0000000..3e3794f --- /dev/null +++ b/content/francais/agenda/2024-09-28-Install-Party-Linux--Logiciels-libres.md @@ -0,0 +1,20 @@ +--- +title: "Install-Party Linux & Logiciels libres" +date_evt: "2024-09-28 10:00:00+02:00" +location: "2 rue Pierre Motte, Roubaix, Hauts-de-France, France" +ville: "Roubaix" +url_info: "http://www.mediathequederoubaix.fr/agenda/booster-son-pc-linux-2" +--- + +Votre ordinateur est lent ou fatigué? + +Il fonctionne moins bien et vous aimeriez retrouver un fonctionnement adapté? + +Vous pouvez lui donner un nouveau coup de santé! + +Emmenez le (prenez soin de sauvegarder vos documents précieux avant de sortir), nous faisons le reste avec vous! + +Au cours de ces séances, nous vous proposons d'installer le système d'exploitation libre Linux et/ou les logiciels libres que vous utilisez sur votre ordinateur. + +Nous sommes aussi présent aux Petites Cantines à Croix chaque premier mardi du mois. + diff --git a/content/francais/agenda/2024-10-01-Install-Party-Linux--Logiciels-libres.md b/content/francais/agenda/2024-10-01-Install-Party-Linux--Logiciels-libres.md new file mode 100644 index 0000000..74cd9c6 --- /dev/null +++ b/content/francais/agenda/2024-10-01-Install-Party-Linux--Logiciels-libres.md @@ -0,0 +1,16 @@ +--- +title: "Install-Party Linux & Logiciels libres" +date_evt: "2024-10-01 19:00:00+02:00" +location: "3 place des Martyrs, Croix, Hauts-de-France, France" +ville: "Croix" +url_info: "http://clx.asso.fr" +--- + +Votre ordinateur est lent ou fatigué? +Il fonctionne moins bien et vous aimeriez retrouver un fonctionnement adapté? + +Vous pouvez lui donner un nouveau coup de santé! +Emmenez le (prenez soin de sauvegarder vos documents précieux avant de sortir), nous faisons le reste avec vous! + +Au cours de la séance, nous vous proposons d'installer le système d'exploitation libre Linux et/ou les logiciels libres que vous utilisez sur votre ordinateur. + diff --git a/content/francais/agenda/2024-11-05-Install-Party-Linux--Logiciels-libres.md b/content/francais/agenda/2024-11-05-Install-Party-Linux--Logiciels-libres.md new file mode 100644 index 0000000..0bd1e68 --- /dev/null +++ b/content/francais/agenda/2024-11-05-Install-Party-Linux--Logiciels-libres.md @@ -0,0 +1,16 @@ +--- +title: "Install-Party Linux & Logiciels libres" +date_evt: "2024-11-05 19:00:00+01:00" +location: "3 place des Martyrs, Croix, Hauts-de-France, France" +ville: "Croix" +url_info: "http://clx.asso.fr" +--- + +Votre ordinateur est lent ou fatigué? +Il fonctionne moins bien et vous aimeriez retrouver un fonctionnement adapté? + +Vous pouvez lui donner un nouveau coup de santé! +Emmenez le (prenez soin de sauvegarder vos documents précieux avant de sortir), nous faisons le reste avec vous! + +Au cours de la séance, nous vous proposons d'installer le système d'exploitation libre Linux et/ou les logiciels libres que vous utilisez sur votre ordinateur. + diff --git a/content/francais/agenda/2024-11-30-Install-Party-Linux--Logiciels-libres.md b/content/francais/agenda/2024-11-30-Install-Party-Linux--Logiciels-libres.md new file mode 100644 index 0000000..490364b --- /dev/null +++ b/content/francais/agenda/2024-11-30-Install-Party-Linux--Logiciels-libres.md @@ -0,0 +1,18 @@ +--- +title: "Install-Party Linux & Logiciels libres" +date_evt: "2024-11-30 10:00:00+01:00" +location: "Mediathèque de Roubaix, rue du Château, Roubaix, Hauts-de-France, France" +ville: "Roubaix" +url_info: "http://clx.asso.fr" +--- + +Votre ordinateur est lent ou fatigué? +Il fonctionne moins bien et vous aimeriez retrouver un fonctionnement adapté? + +Vous pouvez lui donner un nouveau coup de santé! +Emmenez le (prenez soin de sauvegarder vos documents précieux avant de sortir), nous faisons le reste avec vous! + +Au cours de ces séances, nous vous proposons d'installer le système d'exploitation libre Linux et/ou les logiciels libres que vous utilisez sur votre ordinateur. + +Nous sommes aussi présent aux Petites Cantines à Croix chaque premier mardi du mois. + diff --git a/content/francais/agenda/2024-12-03-Install-Party-Linux--Logiciels-libres.md b/content/francais/agenda/2024-12-03-Install-Party-Linux--Logiciels-libres.md new file mode 100644 index 0000000..ec9bf86 --- /dev/null +++ b/content/francais/agenda/2024-12-03-Install-Party-Linux--Logiciels-libres.md @@ -0,0 +1,16 @@ +--- +title: "Install-Party Linux & Logiciels libres" +date_evt: "2024-12-03 19:00:00+01:00" +location: "3 place des Martyrs, Croix, Hauts-de-France, France" +ville: "Croix" +url_info: "http://clx.asso.fr" +--- + +Votre ordinateur est lent ou fatigué? +Il fonctionne moins bien et vous aimeriez retrouver un fonctionnement adapté? + +Vous pouvez lui donner un nouveau coup de santé! +Emmenez le (prenez soin de sauvegarder vos documents précieux avant de sortir), nous faisons le reste avec vous! + +Au cours de la séance, nous vous proposons d'installer le système d'exploitation libre Linux et/ou les logiciels libres que vous utilisez sur votre ordinateur. + diff --git a/content/francais/agenda/_index.md b/content/francais/agenda/_index.md new file mode 100755 index 0000000..4542031 --- /dev/null +++ b/content/francais/agenda/_index.md @@ -0,0 +1,4 @@ +--- +title: "Agenda" +image: "/images/agenda.png" +--- diff --git a/content/francais/apropos/_index.md b/content/francais/apropos/_index.md new file mode 100644 index 0000000..93f3279 --- /dev/null +++ b/content/francais/apropos/_index.md @@ -0,0 +1,17 @@ +--- +title: "Chtinux!" +meta_title: "A propos" +description: "Chtinux est une association de promotion des logiciels libres de la métropole lilloise" +draft: false +masquer_liens: true +--- +Chtinux est un collectif œuvrant pour les libertés numériques dans la région lilloise et ses alentours. + +Initialement, Chtinux était une association fondée en 2002 sous le nom de Campux comme un groupe d’utilisateurs de Linux par des étudiants de l'Université Lille 1 (retrouvez tout l'historique, [ici](/apropos/histo.html) ). +Depuis 2024, des personnes réactivent et transforment l'association en collectif. +Cette nouvelle forme a pour objet d'offrir une bannière commune pour réunir la diversité des acteurs du numérique libre de la région lilloise. + +Notre collectif tient des permanences pour discuter, échanger entre nous, mais aussi accueillir et répondre aux curieux. +Elles ont lieu chaque dernier mardi du mois, à partir de 20h00, au Café Citoyen. + +Nous participons ponctuellement à d’autres évènements comme la braderie de Lille. diff --git a/content/francais/apropos/histo.md b/content/francais/apropos/histo.md new file mode 100644 index 0000000..681fb76 --- /dev/null +++ b/content/francais/apropos/histo.md @@ -0,0 +1,96 @@ +--- +title: "Il est un fois Chtinux!" +meta_title: "historique" +description: "Chtinux est une association de promotion des logiciels libres de la métropole lilloise" +draft: false +--- + +Voici l’histoire du groupe d’utilisateurs de logiciels libres Chtinux, anciennement Campux, depuis sa création en tant que LUG étudiant, jusque nos jours en tant que groupe de la métropole lilloise. + +Notez : Chtinux sera parfois appelée Campux, en rappel de son nom historique au moment des évènements. + +== Les aïeux == + +Campux (c’était le nom de l’association alors) n’est pas vraiment une association pionnière, les trois universités publiques de Lille sont depuis longtemps le théâtre de quelques activités autour du logiciel libre. + +Pour preuve cette information sur LinuxFR et cette activité entre Lille1 et Lille2 en 2002. Aussi un courrier de Lille1 adressé à MandrakeSoft en 2003. Il existait aussi une association Lillux (promotion du logiciel libre éducatif) à Lille2, semble-t-il. Depuis longtemps le système GNU/Linux est utilisé dans les trois Universités. Dans le domaine de la recherche, les enseignants chercheurs utilisent depuis longtemps GNU/Linux. À Lille1, le BDE Association des Etudiants en Informatique (AEI) a semble-t-il était pro-linuxien à une époque, puisque cette association a comme emblème un Tux. + +Enfin, on ne pourrait pas parler du logiciel libre à Lille sans parler du CLX, LUG fondé en 1998 par une dizaine de linuxiens à Seclin. Il a œuvré et continue œuvrer dans toute la région Nord-Pas-de-Calais. + +== Le point de départ == + +Campux a probablement commencé par la rencontre de deux couples de linuxiens peu après la rentrée 2002. Jiel Beaumadier et Matěj Hausenblas d’une part, Julien Graziano (jux) et Julien Derveeuw (theturtle) d’autres part, font connaissance sur le canal IRC de Léa-Linux. Les premiers sont en DEUG maths, les seconds en maîtrise d’informatique : une rencontre est programmée au bâtiment M5 à Lille1. Les 4 manchots s’aperçoivent qu’ils ne sont pas plus tous seuls sur la banquise. + +Le samedi 1ᵉʳ février 2003, Jiel et Matěj bravent la neige pour assister à une install party organisée sur Lille1 par des étudiants en DESS (entre autres Mikael Mourcia). Ils s’aperçoivent alors qu’il y a d’autres linuxiens sur la fac et dans les écoles d’ingénieurs, peu nombreux et isolés chacun dans leur formation. On peut considérer que c’est le premier événement auquel assista le futur groupe de Campux. + +== Campux : l’idée du LUG étudiant == + +Au cours d’une discussion sur IRC en juillet 2003, jux et Jiel abordent l’idée de création d’un LUG pour les étudiants de Lille. L’idée est séduisante, mais on est en vacances loin de l’Université, alors on y pense plus trop :-) Cependant l’idée continue de travailler dans les esprits, et le 8 août 2003 Jiel envoie un courriel à ses amis linuxiens pour les convier à créer un LUG universitaire. + +À l’époque tout le monde ne répond pas, car beaucoup sont en vacances. Mais à la rentrée début septembre, l’équipe est motivée. On décide de faire une association loi 1901. Jiel écrit les statuts et ces derniers seront alors bien relus par tout le monde et certains points modifiés suite à une réunion sur IRC. C’est la première action démocratique de l’association ! Ensuite commencent de longues procédures administratives. Finalement la date officielle de déclaration de Campux à la préfecture de Police de Lille sera le 7 novembre 2003. Il faudra encore attendre quelque temps pour pouvoir être reconnu par l’Université de Lille1, où nous l’association était basée. C’est pendant ce temps que le site internet de Campux est fait par Jiel, très rapidement et assez mal codé en PHP, mais avec une apparence du gestionnaire de fenêtres WindowMaker. Le nom de Campux provient du mélange entre les mots “campus” et “Linux”, il a été trouvé par un proche de jux. Nous avions pensé aussi à divers noms, par exemple “Lillux”, mais le LUG du Luxembourg a déjà un nom similaire (à cette époque nous ne savions pas qu’il y avait déjà eu un “Lillux”). + +== Les débuts : 2003-2004 == + +Le premier conseil d’administration (CA) de Campux sera constitué comme suit : Jiel (président), jux (vice-président), Matěj (secrétaire), Benoit Gosse (trésorier), Anthoine Bourgeois (matériel). À ce moment-là, à part le CA, l’association ne compte qu’un seul membre qui est theturtle. Mais ce CA ne sera jamais opérationnel, et lors du début des activités de Campux en janvier 2004, l’équipe est un peu remaniée. Le nouveau CA sera composé de 4 personnes : Jiel (président), jux (vice-président), Matěj (trésorier) et Tony Ducrocq (secrétaire) qui vient tout juste de rejoindre l’association. + +L’annonce de création de l’association Campux est rendue publique à Linux Solutions 2004 à Paris. L’accueil y est chaleureux. L’organisation de l’événement pour Campux sera organisée quasi entièrement par Matěj qui montrera qu’il est beaucoup plus qu’un simple trésorier :-) C’est également à cette période que Campux décide de reprendre les Mardi-Linux de Lille organisés initialement par le CLX, mais qui n’étaient plus très présents dans la capitale des Flandres. + +À partir de ce moment Campux verra son activité et ses membres augmenter considérablement. L’association sera présente au FOSDEM à Bruxelles et aux RMLLs à Bordeaux, date de la première vente des lingettes Campux qui ont eu un grand succès. + +== Le LUG de la métropole lilloise : 2004-2005 == + +Le troisième conseil d’administration se compose de Jiel (président), Tony (secrétaire), Matěj (trésorier), MrTom, Jo l’apache et Coraline. Cette nouvelle année va en fait consolider les très bons débuts de l’association. Campux agit sur tous les fronts, fait de nombreuses install parties, participe à divers événements (Salon du jeu vidéo, Journée du libre à X2000, brocante de Proville) et aux événements de la communauté (Linux Solutions à Paris, FOSDEM à Bruxelles, RMLL à Dijon). Le site fait peau neuve, principalement grâce à Matěj et jux. + +En parallèle, Campux se voit confier la direction de l’opération ministérielle Micro-portable étudiant (MIPE) par l’Université de Lille1. Campux conseille les étudiants à propos de l’achat des machines et du wifi. Ceci permet à l’association d’obtenir un local (qu’elle partage cependant avec les mutuelles étudiantes) dans le bâtiment DEUG sur le campus de la fac. Trois jours par semaine l’association fait des permanences pour aider les étudiants et les autres ! On retrouve ainsi très fréquemment Tony, guigui, jo, Jiel, MrTom, smig, Matěj… L’association agit sur la métropole et nombreux sont ses membres extérieurs au monde étudiant : il y a désormais une cinquantaine de campuxiens. Des conférences sont organisées à Lille lors des « Mardi du Libre », qui attirent tous les mois davantage de monde. + +== La transition : 2005-2006 == + +Une nouvelle année, un nouveau CA : Tony (président), MrTom (secrétaire), Matěj (trésorier), chtitux, FBI_Pierreo, Champignon, Jiel et nemy. L’association continue les mardis et quelques activités. C’est année qui commence tard, avec un CA fin octobre. Une année qui commence assez mal aussi : une journée du Logiciel Libre décalée 3 fois : d’abord prévue mi-décembre, elle se tient fin janvier et constitue un échec pour l’association. Dans la foulée l’hébergeur de campux.org disparait dans un crash de serveur et le site avec lui. + +Ces temps troublent voient la perte de l’ancienne liste des adhérents, dont de toutes façons pour la plupart l’association était sans nouvelles. + +Littlecharly (alias bannaneverte) modernise, malgré les troubles, la charte graphique de l’association. Rouge et blanc : aux couleurs de Lille. Le beffroi symbolisant la ville de Lille (même si d’autres personnes y verront des choses parfois surprenantes). Des flyers sont créés, et la renaissance est en route + +== 2006 - 2007 : de Campux à Chtinux == + +À la rentrée 2006 c’est l’électrochoc : l’association se réorganise et chacun y met du sien. L’association redevient très active : une nouvelle rencontre est organisée tous les derniers mardis du mois au café citoyen, le site web est recréé (à l’initiative de chtitux), la participation à Mix’Cité est une réussite et les anciens souvent peu (ou pas) présents sont remplacés par les nouveaux membres. + +L’association continue sur sa lancée avec un nouveau bureau élu fin 2006. La nouvelle équipe sera composée pour 2006-2007 de Philippe Pary (Pustule) en tant que président, Thomas Canniot (MrTom) en tant que secrétaire, Karl Leicht (Nuln) en tant que trésorier, Tony Ducrocq (dtony) en tant que vice-président, Théophile Helleboid (Chtitux) en tant que vice-secrétaire et Charles Vinchon (LittleCharly) en tant que vice-trésorier. + +Pour une bonne partie il s’agit de nouveaux membres de Campux, une page d’histoire tourne donc inévitablement. + +L’association continue d’organiser régulièrement des évènements tels que les Mardis du Libre et les derniers mardis au café citoyen. Elle sert aussi de relais local de l’APRIL pour les évènements d’envergure nationale. + +== Linux59 ? Linux Lille ? Chtinux ! == + +En 2007, l’association voit ses activités sur la factulté de Lille déliner alors que ses activités en dehors du campus se multiplient et ont une portée de plus en plus forte. + +Le nom Campux sème alors la confusion. De nombreux interlocuteurs ne voient en Campux qu’une association étudiante. Le besoin de changer de nom devient une réalité concrète et urgente. Cédric Durmont proposera même de fonder une association sur Wambrechies, persuadé de Campux est une association purement universitaire ! + +Changer de nom, oui, mais lequel prendre ? + +C’est Virginie Couture qui apportera la réponse avec Chtinux. Le nom est un double abus de langage : le Chti couvre bien plus que la métropole et Linux ne désigne pas tous les logiciels Libres. Cependant ce nom indique clairement l’origine et l’objet de l’association. + +Il sera retenu lors d’une assemblée générale extraordinaire tenue le 31 juillet 2007. + +Ce sera également Virginie qui créera le logo de l’association : le tux avec un cornet de frites. + +== 2007-2008 : l’association grandit == + +En septembre 2007 pour la seconde année Chtinux participe à la braderie. Ubuntu-fr, Linux Cambrésis, Cliss XXI et l’April sont également présents sur 4 mètres de stands. L’évènement est un succès. Le mois qui suivra la braderie verra plus d’une dizaine de nouvelles adhésions à l’association. À l’occasion de la braderie Chtinux distribue pour la première fois son CD Chti’Libre + +Début août 2007, Chtinux compte une petite trentaine d’adhérents. Un an plus tard, l’association compte 75 adhérents. + +Chtinux a multiplié les évènements. Ils sont au rythme de 3 par mois : + +Conférence le second mardi du mois à Bois Blancs Install Party, notamment avec le soutien de la MRES La permanence associative le dernier mardi de chaque moi au café citoyen + +Ces évènements, ajoutés à la participation à de nombreux salons/forums/etc., accroissent la réputation et la visibilité de l’association et attirent à elle de très nombreuses personnes (on compte une adhésion tous les 5 visiteurs !). + +Pour la première année, Chtinux participe à l’évènement Libre en fête en organisant plusieurs évènements. + +Lors des élections municipales de mars, Chtinux tente de s’impliquer dans la campagne en prenant contact avec les candidats (initiative Candidats de l’April). + +== Avenir == + +À suivre… diff --git a/content/francais/apropos/liens.md b/content/francais/apropos/liens.md new file mode 100644 index 0000000..d39ab29 --- /dev/null +++ b/content/francais/apropos/liens.md @@ -0,0 +1,54 @@ +--- +title: "Des liens vers ce que l'on aime bien!" +meta_title: "Liens" +description: "Chtinux est une association de promotion des logiciels libres de la métropole lilloise" +draft: false +--- + + +À propos : Liens +================ + +Associations dont Chtinux est membre +------------------------------------ + +Chtinux est membre des associations suivantes : + +* [APRIL](http://www.april.org/), association de défense et de promotion du logiciel Libre +* [ANIS](http://www.nord-internet-solidaire.org/), réflexion citoyenne autour des usages d’Internet + +Autres Groupes d’utilisateurs de logiciels Libres dans la région Nord-Pas de Calais +----------------------------------------------------------------------------------- + +Et autres groupes d’informaticiens plus ou moins barbus et plus ou moins de la région : + +* [Béthune Libre](http://bethunelibre.tuxfamily.org/), Béthune +* [CLX](http://clx.asso.fr/), régional +* [Linux Cambrésis](http://www.linuxcambresis.org/) +* [Linux62](http://www.linux62.org/), Boulogne sur Mer + +Associations d’informatique libre à Lille +----------------------------------------- + +* [Mycélium](https://mycelium-fai.org/), fournisseur d’accès internet membre de la fédération FFDN dans la région lilloise +* \[Raoull\]([https://raoull.org/](https://raoull.org/), hébergement de services mutualisés pour un internet décentralisé (CHATONS) + +Culture et informations locales +------------------------------- + +* [Le café citoyen](https://cafecitoyen.org) +* [La MRES](https://mres-asso.org) +* [Léa Linux](https://lea-linux.org) site d’entraide autour de Linux + +Prestataires de services informatiques +-------------------------------------- + +* [Cliss XII](https://www.cliss21.com/), coopérative en logiciels Libres (Liévin/Lille) +* [Si7v](https://www.si7v.fr/), une SSLL d’Hesdin + +Sites communautaires de distributions +------------------------------------- + +* [Debian](https://www.debian.org/), une distribution Linux porteuse de valeurs communautaires +* [Fedora France](https://www.fedora-fr.org), dont des membres de Chtinux font partie +* [Mageia](http://www.mageia.org/fr/), une distribution Linux française diff --git a/content/francais/blog/_index.md b/content/francais/blog/_index.md new file mode 100755 index 0000000..17564a2 --- /dev/null +++ b/content/francais/blog/_index.md @@ -0,0 +1,5 @@ +--- +title: "Blog Posts" +meta_title: "" +description: "this is meta description" +--- diff --git a/content/francais/blog/post-1.md b/content/francais/blog/post-1.md new file mode 100755 index 0000000..c2be219 --- /dev/null +++ b/content/francais/blog/post-1.md @@ -0,0 +1,11 @@ +--- +title: "Article test blog" +meta_title: "" +description: "this is meta description" +date: 2022-04-04T05:00:00Z +image: "/images/image-placeholder.png" +categories: ["Application", "Data"] +author: "John Doe" +tags: ["nextjs", "tailwind"] +draft: false +--- diff --git a/content/francais/contact/_index.md b/content/francais/contact/_index.md new file mode 100644 index 0000000..b0a8cee --- /dev/null +++ b/content/francais/contact/_index.md @@ -0,0 +1,46 @@ +--- +title: "Contact" +meta_title: "contact" +description: "Contact chtinux" +draft: false +--- + +Courriel +-------- + +Vous pouvez nous joindre à l’adresse e-mail suivante : bonjour `AROBASE` chtinux `POINT` org + +Vous pouvez joindre l’équipe de l’Écho Des Gnous à : edg `AROBASE` chtinux `POINT` org + +IRC +--- + +L’association dispose d’un canal de discussion IRC, que vous pouvez rejoindre : + +* Avec un client IRC [Web](https://web.libera.chat), salon #chtinux +* Avec un client IRC : [#chtinux sur le réseau Libera](irc://irc.libera.chat/#chtinux) + +Listes de diffusion +------------------- + +Vous pouvez vous tenir au courant des activités de l’association en recevant les annonces des manifestations ainsi que la newsletter en vous inscrivant sur [notre liste de diffusion publique](http://lists.linux62.org/cgi-bin/mailman/listinfo/annonces). + +Vous pouvez également rejoindre [la liste des adhérents](http://lists.linux62.org/cgi-bin/mailman/listinfo/membres) + +Réseaux sociaux +--------------- + +Nous sommes présents principalement sur les réseaux libres et fédérés suivants : + +* Diaspora\* : [chtinux@framasphere.org](https://framasphere.org/people/718b54a01a300134573f2a0000053625) +* Mastodon : [chtinux@framapiaf.org](https://framapiaf.org/@Chtinux) + +Nous vous déconseillons les services fermés et centralisés ! Néanmoins vous pouvez quand même nous suivre sur : + +* Twitter : [@Chtinux](https://twitter.com/Chtinux) et [@EchoDesGnous](https://twitter.com/echodesgnous) + +AFK - Away From Keyboard (Loin du clavier) +------------------------------------------ + +Vous pouvez aussi tout simplement venir à nos évènements ou à [nos permanences](/agenda.html) :-\] + diff --git a/content/francais/le_collectif/CLISSXXI.md b/content/francais/le_collectif/CLISSXXI.md new file mode 100644 index 0000000..12734cd --- /dev/null +++ b/content/francais/le_collectif/CLISSXXI.md @@ -0,0 +1,12 @@ +--- +title: CLISSXXI +email: contact@cliss21.com +image: "/images/clissxxi.png" +description: une SCIC de service en informatique libre +website: https://www.cliss21.com/site/ + +--- + +SCIC (société coopérative d’intérêt collectif), installée à Liévin ainsi qu’à Lille. +Accompagne le développement technologique des PME-PMI, des collectivités territoriales et des associations de la région via l’utilisation et le développement de Logiciel Libre. +Organise des conférences et install party. diff --git a/content/francais/le_collectif/Deuxfleurs.md b/content/francais/le_collectif/Deuxfleurs.md new file mode 100644 index 0000000..e6c48ed --- /dev/null +++ b/content/francais/le_collectif/Deuxfleurs.md @@ -0,0 +1,13 @@ +--- +title: Deuxfleurs +email: coucou@deuxfleurs.fr +image: "/images/deuxfleurs.svg" +description: Association œuvrant à la construction d'un Internet convivial, membre du collectif CHATONS. +website: https://deuxfleurs.fr/ + +--- +Deuxfleurs héberge des services numériques fondamentaux (site web, e-mail, chat, visio, blog...) +pour tout type d'usager⋅e. + +Notre démarche est écologique et citoyenne : notre infrastructure est constituée de vieilles machines hébergées +chez nos membres ; notre gouvernance est collégiale, et promeut le respect des droits humains. diff --git a/content/francais/le_collectif/Libre_a_vous.md b/content/francais/le_collectif/Libre_a_vous.md new file mode 100644 index 0000000..ba6ae35 --- /dev/null +++ b/content/francais/le_collectif/Libre_a_vous.md @@ -0,0 +1,16 @@ +--- +title: Libre à vous +email: +image: "/images/omjc.png" +description: Atelier d'initialisation à l'informatique libre +website: https://www.omjc-info.fr/Libre-a-Vous +social: + - name: phone + icon: fas fa-phone + link: tel:03 28 80 54 25 + +--- + +Rendez-vous hebdomadaire à la ferme Dupire (Villeneuve d'Ascq), le samedi de 9h à 12h. +Organisé par l'OMJC (Observatoire des Mutations de la Jeunesse et de la Citoyenneté). +Ces ateliers vous permettront de vous familiariser avec les systèmes et les logiciels libres. diff --git a/content/francais/le_collectif/Mycélium.md b/content/francais/le_collectif/Mycélium.md new file mode 100644 index 0000000..7fbd8d2 --- /dev/null +++ b/content/francais/le_collectif/Mycélium.md @@ -0,0 +1,11 @@ +--- +title: Mycélium +email: contact@mycelium-fai.org +image: "/images/mycellium.png" +description: Fournisseur d'accès internet +website: https://mycelium-fai.org + +--- + +L’association a pour objectif de fournir un accès Internet à ses membres et abonnés. Elle est rattachée à la FFDN. Mycélium s’organise de façon autogérée afin de ne pas laisser la gestion du réseau internet entre les mains d’intérêts privés et commerciaux. +Elle anime parfois des ateliers de sensibilisation à ces enjeux dans une optique d’autodéfense numérique. diff --git a/content/francais/le_collectif/_index.md b/content/francais/le_collectif/_index.md new file mode 100644 index 0000000..7768fc0 --- /dev/null +++ b/content/francais/le_collectif/_index.md @@ -0,0 +1,3 @@ +--- +title: "Le collectif" +--- diff --git a/content/francais/le_collectif/abl.md b/content/francais/le_collectif/abl.md new file mode 100644 index 0000000..0cab2b3 --- /dev/null +++ b/content/francais/le_collectif/abl.md @@ -0,0 +1,10 @@ +--- +title: ABBL +email: bonjour@raoull.org +image: "/images/abl.png" +description: Association des Bidouilleurs et Bidouilleuses Libristes +website: https://bidouilleurslibristes.github.io/ + +--- + +L’Association des Bidouilleurs et Bidouilleuses Libristes (ABL) est une association loi 1901 qui a pour objet l’hébergement de projets libres, la promotion des communs et la promotion du libre (au sens licence libre). diff --git a/content/francais/le_collectif/clx.md b/content/francais/le_collectif/clx.md new file mode 100644 index 0000000..af4725b --- /dev/null +++ b/content/francais/le_collectif/clx.md @@ -0,0 +1,12 @@ +--- +title: CLX +email: contact@clx.asso.fr +image: "/images/clx.png" +description: Groupe d’Utilisateurs de Logiciels Libres actif sur le Nord et le Pas-De-Calais. +website: https://clx.asso.fr + +--- + +Le Club LinuX Nord-Pas de Calais (CLX) est une association loi de 1901, groupe d’Utilisateurs de Logiciels Libres actif +de Wimille à Fourmies. L’association organise de nombreux évènements sur toute la région Nord-Pas De Calais: install +party, sensibilisation aux logiciels libres, réduction de la fracture numérique et bien d'autres. diff --git a/content/francais/le_collectif/echos_des_gnous.md b/content/francais/le_collectif/echos_des_gnous.md new file mode 100644 index 0000000..22c0c1e --- /dev/null +++ b/content/francais/le_collectif/echos_des_gnous.md @@ -0,0 +1,26 @@ +--- +title: Echos de gnous +email: edg@chtinux.org +image: "/images/echo_des_gnous.jpg" +description: "Emission de radio de vulgarisation et dactualités sur le logiciel libre" +website: https://www.echodesgnous.org/ +--- + + +L’Écho des Gnous est l’émission de radio consacrée au logiciel Libre et à la culture libriste, animée par l’association Chtinux. Elle est diffusée dimanche soir de 19h à 20h, sur Radio Campus Lille, 106.6 FM sur la métropole lilloise ou en streaming sur campuslille.com. + +Depuis octobre 2010 nous vous proposons « l’émission qui vous explique l’informatique libre », pas réservée aux informaticiens, mais au contraire destinée au plus grand nombre. Nous vous proposons deux concepts en alternance, chacun étant diffusé une semaine sur deux : + +- la Face A traite de l’actualité informatique sous l’angle du Logiciel Libre, de la sécurité informatique, du respect de la vie privée et de la liberté d’expression sur Internet. La rubrique dégeekalisation a pour but de démystifier un sujet technique supposé complexe, mais qui gagnerait à être connu de tous ; +- la Face B, sorte de dégeekalisation étendue, développe chaque semaine un sujet pendant toute l’heure de l’émission. Devenez incollables sur les sujets de fond de la culture libriste ! + +Quelques pauses musicales sont proposées pendant l’émission. Bien entendu, tous les morceaux choisis sont disponibles sous licences de libre diffusion (Creative Commons, Art Libre…) + +Vous pouvez contacter l’équipe de l’émission via IRC (webchat) ou par email en écrivant à e d g CHEZ c h t i n u x POINT o r g. + +Envie de retrouver les précédentes émissions ? + +Vous trouverez toutes les informations sur notre site : https://www.echodesgnous.org/ + +Vous pouvez consulter la liste complète des émissions diffusées, ainsi que leurs contenus sur notre wiki. + diff --git a/content/francais/le_collectif/raoull.md b/content/francais/le_collectif/raoull.md new file mode 100644 index 0000000..28d17c9 --- /dev/null +++ b/content/francais/le_collectif/raoull.md @@ -0,0 +1,12 @@ +--- +title: Raoull +email: bonjour@raoull.org +image: "/images/raoull.png" +description: "Fournisseur de services sur le World wide Welsh, membre du collectif CHATONS." +website: https://www.raoull.org/ + +--- + +RAOULL est un collectif d’une dizaine de personnes qui depuis fin 2018 s’organise pour mettre en place des +services sur internet éthiques à destination des gens et des associations. +Les services proposés sont propulsés à base de logiciel libre. diff --git a/content/francais/mentions-legales/_index.md b/content/francais/mentions-legales/_index.md new file mode 100644 index 0000000..6a0f181 --- /dev/null +++ b/content/francais/mentions-legales/_index.md @@ -0,0 +1,11 @@ +--- +title: "Mentions légales" +meta_title: "Mentions légales" +description: "this is meta description" +draft: false +--- +Coucou c'est nous ! + + + + diff --git a/content/francais/pages/elements.md b/content/francais/pages/elements.md new file mode 100755 index 0000000..0734549 --- /dev/null +++ b/content/francais/pages/elements.md @@ -0,0 +1,248 @@ +--- +title: "Elements" +# meta title +meta_title: "" +# meta description +description: "This is meta description" +# save as draft +draft: false +--- + +{{< toc >}} + +Here is an example of headings. You can use this heading by the following markdown rules. For example: use `#` for heading 1 and use `######` for heading 6. + +# Heading 1 + +## Heading 2 + +### Heading 3 + +#### Heading 4 + +##### Heading 5 + +###### Heading 6 + +
+ +### Emphasis + +The emphasis, aka italics, with _asterisks_ or _underscores_. + +Strong emphasis, aka bold, with **asterisks** or **underscores**. + +The combined emphasis with **asterisks and _underscores_**. + +Strike through uses two tildes. ~~Scratch this.~~ + +
+ +### Button + +{{< button label="Button" link="/" style="solid" >}} + +
+ +### Link + +[I'm an inline-style link](https://www.google.com) + +[I'm an inline-style link with title](https://www.google.com "Google's Homepage") + +[I'm a reference-style link][Arbitrary case-insensitive reference text] + +[I'm a relative reference to a repository file](../blob/master/LICENSE) + +[You can use numbers for reference-style link definitions][1] + +Or leave it empty and use the [link text itself]. + +URLs and URLs in angle brackets will automatically get turned into links. + or and sometimes +example.com (but not on Github, for example). + +Some text to show that the reference links can follow later. + +[arbitrary case-insensitive reference text]: https://www.themefisher.com +[1]: https://gethugothemes.com +[link text itself]: https://www.getjekyllthemes.com + +
+ +### Paragraph + +Lorem ipsum dolor sit amet consectetur adipisicing elit. Quam nihil enim maxime corporis cumque totam aliquid nam sint inventore optio modi neque laborum officiis necessitatibus, facilis placeat pariatur! Voluptatem, sed harum pariatur adipisci voluptates voluptatum cumque, porro sint minima similique magni perferendis fuga! Optio vel ipsum excepturi tempore reiciendis id quidem? Vel in, doloribus debitis nesciunt fugit sequi magnam accusantium modi neque quis, vitae velit, pariatur harum autem a! Velit impedit atque maiores animi possimus asperiores natus repellendus excepturi sint architecto eligendi non, omnis nihil. Facilis, doloremque illum. Fugit optio laborum minus debitis natus illo perspiciatis corporis voluptatum rerum laboriosam. + +
+ +### Ordered List + +1. List item +2. List item +3. List item +4. List item +5. List item + +
+ +### Unordered List + +- List item +- List item +- List item +- List item +- List item + +
+ +### Notice + +{{< notice "note" >}} +This is a simple note. +{{< /notice >}} + +{{< notice "tip" >}} +This is a simple tip. +{{< /notice >}} + +{{< notice "info" >}} +This is a simple info. +{{< /notice >}} + +{{< notice "warning" >}} +This is a simple warning. +{{< /notice >}} + +
+ +### Tab + +{{< tabs >}} +{{< tab "Tab 1" >}} + +#### Hey There, I am a tab + +Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. + +{{< /tab >}} + +{{< tab "Tab 2" >}} + +#### I wanna talk about the assassination attempt + +Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. + +Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. + +{{< /tab >}} + +{{< tab "Tab 3" >}} + +#### We know you’re dealing in stolen ore + +Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. + +Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo + +{{< /tab >}} +{{< /tabs >}} + +
+ +### Accordions + +{{< accordion "Why should you need to do this?" >}} + +- Lorem ipsum dolor sit amet consectetur adipisicing elit. +- Lorem ipsum dolor sit amet consectetur adipisicing elit. +- Lorem ipsum dolor sit amet consectetur + +{{< /accordion >}} + +{{< accordion "How can I adjust Horizontal centering" >}} + +- Lorem ipsum dolor sit amet consectetur adipisicing elit. +- Lorem ipsum dolor sit amet consectetur adipisicing elit. +- Lorem ipsum dolor sit amet consectetur + +{{< /accordion >}} + +{{< accordion "Should you use Negative margin?" >}} + +- Lorem ipsum dolor sit amet consectetur adipisicing elit. +- Lorem ipsum dolor sit amet consectetur adipisicing elit. +- Lorem ipsum dolor sit amet consectetur + +{{< /accordion >}} + +
+ +### Code and Syntax Highlighting + +This is an `Inline code` sample. + +```javascript +var s = "JavaScript syntax highlighting"; +alert(s); +``` + +```python +s = "Python syntax highlighting" +print s +``` + +```mermaid +flowchart TD + A[Start] --> B{Is it?} + B -- Yes --> C[OK] + C --> D[Rethink] + D --> B + B -- No ----> E[End] +``` + +
+ +### Blockquote + +> Did you come here for something in particular or just general Riker-bashing? And blowing into maximum warp speed, you appeared for an instant to be in two places at once. + +
+ +### Tables + +| Tables | Are | Cool | +| ------------- | :-----------: | ----: | +| col 3 is | right-aligned | $1600 | +| col 2 is | centered | $12 | +| zebra stripes | are neat | $1 | + +
+ +### Image + +{{< image src="images/image-placeholder.png" caption="" alt="alter-text" height="" width="" position="center" command="fill" option="q100" class="img-fluid" title="image title" webp="false" >}} + +
+ +### Gallery + +{{< gallery dir="images/gallery" class="" height="400" width="400" webp="true" command="Fit" option="" zoomable="true" >}} + +
+ +### Slider + +{{< slider dir="images/gallery" class="max-w-[600px] ml-0" height="400" width="400" webp="true" command="Fit" option="" zoomable="true" >}} + +
+ +### Youtube video + +{{< youtube ResipmZmpDU >}} + +
+ +### Custom video + +{{< video src="https://www.w3schools.com/html/mov_bbb.mp4" width="100%" height="auto" autoplay="false" loop="false" muted="false" controls="true" class="rounded-lg" >}} diff --git a/content/francais/pages/privacy-policy.md b/content/francais/pages/privacy-policy.md new file mode 100644 index 0000000..3d16c6e --- /dev/null +++ b/content/francais/pages/privacy-policy.md @@ -0,0 +1,33 @@ +--- +title: "Privacy" +# meta title +meta_title: "" +# meta description +description: "This is meta description" +# save as draft +draft: false +--- + +#### Responsibility of Contributors + +Lorem ipsum dolor sit amet, consectetur adipiscing elit. Purus, donec nunc eros, ullamcorper id feugiat quisque aliquam sagittis. Sem turpis sed viverra massa gravida pharetra. Non dui dolor potenti eu dignissim fusce. Ultrices amet, in curabitur a arcu a lectus morbi id. Iaculis erat sagittis in tortor cursus. Molestie urna eu tortor, erat scelerisque eget. Nunc hendrerit sed interdum lacus. Lorem quis viverra sed + +pretium, aliquam sit. Praesent elementum magna amet, tincidunt eros, nibh in leo. Malesuada purus, lacus, at aliquam suspendisse tempus. Quis tempus amet, velit nascetur sollicitudin. At sollicitudin eget amet in. Eu velit nascetur sollicitudin erhdfvssfvrgss eget viverra nec elementum. Lacus, facilisis tristique lectus in. + +#### Gathering of Personal Information + +Lorem ipsum dolor sit amet, consectetur adipiscing elit. Purus, donec nunc eros, ullamcorper id feugiat quisque aliquam sagittis. Sem turpis sed viverra massa gravida pharetra. Non dui dolor potenti eu dignissim fusce. Ultrices amet, in curabitur a arcu a lectus morbi id. Iaculis erat sagittis in tortor cursus. Molestie urna eu tortor, erat scelerisque eget. Nunc hendrerit sed interdum lacus. Lorem quis viverra sed + +#### Protection of Personal- Information + +Lorem ipsum dolor sit amet, consectetur adipiscing elit. Purus, donec nunc eros, ullamcorper id feugiat quisque aliquam sagittis. Sem turpis sed viverra massa gravida pharetra. Non dui dolor potenti eu dignissim fusce. Ultrices amet, in curabitur a arcu a lectus morbi id. Iaculis erat sagittis in tortor cursus. + +Molestie urna eu tortor, erat scelerisque eget. Nunc hendrerit sed interdum lacus. Lorem quis viverra sed +Lorem ipsum dolor sit amet, consectetur adipiscing elit. Purus, donec nunc eros, ullamcorper id feugiat + +#### Privacy Policy Changes + +1. Sll the Themefisher items are designed to be with the latest , We check all +2. comments that threaten or harm the reputation of any person or organization +3. personal information including, but limited to, email addresses, telephone numbers +4. Any Update come in The technology Customer will get automatic Notification. diff --git a/content/francais/sections/call-to-action.md b/content/francais/sections/call-to-action.md new file mode 100644 index 0000000..efda148 --- /dev/null +++ b/content/francais/sections/call-to-action.md @@ -0,0 +1,14 @@ +--- +enable: true +title: "Ready to build your next project with Hugo?" +image: "/images/call-to-action.png" +description: "Experience the future of web development with Hugoplate and Hugo. Build lightning-fast static sites with ease and flexibility." +button: + enable: true + label: "Get Started Now" + link: "https://github.com/zeon-studio/hugoplate" + +# don't create a separate page +_build: + render: "never" +--- diff --git a/content/francais/sections/testimonial.md b/content/francais/sections/testimonial.md new file mode 100644 index 0000000..6cfe169 --- /dev/null +++ b/content/francais/sections/testimonial.md @@ -0,0 +1,11 @@ +--- +enable: true +title: "What Users Are Saying About Hugoplate" +description: "Don't just take our word for it - hear from some of our satisfied users! Check out some of our testimonials below to see what others are saying about Hugoplate." + +# Testimonials +testimonials: + +_build: + render: "never" +--- diff --git a/css/style.css b/css/style.css deleted file mode 100644 index 25d77fc..0000000 --- a/css/style.css +++ /dev/null @@ -1,73 +0,0 @@ -:root { - --color1: #000; /* background */ - --color2: #111; - --color3: #222; - --color4: #fff; /* text */ - --color5: #f33; - --color6: #fff; - --color7: #222; /* border */ - --color8: #999; - --color9: #f33; -} - -body { - font-family: "Verdana"; - background-color: var(--color1); - color: var(--color4); - font-size: 1.3em; -} - -#contenu { - padding: 0em 1em 1em 1em; - max-width: 60em; -} - -a { - color: var(--color5); - text-decoration: none; -} - -a:hover { - background-color: var(--color5); - color: var(--color1); -} - -ul { - list-style: square; -/* line-height: 1.4em;*/ -} - -#bandeau { - background: no-repeat center url("/images/chtinux.png"); - width: 100%; - min-height: 100px; -} - -aside { - width: 100%; -} - -aside ul { - list-style: none; - padding-left: 0; - margin-left: 0; -} - -aside ul li { - display: inline; - padding-right: 1em; -} - -code, pre { - background: var(--color3); -} - -code { - color: var(--color6); -} - -pre { - margin-left: 1em; - padding-left: 1em; - border-left: 2px solid var(--color9); -} diff --git a/data/social.json b/data/social.json new file mode 100644 index 0000000..9470f7d --- /dev/null +++ b/data/social.json @@ -0,0 +1,9 @@ +{ + "main": [ + { + "name": "mastodon", + "icon": "fab fa-mastodon", + "link": "https://framapiaf.org/@Chtinux" + } + ] +} diff --git a/data/theme.json b/data/theme.json new file mode 100644 index 0000000..a17716f --- /dev/null +++ b/data/theme.json @@ -0,0 +1,44 @@ +{ + "colors": { + "default": { + "theme_color": { + "primary": "#121212", + "body": "#fff", + "border": "#eaeaea", + "theme_light": "#f6f6f6", + "theme_dark": "" + }, + "text_color": { + "default": "#444444", + "dark": "#040404", + "light": "#717171" + } + }, + "darkmode": { + "theme_color": { + "primary": "#fff", + "body": "#1c1c1c", + "border": "#3E3E3E", + "theme_light": "#222222", + "theme_dark": "" + }, + "text_color": { + "default": "#B4AFB6", + "dark": "#fff", + "light": "#B4AFB6" + } + } + }, + "fonts": { + "font_family": { + "primary": "Heebo:wght@400;600", + "primary_type": "sans-serif", + "secondary": "Signika:wght@500;700", + "secondary_type": "sans-serif" + }, + "font_size": { + "base": "16", + "scale": "1.2" + } + } +} diff --git a/go.mod b/go.mod new file mode 100644 index 0000000..2fd1ed0 --- /dev/null +++ b/go.mod @@ -0,0 +1,31 @@ +module hugoplate.netlify.app + +go 1.21 + +require ( + github.com/gethugothemes/hugo-modules/accordion v0.0.0-20240504032439-79fc09d96848 // indirect + github.com/gethugothemes/hugo-modules/adsense v0.0.0-20240504032439-79fc09d96848 // indirect + github.com/gethugothemes/hugo-modules/components/announcement v0.0.0-20240504032439-79fc09d96848 // indirect + github.com/gethugothemes/hugo-modules/components/cookie-consent v0.0.0-20240504032439-79fc09d96848 // indirect + github.com/gethugothemes/hugo-modules/components/custom-script v0.0.0-20240504032439-79fc09d96848 // indirect + github.com/gethugothemes/hugo-modules/components/preloader v0.0.0-20240504032439-79fc09d96848 // indirect + github.com/gethugothemes/hugo-modules/components/render-link v0.0.0-20240504032439-79fc09d96848 // indirect + github.com/gethugothemes/hugo-modules/components/social-share v0.0.0-20240504032439-79fc09d96848 // indirect + github.com/gethugothemes/hugo-modules/gallery-slider v0.0.0-20240504032439-79fc09d96848 // indirect + github.com/gethugothemes/hugo-modules/gzip-caching v0.0.0-20240504032439-79fc09d96848 // indirect + github.com/gethugothemes/hugo-modules/icons/font-awesome v0.0.0-20240504032439-79fc09d96848 // indirect + github.com/gethugothemes/hugo-modules/images v0.0.0-20240504032439-79fc09d96848 // indirect + github.com/gethugothemes/hugo-modules/modal v0.0.0-20240504032439-79fc09d96848 // indirect + github.com/gethugothemes/hugo-modules/pwa v0.0.0-20240504032439-79fc09d96848 // indirect + github.com/gethugothemes/hugo-modules/search v0.0.0-20240504032439-79fc09d96848 // indirect + github.com/gethugothemes/hugo-modules/seo-tools/basic-seo v0.0.0-20240504032439-79fc09d96848 // indirect + github.com/gethugothemes/hugo-modules/seo-tools/google-tag-manager v0.0.0-20240504032439-79fc09d96848 // indirect + github.com/gethugothemes/hugo-modules/seo-tools/site-verifications v0.0.0-20240504032439-79fc09d96848 // indirect + github.com/gethugothemes/hugo-modules/shortcodes/button v0.0.0-20240504032439-79fc09d96848 // indirect + github.com/gethugothemes/hugo-modules/shortcodes/notice v0.0.0-20240504032439-79fc09d96848 // indirect + github.com/gethugothemes/hugo-modules/tab v0.0.0-20240504032439-79fc09d96848 // indirect + github.com/gethugothemes/hugo-modules/table-of-contents v0.0.0-20240504032439-79fc09d96848 // indirect + github.com/gethugothemes/hugo-modules/videos v0.0.0-20240504032439-79fc09d96848 // indirect + github.com/hugomods/mermaid v0.1.1 // indirect + github.com/zeon-studio/hugoplate v0.0.0-20240513062835-d4274ad7e3df // indirect +) diff --git a/hugo.toml b/hugo.toml new file mode 100755 index 0000000..e60cd69 --- /dev/null +++ b/hugo.toml @@ -0,0 +1,194 @@ +######################## default configuration #################### +# The base URL of your site (required). This will be prepended to all relative URLs. +baseURL = "https://chtinux.org/" +# Title of your website (required). +title = "Chtinux" +# Your theme name +theme = "hugoplate" +# Default time zone for time stamps; use any valid tz database name: https://en.wikipedia.org/wiki/List_of_tz_database_time_zones#List +timeZone = "Europe/Paris" +# post pagination +paginate = 10 # see https://gohugo.io/extras/pagination/ +# post excerpt +summaryLength = 10 # see https://gohugo.io/content-management/excerpts/ +# disable language +disableLanguages = ["en" +] # example: ["fr"] for disable french language. see https://gohugo.io/content-management/multilingual/ +hasCJKLanguage = false # If hasCJKLanguage true, auto-detect Chinese/Japanese/Korean Languages in the content. see: https://gohugo.io/getting-started/configuration/#hascjklanguage +# default language +defaultContentLanguage = 'fr' +# defaultContentLanguageInSubdir need to be true if you want to use the language code as a subdirectory and language specific 404 page +defaultContentLanguageInSubdir = false +uglyURLs = true +relativeURLs = true + + + + + + +[frontmatter] + expiryDate = ['expirydate', 'unpublishdate','date_evt'] + + + + + + +########################### Services ############################# +[services] +[services.googleAnalytics] +ID = 'G-MEASUREMENT_ID' # see https://gohugo.io/templates/internal/#configure-google-analytics + +[services.disqus] +shortname = 'themefisher-template' # we use disqus to show comments in blog posts . To install disqus please follow this tutorial https://portfolio.peter-baumgartner.net/2017/09/10/how-to-install-disqus-on-hugo/ + +########################## Permalinks ############################ +[permalinks.page] +"pages" = "/:slugorfilename/" + + +############################# Modules ############################ +[module] +[[module.mounts]] +source = "assets" +target = "assets" + +[[module.mounts]] +source = "hugo_stats.json" +target = "assets/watching/hugo_stats.json" + +############################# Build ############################## +[build] +noJSConfigInAssets = false +useResourceCacheWhen = 'fallback' +[build.buildStats] +enable = true +[[build.cachebusters]] +source = 'assets/watching/hugo_stats\.json' +target = 'style\.css' +[[build.cachebusters]] +source = '(postcss|tailwind)\.config\.js' +target = 'css' +[[build.cachebusters]] +source = 'assets/.*\.(js|ts|jsx|tsx)' +target = 'js' +[[build.cachebusters]] +source = 'assets/.*\.(css|scss|sass)' +target = 'css' +[[build.cachebusters]] +source = 'data/.*\.(.*)$' +target = 'css' +[[build.cachebusters]] +source = 'assets/.*\.(.*)$' +target = '$1' + + +############################# Outputs ############################ +[outputs] +home = ["HTML", "RSS", "WebAppManifest", "SearchIndex"] + +############################# Imaging ############################ +[imaging] +# See https://github.com/disintegration/imaging +# Default JPEG or WebP quality setting. Default is 75. +quality = 80 +resampleFilter = "Lanczos" + +############################ Caches ############################## +[caches] +[caches.images] +dir = ":resourceDir/_gen" +maxAge = "720h" + +[caches.assets] +dir = ":resourceDir/_gen" +maxAge = "720h" + + +############################ Markup ############################## +[markup] +[markup.goldmark.renderer] +unsafe = true + +xhtml = false + +[markup.highlight] +style = 'monokai' # see https://xyproto.github.io/splash/docs/all.html + +[markup.tableOfContents] +startLevel = 2 +endLevel = 5 +ordered = true + + +########################### Media types ########################### +[mediaTypes] +[mediaTypes."application/manifest+json"] +suffixes = ["webmanifest"] + + +########################### Output Format ########################## +[outputFormats] +[outputFormats.WebAppManifest] +mediaType = "application/manifest+json" +rel = "manifest" + +[outputFormats.SearchIndex] +mediaType = "application/json" +baseName = "searchindex" +isPlainText = true +notAlternative = true + + +############################# Plugins ############################## + +# CSS Plugins +[[params.plugins.css]] +link = "plugins/swiper/swiper-bundle.css" +lazy = true +[[params.plugins.css]] +link = "plugins/glightbox/glightbox.css" +lazy = true +[[params.plugins.css]] +link = "plugins/font-awesome/v6/brands.css" +lazy = true +[[params.plugins.css]] +link = "plugins/font-awesome/v6/solid.css" +lazy = true +[[params.plugins.css]] +link = "plugins/font-awesome/v6/icons.css" +lazy = true + +[[params.plugins.css]] +link = "plugins/font-awesome/v6/icons.css" +lazy = true + +# JS Plugins +[[params.plugins.js]] +link = "js/search.js" +lazy = false +[[params.plugins.js]] +link = "plugins/swiper/swiper-bundle.js" +lazy = false +[[params.plugins.js]] +link = "plugins/cookie.js" +lazy = false +[[params.plugins.js]] +link = "plugins/glightbox/glightbox.js" +lazy = true +[[params.plugins.js]] +link = "js/gallery-slider.js" +lazy = true +[[params.plugins.js]] +link = "js/accordion.js" +lazy = true +[[params.plugins.js]] +link = "js/tab.js" +lazy = true +[[params.plugins.js]] +link = "js/modal.js" +lazy = true +[[params.plugins.js]] +link = "plugins/youtube-lite.js" +lazy = true diff --git a/i18n/chti.yaml b/i18n/chti.yaml new file mode 100755 index 0000000..4298723 --- /dev/null +++ b/i18n/chti.yaml @@ -0,0 +1,15 @@ +home: Accueil +read_more: Read More +send: Send +related_posts: Related Posts +categories: Categories +tags: Tags +toc: Table of Contents +share: Share +search_input_placeholder: Search Post... +search_no_results: No results for +search_initial_message: Type something to search.. +search_navigate: to navigate +search_select: to select +search_close: to close +Evts_a_venir: Evénements à venir diff --git a/i18n/en.yaml b/i18n/en.yaml new file mode 100755 index 0000000..4e6722f --- /dev/null +++ b/i18n/en.yaml @@ -0,0 +1,14 @@ +home: Home +read_more: Read More +send: Send +related_posts: Related Posts +categories: Categories +tags: Tags +toc: Table of Contents +share: Share +search_input_placeholder: Search Post... +search_no_results: No results for +search_initial_message: Type something to search.. +search_navigate: to navigate +search_select: to select +search_close: to close diff --git a/i18n/fr.yaml b/i18n/fr.yaml new file mode 100755 index 0000000..ea199be --- /dev/null +++ b/i18n/fr.yaml @@ -0,0 +1,15 @@ +home: Accueil +read_more: En savoir plus +send: Envoyer +related_posts: Related Posts +categories: Catégories +tags: Mots clés +toc: Table des matières +share: Partager +search_input_placeholder: Rechercher... +search_no_results: Pas de résultat pour +search_initial_message: Tapez des mot pour lancer la recherche.. +search_navigate: Pour naviquer +search_select: Selectionner +search_close: Fermer +Evts_a_venir: Évènements à venir diff --git a/ics2hugo.py b/ics2hugo.py new file mode 100644 index 0000000..af68110 --- /dev/null +++ b/ics2hugo.py @@ -0,0 +1,71 @@ +import argparse +import icalendar +from urllib.request import Request, urlopen +import re +import codecs +import time + +def fetch_ics(url): + req = Request(url) + req.add_header('User-agent', 'Mozilla/5.0 (Windows; U; Windows NT 5.1; de; rv:1.9.1.5) Gecko/20091102 Firefox/3.5.5') + ics = urlopen(req) + return ics.read() + +def parse_ics(ics): + items = [] + cal = icalendar.Calendar.from_ical(ics) + for comp in cal.walk(): + if comp.name == 'VEVENT': + event = {} + print(comp.get('summary')) + titre = comp.get('summary') + if titre==None: + titre = 'ss' + location = comp.get('location') + if location==None: + location = '' + tab_ville = location.split(", ") + ville = tab_ville[-3] + url = comp.get('url') + if url==None: + url = '' + event['title'] = titre + event['date'] = str(comp.get('dtstart').dt) + event['location'] = location + event['ville'] = ville + event['url'] = url + description = comp.get('description') + if description==None: + description = '' + event['text'] = description + items.append(event) + return items + +def write_hugo(path,items): + for item in items: + print(item); + if item['title']!='': + date = item['date'][0:10] + fname = item['title'] + fname = fname.replace(' ','-') + fname = date+'-'+re.sub('[^0-9a-zA-Z-]*','',fname) + fpath = path+'/'+fname+'.md' + with open(fpath,'w') as mdfile: + mdfile.write('---\n') + mdfile.write('title: \"'+(item['title'].replace('"',''))+'\"\n') + mdfile.write('date_evt: \"'+item['date']+'\"\n') + mdfile.write('location: \"'+(item['location'])+'\"\n') + mdfile.write('ville: \"'+(item['ville'])+'\"\n') + mdfile.write('url_info: \"'+(item['url'])+'\"\n') + mdfile.write('---\n\n') + mdfile.write(item['text']) + +if __name__ == '__main__': + parser = argparse.ArgumentParser(description='ics2hugo (markdown) conversion tool.') + parser.add_argument('--url', required=True, help='url to ics calendar.') + parser.add_argument('--path', required=True ,help='output path of markdown files.') + args = parser.parse_args() + ics = fetch_ics(args.url) + items = parse_ics(ics) + write_hugo(args.path,items) + diff --git a/images/chtinux.png b/images/chtinux.png deleted file mode 100644 index cf132e8..0000000 Binary files a/images/chtinux.png and /dev/null differ diff --git a/images/pingouin-manger-bouger.png b/images/pingouin-manger-bouger.png deleted file mode 100644 index 2788018..0000000 Binary files a/images/pingouin-manger-bouger.png and /dev/null differ diff --git a/index.html b/index.html deleted file mode 100644 index 091de64..0000000 --- a/index.html +++ /dev/null @@ -1,95 +0,0 @@ - - - - - - Accueil :: Chtinux - - - - - - - - -
- - - -
-

Bienvenue

-

- Bienvenue sur le site de Chtinux, Groupe - d’Utilisateurices de GNU/Linux situé à Lille ! -

-

- Manger Bouger -

-

Ses activités sont :

-
    -
  • - L’émission «L’écho des gnous», diffusée sur Radio Campus Lille, 106.6 Mhz -
    • -
  • - La participation aux «Cafés du libre», au café citoyen, chaque dernier mardi du mois -
    • -
  • - Faire du lien, n’hésitez pas à - nous contacter ! -
    • -
  • - Parfois d’autres types d’action (sensibilisation, - ateliers…) mais on manque de bras ! -
    • -
-

- Si vous cherchez des informations sur GNU/Linux et ce qui se passe à - Lille, quelques réponses aux questions fréquentes sont données dans - notre - Foire Aux Questions. -

-
- - diff --git a/netlify.toml b/netlify.toml new file mode 100755 index 0000000..717a07a --- /dev/null +++ b/netlify.toml @@ -0,0 +1,7 @@ +[build] +publish = "public" +command = "yarn project-setup; yarn build" + +[build.environment] +HUGO_VERSION = "0.124.1" +GO_VERSION = "1.22.2" diff --git a/package.json b/package.json new file mode 100644 index 0000000..af042cb --- /dev/null +++ b/package.json @@ -0,0 +1,33 @@ +{ + "name": "hugoplate", + "description": "hugo tailwindcss boilerplate", + "version": "1.15.1", + "license": "MIT", + "author": "zeon.studio", + "scripts": { + "dev": "hugo server", + "build": "hugo --gc --minify --templateMetrics --templateMetricsHints --forceSyncStatic", + "preview": "hugo server --disableFastRender --navigateToChanged --templateMetrics --templateMetricsHints --watch --forceSyncStatic -e production --minify", + "dev:example": "cd exampleSite && hugo server", + "build:example": "cd exampleSite && hugo --gc --minify --templateMetrics --templateMetricsHints --forceSyncStatic", + "preview:example": "cd exampleSite && hugo server --disableFastRender --navigateToChanged --templateMetrics --templateMetricsHints --watch --forceSyncStatic -e production --minify", + "update-modules": "node ./scripts/clearModules.js && hugo mod clean --all && hugo mod get -u ./... && hugo mod tidy", + "remove-darkmode": "node ./scripts/removeDarkmode.js && yarn format", + "project-setup": "node ./scripts/projectSetup.js", + "theme-setup": "node ./scripts/themeSetup.js", + "update-theme": "node ./scripts/themeUpdate.js", + "format": "prettier -w ." + }, + "devDependencies": { + "@tailwindcss/forms": "^0.5.7", + "@tailwindcss/typography": "^0.5.13", + "autoprefixer": "^10.4.19", + "postcss": "^8.4.38", + "postcss-cli": "^11.0.0", + "prettier": "^3.2.5", + "prettier-plugin-go-template": "0.0.15", + "prettier-plugin-tailwindcss": "^0.5.14", + "tailwind-bootstrap-grid": "^5.1.0", + "tailwindcss": "^3.4.3" + } +} diff --git a/postcss.config.js b/postcss.config.js new file mode 100644 index 0000000..12a703d --- /dev/null +++ b/postcss.config.js @@ -0,0 +1,6 @@ +module.exports = { + plugins: { + tailwindcss: {}, + autoprefixer: {}, + }, +}; diff --git a/recup_agenda.sh b/recup_agenda.sh new file mode 100755 index 0000000..51991c2 --- /dev/null +++ b/recup_agenda.sh @@ -0,0 +1 @@ +python3 ics2hugo.py --url "https://www.agendadulibre.org/events.ics?near[distance]=25&near[location]=[50.65%2C+3.09]®ion=17&daylimit=100000" --path ./content/francais/agenda/ diff --git a/scripts/clearModules.js b/scripts/clearModules.js new file mode 100644 index 0000000..1b9c74a --- /dev/null +++ b/scripts/clearModules.js @@ -0,0 +1,14 @@ +const fs = require("fs"); + +const clearModules = (filePath) => { + if (fs.existsSync(filePath)) { + let fileContent = fs.readFileSync(filePath, "utf8"); + fileContent = fileContent.replace(/require\s*\([\s\S]*?\)/, ""); + fs.writeFileSync(filePath, fileContent, "utf8"); + } else { + console.log("File does not exist."); + } +}; + +clearModules("go.mod"); +clearModules("exampleSite/go.mod"); diff --git a/scripts/projectSetup.js b/scripts/projectSetup.js new file mode 100644 index 0000000..3ab7306 --- /dev/null +++ b/scripts/projectSetup.js @@ -0,0 +1,116 @@ +const fs = require("fs"); +const path = require("path"); + +const toggleComment = ({ filepath, regex }) => { + let updatedContent = fs.readFileSync(filepath, "utf8"); + const match = updatedContent.match(regex); + + if (match) { + const matchedContent = match[0]; + const hasComment = matchedContent.startsWith("# "); + if (hasComment) { + updatedContent = updatedContent.replace( + regex, + matchedContent.replace("# ", ""), + ); + fs.writeFileSync(filepath, updatedContent, "utf8"); + } else { + const hasBreakline = matchedContent.includes("\n"); + if (hasBreakline) { + const content = matchedContent + .split("\n") + .map((line) => "# " + line) + .join("\n"); + updatedContent = updatedContent.replace(regex, content); + fs.writeFileSync(filepath, updatedContent, "utf8"); + } + } + } +}; + +const getFolderName = (rootfolder) => { + const configPath = path.join(rootfolder, "exampleSite/hugo.toml"); + const getConfig = fs.readFileSync(configPath, "utf8"); + const match = getConfig.match(/theme\s*=\s*\[?"([^"\]]+)"\]?/); + let selectedTheme = null; + if (match && match[1]) { + selectedTheme = match[1]; + } + return selectedTheme; +}; + +const deleteFolder = (folderPath) => { + if (fs.existsSync(folderPath)) { + fs.rmSync(folderPath, { recursive: true, force: true }); + } +}; + +const createNewfolder = (rootfolder, folderName) => { + const newFolder = path.join(rootfolder, folderName); + fs.mkdirSync(newFolder, { recursive: true }); + return newFolder; +}; + +const iterateFilesAndFolders = (rootFolder, { destinationRoot }) => { + const directory = path.join(rootFolder); + const items = fs.readdirSync(directory, { withFileTypes: true }); + items.forEach((item) => { + if (item.isDirectory()) { + createNewfolder(destinationRoot, item.name); + iterateFilesAndFolders(path.join(directory, item.name), { + currentFolder: item.name, + destinationRoot: path.join(destinationRoot, item.name), + }); + } else { + const sourceFile = path.join(directory, item.name); + const destinationFile = path.join(destinationRoot, item.name); + fs.renameSync(sourceFile, destinationFile); + } + }); +}; + +const setupProject = () => { + const rootfolder = path.join(__dirname, "../"); + if (!fs.existsSync(path.join(rootfolder, "themes"))) { + // remove this part if you don't using theme demo as a module + [ + { + filepath: path.join(rootfolder, "exampleSite/hugo.toml"), + regex: /^.*theme\s*=\s*("[^"\]]+"|\S+)/m, + }, + { + filepath: path.join( + rootfolder, + "exampleSite/config/_default/module.toml", + ), + regex: /\[\[imports\]\]\s*\r?\npath = "([^"]+)"/, + }, + ].forEach(toggleComment); + + const folderList = ["layouts", "assets", "static"]; + const folderName = getFolderName(rootfolder); + const newfolderName = createNewfolder( + path.join(rootfolder, "themes"), + folderName, + ); + + folderList.forEach((folder) => { + const source = path.join(rootfolder, folder); + const destination = path.join(newfolderName, folder); + if (fs.existsSync(source)) { + fs.mkdirSync(destination, { recursive: true }); + iterateFilesAndFolders(source, { + currentFolder: folder, + destinationRoot: destination, + }); + deleteFolder(source); + } + }); + + const exampleSite = path.join(rootfolder, "exampleSite"); + iterateFilesAndFolders(exampleSite, { destinationRoot: rootfolder }); + deleteFolder(exampleSite); + } +}; + +setupProject(); diff --git a/scripts/removeDarkmode.js b/scripts/removeDarkmode.js new file mode 100644 index 0000000..a6a66fa --- /dev/null +++ b/scripts/removeDarkmode.js @@ -0,0 +1,99 @@ +const fs = require("fs"); +const path = require("path"); + +const rootDirs = ["assets/scss", "layouts"]; +const configFiles = [ + { + filePath: "exampleSite/tailwind.config.js", + patterns: ["darkmode:\\s*{[^}]*},", 'darkMode:\\s*"class",'], + }, + { + filePath: "exampleSite/data/theme.json", + patterns: ["colors.darkmode"], + }, +]; + +// asset paths +const deleteAssetList = [ + "exampleSite/assets/images/logo-darkmode.png", + "layouts/partials/components/theme-switcher.html", +]; + +const filePaths = [ + { + filePath: "layouts/partials/essentials/header.html", + patterns: [ + '{{\\s*partial\\s*"components\\/theme-switcher"\\s*\\([^)]*\\)\\s*}}', + ], + }, +]; + +filePaths.forEach(({ filePath, patterns }) => + removeDarkModeFromFiles(filePath, patterns), +); + +deleteAssetList.forEach((asset) => { + try { + fs.unlinkSync(asset); + console.log(`${path.basename(asset)} deleted successfully!`); + } catch (error) { + console.error(`${asset} not found`); + } +}); + +rootDirs.forEach(removeDarkModeFromPages); +configFiles.forEach(removeDarkMode); + +function removeDarkModeFromFiles(filePath, regexPatterns) { + const fileContent = fs.readFileSync(filePath, "utf8"); + let updatedContent = fileContent; + regexPatterns.forEach((pattern) => { + const regex = new RegExp(pattern, "g"); + updatedContent = updatedContent.replace(regex, ""); + }); + + fs.writeFileSync(filePath, updatedContent, "utf8"); +} + +// like html file +function removeDarkModeFromPages(directoryPath) { + const files = fs.readdirSync(directoryPath); + + files.forEach((file) => { + const filePath = path.join(directoryPath, file); + const stats = fs.statSync(filePath); + if (stats.isDirectory()) { + removeDarkModeFromPages(filePath); + } else if (stats.isFile()) { + removeDarkModeFromFiles(filePath, [ + '(?:(?!["])\\S)*dark:(?:(?![,;"])\\S)*', + "@apply?(\\s)*;", + ]); + } + }); +} + +function removeDarkMode(configFile) { + const { filePath, patterns } = configFile; + if (filePath === "exampleSite/tailwind.config.js") { + removeDarkModeFromFiles(filePath, patterns); + } else { + const contentFile = JSON.parse(fs.readFileSync(filePath, "utf8")); + patterns.forEach((pattern) => deleteNestedProperty(contentFile, pattern)); + fs.writeFileSync(filePath, JSON.stringify(contentFile)); + } +} + +function deleteNestedProperty(obj, propertyPath) { + const properties = propertyPath.split("."); + let currentObj = obj; + for (let i = 0; i < properties.length - 1; i++) { + const property = properties[i]; + if (currentObj.hasOwnProperty(property)) { + currentObj = currentObj[property]; + } else { + return; // Property not found, no need to continue + } + } + delete currentObj[properties[properties.length - 1]]; +} diff --git a/scripts/themeSetup.js b/scripts/themeSetup.js new file mode 100644 index 0000000..0d21aad --- /dev/null +++ b/scripts/themeSetup.js @@ -0,0 +1,125 @@ +const fs = require("fs"); +const path = require("path"); + +const toggleComment = ({ filepath, regex }) => { + let updatedContent = fs.readFileSync(filepath, "utf8"); + const match = updatedContent.match(regex); + + if (match) { + const matchedContent = match[0]; + const hasComment = matchedContent.startsWith("# "); + if (hasComment) { + const hasBreakline = matchedContent.includes("\n"); + if (hasBreakline) { + updatedContent = updatedContent.replace( + regex, + matchedContent.replace(/# /gm, ""), + ); + fs.writeFileSync(filepath, updatedContent, "utf8"); + } + } else { + updatedContent = updatedContent.replace(regex, "# " + matchedContent); + fs.writeFileSync(filepath, updatedContent, "utf8"); + } + } +}; + +const createNewfolder = (rootfolder, folderName) => { + const newFolder = path.join(rootfolder, folderName); + fs.mkdirSync(newFolder, { recursive: true }); + return newFolder; +}; + +const deleteFolder = (folderPath) => { + if (fs.existsSync(folderPath)) { + fs.rmSync(folderPath, { recursive: true, force: true }); + } +}; + +const getFolderName = (rootfolder) => { + const configPath = path.join(rootfolder, "exampleSite/hugo.toml"); + const getConfig = fs.readFileSync(configPath, "utf8"); + const match = getConfig.match(/theme\s*=\s*\[?"([^"\]]+)"\]?/); + let selectedTheme = null; + if (match && match[1]) { + selectedTheme = match[1]; + } + return selectedTheme; +}; + +const iterateFilesAndFolders = (rootFolder, { destinationRoot }) => { + const directory = path.join(rootFolder); + const items = fs.readdirSync(directory, { withFileTypes: true }); + items.forEach((item) => { + if (item.isDirectory()) { + createNewfolder(destinationRoot, item.name); + iterateFilesAndFolders(path.join(directory, item.name), { + currentFolder: item.name, + destinationRoot: path.join(destinationRoot, item.name), + }); + } else { + const sourceFile = path.join(directory, item.name); + const destinationFile = path.join(destinationRoot, item.name); + fs.renameSync(sourceFile, destinationFile); + } + }); +}; + +const setupTheme = () => { + const rootFolder = path.join(__dirname, "../"); + + if (!fs.existsSync(path.join(rootFolder, "exampleSite"))) { + // remove this part if you don't using theme demo as a module + [ + { + filepath: path.join(rootFolder, "config/_default/module.toml"), + regex: /# \[\[imports\]\]\s*\r?\n# path = "([^"]+)"/, + }, + { + filepath: path.join(rootFolder, "hugo.toml"), + regex: /^.*theme\s*=\s*("[^"\]]+"|\S+)/m, + }, + ].forEach(toggleComment); + + const includesFiles = [ + "tailwind.config.js", + "postcss.config.js", + "go.mod", + "hugo.toml", + "assets", + "config", + "data", + "content", + "i18n", + "static", + ]; + + const folder = createNewfolder(rootFolder, "exampleSite"); + + fs.readdirSync(rootFolder, { withFileTypes: true }).forEach((file) => { + if (includesFiles.includes(file.name)) { + if (file.isDirectory()) { + const destination = path.join(rootFolder, "exampleSite", file.name); + fs.mkdirSync(destination, { recursive: true }); + iterateFilesAndFolders(path.join(rootFolder, file.name), { + destinationRoot: destination, + }); + deleteFolder(path.join(rootFolder, file.name)); + } else { + fs.renameSync( + path.join(rootFolder, file.name), + path.join(folder, file.name), + ); + } + } + }); + + const themes = path.join(rootFolder, "themes"); + iterateFilesAndFolders(path.join(themes, getFolderName(rootFolder)), { + destinationRoot: rootFolder, + }); + deleteFolder(themes); + } +}; + +setupTheme(); diff --git a/scripts/themeUpdate.js b/scripts/themeUpdate.js new file mode 100644 index 0000000..742cd20 --- /dev/null +++ b/scripts/themeUpdate.js @@ -0,0 +1,19 @@ +const { exec } = require("child_process"); + +const repositoryUrl = "https://github.com/zeon-studio/hugoplate"; +const localDirectory = "./themes/hugoplate"; +const foldersToFetch = ["assets", "layouts"]; +const foldersToSkip = ["exampleSite"]; + +const fetchFolder = (folder) => { + exec( + `curl -L ${repositoryUrl}/tarball/main | tar -xz --strip-components=1 --directory=${localDirectory} --exclude=$(curl -sL ${repositoryUrl}/tarball/main | tar -tz | grep -E "/(${foldersToSkip.join( + "|", + )})/") */${folder}`, + ); +}; + +// Fetch each specified folder +foldersToFetch.forEach((folder) => { + fetchFolder(folder); +}); diff --git a/static/fonts/NGS6v5_NC0k9P9H2TbE.woff2 b/static/fonts/NGS6v5_NC0k9P9H2TbE.woff2 new file mode 100644 index 0000000..ecba706 Binary files /dev/null and b/static/fonts/NGS6v5_NC0k9P9H2TbE.woff2 differ diff --git a/static/fonts/vEFO2_JTCgwQ5ejvMV0Ox_Kg1UwJ0tKfX6bBjM4.woff2 b/static/fonts/vEFO2_JTCgwQ5ejvMV0Ox_Kg1UwJ0tKfX6bBjM4.woff2 new file mode 100644 index 0000000..652f855 Binary files /dev/null and b/static/fonts/vEFO2_JTCgwQ5ejvMV0Ox_Kg1UwJ0tKfX6bBjM4.woff2 differ diff --git a/tailwind.config.js b/tailwind.config.js new file mode 100755 index 0000000..c8754a7 --- /dev/null +++ b/tailwind.config.js @@ -0,0 +1,103 @@ +const fs = require("fs"); +const path = require("path"); +const themePath = path.join(__dirname, "data/theme.json"); +const themeRead = fs.readFileSync(themePath, "utf8"); +const theme = JSON.parse(themeRead); + +let font_base = Number(theme.fonts.font_size.base.replace("px", "")); +let font_scale = Number(theme.fonts.font_size.scale); +let h6 = font_scale; +let h5 = h6 * font_scale; +let h4 = h5 * font_scale; +let h3 = h4 * font_scale; +let h2 = h3 * font_scale; +let h1 = h2 * font_scale; +let fontPrimary, fontPrimaryType, fontSecondary, fontSecondaryType; +if (theme.fonts.font_family.primary) { + fontPrimary = theme.fonts.font_family.primary + .replace(/\+/g, " ") + .replace(/:[ital,]*[ital@]*[wght@]*[0-9,;.]+/gi, ""); + fontPrimaryType = theme.fonts.font_family.primary_type; +} +if (theme.fonts.font_family.secondary) { + fontSecondary = theme.fonts.font_family.secondary + .replace(/\+/g, " ") + .replace(/:[ital,]*[ital@]*[wght@]*[0-9,;.]+/gi, ""); + fontSecondaryType = theme.fonts.font_family.secondary_type; +} + +/** @type {import('tailwindcss').Config} */ +module.exports = { + content: ["./hugo_stats.json"], + safelist: [{ pattern: /^swiper-/ }], + darkMode: "class", + theme: { + screens: { + sm: "540px", + md: "768px", + lg: "1024px", + xl: "1280px", + "2xl": "1536px", + }, + container: { + center: true, + padding: "2rem", + }, + extend: { + colors: { + text: theme.colors.default.text_color.default, + light: theme.colors.default.text_color.light, + dark: theme.colors.default.text_color.dark, + primary: theme.colors.default.theme_color.primary, + secondary: theme.colors.default.theme_color.secondary, + body: theme.colors.default.theme_color.body, + border: theme.colors.default.theme_color.border, + "theme-light": theme.colors.default.theme_color.theme_light, + "theme-dark": theme.colors.default.theme_color.theme_dark, + darkmode: { + text: theme.colors.darkmode.text_color.default, + light: theme.colors.darkmode.text_color.light, + dark: theme.colors.darkmode.text_color.dark, + primary: theme.colors.darkmode.theme_color.primary, + secondary: theme.colors.darkmode.theme_color.secondary, + body: theme.colors.darkmode.theme_color.body, + border: theme.colors.darkmode.theme_color.border, + "theme-light": theme.colors.darkmode.theme_color.theme_light, + "theme-dark": theme.colors.darkmode.theme_color.theme_dark, + }, + }, + fontSize: { + base: font_base + "px", + "base-sm": font_base * 0.8 + "px", + h1: h1 + "rem", + "h1-sm": h1 * 0.9 + "rem", + h2: h2 + "rem", + "h2-sm": h2 * 0.9 + "rem", + h3: h3 + "rem", + "h3-sm": h3 * 0.9 + "rem", + h4: h4 + "rem", + h5: h5 + "rem", + h6: h6 + "rem", + }, + fontFamily: { + primary: [fontPrimary, fontPrimaryType], + secondary: [fontSecondary, fontSecondaryType], + }, + }, + }, + plugins: [ + require("@tailwindcss/typography"), + require("@tailwindcss/forms"), + require("tailwind-bootstrap-grid")({ + generateContainer: false, + gridGutterWidth: "2rem", + gridGutters: { + 1: "0.25rem", + 2: "0.5rem", + 3: "1rem", + 4: "1.5rem", + 5: "3rem", + }, + }), + ], +}; diff --git a/theme.toml b/theme.toml new file mode 100644 index 0000000..6498457 --- /dev/null +++ b/theme.toml @@ -0,0 +1,40 @@ +name = "Hugoplate" +license = "MIT" +licenselink = "https://github.com/zeon-studio/hugoplate/blob/main/LICENSE" +description = "Hugoplate is a free starter template built with Hugo, and TailwindCSS, providing everything you need to jumpstart your Hugo project and save valuable time." +homepage = "https://github.com/zeon-studio/hugoplate" +demosite = "https://zeon.studio/preview?project=hugoplate" +min_version = "0.124.1" +uglyURLs = true +relativeURLs = true + +tags = [ + "blog", + "responsive", + "minimal", + "personal", + "light", + "dark", + "multilingual", + "landing", + "contact", + "dark mode", + "tailwindcss", +] + +features = [ + "Multi-Authors", + "Search", + "Multilingual", + "Dark Mode", + "Taxonomies", +] + +[author] +name = "Zeon Studio" +homepage = "https://zeon.studio" + +[original] +author = "Zeon Studio" +homepage = "https://zeon.studio" +repo = "https://github.com/zeon-studio/themeplate" diff --git a/themes/hugoplate/assets/js/main.js b/themes/hugoplate/assets/js/main.js new file mode 100755 index 0000000..3b3e302 --- /dev/null +++ b/themes/hugoplate/assets/js/main.js @@ -0,0 +1,36 @@ +// main script +(function () { + "use strict"; + + // Dropdown Menu Toggler For Mobile + // ---------------------------------------- + const dropdownMenuToggler = document.querySelectorAll( + ".nav-dropdown > .nav-link", + ); + + dropdownMenuToggler.forEach((toggler) => { + toggler?.addEventListener("click", (e) => { + e.target.closest('.nav-item').classList.toggle("active"); + }); + }); + + // Testimonial Slider + // ---------------------------------------- + new Swiper(".testimonial-slider", { + spaceBetween: 24, + loop: true, + pagination: { + el: ".testimonial-slider-pagination", + type: "bullets", + clickable: true, + }, + breakpoints: { + 768: { + slidesPerView: 2, + }, + 992: { + slidesPerView: 3, + }, + }, + }); +})(); diff --git a/themes/hugoplate/assets/plugins/swiper/swiper-bundle.css b/themes/hugoplate/assets/plugins/swiper/swiper-bundle.css new file mode 100644 index 0000000..6f0c194 --- /dev/null +++ b/themes/hugoplate/assets/plugins/swiper/swiper-bundle.css @@ -0,0 +1,667 @@ +/** + * Swiper 8.0.7 + * 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: March 4, 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; + /* Fix of Webkit flickering */ + 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; +} +/* Auto Height */ +.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; +} +/* 3D Effects */ +.swiper-3d, +.swiper-3d.swiper-css-mode .swiper-wrapper { + perspective: 1200px; +} +.swiper-3d .swiper-wrapper, +.swiper-3d .swiper-slide, +.swiper-3d .swiper-slide-shadow, +.swiper-3d .swiper-slide-shadow-left, +.swiper-3d .swiper-slide-shadow-right, +.swiper-3d .swiper-slide-shadow-top, +.swiper-3d .swiper-slide-shadow-bottom, +.swiper-3d .swiper-cube-shadow { + transform-style: preserve-3d; +} +.swiper-3d .swiper-slide-shadow, +.swiper-3d .swiper-slide-shadow-left, +.swiper-3d .swiper-slide-shadow-right, +.swiper-3d .swiper-slide-shadow-top, +.swiper-3d .swiper-slide-shadow-bottom { + 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, 0.15); +} +.swiper-3d .swiper-slide-shadow-left { + background-image: linear-gradient( + to left, + rgba(0, 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, 0.5), + rgba(0, 0, 0, 0) + ); +} +.swiper-3d .swiper-slide-shadow-top { + background-image: linear-gradient( + to top, + rgba(0, 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, 0.5), + rgba(0, 0, 0, 0) + ); +} +/* CSS Mode */ +.swiper-css-mode > .swiper-wrapper { + overflow: auto; + scrollbar-width: none; + /* For Firefox */ + -ms-overflow-style: none; + /* For Internet Explorer and Edge */ +} +.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-navigation-color: var(--swiper-theme-color); + */ +} +.swiper-button-prev, +.swiper-button-next { + 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-prev.swiper-button-disabled, +.swiper-button-next.swiper-button-disabled { + opacity: 0.35; + cursor: auto; + pointer-events: none; +} +.swiper-button-prev:after, +.swiper-button-next:after { + font-family: swiper-icons; + font-size: var(--swiper-navigation-size); + text-transform: none !important; + letter-spacing: 0; + text-transform: none; + 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; +} +:root { + /* + --swiper-pagination-color: var(--swiper-theme-color); + --swiper-pagination-bullet-size: 8px; + --swiper-pagination-bullet-width: 8px; + --swiper-pagination-bullet-height: 8px; + --swiper-pagination-bullet-inactive-color: #000; + --swiper-pagination-bullet-inactive-opacity: 0.2; + --swiper-pagination-bullet-opacity: 1; + --swiper-pagination-bullet-horizontal-gap: 4px; + --swiper-pagination-bullet-vertical-gap: 6px; + */ +} +.swiper-pagination { + position: absolute; + text-align: center; + transition: 300ms opacity; + transform: translate3d(0, 0, 0); + z-index: 10; +} +.swiper-pagination.swiper-pagination-hidden { + opacity: 0; +} +/* Common Styles */ +.swiper-pagination-fraction, +.swiper-pagination-custom, +.swiper-horizontal > .swiper-pagination-bullets, +.swiper-pagination-bullets.swiper-pagination-horizontal { + bottom: 10px; + left: 0; + width: 100%; +} +/* Bullets */ +.swiper-pagination-bullets-dynamic { + overflow: hidden; + font-size: 0; +} +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { + transform: scale(0.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(0.66); +} +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { + transform: scale(0.33); +} +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { + transform: scale(0.66); +} +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { + transform: scale(0.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, 0.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-vertical > .swiper-pagination-bullets, +.swiper-pagination-vertical.swiper-pagination-bullets { + right: 10px; + top: 50%; + transform: translate3d(0px, -50%, 0); +} +.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet, +.swiper-pagination-vertical.swiper-pagination-bullets + .swiper-pagination-bullet { + margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0; + display: block; +} +.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, +.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { + top: 50%; + transform: translateY(-50%); + width: 8px; +} +.swiper-vertical + > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic + .swiper-pagination-bullet, +.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic + .swiper-pagination-bullet { + display: inline-block; + transition: + 200ms transform, + 200ms 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: + 200ms transform, + 200ms left; +} +.swiper-horizontal.swiper-rtl + > .swiper-pagination-bullets-dynamic + .swiper-pagination-bullet { + transition: + 200ms transform, + 200ms right; +} +/* Progress */ +.swiper-pagination-progressbar { + background: rgba(0, 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-vertical + > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, +.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite { + width: 100%; + height: 4px; + left: 0; + top: 0; +} +.swiper-vertical > .swiper-pagination-progressbar, +.swiper-pagination-progressbar.swiper-pagination-vertical, +.swiper-horizontal + > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, +.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite { + width: 4px; + height: 100%; + left: 0; + top: 0; +} +.swiper-pagination-lock { + display: none; +} +/* Scrollbar */ +.swiper-scrollbar { + border-radius: 10px; + position: relative; + -ms-touch-action: none; + background: rgba(0, 0, 0, 0.1); +} +.swiper-horizontal > .swiper-scrollbar { + position: absolute; + left: 1%; + bottom: 3px; + z-index: 50; + height: 5px; + width: 98%; +} +.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, 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 > img, +.swiper-zoom-container > svg, +.swiper-zoom-container > canvas { + max-width: 100%; + max-height: 100%; + object-fit: contain; +} +.swiper-slide-zoomed { + cursor: move; +} +/* Preloader */ +:root { + /* + --swiper-preloader-color: var(--swiper-theme-color); + */ +} +.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-slide-visible .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 { + 100% { + transform: rotate(360deg); + } +} +/* a11y */ +.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-prev, +.swiper-cube .swiper-slide-next + .swiper-slide { + pointer-events: auto; + visibility: visible; +} +.swiper-cube .swiper-slide-shadow-top, +.swiper-cube .swiper-slide-shadow-bottom, +.swiper-cube .swiper-slide-shadow-left, +.swiper-cube .swiper-slide-shadow-right { + 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: 0.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-top, +.swiper-flip .swiper-slide-shadow-bottom, +.swiper-flip .swiper-slide-shadow-left, +.swiper-flip .swiper-slide-shadow-right { + 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; +} diff --git a/themes/hugoplate/assets/plugins/swiper/swiper-bundle.js b/themes/hugoplate/assets/plugins/swiper/swiper-bundle.js new file mode 100644 index 0000000..9c90ea5 --- /dev/null +++ b/themes/hugoplate/assets/plugins/swiper/swiper-bundle.js @@ -0,0 +1,11853 @@ +/** + * Swiper 8.0.7 + * 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: March 4, 2022 + */ + +(function (global, factory) { + typeof exports === "object" && typeof module !== "undefined" + ? (module.exports = factory()) + : typeof define === "function" && define.amd + ? define(factory) + : ((global = + typeof globalThis !== "undefined" ? globalThis : global || self), + (global.Swiper = factory())); +})(this, function () { + "use strict"; + + /** + * SSR Window 4.0.2 + * Better handling for window object in SSR environment + * https://github.com/nolimits4web/ssr-window + * + * Copyright 2021, Vladimir Kharlampidi + * + * Licensed under MIT + * + * Released on: December 13, 2021 + */ + + /* eslint-disable no-param-reassign */ + function isObject$1(obj) { + return ( + obj !== null && + typeof obj === "object" && + "constructor" in obj && + obj.constructor === Object + ); + } + + function extend$1(target, src) { + if (target === void 0) { + target = {}; + } + + if (src === void 0) { + src = {}; + } + + Object.keys(src).forEach((key) => { + if (typeof target[key] === "undefined") target[key] = src[key]; + else if ( + isObject$1(src[key]) && + isObject$1(target[key]) && + Object.keys(src[key]).length > 0 + ) { + extend$1(target[key], src[key]); + } + }); + } + + const ssrDocument = { + body: {}, + + addEventListener() {}, + + removeEventListener() {}, + + activeElement: { + blur() {}, + + nodeName: "", + }, + + querySelector() { + return null; + }, + + querySelectorAll() { + return []; + }, + + getElementById() { + return null; + }, + + createEvent() { + return { + initEvent() {}, + }; + }, + + createElement() { + return { + children: [], + childNodes: [], + style: {}, + + setAttribute() {}, + + getElementsByTagName() { + return []; + }, + }; + }, + + createElementNS() { + return {}; + }, + + importNode() { + return null; + }, + + location: { + hash: "", + host: "", + hostname: "", + href: "", + origin: "", + pathname: "", + protocol: "", + search: "", + }, + }; + + function getDocument() { + const doc = typeof document !== "undefined" ? document : {}; + extend$1(doc, ssrDocument); + return doc; + } + + const ssrWindow = { + document: ssrDocument, + navigator: { + userAgent: "", + }, + location: { + hash: "", + host: "", + hostname: "", + href: "", + origin: "", + pathname: "", + protocol: "", + search: "", + }, + history: { + replaceState() {}, + + pushState() {}, + + go() {}, + + back() {}, + }, + CustomEvent: function CustomEvent() { + return this; + }, + + addEventListener() {}, + + removeEventListener() {}, + + getComputedStyle() { + return { + getPropertyValue() { + return ""; + }, + }; + }, + + Image() {}, + + Date() {}, + + screen: {}, + + setTimeout() {}, + + clearTimeout() {}, + + matchMedia() { + return {}; + }, + + requestAnimationFrame(callback) { + if (typeof setTimeout === "undefined") { + callback(); + return null; + } + + return setTimeout(callback, 0); + }, + + cancelAnimationFrame(id) { + if (typeof setTimeout === "undefined") { + return; + } + + clearTimeout(id); + }, + }; + + function getWindow() { + const win = typeof window !== "undefined" ? window : {}; + extend$1(win, ssrWindow); + return win; + } + + /** + * Dom7 4.0.4 + * Minimalistic JavaScript library for DOM manipulation, with a jQuery-compatible API + * https://framework7.io/docs/dom7.html + * + * Copyright 2022, Vladimir Kharlampidi + * + * Licensed under MIT + * + * Released on: January 11, 2022 + */ + /* eslint-disable no-proto */ + + function makeReactive(obj) { + const proto = obj.__proto__; + Object.defineProperty(obj, "__proto__", { + get() { + return proto; + }, + + set(value) { + proto.__proto__ = value; + }, + }); + } + + class Dom7 extends Array { + constructor(items) { + if (typeof items === "number") { + super(items); + } else { + super(...(items || [])); + makeReactive(this); + } + } + } + + function arrayFlat(arr) { + if (arr === void 0) { + arr = []; + } + + const res = []; + arr.forEach((el) => { + if (Array.isArray(el)) { + res.push(...arrayFlat(el)); + } else { + res.push(el); + } + }); + return res; + } + + function arrayFilter(arr, callback) { + return Array.prototype.filter.call(arr, callback); + } + + function arrayUnique(arr) { + const uniqueArray = []; + + for (let i = 0; i < arr.length; i += 1) { + if (uniqueArray.indexOf(arr[i]) === -1) uniqueArray.push(arr[i]); + } + + return uniqueArray; + } + + function qsa(selector, context) { + if (typeof selector !== "string") { + return [selector]; + } + + const a = []; + const res = context.querySelectorAll(selector); + + for (let i = 0; i < res.length; i += 1) { + a.push(res[i]); + } + + return a; + } + + function $(selector, context) { + const window = getWindow(); + const document = getDocument(); + let arr = []; + + if (!context && selector instanceof Dom7) { + return selector; + } + + if (!selector) { + return new Dom7(arr); + } + + if (typeof selector === "string") { + const html = selector.trim(); + + if (html.indexOf("<") >= 0 && html.indexOf(">") >= 0) { + let toCreate = "div"; + if (html.indexOf(" c.split(" "))); + this.forEach((el) => { + el.classList.add(...classNames); + }); + return this; + } + + function removeClass() { + for ( + var _len2 = arguments.length, classes = new Array(_len2), _key2 = 0; + _key2 < _len2; + _key2++ + ) { + classes[_key2] = arguments[_key2]; + } + + const classNames = arrayFlat(classes.map((c) => c.split(" "))); + this.forEach((el) => { + el.classList.remove(...classNames); + }); + return this; + } + + function toggleClass() { + for ( + var _len3 = arguments.length, classes = new Array(_len3), _key3 = 0; + _key3 < _len3; + _key3++ + ) { + classes[_key3] = arguments[_key3]; + } + + const classNames = arrayFlat(classes.map((c) => c.split(" "))); + this.forEach((el) => { + classNames.forEach((className) => { + el.classList.toggle(className); + }); + }); + } + + function hasClass() { + for ( + var _len4 = arguments.length, classes = new Array(_len4), _key4 = 0; + _key4 < _len4; + _key4++ + ) { + classes[_key4] = arguments[_key4]; + } + + const classNames = arrayFlat(classes.map((c) => c.split(" "))); + return ( + arrayFilter(this, (el) => { + return ( + classNames.filter((className) => el.classList.contains(className)) + .length > 0 + ); + }).length > 0 + ); + } + + function attr(attrs, value) { + if (arguments.length === 1 && typeof attrs === "string") { + // Get attr + if (this[0]) return this[0].getAttribute(attrs); + return undefined; + } // Set attrs + + for (let i = 0; i < this.length; i += 1) { + if (arguments.length === 2) { + // String + this[i].setAttribute(attrs, value); + } else { + // Object + for (const attrName in attrs) { + this[i][attrName] = attrs[attrName]; + this[i].setAttribute(attrName, attrs[attrName]); + } + } + } + + return this; + } + + function removeAttr(attr) { + for (let i = 0; i < this.length; i += 1) { + this[i].removeAttribute(attr); + } + + return this; + } + + function transform(transform) { + for (let i = 0; i < this.length; i += 1) { + this[i].style.transform = transform; + } + + return this; + } + + function transition$1(duration) { + for (let i = 0; i < this.length; i += 1) { + this[i].style.transitionDuration = + typeof duration !== "string" ? `${duration}ms` : duration; + } + + return this; + } + + function on() { + for ( + var _len5 = arguments.length, args = new Array(_len5), _key5 = 0; + _key5 < _len5; + _key5++ + ) { + args[_key5] = arguments[_key5]; + } + + let [eventType, targetSelector, listener, capture] = args; + + if (typeof args[1] === "function") { + [eventType, listener, capture] = args; + targetSelector = undefined; + } + + if (!capture) capture = false; + + function handleLiveEvent(e) { + const target = e.target; + if (!target) return; + const eventData = e.target.dom7EventData || []; + + if (eventData.indexOf(e) < 0) { + eventData.unshift(e); + } + + if ($(target).is(targetSelector)) listener.apply(target, eventData); + else { + const parents = $(target).parents(); // eslint-disable-line + + for (let k = 0; k < parents.length; k += 1) { + if ($(parents[k]).is(targetSelector)) + listener.apply(parents[k], eventData); + } + } + } + + function handleEvent(e) { + const eventData = e && e.target ? e.target.dom7EventData || [] : []; + + if (eventData.indexOf(e) < 0) { + eventData.unshift(e); + } + + listener.apply(this, eventData); + } + + const events = eventType.split(" "); + let j; + + for (let i = 0; i < this.length; i += 1) { + const el = this[i]; + + if (!targetSelector) { + for (j = 0; j < events.length; j += 1) { + const event = events[j]; + if (!el.dom7Listeners) el.dom7Listeners = {}; + if (!el.dom7Listeners[event]) el.dom7Listeners[event] = []; + el.dom7Listeners[event].push({ + listener, + proxyListener: handleEvent, + }); + el.addEventListener(event, handleEvent, capture); + } + } else { + // Live events + for (j = 0; j < events.length; j += 1) { + const event = events[j]; + if (!el.dom7LiveListeners) el.dom7LiveListeners = {}; + if (!el.dom7LiveListeners[event]) el.dom7LiveListeners[event] = []; + el.dom7LiveListeners[event].push({ + listener, + proxyListener: handleLiveEvent, + }); + el.addEventListener(event, handleLiveEvent, capture); + } + } + } + + return this; + } + + function off() { + for ( + var _len6 = arguments.length, args = new Array(_len6), _key6 = 0; + _key6 < _len6; + _key6++ + ) { + args[_key6] = arguments[_key6]; + } + + let [eventType, targetSelector, listener, capture] = args; + + if (typeof args[1] === "function") { + [eventType, listener, capture] = args; + targetSelector = undefined; + } + + if (!capture) capture = false; + const events = eventType.split(" "); + + for (let i = 0; i < events.length; i += 1) { + const event = events[i]; + + for (let j = 0; j < this.length; j += 1) { + const el = this[j]; + let handlers; + + if (!targetSelector && el.dom7Listeners) { + handlers = el.dom7Listeners[event]; + } else if (targetSelector && el.dom7LiveListeners) { + handlers = el.dom7LiveListeners[event]; + } + + if (handlers && handlers.length) { + for (let k = handlers.length - 1; k >= 0; k -= 1) { + const handler = handlers[k]; + + if (listener && handler.listener === listener) { + el.removeEventListener(event, handler.proxyListener, capture); + handlers.splice(k, 1); + } else if ( + listener && + handler.listener && + handler.listener.dom7proxy && + handler.listener.dom7proxy === listener + ) { + el.removeEventListener(event, handler.proxyListener, capture); + handlers.splice(k, 1); + } else if (!listener) { + el.removeEventListener(event, handler.proxyListener, capture); + handlers.splice(k, 1); + } + } + } + } + } + + return this; + } + + function trigger() { + const window = getWindow(); + + for ( + var _len9 = arguments.length, args = new Array(_len9), _key9 = 0; + _key9 < _len9; + _key9++ + ) { + args[_key9] = arguments[_key9]; + } + + const events = args[0].split(" "); + const eventData = args[1]; + + for (let i = 0; i < events.length; i += 1) { + const event = events[i]; + + for (let j = 0; j < this.length; j += 1) { + const el = this[j]; + + if (window.CustomEvent) { + const evt = new window.CustomEvent(event, { + detail: eventData, + bubbles: true, + cancelable: true, + }); + el.dom7EventData = args.filter((data, dataIndex) => dataIndex > 0); + el.dispatchEvent(evt); + el.dom7EventData = []; + delete el.dom7EventData; + } + } + } + + return this; + } + + function transitionEnd$1(callback) { + const dom = this; + + function fireCallBack(e) { + if (e.target !== this) return; + callback.call(this, e); + dom.off("transitionend", fireCallBack); + } + + if (callback) { + dom.on("transitionend", fireCallBack); + } + + return this; + } + + function outerWidth(includeMargins) { + if (this.length > 0) { + if (includeMargins) { + const styles = this.styles(); + return ( + this[0].offsetWidth + + parseFloat(styles.getPropertyValue("margin-right")) + + parseFloat(styles.getPropertyValue("margin-left")) + ); + } + + return this[0].offsetWidth; + } + + return null; + } + + function outerHeight(includeMargins) { + if (this.length > 0) { + if (includeMargins) { + const styles = this.styles(); + return ( + this[0].offsetHeight + + parseFloat(styles.getPropertyValue("margin-top")) + + parseFloat(styles.getPropertyValue("margin-bottom")) + ); + } + + return this[0].offsetHeight; + } + + return null; + } + + function offset() { + if (this.length > 0) { + const window = getWindow(); + const document = getDocument(); + const el = this[0]; + const box = el.getBoundingClientRect(); + const body = document.body; + const clientTop = el.clientTop || body.clientTop || 0; + const clientLeft = el.clientLeft || body.clientLeft || 0; + const scrollTop = el === window ? window.scrollY : el.scrollTop; + const scrollLeft = el === window ? window.scrollX : el.scrollLeft; + return { + top: box.top + scrollTop - clientTop, + left: box.left + scrollLeft - clientLeft, + }; + } + + return null; + } + + function styles() { + const window = getWindow(); + if (this[0]) return window.getComputedStyle(this[0], null); + return {}; + } + + function css(props, value) { + const window = getWindow(); + let i; + + if (arguments.length === 1) { + if (typeof props === "string") { + // .css('width') + if (this[0]) + return window.getComputedStyle(this[0], null).getPropertyValue(props); + } else { + // .css({ width: '100px' }) + for (i = 0; i < this.length; i += 1) { + for (const prop in props) { + this[i].style[prop] = props[prop]; + } + } + + return this; + } + } + + if (arguments.length === 2 && typeof props === "string") { + // .css('width', '100px') + for (i = 0; i < this.length; i += 1) { + this[i].style[props] = value; + } + + return this; + } + + return this; + } + + function each(callback) { + if (!callback) return this; + this.forEach((el, index) => { + callback.apply(el, [el, index]); + }); + return this; + } + + function filter(callback) { + const result = arrayFilter(this, callback); + return $(result); + } + + function html(html) { + if (typeof html === "undefined") { + return this[0] ? this[0].innerHTML : null; + } + + for (let i = 0; i < this.length; i += 1) { + this[i].innerHTML = html; + } + + return this; + } + + function text(text) { + if (typeof text === "undefined") { + return this[0] ? this[0].textContent.trim() : null; + } + + for (let i = 0; i < this.length; i += 1) { + this[i].textContent = text; + } + + return this; + } + + function is(selector) { + const window = getWindow(); + const document = getDocument(); + const el = this[0]; + let compareWith; + let i; + if (!el || typeof selector === "undefined") return false; + + if (typeof selector === "string") { + if (el.matches) return el.matches(selector); + if (el.webkitMatchesSelector) return el.webkitMatchesSelector(selector); + if (el.msMatchesSelector) return el.msMatchesSelector(selector); + compareWith = $(selector); + + for (i = 0; i < compareWith.length; i += 1) { + if (compareWith[i] === el) return true; + } + + return false; + } + + if (selector === document) { + return el === document; + } + + if (selector === window) { + return el === window; + } + + if (selector.nodeType || selector instanceof Dom7) { + compareWith = selector.nodeType ? [selector] : selector; + + for (i = 0; i < compareWith.length; i += 1) { + if (compareWith[i] === el) return true; + } + + return false; + } + + return false; + } + + function index() { + let child = this[0]; + let i; + + if (child) { + i = 0; // eslint-disable-next-line + + while ((child = child.previousSibling) !== null) { + if (child.nodeType === 1) i += 1; + } + + return i; + } + + return undefined; + } + + function eq(index) { + if (typeof index === "undefined") return this; + const length = this.length; + + if (index > length - 1) { + return $([]); + } + + if (index < 0) { + const returnIndex = length + index; + if (returnIndex < 0) return $([]); + return $([this[returnIndex]]); + } + + return $([this[index]]); + } + + function append() { + let newChild; + const document = getDocument(); + + for (let k = 0; k < arguments.length; k += 1) { + newChild = k < 0 || arguments.length <= k ? undefined : arguments[k]; + + for (let i = 0; i < this.length; i += 1) { + if (typeof newChild === "string") { + const tempDiv = document.createElement("div"); + tempDiv.innerHTML = newChild; + + while (tempDiv.firstChild) { + this[i].appendChild(tempDiv.firstChild); + } + } else if (newChild instanceof Dom7) { + for (let j = 0; j < newChild.length; j += 1) { + this[i].appendChild(newChild[j]); + } + } else { + this[i].appendChild(newChild); + } + } + } + + return this; + } + + function prepend(newChild) { + const document = getDocument(); + let i; + let j; + + for (i = 0; i < this.length; i += 1) { + if (typeof newChild === "string") { + const tempDiv = document.createElement("div"); + tempDiv.innerHTML = newChild; + + for (j = tempDiv.childNodes.length - 1; j >= 0; j -= 1) { + this[i].insertBefore(tempDiv.childNodes[j], this[i].childNodes[0]); + } + } else if (newChild instanceof Dom7) { + for (j = 0; j < newChild.length; j += 1) { + this[i].insertBefore(newChild[j], this[i].childNodes[0]); + } + } else { + this[i].insertBefore(newChild, this[i].childNodes[0]); + } + } + + return this; + } + + function next(selector) { + if (this.length > 0) { + if (selector) { + if ( + this[0].nextElementSibling && + $(this[0].nextElementSibling).is(selector) + ) { + return $([this[0].nextElementSibling]); + } + + return $([]); + } + + if (this[0].nextElementSibling) return $([this[0].nextElementSibling]); + return $([]); + } + + return $([]); + } + + function nextAll(selector) { + const nextEls = []; + let el = this[0]; + if (!el) return $([]); + + while (el.nextElementSibling) { + const next = el.nextElementSibling; // eslint-disable-line + + if (selector) { + if ($(next).is(selector)) nextEls.push(next); + } else nextEls.push(next); + + el = next; + } + + return $(nextEls); + } + + function prev(selector) { + if (this.length > 0) { + const el = this[0]; + + if (selector) { + if ( + el.previousElementSibling && + $(el.previousElementSibling).is(selector) + ) { + return $([el.previousElementSibling]); + } + + return $([]); + } + + if (el.previousElementSibling) return $([el.previousElementSibling]); + return $([]); + } + + return $([]); + } + + function prevAll(selector) { + const prevEls = []; + let el = this[0]; + if (!el) return $([]); + + while (el.previousElementSibling) { + const prev = el.previousElementSibling; // eslint-disable-line + + if (selector) { + if ($(prev).is(selector)) prevEls.push(prev); + } else prevEls.push(prev); + + el = prev; + } + + return $(prevEls); + } + + function parent(selector) { + const parents = []; // eslint-disable-line + + for (let i = 0; i < this.length; i += 1) { + if (this[i].parentNode !== null) { + if (selector) { + if ($(this[i].parentNode).is(selector)) + parents.push(this[i].parentNode); + } else { + parents.push(this[i].parentNode); + } + } + } + + return $(parents); + } + + function parents(selector) { + const parents = []; // eslint-disable-line + + for (let i = 0; i < this.length; i += 1) { + let parent = this[i].parentNode; // eslint-disable-line + + while (parent) { + if (selector) { + if ($(parent).is(selector)) parents.push(parent); + } else { + parents.push(parent); + } + + parent = parent.parentNode; + } + } + + return $(parents); + } + + function closest(selector) { + let closest = this; // eslint-disable-line + + if (typeof selector === "undefined") { + return $([]); + } + + if (!closest.is(selector)) { + closest = closest.parents(selector).eq(0); + } + + return closest; + } + + function find(selector) { + const foundElements = []; + + for (let i = 0; i < this.length; i += 1) { + const found = this[i].querySelectorAll(selector); + + for (let j = 0; j < found.length; j += 1) { + foundElements.push(found[j]); + } + } + + return $(foundElements); + } + + function children(selector) { + const children = []; // eslint-disable-line + + for (let i = 0; i < this.length; i += 1) { + const childNodes = this[i].children; + + for (let j = 0; j < childNodes.length; j += 1) { + if (!selector || $(childNodes[j]).is(selector)) { + children.push(childNodes[j]); + } + } + } + + return $(children); + } + + function remove() { + for (let i = 0; i < this.length; i += 1) { + if (this[i].parentNode) this[i].parentNode.removeChild(this[i]); + } + + return this; + } + + const Methods = { + addClass, + removeClass, + hasClass, + toggleClass, + attr, + removeAttr, + transform, + transition: transition$1, + on, + off, + trigger, + transitionEnd: transitionEnd$1, + outerWidth, + outerHeight, + styles, + offset, + css, + each, + html, + text, + is, + index, + eq, + append, + prepend, + next, + nextAll, + prev, + prevAll, + parent, + parents, + closest, + find, + children, + filter, + remove, + }; + Object.keys(Methods).forEach((methodName) => { + Object.defineProperty($.fn, methodName, { + value: Methods[methodName], + writable: true, + }); + }); + + function deleteProps(obj) { + const object = obj; + Object.keys(object).forEach((key) => { + try { + object[key] = null; + } catch (e) { + // no getter for object + } + + try { + delete object[key]; + } catch (e) { + // something got wrong + } + }); + } + + function nextTick(callback, delay) { + if (delay === void 0) { + delay = 0; + } + + return setTimeout(callback, delay); + } + + function now() { + return Date.now(); + } + + function getComputedStyle$1(el) { + const window = getWindow(); + let style; + + if (window.getComputedStyle) { + style = window.getComputedStyle(el, null); + } + + if (!style && el.currentStyle) { + style = el.currentStyle; + } + + if (!style) { + style = el.style; + } + + return style; + } + + function getTranslate(el, axis) { + if (axis === void 0) { + axis = "x"; + } + + const window = getWindow(); + let matrix; + let curTransform; + let transformMatrix; + const curStyle = getComputedStyle$1(el); + + if (window.WebKitCSSMatrix) { + curTransform = curStyle.transform || curStyle.webkitTransform; + + if (curTransform.split(",").length > 6) { + curTransform = curTransform + .split(", ") + .map((a) => a.replace(",", ".")) + .join(", "); + } // Some old versions of Webkit choke when 'none' is passed; pass + // empty string instead in this case + + transformMatrix = new window.WebKitCSSMatrix( + curTransform === "none" ? "" : curTransform, + ); + } else { + transformMatrix = + curStyle.MozTransform || + curStyle.OTransform || + curStyle.MsTransform || + curStyle.msTransform || + curStyle.transform || + curStyle + .getPropertyValue("transform") + .replace("translate(", "matrix(1, 0, 0, 1,"); + matrix = transformMatrix.toString().split(","); + } + + if (axis === "x") { + // Latest Chrome and webkits Fix + if (window.WebKitCSSMatrix) + curTransform = transformMatrix.m41; // Crazy IE10 Matrix + else if (matrix.length === 16) + curTransform = parseFloat(matrix[12]); // Normal Browsers + else curTransform = parseFloat(matrix[4]); + } + + if (axis === "y") { + // Latest Chrome and webkits Fix + if (window.WebKitCSSMatrix) + curTransform = transformMatrix.m42; // Crazy IE10 Matrix + else if (matrix.length === 16) + curTransform = parseFloat(matrix[13]); // Normal Browsers + else curTransform = parseFloat(matrix[5]); + } + + return curTransform || 0; + } + + function isObject(o) { + return ( + typeof o === "object" && + o !== null && + o.constructor && + Object.prototype.toString.call(o).slice(8, -1) === "Object" + ); + } + + function isNode(node) { + // eslint-disable-next-line + if ( + typeof window !== "undefined" && + typeof window.HTMLElement !== "undefined" + ) { + return node instanceof HTMLElement; + } + + return node && (node.nodeType === 1 || node.nodeType === 11); + } + + function extend() { + const to = Object(arguments.length <= 0 ? undefined : arguments[0]); + const noExtend = ["__proto__", "constructor", "prototype"]; + + for (let i = 1; i < arguments.length; i += 1) { + const nextSource = + i < 0 || arguments.length <= i ? undefined : arguments[i]; + + if ( + nextSource !== undefined && + nextSource !== null && + !isNode(nextSource) + ) { + const keysArray = Object.keys(Object(nextSource)).filter( + (key) => noExtend.indexOf(key) < 0, + ); + + for ( + let nextIndex = 0, len = keysArray.length; + nextIndex < len; + nextIndex += 1 + ) { + const nextKey = keysArray[nextIndex]; + const desc = Object.getOwnPropertyDescriptor(nextSource, nextKey); + + if (desc !== undefined && desc.enumerable) { + if (isObject(to[nextKey]) && isObject(nextSource[nextKey])) { + if (nextSource[nextKey].__swiper__) { + to[nextKey] = nextSource[nextKey]; + } else { + extend(to[nextKey], nextSource[nextKey]); + } + } else if ( + !isObject(to[nextKey]) && + isObject(nextSource[nextKey]) + ) { + to[nextKey] = {}; + + if (nextSource[nextKey].__swiper__) { + to[nextKey] = nextSource[nextKey]; + } else { + extend(to[nextKey], nextSource[nextKey]); + } + } else { + to[nextKey] = nextSource[nextKey]; + } + } + } + } + } + + return to; + } + + function setCSSProperty(el, varName, varValue) { + el.style.setProperty(varName, varValue); + } + + function animateCSSModeScroll(_ref) { + let { swiper, targetPosition, side } = _ref; + const window = getWindow(); + const startPosition = -swiper.translate; + let startTime = null; + let time; + const duration = swiper.params.speed; + swiper.wrapperEl.style.scrollSnapType = "none"; + window.cancelAnimationFrame(swiper.cssModeFrameID); + const dir = targetPosition > startPosition ? "next" : "prev"; + + const isOutOfBound = (current, target) => { + return ( + (dir === "next" && current >= target) || + (dir === "prev" && current <= target) + ); + }; + + const animate = () => { + time = new Date().getTime(); + + if (startTime === null) { + startTime = time; + } + + const progress = Math.max(Math.min((time - startTime) / duration, 1), 0); + const easeProgress = 0.5 - Math.cos(progress * Math.PI) / 2; + let currentPosition = + startPosition + easeProgress * (targetPosition - startPosition); + + if (isOutOfBound(currentPosition, targetPosition)) { + currentPosition = targetPosition; + } + + swiper.wrapperEl.scrollTo({ + [side]: currentPosition, + }); + + if (isOutOfBound(currentPosition, targetPosition)) { + swiper.wrapperEl.style.overflow = "hidden"; + swiper.wrapperEl.style.scrollSnapType = ""; + setTimeout(() => { + swiper.wrapperEl.style.overflow = ""; + swiper.wrapperEl.scrollTo({ + [side]: currentPosition, + }); + }); + window.cancelAnimationFrame(swiper.cssModeFrameID); + return; + } + + swiper.cssModeFrameID = window.requestAnimationFrame(animate); + }; + + animate(); + } + + let support; + + function calcSupport() { + const window = getWindow(); + const document = getDocument(); + return { + smoothScroll: + document.documentElement && + "scrollBehavior" in document.documentElement.style, + touch: !!( + "ontouchstart" in window || + (window.DocumentTouch && document instanceof window.DocumentTouch) + ), + passiveListener: (function checkPassiveListener() { + let supportsPassive = false; + + try { + const opts = Object.defineProperty({}, "passive", { + // eslint-disable-next-line + get() { + supportsPassive = true; + }, + }); + window.addEventListener("testPassiveListener", null, opts); + } catch (e) { + // No support + } + + return supportsPassive; + })(), + gestures: (function checkGestures() { + return "ongesturestart" in window; + })(), + }; + } + + function getSupport() { + if (!support) { + support = calcSupport(); + } + + return support; + } + + let deviceCached; + + function calcDevice(_temp) { + let { userAgent } = _temp === void 0 ? {} : _temp; + const support = getSupport(); + const window = getWindow(); + const platform = window.navigator.platform; + const ua = userAgent || window.navigator.userAgent; + const device = { + ios: false, + android: false, + }; + const screenWidth = window.screen.width; + const screenHeight = window.screen.height; + const android = ua.match(/(Android);?[\s\/]+([\d.]+)?/); // eslint-disable-line + + let ipad = ua.match(/(iPad).*OS\s([\d_]+)/); + const ipod = ua.match(/(iPod)(.*OS\s([\d_]+))?/); + const iphone = !ipad && ua.match(/(iPhone\sOS|iOS)\s([\d_]+)/); + const windows = platform === "Win32"; + let macos = platform === "MacIntel"; // iPadOs 13 fix + + const iPadScreens = [ + "1024x1366", + "1366x1024", + "834x1194", + "1194x834", + "834x1112", + "1112x834", + "768x1024", + "1024x768", + "820x1180", + "1180x820", + "810x1080", + "1080x810", + ]; + + if ( + !ipad && + macos && + support.touch && + iPadScreens.indexOf(`${screenWidth}x${screenHeight}`) >= 0 + ) { + ipad = ua.match(/(Version)\/([\d.]+)/); + if (!ipad) ipad = [0, 1, "13_0_0"]; + macos = false; + } // Android + + if (android && !windows) { + device.os = "android"; + device.android = true; + } + + if (ipad || iphone || ipod) { + device.os = "ios"; + device.ios = true; + } // Export object + + return device; + } + + function getDevice(overrides) { + if (overrides === void 0) { + overrides = {}; + } + + if (!deviceCached) { + deviceCached = calcDevice(overrides); + } + + return deviceCached; + } + + let browser; + + function calcBrowser() { + const window = getWindow(); + + function isSafari() { + const ua = window.navigator.userAgent.toLowerCase(); + return ( + ua.indexOf("safari") >= 0 && + ua.indexOf("chrome") < 0 && + ua.indexOf("android") < 0 + ); + } + + return { + isSafari: isSafari(), + isWebView: /(iPhone|iPod|iPad).*AppleWebKit(?!.*Safari)/i.test( + window.navigator.userAgent, + ), + }; + } + + function getBrowser() { + if (!browser) { + browser = calcBrowser(); + } + + return browser; + } + + function Resize(_ref) { + let { swiper, on, emit } = _ref; + const window = getWindow(); + let observer = null; + let animationFrame = null; + + const resizeHandler = () => { + if (!swiper || swiper.destroyed || !swiper.initialized) return; + emit("beforeResize"); + emit("resize"); + }; + + const createObserver = () => { + if (!swiper || swiper.destroyed || !swiper.initialized) return; + observer = new ResizeObserver((entries) => { + animationFrame = window.requestAnimationFrame(() => { + const { width, height } = swiper; + let newWidth = width; + let newHeight = height; + entries.forEach((_ref2) => { + let { contentBoxSize, contentRect, target } = _ref2; + if (target && target !== swiper.el) return; + newWidth = contentRect + ? contentRect.width + : (contentBoxSize[0] || contentBoxSize).inlineSize; + newHeight = contentRect + ? contentRect.height + : (contentBoxSize[0] || contentBoxSize).blockSize; + }); + + if (newWidth !== width || newHeight !== height) { + resizeHandler(); + } + }); + }); + observer.observe(swiper.el); + }; + + const removeObserver = () => { + if (animationFrame) { + window.cancelAnimationFrame(animationFrame); + } + + if (observer && observer.unobserve && swiper.el) { + observer.unobserve(swiper.el); + observer = null; + } + }; + + const orientationChangeHandler = () => { + if (!swiper || swiper.destroyed || !swiper.initialized) return; + emit("orientationchange"); + }; + + on("init", () => { + if ( + swiper.params.resizeObserver && + typeof window.ResizeObserver !== "undefined" + ) { + createObserver(); + return; + } + + window.addEventListener("resize", resizeHandler); + window.addEventListener("orientationchange", orientationChangeHandler); + }); + on("destroy", () => { + removeObserver(); + window.removeEventListener("resize", resizeHandler); + window.removeEventListener("orientationchange", orientationChangeHandler); + }); + } + + function Observer(_ref) { + let { swiper, extendParams, on, emit } = _ref; + const observers = []; + const window = getWindow(); + + const attach = function (target, options) { + if (options === void 0) { + options = {}; + } + + const ObserverFunc = + window.MutationObserver || window.WebkitMutationObserver; + const observer = new ObserverFunc((mutations) => { + // The observerUpdate event should only be triggered + // once despite the number of mutations. Additional + // triggers are redundant and are very costly + if (mutations.length === 1) { + emit("observerUpdate", mutations[0]); + return; + } + + const observerUpdate = function observerUpdate() { + emit("observerUpdate", mutations[0]); + }; + + if (window.requestAnimationFrame) { + window.requestAnimationFrame(observerUpdate); + } else { + window.setTimeout(observerUpdate, 0); + } + }); + observer.observe(target, { + attributes: + typeof options.attributes === "undefined" ? true : options.attributes, + childList: + typeof options.childList === "undefined" ? true : options.childList, + characterData: + typeof options.characterData === "undefined" + ? true + : options.characterData, + }); + observers.push(observer); + }; + + const init = () => { + if (!swiper.params.observer) return; + + if (swiper.params.observeParents) { + const containerParents = swiper.$el.parents(); + + for (let i = 0; i < containerParents.length; i += 1) { + attach(containerParents[i]); + } + } // Observe container + + attach(swiper.$el[0], { + childList: swiper.params.observeSlideChildren, + }); // Observe wrapper + + attach(swiper.$wrapperEl[0], { + attributes: false, + }); + }; + + const destroy = () => { + observers.forEach((observer) => { + observer.disconnect(); + }); + observers.splice(0, observers.length); + }; + + extendParams({ + observer: false, + observeParents: false, + observeSlideChildren: false, + }); + on("init", init); + on("destroy", destroy); + } + + /* eslint-disable no-underscore-dangle */ + var eventsEmitter = { + on(events, handler, priority) { + const self = this; + if (typeof handler !== "function") return self; + const method = priority ? "unshift" : "push"; + events.split(" ").forEach((event) => { + if (!self.eventsListeners[event]) self.eventsListeners[event] = []; + self.eventsListeners[event][method](handler); + }); + return self; + }, + + once(events, handler, priority) { + const self = this; + if (typeof handler !== "function") return self; + + function onceHandler() { + self.off(events, onceHandler); + + if (onceHandler.__emitterProxy) { + delete onceHandler.__emitterProxy; + } + + for ( + var _len = arguments.length, args = new Array(_len), _key = 0; + _key < _len; + _key++ + ) { + args[_key] = arguments[_key]; + } + + handler.apply(self, args); + } + + onceHandler.__emitterProxy = handler; + return self.on(events, onceHandler, priority); + }, + + onAny(handler, priority) { + const self = this; + if (typeof handler !== "function") return self; + const method = priority ? "unshift" : "push"; + + if (self.eventsAnyListeners.indexOf(handler) < 0) { + self.eventsAnyListeners[method](handler); + } + + return self; + }, + + offAny(handler) { + const self = this; + if (!self.eventsAnyListeners) return self; + const index = self.eventsAnyListeners.indexOf(handler); + + if (index >= 0) { + self.eventsAnyListeners.splice(index, 1); + } + + return self; + }, + + off(events, handler) { + const self = this; + if (!self.eventsListeners) return self; + events.split(" ").forEach((event) => { + if (typeof handler === "undefined") { + self.eventsListeners[event] = []; + } else if (self.eventsListeners[event]) { + self.eventsListeners[event].forEach((eventHandler, index) => { + if ( + eventHandler === handler || + (eventHandler.__emitterProxy && + eventHandler.__emitterProxy === handler) + ) { + self.eventsListeners[event].splice(index, 1); + } + }); + } + }); + return self; + }, + + emit() { + const self = this; + if (!self.eventsListeners) return self; + let events; + let data; + let context; + + for ( + var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; + _key2 < _len2; + _key2++ + ) { + args[_key2] = arguments[_key2]; + } + + if (typeof args[0] === "string" || Array.isArray(args[0])) { + events = args[0]; + data = args.slice(1, args.length); + context = self; + } else { + events = args[0].events; + data = args[0].data; + context = args[0].context || self; + } + + data.unshift(context); + const eventsArray = Array.isArray(events) ? events : events.split(" "); + eventsArray.forEach((event) => { + if (self.eventsAnyListeners && self.eventsAnyListeners.length) { + self.eventsAnyListeners.forEach((eventHandler) => { + eventHandler.apply(context, [event, ...data]); + }); + } + + if (self.eventsListeners && self.eventsListeners[event]) { + self.eventsListeners[event].forEach((eventHandler) => { + eventHandler.apply(context, data); + }); + } + }); + return self; + }, + }; + + function updateSize() { + const swiper = this; + let width; + let height; + const $el = swiper.$el; + + if ( + typeof swiper.params.width !== "undefined" && + swiper.params.width !== null + ) { + width = swiper.params.width; + } else { + width = $el[0].clientWidth; + } + + if ( + typeof swiper.params.height !== "undefined" && + swiper.params.height !== null + ) { + height = swiper.params.height; + } else { + height = $el[0].clientHeight; + } + + if ( + (width === 0 && swiper.isHorizontal()) || + (height === 0 && swiper.isVertical()) + ) { + return; + } // Subtract paddings + + width = + width - + parseInt($el.css("padding-left") || 0, 10) - + parseInt($el.css("padding-right") || 0, 10); + height = + height - + parseInt($el.css("padding-top") || 0, 10) - + parseInt($el.css("padding-bottom") || 0, 10); + if (Number.isNaN(width)) width = 0; + if (Number.isNaN(height)) height = 0; + Object.assign(swiper, { + width, + height, + size: swiper.isHorizontal() ? width : height, + }); + } + + function updateSlides() { + const swiper = this; + + function getDirectionLabel(property) { + if (swiper.isHorizontal()) { + return property; + } // prettier-ignore + + return { + 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", + }[property]; + } + + function getDirectionPropertyValue(node, label) { + return parseFloat(node.getPropertyValue(getDirectionLabel(label)) || 0); + } + + const params = swiper.params; + const { + $wrapperEl, + size: swiperSize, + rtlTranslate: rtl, + wrongRTL, + } = swiper; + const isVirtual = swiper.virtual && params.virtual.enabled; + const previousSlidesLength = isVirtual + ? swiper.virtual.slides.length + : swiper.slides.length; + const slides = $wrapperEl.children(`.${swiper.params.slideClass}`); + const slidesLength = isVirtual + ? swiper.virtual.slides.length + : slides.length; + let snapGrid = []; + const slidesGrid = []; + const slidesSizesGrid = []; + let offsetBefore = params.slidesOffsetBefore; + + if (typeof offsetBefore === "function") { + offsetBefore = params.slidesOffsetBefore.call(swiper); + } + + let offsetAfter = params.slidesOffsetAfter; + + if (typeof offsetAfter === "function") { + offsetAfter = params.slidesOffsetAfter.call(swiper); + } + + const previousSnapGridLength = swiper.snapGrid.length; + const previousSlidesGridLength = swiper.slidesGrid.length; + let spaceBetween = params.spaceBetween; + let slidePosition = -offsetBefore; + let prevSlideSize = 0; + let index = 0; + + if (typeof swiperSize === "undefined") { + return; + } + + if (typeof spaceBetween === "string" && spaceBetween.indexOf("%") >= 0) { + spaceBetween = + (parseFloat(spaceBetween.replace("%", "")) / 100) * swiperSize; + } + + swiper.virtualSize = -spaceBetween; // reset margins + + if (rtl) + slides.css({ + marginLeft: "", + marginBottom: "", + marginTop: "", + }); + else + slides.css({ + marginRight: "", + marginBottom: "", + marginTop: "", + }); // reset cssMode offsets + + if (params.centeredSlides && params.cssMode) { + setCSSProperty(swiper.wrapperEl, "--swiper-centered-offset-before", ""); + setCSSProperty(swiper.wrapperEl, "--swiper-centered-offset-after", ""); + } + + const gridEnabled = params.grid && params.grid.rows > 1 && swiper.grid; + + if (gridEnabled) { + swiper.grid.initSlides(slidesLength); + } // Calc slides + + let slideSize; + const shouldResetSlideSize = + params.slidesPerView === "auto" && + params.breakpoints && + Object.keys(params.breakpoints).filter((key) => { + return typeof params.breakpoints[key].slidesPerView !== "undefined"; + }).length > 0; + + for (let i = 0; i < slidesLength; i += 1) { + slideSize = 0; + const slide = slides.eq(i); + + if (gridEnabled) { + swiper.grid.updateSlide(i, slide, slidesLength, getDirectionLabel); + } + + if (slide.css("display") === "none") continue; // eslint-disable-line + + if (params.slidesPerView === "auto") { + if (shouldResetSlideSize) { + slides[i].style[getDirectionLabel("width")] = ``; + } + + const slideStyles = getComputedStyle(slide[0]); + const currentTransform = slide[0].style.transform; + const currentWebKitTransform = slide[0].style.webkitTransform; + + if (currentTransform) { + slide[0].style.transform = "none"; + } + + if (currentWebKitTransform) { + slide[0].style.webkitTransform = "none"; + } + + if (params.roundLengths) { + slideSize = swiper.isHorizontal() + ? slide.outerWidth(true) + : slide.outerHeight(true); + } else { + // eslint-disable-next-line + const width = getDirectionPropertyValue(slideStyles, "width"); + const paddingLeft = getDirectionPropertyValue( + slideStyles, + "padding-left", + ); + const paddingRight = getDirectionPropertyValue( + slideStyles, + "padding-right", + ); + const marginLeft = getDirectionPropertyValue( + slideStyles, + "margin-left", + ); + const marginRight = getDirectionPropertyValue( + slideStyles, + "margin-right", + ); + const boxSizing = slideStyles.getPropertyValue("box-sizing"); + + if (boxSizing && boxSizing === "border-box") { + slideSize = width + marginLeft + marginRight; + } else { + const { clientWidth, offsetWidth } = slide[0]; + slideSize = + width + + paddingLeft + + paddingRight + + marginLeft + + marginRight + + (offsetWidth - clientWidth); + } + } + + if (currentTransform) { + slide[0].style.transform = currentTransform; + } + + if (currentWebKitTransform) { + slide[0].style.webkitTransform = currentWebKitTransform; + } + + if (params.roundLengths) slideSize = Math.floor(slideSize); + } else { + slideSize = + (swiperSize - (params.slidesPerView - 1) * spaceBetween) / + params.slidesPerView; + if (params.roundLengths) slideSize = Math.floor(slideSize); + + if (slides[i]) { + slides[i].style[getDirectionLabel("width")] = `${slideSize}px`; + } + } + + if (slides[i]) { + slides[i].swiperSlideSize = slideSize; + } + + slidesSizesGrid.push(slideSize); + + if (params.centeredSlides) { + slidePosition = + slidePosition + slideSize / 2 + prevSlideSize / 2 + spaceBetween; + if (prevSlideSize === 0 && i !== 0) + slidePosition = slidePosition - swiperSize / 2 - spaceBetween; + if (i === 0) + slidePosition = slidePosition - swiperSize / 2 - spaceBetween; + if (Math.abs(slidePosition) < 1 / 1000) slidePosition = 0; + if (params.roundLengths) slidePosition = Math.floor(slidePosition); + if (index % params.slidesPerGroup === 0) snapGrid.push(slidePosition); + slidesGrid.push(slidePosition); + } else { + if (params.roundLengths) slidePosition = Math.floor(slidePosition); + if ( + (index - Math.min(swiper.params.slidesPerGroupSkip, index)) % + swiper.params.slidesPerGroup === + 0 + ) + snapGrid.push(slidePosition); + slidesGrid.push(slidePosition); + slidePosition = slidePosition + slideSize + spaceBetween; + } + + swiper.virtualSize += slideSize + spaceBetween; + prevSlideSize = slideSize; + index += 1; + } + + swiper.virtualSize = Math.max(swiper.virtualSize, swiperSize) + offsetAfter; + + if ( + rtl && + wrongRTL && + (params.effect === "slide" || params.effect === "coverflow") + ) { + $wrapperEl.css({ + width: `${swiper.virtualSize + params.spaceBetween}px`, + }); + } + + if (params.setWrapperSize) { + $wrapperEl.css({ + [getDirectionLabel("width")]: `${ + swiper.virtualSize + params.spaceBetween + }px`, + }); + } + + if (gridEnabled) { + swiper.grid.updateWrapperSize(slideSize, snapGrid, getDirectionLabel); + } // Remove last grid elements depending on width + + if (!params.centeredSlides) { + const newSlidesGrid = []; + + for (let i = 0; i < snapGrid.length; i += 1) { + let slidesGridItem = snapGrid[i]; + if (params.roundLengths) slidesGridItem = Math.floor(slidesGridItem); + + if (snapGrid[i] <= swiper.virtualSize - swiperSize) { + newSlidesGrid.push(slidesGridItem); + } + } + + snapGrid = newSlidesGrid; + + if ( + Math.floor(swiper.virtualSize - swiperSize) - + Math.floor(snapGrid[snapGrid.length - 1]) > + 1 + ) { + snapGrid.push(swiper.virtualSize - swiperSize); + } + } + + if (snapGrid.length === 0) snapGrid = [0]; + + if (params.spaceBetween !== 0) { + const key = + swiper.isHorizontal() && rtl + ? "marginLeft" + : getDirectionLabel("marginRight"); + slides + .filter((_, slideIndex) => { + if (!params.cssMode) return true; + + if (slideIndex === slides.length - 1) { + return false; + } + + return true; + }) + .css({ + [key]: `${spaceBetween}px`, + }); + } + + if (params.centeredSlides && params.centeredSlidesBounds) { + let allSlidesSize = 0; + slidesSizesGrid.forEach((slideSizeValue) => { + allSlidesSize += + slideSizeValue + (params.spaceBetween ? params.spaceBetween : 0); + }); + allSlidesSize -= params.spaceBetween; + const maxSnap = allSlidesSize - swiperSize; + snapGrid = snapGrid.map((snap) => { + if (snap < 0) return -offsetBefore; + if (snap > maxSnap) return maxSnap + offsetAfter; + return snap; + }); + } + + if (params.centerInsufficientSlides) { + let allSlidesSize = 0; + slidesSizesGrid.forEach((slideSizeValue) => { + allSlidesSize += + slideSizeValue + (params.spaceBetween ? params.spaceBetween : 0); + }); + allSlidesSize -= params.spaceBetween; + + if (allSlidesSize < swiperSize) { + const allSlidesOffset = (swiperSize - allSlidesSize) / 2; + snapGrid.forEach((snap, snapIndex) => { + snapGrid[snapIndex] = snap - allSlidesOffset; + }); + slidesGrid.forEach((snap, snapIndex) => { + slidesGrid[snapIndex] = snap + allSlidesOffset; + }); + } + } + + Object.assign(swiper, { + slides, + snapGrid, + slidesGrid, + slidesSizesGrid, + }); + + if ( + params.centeredSlides && + params.cssMode && + !params.centeredSlidesBounds + ) { + setCSSProperty( + swiper.wrapperEl, + "--swiper-centered-offset-before", + `${-snapGrid[0]}px`, + ); + setCSSProperty( + swiper.wrapperEl, + "--swiper-centered-offset-after", + `${ + swiper.size / 2 - slidesSizesGrid[slidesSizesGrid.length - 1] / 2 + }px`, + ); + const addToSnapGrid = -swiper.snapGrid[0]; + const addToSlidesGrid = -swiper.slidesGrid[0]; + swiper.snapGrid = swiper.snapGrid.map((v) => v + addToSnapGrid); + swiper.slidesGrid = swiper.slidesGrid.map((v) => v + addToSlidesGrid); + } + + if (slidesLength !== previousSlidesLength) { + swiper.emit("slidesLengthChange"); + } + + if (snapGrid.length !== previousSnapGridLength) { + if (swiper.params.watchOverflow) swiper.checkOverflow(); + swiper.emit("snapGridLengthChange"); + } + + if (slidesGrid.length !== previousSlidesGridLength) { + swiper.emit("slidesGridLengthChange"); + } + + if (params.watchSlidesProgress) { + swiper.updateSlidesOffset(); + } + + if ( + !isVirtual && + !params.cssMode && + (params.effect === "slide" || params.effect === "fade") + ) { + const backFaceHiddenClass = `${params.containerModifierClass}backface-hidden`; + const hasClassBackfaceClassAdded = + swiper.$el.hasClass(backFaceHiddenClass); + + if (slidesLength <= params.maxBackfaceHiddenSlides) { + if (!hasClassBackfaceClassAdded) + swiper.$el.addClass(backFaceHiddenClass); + } else if (hasClassBackfaceClassAdded) { + swiper.$el.removeClass(backFaceHiddenClass); + } + } + } + + function updateAutoHeight(speed) { + const swiper = this; + const activeSlides = []; + const isVirtual = swiper.virtual && swiper.params.virtual.enabled; + let newHeight = 0; + let i; + + if (typeof speed === "number") { + swiper.setTransition(speed); + } else if (speed === true) { + swiper.setTransition(swiper.params.speed); + } + + const getSlideByIndex = (index) => { + if (isVirtual) { + return swiper.slides.filter( + (el) => + parseInt(el.getAttribute("data-swiper-slide-index"), 10) === index, + )[0]; + } + + return swiper.slides.eq(index)[0]; + }; // Find slides currently in view + + if ( + swiper.params.slidesPerView !== "auto" && + swiper.params.slidesPerView > 1 + ) { + if (swiper.params.centeredSlides) { + swiper.visibleSlides.each((slide) => { + activeSlides.push(slide); + }); + } else { + for (i = 0; i < Math.ceil(swiper.params.slidesPerView); i += 1) { + const index = swiper.activeIndex + i; + if (index > swiper.slides.length && !isVirtual) break; + activeSlides.push(getSlideByIndex(index)); + } + } + } else { + activeSlides.push(getSlideByIndex(swiper.activeIndex)); + } // Find new height from highest slide in view + + for (i = 0; i < activeSlides.length; i += 1) { + if (typeof activeSlides[i] !== "undefined") { + const height = activeSlides[i].offsetHeight; + newHeight = height > newHeight ? height : newHeight; + } + } // Update Height + + if (newHeight || newHeight === 0) + swiper.$wrapperEl.css("height", `${newHeight}px`); + } + + function updateSlidesOffset() { + const swiper = this; + const slides = swiper.slides; + + for (let i = 0; i < slides.length; i += 1) { + slides[i].swiperSlideOffset = swiper.isHorizontal() + ? slides[i].offsetLeft + : slides[i].offsetTop; + } + } + + function updateSlidesProgress(translate) { + if (translate === void 0) { + translate = (this && this.translate) || 0; + } + + const swiper = this; + const params = swiper.params; + const { slides, rtlTranslate: rtl, snapGrid } = swiper; + if (slides.length === 0) return; + if (typeof slides[0].swiperSlideOffset === "undefined") + swiper.updateSlidesOffset(); + let offsetCenter = -translate; + if (rtl) offsetCenter = translate; // Visible Slides + + slides.removeClass(params.slideVisibleClass); + swiper.visibleSlidesIndexes = []; + swiper.visibleSlides = []; + + for (let i = 0; i < slides.length; i += 1) { + const slide = slides[i]; + let slideOffset = slide.swiperSlideOffset; + + if (params.cssMode && params.centeredSlides) { + slideOffset -= slides[0].swiperSlideOffset; + } + + const slideProgress = + (offsetCenter + + (params.centeredSlides ? swiper.minTranslate() : 0) - + slideOffset) / + (slide.swiperSlideSize + params.spaceBetween); + const originalSlideProgress = + (offsetCenter - + snapGrid[0] + + (params.centeredSlides ? swiper.minTranslate() : 0) - + slideOffset) / + (slide.swiperSlideSize + params.spaceBetween); + const slideBefore = -(offsetCenter - slideOffset); + const slideAfter = slideBefore + swiper.slidesSizesGrid[i]; + const isVisible = + (slideBefore >= 0 && slideBefore < swiper.size - 1) || + (slideAfter > 1 && slideAfter <= swiper.size) || + (slideBefore <= 0 && slideAfter >= swiper.size); + + if (isVisible) { + swiper.visibleSlides.push(slide); + swiper.visibleSlidesIndexes.push(i); + slides.eq(i).addClass(params.slideVisibleClass); + } + + slide.progress = rtl ? -slideProgress : slideProgress; + slide.originalProgress = rtl + ? -originalSlideProgress + : originalSlideProgress; + } + + swiper.visibleSlides = $(swiper.visibleSlides); + } + + function updateProgress(translate) { + const swiper = this; + + if (typeof translate === "undefined") { + const multiplier = swiper.rtlTranslate ? -1 : 1; // eslint-disable-next-line + + translate = + (swiper && swiper.translate && swiper.translate * multiplier) || 0; + } + + const params = swiper.params; + const translatesDiff = swiper.maxTranslate() - swiper.minTranslate(); + let { progress, isBeginning, isEnd } = swiper; + const wasBeginning = isBeginning; + const wasEnd = isEnd; + + if (translatesDiff === 0) { + progress = 0; + isBeginning = true; + isEnd = true; + } else { + progress = (translate - swiper.minTranslate()) / translatesDiff; + isBeginning = progress <= 0; + isEnd = progress >= 1; + } + + Object.assign(swiper, { + progress, + isBeginning, + isEnd, + }); + if ( + params.watchSlidesProgress || + (params.centeredSlides && params.autoHeight) + ) + swiper.updateSlidesProgress(translate); + + if (isBeginning && !wasBeginning) { + swiper.emit("reachBeginning toEdge"); + } + + if (isEnd && !wasEnd) { + swiper.emit("reachEnd toEdge"); + } + + if ((wasBeginning && !isBeginning) || (wasEnd && !isEnd)) { + swiper.emit("fromEdge"); + } + + swiper.emit("progress", progress); + } + + function updateSlidesClasses() { + const swiper = this; + const { slides, params, $wrapperEl, activeIndex, realIndex } = swiper; + const isVirtual = swiper.virtual && params.virtual.enabled; + slides.removeClass( + `${params.slideActiveClass} ${params.slideNextClass} ${params.slidePrevClass} ${params.slideDuplicateActiveClass} ${params.slideDuplicateNextClass} ${params.slideDuplicatePrevClass}`, + ); + let activeSlide; + + if (isVirtual) { + activeSlide = swiper.$wrapperEl.find( + `.${params.slideClass}[data-swiper-slide-index="${activeIndex}"]`, + ); + } else { + activeSlide = slides.eq(activeIndex); + } // Active classes + + activeSlide.addClass(params.slideActiveClass); + + if (params.loop) { + // Duplicate to all looped slides + if (activeSlide.hasClass(params.slideDuplicateClass)) { + $wrapperEl + .children( + `.${params.slideClass}:not(.${params.slideDuplicateClass})[data-swiper-slide-index="${realIndex}"]`, + ) + .addClass(params.slideDuplicateActiveClass); + } else { + $wrapperEl + .children( + `.${params.slideClass}.${params.slideDuplicateClass}[data-swiper-slide-index="${realIndex}"]`, + ) + .addClass(params.slideDuplicateActiveClass); + } + } // Next Slide + + let nextSlide = activeSlide + .nextAll(`.${params.slideClass}`) + .eq(0) + .addClass(params.slideNextClass); + + if (params.loop && nextSlide.length === 0) { + nextSlide = slides.eq(0); + nextSlide.addClass(params.slideNextClass); + } // Prev Slide + + let prevSlide = activeSlide + .prevAll(`.${params.slideClass}`) + .eq(0) + .addClass(params.slidePrevClass); + + if (params.loop && prevSlide.length === 0) { + prevSlide = slides.eq(-1); + prevSlide.addClass(params.slidePrevClass); + } + + if (params.loop) { + // Duplicate to all looped slides + if (nextSlide.hasClass(params.slideDuplicateClass)) { + $wrapperEl + .children( + `.${params.slideClass}:not(.${ + params.slideDuplicateClass + })[data-swiper-slide-index="${nextSlide.attr( + "data-swiper-slide-index", + )}"]`, + ) + .addClass(params.slideDuplicateNextClass); + } else { + $wrapperEl + .children( + `.${params.slideClass}.${ + params.slideDuplicateClass + }[data-swiper-slide-index="${nextSlide.attr( + "data-swiper-slide-index", + )}"]`, + ) + .addClass(params.slideDuplicateNextClass); + } + + if (prevSlide.hasClass(params.slideDuplicateClass)) { + $wrapperEl + .children( + `.${params.slideClass}:not(.${ + params.slideDuplicateClass + })[data-swiper-slide-index="${prevSlide.attr( + "data-swiper-slide-index", + )}"]`, + ) + .addClass(params.slideDuplicatePrevClass); + } else { + $wrapperEl + .children( + `.${params.slideClass}.${ + params.slideDuplicateClass + }[data-swiper-slide-index="${prevSlide.attr( + "data-swiper-slide-index", + )}"]`, + ) + .addClass(params.slideDuplicatePrevClass); + } + } + + swiper.emitSlidesClasses(); + } + + function updateActiveIndex(newActiveIndex) { + const swiper = this; + const translate = swiper.rtlTranslate + ? swiper.translate + : -swiper.translate; + const { + slidesGrid, + snapGrid, + params, + activeIndex: previousIndex, + realIndex: previousRealIndex, + snapIndex: previousSnapIndex, + } = swiper; + let activeIndex = newActiveIndex; + let snapIndex; + + if (typeof activeIndex === "undefined") { + for (let i = 0; i < slidesGrid.length; i += 1) { + if (typeof slidesGrid[i + 1] !== "undefined") { + if ( + translate >= slidesGrid[i] && + translate < + slidesGrid[i + 1] - (slidesGrid[i + 1] - slidesGrid[i]) / 2 + ) { + activeIndex = i; + } else if ( + translate >= slidesGrid[i] && + translate < slidesGrid[i + 1] + ) { + activeIndex = i + 1; + } + } else if (translate >= slidesGrid[i]) { + activeIndex = i; + } + } // Normalize slideIndex + + if (params.normalizeSlideIndex) { + if (activeIndex < 0 || typeof activeIndex === "undefined") + activeIndex = 0; + } + } + + if (snapGrid.indexOf(translate) >= 0) { + snapIndex = snapGrid.indexOf(translate); + } else { + const skip = Math.min(params.slidesPerGroupSkip, activeIndex); + snapIndex = + skip + Math.floor((activeIndex - skip) / params.slidesPerGroup); + } + + if (snapIndex >= snapGrid.length) snapIndex = snapGrid.length - 1; + + if (activeIndex === previousIndex) { + if (snapIndex !== previousSnapIndex) { + swiper.snapIndex = snapIndex; + swiper.emit("snapIndexChange"); + } + + return; + } // Get real index + + const realIndex = parseInt( + swiper.slides.eq(activeIndex).attr("data-swiper-slide-index") || + activeIndex, + 10, + ); + Object.assign(swiper, { + snapIndex, + realIndex, + previousIndex, + activeIndex, + }); + swiper.emit("activeIndexChange"); + swiper.emit("snapIndexChange"); + + if (previousRealIndex !== realIndex) { + swiper.emit("realIndexChange"); + } + + if (swiper.initialized || swiper.params.runCallbacksOnInit) { + swiper.emit("slideChange"); + } + } + + function updateClickedSlide(e) { + const swiper = this; + const params = swiper.params; + const slide = $(e).closest(`.${params.slideClass}`)[0]; + let slideFound = false; + let slideIndex; + + if (slide) { + for (let i = 0; i < swiper.slides.length; i += 1) { + if (swiper.slides[i] === slide) { + slideFound = true; + slideIndex = i; + break; + } + } + } + + if (slide && slideFound) { + swiper.clickedSlide = slide; + + if (swiper.virtual && swiper.params.virtual.enabled) { + swiper.clickedIndex = parseInt( + $(slide).attr("data-swiper-slide-index"), + 10, + ); + } else { + swiper.clickedIndex = slideIndex; + } + } else { + swiper.clickedSlide = undefined; + swiper.clickedIndex = undefined; + return; + } + + if ( + params.slideToClickedSlide && + swiper.clickedIndex !== undefined && + swiper.clickedIndex !== swiper.activeIndex + ) { + swiper.slideToClickedSlide(); + } + } + + var update = { + updateSize, + updateSlides, + updateAutoHeight, + updateSlidesOffset, + updateSlidesProgress, + updateProgress, + updateSlidesClasses, + updateActiveIndex, + updateClickedSlide, + }; + + function getSwiperTranslate(axis) { + if (axis === void 0) { + axis = this.isHorizontal() ? "x" : "y"; + } + + const swiper = this; + const { params, rtlTranslate: rtl, translate, $wrapperEl } = swiper; + + if (params.virtualTranslate) { + return rtl ? -translate : translate; + } + + if (params.cssMode) { + return translate; + } + + let currentTranslate = getTranslate($wrapperEl[0], axis); + if (rtl) currentTranslate = -currentTranslate; + return currentTranslate || 0; + } + + function setTranslate(translate, byController) { + const swiper = this; + const { + rtlTranslate: rtl, + params, + $wrapperEl, + wrapperEl, + progress, + } = swiper; + let x = 0; + let y = 0; + const z = 0; + + if (swiper.isHorizontal()) { + x = rtl ? -translate : translate; + } else { + y = translate; + } + + if (params.roundLengths) { + x = Math.floor(x); + y = Math.floor(y); + } + + if (params.cssMode) { + wrapperEl[swiper.isHorizontal() ? "scrollLeft" : "scrollTop"] = + swiper.isHorizontal() ? -x : -y; + } else if (!params.virtualTranslate) { + $wrapperEl.transform(`translate3d(${x}px, ${y}px, ${z}px)`); + } + + swiper.previousTranslate = swiper.translate; + swiper.translate = swiper.isHorizontal() ? x : y; // Check if we need to update progress + + let newProgress; + const translatesDiff = swiper.maxTranslate() - swiper.minTranslate(); + + if (translatesDiff === 0) { + newProgress = 0; + } else { + newProgress = (translate - swiper.minTranslate()) / translatesDiff; + } + + if (newProgress !== progress) { + swiper.updateProgress(translate); + } + + swiper.emit("setTranslate", swiper.translate, byController); + } + + function minTranslate() { + return -this.snapGrid[0]; + } + + function maxTranslate() { + return -this.snapGrid[this.snapGrid.length - 1]; + } + + function translateTo( + translate, + speed, + runCallbacks, + translateBounds, + internal, + ) { + if (translate === void 0) { + translate = 0; + } + + if (speed === void 0) { + speed = this.params.speed; + } + + if (runCallbacks === void 0) { + runCallbacks = true; + } + + if (translateBounds === void 0) { + translateBounds = true; + } + + const swiper = this; + const { params, wrapperEl } = swiper; + + if (swiper.animating && params.preventInteractionOnTransition) { + return false; + } + + const minTranslate = swiper.minTranslate(); + const maxTranslate = swiper.maxTranslate(); + let newTranslate; + if (translateBounds && translate > minTranslate) + newTranslate = minTranslate; + else if (translateBounds && translate < maxTranslate) + newTranslate = maxTranslate; + else newTranslate = translate; // Update progress + + swiper.updateProgress(newTranslate); + + if (params.cssMode) { + const isH = swiper.isHorizontal(); + + if (speed === 0) { + wrapperEl[isH ? "scrollLeft" : "scrollTop"] = -newTranslate; + } else { + if (!swiper.support.smoothScroll) { + animateCSSModeScroll({ + swiper, + targetPosition: -newTranslate, + side: isH ? "left" : "top", + }); + return true; + } + + wrapperEl.scrollTo({ + [isH ? "left" : "top"]: -newTranslate, + behavior: "smooth", + }); + } + + return true; + } + + if (speed === 0) { + swiper.setTransition(0); + swiper.setTranslate(newTranslate); + + if (runCallbacks) { + swiper.emit("beforeTransitionStart", speed, internal); + swiper.emit("transitionEnd"); + } + } else { + swiper.setTransition(speed); + swiper.setTranslate(newTranslate); + + if (runCallbacks) { + swiper.emit("beforeTransitionStart", speed, internal); + swiper.emit("transitionStart"); + } + + if (!swiper.animating) { + swiper.animating = true; + + if (!swiper.onTranslateToWrapperTransitionEnd) { + swiper.onTranslateToWrapperTransitionEnd = function transitionEnd(e) { + if (!swiper || swiper.destroyed) return; + if (e.target !== this) return; + swiper.$wrapperEl[0].removeEventListener( + "transitionend", + swiper.onTranslateToWrapperTransitionEnd, + ); + swiper.$wrapperEl[0].removeEventListener( + "webkitTransitionEnd", + swiper.onTranslateToWrapperTransitionEnd, + ); + swiper.onTranslateToWrapperTransitionEnd = null; + delete swiper.onTranslateToWrapperTransitionEnd; + + if (runCallbacks) { + swiper.emit("transitionEnd"); + } + }; + } + + swiper.$wrapperEl[0].addEventListener( + "transitionend", + swiper.onTranslateToWrapperTransitionEnd, + ); + swiper.$wrapperEl[0].addEventListener( + "webkitTransitionEnd", + swiper.onTranslateToWrapperTransitionEnd, + ); + } + } + + return true; + } + + var translate = { + getTranslate: getSwiperTranslate, + setTranslate, + minTranslate, + maxTranslate, + translateTo, + }; + + function setTransition(duration, byController) { + const swiper = this; + + if (!swiper.params.cssMode) { + swiper.$wrapperEl.transition(duration); + } + + swiper.emit("setTransition", duration, byController); + } + + function transitionEmit(_ref) { + let { swiper, runCallbacks, direction, step } = _ref; + const { activeIndex, previousIndex } = swiper; + let dir = direction; + + if (!dir) { + if (activeIndex > previousIndex) dir = "next"; + else if (activeIndex < previousIndex) dir = "prev"; + else dir = "reset"; + } + + swiper.emit(`transition${step}`); + + if (runCallbacks && activeIndex !== previousIndex) { + if (dir === "reset") { + swiper.emit(`slideResetTransition${step}`); + return; + } + + swiper.emit(`slideChangeTransition${step}`); + + if (dir === "next") { + swiper.emit(`slideNextTransition${step}`); + } else { + swiper.emit(`slidePrevTransition${step}`); + } + } + } + + function transitionStart(runCallbacks, direction) { + if (runCallbacks === void 0) { + runCallbacks = true; + } + + const swiper = this; + const { params } = swiper; + if (params.cssMode) return; + + if (params.autoHeight) { + swiper.updateAutoHeight(); + } + + transitionEmit({ + swiper, + runCallbacks, + direction, + step: "Start", + }); + } + + function transitionEnd(runCallbacks, direction) { + if (runCallbacks === void 0) { + runCallbacks = true; + } + + const swiper = this; + const { params } = swiper; + swiper.animating = false; + if (params.cssMode) return; + swiper.setTransition(0); + transitionEmit({ + swiper, + runCallbacks, + direction, + step: "End", + }); + } + + var transition = { + setTransition, + transitionStart, + transitionEnd, + }; + + function slideTo(index, speed, runCallbacks, internal, initial) { + if (index === void 0) { + index = 0; + } + + if (speed === void 0) { + speed = this.params.speed; + } + + if (runCallbacks === void 0) { + runCallbacks = true; + } + + if (typeof index !== "number" && typeof index !== "string") { + throw new Error( + `The 'index' argument cannot have type other than 'number' or 'string'. [${typeof index}] given.`, + ); + } + + if (typeof index === "string") { + /** + * The `index` argument converted from `string` to `number`. + * @type {number} + */ + const indexAsNumber = parseInt(index, 10); + /** + * Determines whether the `index` argument is a valid `number` + * after being converted from the `string` type. + * @type {boolean} + */ + + const isValidNumber = isFinite(indexAsNumber); + + if (!isValidNumber) { + throw new Error( + `The passed-in 'index' (string) couldn't be converted to 'number'. [${index}] given.`, + ); + } // Knowing that the converted `index` is a valid number, + // we can update the original argument's value. + + index = indexAsNumber; + } + + const swiper = this; + let slideIndex = index; + if (slideIndex < 0) slideIndex = 0; + const { + params, + snapGrid, + slidesGrid, + previousIndex, + activeIndex, + rtlTranslate: rtl, + wrapperEl, + enabled, + } = swiper; + + if ( + (swiper.animating && params.preventInteractionOnTransition) || + (!enabled && !internal && !initial) + ) { + return false; + } + + const skip = Math.min(swiper.params.slidesPerGroupSkip, slideIndex); + let snapIndex = + skip + Math.floor((slideIndex - skip) / swiper.params.slidesPerGroup); + if (snapIndex >= snapGrid.length) snapIndex = snapGrid.length - 1; + + if ( + (activeIndex || params.initialSlide || 0) === (previousIndex || 0) && + runCallbacks + ) { + swiper.emit("beforeSlideChangeStart"); + } + + const translate = -snapGrid[snapIndex]; // Update progress + + swiper.updateProgress(translate); // Normalize slideIndex + + if (params.normalizeSlideIndex) { + for (let i = 0; i < slidesGrid.length; i += 1) { + const normalizedTranslate = -Math.floor(translate * 100); + const normalizedGrid = Math.floor(slidesGrid[i] * 100); + const normalizedGridNext = Math.floor(slidesGrid[i + 1] * 100); + + if (typeof slidesGrid[i + 1] !== "undefined") { + if ( + normalizedTranslate >= normalizedGrid && + normalizedTranslate < + normalizedGridNext - (normalizedGridNext - normalizedGrid) / 2 + ) { + slideIndex = i; + } else if ( + normalizedTranslate >= normalizedGrid && + normalizedTranslate < normalizedGridNext + ) { + slideIndex = i + 1; + } + } else if (normalizedTranslate >= normalizedGrid) { + slideIndex = i; + } + } + } // Directions locks + + if (swiper.initialized && slideIndex !== activeIndex) { + if ( + !swiper.allowSlideNext && + translate < swiper.translate && + translate < swiper.minTranslate() + ) { + return false; + } + + if ( + !swiper.allowSlidePrev && + translate > swiper.translate && + translate > swiper.maxTranslate() + ) { + if ((activeIndex || 0) !== slideIndex) return false; + } + } + + let direction; + if (slideIndex > activeIndex) direction = "next"; + else if (slideIndex < activeIndex) direction = "prev"; + else direction = "reset"; // Update Index + + if ( + (rtl && -translate === swiper.translate) || + (!rtl && translate === swiper.translate) + ) { + swiper.updateActiveIndex(slideIndex); // Update Height + + if (params.autoHeight) { + swiper.updateAutoHeight(); + } + + swiper.updateSlidesClasses(); + + if (params.effect !== "slide") { + swiper.setTranslate(translate); + } + + if (direction !== "reset") { + swiper.transitionStart(runCallbacks, direction); + swiper.transitionEnd(runCallbacks, direction); + } + + return false; + } + + if (params.cssMode) { + const isH = swiper.isHorizontal(); + const t = rtl ? translate : -translate; + + if (speed === 0) { + const isVirtual = swiper.virtual && swiper.params.virtual.enabled; + + if (isVirtual) { + swiper.wrapperEl.style.scrollSnapType = "none"; + swiper._immediateVirtual = true; + } + + wrapperEl[isH ? "scrollLeft" : "scrollTop"] = t; + + if (isVirtual) { + requestAnimationFrame(() => { + swiper.wrapperEl.style.scrollSnapType = ""; + swiper._swiperImmediateVirtual = false; + }); + } + } else { + if (!swiper.support.smoothScroll) { + animateCSSModeScroll({ + swiper, + targetPosition: t, + side: isH ? "left" : "top", + }); + return true; + } + + wrapperEl.scrollTo({ + [isH ? "left" : "top"]: t, + behavior: "smooth", + }); + } + + return true; + } + + swiper.setTransition(speed); + swiper.setTranslate(translate); + swiper.updateActiveIndex(slideIndex); + swiper.updateSlidesClasses(); + swiper.emit("beforeTransitionStart", speed, internal); + swiper.transitionStart(runCallbacks, direction); + + if (speed === 0) { + swiper.transitionEnd(runCallbacks, direction); + } else if (!swiper.animating) { + swiper.animating = true; + + if (!swiper.onSlideToWrapperTransitionEnd) { + swiper.onSlideToWrapperTransitionEnd = function transitionEnd(e) { + if (!swiper || swiper.destroyed) return; + if (e.target !== this) return; + swiper.$wrapperEl[0].removeEventListener( + "transitionend", + swiper.onSlideToWrapperTransitionEnd, + ); + swiper.$wrapperEl[0].removeEventListener( + "webkitTransitionEnd", + swiper.onSlideToWrapperTransitionEnd, + ); + swiper.onSlideToWrapperTransitionEnd = null; + delete swiper.onSlideToWrapperTransitionEnd; + swiper.transitionEnd(runCallbacks, direction); + }; + } + + swiper.$wrapperEl[0].addEventListener( + "transitionend", + swiper.onSlideToWrapperTransitionEnd, + ); + swiper.$wrapperEl[0].addEventListener( + "webkitTransitionEnd", + swiper.onSlideToWrapperTransitionEnd, + ); + } + + return true; + } + + function slideToLoop(index, speed, runCallbacks, internal) { + if (index === void 0) { + index = 0; + } + + if (speed === void 0) { + speed = this.params.speed; + } + + if (runCallbacks === void 0) { + runCallbacks = true; + } + + const swiper = this; + let newIndex = index; + + if (swiper.params.loop) { + newIndex += swiper.loopedSlides; + } + + return swiper.slideTo(newIndex, speed, runCallbacks, internal); + } + + /* eslint no-unused-vars: "off" */ + function slideNext(speed, runCallbacks, internal) { + if (speed === void 0) { + speed = this.params.speed; + } + + if (runCallbacks === void 0) { + runCallbacks = true; + } + + const swiper = this; + const { animating, enabled, params } = swiper; + if (!enabled) return swiper; + let perGroup = params.slidesPerGroup; + + if ( + params.slidesPerView === "auto" && + params.slidesPerGroup === 1 && + params.slidesPerGroupAuto + ) { + perGroup = Math.max(swiper.slidesPerViewDynamic("current", true), 1); + } + + const increment = + swiper.activeIndex < params.slidesPerGroupSkip ? 1 : perGroup; + + if (params.loop) { + if (animating && params.loopPreventsSlide) return false; + swiper.loopFix(); // eslint-disable-next-line + + swiper._clientLeft = swiper.$wrapperEl[0].clientLeft; + } + + if (params.rewind && swiper.isEnd) { + return swiper.slideTo(0, speed, runCallbacks, internal); + } + + return swiper.slideTo( + swiper.activeIndex + increment, + speed, + runCallbacks, + internal, + ); + } + + /* eslint no-unused-vars: "off" */ + function slidePrev(speed, runCallbacks, internal) { + if (speed === void 0) { + speed = this.params.speed; + } + + if (runCallbacks === void 0) { + runCallbacks = true; + } + + const swiper = this; + const { params, animating, snapGrid, slidesGrid, rtlTranslate, enabled } = + swiper; + if (!enabled) return swiper; + + if (params.loop) { + if (animating && params.loopPreventsSlide) return false; + swiper.loopFix(); // eslint-disable-next-line + + swiper._clientLeft = swiper.$wrapperEl[0].clientLeft; + } + + const translate = rtlTranslate ? swiper.translate : -swiper.translate; + + function normalize(val) { + if (val < 0) return -Math.floor(Math.abs(val)); + return Math.floor(val); + } + + const normalizedTranslate = normalize(translate); + const normalizedSnapGrid = snapGrid.map((val) => normalize(val)); + let prevSnap = + snapGrid[normalizedSnapGrid.indexOf(normalizedTranslate) - 1]; + + if (typeof prevSnap === "undefined" && params.cssMode) { + let prevSnapIndex; + snapGrid.forEach((snap, snapIndex) => { + if (normalizedTranslate >= snap) { + // prevSnap = snap; + prevSnapIndex = snapIndex; + } + }); + + if (typeof prevSnapIndex !== "undefined") { + prevSnap = + snapGrid[prevSnapIndex > 0 ? prevSnapIndex - 1 : prevSnapIndex]; + } + } + + let prevIndex = 0; + + if (typeof prevSnap !== "undefined") { + prevIndex = slidesGrid.indexOf(prevSnap); + if (prevIndex < 0) prevIndex = swiper.activeIndex - 1; + + if ( + params.slidesPerView === "auto" && + params.slidesPerGroup === 1 && + params.slidesPerGroupAuto + ) { + prevIndex = + prevIndex - swiper.slidesPerViewDynamic("previous", true) + 1; + prevIndex = Math.max(prevIndex, 0); + } + } + + if (params.rewind && swiper.isBeginning) { + const lastIndex = + swiper.params.virtual && swiper.params.virtual.enabled && swiper.virtual + ? swiper.virtual.slides.length - 1 + : swiper.slides.length - 1; + return swiper.slideTo(lastIndex, speed, runCallbacks, internal); + } + + return swiper.slideTo(prevIndex, speed, runCallbacks, internal); + } + + /* eslint no-unused-vars: "off" */ + function slideReset(speed, runCallbacks, internal) { + if (speed === void 0) { + speed = this.params.speed; + } + + if (runCallbacks === void 0) { + runCallbacks = true; + } + + const swiper = this; + return swiper.slideTo(swiper.activeIndex, speed, runCallbacks, internal); + } + + /* eslint no-unused-vars: "off" */ + function slideToClosest(speed, runCallbacks, internal, threshold) { + if (speed === void 0) { + speed = this.params.speed; + } + + if (runCallbacks === void 0) { + runCallbacks = true; + } + + if (threshold === void 0) { + threshold = 0.5; + } + + const swiper = this; + let index = swiper.activeIndex; + const skip = Math.min(swiper.params.slidesPerGroupSkip, index); + const snapIndex = + skip + Math.floor((index - skip) / swiper.params.slidesPerGroup); + const translate = swiper.rtlTranslate + ? swiper.translate + : -swiper.translate; + + if (translate >= swiper.snapGrid[snapIndex]) { + // The current translate is on or after the current snap index, so the choice + // is between the current index and the one after it. + const currentSnap = swiper.snapGrid[snapIndex]; + const nextSnap = swiper.snapGrid[snapIndex + 1]; + + if (translate - currentSnap > (nextSnap - currentSnap) * threshold) { + index += swiper.params.slidesPerGroup; + } + } else { + // The current translate is before the current snap index, so the choice + // is between the current index and the one before it. + const prevSnap = swiper.snapGrid[snapIndex - 1]; + const currentSnap = swiper.snapGrid[snapIndex]; + + if (translate - prevSnap <= (currentSnap - prevSnap) * threshold) { + index -= swiper.params.slidesPerGroup; + } + } + + index = Math.max(index, 0); + index = Math.min(index, swiper.slidesGrid.length - 1); + return swiper.slideTo(index, speed, runCallbacks, internal); + } + + function slideToClickedSlide() { + const swiper = this; + const { params, $wrapperEl } = swiper; + const slidesPerView = + params.slidesPerView === "auto" + ? swiper.slidesPerViewDynamic() + : params.slidesPerView; + let slideToIndex = swiper.clickedIndex; + let realIndex; + + if (params.loop) { + if (swiper.animating) return; + realIndex = parseInt( + $(swiper.clickedSlide).attr("data-swiper-slide-index"), + 10, + ); + + if (params.centeredSlides) { + if ( + slideToIndex < swiper.loopedSlides - slidesPerView / 2 || + slideToIndex > + swiper.slides.length - swiper.loopedSlides + slidesPerView / 2 + ) { + swiper.loopFix(); + slideToIndex = $wrapperEl + .children( + `.${params.slideClass}[data-swiper-slide-index="${realIndex}"]:not(.${params.slideDuplicateClass})`, + ) + .eq(0) + .index(); + nextTick(() => { + swiper.slideTo(slideToIndex); + }); + } else { + swiper.slideTo(slideToIndex); + } + } else if (slideToIndex > swiper.slides.length - slidesPerView) { + swiper.loopFix(); + slideToIndex = $wrapperEl + .children( + `.${params.slideClass}[data-swiper-slide-index="${realIndex}"]:not(.${params.slideDuplicateClass})`, + ) + .eq(0) + .index(); + nextTick(() => { + swiper.slideTo(slideToIndex); + }); + } else { + swiper.slideTo(slideToIndex); + } + } else { + swiper.slideTo(slideToIndex); + } + } + + var slide = { + slideTo, + slideToLoop, + slideNext, + slidePrev, + slideReset, + slideToClosest, + slideToClickedSlide, + }; + + function loopCreate() { + const swiper = this; + const document = getDocument(); + const { params, $wrapperEl } = swiper; // Remove duplicated slides + + const $selector = + $wrapperEl.children().length > 0 + ? $($wrapperEl.children()[0].parentNode) + : $wrapperEl; + $selector + .children(`.${params.slideClass}.${params.slideDuplicateClass}`) + .remove(); + let slides = $selector.children(`.${params.slideClass}`); + + if (params.loopFillGroupWithBlank) { + const blankSlidesNum = + params.slidesPerGroup - (slides.length % params.slidesPerGroup); + + if (blankSlidesNum !== params.slidesPerGroup) { + for (let i = 0; i < blankSlidesNum; i += 1) { + const blankNode = $(document.createElement("div")).addClass( + `${params.slideClass} ${params.slideBlankClass}`, + ); + $selector.append(blankNode); + } + + slides = $selector.children(`.${params.slideClass}`); + } + } + + if (params.slidesPerView === "auto" && !params.loopedSlides) + params.loopedSlides = slides.length; + swiper.loopedSlides = Math.ceil( + parseFloat(params.loopedSlides || params.slidesPerView, 10), + ); + swiper.loopedSlides += params.loopAdditionalSlides; + + if (swiper.loopedSlides > slides.length) { + swiper.loopedSlides = slides.length; + } + + const prependSlides = []; + const appendSlides = []; + slides.each((el, index) => { + const slide = $(el); + + if (index < swiper.loopedSlides) { + appendSlides.push(el); + } + + if ( + index < slides.length && + index >= slides.length - swiper.loopedSlides + ) { + prependSlides.push(el); + } + + slide.attr("data-swiper-slide-index", index); + }); + + for (let i = 0; i < appendSlides.length; i += 1) { + $selector.append( + $(appendSlides[i].cloneNode(true)).addClass(params.slideDuplicateClass), + ); + } + + for (let i = prependSlides.length - 1; i >= 0; i -= 1) { + $selector.prepend( + $(prependSlides[i].cloneNode(true)).addClass( + params.slideDuplicateClass, + ), + ); + } + } + + function loopFix() { + const swiper = this; + swiper.emit("beforeLoopFix"); + const { + activeIndex, + slides, + loopedSlides, + allowSlidePrev, + allowSlideNext, + snapGrid, + rtlTranslate: rtl, + } = swiper; + let newIndex; + swiper.allowSlidePrev = true; + swiper.allowSlideNext = true; + const snapTranslate = -snapGrid[activeIndex]; + const diff = snapTranslate - swiper.getTranslate(); // Fix For Negative Oversliding + + if (activeIndex < loopedSlides) { + newIndex = slides.length - loopedSlides * 3 + activeIndex; + newIndex += loopedSlides; + const slideChanged = swiper.slideTo(newIndex, 0, false, true); + + if (slideChanged && diff !== 0) { + swiper.setTranslate( + (rtl ? -swiper.translate : swiper.translate) - diff, + ); + } + } else if (activeIndex >= slides.length - loopedSlides) { + // Fix For Positive Oversliding + newIndex = -slides.length + activeIndex + loopedSlides; + newIndex += loopedSlides; + const slideChanged = swiper.slideTo(newIndex, 0, false, true); + + if (slideChanged && diff !== 0) { + swiper.setTranslate( + (rtl ? -swiper.translate : swiper.translate) - diff, + ); + } + } + + swiper.allowSlidePrev = allowSlidePrev; + swiper.allowSlideNext = allowSlideNext; + swiper.emit("loopFix"); + } + + function loopDestroy() { + const swiper = this; + const { $wrapperEl, params, slides } = swiper; + $wrapperEl + .children( + `.${params.slideClass}.${params.slideDuplicateClass},.${params.slideClass}.${params.slideBlankClass}`, + ) + .remove(); + slides.removeAttr("data-swiper-slide-index"); + } + + var loop = { + loopCreate, + loopFix, + loopDestroy, + }; + + function setGrabCursor(moving) { + const swiper = this; + if ( + swiper.support.touch || + !swiper.params.simulateTouch || + (swiper.params.watchOverflow && swiper.isLocked) || + swiper.params.cssMode + ) + return; + const el = + swiper.params.touchEventsTarget === "container" + ? swiper.el + : swiper.wrapperEl; + el.style.cursor = "move"; + el.style.cursor = moving ? "-webkit-grabbing" : "-webkit-grab"; + el.style.cursor = moving ? "-moz-grabbin" : "-moz-grab"; + el.style.cursor = moving ? "grabbing" : "grab"; + } + + function unsetGrabCursor() { + const swiper = this; + + if ( + swiper.support.touch || + (swiper.params.watchOverflow && swiper.isLocked) || + swiper.params.cssMode + ) { + return; + } + + swiper[ + swiper.params.touchEventsTarget === "container" ? "el" : "wrapperEl" + ].style.cursor = ""; + } + + var grabCursor = { + setGrabCursor, + unsetGrabCursor, + }; + + function closestElement(selector, base) { + if (base === void 0) { + base = this; + } + + function __closestFrom(el) { + if (!el || el === getDocument() || el === getWindow()) return null; + if (el.assignedSlot) el = el.assignedSlot; + const found = el.closest(selector); + return found || __closestFrom(el.getRootNode().host); + } + + return __closestFrom(base); + } + + function onTouchStart(event) { + const swiper = this; + const document = getDocument(); + const window = getWindow(); + const data = swiper.touchEventsData; + const { params, touches, enabled } = swiper; + if (!enabled) return; + + if (swiper.animating && params.preventInteractionOnTransition) { + return; + } + + if (!swiper.animating && params.cssMode && params.loop) { + swiper.loopFix(); + } + + let e = event; + if (e.originalEvent) e = e.originalEvent; + let $targetEl = $(e.target); + + if (params.touchEventsTarget === "wrapper") { + if (!$targetEl.closest(swiper.wrapperEl).length) return; + } + + data.isTouchEvent = e.type === "touchstart"; + if (!data.isTouchEvent && "which" in e && e.which === 3) return; + if (!data.isTouchEvent && "button" in e && e.button > 0) return; + if (data.isTouched && data.isMoved) return; // change target el for shadow root component + + const swipingClassHasValue = + !!params.noSwipingClass && params.noSwipingClass !== ""; + + if ( + swipingClassHasValue && + e.target && + e.target.shadowRoot && + event.path && + event.path[0] + ) { + $targetEl = $(event.path[0]); + } + + const noSwipingSelector = params.noSwipingSelector + ? params.noSwipingSelector + : `.${params.noSwipingClass}`; + const isTargetShadow = !!(e.target && e.target.shadowRoot); // use closestElement for shadow root element to get the actual closest for nested shadow root element + + if ( + params.noSwiping && + (isTargetShadow + ? closestElement(noSwipingSelector, e.target) + : $targetEl.closest(noSwipingSelector)[0]) + ) { + swiper.allowClick = true; + return; + } + + if (params.swipeHandler) { + if (!$targetEl.closest(params.swipeHandler)[0]) return; + } + + touches.currentX = + e.type === "touchstart" ? e.targetTouches[0].pageX : e.pageX; + touches.currentY = + e.type === "touchstart" ? e.targetTouches[0].pageY : e.pageY; + const startX = touches.currentX; + const startY = touches.currentY; // Do NOT start if iOS edge swipe is detected. Otherwise iOS app cannot swipe-to-go-back anymore + + const edgeSwipeDetection = + params.edgeSwipeDetection || params.iOSEdgeSwipeDetection; + const edgeSwipeThreshold = + params.edgeSwipeThreshold || params.iOSEdgeSwipeThreshold; + + if ( + edgeSwipeDetection && + (startX <= edgeSwipeThreshold || + startX >= window.innerWidth - edgeSwipeThreshold) + ) { + if (edgeSwipeDetection === "prevent") { + event.preventDefault(); + } else { + return; + } + } + + Object.assign(data, { + isTouched: true, + isMoved: false, + allowTouchCallbacks: true, + isScrolling: undefined, + startMoving: undefined, + }); + touches.startX = startX; + touches.startY = startY; + data.touchStartTime = now(); + swiper.allowClick = true; + swiper.updateSize(); + swiper.swipeDirection = undefined; + if (params.threshold > 0) data.allowThresholdMove = false; + + if (e.type !== "touchstart") { + let preventDefault = true; + + if ($targetEl.is(data.focusableElements)) { + preventDefault = false; + + if ($targetEl[0].nodeName === "SELECT") { + data.isTouched = false; + } + } + + if ( + document.activeElement && + $(document.activeElement).is(data.focusableElements) && + document.activeElement !== $targetEl[0] + ) { + document.activeElement.blur(); + } + + const shouldPreventDefault = + preventDefault && + swiper.allowTouchMove && + params.touchStartPreventDefault; + + if ( + (params.touchStartForcePreventDefault || shouldPreventDefault) && + !$targetEl[0].isContentEditable + ) { + e.preventDefault(); + } + } + + if ( + swiper.params.freeMode && + swiper.params.freeMode.enabled && + swiper.freeMode && + swiper.animating && + !params.cssMode + ) { + swiper.freeMode.onTouchStart(); + } + + swiper.emit("touchStart", e); + } + + function onTouchMove(event) { + const document = getDocument(); + const swiper = this; + const data = swiper.touchEventsData; + const { params, touches, rtlTranslate: rtl, enabled } = swiper; + if (!enabled) return; + let e = event; + if (e.originalEvent) e = e.originalEvent; + + if (!data.isTouched) { + if (data.startMoving && data.isScrolling) { + swiper.emit("touchMoveOpposite", e); + } + + return; + } + + if (data.isTouchEvent && e.type !== "touchmove") return; + const targetTouch = + e.type === "touchmove" && + e.targetTouches && + (e.targetTouches[0] || e.changedTouches[0]); + const pageX = e.type === "touchmove" ? targetTouch.pageX : e.pageX; + const pageY = e.type === "touchmove" ? targetTouch.pageY : e.pageY; + + if (e.preventedByNestedSwiper) { + touches.startX = pageX; + touches.startY = pageY; + return; + } + + if (!swiper.allowTouchMove) { + if (!$(e.target).is(data.focusableElements)) { + swiper.allowClick = false; + } + + if (data.isTouched) { + Object.assign(touches, { + startX: pageX, + startY: pageY, + currentX: pageX, + currentY: pageY, + }); + data.touchStartTime = now(); + } + + return; + } + + if (data.isTouchEvent && params.touchReleaseOnEdges && !params.loop) { + if (swiper.isVertical()) { + // Vertical + if ( + (pageY < touches.startY && + swiper.translate <= swiper.maxTranslate()) || + (pageY > touches.startY && swiper.translate >= swiper.minTranslate()) + ) { + data.isTouched = false; + data.isMoved = false; + return; + } + } else if ( + (pageX < touches.startX && swiper.translate <= swiper.maxTranslate()) || + (pageX > touches.startX && swiper.translate >= swiper.minTranslate()) + ) { + return; + } + } + + if (data.isTouchEvent && document.activeElement) { + if ( + e.target === document.activeElement && + $(e.target).is(data.focusableElements) + ) { + data.isMoved = true; + swiper.allowClick = false; + return; + } + } + + if (data.allowTouchCallbacks) { + swiper.emit("touchMove", e); + } + + if (e.targetTouches && e.targetTouches.length > 1) return; + touches.currentX = pageX; + touches.currentY = pageY; + const diffX = touches.currentX - touches.startX; + const diffY = touches.currentY - touches.startY; + if ( + swiper.params.threshold && + Math.sqrt(diffX ** 2 + diffY ** 2) < swiper.params.threshold + ) + return; + + if (typeof data.isScrolling === "undefined") { + let touchAngle; + + if ( + (swiper.isHorizontal() && touches.currentY === touches.startY) || + (swiper.isVertical() && touches.currentX === touches.startX) + ) { + data.isScrolling = false; + } else { + // eslint-disable-next-line + if (diffX * diffX + diffY * diffY >= 25) { + touchAngle = + (Math.atan2(Math.abs(diffY), Math.abs(diffX)) * 180) / Math.PI; + data.isScrolling = swiper.isHorizontal() + ? touchAngle > params.touchAngle + : 90 - touchAngle > params.touchAngle; + } + } + } + + if (data.isScrolling) { + swiper.emit("touchMoveOpposite", e); + } + + if (typeof data.startMoving === "undefined") { + if ( + touches.currentX !== touches.startX || + touches.currentY !== touches.startY + ) { + data.startMoving = true; + } + } + + if (data.isScrolling) { + data.isTouched = false; + return; + } + + if (!data.startMoving) { + return; + } + + swiper.allowClick = false; + + if (!params.cssMode && e.cancelable) { + e.preventDefault(); + } + + if (params.touchMoveStopPropagation && !params.nested) { + e.stopPropagation(); + } + + if (!data.isMoved) { + if (params.loop && !params.cssMode) { + swiper.loopFix(); + } + + data.startTranslate = swiper.getTranslate(); + swiper.setTransition(0); + + if (swiper.animating) { + swiper.$wrapperEl.trigger("webkitTransitionEnd transitionend"); + } + + data.allowMomentumBounce = false; // Grab Cursor + + if ( + params.grabCursor && + (swiper.allowSlideNext === true || swiper.allowSlidePrev === true) + ) { + swiper.setGrabCursor(true); + } + + swiper.emit("sliderFirstMove", e); + } + + swiper.emit("sliderMove", e); + data.isMoved = true; + let diff = swiper.isHorizontal() ? diffX : diffY; + touches.diff = diff; + diff *= params.touchRatio; + if (rtl) diff = -diff; + swiper.swipeDirection = diff > 0 ? "prev" : "next"; + data.currentTranslate = diff + data.startTranslate; + let disableParentSwiper = true; + let resistanceRatio = params.resistanceRatio; + + if (params.touchReleaseOnEdges) { + resistanceRatio = 0; + } + + if (diff > 0 && data.currentTranslate > swiper.minTranslate()) { + disableParentSwiper = false; + if (params.resistance) + data.currentTranslate = + swiper.minTranslate() - + 1 + + (-swiper.minTranslate() + data.startTranslate + diff) ** + resistanceRatio; + } else if (diff < 0 && data.currentTranslate < swiper.maxTranslate()) { + disableParentSwiper = false; + if (params.resistance) + data.currentTranslate = + swiper.maxTranslate() + + 1 - + (swiper.maxTranslate() - data.startTranslate - diff) ** + resistanceRatio; + } + + if (disableParentSwiper) { + e.preventedByNestedSwiper = true; + } // Directions locks + + if ( + !swiper.allowSlideNext && + swiper.swipeDirection === "next" && + data.currentTranslate < data.startTranslate + ) { + data.currentTranslate = data.startTranslate; + } + + if ( + !swiper.allowSlidePrev && + swiper.swipeDirection === "prev" && + data.currentTranslate > data.startTranslate + ) { + data.currentTranslate = data.startTranslate; + } + + if (!swiper.allowSlidePrev && !swiper.allowSlideNext) { + data.currentTranslate = data.startTranslate; + } // Threshold + + if (params.threshold > 0) { + if (Math.abs(diff) > params.threshold || data.allowThresholdMove) { + if (!data.allowThresholdMove) { + data.allowThresholdMove = true; + touches.startX = touches.currentX; + touches.startY = touches.currentY; + data.currentTranslate = data.startTranslate; + touches.diff = swiper.isHorizontal() + ? touches.currentX - touches.startX + : touches.currentY - touches.startY; + return; + } + } else { + data.currentTranslate = data.startTranslate; + return; + } + } + + if (!params.followFinger || params.cssMode) return; // Update active index in free mode + + if ( + (params.freeMode && params.freeMode.enabled && swiper.freeMode) || + params.watchSlidesProgress + ) { + swiper.updateActiveIndex(); + swiper.updateSlidesClasses(); + } + + if (swiper.params.freeMode && params.freeMode.enabled && swiper.freeMode) { + swiper.freeMode.onTouchMove(); + } // Update progress + + swiper.updateProgress(data.currentTranslate); // Update translate + + swiper.setTranslate(data.currentTranslate); + } + + function onTouchEnd(event) { + const swiper = this; + const data = swiper.touchEventsData; + const { params, touches, rtlTranslate: rtl, slidesGrid, enabled } = swiper; + if (!enabled) return; + let e = event; + if (e.originalEvent) e = e.originalEvent; + + if (data.allowTouchCallbacks) { + swiper.emit("touchEnd", e); + } + + data.allowTouchCallbacks = false; + + if (!data.isTouched) { + if (data.isMoved && params.grabCursor) { + swiper.setGrabCursor(false); + } + + data.isMoved = false; + data.startMoving = false; + return; + } // Return Grab Cursor + + if ( + params.grabCursor && + data.isMoved && + data.isTouched && + (swiper.allowSlideNext === true || swiper.allowSlidePrev === true) + ) { + swiper.setGrabCursor(false); + } // Time diff + + const touchEndTime = now(); + const timeDiff = touchEndTime - data.touchStartTime; // Tap, doubleTap, Click + + if (swiper.allowClick) { + const pathTree = e.path || (e.composedPath && e.composedPath()); + swiper.updateClickedSlide((pathTree && pathTree[0]) || e.target); + swiper.emit("tap click", e); + + if (timeDiff < 300 && touchEndTime - data.lastClickTime < 300) { + swiper.emit("doubleTap doubleClick", e); + } + } + + data.lastClickTime = now(); + nextTick(() => { + if (!swiper.destroyed) swiper.allowClick = true; + }); + + if ( + !data.isTouched || + !data.isMoved || + !swiper.swipeDirection || + touches.diff === 0 || + data.currentTranslate === data.startTranslate + ) { + data.isTouched = false; + data.isMoved = false; + data.startMoving = false; + return; + } + + data.isTouched = false; + data.isMoved = false; + data.startMoving = false; + let currentPos; + + if (params.followFinger) { + currentPos = rtl ? swiper.translate : -swiper.translate; + } else { + currentPos = -data.currentTranslate; + } + + if (params.cssMode) { + return; + } + + if (swiper.params.freeMode && params.freeMode.enabled) { + swiper.freeMode.onTouchEnd({ + currentPos, + }); + return; + } // Find current slide + + let stopIndex = 0; + let groupSize = swiper.slidesSizesGrid[0]; + + for ( + let i = 0; + i < slidesGrid.length; + i += i < params.slidesPerGroupSkip ? 1 : params.slidesPerGroup + ) { + const increment = + i < params.slidesPerGroupSkip - 1 ? 1 : params.slidesPerGroup; + + if (typeof slidesGrid[i + increment] !== "undefined") { + if ( + currentPos >= slidesGrid[i] && + currentPos < slidesGrid[i + increment] + ) { + stopIndex = i; + groupSize = slidesGrid[i + increment] - slidesGrid[i]; + } + } else if (currentPos >= slidesGrid[i]) { + stopIndex = i; + groupSize = + slidesGrid[slidesGrid.length - 1] - slidesGrid[slidesGrid.length - 2]; + } + } + + let rewindFirstIndex = null; + let rewindLastIndex = null; + + if (params.rewind) { + if (swiper.isBeginning) { + rewindLastIndex = + swiper.params.virtual && + swiper.params.virtual.enabled && + swiper.virtual + ? swiper.virtual.slides.length - 1 + : swiper.slides.length - 1; + } else if (swiper.isEnd) { + rewindFirstIndex = 0; + } + } // Find current slide size + + const ratio = (currentPos - slidesGrid[stopIndex]) / groupSize; + const increment = + stopIndex < params.slidesPerGroupSkip - 1 ? 1 : params.slidesPerGroup; + + if (timeDiff > params.longSwipesMs) { + // Long touches + if (!params.longSwipes) { + swiper.slideTo(swiper.activeIndex); + return; + } + + if (swiper.swipeDirection === "next") { + if (ratio >= params.longSwipesRatio) + swiper.slideTo( + params.rewind && swiper.isEnd + ? rewindFirstIndex + : stopIndex + increment, + ); + else swiper.slideTo(stopIndex); + } + + if (swiper.swipeDirection === "prev") { + if (ratio > 1 - params.longSwipesRatio) { + swiper.slideTo(stopIndex + increment); + } else if ( + rewindLastIndex !== null && + ratio < 0 && + Math.abs(ratio) > params.longSwipesRatio + ) { + swiper.slideTo(rewindLastIndex); + } else { + swiper.slideTo(stopIndex); + } + } + } else { + // Short swipes + if (!params.shortSwipes) { + swiper.slideTo(swiper.activeIndex); + return; + } + + const isNavButtonTarget = + swiper.navigation && + (e.target === swiper.navigation.nextEl || + e.target === swiper.navigation.prevEl); + + if (!isNavButtonTarget) { + if (swiper.swipeDirection === "next") { + swiper.slideTo( + rewindFirstIndex !== null + ? rewindFirstIndex + : stopIndex + increment, + ); + } + + if (swiper.swipeDirection === "prev") { + swiper.slideTo( + rewindLastIndex !== null ? rewindLastIndex : stopIndex, + ); + } + } else if (e.target === swiper.navigation.nextEl) { + swiper.slideTo(stopIndex + increment); + } else { + swiper.slideTo(stopIndex); + } + } + } + + function onResize() { + const swiper = this; + const { params, el } = swiper; + if (el && el.offsetWidth === 0) return; // Breakpoints + + if (params.breakpoints) { + swiper.setBreakpoint(); + } // Save locks + + const { allowSlideNext, allowSlidePrev, snapGrid } = swiper; // Disable locks on resize + + swiper.allowSlideNext = true; + swiper.allowSlidePrev = true; + swiper.updateSize(); + swiper.updateSlides(); + swiper.updateSlidesClasses(); + + if ( + (params.slidesPerView === "auto" || params.slidesPerView > 1) && + swiper.isEnd && + !swiper.isBeginning && + !swiper.params.centeredSlides + ) { + swiper.slideTo(swiper.slides.length - 1, 0, false, true); + } else { + swiper.slideTo(swiper.activeIndex, 0, false, true); + } + + if (swiper.autoplay && swiper.autoplay.running && swiper.autoplay.paused) { + swiper.autoplay.run(); + } // Return locks after resize + + swiper.allowSlidePrev = allowSlidePrev; + swiper.allowSlideNext = allowSlideNext; + + if (swiper.params.watchOverflow && snapGrid !== swiper.snapGrid) { + swiper.checkOverflow(); + } + } + + function onClick(e) { + const swiper = this; + if (!swiper.enabled) return; + + if (!swiper.allowClick) { + if (swiper.params.preventClicks) e.preventDefault(); + + if (swiper.params.preventClicksPropagation && swiper.animating) { + e.stopPropagation(); + e.stopImmediatePropagation(); + } + } + } + + function onScroll() { + const swiper = this; + const { wrapperEl, rtlTranslate, enabled } = swiper; + if (!enabled) return; + swiper.previousTranslate = swiper.translate; + + if (swiper.isHorizontal()) { + swiper.translate = -wrapperEl.scrollLeft; + } else { + swiper.translate = -wrapperEl.scrollTop; + } // eslint-disable-next-line + + if (swiper.translate === -0) swiper.translate = 0; + swiper.updateActiveIndex(); + swiper.updateSlidesClasses(); + let newProgress; + const translatesDiff = swiper.maxTranslate() - swiper.minTranslate(); + + if (translatesDiff === 0) { + newProgress = 0; + } else { + newProgress = (swiper.translate - swiper.minTranslate()) / translatesDiff; + } + + if (newProgress !== swiper.progress) { + swiper.updateProgress( + rtlTranslate ? -swiper.translate : swiper.translate, + ); + } + + swiper.emit("setTranslate", swiper.translate, false); + } + + let dummyEventAttached = false; + + function dummyEventListener() {} + + const events = (swiper, method) => { + const document = getDocument(); + const { params, touchEvents, el, wrapperEl, device, support } = swiper; + const capture = !!params.nested; + const domMethod = + method === "on" ? "addEventListener" : "removeEventListener"; + const swiperMethod = method; // Touch Events + + if (!support.touch) { + el[domMethod](touchEvents.start, swiper.onTouchStart, false); + document[domMethod](touchEvents.move, swiper.onTouchMove, capture); + document[domMethod](touchEvents.end, swiper.onTouchEnd, false); + } else { + const passiveListener = + touchEvents.start === "touchstart" && + support.passiveListener && + params.passiveListeners + ? { + passive: true, + capture: false, + } + : false; + el[domMethod](touchEvents.start, swiper.onTouchStart, passiveListener); + el[domMethod]( + touchEvents.move, + swiper.onTouchMove, + support.passiveListener + ? { + passive: false, + capture, + } + : capture, + ); + el[domMethod](touchEvents.end, swiper.onTouchEnd, passiveListener); + + if (touchEvents.cancel) { + el[domMethod](touchEvents.cancel, swiper.onTouchEnd, passiveListener); + } + } // Prevent Links Clicks + + if (params.preventClicks || params.preventClicksPropagation) { + el[domMethod]("click", swiper.onClick, true); + } + + if (params.cssMode) { + wrapperEl[domMethod]("scroll", swiper.onScroll); + } // Resize handler + + if (params.updateOnWindowResize) { + swiper[swiperMethod]( + device.ios || device.android + ? "resize orientationchange observerUpdate" + : "resize observerUpdate", + onResize, + true, + ); + } else { + swiper[swiperMethod]("observerUpdate", onResize, true); + } + }; + + function attachEvents() { + const swiper = this; + const document = getDocument(); + const { params, support } = swiper; + swiper.onTouchStart = onTouchStart.bind(swiper); + swiper.onTouchMove = onTouchMove.bind(swiper); + swiper.onTouchEnd = onTouchEnd.bind(swiper); + + if (params.cssMode) { + swiper.onScroll = onScroll.bind(swiper); + } + + swiper.onClick = onClick.bind(swiper); + + if (support.touch && !dummyEventAttached) { + document.addEventListener("touchstart", dummyEventListener); + dummyEventAttached = true; + } + + events(swiper, "on"); + } + + function detachEvents() { + const swiper = this; + events(swiper, "off"); + } + + var events$1 = { + attachEvents, + detachEvents, + }; + + const isGridEnabled = (swiper, params) => { + return swiper.grid && params.grid && params.grid.rows > 1; + }; + + function setBreakpoint() { + const swiper = this; + const { activeIndex, initialized, loopedSlides = 0, params, $el } = swiper; + const breakpoints = params.breakpoints; + if (!breakpoints || (breakpoints && Object.keys(breakpoints).length === 0)) + return; // Get breakpoint for window width and update parameters + + const breakpoint = swiper.getBreakpoint( + breakpoints, + swiper.params.breakpointsBase, + swiper.el, + ); + if (!breakpoint || swiper.currentBreakpoint === breakpoint) return; + const breakpointOnlyParams = + breakpoint in breakpoints ? breakpoints[breakpoint] : undefined; + const breakpointParams = breakpointOnlyParams || swiper.originalParams; + const wasMultiRow = isGridEnabled(swiper, params); + const isMultiRow = isGridEnabled(swiper, breakpointParams); + const wasEnabled = params.enabled; + + if (wasMultiRow && !isMultiRow) { + $el.removeClass( + `${params.containerModifierClass}grid ${params.containerModifierClass}grid-column`, + ); + swiper.emitContainerClasses(); + } else if (!wasMultiRow && isMultiRow) { + $el.addClass(`${params.containerModifierClass}grid`); + + if ( + (breakpointParams.grid.fill && + breakpointParams.grid.fill === "column") || + (!breakpointParams.grid.fill && params.grid.fill === "column") + ) { + $el.addClass(`${params.containerModifierClass}grid-column`); + } + + swiper.emitContainerClasses(); + } + + const directionChanged = + breakpointParams.direction && + breakpointParams.direction !== params.direction; + const needsReLoop = + params.loop && + (breakpointParams.slidesPerView !== params.slidesPerView || + directionChanged); + + if (directionChanged && initialized) { + swiper.changeDirection(); + } + + extend(swiper.params, breakpointParams); + const isEnabled = swiper.params.enabled; + Object.assign(swiper, { + allowTouchMove: swiper.params.allowTouchMove, + allowSlideNext: swiper.params.allowSlideNext, + allowSlidePrev: swiper.params.allowSlidePrev, + }); + + if (wasEnabled && !isEnabled) { + swiper.disable(); + } else if (!wasEnabled && isEnabled) { + swiper.enable(); + } + + swiper.currentBreakpoint = breakpoint; + swiper.emit("_beforeBreakpoint", breakpointParams); + + if (needsReLoop && initialized) { + swiper.loopDestroy(); + swiper.loopCreate(); + swiper.updateSlides(); + swiper.slideTo( + activeIndex - loopedSlides + swiper.loopedSlides, + 0, + false, + ); + } + + swiper.emit("breakpoint", breakpointParams); + } + + function getBreakpoint(breakpoints, base, containerEl) { + if (base === void 0) { + base = "window"; + } + + if (!breakpoints || (base === "container" && !containerEl)) + return undefined; + let breakpoint = false; + const window = getWindow(); + const currentHeight = + base === "window" ? window.innerHeight : containerEl.clientHeight; + const points = Object.keys(breakpoints).map((point) => { + if (typeof point === "string" && point.indexOf("@") === 0) { + const minRatio = parseFloat(point.substr(1)); + const value = currentHeight * minRatio; + return { + value, + point, + }; + } + + return { + value: point, + point, + }; + }); + points.sort((a, b) => parseInt(a.value, 10) - parseInt(b.value, 10)); + + for (let i = 0; i < points.length; i += 1) { + const { point, value } = points[i]; + + if (base === "window") { + if (window.matchMedia(`(min-width: ${value}px)`).matches) { + breakpoint = point; + } + } else if (value <= containerEl.clientWidth) { + breakpoint = point; + } + } + + return breakpoint || "max"; + } + + var breakpoints = { + setBreakpoint, + getBreakpoint, + }; + + function prepareClasses(entries, prefix) { + const resultClasses = []; + entries.forEach((item) => { + if (typeof item === "object") { + Object.keys(item).forEach((classNames) => { + if (item[classNames]) { + resultClasses.push(prefix + classNames); + } + }); + } else if (typeof item === "string") { + resultClasses.push(prefix + item); + } + }); + return resultClasses; + } + + function addClasses() { + const swiper = this; + const { + classNames, + params, + rtl, + $el, + device, + support + } = swiper; // prettier-ignore + + const suffixes = prepareClasses( + [ + "initialized", + params.direction, + { + "pointer-events": !support.touch, + }, + { + "free-mode": swiper.params.freeMode && params.freeMode.enabled, + }, + { + autoheight: params.autoHeight, + }, + { + rtl: rtl, + }, + { + grid: params.grid && params.grid.rows > 1, + }, + { + "grid-column": + params.grid && + params.grid.rows > 1 && + params.grid.fill === "column", + }, + { + android: device.android, + }, + { + ios: device.ios, + }, + { + "css-mode": params.cssMode, + }, + { + centered: params.cssMode && params.centeredSlides, + }, + ], + params.containerModifierClass, + ); + classNames.push(...suffixes); + $el.addClass([...classNames].join(" ")); + swiper.emitContainerClasses(); + } + + function removeClasses() { + const swiper = this; + const { $el, classNames } = swiper; + $el.removeClass(classNames.join(" ")); + swiper.emitContainerClasses(); + } + + var classes = { + addClasses, + removeClasses, + }; + + function loadImage(imageEl, src, srcset, sizes, checkForComplete, callback) { + const window = getWindow(); + let image; + + function onReady() { + if (callback) callback(); + } + + const isPicture = $(imageEl).parent("picture")[0]; + + if (!isPicture && (!imageEl.complete || !checkForComplete)) { + if (src) { + image = new window.Image(); + image.onload = onReady; + image.onerror = onReady; + + if (sizes) { + image.sizes = sizes; + } + + if (srcset) { + image.srcset = srcset; + } + + if (src) { + image.src = src; + } + } else { + onReady(); + } + } else { + // image already loaded... + onReady(); + } + } + + function preloadImages() { + const swiper = this; + swiper.imagesToLoad = swiper.$el.find("img"); + + function onReady() { + if ( + typeof swiper === "undefined" || + swiper === null || + !swiper || + swiper.destroyed + ) + return; + if (swiper.imagesLoaded !== undefined) swiper.imagesLoaded += 1; + + if (swiper.imagesLoaded === swiper.imagesToLoad.length) { + if (swiper.params.updateOnImagesReady) swiper.update(); + swiper.emit("imagesReady"); + } + } + + for (let i = 0; i < swiper.imagesToLoad.length; i += 1) { + const imageEl = swiper.imagesToLoad[i]; + swiper.loadImage( + imageEl, + imageEl.currentSrc || imageEl.getAttribute("src"), + imageEl.srcset || imageEl.getAttribute("srcset"), + imageEl.sizes || imageEl.getAttribute("sizes"), + true, + onReady, + ); + } + } + + var images = { + loadImage, + preloadImages, + }; + + function checkOverflow() { + const swiper = this; + const { isLocked: wasLocked, params } = swiper; + const { slidesOffsetBefore } = params; + + if (slidesOffsetBefore) { + const lastSlideIndex = swiper.slides.length - 1; + const lastSlideRightEdge = + swiper.slidesGrid[lastSlideIndex] + + swiper.slidesSizesGrid[lastSlideIndex] + + slidesOffsetBefore * 2; + swiper.isLocked = swiper.size > lastSlideRightEdge; + } else { + swiper.isLocked = swiper.snapGrid.length === 1; + } + + if (params.allowSlideNext === true) { + swiper.allowSlideNext = !swiper.isLocked; + } + + if (params.allowSlidePrev === true) { + swiper.allowSlidePrev = !swiper.isLocked; + } + + if (wasLocked && wasLocked !== swiper.isLocked) { + swiper.isEnd = false; + } + + if (wasLocked !== swiper.isLocked) { + swiper.emit(swiper.isLocked ? "lock" : "unlock"); + } + } + + var checkOverflow$1 = { + checkOverflow, + }; + + var defaults = { + init: true, + direction: "horizontal", + touchEventsTarget: "wrapper", + initialSlide: 0, + speed: 300, + cssMode: false, + updateOnWindowResize: true, + resizeObserver: true, + nested: false, + createElements: false, + enabled: true, + focusableElements: "input, select, option, textarea, button, video, label", + // Overrides + width: null, + height: null, + // + preventInteractionOnTransition: false, + // ssr + userAgent: null, + url: null, + // To support iOS's swipe-to-go-back gesture (when being used in-app). + edgeSwipeDetection: false, + edgeSwipeThreshold: 20, + // Autoheight + autoHeight: false, + // Set wrapper width + setWrapperSize: false, + // Virtual Translate + virtualTranslate: false, + // Effects + effect: "slide", + // 'slide' or 'fade' or 'cube' or 'coverflow' or 'flip' + // Breakpoints + breakpoints: undefined, + breakpointsBase: "window", + // Slides grid + spaceBetween: 0, + slidesPerView: 1, + slidesPerGroup: 1, + slidesPerGroupSkip: 0, + slidesPerGroupAuto: false, + centeredSlides: false, + centeredSlidesBounds: false, + slidesOffsetBefore: 0, + // in px + slidesOffsetAfter: 0, + // in px + normalizeSlideIndex: true, + centerInsufficientSlides: false, + // Disable swiper and hide navigation when container not overflow + watchOverflow: true, + // Round length + roundLengths: false, + // Touches + touchRatio: 1, + touchAngle: 45, + simulateTouch: true, + shortSwipes: true, + longSwipes: true, + longSwipesRatio: 0.5, + longSwipesMs: 300, + followFinger: true, + allowTouchMove: true, + threshold: 0, + touchMoveStopPropagation: false, + touchStartPreventDefault: true, + touchStartForcePreventDefault: false, + touchReleaseOnEdges: false, + // Unique Navigation Elements + uniqueNavElements: true, + // Resistance + resistance: true, + resistanceRatio: 0.85, + // Progress + watchSlidesProgress: false, + // Cursor + grabCursor: false, + // Clicks + preventClicks: true, + preventClicksPropagation: true, + slideToClickedSlide: false, + // Images + preloadImages: true, + updateOnImagesReady: true, + // loop + loop: false, + loopAdditionalSlides: 0, + loopedSlides: null, + loopFillGroupWithBlank: false, + loopPreventsSlide: true, + // rewind + rewind: false, + // Swiping/no swiping + allowSlidePrev: true, + allowSlideNext: true, + swipeHandler: null, + // '.swipe-handler', + noSwiping: true, + noSwipingClass: "swiper-no-swiping", + noSwipingSelector: null, + // Passive Listeners + passiveListeners: true, + maxBackfaceHiddenSlides: 10, + // NS + containerModifierClass: "swiper-", + // NEW + 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", + // Callbacks + runCallbacksOnInit: true, + // Internals + _emitClasses: false, + }; + + function moduleExtendParams(params, allModulesParams) { + return function extendParams(obj) { + if (obj === void 0) { + obj = {}; + } + + const moduleParamName = Object.keys(obj)[0]; + const moduleParams = obj[moduleParamName]; + + if (typeof moduleParams !== "object" || moduleParams === null) { + extend(allModulesParams, obj); + return; + } + + if ( + ["navigation", "pagination", "scrollbar"].indexOf(moduleParamName) >= + 0 && + params[moduleParamName] === true + ) { + params[moduleParamName] = { + auto: true, + }; + } + + if (!(moduleParamName in params && "enabled" in moduleParams)) { + extend(allModulesParams, obj); + return; + } + + if (params[moduleParamName] === true) { + params[moduleParamName] = { + enabled: true, + }; + } + + if ( + typeof params[moduleParamName] === "object" && + !("enabled" in params[moduleParamName]) + ) { + params[moduleParamName].enabled = true; + } + + if (!params[moduleParamName]) + params[moduleParamName] = { + enabled: false, + }; + extend(allModulesParams, obj); + }; + } + + /* eslint no-param-reassign: "off" */ + const prototypes = { + eventsEmitter, + update, + translate, + transition, + slide, + loop, + grabCursor, + events: events$1, + breakpoints, + checkOverflow: checkOverflow$1, + classes, + images, + }; + const extendedDefaults = {}; + + class Swiper { + constructor() { + let el; + let params; + + for ( + var _len = arguments.length, args = new Array(_len), _key = 0; + _key < _len; + _key++ + ) { + args[_key] = arguments[_key]; + } + + if ( + args.length === 1 && + args[0].constructor && + Object.prototype.toString.call(args[0]).slice(8, -1) === "Object" + ) { + params = args[0]; + } else { + [el, params] = args; + } + + if (!params) params = {}; + params = extend({}, params); + if (el && !params.el) params.el = el; + + if (params.el && $(params.el).length > 1) { + const swipers = []; + $(params.el).each((containerEl) => { + const newParams = extend({}, params, { + el: containerEl, + }); + swipers.push(new Swiper(newParams)); + }); + return swipers; + } // Swiper Instance + + const swiper = this; + swiper.__swiper__ = true; + swiper.support = getSupport(); + swiper.device = getDevice({ + userAgent: params.userAgent, + }); + swiper.browser = getBrowser(); + swiper.eventsListeners = {}; + swiper.eventsAnyListeners = []; + swiper.modules = [...swiper.__modules__]; + + if (params.modules && Array.isArray(params.modules)) { + swiper.modules.push(...params.modules); + } + + const allModulesParams = {}; + swiper.modules.forEach((mod) => { + mod({ + swiper, + extendParams: moduleExtendParams(params, allModulesParams), + on: swiper.on.bind(swiper), + once: swiper.once.bind(swiper), + off: swiper.off.bind(swiper), + emit: swiper.emit.bind(swiper), + }); + }); // Extend defaults with modules params + + const swiperParams = extend({}, defaults, allModulesParams); // Extend defaults with passed params + + swiper.params = extend({}, swiperParams, extendedDefaults, params); + swiper.originalParams = extend({}, swiper.params); + swiper.passedParams = extend({}, params); // add event listeners + + if (swiper.params && swiper.params.on) { + Object.keys(swiper.params.on).forEach((eventName) => { + swiper.on(eventName, swiper.params.on[eventName]); + }); + } + + if (swiper.params && swiper.params.onAny) { + swiper.onAny(swiper.params.onAny); + } // Save Dom lib + + swiper.$ = $; // Extend Swiper + + Object.assign(swiper, { + enabled: swiper.params.enabled, + el, + // Classes + classNames: [], + // Slides + slides: $(), + slidesGrid: [], + snapGrid: [], + slidesSizesGrid: [], + + // isDirection + isHorizontal() { + return swiper.params.direction === "horizontal"; + }, + + isVertical() { + return swiper.params.direction === "vertical"; + }, + + // Indexes + activeIndex: 0, + realIndex: 0, + // + isBeginning: true, + isEnd: false, + // Props + translate: 0, + previousTranslate: 0, + progress: 0, + velocity: 0, + animating: false, + // Locks + allowSlideNext: swiper.params.allowSlideNext, + allowSlidePrev: swiper.params.allowSlidePrev, + // Touch Events + touchEvents: (function touchEvents() { + const touch = ["touchstart", "touchmove", "touchend", "touchcancel"]; + const desktop = ["pointerdown", "pointermove", "pointerup"]; + swiper.touchEventsTouch = { + start: touch[0], + move: touch[1], + end: touch[2], + cancel: touch[3], + }; + swiper.touchEventsDesktop = { + start: desktop[0], + move: desktop[1], + end: desktop[2], + }; + return swiper.support.touch || !swiper.params.simulateTouch + ? swiper.touchEventsTouch + : swiper.touchEventsDesktop; + })(), + touchEventsData: { + isTouched: undefined, + isMoved: undefined, + allowTouchCallbacks: undefined, + touchStartTime: undefined, + isScrolling: undefined, + currentTranslate: undefined, + startTranslate: undefined, + allowThresholdMove: undefined, + // Form elements to match + focusableElements: swiper.params.focusableElements, + // Last click time + lastClickTime: now(), + clickTimeout: undefined, + // Velocities + velocities: [], + allowMomentumBounce: undefined, + isTouchEvent: undefined, + startMoving: undefined, + }, + // Clicks + allowClick: true, + // Touches + allowTouchMove: swiper.params.allowTouchMove, + touches: { + startX: 0, + startY: 0, + currentX: 0, + currentY: 0, + diff: 0, + }, + // Images + imagesToLoad: [], + imagesLoaded: 0, + }); + swiper.emit("_swiper"); // Init + + if (swiper.params.init) { + swiper.init(); + } // Return app instance + + return swiper; + } + + enable() { + const swiper = this; + if (swiper.enabled) return; + swiper.enabled = true; + + if (swiper.params.grabCursor) { + swiper.setGrabCursor(); + } + + swiper.emit("enable"); + } + + disable() { + const swiper = this; + if (!swiper.enabled) return; + swiper.enabled = false; + + if (swiper.params.grabCursor) { + swiper.unsetGrabCursor(); + } + + swiper.emit("disable"); + } + + setProgress(progress, speed) { + const swiper = this; + progress = Math.min(Math.max(progress, 0), 1); + const min = swiper.minTranslate(); + const max = swiper.maxTranslate(); + const current = (max - min) * progress + min; + swiper.translateTo(current, typeof speed === "undefined" ? 0 : speed); + swiper.updateActiveIndex(); + swiper.updateSlidesClasses(); + } + + emitContainerClasses() { + const swiper = this; + if (!swiper.params._emitClasses || !swiper.el) return; + const cls = swiper.el.className.split(" ").filter((className) => { + return ( + className.indexOf("swiper") === 0 || + className.indexOf(swiper.params.containerModifierClass) === 0 + ); + }); + swiper.emit("_containerClasses", cls.join(" ")); + } + + getSlideClasses(slideEl) { + const swiper = this; + return slideEl.className + .split(" ") + .filter((className) => { + return ( + className.indexOf("swiper-slide") === 0 || + className.indexOf(swiper.params.slideClass) === 0 + ); + }) + .join(" "); + } + + emitSlidesClasses() { + const swiper = this; + if (!swiper.params._emitClasses || !swiper.el) return; + const updates = []; + swiper.slides.each((slideEl) => { + const classNames = swiper.getSlideClasses(slideEl); + updates.push({ + slideEl, + classNames, + }); + swiper.emit("_slideClass", slideEl, classNames); + }); + swiper.emit("_slideClasses", updates); + } + + slidesPerViewDynamic(view, exact) { + if (view === void 0) { + view = "current"; + } + + if (exact === void 0) { + exact = false; + } + + const swiper = this; + const { + params, + slides, + slidesGrid, + slidesSizesGrid, + size: swiperSize, + activeIndex, + } = swiper; + let spv = 1; + + if (params.centeredSlides) { + let slideSize = slides[activeIndex].swiperSlideSize; + let breakLoop; + + for (let i = activeIndex + 1; i < slides.length; i += 1) { + if (slides[i] && !breakLoop) { + slideSize += slides[i].swiperSlideSize; + spv += 1; + if (slideSize > swiperSize) breakLoop = true; + } + } + + for (let i = activeIndex - 1; i >= 0; i -= 1) { + if (slides[i] && !breakLoop) { + slideSize += slides[i].swiperSlideSize; + spv += 1; + if (slideSize > swiperSize) breakLoop = true; + } + } + } else { + // eslint-disable-next-line + if (view === "current") { + for (let i = activeIndex + 1; i < slides.length; i += 1) { + const slideInView = exact + ? slidesGrid[i] + slidesSizesGrid[i] - slidesGrid[activeIndex] < + swiperSize + : slidesGrid[i] - slidesGrid[activeIndex] < swiperSize; + + if (slideInView) { + spv += 1; + } + } + } else { + // previous + for (let i = activeIndex - 1; i >= 0; i -= 1) { + const slideInView = + slidesGrid[activeIndex] - slidesGrid[i] < swiperSize; + + if (slideInView) { + spv += 1; + } + } + } + } + + return spv; + } + + update() { + const swiper = this; + if (!swiper || swiper.destroyed) return; + const { snapGrid, params } = swiper; // Breakpoints + + if (params.breakpoints) { + swiper.setBreakpoint(); + } + + swiper.updateSize(); + swiper.updateSlides(); + swiper.updateProgress(); + swiper.updateSlidesClasses(); + + function setTranslate() { + const translateValue = swiper.rtlTranslate + ? swiper.translate * -1 + : swiper.translate; + const newTranslate = Math.min( + Math.max(translateValue, swiper.maxTranslate()), + swiper.minTranslate(), + ); + swiper.setTranslate(newTranslate); + swiper.updateActiveIndex(); + swiper.updateSlidesClasses(); + } + + let translated; + + if (swiper.params.freeMode && swiper.params.freeMode.enabled) { + setTranslate(); + + if (swiper.params.autoHeight) { + swiper.updateAutoHeight(); + } + } else { + if ( + (swiper.params.slidesPerView === "auto" || + swiper.params.slidesPerView > 1) && + swiper.isEnd && + !swiper.params.centeredSlides + ) { + translated = swiper.slideTo(swiper.slides.length - 1, 0, false, true); + } else { + translated = swiper.slideTo(swiper.activeIndex, 0, false, true); + } + + if (!translated) { + setTranslate(); + } + } + + if (params.watchOverflow && snapGrid !== swiper.snapGrid) { + swiper.checkOverflow(); + } + + swiper.emit("update"); + } + + changeDirection(newDirection, needUpdate) { + if (needUpdate === void 0) { + needUpdate = true; + } + + const swiper = this; + const currentDirection = swiper.params.direction; + + if (!newDirection) { + // eslint-disable-next-line + newDirection = + currentDirection === "horizontal" ? "vertical" : "horizontal"; + } + + if ( + newDirection === currentDirection || + (newDirection !== "horizontal" && newDirection !== "vertical") + ) { + return swiper; + } + + swiper.$el + .removeClass( + `${swiper.params.containerModifierClass}${currentDirection}`, + ) + .addClass(`${swiper.params.containerModifierClass}${newDirection}`); + swiper.emitContainerClasses(); + swiper.params.direction = newDirection; + swiper.slides.each((slideEl) => { + if (newDirection === "vertical") { + slideEl.style.width = ""; + } else { + slideEl.style.height = ""; + } + }); + swiper.emit("changeDirection"); + if (needUpdate) swiper.update(); + return swiper; + } + + mount(el) { + const swiper = this; + if (swiper.mounted) return true; // Find el + + const $el = $(el || swiper.params.el); + el = $el[0]; + + if (!el) { + return false; + } + + el.swiper = swiper; + + const getWrapperSelector = () => { + return `.${(swiper.params.wrapperClass || "") + .trim() + .split(" ") + .join(".")}`; + }; + + const getWrapper = () => { + if (el && el.shadowRoot && el.shadowRoot.querySelector) { + const res = $(el.shadowRoot.querySelector(getWrapperSelector())); // Children needs to return slot items + + res.children = (options) => $el.children(options); + + return res; + } + + return $el.children(getWrapperSelector()); + }; // Find Wrapper + + let $wrapperEl = getWrapper(); + + if ($wrapperEl.length === 0 && swiper.params.createElements) { + const document = getDocument(); + const wrapper = document.createElement("div"); + $wrapperEl = $(wrapper); + wrapper.className = swiper.params.wrapperClass; + $el.append(wrapper); + $el.children(`.${swiper.params.slideClass}`).each((slideEl) => { + $wrapperEl.append(slideEl); + }); + } + + Object.assign(swiper, { + $el, + el, + $wrapperEl, + wrapperEl: $wrapperEl[0], + mounted: true, + // RTL + rtl: el.dir.toLowerCase() === "rtl" || $el.css("direction") === "rtl", + rtlTranslate: + swiper.params.direction === "horizontal" && + (el.dir.toLowerCase() === "rtl" || $el.css("direction") === "rtl"), + wrongRTL: $wrapperEl.css("display") === "-webkit-box", + }); + return true; + } + + init(el) { + const swiper = this; + if (swiper.initialized) return swiper; + const mounted = swiper.mount(el); + if (mounted === false) return swiper; + swiper.emit("beforeInit"); // Set breakpoint + + if (swiper.params.breakpoints) { + swiper.setBreakpoint(); + } // Add Classes + + swiper.addClasses(); // Create loop + + if (swiper.params.loop) { + swiper.loopCreate(); + } // Update size + + swiper.updateSize(); // Update slides + + swiper.updateSlides(); + + if (swiper.params.watchOverflow) { + swiper.checkOverflow(); + } // Set Grab Cursor + + if (swiper.params.grabCursor && swiper.enabled) { + swiper.setGrabCursor(); + } + + if (swiper.params.preloadImages) { + swiper.preloadImages(); + } // Slide To Initial Slide + + if (swiper.params.loop) { + swiper.slideTo( + swiper.params.initialSlide + swiper.loopedSlides, + 0, + swiper.params.runCallbacksOnInit, + false, + true, + ); + } else { + swiper.slideTo( + swiper.params.initialSlide, + 0, + swiper.params.runCallbacksOnInit, + false, + true, + ); + } // Attach events + + swiper.attachEvents(); // Init Flag + + swiper.initialized = true; // Emit + + swiper.emit("init"); + swiper.emit("afterInit"); + return swiper; + } + + destroy(deleteInstance, cleanStyles) { + if (deleteInstance === void 0) { + deleteInstance = true; + } + + if (cleanStyles === void 0) { + cleanStyles = true; + } + + const swiper = this; + const { params, $el, $wrapperEl, slides } = swiper; + + if (typeof swiper.params === "undefined" || swiper.destroyed) { + return null; + } + + swiper.emit("beforeDestroy"); // Init Flag + + swiper.initialized = false; // Detach events + + swiper.detachEvents(); // Destroy loop + + if (params.loop) { + swiper.loopDestroy(); + } // Cleanup styles + + if (cleanStyles) { + swiper.removeClasses(); + $el.removeAttr("style"); + $wrapperEl.removeAttr("style"); + + if (slides && slides.length) { + slides + .removeClass( + [ + params.slideVisibleClass, + params.slideActiveClass, + params.slideNextClass, + params.slidePrevClass, + ].join(" "), + ) + .removeAttr("style") + .removeAttr("data-swiper-slide-index"); + } + } + + swiper.emit("destroy"); // Detach emitter events + + Object.keys(swiper.eventsListeners).forEach((eventName) => { + swiper.off(eventName); + }); + + if (deleteInstance !== false) { + swiper.$el[0].swiper = null; + deleteProps(swiper); + } + + swiper.destroyed = true; + return null; + } + + static extendDefaults(newDefaults) { + extend(extendedDefaults, newDefaults); + } + + static get extendedDefaults() { + return extendedDefaults; + } + + static get defaults() { + return defaults; + } + + static installModule(mod) { + if (!Swiper.prototype.__modules__) Swiper.prototype.__modules__ = []; + const modules = Swiper.prototype.__modules__; + + if (typeof mod === "function" && modules.indexOf(mod) < 0) { + modules.push(mod); + } + } + + static use(module) { + if (Array.isArray(module)) { + module.forEach((m) => Swiper.installModule(m)); + return Swiper; + } + + Swiper.installModule(module); + return Swiper; + } + } + + Object.keys(prototypes).forEach((prototypeGroup) => { + Object.keys(prototypes[prototypeGroup]).forEach((protoMethod) => { + Swiper.prototype[protoMethod] = prototypes[prototypeGroup][protoMethod]; + }); + }); + Swiper.use([Resize, Observer]); + + function Virtual(_ref) { + let { swiper, extendParams, on, emit } = _ref; + extendParams({ + virtual: { + enabled: false, + slides: [], + cache: true, + renderSlide: null, + renderExternal: null, + renderExternalUpdate: true, + addSlidesBefore: 0, + addSlidesAfter: 0, + }, + }); + let cssModeTimeout; + swiper.virtual = { + cache: {}, + from: undefined, + to: undefined, + slides: [], + offset: 0, + slidesGrid: [], + }; + + function renderSlide(slide, index) { + const params = swiper.params.virtual; + + if (params.cache && swiper.virtual.cache[index]) { + return swiper.virtual.cache[index]; + } + + const $slideEl = params.renderSlide + ? $(params.renderSlide.call(swiper, slide, index)) + : $( + `
${slide}
`, + ); + if (!$slideEl.attr("data-swiper-slide-index")) + $slideEl.attr("data-swiper-slide-index", index); + if (params.cache) swiper.virtual.cache[index] = $slideEl; + return $slideEl; + } + + function update(force) { + const { slidesPerView, slidesPerGroup, centeredSlides } = swiper.params; + const { addSlidesBefore, addSlidesAfter } = swiper.params.virtual; + const { + from: previousFrom, + to: previousTo, + slides, + slidesGrid: previousSlidesGrid, + offset: previousOffset, + } = swiper.virtual; + + if (!swiper.params.cssMode) { + swiper.updateActiveIndex(); + } + + const activeIndex = swiper.activeIndex || 0; + let offsetProp; + if (swiper.rtlTranslate) offsetProp = "right"; + else offsetProp = swiper.isHorizontal() ? "left" : "top"; + let slidesAfter; + let slidesBefore; + + if (centeredSlides) { + slidesAfter = + Math.floor(slidesPerView / 2) + slidesPerGroup + addSlidesAfter; + slidesBefore = + Math.floor(slidesPerView / 2) + slidesPerGroup + addSlidesBefore; + } else { + slidesAfter = slidesPerView + (slidesPerGroup - 1) + addSlidesAfter; + slidesBefore = slidesPerGroup + addSlidesBefore; + } + + const from = Math.max((activeIndex || 0) - slidesBefore, 0); + const to = Math.min((activeIndex || 0) + slidesAfter, slides.length - 1); + const offset = + (swiper.slidesGrid[from] || 0) - (swiper.slidesGrid[0] || 0); + Object.assign(swiper.virtual, { + from, + to, + offset, + slidesGrid: swiper.slidesGrid, + }); + + function onRendered() { + swiper.updateSlides(); + swiper.updateProgress(); + swiper.updateSlidesClasses(); + + if (swiper.lazy && swiper.params.lazy.enabled) { + swiper.lazy.load(); + } + + emit("virtualUpdate"); + } + + if (previousFrom === from && previousTo === to && !force) { + if ( + swiper.slidesGrid !== previousSlidesGrid && + offset !== previousOffset + ) { + swiper.slides.css(offsetProp, `${offset}px`); + } + + swiper.updateProgress(); + emit("virtualUpdate"); + return; + } + + if (swiper.params.virtual.renderExternal) { + swiper.params.virtual.renderExternal.call(swiper, { + offset, + from, + to, + slides: (function getSlides() { + const slidesToRender = []; + + for (let i = from; i <= to; i += 1) { + slidesToRender.push(slides[i]); + } + + return slidesToRender; + })(), + }); + + if (swiper.params.virtual.renderExternalUpdate) { + onRendered(); + } else { + emit("virtualUpdate"); + } + + return; + } + + const prependIndexes = []; + const appendIndexes = []; + + if (force) { + swiper.$wrapperEl.find(`.${swiper.params.slideClass}`).remove(); + } else { + for (let i = previousFrom; i <= previousTo; i += 1) { + if (i < from || i > to) { + swiper.$wrapperEl + .find( + `.${swiper.params.slideClass}[data-swiper-slide-index="${i}"]`, + ) + .remove(); + } + } + } + + for (let i = 0; i < slides.length; i += 1) { + if (i >= from && i <= to) { + if (typeof previousTo === "undefined" || force) { + appendIndexes.push(i); + } else { + if (i > previousTo) appendIndexes.push(i); + if (i < previousFrom) prependIndexes.push(i); + } + } + } + + appendIndexes.forEach((index) => { + swiper.$wrapperEl.append(renderSlide(slides[index], index)); + }); + prependIndexes + .sort((a, b) => b - a) + .forEach((index) => { + swiper.$wrapperEl.prepend(renderSlide(slides[index], index)); + }); + swiper.$wrapperEl + .children(".swiper-slide") + .css(offsetProp, `${offset}px`); + onRendered(); + } + + function appendSlide(slides) { + if (typeof slides === "object" && "length" in slides) { + for (let i = 0; i < slides.length; i += 1) { + if (slides[i]) swiper.virtual.slides.push(slides[i]); + } + } else { + swiper.virtual.slides.push(slides); + } + + update(true); + } + + function prependSlide(slides) { + const activeIndex = swiper.activeIndex; + let newActiveIndex = activeIndex + 1; + let numberOfNewSlides = 1; + + if (Array.isArray(slides)) { + for (let i = 0; i < slides.length; i += 1) { + if (slides[i]) swiper.virtual.slides.unshift(slides[i]); + } + + newActiveIndex = activeIndex + slides.length; + numberOfNewSlides = slides.length; + } else { + swiper.virtual.slides.unshift(slides); + } + + if (swiper.params.virtual.cache) { + const cache = swiper.virtual.cache; + const newCache = {}; + Object.keys(cache).forEach((cachedIndex) => { + const $cachedEl = cache[cachedIndex]; + const cachedElIndex = $cachedEl.attr("data-swiper-slide-index"); + + if (cachedElIndex) { + $cachedEl.attr( + "data-swiper-slide-index", + parseInt(cachedElIndex, 10) + numberOfNewSlides, + ); + } + + newCache[parseInt(cachedIndex, 10) + numberOfNewSlides] = $cachedEl; + }); + swiper.virtual.cache = newCache; + } + + update(true); + swiper.slideTo(newActiveIndex, 0); + } + + function removeSlide(slidesIndexes) { + if (typeof slidesIndexes === "undefined" || slidesIndexes === null) + return; + let activeIndex = swiper.activeIndex; + + if (Array.isArray(slidesIndexes)) { + for (let i = slidesIndexes.length - 1; i >= 0; i -= 1) { + swiper.virtual.slides.splice(slidesIndexes[i], 1); + + if (swiper.params.virtual.cache) { + delete swiper.virtual.cache[slidesIndexes[i]]; + } + + if (slidesIndexes[i] < activeIndex) activeIndex -= 1; + activeIndex = Math.max(activeIndex, 0); + } + } else { + swiper.virtual.slides.splice(slidesIndexes, 1); + + if (swiper.params.virtual.cache) { + delete swiper.virtual.cache[slidesIndexes]; + } + + if (slidesIndexes < activeIndex) activeIndex -= 1; + activeIndex = Math.max(activeIndex, 0); + } + + update(true); + swiper.slideTo(activeIndex, 0); + } + + function removeAllSlides() { + swiper.virtual.slides = []; + + if (swiper.params.virtual.cache) { + swiper.virtual.cache = {}; + } + + update(true); + swiper.slideTo(0, 0); + } + + on("beforeInit", () => { + if (!swiper.params.virtual.enabled) return; + swiper.virtual.slides = swiper.params.virtual.slides; + swiper.classNames.push(`${swiper.params.containerModifierClass}virtual`); + swiper.params.watchSlidesProgress = true; + swiper.originalParams.watchSlidesProgress = true; + + if (!swiper.params.initialSlide) { + update(); + } + }); + on("setTranslate", () => { + if (!swiper.params.virtual.enabled) return; + + if (swiper.params.cssMode && !swiper._immediateVirtual) { + clearTimeout(cssModeTimeout); + cssModeTimeout = setTimeout(() => { + update(); + }, 100); + } else { + update(); + } + }); + on("init update resize", () => { + if (!swiper.params.virtual.enabled) return; + + if (swiper.params.cssMode) { + setCSSProperty( + swiper.wrapperEl, + "--swiper-virtual-size", + `${swiper.virtualSize}px`, + ); + } + }); + Object.assign(swiper.virtual, { + appendSlide, + prependSlide, + removeSlide, + removeAllSlides, + update, + }); + } + + /* eslint-disable consistent-return */ + function Keyboard(_ref) { + let { swiper, extendParams, on, emit } = _ref; + const document = getDocument(); + const window = getWindow(); + swiper.keyboard = { + enabled: false, + }; + extendParams({ + keyboard: { + enabled: false, + onlyInViewport: true, + pageUpDown: true, + }, + }); + + function handle(event) { + if (!swiper.enabled) return; + const { rtlTranslate: rtl } = swiper; + let e = event; + if (e.originalEvent) e = e.originalEvent; // jquery fix + + const kc = e.keyCode || e.charCode; + const pageUpDown = swiper.params.keyboard.pageUpDown; + const isPageUp = pageUpDown && kc === 33; + const isPageDown = pageUpDown && kc === 34; + const isArrowLeft = kc === 37; + const isArrowRight = kc === 39; + const isArrowUp = kc === 38; + const isArrowDown = kc === 40; // Directions locks + + if ( + !swiper.allowSlideNext && + ((swiper.isHorizontal() && isArrowRight) || + (swiper.isVertical() && isArrowDown) || + isPageDown) + ) { + return false; + } + + if ( + !swiper.allowSlidePrev && + ((swiper.isHorizontal() && isArrowLeft) || + (swiper.isVertical() && isArrowUp) || + isPageUp) + ) { + return false; + } + + if (e.shiftKey || e.altKey || e.ctrlKey || e.metaKey) { + return undefined; + } + + if ( + document.activeElement && + document.activeElement.nodeName && + (document.activeElement.nodeName.toLowerCase() === "input" || + document.activeElement.nodeName.toLowerCase() === "textarea") + ) { + return undefined; + } + + if ( + swiper.params.keyboard.onlyInViewport && + (isPageUp || + isPageDown || + isArrowLeft || + isArrowRight || + isArrowUp || + isArrowDown) + ) { + let inView = false; // Check that swiper should be inside of visible area of window + + if ( + swiper.$el.parents(`.${swiper.params.slideClass}`).length > 0 && + swiper.$el.parents(`.${swiper.params.slideActiveClass}`).length === 0 + ) { + return undefined; + } + + const $el = swiper.$el; + const swiperWidth = $el[0].clientWidth; + const swiperHeight = $el[0].clientHeight; + const windowWidth = window.innerWidth; + const windowHeight = window.innerHeight; + const swiperOffset = swiper.$el.offset(); + if (rtl) swiperOffset.left -= swiper.$el[0].scrollLeft; + const swiperCoord = [ + [swiperOffset.left, swiperOffset.top], + [swiperOffset.left + swiperWidth, swiperOffset.top], + [swiperOffset.left, swiperOffset.top + swiperHeight], + [swiperOffset.left + swiperWidth, swiperOffset.top + swiperHeight], + ]; + + for (let i = 0; i < swiperCoord.length; i += 1) { + const point = swiperCoord[i]; + + if ( + point[0] >= 0 && + point[0] <= windowWidth && + point[1] >= 0 && + point[1] <= windowHeight + ) { + if (point[0] === 0 && point[1] === 0) continue; // eslint-disable-line + + inView = true; + } + } + + if (!inView) return undefined; + } + + if (swiper.isHorizontal()) { + if (isPageUp || isPageDown || isArrowLeft || isArrowRight) { + if (e.preventDefault) e.preventDefault(); + else e.returnValue = false; + } + + if ( + ((isPageDown || isArrowRight) && !rtl) || + ((isPageUp || isArrowLeft) && rtl) + ) + swiper.slideNext(); + if ( + ((isPageUp || isArrowLeft) && !rtl) || + ((isPageDown || isArrowRight) && rtl) + ) + swiper.slidePrev(); + } else { + if (isPageUp || isPageDown || isArrowUp || isArrowDown) { + if (e.preventDefault) e.preventDefault(); + else e.returnValue = false; + } + + if (isPageDown || isArrowDown) swiper.slideNext(); + if (isPageUp || isArrowUp) swiper.slidePrev(); + } + + emit("keyPress", kc); + return undefined; + } + + function enable() { + if (swiper.keyboard.enabled) return; + $(document).on("keydown", handle); + swiper.keyboard.enabled = true; + } + + function disable() { + if (!swiper.keyboard.enabled) return; + $(document).off("keydown", handle); + swiper.keyboard.enabled = false; + } + + on("init", () => { + if (swiper.params.keyboard.enabled) { + enable(); + } + }); + on("destroy", () => { + if (swiper.keyboard.enabled) { + disable(); + } + }); + Object.assign(swiper.keyboard, { + enable, + disable, + }); + } + + /* eslint-disable consistent-return */ + function Mousewheel(_ref) { + let { swiper, extendParams, on, emit } = _ref; + const window = getWindow(); + extendParams({ + mousewheel: { + enabled: false, + releaseOnEdges: false, + invert: false, + forceToAxis: false, + sensitivity: 1, + eventsTarget: "container", + thresholdDelta: null, + thresholdTime: null, + }, + }); + swiper.mousewheel = { + enabled: false, + }; + let timeout; + let lastScrollTime = now(); + let lastEventBeforeSnap; + const recentWheelEvents = []; + + function normalize(e) { + // Reasonable defaults + const PIXEL_STEP = 10; + const LINE_HEIGHT = 40; + const PAGE_HEIGHT = 800; + let sX = 0; + let sY = 0; // spinX, spinY + + let pX = 0; + let pY = 0; // pixelX, pixelY + // Legacy + + if ("detail" in e) { + sY = e.detail; + } + + if ("wheelDelta" in e) { + sY = -e.wheelDelta / 120; + } + + if ("wheelDeltaY" in e) { + sY = -e.wheelDeltaY / 120; + } + + if ("wheelDeltaX" in e) { + sX = -e.wheelDeltaX / 120; + } // side scrolling on FF with DOMMouseScroll + + if ("axis" in e && e.axis === e.HORIZONTAL_AXIS) { + sX = sY; + sY = 0; + } + + pX = sX * PIXEL_STEP; + pY = sY * PIXEL_STEP; + + if ("deltaY" in e) { + pY = e.deltaY; + } + + if ("deltaX" in e) { + pX = e.deltaX; + } + + if (e.shiftKey && !pX) { + // if user scrolls with shift he wants horizontal scroll + pX = pY; + pY = 0; + } + + if ((pX || pY) && e.deltaMode) { + if (e.deltaMode === 1) { + // delta in LINE units + pX *= LINE_HEIGHT; + pY *= LINE_HEIGHT; + } else { + // delta in PAGE units + pX *= PAGE_HEIGHT; + pY *= PAGE_HEIGHT; + } + } // Fall-back if spin cannot be determined + + if (pX && !sX) { + sX = pX < 1 ? -1 : 1; + } + + if (pY && !sY) { + sY = pY < 1 ? -1 : 1; + } + + return { + spinX: sX, + spinY: sY, + pixelX: pX, + pixelY: pY, + }; + } + + function handleMouseEnter() { + if (!swiper.enabled) return; + swiper.mouseEntered = true; + } + + function handleMouseLeave() { + if (!swiper.enabled) return; + swiper.mouseEntered = false; + } + + function animateSlider(newEvent) { + if ( + swiper.params.mousewheel.thresholdDelta && + newEvent.delta < swiper.params.mousewheel.thresholdDelta + ) { + // Prevent if delta of wheel scroll delta is below configured threshold + return false; + } + + if ( + swiper.params.mousewheel.thresholdTime && + now() - lastScrollTime < swiper.params.mousewheel.thresholdTime + ) { + // Prevent if time between scrolls is below configured threshold + return false; + } // If the movement is NOT big enough and + // if the last time the user scrolled was too close to the current one (avoid continuously triggering the slider): + // Don't go any further (avoid insignificant scroll movement). + + if (newEvent.delta >= 6 && now() - lastScrollTime < 60) { + // Return false as a default + return true; + } // If user is scrolling towards the end: + // If the slider hasn't hit the latest slide or + // if the slider is a loop and + // if the slider isn't moving right now: + // Go to next slide and + // emit a scroll event. + // Else (the user is scrolling towards the beginning) and + // if the slider hasn't hit the first slide or + // if the slider is a loop and + // if the slider isn't moving right now: + // Go to prev slide and + // emit a scroll event. + + if (newEvent.direction < 0) { + if ((!swiper.isEnd || swiper.params.loop) && !swiper.animating) { + swiper.slideNext(); + emit("scroll", newEvent.raw); + } + } else if ( + (!swiper.isBeginning || swiper.params.loop) && + !swiper.animating + ) { + swiper.slidePrev(); + emit("scroll", newEvent.raw); + } // If you got here is because an animation has been triggered so store the current time + + lastScrollTime = new window.Date().getTime(); // Return false as a default + + return false; + } + + function releaseScroll(newEvent) { + const params = swiper.params.mousewheel; + + if (newEvent.direction < 0) { + if (swiper.isEnd && !swiper.params.loop && params.releaseOnEdges) { + // Return true to animate scroll on edges + return true; + } + } else if ( + swiper.isBeginning && + !swiper.params.loop && + params.releaseOnEdges + ) { + // Return true to animate scroll on edges + return true; + } + + return false; + } + + function handle(event) { + let e = event; + let disableParentSwiper = true; + if (!swiper.enabled) return; + const params = swiper.params.mousewheel; + + if (swiper.params.cssMode) { + e.preventDefault(); + } + + let target = swiper.$el; + + if (swiper.params.mousewheel.eventsTarget !== "container") { + target = $(swiper.params.mousewheel.eventsTarget); + } + + if ( + !swiper.mouseEntered && + !target[0].contains(e.target) && + !params.releaseOnEdges + ) + return true; + if (e.originalEvent) e = e.originalEvent; // jquery fix + + let delta = 0; + const rtlFactor = swiper.rtlTranslate ? -1 : 1; + const data = normalize(e); + + if (params.forceToAxis) { + if (swiper.isHorizontal()) { + if (Math.abs(data.pixelX) > Math.abs(data.pixelY)) + delta = -data.pixelX * rtlFactor; + else return true; + } else if (Math.abs(data.pixelY) > Math.abs(data.pixelX)) + delta = -data.pixelY; + else return true; + } else { + delta = + Math.abs(data.pixelX) > Math.abs(data.pixelY) + ? -data.pixelX * rtlFactor + : -data.pixelY; + } + + if (delta === 0) return true; + if (params.invert) delta = -delta; // Get the scroll positions + + let positions = swiper.getTranslate() + delta * params.sensitivity; + if (positions >= swiper.minTranslate()) positions = swiper.minTranslate(); + if (positions <= swiper.maxTranslate()) positions = swiper.maxTranslate(); // When loop is true: + // the disableParentSwiper will be true. + // When loop is false: + // if the scroll positions is not on edge, + // then the disableParentSwiper will be true. + // if the scroll on edge positions, + // then the disableParentSwiper will be false. + + disableParentSwiper = swiper.params.loop + ? true + : !( + positions === swiper.minTranslate() || + positions === swiper.maxTranslate() + ); + if (disableParentSwiper && swiper.params.nested) e.stopPropagation(); + + if (!swiper.params.freeMode || !swiper.params.freeMode.enabled) { + // Register the new event in a variable which stores the relevant data + const newEvent = { + time: now(), + delta: Math.abs(delta), + direction: Math.sign(delta), + raw: event, + }; // Keep the most recent events + + if (recentWheelEvents.length >= 2) { + recentWheelEvents.shift(); // only store the last N events + } + + const prevEvent = recentWheelEvents.length + ? recentWheelEvents[recentWheelEvents.length - 1] + : undefined; + recentWheelEvents.push(newEvent); // If there is at least one previous recorded event: + // If direction has changed or + // if the scroll is quicker than the previous one: + // Animate the slider. + // Else (this is the first time the wheel is moved): + // Animate the slider. + + if (prevEvent) { + if ( + newEvent.direction !== prevEvent.direction || + newEvent.delta > prevEvent.delta || + newEvent.time > prevEvent.time + 150 + ) { + animateSlider(newEvent); + } + } else { + animateSlider(newEvent); + } // If it's time to release the scroll: + // Return now so you don't hit the preventDefault. + + if (releaseScroll(newEvent)) { + return true; + } + } else { + // Freemode or scrollContainer: + // If we recently snapped after a momentum scroll, then ignore wheel events + // to give time for the deceleration to finish. Stop ignoring after 500 msecs + // or if it's a new scroll (larger delta or inverse sign as last event before + // an end-of-momentum snap). + const newEvent = { + time: now(), + delta: Math.abs(delta), + direction: Math.sign(delta), + }; + const ignoreWheelEvents = + lastEventBeforeSnap && + newEvent.time < lastEventBeforeSnap.time + 500 && + newEvent.delta <= lastEventBeforeSnap.delta && + newEvent.direction === lastEventBeforeSnap.direction; + + if (!ignoreWheelEvents) { + lastEventBeforeSnap = undefined; + + if (swiper.params.loop) { + swiper.loopFix(); + } + + let position = swiper.getTranslate() + delta * params.sensitivity; + const wasBeginning = swiper.isBeginning; + const wasEnd = swiper.isEnd; + if (position >= swiper.minTranslate()) + position = swiper.minTranslate(); + if (position <= swiper.maxTranslate()) + position = swiper.maxTranslate(); + swiper.setTransition(0); + swiper.setTranslate(position); + swiper.updateProgress(); + swiper.updateActiveIndex(); + swiper.updateSlidesClasses(); + + if ( + (!wasBeginning && swiper.isBeginning) || + (!wasEnd && swiper.isEnd) + ) { + swiper.updateSlidesClasses(); + } + + if (swiper.params.freeMode.sticky) { + // When wheel scrolling starts with sticky (aka snap) enabled, then detect + // the end of a momentum scroll by storing recent (N=15?) wheel events. + // 1. do all N events have decreasing or same (absolute value) delta? + // 2. did all N events arrive in the last M (M=500?) msecs? + // 3. does the earliest event have an (absolute value) delta that's + // at least P (P=1?) larger than the most recent event's delta? + // 4. does the latest event have a delta that's smaller than Q (Q=6?) pixels? + // If 1-4 are "yes" then we're near the end of a momentum scroll deceleration. + // Snap immediately and ignore remaining wheel events in this scroll. + // See comment above for "remaining wheel events in this scroll" determination. + // If 1-4 aren't satisfied, then wait to snap until 500ms after the last event. + clearTimeout(timeout); + timeout = undefined; + + if (recentWheelEvents.length >= 15) { + recentWheelEvents.shift(); // only store the last N events + } + + const prevEvent = recentWheelEvents.length + ? recentWheelEvents[recentWheelEvents.length - 1] + : undefined; + const firstEvent = recentWheelEvents[0]; + recentWheelEvents.push(newEvent); + + if ( + prevEvent && + (newEvent.delta > prevEvent.delta || + newEvent.direction !== prevEvent.direction) + ) { + // Increasing or reverse-sign delta means the user started scrolling again. Clear the wheel event log. + recentWheelEvents.splice(0); + } else if ( + recentWheelEvents.length >= 15 && + newEvent.time - firstEvent.time < 500 && + firstEvent.delta - newEvent.delta >= 1 && + newEvent.delta <= 6 + ) { + // We're at the end of the deceleration of a momentum scroll, so there's no need + // to wait for more events. Snap ASAP on the next tick. + // Also, because there's some remaining momentum we'll bias the snap in the + // direction of the ongoing scroll because it's better UX for the scroll to snap + // in the same direction as the scroll instead of reversing to snap. Therefore, + // if it's already scrolled more than 20% in the current direction, keep going. + const snapToThreshold = delta > 0 ? 0.8 : 0.2; + lastEventBeforeSnap = newEvent; + recentWheelEvents.splice(0); + timeout = nextTick(() => { + swiper.slideToClosest( + swiper.params.speed, + true, + undefined, + snapToThreshold, + ); + }, 0); // no delay; move on next tick + } + + if (!timeout) { + // if we get here, then we haven't detected the end of a momentum scroll, so + // we'll consider a scroll "complete" when there haven't been any wheel events + // for 500ms. + timeout = nextTick(() => { + const snapToThreshold = 0.5; + lastEventBeforeSnap = newEvent; + recentWheelEvents.splice(0); + swiper.slideToClosest( + swiper.params.speed, + true, + undefined, + snapToThreshold, + ); + }, 500); + } + } // Emit event + + if (!ignoreWheelEvents) emit("scroll", e); // Stop autoplay + + if ( + swiper.params.autoplay && + swiper.params.autoplayDisableOnInteraction + ) + swiper.autoplay.stop(); // Return page scroll on edge positions + + if ( + position === swiper.minTranslate() || + position === swiper.maxTranslate() + ) + return true; + } + } + + if (e.preventDefault) e.preventDefault(); + else e.returnValue = false; + return false; + } + + function events(method) { + let target = swiper.$el; + + if (swiper.params.mousewheel.eventsTarget !== "container") { + target = $(swiper.params.mousewheel.eventsTarget); + } + + target[method]("mouseenter", handleMouseEnter); + target[method]("mouseleave", handleMouseLeave); + target[method]("wheel", handle); + } + + function enable() { + if (swiper.params.cssMode) { + swiper.wrapperEl.removeEventListener("wheel", handle); + return true; + } + + if (swiper.mousewheel.enabled) return false; + events("on"); + swiper.mousewheel.enabled = true; + return true; + } + + function disable() { + if (swiper.params.cssMode) { + swiper.wrapperEl.addEventListener(event, handle); + return true; + } + + if (!swiper.mousewheel.enabled) return false; + events("off"); + swiper.mousewheel.enabled = false; + return true; + } + + on("init", () => { + if (!swiper.params.mousewheel.enabled && swiper.params.cssMode) { + disable(); + } + + if (swiper.params.mousewheel.enabled) enable(); + }); + on("destroy", () => { + if (swiper.params.cssMode) { + enable(); + } + + if (swiper.mousewheel.enabled) disable(); + }); + Object.assign(swiper.mousewheel, { + enable, + disable, + }); + } + + function createElementIfNotDefined( + swiper, + originalParams, + params, + checkProps, + ) { + const document = getDocument(); + + if (swiper.params.createElements) { + Object.keys(checkProps).forEach((key) => { + if (!params[key] && params.auto === true) { + let element = swiper.$el.children(`.${checkProps[key]}`)[0]; + + if (!element) { + element = document.createElement("div"); + element.className = checkProps[key]; + swiper.$el.append(element); + } + + params[key] = element; + originalParams[key] = element; + } + }); + } + + return params; + } + + function Navigation(_ref) { + let { swiper, extendParams, on, emit } = _ref; + extendParams({ + navigation: { + nextEl: null, + prevEl: null, + hideOnClick: false, + disabledClass: "swiper-button-disabled", + hiddenClass: "swiper-button-hidden", + lockClass: "swiper-button-lock", + }, + }); + swiper.navigation = { + nextEl: null, + $nextEl: null, + prevEl: null, + $prevEl: null, + }; + + function getEl(el) { + let $el; + + if (el) { + $el = $(el); + + if ( + swiper.params.uniqueNavElements && + typeof el === "string" && + $el.length > 1 && + swiper.$el.find(el).length === 1 + ) { + $el = swiper.$el.find(el); + } + } + + return $el; + } + + function toggleEl($el, disabled) { + const params = swiper.params.navigation; + + if ($el && $el.length > 0) { + $el[disabled ? "addClass" : "removeClass"](params.disabledClass); + if ($el[0] && $el[0].tagName === "BUTTON") $el[0].disabled = disabled; + + if (swiper.params.watchOverflow && swiper.enabled) { + $el[swiper.isLocked ? "addClass" : "removeClass"](params.lockClass); + } + } + } + + function update() { + // Update Navigation Buttons + if (swiper.params.loop) return; + const { $nextEl, $prevEl } = swiper.navigation; + toggleEl($prevEl, swiper.isBeginning && !swiper.params.rewind); + toggleEl($nextEl, swiper.isEnd && !swiper.params.rewind); + } + + function onPrevClick(e) { + e.preventDefault(); + if (swiper.isBeginning && !swiper.params.loop && !swiper.params.rewind) + return; + swiper.slidePrev(); + } + + function onNextClick(e) { + e.preventDefault(); + if (swiper.isEnd && !swiper.params.loop && !swiper.params.rewind) return; + swiper.slideNext(); + } + + function init() { + const params = swiper.params.navigation; + swiper.params.navigation = createElementIfNotDefined( + swiper, + swiper.originalParams.navigation, + swiper.params.navigation, + { + nextEl: "swiper-button-next", + prevEl: "swiper-button-prev", + }, + ); + if (!(params.nextEl || params.prevEl)) return; + const $nextEl = getEl(params.nextEl); + const $prevEl = getEl(params.prevEl); + + if ($nextEl && $nextEl.length > 0) { + $nextEl.on("click", onNextClick); + } + + if ($prevEl && $prevEl.length > 0) { + $prevEl.on("click", onPrevClick); + } + + Object.assign(swiper.navigation, { + $nextEl, + nextEl: $nextEl && $nextEl[0], + $prevEl, + prevEl: $prevEl && $prevEl[0], + }); + + if (!swiper.enabled) { + if ($nextEl) $nextEl.addClass(params.lockClass); + if ($prevEl) $prevEl.addClass(params.lockClass); + } + } + + function destroy() { + const { $nextEl, $prevEl } = swiper.navigation; + + if ($nextEl && $nextEl.length) { + $nextEl.off("click", onNextClick); + $nextEl.removeClass(swiper.params.navigation.disabledClass); + } + + if ($prevEl && $prevEl.length) { + $prevEl.off("click", onPrevClick); + $prevEl.removeClass(swiper.params.navigation.disabledClass); + } + } + + on("init", () => { + init(); + update(); + }); + on("toEdge fromEdge lock unlock", () => { + update(); + }); + on("destroy", () => { + destroy(); + }); + on("enable disable", () => { + const { $nextEl, $prevEl } = swiper.navigation; + + if ($nextEl) { + $nextEl[swiper.enabled ? "removeClass" : "addClass"]( + swiper.params.navigation.lockClass, + ); + } + + if ($prevEl) { + $prevEl[swiper.enabled ? "removeClass" : "addClass"]( + swiper.params.navigation.lockClass, + ); + } + }); + on("click", (_s, e) => { + const { $nextEl, $prevEl } = swiper.navigation; + const targetEl = e.target; + + if ( + swiper.params.navigation.hideOnClick && + !$(targetEl).is($prevEl) && + !$(targetEl).is($nextEl) + ) { + if ( + swiper.pagination && + swiper.params.pagination && + swiper.params.pagination.clickable && + (swiper.pagination.el === targetEl || + swiper.pagination.el.contains(targetEl)) + ) + return; + let isHidden; + + if ($nextEl) { + isHidden = $nextEl.hasClass(swiper.params.navigation.hiddenClass); + } else if ($prevEl) { + isHidden = $prevEl.hasClass(swiper.params.navigation.hiddenClass); + } + + if (isHidden === true) { + emit("navigationShow"); + } else { + emit("navigationHide"); + } + + if ($nextEl) { + $nextEl.toggleClass(swiper.params.navigation.hiddenClass); + } + + if ($prevEl) { + $prevEl.toggleClass(swiper.params.navigation.hiddenClass); + } + } + }); + Object.assign(swiper.navigation, { + update, + init, + destroy, + }); + } + + function classesToSelector(classes) { + if (classes === void 0) { + classes = ""; + } + + return `.${classes + .trim() + .replace(/([\.:!\/])/g, "\\$1") // eslint-disable-line + .replace(/ /g, ".")}`; + } + + function Pagination(_ref) { + let { swiper, extendParams, on, emit } = _ref; + const pfx = "swiper-pagination"; + extendParams({ + pagination: { + el: null, + bulletElement: "span", + clickable: false, + hideOnClick: false, + renderBullet: null, + renderProgressbar: null, + renderFraction: null, + renderCustom: null, + progressbarOpposite: false, + type: "bullets", + // 'bullets' or 'progressbar' or 'fraction' or 'custom' + dynamicBullets: false, + dynamicMainBullets: 1, + formatFractionCurrent: (number) => number, + formatFractionTotal: (number) => number, + bulletClass: `${pfx}-bullet`, + bulletActiveClass: `${pfx}-bullet-active`, + modifierClass: `${pfx}-`, + currentClass: `${pfx}-current`, + totalClass: `${pfx}-total`, + hiddenClass: `${pfx}-hidden`, + progressbarFillClass: `${pfx}-progressbar-fill`, + progressbarOppositeClass: `${pfx}-progressbar-opposite`, + clickableClass: `${pfx}-clickable`, + lockClass: `${pfx}-lock`, + horizontalClass: `${pfx}-horizontal`, + verticalClass: `${pfx}-vertical`, + }, + }); + swiper.pagination = { + el: null, + $el: null, + bullets: [], + }; + let bulletSize; + let dynamicBulletIndex = 0; + + function isPaginationDisabled() { + return ( + !swiper.params.pagination.el || + !swiper.pagination.el || + !swiper.pagination.$el || + swiper.pagination.$el.length === 0 + ); + } + + function setSideBullets($bulletEl, position) { + const { bulletActiveClass } = swiper.params.pagination; + $bulletEl[position]() + .addClass(`${bulletActiveClass}-${position}`) + [position]() + .addClass(`${bulletActiveClass}-${position}-${position}`); + } + + function update() { + // Render || Update Pagination bullets/items + const rtl = swiper.rtl; + const params = swiper.params.pagination; + if (isPaginationDisabled()) return; + const slidesLength = + swiper.virtual && swiper.params.virtual.enabled + ? swiper.virtual.slides.length + : swiper.slides.length; + const $el = swiper.pagination.$el; // Current/Total + + let current; + const total = swiper.params.loop + ? Math.ceil( + (slidesLength - swiper.loopedSlides * 2) / + swiper.params.slidesPerGroup, + ) + : swiper.snapGrid.length; + + if (swiper.params.loop) { + current = Math.ceil( + (swiper.activeIndex - swiper.loopedSlides) / + swiper.params.slidesPerGroup, + ); + + if (current > slidesLength - 1 - swiper.loopedSlides * 2) { + current -= slidesLength - swiper.loopedSlides * 2; + } + + if (current > total - 1) current -= total; + if (current < 0 && swiper.params.paginationType !== "bullets") + current = total + current; + } else if (typeof swiper.snapIndex !== "undefined") { + current = swiper.snapIndex; + } else { + current = swiper.activeIndex || 0; + } // Types + + if ( + params.type === "bullets" && + swiper.pagination.bullets && + swiper.pagination.bullets.length > 0 + ) { + const bullets = swiper.pagination.bullets; + let firstIndex; + let lastIndex; + let midIndex; + + if (params.dynamicBullets) { + bulletSize = bullets + .eq(0) + [swiper.isHorizontal() ? "outerWidth" : "outerHeight"](true); + $el.css( + swiper.isHorizontal() ? "width" : "height", + `${bulletSize * (params.dynamicMainBullets + 4)}px`, + ); + + if ( + params.dynamicMainBullets > 1 && + swiper.previousIndex !== undefined + ) { + dynamicBulletIndex += + current - (swiper.previousIndex - swiper.loopedSlides || 0); + + if (dynamicBulletIndex > params.dynamicMainBullets - 1) { + dynamicBulletIndex = params.dynamicMainBullets - 1; + } else if (dynamicBulletIndex < 0) { + dynamicBulletIndex = 0; + } + } + + firstIndex = Math.max(current - dynamicBulletIndex, 0); + lastIndex = + firstIndex + + (Math.min(bullets.length, params.dynamicMainBullets) - 1); + midIndex = (lastIndex + firstIndex) / 2; + } + + bullets.removeClass( + ["", "-next", "-next-next", "-prev", "-prev-prev", "-main"] + .map((suffix) => `${params.bulletActiveClass}${suffix}`) + .join(" "), + ); + + if ($el.length > 1) { + bullets.each((bullet) => { + const $bullet = $(bullet); + const bulletIndex = $bullet.index(); + + if (bulletIndex === current) { + $bullet.addClass(params.bulletActiveClass); + } + + if (params.dynamicBullets) { + if (bulletIndex >= firstIndex && bulletIndex <= lastIndex) { + $bullet.addClass(`${params.bulletActiveClass}-main`); + } + + if (bulletIndex === firstIndex) { + setSideBullets($bullet, "prev"); + } + + if (bulletIndex === lastIndex) { + setSideBullets($bullet, "next"); + } + } + }); + } else { + const $bullet = bullets.eq(current); + const bulletIndex = $bullet.index(); + $bullet.addClass(params.bulletActiveClass); + + if (params.dynamicBullets) { + const $firstDisplayedBullet = bullets.eq(firstIndex); + const $lastDisplayedBullet = bullets.eq(lastIndex); + + for (let i = firstIndex; i <= lastIndex; i += 1) { + bullets.eq(i).addClass(`${params.bulletActiveClass}-main`); + } + + if (swiper.params.loop) { + if (bulletIndex >= bullets.length) { + for (let i = params.dynamicMainBullets; i >= 0; i -= 1) { + bullets + .eq(bullets.length - i) + .addClass(`${params.bulletActiveClass}-main`); + } + + bullets + .eq(bullets.length - params.dynamicMainBullets - 1) + .addClass(`${params.bulletActiveClass}-prev`); + } else { + setSideBullets($firstDisplayedBullet, "prev"); + setSideBullets($lastDisplayedBullet, "next"); + } + } else { + setSideBullets($firstDisplayedBullet, "prev"); + setSideBullets($lastDisplayedBullet, "next"); + } + } + } + + if (params.dynamicBullets) { + const dynamicBulletsLength = Math.min( + bullets.length, + params.dynamicMainBullets + 4, + ); + const bulletsOffset = + (bulletSize * dynamicBulletsLength - bulletSize) / 2 - + midIndex * bulletSize; + const offsetProp = rtl ? "right" : "left"; + bullets.css( + swiper.isHorizontal() ? offsetProp : "top", + `${bulletsOffset}px`, + ); + } + } + + if (params.type === "fraction") { + $el + .find(classesToSelector(params.currentClass)) + .text(params.formatFractionCurrent(current + 1)); + $el + .find(classesToSelector(params.totalClass)) + .text(params.formatFractionTotal(total)); + } + + if (params.type === "progressbar") { + let progressbarDirection; + + if (params.progressbarOpposite) { + progressbarDirection = swiper.isHorizontal() + ? "vertical" + : "horizontal"; + } else { + progressbarDirection = swiper.isHorizontal() + ? "horizontal" + : "vertical"; + } + + const scale = (current + 1) / total; + let scaleX = 1; + let scaleY = 1; + + if (progressbarDirection === "horizontal") { + scaleX = scale; + } else { + scaleY = scale; + } + + $el + .find(classesToSelector(params.progressbarFillClass)) + .transform(`translate3d(0,0,0) scaleX(${scaleX}) scaleY(${scaleY})`) + .transition(swiper.params.speed); + } + + if (params.type === "custom" && params.renderCustom) { + $el.html(params.renderCustom(swiper, current + 1, total)); + emit("paginationRender", $el[0]); + } else { + emit("paginationUpdate", $el[0]); + } + + if (swiper.params.watchOverflow && swiper.enabled) { + $el[swiper.isLocked ? "addClass" : "removeClass"](params.lockClass); + } + } + + function render() { + // Render Container + const params = swiper.params.pagination; + if (isPaginationDisabled()) return; + const slidesLength = + swiper.virtual && swiper.params.virtual.enabled + ? swiper.virtual.slides.length + : swiper.slides.length; + const $el = swiper.pagination.$el; + let paginationHTML = ""; + + if (params.type === "bullets") { + let numberOfBullets = swiper.params.loop + ? Math.ceil( + (slidesLength - swiper.loopedSlides * 2) / + swiper.params.slidesPerGroup, + ) + : swiper.snapGrid.length; + + if ( + swiper.params.freeMode && + swiper.params.freeMode.enabled && + !swiper.params.loop && + numberOfBullets > slidesLength + ) { + numberOfBullets = slidesLength; + } + + for (let i = 0; i < numberOfBullets; i += 1) { + if (params.renderBullet) { + paginationHTML += params.renderBullet.call( + swiper, + i, + params.bulletClass, + ); + } else { + paginationHTML += `<${params.bulletElement} class="${params.bulletClass}">`; + } + } + + $el.html(paginationHTML); + swiper.pagination.bullets = $el.find( + classesToSelector(params.bulletClass), + ); + } + + if (params.type === "fraction") { + if (params.renderFraction) { + paginationHTML = params.renderFraction.call( + swiper, + params.currentClass, + params.totalClass, + ); + } else { + paginationHTML = + `` + + " / " + + ``; + } + + $el.html(paginationHTML); + } + + if (params.type === "progressbar") { + if (params.renderProgressbar) { + paginationHTML = params.renderProgressbar.call( + swiper, + params.progressbarFillClass, + ); + } else { + paginationHTML = ``; + } + + $el.html(paginationHTML); + } + + if (params.type !== "custom") { + emit("paginationRender", swiper.pagination.$el[0]); + } + } + + function init() { + swiper.params.pagination = createElementIfNotDefined( + swiper, + swiper.originalParams.pagination, + swiper.params.pagination, + { + el: "swiper-pagination", + }, + ); + const params = swiper.params.pagination; + if (!params.el) return; + let $el = $(params.el); + if ($el.length === 0) return; + + if ( + swiper.params.uniqueNavElements && + typeof params.el === "string" && + $el.length > 1 + ) { + $el = swiper.$el.find(params.el); // check if it belongs to another nested Swiper + + if ($el.length > 1) { + $el = $el.filter((el) => { + if ($(el).parents(".swiper")[0] !== swiper.el) return false; + return true; + }); + } + } + + if (params.type === "bullets" && params.clickable) { + $el.addClass(params.clickableClass); + } + + $el.addClass(params.modifierClass + params.type); + $el.addClass( + swiper.isHorizontal() ? params.horizontalClass : params.verticalClass, + ); + + if (params.type === "bullets" && params.dynamicBullets) { + $el.addClass(`${params.modifierClass}${params.type}-dynamic`); + dynamicBulletIndex = 0; + + if (params.dynamicMainBullets < 1) { + params.dynamicMainBullets = 1; + } + } + + if (params.type === "progressbar" && params.progressbarOpposite) { + $el.addClass(params.progressbarOppositeClass); + } + + if (params.clickable) { + $el.on( + "click", + classesToSelector(params.bulletClass), + function onClick(e) { + e.preventDefault(); + let index = $(this).index() * swiper.params.slidesPerGroup; + if (swiper.params.loop) index += swiper.loopedSlides; + swiper.slideTo(index); + }, + ); + } + + Object.assign(swiper.pagination, { + $el, + el: $el[0], + }); + + if (!swiper.enabled) { + $el.addClass(params.lockClass); + } + } + + function destroy() { + const params = swiper.params.pagination; + if (isPaginationDisabled()) return; + const $el = swiper.pagination.$el; + $el.removeClass(params.hiddenClass); + $el.removeClass(params.modifierClass + params.type); + $el.removeClass( + swiper.isHorizontal() ? params.horizontalClass : params.verticalClass, + ); + if (swiper.pagination.bullets && swiper.pagination.bullets.removeClass) + swiper.pagination.bullets.removeClass(params.bulletActiveClass); + + if (params.clickable) { + $el.off("click", classesToSelector(params.bulletClass)); + } + } + + on("init", () => { + init(); + render(); + update(); + }); + on("activeIndexChange", () => { + if (swiper.params.loop) { + update(); + } else if (typeof swiper.snapIndex === "undefined") { + update(); + } + }); + on("snapIndexChange", () => { + if (!swiper.params.loop) { + update(); + } + }); + on("slidesLengthChange", () => { + if (swiper.params.loop) { + render(); + update(); + } + }); + on("snapGridLengthChange", () => { + if (!swiper.params.loop) { + render(); + update(); + } + }); + on("destroy", () => { + destroy(); + }); + on("enable disable", () => { + const { $el } = swiper.pagination; + + if ($el) { + $el[swiper.enabled ? "removeClass" : "addClass"]( + swiper.params.pagination.lockClass, + ); + } + }); + on("lock unlock", () => { + update(); + }); + on("click", (_s, e) => { + const targetEl = e.target; + const { $el } = swiper.pagination; + + if ( + swiper.params.pagination.el && + swiper.params.pagination.hideOnClick && + $el.length > 0 && + !$(targetEl).hasClass(swiper.params.pagination.bulletClass) + ) { + if ( + swiper.navigation && + ((swiper.navigation.nextEl && + targetEl === swiper.navigation.nextEl) || + (swiper.navigation.prevEl && targetEl === swiper.navigation.prevEl)) + ) + return; + const isHidden = $el.hasClass(swiper.params.pagination.hiddenClass); + + if (isHidden === true) { + emit("paginationShow"); + } else { + emit("paginationHide"); + } + + $el.toggleClass(swiper.params.pagination.hiddenClass); + } + }); + Object.assign(swiper.pagination, { + render, + update, + init, + destroy, + }); + } + + function Scrollbar(_ref) { + let { swiper, extendParams, on, emit } = _ref; + const document = getDocument(); + let isTouched = false; + let timeout = null; + let dragTimeout = null; + let dragStartPos; + let dragSize; + let trackSize; + let divider; + extendParams({ + scrollbar: { + el: null, + dragSize: "auto", + hide: false, + draggable: false, + snapOnRelease: true, + lockClass: "swiper-scrollbar-lock", + dragClass: "swiper-scrollbar-drag", + }, + }); + swiper.scrollbar = { + el: null, + dragEl: null, + $el: null, + $dragEl: null, + }; + + function setTranslate() { + if (!swiper.params.scrollbar.el || !swiper.scrollbar.el) return; + const { scrollbar, rtlTranslate: rtl, progress } = swiper; + const { $dragEl, $el } = scrollbar; + const params = swiper.params.scrollbar; + let newSize = dragSize; + let newPos = (trackSize - dragSize) * progress; + + if (rtl) { + newPos = -newPos; + + if (newPos > 0) { + newSize = dragSize - newPos; + newPos = 0; + } else if (-newPos + dragSize > trackSize) { + newSize = trackSize + newPos; + } + } else if (newPos < 0) { + newSize = dragSize + newPos; + newPos = 0; + } else if (newPos + dragSize > trackSize) { + newSize = trackSize - newPos; + } + + if (swiper.isHorizontal()) { + $dragEl.transform(`translate3d(${newPos}px, 0, 0)`); + $dragEl[0].style.width = `${newSize}px`; + } else { + $dragEl.transform(`translate3d(0px, ${newPos}px, 0)`); + $dragEl[0].style.height = `${newSize}px`; + } + + if (params.hide) { + clearTimeout(timeout); + $el[0].style.opacity = 1; + timeout = setTimeout(() => { + $el[0].style.opacity = 0; + $el.transition(400); + }, 1000); + } + } + + function setTransition(duration) { + if (!swiper.params.scrollbar.el || !swiper.scrollbar.el) return; + swiper.scrollbar.$dragEl.transition(duration); + } + + function updateSize() { + if (!swiper.params.scrollbar.el || !swiper.scrollbar.el) return; + const { scrollbar } = swiper; + const { $dragEl, $el } = scrollbar; + $dragEl[0].style.width = ""; + $dragEl[0].style.height = ""; + trackSize = swiper.isHorizontal() + ? $el[0].offsetWidth + : $el[0].offsetHeight; + divider = + swiper.size / + (swiper.virtualSize + + swiper.params.slidesOffsetBefore - + (swiper.params.centeredSlides ? swiper.snapGrid[0] : 0)); + + if (swiper.params.scrollbar.dragSize === "auto") { + dragSize = trackSize * divider; + } else { + dragSize = parseInt(swiper.params.scrollbar.dragSize, 10); + } + + if (swiper.isHorizontal()) { + $dragEl[0].style.width = `${dragSize}px`; + } else { + $dragEl[0].style.height = `${dragSize}px`; + } + + if (divider >= 1) { + $el[0].style.display = "none"; + } else { + $el[0].style.display = ""; + } + + if (swiper.params.scrollbar.hide) { + $el[0].style.opacity = 0; + } + + if (swiper.params.watchOverflow && swiper.enabled) { + scrollbar.$el[swiper.isLocked ? "addClass" : "removeClass"]( + swiper.params.scrollbar.lockClass, + ); + } + } + + function getPointerPosition(e) { + if (swiper.isHorizontal()) { + return e.type === "touchstart" || e.type === "touchmove" + ? e.targetTouches[0].clientX + : e.clientX; + } + + return e.type === "touchstart" || e.type === "touchmove" + ? e.targetTouches[0].clientY + : e.clientY; + } + + function setDragPosition(e) { + const { scrollbar, rtlTranslate: rtl } = swiper; + const { $el } = scrollbar; + let positionRatio; + positionRatio = + (getPointerPosition(e) - + $el.offset()[swiper.isHorizontal() ? "left" : "top"] - + (dragStartPos !== null ? dragStartPos : dragSize / 2)) / + (trackSize - dragSize); + positionRatio = Math.max(Math.min(positionRatio, 1), 0); + + if (rtl) { + positionRatio = 1 - positionRatio; + } + + const position = + swiper.minTranslate() + + (swiper.maxTranslate() - swiper.minTranslate()) * positionRatio; + swiper.updateProgress(position); + swiper.setTranslate(position); + swiper.updateActiveIndex(); + swiper.updateSlidesClasses(); + } + + function onDragStart(e) { + const params = swiper.params.scrollbar; + const { scrollbar, $wrapperEl } = swiper; + const { $el, $dragEl } = scrollbar; + isTouched = true; + dragStartPos = + e.target === $dragEl[0] || e.target === $dragEl + ? getPointerPosition(e) - + e.target.getBoundingClientRect()[ + swiper.isHorizontal() ? "left" : "top" + ] + : null; + e.preventDefault(); + e.stopPropagation(); + $wrapperEl.transition(100); + $dragEl.transition(100); + setDragPosition(e); + clearTimeout(dragTimeout); + $el.transition(0); + + if (params.hide) { + $el.css("opacity", 1); + } + + if (swiper.params.cssMode) { + swiper.$wrapperEl.css("scroll-snap-type", "none"); + } + + emit("scrollbarDragStart", e); + } + + function onDragMove(e) { + const { scrollbar, $wrapperEl } = swiper; + const { $el, $dragEl } = scrollbar; + if (!isTouched) return; + if (e.preventDefault) e.preventDefault(); + else e.returnValue = false; + setDragPosition(e); + $wrapperEl.transition(0); + $el.transition(0); + $dragEl.transition(0); + emit("scrollbarDragMove", e); + } + + function onDragEnd(e) { + const params = swiper.params.scrollbar; + const { scrollbar, $wrapperEl } = swiper; + const { $el } = scrollbar; + if (!isTouched) return; + isTouched = false; + + if (swiper.params.cssMode) { + swiper.$wrapperEl.css("scroll-snap-type", ""); + $wrapperEl.transition(""); + } + + if (params.hide) { + clearTimeout(dragTimeout); + dragTimeout = nextTick(() => { + $el.css("opacity", 0); + $el.transition(400); + }, 1000); + } + + emit("scrollbarDragEnd", e); + + if (params.snapOnRelease) { + swiper.slideToClosest(); + } + } + + function events(method) { + const { + scrollbar, + touchEventsTouch, + touchEventsDesktop, + params, + support, + } = swiper; + const $el = scrollbar.$el; + const target = $el[0]; + const activeListener = + support.passiveListener && params.passiveListeners + ? { + passive: false, + capture: false, + } + : false; + const passiveListener = + support.passiveListener && params.passiveListeners + ? { + passive: true, + capture: false, + } + : false; + if (!target) return; + const eventMethod = + method === "on" ? "addEventListener" : "removeEventListener"; + + if (!support.touch) { + target[eventMethod]( + touchEventsDesktop.start, + onDragStart, + activeListener, + ); + document[eventMethod]( + touchEventsDesktop.move, + onDragMove, + activeListener, + ); + document[eventMethod]( + touchEventsDesktop.end, + onDragEnd, + passiveListener, + ); + } else { + target[eventMethod]( + touchEventsTouch.start, + onDragStart, + activeListener, + ); + target[eventMethod](touchEventsTouch.move, onDragMove, activeListener); + target[eventMethod](touchEventsTouch.end, onDragEnd, passiveListener); + } + } + + function enableDraggable() { + if (!swiper.params.scrollbar.el) return; + events("on"); + } + + function disableDraggable() { + if (!swiper.params.scrollbar.el) return; + events("off"); + } + + function init() { + const { scrollbar, $el: $swiperEl } = swiper; + swiper.params.scrollbar = createElementIfNotDefined( + swiper, + swiper.originalParams.scrollbar, + swiper.params.scrollbar, + { + el: "swiper-scrollbar", + }, + ); + const params = swiper.params.scrollbar; + if (!params.el) return; + let $el = $(params.el); + + if ( + swiper.params.uniqueNavElements && + typeof params.el === "string" && + $el.length > 1 && + $swiperEl.find(params.el).length === 1 + ) { + $el = $swiperEl.find(params.el); + } + + let $dragEl = $el.find(`.${swiper.params.scrollbar.dragClass}`); + + if ($dragEl.length === 0) { + $dragEl = $(`
`); + $el.append($dragEl); + } + + Object.assign(scrollbar, { + $el, + el: $el[0], + $dragEl, + dragEl: $dragEl[0], + }); + + if (params.draggable) { + enableDraggable(); + } + + if ($el) { + $el[swiper.enabled ? "removeClass" : "addClass"]( + swiper.params.scrollbar.lockClass, + ); + } + } + + function destroy() { + disableDraggable(); + } + + on("init", () => { + init(); + updateSize(); + setTranslate(); + }); + on("update resize observerUpdate lock unlock", () => { + updateSize(); + }); + on("setTranslate", () => { + setTranslate(); + }); + on("setTransition", (_s, duration) => { + setTransition(duration); + }); + on("enable disable", () => { + const { $el } = swiper.scrollbar; + + if ($el) { + $el[swiper.enabled ? "removeClass" : "addClass"]( + swiper.params.scrollbar.lockClass, + ); + } + }); + on("destroy", () => { + destroy(); + }); + Object.assign(swiper.scrollbar, { + updateSize, + setTranslate, + init, + destroy, + }); + } + + function Parallax(_ref) { + let { swiper, extendParams, on } = _ref; + extendParams({ + parallax: { + enabled: false, + }, + }); + + const setTransform = (el, progress) => { + const { rtl } = swiper; + const $el = $(el); + const rtlFactor = rtl ? -1 : 1; + const p = $el.attr("data-swiper-parallax") || "0"; + let x = $el.attr("data-swiper-parallax-x"); + let y = $el.attr("data-swiper-parallax-y"); + const scale = $el.attr("data-swiper-parallax-scale"); + const opacity = $el.attr("data-swiper-parallax-opacity"); + + if (x || y) { + x = x || "0"; + y = y || "0"; + } else if (swiper.isHorizontal()) { + x = p; + y = "0"; + } else { + y = p; + x = "0"; + } + + if (x.indexOf("%") >= 0) { + x = `${parseInt(x, 10) * progress * rtlFactor}%`; + } else { + x = `${x * progress * rtlFactor}px`; + } + + if (y.indexOf("%") >= 0) { + y = `${parseInt(y, 10) * progress}%`; + } else { + y = `${y * progress}px`; + } + + if (typeof opacity !== "undefined" && opacity !== null) { + const currentOpacity = + opacity - (opacity - 1) * (1 - Math.abs(progress)); + $el[0].style.opacity = currentOpacity; + } + + if (typeof scale === "undefined" || scale === null) { + $el.transform(`translate3d(${x}, ${y}, 0px)`); + } else { + const currentScale = scale - (scale - 1) * (1 - Math.abs(progress)); + $el.transform(`translate3d(${x}, ${y}, 0px) scale(${currentScale})`); + } + }; + + const setTranslate = () => { + const { $el, slides, progress, snapGrid } = swiper; + $el + .children( + "[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y], [data-swiper-parallax-opacity], [data-swiper-parallax-scale]", + ) + .each((el) => { + setTransform(el, progress); + }); + slides.each((slideEl, slideIndex) => { + let slideProgress = slideEl.progress; + + if ( + swiper.params.slidesPerGroup > 1 && + swiper.params.slidesPerView !== "auto" + ) { + slideProgress += + Math.ceil(slideIndex / 2) - progress * (snapGrid.length - 1); + } + + slideProgress = Math.min(Math.max(slideProgress, -1), 1); + $(slideEl) + .find( + "[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y], [data-swiper-parallax-opacity], [data-swiper-parallax-scale]", + ) + .each((el) => { + setTransform(el, slideProgress); + }); + }); + }; + + const setTransition = function (duration) { + if (duration === void 0) { + duration = swiper.params.speed; + } + + const { $el } = swiper; + $el + .find( + "[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y], [data-swiper-parallax-opacity], [data-swiper-parallax-scale]", + ) + .each((parallaxEl) => { + const $parallaxEl = $(parallaxEl); + let parallaxDuration = + parseInt($parallaxEl.attr("data-swiper-parallax-duration"), 10) || + duration; + if (duration === 0) parallaxDuration = 0; + $parallaxEl.transition(parallaxDuration); + }); + }; + + on("beforeInit", () => { + if (!swiper.params.parallax.enabled) return; + swiper.params.watchSlidesProgress = true; + swiper.originalParams.watchSlidesProgress = true; + }); + on("init", () => { + if (!swiper.params.parallax.enabled) return; + setTranslate(); + }); + on("setTranslate", () => { + if (!swiper.params.parallax.enabled) return; + setTranslate(); + }); + on("setTransition", (_swiper, duration) => { + if (!swiper.params.parallax.enabled) return; + setTransition(duration); + }); + } + + function Zoom(_ref) { + let { swiper, extendParams, on, emit } = _ref; + const window = getWindow(); + extendParams({ + zoom: { + enabled: false, + maxRatio: 3, + minRatio: 1, + toggle: true, + containerClass: "swiper-zoom-container", + zoomedSlideClass: "swiper-slide-zoomed", + }, + }); + swiper.zoom = { + enabled: false, + }; + let currentScale = 1; + let isScaling = false; + let gesturesEnabled; + let fakeGestureTouched; + let fakeGestureMoved; + const gesture = { + $slideEl: undefined, + slideWidth: undefined, + slideHeight: undefined, + $imageEl: undefined, + $imageWrapEl: undefined, + maxRatio: 3, + }; + const image = { + isTouched: undefined, + isMoved: undefined, + currentX: undefined, + currentY: undefined, + minX: undefined, + minY: undefined, + maxX: undefined, + maxY: undefined, + width: undefined, + height: undefined, + startX: undefined, + startY: undefined, + touchesStart: {}, + touchesCurrent: {}, + }; + const velocity = { + x: undefined, + y: undefined, + prevPositionX: undefined, + prevPositionY: undefined, + prevTime: undefined, + }; + let scale = 1; + Object.defineProperty(swiper.zoom, "scale", { + get() { + return scale; + }, + + set(value) { + if (scale !== value) { + const imageEl = gesture.$imageEl ? gesture.$imageEl[0] : undefined; + const slideEl = gesture.$slideEl ? gesture.$slideEl[0] : undefined; + emit("zoomChange", value, imageEl, slideEl); + } + + scale = value; + }, + }); + + function getDistanceBetweenTouches(e) { + if (e.targetTouches.length < 2) return 1; + const x1 = e.targetTouches[0].pageX; + const y1 = e.targetTouches[0].pageY; + const x2 = e.targetTouches[1].pageX; + const y2 = e.targetTouches[1].pageY; + const distance = Math.sqrt((x2 - x1) ** 2 + (y2 - y1) ** 2); + return distance; + } // Events + + function onGestureStart(e) { + const support = swiper.support; + const params = swiper.params.zoom; + fakeGestureTouched = false; + fakeGestureMoved = false; + + if (!support.gestures) { + if ( + e.type !== "touchstart" || + (e.type === "touchstart" && e.targetTouches.length < 2) + ) { + return; + } + + fakeGestureTouched = true; + gesture.scaleStart = getDistanceBetweenTouches(e); + } + + if (!gesture.$slideEl || !gesture.$slideEl.length) { + gesture.$slideEl = $(e.target).closest(`.${swiper.params.slideClass}`); + if (gesture.$slideEl.length === 0) + gesture.$slideEl = swiper.slides.eq(swiper.activeIndex); + gesture.$imageEl = gesture.$slideEl + .find(`.${params.containerClass}`) + .eq(0) + .find("picture, img, svg, canvas, .swiper-zoom-target") + .eq(0); + gesture.$imageWrapEl = gesture.$imageEl.parent( + `.${params.containerClass}`, + ); + gesture.maxRatio = + gesture.$imageWrapEl.attr("data-swiper-zoom") || params.maxRatio; + + if (gesture.$imageWrapEl.length === 0) { + gesture.$imageEl = undefined; + return; + } + } + + if (gesture.$imageEl) { + gesture.$imageEl.transition(0); + } + + isScaling = true; + } + + function onGestureChange(e) { + const support = swiper.support; + const params = swiper.params.zoom; + const zoom = swiper.zoom; + + if (!support.gestures) { + if ( + e.type !== "touchmove" || + (e.type === "touchmove" && e.targetTouches.length < 2) + ) { + return; + } + + fakeGestureMoved = true; + gesture.scaleMove = getDistanceBetweenTouches(e); + } + + if (!gesture.$imageEl || gesture.$imageEl.length === 0) { + if (e.type === "gesturechange") onGestureStart(e); + return; + } + + if (support.gestures) { + zoom.scale = e.scale * currentScale; + } else { + zoom.scale = (gesture.scaleMove / gesture.scaleStart) * currentScale; + } + + if (zoom.scale > gesture.maxRatio) { + zoom.scale = + gesture.maxRatio - 1 + (zoom.scale - gesture.maxRatio + 1) ** 0.5; + } + + if (zoom.scale < params.minRatio) { + zoom.scale = + params.minRatio + 1 - (params.minRatio - zoom.scale + 1) ** 0.5; + } + + gesture.$imageEl.transform(`translate3d(0,0,0) scale(${zoom.scale})`); + } + + function onGestureEnd(e) { + const device = swiper.device; + const support = swiper.support; + const params = swiper.params.zoom; + const zoom = swiper.zoom; + + if (!support.gestures) { + if (!fakeGestureTouched || !fakeGestureMoved) { + return; + } + + if ( + e.type !== "touchend" || + (e.type === "touchend" && + e.changedTouches.length < 2 && + !device.android) + ) { + return; + } + + fakeGestureTouched = false; + fakeGestureMoved = false; + } + + if (!gesture.$imageEl || gesture.$imageEl.length === 0) return; + zoom.scale = Math.max( + Math.min(zoom.scale, gesture.maxRatio), + params.minRatio, + ); + gesture.$imageEl + .transition(swiper.params.speed) + .transform(`translate3d(0,0,0) scale(${zoom.scale})`); + currentScale = zoom.scale; + isScaling = false; + if (zoom.scale === 1) gesture.$slideEl = undefined; + } + + function onTouchStart(e) { + const device = swiper.device; + if (!gesture.$imageEl || gesture.$imageEl.length === 0) return; + if (image.isTouched) return; + if (device.android && e.cancelable) e.preventDefault(); + image.isTouched = true; + image.touchesStart.x = + e.type === "touchstart" ? e.targetTouches[0].pageX : e.pageX; + image.touchesStart.y = + e.type === "touchstart" ? e.targetTouches[0].pageY : e.pageY; + } + + function onTouchMove(e) { + const zoom = swiper.zoom; + if (!gesture.$imageEl || gesture.$imageEl.length === 0) return; + swiper.allowClick = false; + if (!image.isTouched || !gesture.$slideEl) return; + + if (!image.isMoved) { + image.width = gesture.$imageEl[0].offsetWidth; + image.height = gesture.$imageEl[0].offsetHeight; + image.startX = getTranslate(gesture.$imageWrapEl[0], "x") || 0; + image.startY = getTranslate(gesture.$imageWrapEl[0], "y") || 0; + gesture.slideWidth = gesture.$slideEl[0].offsetWidth; + gesture.slideHeight = gesture.$slideEl[0].offsetHeight; + gesture.$imageWrapEl.transition(0); + } // Define if we need image drag + + const scaledWidth = image.width * zoom.scale; + const scaledHeight = image.height * zoom.scale; + if ( + scaledWidth < gesture.slideWidth && + scaledHeight < gesture.slideHeight + ) + return; + image.minX = Math.min(gesture.slideWidth / 2 - scaledWidth / 2, 0); + image.maxX = -image.minX; + image.minY = Math.min(gesture.slideHeight / 2 - scaledHeight / 2, 0); + image.maxY = -image.minY; + image.touchesCurrent.x = + e.type === "touchmove" ? e.targetTouches[0].pageX : e.pageX; + image.touchesCurrent.y = + e.type === "touchmove" ? e.targetTouches[0].pageY : e.pageY; + + if (!image.isMoved && !isScaling) { + if ( + swiper.isHorizontal() && + ((Math.floor(image.minX) === Math.floor(image.startX) && + image.touchesCurrent.x < image.touchesStart.x) || + (Math.floor(image.maxX) === Math.floor(image.startX) && + image.touchesCurrent.x > image.touchesStart.x)) + ) { + image.isTouched = false; + return; + } + + if ( + !swiper.isHorizontal() && + ((Math.floor(image.minY) === Math.floor(image.startY) && + image.touchesCurrent.y < image.touchesStart.y) || + (Math.floor(image.maxY) === Math.floor(image.startY) && + image.touchesCurrent.y > image.touchesStart.y)) + ) { + image.isTouched = false; + return; + } + } + + if (e.cancelable) { + e.preventDefault(); + } + + e.stopPropagation(); + image.isMoved = true; + image.currentX = + image.touchesCurrent.x - image.touchesStart.x + image.startX; + image.currentY = + image.touchesCurrent.y - image.touchesStart.y + image.startY; + + if (image.currentX < image.minX) { + image.currentX = + image.minX + 1 - (image.minX - image.currentX + 1) ** 0.8; + } + + if (image.currentX > image.maxX) { + image.currentX = + image.maxX - 1 + (image.currentX - image.maxX + 1) ** 0.8; + } + + if (image.currentY < image.minY) { + image.currentY = + image.minY + 1 - (image.minY - image.currentY + 1) ** 0.8; + } + + if (image.currentY > image.maxY) { + image.currentY = + image.maxY - 1 + (image.currentY - image.maxY + 1) ** 0.8; + } // Velocity + + if (!velocity.prevPositionX) + velocity.prevPositionX = image.touchesCurrent.x; + if (!velocity.prevPositionY) + velocity.prevPositionY = image.touchesCurrent.y; + if (!velocity.prevTime) velocity.prevTime = Date.now(); + velocity.x = + (image.touchesCurrent.x - velocity.prevPositionX) / + (Date.now() - velocity.prevTime) / + 2; + velocity.y = + (image.touchesCurrent.y - velocity.prevPositionY) / + (Date.now() - velocity.prevTime) / + 2; + if (Math.abs(image.touchesCurrent.x - velocity.prevPositionX) < 2) + velocity.x = 0; + if (Math.abs(image.touchesCurrent.y - velocity.prevPositionY) < 2) + velocity.y = 0; + velocity.prevPositionX = image.touchesCurrent.x; + velocity.prevPositionY = image.touchesCurrent.y; + velocity.prevTime = Date.now(); + gesture.$imageWrapEl.transform( + `translate3d(${image.currentX}px, ${image.currentY}px,0)`, + ); + } + + function onTouchEnd() { + const zoom = swiper.zoom; + if (!gesture.$imageEl || gesture.$imageEl.length === 0) return; + + if (!image.isTouched || !image.isMoved) { + image.isTouched = false; + image.isMoved = false; + return; + } + + image.isTouched = false; + image.isMoved = false; + let momentumDurationX = 300; + let momentumDurationY = 300; + const momentumDistanceX = velocity.x * momentumDurationX; + const newPositionX = image.currentX + momentumDistanceX; + const momentumDistanceY = velocity.y * momentumDurationY; + const newPositionY = image.currentY + momentumDistanceY; // Fix duration + + if (velocity.x !== 0) + momentumDurationX = Math.abs( + (newPositionX - image.currentX) / velocity.x, + ); + if (velocity.y !== 0) + momentumDurationY = Math.abs( + (newPositionY - image.currentY) / velocity.y, + ); + const momentumDuration = Math.max(momentumDurationX, momentumDurationY); + image.currentX = newPositionX; + image.currentY = newPositionY; // Define if we need image drag + + const scaledWidth = image.width * zoom.scale; + const scaledHeight = image.height * zoom.scale; + image.minX = Math.min(gesture.slideWidth / 2 - scaledWidth / 2, 0); + image.maxX = -image.minX; + image.minY = Math.min(gesture.slideHeight / 2 - scaledHeight / 2, 0); + image.maxY = -image.minY; + image.currentX = Math.max( + Math.min(image.currentX, image.maxX), + image.minX, + ); + image.currentY = Math.max( + Math.min(image.currentY, image.maxY), + image.minY, + ); + gesture.$imageWrapEl + .transition(momentumDuration) + .transform(`translate3d(${image.currentX}px, ${image.currentY}px,0)`); + } + + function onTransitionEnd() { + const zoom = swiper.zoom; + + if (gesture.$slideEl && swiper.previousIndex !== swiper.activeIndex) { + if (gesture.$imageEl) { + gesture.$imageEl.transform("translate3d(0,0,0) scale(1)"); + } + + if (gesture.$imageWrapEl) { + gesture.$imageWrapEl.transform("translate3d(0,0,0)"); + } + + zoom.scale = 1; + currentScale = 1; + gesture.$slideEl = undefined; + gesture.$imageEl = undefined; + gesture.$imageWrapEl = undefined; + } + } + + function zoomIn(e) { + const zoom = swiper.zoom; + const params = swiper.params.zoom; + + if (!gesture.$slideEl) { + if (e && e.target) { + gesture.$slideEl = $(e.target).closest( + `.${swiper.params.slideClass}`, + ); + } + + if (!gesture.$slideEl) { + if ( + swiper.params.virtual && + swiper.params.virtual.enabled && + swiper.virtual + ) { + gesture.$slideEl = swiper.$wrapperEl.children( + `.${swiper.params.slideActiveClass}`, + ); + } else { + gesture.$slideEl = swiper.slides.eq(swiper.activeIndex); + } + } + + gesture.$imageEl = gesture.$slideEl + .find(`.${params.containerClass}`) + .eq(0) + .find("picture, img, svg, canvas, .swiper-zoom-target") + .eq(0); + gesture.$imageWrapEl = gesture.$imageEl.parent( + `.${params.containerClass}`, + ); + } + + if ( + !gesture.$imageEl || + gesture.$imageEl.length === 0 || + !gesture.$imageWrapEl || + gesture.$imageWrapEl.length === 0 + ) + return; + + if (swiper.params.cssMode) { + swiper.wrapperEl.style.overflow = "hidden"; + swiper.wrapperEl.style.touchAction = "none"; + } + + gesture.$slideEl.addClass(`${params.zoomedSlideClass}`); + let touchX; + let touchY; + let offsetX; + let offsetY; + let diffX; + let diffY; + let translateX; + let translateY; + let imageWidth; + let imageHeight; + let scaledWidth; + let scaledHeight; + let translateMinX; + let translateMinY; + let translateMaxX; + let translateMaxY; + let slideWidth; + let slideHeight; + + if (typeof image.touchesStart.x === "undefined" && e) { + touchX = e.type === "touchend" ? e.changedTouches[0].pageX : e.pageX; + touchY = e.type === "touchend" ? e.changedTouches[0].pageY : e.pageY; + } else { + touchX = image.touchesStart.x; + touchY = image.touchesStart.y; + } + + zoom.scale = + gesture.$imageWrapEl.attr("data-swiper-zoom") || params.maxRatio; + currentScale = + gesture.$imageWrapEl.attr("data-swiper-zoom") || params.maxRatio; + + if (e) { + slideWidth = gesture.$slideEl[0].offsetWidth; + slideHeight = gesture.$slideEl[0].offsetHeight; + offsetX = gesture.$slideEl.offset().left + window.scrollX; + offsetY = gesture.$slideEl.offset().top + window.scrollY; + diffX = offsetX + slideWidth / 2 - touchX; + diffY = offsetY + slideHeight / 2 - touchY; + imageWidth = gesture.$imageEl[0].offsetWidth; + imageHeight = gesture.$imageEl[0].offsetHeight; + scaledWidth = imageWidth * zoom.scale; + scaledHeight = imageHeight * zoom.scale; + translateMinX = Math.min(slideWidth / 2 - scaledWidth / 2, 0); + translateMinY = Math.min(slideHeight / 2 - scaledHeight / 2, 0); + translateMaxX = -translateMinX; + translateMaxY = -translateMinY; + translateX = diffX * zoom.scale; + translateY = diffY * zoom.scale; + + if (translateX < translateMinX) { + translateX = translateMinX; + } + + if (translateX > translateMaxX) { + translateX = translateMaxX; + } + + if (translateY < translateMinY) { + translateY = translateMinY; + } + + if (translateY > translateMaxY) { + translateY = translateMaxY; + } + } else { + translateX = 0; + translateY = 0; + } + + gesture.$imageWrapEl + .transition(300) + .transform(`translate3d(${translateX}px, ${translateY}px,0)`); + gesture.$imageEl + .transition(300) + .transform(`translate3d(0,0,0) scale(${zoom.scale})`); + } + + function zoomOut() { + const zoom = swiper.zoom; + const params = swiper.params.zoom; + + if (!gesture.$slideEl) { + if ( + swiper.params.virtual && + swiper.params.virtual.enabled && + swiper.virtual + ) { + gesture.$slideEl = swiper.$wrapperEl.children( + `.${swiper.params.slideActiveClass}`, + ); + } else { + gesture.$slideEl = swiper.slides.eq(swiper.activeIndex); + } + + gesture.$imageEl = gesture.$slideEl + .find(`.${params.containerClass}`) + .eq(0) + .find("picture, img, svg, canvas, .swiper-zoom-target") + .eq(0); + gesture.$imageWrapEl = gesture.$imageEl.parent( + `.${params.containerClass}`, + ); + } + + if ( + !gesture.$imageEl || + gesture.$imageEl.length === 0 || + !gesture.$imageWrapEl || + gesture.$imageWrapEl.length === 0 + ) + return; + + if (swiper.params.cssMode) { + swiper.wrapperEl.style.overflow = ""; + swiper.wrapperEl.style.touchAction = ""; + } + + zoom.scale = 1; + currentScale = 1; + gesture.$imageWrapEl.transition(300).transform("translate3d(0,0,0)"); + gesture.$imageEl.transition(300).transform("translate3d(0,0,0) scale(1)"); + gesture.$slideEl.removeClass(`${params.zoomedSlideClass}`); + gesture.$slideEl = undefined; + } // Toggle Zoom + + function zoomToggle(e) { + const zoom = swiper.zoom; + + if (zoom.scale && zoom.scale !== 1) { + // Zoom Out + zoomOut(); + } else { + // Zoom In + zoomIn(e); + } + } + + function getListeners() { + const support = swiper.support; + const passiveListener = + swiper.touchEvents.start === "touchstart" && + support.passiveListener && + swiper.params.passiveListeners + ? { + passive: true, + capture: false, + } + : false; + const activeListenerWithCapture = support.passiveListener + ? { + passive: false, + capture: true, + } + : true; + return { + passiveListener, + activeListenerWithCapture, + }; + } + + function getSlideSelector() { + return `.${swiper.params.slideClass}`; + } + + function toggleGestures(method) { + const { passiveListener } = getListeners(); + const slideSelector = getSlideSelector(); + swiper.$wrapperEl[method]( + "gesturestart", + slideSelector, + onGestureStart, + passiveListener, + ); + swiper.$wrapperEl[method]( + "gesturechange", + slideSelector, + onGestureChange, + passiveListener, + ); + swiper.$wrapperEl[method]( + "gestureend", + slideSelector, + onGestureEnd, + passiveListener, + ); + } + + function enableGestures() { + if (gesturesEnabled) return; + gesturesEnabled = true; + toggleGestures("on"); + } + + function disableGestures() { + if (!gesturesEnabled) return; + gesturesEnabled = false; + toggleGestures("off"); + } // Attach/Detach Events + + function enable() { + const zoom = swiper.zoom; + if (zoom.enabled) return; + zoom.enabled = true; + const support = swiper.support; + const { passiveListener, activeListenerWithCapture } = getListeners(); + const slideSelector = getSlideSelector(); // Scale image + + if (support.gestures) { + swiper.$wrapperEl.on( + swiper.touchEvents.start, + enableGestures, + passiveListener, + ); + swiper.$wrapperEl.on( + swiper.touchEvents.end, + disableGestures, + passiveListener, + ); + } else if (swiper.touchEvents.start === "touchstart") { + swiper.$wrapperEl.on( + swiper.touchEvents.start, + slideSelector, + onGestureStart, + passiveListener, + ); + swiper.$wrapperEl.on( + swiper.touchEvents.move, + slideSelector, + onGestureChange, + activeListenerWithCapture, + ); + swiper.$wrapperEl.on( + swiper.touchEvents.end, + slideSelector, + onGestureEnd, + passiveListener, + ); + + if (swiper.touchEvents.cancel) { + swiper.$wrapperEl.on( + swiper.touchEvents.cancel, + slideSelector, + onGestureEnd, + passiveListener, + ); + } + } // Move image + + swiper.$wrapperEl.on( + swiper.touchEvents.move, + `.${swiper.params.zoom.containerClass}`, + onTouchMove, + activeListenerWithCapture, + ); + } + + function disable() { + const zoom = swiper.zoom; + if (!zoom.enabled) return; + const support = swiper.support; + zoom.enabled = false; + const { passiveListener, activeListenerWithCapture } = getListeners(); + const slideSelector = getSlideSelector(); // Scale image + + if (support.gestures) { + swiper.$wrapperEl.off( + swiper.touchEvents.start, + enableGestures, + passiveListener, + ); + swiper.$wrapperEl.off( + swiper.touchEvents.end, + disableGestures, + passiveListener, + ); + } else if (swiper.touchEvents.start === "touchstart") { + swiper.$wrapperEl.off( + swiper.touchEvents.start, + slideSelector, + onGestureStart, + passiveListener, + ); + swiper.$wrapperEl.off( + swiper.touchEvents.move, + slideSelector, + onGestureChange, + activeListenerWithCapture, + ); + swiper.$wrapperEl.off( + swiper.touchEvents.end, + slideSelector, + onGestureEnd, + passiveListener, + ); + + if (swiper.touchEvents.cancel) { + swiper.$wrapperEl.off( + swiper.touchEvents.cancel, + slideSelector, + onGestureEnd, + passiveListener, + ); + } + } // Move image + + swiper.$wrapperEl.off( + swiper.touchEvents.move, + `.${swiper.params.zoom.containerClass}`, + onTouchMove, + activeListenerWithCapture, + ); + } + + on("init", () => { + if (swiper.params.zoom.enabled) { + enable(); + } + }); + on("destroy", () => { + disable(); + }); + on("touchStart", (_s, e) => { + if (!swiper.zoom.enabled) return; + onTouchStart(e); + }); + on("touchEnd", (_s, e) => { + if (!swiper.zoom.enabled) return; + onTouchEnd(); + }); + on("doubleTap", (_s, e) => { + if ( + !swiper.animating && + swiper.params.zoom.enabled && + swiper.zoom.enabled && + swiper.params.zoom.toggle + ) { + zoomToggle(e); + } + }); + on("transitionEnd", () => { + if (swiper.zoom.enabled && swiper.params.zoom.enabled) { + onTransitionEnd(); + } + }); + on("slideChange", () => { + if ( + swiper.zoom.enabled && + swiper.params.zoom.enabled && + swiper.params.cssMode + ) { + onTransitionEnd(); + } + }); + Object.assign(swiper.zoom, { + enable, + disable, + in: zoomIn, + out: zoomOut, + toggle: zoomToggle, + }); + } + + function Lazy(_ref) { + let { swiper, extendParams, on, emit } = _ref; + extendParams({ + lazy: { + checkInView: false, + enabled: false, + loadPrevNext: false, + loadPrevNextAmount: 1, + loadOnTransitionStart: false, + scrollingElement: "", + elementClass: "swiper-lazy", + loadingClass: "swiper-lazy-loading", + loadedClass: "swiper-lazy-loaded", + preloaderClass: "swiper-lazy-preloader", + }, + }); + swiper.lazy = {}; + let scrollHandlerAttached = false; + let initialImageLoaded = false; + + function loadInSlide(index, loadInDuplicate) { + if (loadInDuplicate === void 0) { + loadInDuplicate = true; + } + + const params = swiper.params.lazy; + if (typeof index === "undefined") return; + if (swiper.slides.length === 0) return; + const isVirtual = swiper.virtual && swiper.params.virtual.enabled; + const $slideEl = isVirtual + ? swiper.$wrapperEl.children( + `.${swiper.params.slideClass}[data-swiper-slide-index="${index}"]`, + ) + : swiper.slides.eq(index); + const $images = $slideEl.find( + `.${params.elementClass}:not(.${params.loadedClass}):not(.${params.loadingClass})`, + ); + + if ( + $slideEl.hasClass(params.elementClass) && + !$slideEl.hasClass(params.loadedClass) && + !$slideEl.hasClass(params.loadingClass) + ) { + $images.push($slideEl[0]); + } + + if ($images.length === 0) return; + $images.each((imageEl) => { + const $imageEl = $(imageEl); + $imageEl.addClass(params.loadingClass); + const background = $imageEl.attr("data-background"); + const src = $imageEl.attr("data-src"); + const srcset = $imageEl.attr("data-srcset"); + const sizes = $imageEl.attr("data-sizes"); + const $pictureEl = $imageEl.parent("picture"); + swiper.loadImage( + $imageEl[0], + src || background, + srcset, + sizes, + false, + () => { + if ( + typeof swiper === "undefined" || + swiper === null || + !swiper || + (swiper && !swiper.params) || + swiper.destroyed + ) + return; + + if (background) { + $imageEl.css("background-image", `url("${background}")`); + $imageEl.removeAttr("data-background"); + } else { + if (srcset) { + $imageEl.attr("srcset", srcset); + $imageEl.removeAttr("data-srcset"); + } + + if (sizes) { + $imageEl.attr("sizes", sizes); + $imageEl.removeAttr("data-sizes"); + } + + if ($pictureEl.length) { + $pictureEl.children("source").each((sourceEl) => { + const $source = $(sourceEl); + + if ($source.attr("data-srcset")) { + $source.attr("srcset", $source.attr("data-srcset")); + $source.removeAttr("data-srcset"); + } + }); + } + + if (src) { + $imageEl.attr("src", src); + $imageEl.removeAttr("data-src"); + } + } + + $imageEl + .addClass(params.loadedClass) + .removeClass(params.loadingClass); + $slideEl.find(`.${params.preloaderClass}`).remove(); + + if (swiper.params.loop && loadInDuplicate) { + const slideOriginalIndex = $slideEl.attr( + "data-swiper-slide-index", + ); + + if ($slideEl.hasClass(swiper.params.slideDuplicateClass)) { + const originalSlide = swiper.$wrapperEl.children( + `[data-swiper-slide-index="${slideOriginalIndex}"]:not(.${swiper.params.slideDuplicateClass})`, + ); + loadInSlide(originalSlide.index(), false); + } else { + const duplicatedSlide = swiper.$wrapperEl.children( + `.${swiper.params.slideDuplicateClass}[data-swiper-slide-index="${slideOriginalIndex}"]`, + ); + loadInSlide(duplicatedSlide.index(), false); + } + } + + emit("lazyImageReady", $slideEl[0], $imageEl[0]); + + if (swiper.params.autoHeight) { + swiper.updateAutoHeight(); + } + }, + ); + emit("lazyImageLoad", $slideEl[0], $imageEl[0]); + }); + } + + function load() { + const { $wrapperEl, params: swiperParams, slides, activeIndex } = swiper; + const isVirtual = swiper.virtual && swiperParams.virtual.enabled; + const params = swiperParams.lazy; + let slidesPerView = swiperParams.slidesPerView; + + if (slidesPerView === "auto") { + slidesPerView = 0; + } + + function slideExist(index) { + if (isVirtual) { + if ( + $wrapperEl.children( + `.${swiperParams.slideClass}[data-swiper-slide-index="${index}"]`, + ).length + ) { + return true; + } + } else if (slides[index]) return true; + + return false; + } + + function slideIndex(slideEl) { + if (isVirtual) { + return $(slideEl).attr("data-swiper-slide-index"); + } + + return $(slideEl).index(); + } + + if (!initialImageLoaded) initialImageLoaded = true; + + if (swiper.params.watchSlidesProgress) { + $wrapperEl + .children(`.${swiperParams.slideVisibleClass}`) + .each((slideEl) => { + const index = isVirtual + ? $(slideEl).attr("data-swiper-slide-index") + : $(slideEl).index(); + loadInSlide(index); + }); + } else if (slidesPerView > 1) { + for (let i = activeIndex; i < activeIndex + slidesPerView; i += 1) { + if (slideExist(i)) loadInSlide(i); + } + } else { + loadInSlide(activeIndex); + } + + if (params.loadPrevNext) { + if ( + slidesPerView > 1 || + (params.loadPrevNextAmount && params.loadPrevNextAmount > 1) + ) { + const amount = params.loadPrevNextAmount; + const spv = slidesPerView; + const maxIndex = Math.min( + activeIndex + spv + Math.max(amount, spv), + slides.length, + ); + const minIndex = Math.max(activeIndex - Math.max(spv, amount), 0); // Next Slides + + for (let i = activeIndex + slidesPerView; i < maxIndex; i += 1) { + if (slideExist(i)) loadInSlide(i); + } // Prev Slides + + for (let i = minIndex; i < activeIndex; i += 1) { + if (slideExist(i)) loadInSlide(i); + } + } else { + const nextSlide = $wrapperEl.children( + `.${swiperParams.slideNextClass}`, + ); + if (nextSlide.length > 0) loadInSlide(slideIndex(nextSlide)); + const prevSlide = $wrapperEl.children( + `.${swiperParams.slidePrevClass}`, + ); + if (prevSlide.length > 0) loadInSlide(slideIndex(prevSlide)); + } + } + } + + function checkInViewOnLoad() { + const window = getWindow(); + if (!swiper || swiper.destroyed) return; + const $scrollElement = swiper.params.lazy.scrollingElement + ? $(swiper.params.lazy.scrollingElement) + : $(window); + const isWindow = $scrollElement[0] === window; + const scrollElementWidth = isWindow + ? window.innerWidth + : $scrollElement[0].offsetWidth; + const scrollElementHeight = isWindow + ? window.innerHeight + : $scrollElement[0].offsetHeight; + const swiperOffset = swiper.$el.offset(); + const { rtlTranslate: rtl } = swiper; + let inView = false; + if (rtl) swiperOffset.left -= swiper.$el[0].scrollLeft; + const swiperCoord = [ + [swiperOffset.left, swiperOffset.top], + [swiperOffset.left + swiper.width, swiperOffset.top], + [swiperOffset.left, swiperOffset.top + swiper.height], + [swiperOffset.left + swiper.width, swiperOffset.top + swiper.height], + ]; + + for (let i = 0; i < swiperCoord.length; i += 1) { + const point = swiperCoord[i]; + + if ( + point[0] >= 0 && + point[0] <= scrollElementWidth && + point[1] >= 0 && + point[1] <= scrollElementHeight + ) { + if (point[0] === 0 && point[1] === 0) continue; // eslint-disable-line + + inView = true; + } + } + + const passiveListener = + swiper.touchEvents.start === "touchstart" && + swiper.support.passiveListener && + swiper.params.passiveListeners + ? { + passive: true, + capture: false, + } + : false; + + if (inView) { + load(); + $scrollElement.off("scroll", checkInViewOnLoad, passiveListener); + } else if (!scrollHandlerAttached) { + scrollHandlerAttached = true; + $scrollElement.on("scroll", checkInViewOnLoad, passiveListener); + } + } + + on("beforeInit", () => { + if (swiper.params.lazy.enabled && swiper.params.preloadImages) { + swiper.params.preloadImages = false; + } + }); + on("init", () => { + if (swiper.params.lazy.enabled) { + if (swiper.params.lazy.checkInView) { + checkInViewOnLoad(); + } else { + load(); + } + } + }); + on("scroll", () => { + if ( + swiper.params.freeMode && + swiper.params.freeMode.enabled && + !swiper.params.freeMode.sticky + ) { + load(); + } + }); + on("scrollbarDragMove resize _freeModeNoMomentumRelease", () => { + if (swiper.params.lazy.enabled) { + if (swiper.params.lazy.checkInView) { + checkInViewOnLoad(); + } else { + load(); + } + } + }); + on("transitionStart", () => { + if (swiper.params.lazy.enabled) { + if ( + swiper.params.lazy.loadOnTransitionStart || + (!swiper.params.lazy.loadOnTransitionStart && !initialImageLoaded) + ) { + if (swiper.params.lazy.checkInView) { + checkInViewOnLoad(); + } else { + load(); + } + } + } + }); + on("transitionEnd", () => { + if ( + swiper.params.lazy.enabled && + !swiper.params.lazy.loadOnTransitionStart + ) { + if (swiper.params.lazy.checkInView) { + checkInViewOnLoad(); + } else { + load(); + } + } + }); + on("slideChange", () => { + const { + lazy, + cssMode, + watchSlidesProgress, + touchReleaseOnEdges, + resistanceRatio, + } = swiper.params; + + if ( + lazy.enabled && + (cssMode || + (watchSlidesProgress && + (touchReleaseOnEdges || resistanceRatio === 0))) + ) { + load(); + } + }); + Object.assign(swiper.lazy, { + load, + loadInSlide, + }); + } + + /* eslint no-bitwise: ["error", { "allow": [">>"] }] */ + function Controller(_ref) { + let { swiper, extendParams, on } = _ref; + extendParams({ + controller: { + control: undefined, + inverse: false, + by: "slide", // or 'container' + }, + }); + swiper.controller = { + control: undefined, + }; + + function LinearSpline(x, y) { + const binarySearch = (function search() { + let maxIndex; + let minIndex; + let guess; + return (array, val) => { + minIndex = -1; + maxIndex = array.length; + + while (maxIndex - minIndex > 1) { + guess = (maxIndex + minIndex) >> 1; + + if (array[guess] <= val) { + minIndex = guess; + } else { + maxIndex = guess; + } + } + + return maxIndex; + }; + })(); + + this.x = x; + this.y = y; + this.lastIndex = x.length - 1; // Given an x value (x2), return the expected y2 value: + // (x1,y1) is the known point before given value, + // (x3,y3) is the known point after given value. + + let i1; + let i3; + + this.interpolate = function interpolate(x2) { + if (!x2) return 0; // Get the indexes of x1 and x3 (the array indexes before and after given x2): + + i3 = binarySearch(this.x, x2); + i1 = i3 - 1; // We have our indexes i1 & i3, so we can calculate already: + // y2 := ((x2−x1) × (y3−y1)) ÷ (x3−x1) + y1 + + return ( + ((x2 - this.x[i1]) * (this.y[i3] - this.y[i1])) / + (this.x[i3] - this.x[i1]) + + this.y[i1] + ); + }; + + return this; + } // xxx: for now i will just save one spline function to to + + function getInterpolateFunction(c) { + if (!swiper.controller.spline) { + swiper.controller.spline = swiper.params.loop + ? new LinearSpline(swiper.slidesGrid, c.slidesGrid) + : new LinearSpline(swiper.snapGrid, c.snapGrid); + } + } + + function setTranslate(_t, byController) { + const controlled = swiper.controller.control; + let multiplier; + let controlledTranslate; + const Swiper = swiper.constructor; + + function setControlledTranslate(c) { + // this will create an Interpolate function based on the snapGrids + // x is the Grid of the scrolled scroller and y will be the controlled scroller + // it makes sense to create this only once and recall it for the interpolation + // the function does a lot of value caching for performance + const translate = swiper.rtlTranslate + ? -swiper.translate + : swiper.translate; + + if (swiper.params.controller.by === "slide") { + getInterpolateFunction(c); // i am not sure why the values have to be multiplicated this way, tried to invert the snapGrid + // but it did not work out + + controlledTranslate = -swiper.controller.spline.interpolate( + -translate, + ); + } + + if ( + !controlledTranslate || + swiper.params.controller.by === "container" + ) { + multiplier = + (c.maxTranslate() - c.minTranslate()) / + (swiper.maxTranslate() - swiper.minTranslate()); + controlledTranslate = + (translate - swiper.minTranslate()) * multiplier + c.minTranslate(); + } + + if (swiper.params.controller.inverse) { + controlledTranslate = c.maxTranslate() - controlledTranslate; + } + + c.updateProgress(controlledTranslate); + c.setTranslate(controlledTranslate, swiper); + c.updateActiveIndex(); + c.updateSlidesClasses(); + } + + if (Array.isArray(controlled)) { + for (let i = 0; i < controlled.length; i += 1) { + if ( + controlled[i] !== byController && + controlled[i] instanceof Swiper + ) { + setControlledTranslate(controlled[i]); + } + } + } else if (controlled instanceof Swiper && byController !== controlled) { + setControlledTranslate(controlled); + } + } + + function setTransition(duration, byController) { + const Swiper = swiper.constructor; + const controlled = swiper.controller.control; + let i; + + function setControlledTransition(c) { + c.setTransition(duration, swiper); + + if (duration !== 0) { + c.transitionStart(); + + if (c.params.autoHeight) { + nextTick(() => { + c.updateAutoHeight(); + }); + } + + c.$wrapperEl.transitionEnd(() => { + if (!controlled) return; + + if (c.params.loop && swiper.params.controller.by === "slide") { + c.loopFix(); + } + + c.transitionEnd(); + }); + } + } + + if (Array.isArray(controlled)) { + for (i = 0; i < controlled.length; i += 1) { + if ( + controlled[i] !== byController && + controlled[i] instanceof Swiper + ) { + setControlledTransition(controlled[i]); + } + } + } else if (controlled instanceof Swiper && byController !== controlled) { + setControlledTransition(controlled); + } + } + + function removeSpline() { + if (!swiper.controller.control) return; + + if (swiper.controller.spline) { + swiper.controller.spline = undefined; + delete swiper.controller.spline; + } + } + + on("beforeInit", () => { + swiper.controller.control = swiper.params.controller.control; + }); + on("update", () => { + removeSpline(); + }); + on("resize", () => { + removeSpline(); + }); + on("observerUpdate", () => { + removeSpline(); + }); + on("setTranslate", (_s, translate, byController) => { + if (!swiper.controller.control) return; + swiper.controller.setTranslate(translate, byController); + }); + on("setTransition", (_s, duration, byController) => { + if (!swiper.controller.control) return; + swiper.controller.setTransition(duration, byController); + }); + Object.assign(swiper.controller, { + setTranslate, + setTransition, + }); + } + + function A11y(_ref) { + let { swiper, extendParams, on } = _ref; + extendParams({ + a11y: { + enabled: true, + notificationClass: "swiper-notification", + prevSlideMessage: "Previous slide", + nextSlideMessage: "Next slide", + firstSlideMessage: "This is the first slide", + lastSlideMessage: "This is the last slide", + paginationBulletMessage: "Go to slide {{index}}", + slideLabelMessage: "{{index}} / {{slidesLength}}", + containerMessage: null, + containerRoleDescriptionMessage: null, + itemRoleDescriptionMessage: null, + slideRole: "group", + }, + }); + let liveRegion = null; + + function notify(message) { + const notification = liveRegion; + if (notification.length === 0) return; + notification.html(""); + notification.html(message); + } + + function getRandomNumber(size) { + if (size === void 0) { + size = 16; + } + + const randomChar = () => Math.round(16 * Math.random()).toString(16); + + return "x".repeat(size).replace(/x/g, randomChar); + } + + function makeElFocusable($el) { + $el.attr("tabIndex", "0"); + } + + function makeElNotFocusable($el) { + $el.attr("tabIndex", "-1"); + } + + function addElRole($el, role) { + $el.attr("role", role); + } + + function addElRoleDescription($el, description) { + $el.attr("aria-roledescription", description); + } + + function addElControls($el, controls) { + $el.attr("aria-controls", controls); + } + + function addElLabel($el, label) { + $el.attr("aria-label", label); + } + + function addElId($el, id) { + $el.attr("id", id); + } + + function addElLive($el, live) { + $el.attr("aria-live", live); + } + + function disableEl($el) { + $el.attr("aria-disabled", true); + } + + function enableEl($el) { + $el.attr("aria-disabled", false); + } + + function onEnterOrSpaceKey(e) { + if (e.keyCode !== 13 && e.keyCode !== 32) return; + const params = swiper.params.a11y; + const $targetEl = $(e.target); + + if ( + swiper.navigation && + swiper.navigation.$nextEl && + $targetEl.is(swiper.navigation.$nextEl) + ) { + if (!(swiper.isEnd && !swiper.params.loop)) { + swiper.slideNext(); + } + + if (swiper.isEnd) { + notify(params.lastSlideMessage); + } else { + notify(params.nextSlideMessage); + } + } + + if ( + swiper.navigation && + swiper.navigation.$prevEl && + $targetEl.is(swiper.navigation.$prevEl) + ) { + if (!(swiper.isBeginning && !swiper.params.loop)) { + swiper.slidePrev(); + } + + if (swiper.isBeginning) { + notify(params.firstSlideMessage); + } else { + notify(params.prevSlideMessage); + } + } + + if ( + swiper.pagination && + $targetEl.is(classesToSelector(swiper.params.pagination.bulletClass)) + ) { + $targetEl[0].click(); + } + } + + function updateNavigation() { + if (swiper.params.loop || swiper.params.rewind || !swiper.navigation) + return; + const { $nextEl, $prevEl } = swiper.navigation; + + if ($prevEl && $prevEl.length > 0) { + if (swiper.isBeginning) { + disableEl($prevEl); + makeElNotFocusable($prevEl); + } else { + enableEl($prevEl); + makeElFocusable($prevEl); + } + } + + if ($nextEl && $nextEl.length > 0) { + if (swiper.isEnd) { + disableEl($nextEl); + makeElNotFocusable($nextEl); + } else { + enableEl($nextEl); + makeElFocusable($nextEl); + } + } + } + + function hasPagination() { + return ( + swiper.pagination && + swiper.pagination.bullets && + swiper.pagination.bullets.length + ); + } + + function hasClickablePagination() { + return hasPagination() && swiper.params.pagination.clickable; + } + + function updatePagination() { + const params = swiper.params.a11y; + if (!hasPagination()) return; + swiper.pagination.bullets.each((bulletEl) => { + const $bulletEl = $(bulletEl); + + if (swiper.params.pagination.clickable) { + makeElFocusable($bulletEl); + + if (!swiper.params.pagination.renderBullet) { + addElRole($bulletEl, "button"); + addElLabel( + $bulletEl, + params.paginationBulletMessage.replace( + /\{\{index\}\}/, + $bulletEl.index() + 1, + ), + ); + } + } + + if ($bulletEl.is(`.${swiper.params.pagination.bulletActiveClass}`)) { + $bulletEl.attr("aria-current", "true"); + } else { + $bulletEl.removeAttr("aria-current"); + } + }); + } + + const initNavEl = ($el, wrapperId, message) => { + makeElFocusable($el); + + if ($el[0].tagName !== "BUTTON") { + addElRole($el, "button"); + $el.on("keydown", onEnterOrSpaceKey); + } + + addElLabel($el, message); + addElControls($el, wrapperId); + }; + + const handleFocus = (e) => { + const slideEl = e.target.closest(`.${swiper.params.slideClass}`); + if (!slideEl || !swiper.slides.includes(slideEl)) return; + const isActive = swiper.slides.indexOf(slideEl) === swiper.activeIndex; + const isVisible = + swiper.params.watchSlidesProgress && + swiper.visibleSlides && + swiper.visibleSlides.includes(slideEl); + if (isActive || isVisible) return; + swiper.slideTo(swiper.slides.indexOf(slideEl), 0); + }; + + function init() { + const params = swiper.params.a11y; + swiper.$el.append(liveRegion); // Container + + const $containerEl = swiper.$el; + + if (params.containerRoleDescriptionMessage) { + addElRoleDescription( + $containerEl, + params.containerRoleDescriptionMessage, + ); + } + + if (params.containerMessage) { + addElLabel($containerEl, params.containerMessage); + } // Wrapper + + const $wrapperEl = swiper.$wrapperEl; + const wrapperId = + $wrapperEl.attr("id") || `swiper-wrapper-${getRandomNumber(16)}`; + const live = + swiper.params.autoplay && swiper.params.autoplay.enabled + ? "off" + : "polite"; + addElId($wrapperEl, wrapperId); + addElLive($wrapperEl, live); // Slide + + if (params.itemRoleDescriptionMessage) { + addElRoleDescription( + $(swiper.slides), + params.itemRoleDescriptionMessage, + ); + } + + addElRole($(swiper.slides), params.slideRole); + const slidesLength = swiper.params.loop + ? swiper.slides.filter( + (el) => !el.classList.contains(swiper.params.slideDuplicateClass), + ).length + : swiper.slides.length; + swiper.slides.each((slideEl, index) => { + const $slideEl = $(slideEl); + const slideIndex = swiper.params.loop + ? parseInt($slideEl.attr("data-swiper-slide-index"), 10) + : index; + const ariaLabelMessage = params.slideLabelMessage + .replace(/\{\{index\}\}/, slideIndex + 1) + .replace(/\{\{slidesLength\}\}/, slidesLength); + addElLabel($slideEl, ariaLabelMessage); + }); // Navigation + + let $nextEl; + let $prevEl; + + if (swiper.navigation && swiper.navigation.$nextEl) { + $nextEl = swiper.navigation.$nextEl; + } + + if (swiper.navigation && swiper.navigation.$prevEl) { + $prevEl = swiper.navigation.$prevEl; + } + + if ($nextEl && $nextEl.length) { + initNavEl($nextEl, wrapperId, params.nextSlideMessage); + } + + if ($prevEl && $prevEl.length) { + initNavEl($prevEl, wrapperId, params.prevSlideMessage); + } // Pagination + + if (hasClickablePagination()) { + swiper.pagination.$el.on( + "keydown", + classesToSelector(swiper.params.pagination.bulletClass), + onEnterOrSpaceKey, + ); + } // Tab focus + + swiper.$el.on("focus", handleFocus, true); + } + + function destroy() { + if (liveRegion && liveRegion.length > 0) liveRegion.remove(); + let $nextEl; + let $prevEl; + + if (swiper.navigation && swiper.navigation.$nextEl) { + $nextEl = swiper.navigation.$nextEl; + } + + if (swiper.navigation && swiper.navigation.$prevEl) { + $prevEl = swiper.navigation.$prevEl; + } + + if ($nextEl) { + $nextEl.off("keydown", onEnterOrSpaceKey); + } + + if ($prevEl) { + $prevEl.off("keydown", onEnterOrSpaceKey); + } // Pagination + + if (hasClickablePagination()) { + swiper.pagination.$el.off( + "keydown", + classesToSelector(swiper.params.pagination.bulletClass), + onEnterOrSpaceKey, + ); + } // Tab focus + + swiper.$el.off("focus", handleFocus, true); + } + + on("beforeInit", () => { + liveRegion = $( + ``, + ); + }); + on("afterInit", () => { + if (!swiper.params.a11y.enabled) return; + init(); + }); + on("fromEdge toEdge afterInit lock unlock", () => { + if (!swiper.params.a11y.enabled) return; + updateNavigation(); + }); + on("paginationUpdate", () => { + if (!swiper.params.a11y.enabled) return; + updatePagination(); + }); + on("destroy", () => { + if (!swiper.params.a11y.enabled) return; + destroy(); + }); + } + + function History(_ref) { + let { swiper, extendParams, on } = _ref; + extendParams({ + history: { + enabled: false, + root: "", + replaceState: false, + key: "slides", + }, + }); + let initialized = false; + let paths = {}; + + const slugify = (text) => { + return text + .toString() + .replace(/\s+/g, "-") + .replace(/[^\w-]+/g, "") + .replace(/--+/g, "-") + .replace(/^-+/, "") + .replace(/-+$/, ""); + }; + + const getPathValues = (urlOverride) => { + const window = getWindow(); + let location; + + if (urlOverride) { + location = new URL(urlOverride); + } else { + location = window.location; + } + + const pathArray = location.pathname + .slice(1) + .split("/") + .filter((part) => part !== ""); + const total = pathArray.length; + const key = pathArray[total - 2]; + const value = pathArray[total - 1]; + return { + key, + value, + }; + }; + + const setHistory = (key, index) => { + const window = getWindow(); + if (!initialized || !swiper.params.history.enabled) return; + let location; + + if (swiper.params.url) { + location = new URL(swiper.params.url); + } else { + location = window.location; + } + + const slide = swiper.slides.eq(index); + let value = slugify(slide.attr("data-history")); + + if (swiper.params.history.root.length > 0) { + let root = swiper.params.history.root; + if (root[root.length - 1] === "/") + root = root.slice(0, root.length - 1); + value = `${root}/${key}/${value}`; + } else if (!location.pathname.includes(key)) { + value = `${key}/${value}`; + } + + const currentState = window.history.state; + + if (currentState && currentState.value === value) { + return; + } + + if (swiper.params.history.replaceState) { + window.history.replaceState( + { + value, + }, + null, + value, + ); + } else { + window.history.pushState( + { + value, + }, + null, + value, + ); + } + }; + + const scrollToSlide = (speed, value, runCallbacks) => { + if (value) { + for (let i = 0, length = swiper.slides.length; i < length; i += 1) { + const slide = swiper.slides.eq(i); + const slideHistory = slugify(slide.attr("data-history")); + + if ( + slideHistory === value && + !slide.hasClass(swiper.params.slideDuplicateClass) + ) { + const index = slide.index(); + swiper.slideTo(index, speed, runCallbacks); + } + } + } else { + swiper.slideTo(0, speed, runCallbacks); + } + }; + + const setHistoryPopState = () => { + paths = getPathValues(swiper.params.url); + scrollToSlide(swiper.params.speed, swiper.paths.value, false); + }; + + const init = () => { + const window = getWindow(); + if (!swiper.params.history) return; + + if (!window.history || !window.history.pushState) { + swiper.params.history.enabled = false; + swiper.params.hashNavigation.enabled = true; + return; + } + + initialized = true; + paths = getPathValues(swiper.params.url); + if (!paths.key && !paths.value) return; + scrollToSlide(0, paths.value, swiper.params.runCallbacksOnInit); + + if (!swiper.params.history.replaceState) { + window.addEventListener("popstate", setHistoryPopState); + } + }; + + const destroy = () => { + const window = getWindow(); + + if (!swiper.params.history.replaceState) { + window.removeEventListener("popstate", setHistoryPopState); + } + }; + + on("init", () => { + if (swiper.params.history.enabled) { + init(); + } + }); + on("destroy", () => { + if (swiper.params.history.enabled) { + destroy(); + } + }); + on("transitionEnd _freeModeNoMomentumRelease", () => { + if (initialized) { + setHistory(swiper.params.history.key, swiper.activeIndex); + } + }); + on("slideChange", () => { + if (initialized && swiper.params.cssMode) { + setHistory(swiper.params.history.key, swiper.activeIndex); + } + }); + } + + function HashNavigation(_ref) { + let { swiper, extendParams, emit, on } = _ref; + let initialized = false; + const document = getDocument(); + const window = getWindow(); + extendParams({ + hashNavigation: { + enabled: false, + replaceState: false, + watchState: false, + }, + }); + + const onHashChange = () => { + emit("hashChange"); + const newHash = document.location.hash.replace("#", ""); + const activeSlideHash = swiper.slides + .eq(swiper.activeIndex) + .attr("data-hash"); + + if (newHash !== activeSlideHash) { + const newIndex = swiper.$wrapperEl + .children(`.${swiper.params.slideClass}[data-hash="${newHash}"]`) + .index(); + if (typeof newIndex === "undefined") return; + swiper.slideTo(newIndex); + } + }; + + const setHash = () => { + if (!initialized || !swiper.params.hashNavigation.enabled) return; + + if ( + swiper.params.hashNavigation.replaceState && + window.history && + window.history.replaceState + ) { + window.history.replaceState( + null, + null, + `#${swiper.slides.eq(swiper.activeIndex).attr("data-hash")}` || "", + ); + emit("hashSet"); + } else { + const slide = swiper.slides.eq(swiper.activeIndex); + const hash = slide.attr("data-hash") || slide.attr("data-history"); + document.location.hash = hash || ""; + emit("hashSet"); + } + }; + + const init = () => { + if ( + !swiper.params.hashNavigation.enabled || + (swiper.params.history && swiper.params.history.enabled) + ) + return; + initialized = true; + const hash = document.location.hash.replace("#", ""); + + if (hash) { + const speed = 0; + + for (let i = 0, length = swiper.slides.length; i < length; i += 1) { + const slide = swiper.slides.eq(i); + const slideHash = + slide.attr("data-hash") || slide.attr("data-history"); + + if ( + slideHash === hash && + !slide.hasClass(swiper.params.slideDuplicateClass) + ) { + const index = slide.index(); + swiper.slideTo( + index, + speed, + swiper.params.runCallbacksOnInit, + true, + ); + } + } + } + + if (swiper.params.hashNavigation.watchState) { + $(window).on("hashchange", onHashChange); + } + }; + + const destroy = () => { + if (swiper.params.hashNavigation.watchState) { + $(window).off("hashchange", onHashChange); + } + }; + + on("init", () => { + if (swiper.params.hashNavigation.enabled) { + init(); + } + }); + on("destroy", () => { + if (swiper.params.hashNavigation.enabled) { + destroy(); + } + }); + on("transitionEnd _freeModeNoMomentumRelease", () => { + if (initialized) { + setHash(); + } + }); + on("slideChange", () => { + if (initialized && swiper.params.cssMode) { + setHash(); + } + }); + } + + /* eslint no-underscore-dangle: "off" */ + function Autoplay(_ref) { + let { swiper, extendParams, on, emit } = _ref; + let timeout; + swiper.autoplay = { + running: false, + paused: false, + }; + extendParams({ + autoplay: { + enabled: false, + delay: 3000, + waitForTransition: true, + disableOnInteraction: true, + stopOnLastSlide: false, + reverseDirection: false, + pauseOnMouseEnter: false, + }, + }); + + function run() { + const $activeSlideEl = swiper.slides.eq(swiper.activeIndex); + let delay = swiper.params.autoplay.delay; + + if ($activeSlideEl.attr("data-swiper-autoplay")) { + delay = + $activeSlideEl.attr("data-swiper-autoplay") || + swiper.params.autoplay.delay; + } + + clearTimeout(timeout); + timeout = nextTick(() => { + let autoplayResult; + + if (swiper.params.autoplay.reverseDirection) { + if (swiper.params.loop) { + swiper.loopFix(); + autoplayResult = swiper.slidePrev(swiper.params.speed, true, true); + emit("autoplay"); + } else if (!swiper.isBeginning) { + autoplayResult = swiper.slidePrev(swiper.params.speed, true, true); + emit("autoplay"); + } else if (!swiper.params.autoplay.stopOnLastSlide) { + autoplayResult = swiper.slideTo( + swiper.slides.length - 1, + swiper.params.speed, + true, + true, + ); + emit("autoplay"); + } else { + stop(); + } + } else if (swiper.params.loop) { + swiper.loopFix(); + autoplayResult = swiper.slideNext(swiper.params.speed, true, true); + emit("autoplay"); + } else if (!swiper.isEnd) { + autoplayResult = swiper.slideNext(swiper.params.speed, true, true); + emit("autoplay"); + } else if (!swiper.params.autoplay.stopOnLastSlide) { + autoplayResult = swiper.slideTo(0, swiper.params.speed, true, true); + emit("autoplay"); + } else { + stop(); + } + + if (swiper.params.cssMode && swiper.autoplay.running) run(); + else if (autoplayResult === false) { + run(); + } + }, delay); + } + + function start() { + if (typeof timeout !== "undefined") return false; + if (swiper.autoplay.running) return false; + swiper.autoplay.running = true; + emit("autoplayStart"); + run(); + return true; + } + + function stop() { + if (!swiper.autoplay.running) return false; + if (typeof timeout === "undefined") return false; + + if (timeout) { + clearTimeout(timeout); + timeout = undefined; + } + + swiper.autoplay.running = false; + emit("autoplayStop"); + return true; + } + + function pause(speed) { + if (!swiper.autoplay.running) return; + if (swiper.autoplay.paused) return; + if (timeout) clearTimeout(timeout); + swiper.autoplay.paused = true; + + if (speed === 0 || !swiper.params.autoplay.waitForTransition) { + swiper.autoplay.paused = false; + run(); + } else { + ["transitionend", "webkitTransitionEnd"].forEach((event) => { + swiper.$wrapperEl[0].addEventListener(event, onTransitionEnd); + }); + } + } + + function onVisibilityChange() { + const document = getDocument(); + + if (document.visibilityState === "hidden" && swiper.autoplay.running) { + pause(); + } + + if (document.visibilityState === "visible" && swiper.autoplay.paused) { + run(); + swiper.autoplay.paused = false; + } + } + + function onTransitionEnd(e) { + if (!swiper || swiper.destroyed || !swiper.$wrapperEl) return; + if (e.target !== swiper.$wrapperEl[0]) return; + ["transitionend", "webkitTransitionEnd"].forEach((event) => { + swiper.$wrapperEl[0].removeEventListener(event, onTransitionEnd); + }); + swiper.autoplay.paused = false; + + if (!swiper.autoplay.running) { + stop(); + } else { + run(); + } + } + + function onMouseEnter() { + if (swiper.params.autoplay.disableOnInteraction) { + stop(); + } else { + emit("autoplayPause"); + pause(); + } + + ["transitionend", "webkitTransitionEnd"].forEach((event) => { + swiper.$wrapperEl[0].removeEventListener(event, onTransitionEnd); + }); + } + + function onMouseLeave() { + if (swiper.params.autoplay.disableOnInteraction) { + return; + } + + swiper.autoplay.paused = false; + emit("autoplayResume"); + run(); + } + + function attachMouseEvents() { + if (swiper.params.autoplay.pauseOnMouseEnter) { + swiper.$el.on("mouseenter", onMouseEnter); + swiper.$el.on("mouseleave", onMouseLeave); + } + } + + function detachMouseEvents() { + swiper.$el.off("mouseenter", onMouseEnter); + swiper.$el.off("mouseleave", onMouseLeave); + } + + on("init", () => { + if (swiper.params.autoplay.enabled) { + start(); + const document = getDocument(); + document.addEventListener("visibilitychange", onVisibilityChange); + attachMouseEvents(); + } + }); + on("beforeTransitionStart", (_s, speed, internal) => { + if (swiper.autoplay.running) { + if (internal || !swiper.params.autoplay.disableOnInteraction) { + swiper.autoplay.pause(speed); + } else { + stop(); + } + } + }); + on("sliderFirstMove", () => { + if (swiper.autoplay.running) { + if (swiper.params.autoplay.disableOnInteraction) { + stop(); + } else { + pause(); + } + } + }); + on("touchEnd", () => { + if ( + swiper.params.cssMode && + swiper.autoplay.paused && + !swiper.params.autoplay.disableOnInteraction + ) { + run(); + } + }); + on("destroy", () => { + detachMouseEvents(); + + if (swiper.autoplay.running) { + stop(); + } + + const document = getDocument(); + document.removeEventListener("visibilitychange", onVisibilityChange); + }); + Object.assign(swiper.autoplay, { + pause, + run, + start, + stop, + }); + } + + function Thumb(_ref) { + let { swiper, extendParams, on } = _ref; + extendParams({ + thumbs: { + swiper: null, + multipleActiveThumbs: true, + autoScrollOffset: 0, + slideThumbActiveClass: "swiper-slide-thumb-active", + thumbsContainerClass: "swiper-thumbs", + }, + }); + let initialized = false; + let swiperCreated = false; + swiper.thumbs = { + swiper: null, + }; + + function onThumbClick() { + const thumbsSwiper = swiper.thumbs.swiper; + if (!thumbsSwiper) return; + const clickedIndex = thumbsSwiper.clickedIndex; + const clickedSlide = thumbsSwiper.clickedSlide; + if ( + clickedSlide && + $(clickedSlide).hasClass(swiper.params.thumbs.slideThumbActiveClass) + ) + return; + if (typeof clickedIndex === "undefined" || clickedIndex === null) return; + let slideToIndex; + + if (thumbsSwiper.params.loop) { + slideToIndex = parseInt( + $(thumbsSwiper.clickedSlide).attr("data-swiper-slide-index"), + 10, + ); + } else { + slideToIndex = clickedIndex; + } + + if (swiper.params.loop) { + let currentIndex = swiper.activeIndex; + + if ( + swiper.slides + .eq(currentIndex) + .hasClass(swiper.params.slideDuplicateClass) + ) { + swiper.loopFix(); // eslint-disable-next-line + + swiper._clientLeft = swiper.$wrapperEl[0].clientLeft; + currentIndex = swiper.activeIndex; + } + + const prevIndex = swiper.slides + .eq(currentIndex) + .prevAll(`[data-swiper-slide-index="${slideToIndex}"]`) + .eq(0) + .index(); + const nextIndex = swiper.slides + .eq(currentIndex) + .nextAll(`[data-swiper-slide-index="${slideToIndex}"]`) + .eq(0) + .index(); + if (typeof prevIndex === "undefined") slideToIndex = nextIndex; + else if (typeof nextIndex === "undefined") slideToIndex = prevIndex; + else if (nextIndex - currentIndex < currentIndex - prevIndex) + slideToIndex = nextIndex; + else slideToIndex = prevIndex; + } + + swiper.slideTo(slideToIndex); + } + + function init() { + const { thumbs: thumbsParams } = swiper.params; + if (initialized) return false; + initialized = true; + const SwiperClass = swiper.constructor; + + if (thumbsParams.swiper instanceof SwiperClass) { + swiper.thumbs.swiper = thumbsParams.swiper; + Object.assign(swiper.thumbs.swiper.originalParams, { + watchSlidesProgress: true, + slideToClickedSlide: false, + }); + Object.assign(swiper.thumbs.swiper.params, { + watchSlidesProgress: true, + slideToClickedSlide: false, + }); + } else if (isObject(thumbsParams.swiper)) { + const thumbsSwiperParams = Object.assign({}, thumbsParams.swiper); + Object.assign(thumbsSwiperParams, { + watchSlidesProgress: true, + slideToClickedSlide: false, + }); + swiper.thumbs.swiper = new SwiperClass(thumbsSwiperParams); + swiperCreated = true; + } + + swiper.thumbs.swiper.$el.addClass( + swiper.params.thumbs.thumbsContainerClass, + ); + swiper.thumbs.swiper.on("tap", onThumbClick); + return true; + } + + function update(initial) { + const thumbsSwiper = swiper.thumbs.swiper; + if (!thumbsSwiper) return; + const slidesPerView = + thumbsSwiper.params.slidesPerView === "auto" + ? thumbsSwiper.slidesPerViewDynamic() + : thumbsSwiper.params.slidesPerView; + const autoScrollOffset = swiper.params.thumbs.autoScrollOffset; + const useOffset = autoScrollOffset && !thumbsSwiper.params.loop; + + if (swiper.realIndex !== thumbsSwiper.realIndex || useOffset) { + let currentThumbsIndex = thumbsSwiper.activeIndex; + let newThumbsIndex; + let direction; + + if (thumbsSwiper.params.loop) { + if ( + thumbsSwiper.slides + .eq(currentThumbsIndex) + .hasClass(thumbsSwiper.params.slideDuplicateClass) + ) { + thumbsSwiper.loopFix(); // eslint-disable-next-line + + thumbsSwiper._clientLeft = thumbsSwiper.$wrapperEl[0].clientLeft; + currentThumbsIndex = thumbsSwiper.activeIndex; + } // Find actual thumbs index to slide to + + const prevThumbsIndex = thumbsSwiper.slides + .eq(currentThumbsIndex) + .prevAll(`[data-swiper-slide-index="${swiper.realIndex}"]`) + .eq(0) + .index(); + const nextThumbsIndex = thumbsSwiper.slides + .eq(currentThumbsIndex) + .nextAll(`[data-swiper-slide-index="${swiper.realIndex}"]`) + .eq(0) + .index(); + + if (typeof prevThumbsIndex === "undefined") { + newThumbsIndex = nextThumbsIndex; + } else if (typeof nextThumbsIndex === "undefined") { + newThumbsIndex = prevThumbsIndex; + } else if ( + nextThumbsIndex - currentThumbsIndex === + currentThumbsIndex - prevThumbsIndex + ) { + newThumbsIndex = + thumbsSwiper.params.slidesPerGroup > 1 + ? nextThumbsIndex + : currentThumbsIndex; + } else if ( + nextThumbsIndex - currentThumbsIndex < + currentThumbsIndex - prevThumbsIndex + ) { + newThumbsIndex = nextThumbsIndex; + } else { + newThumbsIndex = prevThumbsIndex; + } + + direction = + swiper.activeIndex > swiper.previousIndex ? "next" : "prev"; + } else { + newThumbsIndex = swiper.realIndex; + direction = newThumbsIndex > swiper.previousIndex ? "next" : "prev"; + } + + if (useOffset) { + newThumbsIndex += + direction === "next" ? autoScrollOffset : -1 * autoScrollOffset; + } + + if ( + thumbsSwiper.visibleSlidesIndexes && + thumbsSwiper.visibleSlidesIndexes.indexOf(newThumbsIndex) < 0 + ) { + if (thumbsSwiper.params.centeredSlides) { + if (newThumbsIndex > currentThumbsIndex) { + newThumbsIndex = + newThumbsIndex - Math.floor(slidesPerView / 2) + 1; + } else { + newThumbsIndex = + newThumbsIndex + Math.floor(slidesPerView / 2) - 1; + } + } else if ( + newThumbsIndex > currentThumbsIndex && + thumbsSwiper.params.slidesPerGroup === 1 + ); + + thumbsSwiper.slideTo(newThumbsIndex, initial ? 0 : undefined); + } + } // Activate thumbs + + let thumbsToActivate = 1; + const thumbActiveClass = swiper.params.thumbs.slideThumbActiveClass; + + if (swiper.params.slidesPerView > 1 && !swiper.params.centeredSlides) { + thumbsToActivate = swiper.params.slidesPerView; + } + + if (!swiper.params.thumbs.multipleActiveThumbs) { + thumbsToActivate = 1; + } + + thumbsToActivate = Math.floor(thumbsToActivate); + thumbsSwiper.slides.removeClass(thumbActiveClass); + + if ( + thumbsSwiper.params.loop || + (thumbsSwiper.params.virtual && thumbsSwiper.params.virtual.enabled) + ) { + for (let i = 0; i < thumbsToActivate; i += 1) { + thumbsSwiper.$wrapperEl + .children(`[data-swiper-slide-index="${swiper.realIndex + i}"]`) + .addClass(thumbActiveClass); + } + } else { + for (let i = 0; i < thumbsToActivate; i += 1) { + thumbsSwiper.slides + .eq(swiper.realIndex + i) + .addClass(thumbActiveClass); + } + } + } + + on("beforeInit", () => { + const { thumbs } = swiper.params; + if (!thumbs || !thumbs.swiper) return; + init(); + update(true); + }); + on("slideChange update resize observerUpdate", () => { + if (!swiper.thumbs.swiper) return; + update(); + }); + on("setTransition", (_s, duration) => { + const thumbsSwiper = swiper.thumbs.swiper; + if (!thumbsSwiper) return; + thumbsSwiper.setTransition(duration); + }); + on("beforeDestroy", () => { + const thumbsSwiper = swiper.thumbs.swiper; + if (!thumbsSwiper) return; + + if (swiperCreated && thumbsSwiper) { + thumbsSwiper.destroy(); + } + }); + Object.assign(swiper.thumbs, { + init, + update, + }); + } + + function freeMode(_ref) { + let { swiper, extendParams, emit, once } = _ref; + extendParams({ + freeMode: { + enabled: false, + momentum: true, + momentumRatio: 1, + momentumBounce: true, + momentumBounceRatio: 1, + momentumVelocityRatio: 1, + sticky: false, + minimumVelocity: 0.02, + }, + }); + + function onTouchStart() { + const translate = swiper.getTranslate(); + swiper.setTranslate(translate); + swiper.setTransition(0); + swiper.touchEventsData.velocities.length = 0; + swiper.freeMode.onTouchEnd({ + currentPos: swiper.rtl ? swiper.translate : -swiper.translate, + }); + } + + function onTouchMove() { + const { touchEventsData: data, touches } = swiper; // Velocity + + if (data.velocities.length === 0) { + data.velocities.push({ + position: touches[swiper.isHorizontal() ? "startX" : "startY"], + time: data.touchStartTime, + }); + } + + data.velocities.push({ + position: touches[swiper.isHorizontal() ? "currentX" : "currentY"], + time: now(), + }); + } + + function onTouchEnd(_ref2) { + let { currentPos } = _ref2; + const { + params, + $wrapperEl, + rtlTranslate: rtl, + snapGrid, + touchEventsData: data, + } = swiper; // Time diff + + const touchEndTime = now(); + const timeDiff = touchEndTime - data.touchStartTime; + + if (currentPos < -swiper.minTranslate()) { + swiper.slideTo(swiper.activeIndex); + return; + } + + if (currentPos > -swiper.maxTranslate()) { + if (swiper.slides.length < snapGrid.length) { + swiper.slideTo(snapGrid.length - 1); + } else { + swiper.slideTo(swiper.slides.length - 1); + } + + return; + } + + if (params.freeMode.momentum) { + if (data.velocities.length > 1) { + const lastMoveEvent = data.velocities.pop(); + const velocityEvent = data.velocities.pop(); + const distance = lastMoveEvent.position - velocityEvent.position; + const time = lastMoveEvent.time - velocityEvent.time; + swiper.velocity = distance / time; + swiper.velocity /= 2; + + if (Math.abs(swiper.velocity) < params.freeMode.minimumVelocity) { + swiper.velocity = 0; + } // this implies that the user stopped moving a finger then released. + // There would be no events with distance zero, so the last event is stale. + + if (time > 150 || now() - lastMoveEvent.time > 300) { + swiper.velocity = 0; + } + } else { + swiper.velocity = 0; + } + + swiper.velocity *= params.freeMode.momentumVelocityRatio; + data.velocities.length = 0; + let momentumDuration = 1000 * params.freeMode.momentumRatio; + const momentumDistance = swiper.velocity * momentumDuration; + let newPosition = swiper.translate + momentumDistance; + if (rtl) newPosition = -newPosition; + let doBounce = false; + let afterBouncePosition; + const bounceAmount = + Math.abs(swiper.velocity) * 20 * params.freeMode.momentumBounceRatio; + let needsLoopFix; + + if (newPosition < swiper.maxTranslate()) { + if (params.freeMode.momentumBounce) { + if (newPosition + swiper.maxTranslate() < -bounceAmount) { + newPosition = swiper.maxTranslate() - bounceAmount; + } + + afterBouncePosition = swiper.maxTranslate(); + doBounce = true; + data.allowMomentumBounce = true; + } else { + newPosition = swiper.maxTranslate(); + } + + if (params.loop && params.centeredSlides) needsLoopFix = true; + } else if (newPosition > swiper.minTranslate()) { + if (params.freeMode.momentumBounce) { + if (newPosition - swiper.minTranslate() > bounceAmount) { + newPosition = swiper.minTranslate() + bounceAmount; + } + + afterBouncePosition = swiper.minTranslate(); + doBounce = true; + data.allowMomentumBounce = true; + } else { + newPosition = swiper.minTranslate(); + } + + if (params.loop && params.centeredSlides) needsLoopFix = true; + } else if (params.freeMode.sticky) { + let nextSlide; + + for (let j = 0; j < snapGrid.length; j += 1) { + if (snapGrid[j] > -newPosition) { + nextSlide = j; + break; + } + } + + if ( + Math.abs(snapGrid[nextSlide] - newPosition) < + Math.abs(snapGrid[nextSlide - 1] - newPosition) || + swiper.swipeDirection === "next" + ) { + newPosition = snapGrid[nextSlide]; + } else { + newPosition = snapGrid[nextSlide - 1]; + } + + newPosition = -newPosition; + } + + if (needsLoopFix) { + once("transitionEnd", () => { + swiper.loopFix(); + }); + } // Fix duration + + if (swiper.velocity !== 0) { + if (rtl) { + momentumDuration = Math.abs( + (-newPosition - swiper.translate) / swiper.velocity, + ); + } else { + momentumDuration = Math.abs( + (newPosition - swiper.translate) / swiper.velocity, + ); + } + + if (params.freeMode.sticky) { + // If freeMode.sticky is active and the user ends a swipe with a slow-velocity + // event, then durations can be 20+ seconds to slide one (or zero!) slides. + // It's easy to see this when simulating touch with mouse events. To fix this, + // limit single-slide swipes to the default slide duration. This also has the + // nice side effect of matching slide speed if the user stopped moving before + // lifting finger or mouse vs. moving slowly before lifting the finger/mouse. + // For faster swipes, also apply limits (albeit higher ones). + const moveDistance = Math.abs( + (rtl ? -newPosition : newPosition) - swiper.translate, + ); + const currentSlideSize = swiper.slidesSizesGrid[swiper.activeIndex]; + + if (moveDistance < currentSlideSize) { + momentumDuration = params.speed; + } else if (moveDistance < 2 * currentSlideSize) { + momentumDuration = params.speed * 1.5; + } else { + momentumDuration = params.speed * 2.5; + } + } + } else if (params.freeMode.sticky) { + swiper.slideToClosest(); + return; + } + + if (params.freeMode.momentumBounce && doBounce) { + swiper.updateProgress(afterBouncePosition); + swiper.setTransition(momentumDuration); + swiper.setTranslate(newPosition); + swiper.transitionStart(true, swiper.swipeDirection); + swiper.animating = true; + $wrapperEl.transitionEnd(() => { + if (!swiper || swiper.destroyed || !data.allowMomentumBounce) + return; + emit("momentumBounce"); + swiper.setTransition(params.speed); + setTimeout(() => { + swiper.setTranslate(afterBouncePosition); + $wrapperEl.transitionEnd(() => { + if (!swiper || swiper.destroyed) return; + swiper.transitionEnd(); + }); + }, 0); + }); + } else if (swiper.velocity) { + emit("_freeModeNoMomentumRelease"); + swiper.updateProgress(newPosition); + swiper.setTransition(momentumDuration); + swiper.setTranslate(newPosition); + swiper.transitionStart(true, swiper.swipeDirection); + + if (!swiper.animating) { + swiper.animating = true; + $wrapperEl.transitionEnd(() => { + if (!swiper || swiper.destroyed) return; + swiper.transitionEnd(); + }); + } + } else { + swiper.updateProgress(newPosition); + } + + swiper.updateActiveIndex(); + swiper.updateSlidesClasses(); + } else if (params.freeMode.sticky) { + swiper.slideToClosest(); + return; + } else if (params.freeMode) { + emit("_freeModeNoMomentumRelease"); + } + + if (!params.freeMode.momentum || timeDiff >= params.longSwipesMs) { + swiper.updateProgress(); + swiper.updateActiveIndex(); + swiper.updateSlidesClasses(); + } + } + + Object.assign(swiper, { + freeMode: { + onTouchStart, + onTouchMove, + onTouchEnd, + }, + }); + } + + function Grid(_ref) { + let { swiper, extendParams } = _ref; + extendParams({ + grid: { + rows: 1, + fill: "column", + }, + }); + let slidesNumberEvenToRows; + let slidesPerRow; + let numFullColumns; + + const initSlides = (slidesLength) => { + const { slidesPerView } = swiper.params; + const { rows, fill } = swiper.params.grid; + slidesPerRow = slidesNumberEvenToRows / rows; + numFullColumns = Math.floor(slidesLength / rows); + + if (Math.floor(slidesLength / rows) === slidesLength / rows) { + slidesNumberEvenToRows = slidesLength; + } else { + slidesNumberEvenToRows = Math.ceil(slidesLength / rows) * rows; + } + + if (slidesPerView !== "auto" && fill === "row") { + slidesNumberEvenToRows = Math.max( + slidesNumberEvenToRows, + slidesPerView * rows, + ); + } + }; + + const updateSlide = (i, slide, slidesLength, getDirectionLabel) => { + const { slidesPerGroup, spaceBetween } = swiper.params; + const { rows, fill } = swiper.params.grid; // Set slides order + + let newSlideOrderIndex; + let column; + let row; + + if (fill === "row" && slidesPerGroup > 1) { + const groupIndex = Math.floor(i / (slidesPerGroup * rows)); + const slideIndexInGroup = i - rows * slidesPerGroup * groupIndex; + const columnsInGroup = + groupIndex === 0 + ? slidesPerGroup + : Math.min( + Math.ceil( + (slidesLength - groupIndex * rows * slidesPerGroup) / rows, + ), + slidesPerGroup, + ); + row = Math.floor(slideIndexInGroup / columnsInGroup); + column = + slideIndexInGroup - + row * columnsInGroup + + groupIndex * slidesPerGroup; + newSlideOrderIndex = column + (row * slidesNumberEvenToRows) / rows; + slide.css({ + "-webkit-order": newSlideOrderIndex, + order: newSlideOrderIndex, + }); + } else if (fill === "column") { + column = Math.floor(i / rows); + row = i - column * rows; + + if ( + column > numFullColumns || + (column === numFullColumns && row === rows - 1) + ) { + row += 1; + + if (row >= rows) { + row = 0; + column += 1; + } + } + } else { + row = Math.floor(i / slidesPerRow); + column = i - row * slidesPerRow; + } + + slide.css( + getDirectionLabel("margin-top"), + row !== 0 ? spaceBetween && `${spaceBetween}px` : "", + ); + }; + + const updateWrapperSize = (slideSize, snapGrid, getDirectionLabel) => { + const { spaceBetween, centeredSlides, roundLengths } = swiper.params; + const { rows } = swiper.params.grid; + swiper.virtualSize = (slideSize + spaceBetween) * slidesNumberEvenToRows; + swiper.virtualSize = Math.ceil(swiper.virtualSize / rows) - spaceBetween; + swiper.$wrapperEl.css({ + [getDirectionLabel("width")]: `${swiper.virtualSize + spaceBetween}px`, + }); + + if (centeredSlides) { + snapGrid.splice(0, snapGrid.length); + const newSlidesGrid = []; + + for (let i = 0; i < snapGrid.length; i += 1) { + let slidesGridItem = snapGrid[i]; + if (roundLengths) slidesGridItem = Math.floor(slidesGridItem); + if (snapGrid[i] < swiper.virtualSize + snapGrid[0]) + newSlidesGrid.push(slidesGridItem); + } + + snapGrid.push(...newSlidesGrid); + } + }; + + swiper.grid = { + initSlides, + updateSlide, + updateWrapperSize, + }; + } + + function appendSlide(slides) { + const swiper = this; + const { $wrapperEl, params } = swiper; + + if (params.loop) { + swiper.loopDestroy(); + } + + if (typeof slides === "object" && "length" in slides) { + for (let i = 0; i < slides.length; i += 1) { + if (slides[i]) $wrapperEl.append(slides[i]); + } + } else { + $wrapperEl.append(slides); + } + + if (params.loop) { + swiper.loopCreate(); + } + + if (!params.observer) { + swiper.update(); + } + } + + function prependSlide(slides) { + const swiper = this; + const { params, $wrapperEl, activeIndex } = swiper; + + if (params.loop) { + swiper.loopDestroy(); + } + + let newActiveIndex = activeIndex + 1; + + if (typeof slides === "object" && "length" in slides) { + for (let i = 0; i < slides.length; i += 1) { + if (slides[i]) $wrapperEl.prepend(slides[i]); + } + + newActiveIndex = activeIndex + slides.length; + } else { + $wrapperEl.prepend(slides); + } + + if (params.loop) { + swiper.loopCreate(); + } + + if (!params.observer) { + swiper.update(); + } + + swiper.slideTo(newActiveIndex, 0, false); + } + + function addSlide(index, slides) { + const swiper = this; + const { $wrapperEl, params, activeIndex } = swiper; + let activeIndexBuffer = activeIndex; + + if (params.loop) { + activeIndexBuffer -= swiper.loopedSlides; + swiper.loopDestroy(); + swiper.slides = $wrapperEl.children(`.${params.slideClass}`); + } + + const baseLength = swiper.slides.length; + + if (index <= 0) { + swiper.prependSlide(slides); + return; + } + + if (index >= baseLength) { + swiper.appendSlide(slides); + return; + } + + let newActiveIndex = + activeIndexBuffer > index ? activeIndexBuffer + 1 : activeIndexBuffer; + const slidesBuffer = []; + + for (let i = baseLength - 1; i >= index; i -= 1) { + const currentSlide = swiper.slides.eq(i); + currentSlide.remove(); + slidesBuffer.unshift(currentSlide); + } + + if (typeof slides === "object" && "length" in slides) { + for (let i = 0; i < slides.length; i += 1) { + if (slides[i]) $wrapperEl.append(slides[i]); + } + + newActiveIndex = + activeIndexBuffer > index + ? activeIndexBuffer + slides.length + : activeIndexBuffer; + } else { + $wrapperEl.append(slides); + } + + for (let i = 0; i < slidesBuffer.length; i += 1) { + $wrapperEl.append(slidesBuffer[i]); + } + + if (params.loop) { + swiper.loopCreate(); + } + + if (!params.observer) { + swiper.update(); + } + + if (params.loop) { + swiper.slideTo(newActiveIndex + swiper.loopedSlides, 0, false); + } else { + swiper.slideTo(newActiveIndex, 0, false); + } + } + + function removeSlide(slidesIndexes) { + const swiper = this; + const { params, $wrapperEl, activeIndex } = swiper; + let activeIndexBuffer = activeIndex; + + if (params.loop) { + activeIndexBuffer -= swiper.loopedSlides; + swiper.loopDestroy(); + swiper.slides = $wrapperEl.children(`.${params.slideClass}`); + } + + let newActiveIndex = activeIndexBuffer; + let indexToRemove; + + if (typeof slidesIndexes === "object" && "length" in slidesIndexes) { + for (let i = 0; i < slidesIndexes.length; i += 1) { + indexToRemove = slidesIndexes[i]; + if (swiper.slides[indexToRemove]) + swiper.slides.eq(indexToRemove).remove(); + if (indexToRemove < newActiveIndex) newActiveIndex -= 1; + } + + newActiveIndex = Math.max(newActiveIndex, 0); + } else { + indexToRemove = slidesIndexes; + if (swiper.slides[indexToRemove]) + swiper.slides.eq(indexToRemove).remove(); + if (indexToRemove < newActiveIndex) newActiveIndex -= 1; + newActiveIndex = Math.max(newActiveIndex, 0); + } + + if (params.loop) { + swiper.loopCreate(); + } + + if (!params.observer) { + swiper.update(); + } + + if (params.loop) { + swiper.slideTo(newActiveIndex + swiper.loopedSlides, 0, false); + } else { + swiper.slideTo(newActiveIndex, 0, false); + } + } + + function removeAllSlides() { + const swiper = this; + const slidesIndexes = []; + + for (let i = 0; i < swiper.slides.length; i += 1) { + slidesIndexes.push(i); + } + + swiper.removeSlide(slidesIndexes); + } + + function Manipulation(_ref) { + let { swiper } = _ref; + Object.assign(swiper, { + appendSlide: appendSlide.bind(swiper), + prependSlide: prependSlide.bind(swiper), + addSlide: addSlide.bind(swiper), + removeSlide: removeSlide.bind(swiper), + removeAllSlides: removeAllSlides.bind(swiper), + }); + } + + function effectInit(params) { + const { + effect, + swiper, + on, + setTranslate, + setTransition, + overwriteParams, + perspective, + } = params; + on("beforeInit", () => { + if (swiper.params.effect !== effect) return; + swiper.classNames.push( + `${swiper.params.containerModifierClass}${effect}`, + ); + + if (perspective && perspective()) { + swiper.classNames.push(`${swiper.params.containerModifierClass}3d`); + } + + const overwriteParamsResult = overwriteParams ? overwriteParams() : {}; + Object.assign(swiper.params, overwriteParamsResult); + Object.assign(swiper.originalParams, overwriteParamsResult); + }); + on("setTranslate", () => { + if (swiper.params.effect !== effect) return; + setTranslate(); + }); + on("setTransition", (_s, duration) => { + if (swiper.params.effect !== effect) return; + setTransition(duration); + }); + let requireUpdateOnVirtual; + on("virtualUpdate", () => { + if (!swiper.slides.length) { + requireUpdateOnVirtual = true; + } + + requestAnimationFrame(() => { + if (requireUpdateOnVirtual && swiper.slides.length) { + setTranslate(); + requireUpdateOnVirtual = false; + } + }); + }); + } + + function effectTarget(effectParams, $slideEl) { + if (effectParams.transformEl) { + return $slideEl.find(effectParams.transformEl).css({ + "backface-visibility": "hidden", + "-webkit-backface-visibility": "hidden", + }); + } + + return $slideEl; + } + + function effectVirtualTransitionEnd(_ref) { + let { swiper, duration, transformEl, allSlides } = _ref; + const { slides, activeIndex, $wrapperEl } = swiper; + + if (swiper.params.virtualTranslate && duration !== 0) { + let eventTriggered = false; + let $transitionEndTarget; + + if (allSlides) { + $transitionEndTarget = transformEl ? slides.find(transformEl) : slides; + } else { + $transitionEndTarget = transformEl + ? slides.eq(activeIndex).find(transformEl) + : slides.eq(activeIndex); + } + + $transitionEndTarget.transitionEnd(() => { + if (eventTriggered) return; + if (!swiper || swiper.destroyed) return; + eventTriggered = true; + swiper.animating = false; + const triggerEvents = ["webkitTransitionEnd", "transitionend"]; + + for (let i = 0; i < triggerEvents.length; i += 1) { + $wrapperEl.trigger(triggerEvents[i]); + } + }); + } + } + + function EffectFade(_ref) { + let { swiper, extendParams, on } = _ref; + extendParams({ + fadeEffect: { + crossFade: false, + transformEl: null, + }, + }); + + const setTranslate = () => { + const { slides } = swiper; + const params = swiper.params.fadeEffect; + + for (let i = 0; i < slides.length; i += 1) { + const $slideEl = swiper.slides.eq(i); + const offset = $slideEl[0].swiperSlideOffset; + let tx = -offset; + if (!swiper.params.virtualTranslate) tx -= swiper.translate; + let ty = 0; + + if (!swiper.isHorizontal()) { + ty = tx; + tx = 0; + } + + const slideOpacity = swiper.params.fadeEffect.crossFade + ? Math.max(1 - Math.abs($slideEl[0].progress), 0) + : 1 + Math.min(Math.max($slideEl[0].progress, -1), 0); + const $targetEl = effectTarget(params, $slideEl); + $targetEl + .css({ + opacity: slideOpacity, + }) + .transform(`translate3d(${tx}px, ${ty}px, 0px)`); + } + }; + + const setTransition = (duration) => { + const { transformEl } = swiper.params.fadeEffect; + const $transitionElements = transformEl + ? swiper.slides.find(transformEl) + : swiper.slides; + $transitionElements.transition(duration); + effectVirtualTransitionEnd({ + swiper, + duration, + transformEl, + allSlides: true, + }); + }; + + effectInit({ + effect: "fade", + swiper, + on, + setTranslate, + setTransition, + overwriteParams: () => ({ + slidesPerView: 1, + slidesPerGroup: 1, + watchSlidesProgress: true, + spaceBetween: 0, + virtualTranslate: !swiper.params.cssMode, + }), + }); + } + + function EffectCube(_ref) { + let { swiper, extendParams, on } = _ref; + extendParams({ + cubeEffect: { + slideShadows: true, + shadow: true, + shadowOffset: 20, + shadowScale: 0.94, + }, + }); + + const setTranslate = () => { + const { + $el, + $wrapperEl, + slides, + width: swiperWidth, + height: swiperHeight, + rtlTranslate: rtl, + size: swiperSize, + browser, + } = swiper; + const params = swiper.params.cubeEffect; + const isHorizontal = swiper.isHorizontal(); + const isVirtual = swiper.virtual && swiper.params.virtual.enabled; + let wrapperRotate = 0; + let $cubeShadowEl; + + if (params.shadow) { + if (isHorizontal) { + $cubeShadowEl = $wrapperEl.find(".swiper-cube-shadow"); + + if ($cubeShadowEl.length === 0) { + $cubeShadowEl = $('
'); + $wrapperEl.append($cubeShadowEl); + } + + $cubeShadowEl.css({ + height: `${swiperWidth}px`, + }); + } else { + $cubeShadowEl = $el.find(".swiper-cube-shadow"); + + if ($cubeShadowEl.length === 0) { + $cubeShadowEl = $('
'); + $el.append($cubeShadowEl); + } + } + } + + for (let i = 0; i < slides.length; i += 1) { + const $slideEl = slides.eq(i); + let slideIndex = i; + + if (isVirtual) { + slideIndex = parseInt($slideEl.attr("data-swiper-slide-index"), 10); + } + + let slideAngle = slideIndex * 90; + let round = Math.floor(slideAngle / 360); + + if (rtl) { + slideAngle = -slideAngle; + round = Math.floor(-slideAngle / 360); + } + + const progress = Math.max(Math.min($slideEl[0].progress, 1), -1); + let tx = 0; + let ty = 0; + let tz = 0; + + if (slideIndex % 4 === 0) { + tx = -round * 4 * swiperSize; + tz = 0; + } else if ((slideIndex - 1) % 4 === 0) { + tx = 0; + tz = -round * 4 * swiperSize; + } else if ((slideIndex - 2) % 4 === 0) { + tx = swiperSize + round * 4 * swiperSize; + tz = swiperSize; + } else if ((slideIndex - 3) % 4 === 0) { + tx = -swiperSize; + tz = 3 * swiperSize + swiperSize * 4 * round; + } + + if (rtl) { + tx = -tx; + } + + if (!isHorizontal) { + ty = tx; + tx = 0; + } + + const transform = `rotateX(${ + isHorizontal ? 0 : -slideAngle + }deg) rotateY(${ + isHorizontal ? slideAngle : 0 + }deg) translate3d(${tx}px, ${ty}px, ${tz}px)`; + + if (progress <= 1 && progress > -1) { + wrapperRotate = slideIndex * 90 + progress * 90; + if (rtl) wrapperRotate = -slideIndex * 90 - progress * 90; + } + + $slideEl.transform(transform); + + if (params.slideShadows) { + // Set shadows + let shadowBefore = isHorizontal + ? $slideEl.find(".swiper-slide-shadow-left") + : $slideEl.find(".swiper-slide-shadow-top"); + let shadowAfter = isHorizontal + ? $slideEl.find(".swiper-slide-shadow-right") + : $slideEl.find(".swiper-slide-shadow-bottom"); + + if (shadowBefore.length === 0) { + shadowBefore = $( + `
`, + ); + $slideEl.append(shadowBefore); + } + + if (shadowAfter.length === 0) { + shadowAfter = $( + `
`, + ); + $slideEl.append(shadowAfter); + } + + if (shadowBefore.length) + shadowBefore[0].style.opacity = Math.max(-progress, 0); + if (shadowAfter.length) + shadowAfter[0].style.opacity = Math.max(progress, 0); + } + } + + $wrapperEl.css({ + "-webkit-transform-origin": `50% 50% -${swiperSize / 2}px`, + "transform-origin": `50% 50% -${swiperSize / 2}px`, + }); + + if (params.shadow) { + if (isHorizontal) { + $cubeShadowEl.transform( + `translate3d(0px, ${swiperWidth / 2 + params.shadowOffset}px, ${ + -swiperWidth / 2 + }px) rotateX(90deg) rotateZ(0deg) scale(${params.shadowScale})`, + ); + } else { + const shadowAngle = + Math.abs(wrapperRotate) - + Math.floor(Math.abs(wrapperRotate) / 90) * 90; + const multiplier = + 1.5 - + (Math.sin((shadowAngle * 2 * Math.PI) / 360) / 2 + + Math.cos((shadowAngle * 2 * Math.PI) / 360) / 2); + const scale1 = params.shadowScale; + const scale2 = params.shadowScale / multiplier; + const offset = params.shadowOffset; + $cubeShadowEl.transform( + `scale3d(${scale1}, 1, ${scale2}) translate3d(0px, ${ + swiperHeight / 2 + offset + }px, ${-swiperHeight / 2 / scale2}px) rotateX(-90deg)`, + ); + } + } + + const zFactor = + browser.isSafari || browser.isWebView ? -swiperSize / 2 : 0; + $wrapperEl.transform( + `translate3d(0px,0,${zFactor}px) rotateX(${ + swiper.isHorizontal() ? 0 : wrapperRotate + }deg) rotateY(${swiper.isHorizontal() ? -wrapperRotate : 0}deg)`, + ); + }; + + const setTransition = (duration) => { + const { $el, slides } = swiper; + slides + .transition(duration) + .find( + ".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left", + ) + .transition(duration); + + if (swiper.params.cubeEffect.shadow && !swiper.isHorizontal()) { + $el.find(".swiper-cube-shadow").transition(duration); + } + }; + + effectInit({ + effect: "cube", + swiper, + on, + setTranslate, + setTransition, + perspective: () => true, + overwriteParams: () => ({ + slidesPerView: 1, + slidesPerGroup: 1, + watchSlidesProgress: true, + resistanceRatio: 0, + spaceBetween: 0, + centeredSlides: false, + virtualTranslate: true, + }), + }); + } + + function createShadow(params, $slideEl, side) { + const shadowClass = `swiper-slide-shadow${side ? `-${side}` : ""}`; + const $shadowContainer = params.transformEl + ? $slideEl.find(params.transformEl) + : $slideEl; + let $shadowEl = $shadowContainer.children(`.${shadowClass}`); + + if (!$shadowEl.length) { + $shadowEl = $( + `
`, + ); + $shadowContainer.append($shadowEl); + } + + return $shadowEl; + } + + function EffectFlip(_ref) { + let { swiper, extendParams, on } = _ref; + extendParams({ + flipEffect: { + slideShadows: true, + limitRotation: true, + transformEl: null, + }, + }); + + const setTranslate = () => { + const { slides, rtlTranslate: rtl } = swiper; + const params = swiper.params.flipEffect; + + for (let i = 0; i < slides.length; i += 1) { + const $slideEl = slides.eq(i); + let progress = $slideEl[0].progress; + + if (swiper.params.flipEffect.limitRotation) { + progress = Math.max(Math.min($slideEl[0].progress, 1), -1); + } + + const offset = $slideEl[0].swiperSlideOffset; + const rotate = -180 * progress; + let rotateY = rotate; + let rotateX = 0; + let tx = swiper.params.cssMode ? -offset - swiper.translate : -offset; + let ty = 0; + + if (!swiper.isHorizontal()) { + ty = tx; + tx = 0; + rotateX = -rotateY; + rotateY = 0; + } else if (rtl) { + rotateY = -rotateY; + } + + $slideEl[0].style.zIndex = + -Math.abs(Math.round(progress)) + slides.length; + + if (params.slideShadows) { + // Set shadows + let shadowBefore = swiper.isHorizontal() + ? $slideEl.find(".swiper-slide-shadow-left") + : $slideEl.find(".swiper-slide-shadow-top"); + let shadowAfter = swiper.isHorizontal() + ? $slideEl.find(".swiper-slide-shadow-right") + : $slideEl.find(".swiper-slide-shadow-bottom"); + + if (shadowBefore.length === 0) { + shadowBefore = createShadow( + params, + $slideEl, + swiper.isHorizontal() ? "left" : "top", + ); + } + + if (shadowAfter.length === 0) { + shadowAfter = createShadow( + params, + $slideEl, + swiper.isHorizontal() ? "right" : "bottom", + ); + } + + if (shadowBefore.length) + shadowBefore[0].style.opacity = Math.max(-progress, 0); + if (shadowAfter.length) + shadowAfter[0].style.opacity = Math.max(progress, 0); + } + + const transform = `translate3d(${tx}px, ${ty}px, 0px) rotateX(${rotateX}deg) rotateY(${rotateY}deg)`; + const $targetEl = effectTarget(params, $slideEl); + $targetEl.transform(transform); + } + }; + + const setTransition = (duration) => { + const { transformEl } = swiper.params.flipEffect; + const $transitionElements = transformEl + ? swiper.slides.find(transformEl) + : swiper.slides; + $transitionElements + .transition(duration) + .find( + ".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left", + ) + .transition(duration); + effectVirtualTransitionEnd({ + swiper, + duration, + transformEl, + }); + }; + + effectInit({ + effect: "flip", + swiper, + on, + setTranslate, + setTransition, + perspective: () => true, + overwriteParams: () => ({ + slidesPerView: 1, + slidesPerGroup: 1, + watchSlidesProgress: true, + spaceBetween: 0, + virtualTranslate: !swiper.params.cssMode, + }), + }); + } + + function EffectCoverflow(_ref) { + let { swiper, extendParams, on } = _ref; + extendParams({ + coverflowEffect: { + rotate: 50, + stretch: 0, + depth: 100, + scale: 1, + modifier: 1, + slideShadows: true, + transformEl: null, + }, + }); + + const setTranslate = () => { + const { + width: swiperWidth, + height: swiperHeight, + slides, + slidesSizesGrid, + } = swiper; + const params = swiper.params.coverflowEffect; + const isHorizontal = swiper.isHorizontal(); + const transform = swiper.translate; + const center = isHorizontal + ? -transform + swiperWidth / 2 + : -transform + swiperHeight / 2; + const rotate = isHorizontal ? params.rotate : -params.rotate; + const translate = params.depth; // Each slide offset from center + + for (let i = 0, length = slides.length; i < length; i += 1) { + const $slideEl = slides.eq(i); + const slideSize = slidesSizesGrid[i]; + const slideOffset = $slideEl[0].swiperSlideOffset; + const centerOffset = (center - slideOffset - slideSize / 2) / slideSize; + const offsetMultiplier = + typeof params.modifier === "function" + ? params.modifier(centerOffset) + : centerOffset * params.modifier; + let rotateY = isHorizontal ? rotate * offsetMultiplier : 0; + let rotateX = isHorizontal ? 0 : rotate * offsetMultiplier; // var rotateZ = 0 + + let translateZ = -translate * Math.abs(offsetMultiplier); + let stretch = params.stretch; // Allow percentage to make a relative stretch for responsive sliders + + if (typeof stretch === "string" && stretch.indexOf("%") !== -1) { + stretch = (parseFloat(params.stretch) / 100) * slideSize; + } + + let translateY = isHorizontal ? 0 : stretch * offsetMultiplier; + let translateX = isHorizontal ? stretch * offsetMultiplier : 0; + let scale = 1 - (1 - params.scale) * Math.abs(offsetMultiplier); // Fix for ultra small values + + if (Math.abs(translateX) < 0.001) translateX = 0; + if (Math.abs(translateY) < 0.001) translateY = 0; + if (Math.abs(translateZ) < 0.001) translateZ = 0; + if (Math.abs(rotateY) < 0.001) rotateY = 0; + if (Math.abs(rotateX) < 0.001) rotateX = 0; + if (Math.abs(scale) < 0.001) scale = 0; + const slideTransform = `translate3d(${translateX}px,${translateY}px,${translateZ}px) rotateX(${rotateX}deg) rotateY(${rotateY}deg) scale(${scale})`; + const $targetEl = effectTarget(params, $slideEl); + $targetEl.transform(slideTransform); + $slideEl[0].style.zIndex = -Math.abs(Math.round(offsetMultiplier)) + 1; + + if (params.slideShadows) { + // Set shadows + let $shadowBeforeEl = isHorizontal + ? $slideEl.find(".swiper-slide-shadow-left") + : $slideEl.find(".swiper-slide-shadow-top"); + let $shadowAfterEl = isHorizontal + ? $slideEl.find(".swiper-slide-shadow-right") + : $slideEl.find(".swiper-slide-shadow-bottom"); + + if ($shadowBeforeEl.length === 0) { + $shadowBeforeEl = createShadow( + params, + $slideEl, + isHorizontal ? "left" : "top", + ); + } + + if ($shadowAfterEl.length === 0) { + $shadowAfterEl = createShadow( + params, + $slideEl, + isHorizontal ? "right" : "bottom", + ); + } + + if ($shadowBeforeEl.length) + $shadowBeforeEl[0].style.opacity = + offsetMultiplier > 0 ? offsetMultiplier : 0; + if ($shadowAfterEl.length) + $shadowAfterEl[0].style.opacity = + -offsetMultiplier > 0 ? -offsetMultiplier : 0; + } + } + }; + + const setTransition = (duration) => { + const { transformEl } = swiper.params.coverflowEffect; + const $transitionElements = transformEl + ? swiper.slides.find(transformEl) + : swiper.slides; + $transitionElements + .transition(duration) + .find( + ".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left", + ) + .transition(duration); + }; + + effectInit({ + effect: "coverflow", + swiper, + on, + setTranslate, + setTransition, + perspective: () => true, + overwriteParams: () => ({ + watchSlidesProgress: true, + }), + }); + } + + function EffectCreative(_ref) { + let { swiper, extendParams, on } = _ref; + extendParams({ + creativeEffect: { + transformEl: null, + limitProgress: 1, + shadowPerProgress: false, + progressMultiplier: 1, + perspective: true, + 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 getTranslateValue = (value) => { + if (typeof value === "string") return value; + return `${value}px`; + }; + + const setTranslate = () => { + const { slides, $wrapperEl, slidesSizesGrid } = swiper; + const params = swiper.params.creativeEffect; + const { progressMultiplier: multiplier } = params; + const isCenteredSlides = swiper.params.centeredSlides; + + if (isCenteredSlides) { + const margin = + slidesSizesGrid[0] / 2 - swiper.params.slidesOffsetBefore || 0; + $wrapperEl.transform(`translateX(calc(50% - ${margin}px))`); + } + + for (let i = 0; i < slides.length; i += 1) { + const $slideEl = slides.eq(i); + const slideProgress = $slideEl[0].progress; + const progress = Math.min( + Math.max($slideEl[0].progress, -params.limitProgress), + params.limitProgress, + ); + let originalProgress = progress; + + if (!isCenteredSlides) { + originalProgress = Math.min( + Math.max($slideEl[0].originalProgress, -params.limitProgress), + params.limitProgress, + ); + } + + const offset = $slideEl[0].swiperSlideOffset; + const t = [ + swiper.params.cssMode ? -offset - swiper.translate : -offset, + 0, + 0, + ]; + const r = [0, 0, 0]; + let custom = false; + + if (!swiper.isHorizontal()) { + t[1] = t[0]; + t[0] = 0; + } + + let data = { + translate: [0, 0, 0], + rotate: [0, 0, 0], + scale: 1, + opacity: 1, + }; + + if (progress < 0) { + data = params.next; + custom = true; + } else if (progress > 0) { + data = params.prev; + custom = true; + } // set translate + + t.forEach((value, index) => { + t[index] = `calc(${value}px + (${getTranslateValue( + data.translate[index], + )} * ${Math.abs(progress * multiplier)}))`; + }); // set rotates + + r.forEach((value, index) => { + r[index] = data.rotate[index] * Math.abs(progress * multiplier); + }); + $slideEl[0].style.zIndex = + -Math.abs(Math.round(slideProgress)) + slides.length; + const translateString = t.join(", "); + const rotateString = `rotateX(${r[0]}deg) rotateY(${r[1]}deg) rotateZ(${r[2]}deg)`; + const scaleString = + originalProgress < 0 + ? `scale(${1 + (1 - data.scale) * originalProgress * multiplier})` + : `scale(${1 - (1 - data.scale) * originalProgress * multiplier})`; + const opacityString = + originalProgress < 0 + ? 1 + (1 - data.opacity) * originalProgress * multiplier + : 1 - (1 - data.opacity) * originalProgress * multiplier; + const transform = `translate3d(${translateString}) ${rotateString} ${scaleString}`; // Set shadows + + if ((custom && data.shadow) || !custom) { + let $shadowEl = $slideEl.children(".swiper-slide-shadow"); + + if ($shadowEl.length === 0 && data.shadow) { + $shadowEl = createShadow(params, $slideEl); + } + + if ($shadowEl.length) { + const shadowOpacity = params.shadowPerProgress + ? progress * (1 / params.limitProgress) + : progress; + $shadowEl[0].style.opacity = Math.min( + Math.max(Math.abs(shadowOpacity), 0), + 1, + ); + } + } + + const $targetEl = effectTarget(params, $slideEl); + $targetEl.transform(transform).css({ + opacity: opacityString, + }); + + if (data.origin) { + $targetEl.css("transform-origin", data.origin); + } + } + }; + + const setTransition = (duration) => { + const { transformEl } = swiper.params.creativeEffect; + const $transitionElements = transformEl + ? swiper.slides.find(transformEl) + : swiper.slides; + $transitionElements + .transition(duration) + .find(".swiper-slide-shadow") + .transition(duration); + effectVirtualTransitionEnd({ + swiper, + duration, + transformEl, + allSlides: true, + }); + }; + + effectInit({ + effect: "creative", + swiper, + on, + setTranslate, + setTransition, + perspective: () => swiper.params.creativeEffect.perspective, + overwriteParams: () => ({ + watchSlidesProgress: true, + virtualTranslate: !swiper.params.cssMode, + }), + }); + } + + function EffectCards(_ref) { + let { swiper, extendParams, on } = _ref; + extendParams({ + cardsEffect: { + slideShadows: true, + transformEl: null, + }, + }); + + const setTranslate = () => { + const { slides, activeIndex } = swiper; + const params = swiper.params.cardsEffect; + const { startTranslate, isTouched } = swiper.touchEventsData; + const currentTranslate = swiper.translate; + + for (let i = 0; i < slides.length; i += 1) { + const $slideEl = slides.eq(i); + const slideProgress = $slideEl[0].progress; + const progress = Math.min(Math.max(slideProgress, -4), 4); + let offset = $slideEl[0].swiperSlideOffset; + + if (swiper.params.centeredSlides && !swiper.params.cssMode) { + swiper.$wrapperEl.transform(`translateX(${swiper.minTranslate()}px)`); + } + + if (swiper.params.centeredSlides && swiper.params.cssMode) { + offset -= slides[0].swiperSlideOffset; + } + + let tX = swiper.params.cssMode ? -offset - swiper.translate : -offset; + let tY = 0; + const tZ = -100 * Math.abs(progress); + let scale = 1; + let rotate = -2 * progress; + let tXAdd = 8 - Math.abs(progress) * 0.75; + const slideIndex = + swiper.virtual && swiper.params.virtual.enabled + ? swiper.virtual.from + i + : i; + const isSwipeToNext = + (slideIndex === activeIndex || slideIndex === activeIndex - 1) && + progress > 0 && + progress < 1 && + (isTouched || swiper.params.cssMode) && + currentTranslate < startTranslate; + const isSwipeToPrev = + (slideIndex === activeIndex || slideIndex === activeIndex + 1) && + progress < 0 && + progress > -1 && + (isTouched || swiper.params.cssMode) && + currentTranslate > startTranslate; + + if (isSwipeToNext || isSwipeToPrev) { + const subProgress = + (1 - Math.abs((Math.abs(progress) - 0.5) / 0.5)) ** 0.5; + rotate += -28 * progress * subProgress; + scale += -0.5 * subProgress; + tXAdd += 96 * subProgress; + tY = `${-25 * subProgress * Math.abs(progress)}%`; + } + + if (progress < 0) { + // next + tX = `calc(${tX}px + (${tXAdd * Math.abs(progress)}%))`; + } else if (progress > 0) { + // prev + tX = `calc(${tX}px + (-${tXAdd * Math.abs(progress)}%))`; + } else { + tX = `${tX}px`; + } + + if (!swiper.isHorizontal()) { + const prevY = tY; + tY = tX; + tX = prevY; + } + + const scaleString = + progress < 0 + ? `${1 + (1 - scale) * progress}` + : `${1 - (1 - scale) * progress}`; + const transform = ` + translate3d(${tX}, ${tY}, ${tZ}px) + rotateZ(${rotate}deg) + scale(${scaleString}) + `; + + if (params.slideShadows) { + // Set shadows + let $shadowEl = $slideEl.find(".swiper-slide-shadow"); + + if ($shadowEl.length === 0) { + $shadowEl = createShadow(params, $slideEl); + } + + if ($shadowEl.length) + $shadowEl[0].style.opacity = Math.min( + Math.max((Math.abs(progress) - 0.5) / 0.5, 0), + 1, + ); + } + + $slideEl[0].style.zIndex = + -Math.abs(Math.round(slideProgress)) + slides.length; + const $targetEl = effectTarget(params, $slideEl); + $targetEl.transform(transform); + } + }; + + const setTransition = (duration) => { + const { transformEl } = swiper.params.cardsEffect; + const $transitionElements = transformEl + ? swiper.slides.find(transformEl) + : swiper.slides; + $transitionElements + .transition(duration) + .find(".swiper-slide-shadow") + .transition(duration); + effectVirtualTransitionEnd({ + swiper, + duration, + transformEl, + }); + }; + + effectInit({ + effect: "cards", + swiper, + on, + setTranslate, + setTransition, + perspective: () => true, + overwriteParams: () => ({ + watchSlidesProgress: true, + virtualTranslate: !swiper.params.cssMode, + }), + }); + } + + // Swiper Class + const modules = [ + Virtual, + Keyboard, + Mousewheel, + Navigation, + Pagination, + Scrollbar, + Parallax, + Zoom, + Lazy, + Controller, + A11y, + History, + HashNavigation, + Autoplay, + Thumb, + freeMode, + Grid, + Manipulation, + EffectFade, + EffectCube, + EffectFlip, + EffectCoverflow, + EffectCreative, + EffectCards, + ]; + Swiper.use(modules); + + return Swiper; +}); diff --git a/themes/hugoplate/assets/scss/base.scss b/themes/hugoplate/assets/scss/base.scss new file mode 100755 index 0000000..2fac7c2 --- /dev/null +++ b/themes/hugoplate/assets/scss/base.scss @@ -0,0 +1,59 @@ +html { + @apply text-base-sm md:text-base; +} + +body { + @apply bg-body text-base dark:bg-darkmode-body font-primary font-normal leading-relaxed text-text dark:text-darkmode-text; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + @apply font-secondary font-bold leading-tight text-dark dark:text-darkmode-dark; +} + +h1, +.h1 { + @apply text-h1-sm md:text-h1; +} + +h2, +.h2 { + @apply text-h2-sm md:text-h2; +} + +h3, +.h3 { + @apply text-h3-sm md:text-h3; +} + +h4, +.h4 { + @apply text-h4; +} + +h5, +.h5 { + @apply text-h5; +} + +h6, +.h6 { + @apply text-h6; +} + +b, +strong { + @apply font-semibold; +} + +code { + @apply after:border-none; +} + +blockquote > p { + @apply my-0 #{!important}; +} diff --git a/themes/hugoplate/assets/scss/buttons.scss b/themes/hugoplate/assets/scss/buttons.scss new file mode 100755 index 0000000..b44a41d --- /dev/null +++ b/themes/hugoplate/assets/scss/buttons.scss @@ -0,0 +1,15 @@ +.btn { + @apply inline-block rounded border border-transparent px-5 py-2 font-semibold capitalize transition; +} + +.btn-sm { + @apply rounded-sm px-4 py-1.5 text-sm; +} + +.btn-primary { + @apply border-primary bg-primary dark:border-darkmode-primary dark:text-dark text-white dark:bg-darkmode-primary; +} + +.btn-outline-primary { + @apply border-dark text-dark hover:bg-dark dark:hover:text-dark bg-transparent hover:text-white dark:border-darkmode-primary dark:text-white dark:hover:bg-darkmode-primary; +} diff --git a/themes/hugoplate/assets/scss/components.scss b/themes/hugoplate/assets/scss/components.scss new file mode 100755 index 0000000..213d5a1 --- /dev/null +++ b/themes/hugoplate/assets/scss/components.scss @@ -0,0 +1,74 @@ +main { + min-height: 70vh; +} + +// section style +.section { + @apply py-24 xl:py-28; + &-sm { + @apply py-16 xl:py-20; + } +} + +// container +.container { + @apply mx-auto px-4 2xl:max-w-[1320px]; +} + +// form style +.form-input { + @apply bg-theme-light text-dark placeholder:text-light focus:border-primary dark:border-darkmode-border dark:bg-darkmode-theme-light dark:text-darkmode-light w-full rounded border-transparent px-6 py-4 focus:ring-transparent; +} + +.form-label { + @apply font-secondary text-dark dark:text-darkmode-light mb-4 block text-xl font-normal; +} + +// social icons +.social-icons { + @apply space-x-4; + li { + @apply inline-block; + a { + @apply bg-primary dark:bg-darkmode-primary dark:text-dark flex h-9 w-9 items-center justify-center rounded text-center leading-9 text-white; + svg { + @apply h-5 w-5; + } + } + } +} + +// swiper pagination +.swiper-pagination-bullet { + @apply bg-theme-light dark:bg-darkmode-theme-light h-2.5 w-2.5 opacity-100 mx-1.5 #{!important}; + + &-active { + @apply bg-primary dark:bg-darkmode-primary h-4 w-4 #{!important}; + } +} + +// content style +.content { + @apply prose max-w-none; + @apply prose-headings:mb-[.3em] prose-headings:mt-[.6em] prose-headings:text-dark prose-headings:dark:text-darkmode-dark; + @apply prose-h1:text-h1-sm md:prose-h1:text-h1; + @apply prose-h2:text-h2-sm md:prose-h2:text-h2; + @apply prose-h3:text-h3-sm md:prose-h3:text-h3; + @apply prose-img:max-w-full prose-img:rounded; + @apply prose-hr:border-border prose-hr:dark:border-darkmode-border; + @apply prose-p:text-base prose-p:text-text prose-p:dark:text-darkmode-text; + @apply prose-blockquote:rounded-lg prose-blockquote:border prose-blockquote:border-l-[10px] prose-blockquote:border-primary prose-blockquote:bg-theme-light prose-blockquote:px-8 prose-blockquote:py-10 prose-blockquote:font-secondary prose-blockquote:text-2xl prose-blockquote:not-italic prose-blockquote:text-dark prose-blockquote:dark:border-darkmode-primary prose-blockquote:dark:bg-darkmode-theme-light prose-blockquote:dark:text-darkmode-light; + @apply prose-pre:rounded-lg prose-pre:bg-theme-light prose-pre:dark:bg-darkmode-theme-light; + @apply prose-code:px-1 prose-code:dark:text-darkmode-light; + @apply prose-strong:text-dark prose-strong:dark:text-darkmode-text; + @apply prose-a:text-text prose-a:underline hover:prose-a:text-primary prose-a:dark:text-darkmode-text hover:prose-a:dark:text-darkmode-primary; + @apply prose-li:text-text prose-li:dark:text-darkmode-text; + @apply prose-table:relative prose-table:overflow-hidden prose-table:rounded-lg prose-table:before:absolute prose-table:before:left-0 prose-table:before:top-0 prose-table:before:h-full prose-table:before:w-full prose-table:before:rounded-[inherit] prose-table:before:border prose-table:before:content-[""] prose-table:before:dark:border-darkmode-border; + @apply prose-thead:border-border prose-thead:bg-theme-light prose-thead:dark:border-darkmode-border prose-thead:dark:bg-darkmode-theme-light; + @apply prose-th:relative prose-th:z-10 prose-th:px-4 prose-th:py-[18px] prose-th:text-dark prose-th:dark:text-darkmode-text; + @apply prose-tr:border-border prose-tr:dark:border-darkmode-border; + @apply prose-td:relative prose-td:z-10 prose-td:px-3 prose-td:py-[18px] prose-td:dark:text-darkmode-text; + .btn { + @apply dark:hover:text-dark no-underline hover:text-white #{!important}; + } +} diff --git a/themes/hugoplate/assets/scss/custom.scss b/themes/hugoplate/assets/scss/custom.scss new file mode 100644 index 0000000..6dc68fe --- /dev/null +++ b/themes/hugoplate/assets/scss/custom.scss @@ -0,0 +1,2 @@ +// DO NOT WRITE ANY STYLE IN THIS FILE +// If you want to add your own styles, please write it in the `./assets/scss/custom.scss` file. diff --git a/themes/hugoplate/assets/scss/main.scss b/themes/hugoplate/assets/scss/main.scss new file mode 100755 index 0000000..4bbaf78 --- /dev/null +++ b/themes/hugoplate/assets/scss/main.scss @@ -0,0 +1,30 @@ +@tailwind base; +@tailwind components; +@tailwind utilities; + +@layer base { + @import "base"; +} + +@layer components { + @import "components"; + @import "navigation"; + @import "buttons"; +} + +@layer utilities { + @import "utilities"; +} + +@import "search"; +@import "social-share"; +@import "gallery-slider"; +@import "images"; +@import "toc"; +@import "tab"; +@import "accordion"; +@import "modal"; +@import "notice"; + +@import "module-overrides"; +@import "custom"; diff --git a/themes/hugoplate/assets/scss/module-overrides.scss b/themes/hugoplate/assets/scss/module-overrides.scss new file mode 100644 index 0000000..d1a0f25 --- /dev/null +++ b/themes/hugoplate/assets/scss/module-overrides.scss @@ -0,0 +1,58 @@ +// table of contents +.table-of-content { + @apply overflow-hidden rounded; +} + +// share icons +.share-icons { + .share-link { + @apply h-9 w-9 rounded leading-9; + @apply bg-primary hover:bg-primary dark:bg-darkmode-primary dark:hover:bg-darkmode-primary; + } + .share-icon svg { + @apply dark:fill-dark; + } +} + +// notice +.notice { + @apply rounded-lg; +} + +// tab +.tab { + @apply border-border dark:border-darkmode-border overflow-hidden rounded-lg border; + &-nav { + @apply border-border bg-theme-light dark:border-darkmode-border dark:bg-darkmode-theme-light pl-4; + + &-item { + @apply text-dark dark:text-darkmode-dark px-8 text-lg #{!important}; + &.active { + @apply border-dark dark:border-darkmode-primary; + } + } + } + &-content { + &-panel { + @apply px-4 pt-0 #{!important}; + } + } +} + +// accordion +.accordion { + @apply border-border bg-theme-light dark:border-darkmode-border dark:bg-darkmode-theme-light mb-6 overflow-hidden rounded-lg border; + &-header { + @apply text-dark dark:text-darkmode-dark; + } +} + +// cookie consent +.cookie-box { + @apply rounded-lg #{!important}; +} + +// slider +.gallery-slider { + @apply ml-0 #{!important}; +} diff --git a/themes/hugoplate/assets/scss/navigation.scss b/themes/hugoplate/assets/scss/navigation.scss new file mode 100755 index 0000000..24fc9e1 --- /dev/null +++ b/themes/hugoplate/assets/scss/navigation.scss @@ -0,0 +1,87 @@ +// navbar toggler +input#nav-toggle:checked + label #show-button { + @apply hidden; +} + +input#nav-toggle:checked + label #hide-button { + @apply block; +} + +input#nav-toggle:checked ~ #nav-menu { + @apply block; +} + +.header { + @apply bg-body dark:bg-darkmode-body py-6; +} + +// navbar items +.navbar { + @apply relative flex flex-wrap items-center justify-between; +} + +.navbar-brand { + @apply text-dark dark:text-darkmode-dark text-xl font-semibold; + image { + @apply max-h-full max-w-full; + } +} + +.navbar-nav { + @apply text-center lg:text-left; +} + +// .nav-item { +// @apply mx-3; +// } + +.nav-link { + @apply text-dark hover:text-primary dark:text-darkmode-dark dark:hover:text-darkmode-primary block p-3 cursor-pointer font-semibold transition lg:px-2 lg:py-3; +} + +.nav-dropdown { + @apply mr-0; + & > svg { + @apply pointer-events-none; + } + &.active { + .nav-dropdown-list { + @apply block; + } + } +} + +.nav-dropdown-list { + @apply bg-body dark:bg-darkmode-body z-10 min-w-[180px] rounded p-4 shadow hidden lg:invisible lg:absolute lg:block lg:opacity-0; +} + +.nav-dropdown-item { + @apply [&:not(:last-child)]:mb-2; +} + +.nav-dropdown-link { + @apply text-dark hover:text-primary dark:text-darkmode-text dark:hover:text-darkmode-primary block py-1 font-semibold transition; +} + +//theme-switcher +.theme-switcher { + @apply inline-flex; + + label { + @apply bg-border relative inline-block h-4 w-6 cursor-pointer rounded-2xl lg:w-10; + } + + input { + @apply absolute opacity-0; + } + + span { + @apply bg-dark absolute -top-1 left-0 flex h-6 w-6 items-center justify-center rounded-full transition-all duration-300 dark:bg-white; + } + + input:checked + label { + span { + @apply lg:left-4; + } + } +} diff --git a/themes/hugoplate/assets/scss/utilities.scss b/themes/hugoplate/assets/scss/utilities.scss new file mode 100755 index 0000000..154570e --- /dev/null +++ b/themes/hugoplate/assets/scss/utilities.scss @@ -0,0 +1,20 @@ +.bg-gradient { + @apply dark:from-darkmode-theme-light dark:to-darkmode-body bg-gradient-to-b from-[rgba(249,249,249,1)] from-[0.53%] to-white to-[83.28%]; +} + +.rounded-sm { + @apply rounded-[4px]; +} +.rounded { + @apply rounded-[6px]; +} +.rounded-lg { + @apply rounded-[12px]; +} +.rounded-xl { + @apply rounded-[16px]; +} + +.shadow { + box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.05); +} diff --git a/themes/hugoplate/layouts/404.en.html b/themes/hugoplate/layouts/404.en.html new file mode 100755 index 0000000..9d174c6 --- /dev/null +++ b/themes/hugoplate/layouts/404.en.html @@ -0,0 +1,26 @@ +{{ define "main" }} +
+
+
+
+ + 404 + +

Page not found

+
+

+ The page you are looking for might have been removed, had its name + changed, or is temporarily unavailable. +

+
+ + Back to home + +
+
+
+
+{{ end }} diff --git a/themes/hugoplate/layouts/_default/baseof.html b/themes/hugoplate/layouts/_default/baseof.html new file mode 100755 index 0000000..4b1246b --- /dev/null +++ b/themes/hugoplate/layouts/_default/baseof.html @@ -0,0 +1,53 @@ + + + + + {{ partial "essentials/head.html" . }} + + + + {{ partialCached "essentials/style.html" . }} + + + + + + {{ if hugo.IsProduction }} + {{ partialCached "preloader.html" . }} + {{ partialCached "gtm-noscript.html" . }} + {{ else }} + {{ partial "preloader.html" . }} + + + + {{ partial "components/tw-size-indicator.html" . }} + {{ end }} + + + + {{ partialCached "announcement.html" . }} + + + + {{ partial "essentials/header.html" . }} + {{ partial "search-modal.html" (dict "Context" . ) }} + + +
+ {{ block "main" . }}{{ end }} +
+ + + {{ partial "essentials/footer.html" . }} + + + + {{ partialCached "essentials/script.html" . }} + + diff --git a/themes/hugoplate/layouts/_default/list.html b/themes/hugoplate/layouts/_default/list.html new file mode 100755 index 0000000..9ed947c --- /dev/null +++ b/themes/hugoplate/layouts/_default/list.html @@ -0,0 +1,33 @@ +{{ define "main" }} + {{ partial "page-header" . }} +
+
+
+
+
+ {{ .Content }} +
+
+
+
+
+ +{{ if not .Params.masquer_liens }} +
+
+ +
+
+{{ end }} + +{{ end }} diff --git a/themes/hugoplate/layouts/_default/single.html b/themes/hugoplate/layouts/_default/single.html new file mode 100755 index 0000000..d8a2345 --- /dev/null +++ b/themes/hugoplate/layouts/_default/single.html @@ -0,0 +1,14 @@ +{{ define "main" }} + {{ partial "page-header" . }} +
+
+
+
+
+ {{ .Content }} +
+
+
+
+
+{{ end }} diff --git a/themes/hugoplate/layouts/_default/taxonomy.html b/themes/hugoplate/layouts/_default/taxonomy.html new file mode 100755 index 0000000..ec083f8 --- /dev/null +++ b/themes/hugoplate/layouts/_default/taxonomy.html @@ -0,0 +1,21 @@ +{{ define "main" }} + {{ partial "page-header" . }} + + +
+
+
+ +
+
+ {{ range .Data.Pages }} +
+ {{ partial "components/blog-card" . }} +
+ {{ end }} +
+
+
+
+
+{{ end }} diff --git a/themes/hugoplate/layouts/_default/terms.html b/themes/hugoplate/layouts/_default/terms.html new file mode 100755 index 0000000..7e6f648 --- /dev/null +++ b/themes/hugoplate/layouts/_default/terms.html @@ -0,0 +1,41 @@ +{{ define "main" }} + {{ partial "page-header" . }} + + +
+
+ +
+
+{{ end }} diff --git a/themes/hugoplate/layouts/agenda/list.html b/themes/hugoplate/layouts/agenda/list.html new file mode 100644 index 0000000..99db101 --- /dev/null +++ b/themes/hugoplate/layouts/agenda/list.html @@ -0,0 +1,16 @@ +{{ define "main" }} +{{ partial "page-header" . }} + + +
+
+
+ {{ range .Pages.ByExpiryDate }} +
+ {{ partial "components/event-card" . }} +
+ {{ end }} +
+
+
+{{ end }} diff --git a/themes/hugoplate/layouts/agenda/single.html b/themes/hugoplate/layouts/agenda/single.html new file mode 100644 index 0000000..901cd8d --- /dev/null +++ b/themes/hugoplate/layouts/agenda/single.html @@ -0,0 +1,106 @@ +{{ define "main" }} + + +
+
+
+
+ {{ $image:= .Params.image }} + {{ if $image }} +
+ {{ partial "image" (dict "Src" $image "Context" .Page "Alt" .Title "Class" "w-full rounded") }} +
+ {{ end }} +

+ {{ .Title }} +

+
+ {{ .Params.location }} +
+ {{ $format := "2 Jan 2006 à 15:04" }} +
+ {{dateFormat $format .Params.date_evt }} +
+ +
+ {{ .Content }} +
+
+ {{ $tags:= .Params.tags }} + {{ if $tags }} +
+
{{ T "tags" }} :
+ +
+ {{ end }} + +
+ {{ if .Params.url_info }} +
+ + {{ .Params.url_info }} + +
+ {{ end }} +
+
+ + + {{ $related := (where site.RegularPages "Section" "in" "agenda") | intersect (where site.RegularPages ".Params.date_evt" "!=" .Params.date_evt) }} + {{ $related = $related | first 3 }} + {{ with $related }} +
+

{{ T "Evts_a_venir" }}

+
+ {{ range . }} +
+ {{ partial "components/event-card" . }} +
+ {{ end }} +
+
+ {{ end }} +
+
+{{ end }} diff --git a/themes/hugoplate/layouts/blog/list.html b/themes/hugoplate/layouts/blog/list.html new file mode 100644 index 0000000..84b56e9 --- /dev/null +++ b/themes/hugoplate/layouts/blog/list.html @@ -0,0 +1,29 @@ +{{ define "main" }} + {{ partial "page-header" . }} + + +
+
+
+ +
+
+ {{ $paginator:= .Paginate .RegularPages }} + {{ range $paginator.Pages }} +
+ {{ partial "components/blog-card" . }} +
+ {{ end }} +
+ {{ partial "components/pagination.html" . }} +
+ +
+ + {{ $widget:= site.Params.widgets.sidebar }} + {{ partialCached "widgets/widget-wrapper" ( dict "Widgets" $widget "Scope" . ) }} +
+
+
+
+{{ end }} diff --git a/themes/hugoplate/layouts/blog/single.html b/themes/hugoplate/layouts/blog/single.html new file mode 100644 index 0000000..283acba --- /dev/null +++ b/themes/hugoplate/layouts/blog/single.html @@ -0,0 +1,95 @@ +{{ define "main" }} +
+
+
+
+ {{ $image:= .Params.image }} + {{ if $image }} +
+ {{ partial "image" (dict "Src" $image "Context" .Page "Alt" .Title "Class" "w-full rounded") }} +
+ {{ end }} +

+ {{ .Title }} +

+ +
+ {{ partial "toc.html" (dict "Class" "blog" "Collapsed" false "TableOfContents" .TableOfContents ) }} + {{ .Content }} +
+
+ {{ $tags:= .Params.tags }} + {{ if $tags }} +
+
{{ T "tags" }} :
+ +
+ {{ end }} +
+ {{ partial "social-share" (dict "Context" . "Class" "share-icons" "Title" (T "share") "Whatsapp" false "Telegram" false "Linkedin" false "Pinterest" false "Tumblr" false "Vk" false) }} +
+
+ + {{ if site.Config.Services.Disqus.Shortname }} +
+ {{ template "_internal/disqus.html" . }} +
+ {{ end }} +
+
+ + + {{ $related := (where site.RegularPages "Section" "in" site.Params.mainSections) | intersect (where site.RegularPages ".Title" "!=" .Title) | union (site.RegularPages.Related . ) }} + {{ $related = $related | shuffle | first 3 }} + {{ with $related }} +
+

{{ T "related_posts" }}

+
+ {{ range . }} +
+ {{ partial "components/blog-card" . }} +
+ {{ end }} +
+
+ {{ end }} +
+
+{{ end }} diff --git a/themes/hugoplate/layouts/contact/list.html b/themes/hugoplate/layouts/contact/list.html new file mode 100755 index 0000000..21244a4 --- /dev/null +++ b/themes/hugoplate/layouts/contact/list.html @@ -0,0 +1,116 @@ +{{ define "main" }} + {{ partial "page-header" . }} +
+
+
+
+
+ {{ .Content }} +
+
+
+
+
+ + + + + + +{{ end }} diff --git a/themes/hugoplate/layouts/index.html b/themes/hugoplate/layouts/index.html new file mode 100755 index 0000000..26984c0 --- /dev/null +++ b/themes/hugoplate/layouts/index.html @@ -0,0 +1,102 @@ +{{ define "main" }} + + {{ with .Params.banner }} +
+
+
+
+

+ {{ .title | markdownify }} +

+

+ {{ .content | markdownify }} +

+ {{ with .button }} + {{ if .enable }} + + {{ .label }} + + + {{ end }} + {{ end }} +
+
+ {{ partial "image" (dict "Src" .image "Alt" "Banner image" "Loading" "eager" "Class" "mx-auto lg:!max-w-[800px]" "DisplayXL" "800x" ) }} +
+
+
+
+ {{ end }} + + + + {{ range $i, $e:= .Params.features }} +
+
+
+
+ {{ partial "image" (dict "Src" .image "Alt" .image_alt "Class" "mx-auto" "DisplayXL" "520x" "DisplayLG" "425x" "DisplayMD" "360x") }} +
+
+

+ {{ .title | markdownify }} +

+

+ {{ .content | markdownify }} +

+
    + {{ range .bulletpoints }} +
  • + + {{ . | markdownify }} +
    • + {{ end }} +
+ {{ with .button }} + {{ if .enable }} + + {{ .label }} + + + {{ end }} + {{ end }} +
+
+
+
+ {{ end }} + + + + +{{ $pageAgenda := where $.Site.Pages "Section" "agenda"}} +
+

+ Agenda +

+
+
+ {{ range first 4 ($e:= $pageAgenda.ByExpiryDate) }} + {{ if ne .Kind "section" }} +
+ {{ partial "components/event-card-mini" . }} +
+ {{ end }} + {{ end }} +
+
+
+ + +{{ end }} diff --git a/themes/hugoplate/layouts/le_collectif/list.html b/themes/hugoplate/layouts/le_collectif/list.html new file mode 100644 index 0000000..e45cd39 --- /dev/null +++ b/themes/hugoplate/layouts/le_collectif/list.html @@ -0,0 +1,16 @@ +{{ define "main" }} + {{ partial "page-header" . }} + + +
+
+
+ {{ range .RegularPages }} +
+ {{ partial "components/author-card" . }} +
+ {{ end }} +
+
+
+{{ end }} diff --git a/themes/hugoplate/layouts/le_collectif/single.html b/themes/hugoplate/layouts/le_collectif/single.html new file mode 100755 index 0000000..53da858 --- /dev/null +++ b/themes/hugoplate/layouts/le_collectif/single.html @@ -0,0 +1,62 @@ +{{ define "main" }} +
+
+
+ Retour à la liste +
+
+
+
+
+
+
+ {{ $image:= .Params.image }} + {{ if $image }} + {{ partial "image" (dict "Src" $image "Context" .Page "Alt" .Title "Class" "mx-auto") }} + {{ else if .Params.Email }} + {{ .Title }} + {{ end }} +

{{ .Title }}

+ {{ if .Params.website }} +
+ + {{ .Params.website }} + +
+ {{ end }} +
+ {{ .Content }} +
+ +
+
+ +
+ {{ $filterByAuthor := where site.RegularPages "Params.author" "==" .Title }} + {{ range $filterByAuthor }} +
+ {{ partial "components/blog-card" . }} +
+ {{ end }} +
+
+
+{{ end }} diff --git a/themes/hugoplate/layouts/partials/call-to-action.html b/themes/hugoplate/layouts/partials/call-to-action.html new file mode 100644 index 0000000..dce0837 --- /dev/null +++ b/themes/hugoplate/layouts/partials/call-to-action.html @@ -0,0 +1,33 @@ + +{{ with site.GetPage "sections/call-to-action" }} + {{ if .Params.enable }} +
+
+
+
+
+ {{ partial "image" (dict "Src" .image "Alt" "call to action" "Class" "w-full") }} +
+
+

+ {{ .Title | markdownify }} +

+

+ {{ .Params.description | markdownify }} +

+ {{ with .Params.button }} + {{ if .enable }} + + {{ .label }} + + {{ end }} + {{ end }} +
+
+
+
+
+ {{ end }} +{{ end }} + diff --git a/themes/hugoplate/layouts/partials/components/author-card.html b/themes/hugoplate/layouts/partials/components/author-card.html new file mode 100755 index 0000000..69cbd2a --- /dev/null +++ b/themes/hugoplate/layouts/partials/components/author-card.html @@ -0,0 +1,37 @@ +
+ {{ $image:= .Params.image }} + {{ if $image }} + + {{ partial "image" (dict "Src" $image "Context" .Page "Alt" .Title "Class" "mx-auto mb-6 rounded" "size" "200x200") }} + + {{ end }} +

+ {{ .Title }} +

+
+

+ {{ .Description }} +

+
+ +
diff --git a/themes/hugoplate/layouts/partials/components/blog-card.html b/themes/hugoplate/layouts/partials/components/blog-card.html new file mode 100644 index 0000000..6b85691 --- /dev/null +++ b/themes/hugoplate/layouts/partials/components/blog-card.html @@ -0,0 +1,37 @@ +
+ {{ $image:= .Params.image }} + {{ if $image }} + {{ partial "image" (dict "Src" $image "Context" .Page "Alt" .Title "Class" "mb-6 w-full rounded") }} + {{ end }} +

+ + {{ .Title }} + +

+ {{ $categories:= .Params.categories }} + {{ if $categories }} + + {{ end }} +

{{ .Summary }}

+ + {{ T "read_more" }} + +
diff --git a/themes/hugoplate/layouts/partials/components/breadcrumb.html b/themes/hugoplate/layouts/partials/components/breadcrumb.html new file mode 100644 index 0000000..eba367c --- /dev/null +++ b/themes/hugoplate/layouts/partials/components/breadcrumb.html @@ -0,0 +1,30 @@ +{{ $context := .Context }} +{{ $class := .Class }} +{{ $base := site.Home.Permalink }} + + + diff --git a/themes/hugoplate/layouts/partials/components/event-card-mini.html b/themes/hugoplate/layouts/partials/components/event-card-mini.html new file mode 100755 index 0000000..0736f19 --- /dev/null +++ b/themes/hugoplate/layouts/partials/components/event-card-mini.html @@ -0,0 +1,14 @@ +
+ {{ $image:= .Params.image }} + {{ if $image }} + {{ partial "image" (dict "Src" $image "Context" .Page "Alt" .Title "Class" "mx-auto mb-6 rounded" "size" "120x120") }} + {{ end }} + {{ $format := "2 Jan 2006" }} +
{{dateFormat $format .Params.date_evt }}
+

+ {{ .Title }} +

+
{{.Params.ville }}
+ +
diff --git a/themes/hugoplate/layouts/partials/components/event-card.html b/themes/hugoplate/layouts/partials/components/event-card.html new file mode 100755 index 0000000..edd3249 --- /dev/null +++ b/themes/hugoplate/layouts/partials/components/event-card.html @@ -0,0 +1,17 @@ +
+ {{ $image:= .Params.image }} + {{ if $image }} + {{ partial "image" (dict "Src" $image "Context" .Page "Alt" .Title "Class" "mx-auto mb-6 rounded" "size" "120x120") }} + {{ end }} + {{ $format := "2 Jan 2006" }} +
{{dateFormat $format .Params.date_evt }}
+

+ {{ .Title }} +

+
{{.Params.ville }}
+

+ {{ .Summary }} +

+ +
diff --git a/themes/hugoplate/layouts/partials/components/language-switcher.html b/themes/hugoplate/layouts/partials/components/language-switcher.html new file mode 100644 index 0000000..bbee9dd --- /dev/null +++ b/themes/hugoplate/layouts/partials/components/language-switcher.html @@ -0,0 +1,28 @@ + +{{ $class := .Class }} +{{ $context := .Context }} +{{ $pageLang := $context.Lang }} +{{ $base:= urls.Parse site.Home.Permalink }} +{{ $siteLanguages := site.Home.AllTranslations }} +{{ $pageLink := replace (replace $context.RelPermalink (add $pageLang "/") "") $base.Path "/" }} + +{{ if $context.IsTranslated }} + +{{ end }} diff --git a/themes/hugoplate/layouts/partials/components/pagination.html b/themes/hugoplate/layouts/partials/components/pagination.html new file mode 100755 index 0000000..6701887 --- /dev/null +++ b/themes/hugoplate/layouts/partials/components/pagination.html @@ -0,0 +1,138 @@ +{{ $paginator := .Paginator }} + +{{ $adjacent_links := 2 }} + +{{ $max_links := (add (mul $adjacent_links 2) 1) }} + +{{ $lower_limit := (add $adjacent_links 1) }} + +{{ $upper_limit := (sub $paginator.TotalPages $adjacent_links) }} + +{{ if gt $paginator.TotalPages 1 }} + +{{ end }} diff --git a/themes/hugoplate/layouts/partials/components/theme-switcher.html b/themes/hugoplate/layouts/partials/components/theme-switcher.html new file mode 100644 index 0000000..2f8e873 --- /dev/null +++ b/themes/hugoplate/layouts/partials/components/theme-switcher.html @@ -0,0 +1,62 @@ + +{{ $class := .Class }} +{{ if site.Params.theme_switcher }} +
+ + +
+ + + +{{ end }} diff --git a/themes/hugoplate/layouts/partials/components/tw-size-indicator.html b/themes/hugoplate/layouts/partials/components/tw-size-indicator.html new file mode 100644 index 0000000..38e54cf --- /dev/null +++ b/themes/hugoplate/layouts/partials/components/tw-size-indicator.html @@ -0,0 +1,9 @@ +
+ all + + + + + +
diff --git a/themes/hugoplate/layouts/partials/essentials/footer.html b/themes/hugoplate/layouts/partials/essentials/footer.html new file mode 100755 index 0000000..a1b444c --- /dev/null +++ b/themes/hugoplate/layouts/partials/essentials/footer.html @@ -0,0 +1,52 @@ +
+
+
+
+ +
+
+
    + {{ range site.Menus.footer }} +
  • + {{ .Name }} +
    • + {{ end }} +
+
+
+ +
+
+
+
+
+

+ {{ site.Params.copyright | markdownify }} +

+
+
+
diff --git a/themes/hugoplate/layouts/partials/essentials/head.html b/themes/hugoplate/layouts/partials/essentials/head.html new file mode 100755 index 0000000..a4925fe --- /dev/null +++ b/themes/hugoplate/layouts/partials/essentials/head.html @@ -0,0 +1,51 @@ + + + + + + + + + +{{ partialCached "favicon" . }} + + + +{{ partialCached "manifest" . }} + + + +{{ partialCached "site-verifications.html" . }} + + + +{{ partial "basic-seo.html" . }} + + + +{{ partialCached "custom-script.html" . }} + + + +{{ partial "search-index.html" . }} + + + +{{/* {{ partialCached "matomo-analytics.html" . }} */}} + + +{{/* {{ partialCached "baidu-analytics.html" . }} */}} + + +{{/* {{ partialCached "plausible-analytics.html" . }} */}} + + +{{/* {{ partialCached "counter-analytics.html" . }} */}} + + +{{/* {{ partialCached "crisp-chat.html" . }} */}} + + +{{ partial "mermaid/assets/js" . }} diff --git a/themes/hugoplate/layouts/partials/essentials/header.html b/themes/hugoplate/layouts/partials/essentials/header.html new file mode 100755 index 0000000..15749fa --- /dev/null +++ b/themes/hugoplate/layouts/partials/essentials/header.html @@ -0,0 +1,139 @@ +
+ +
diff --git a/themes/hugoplate/layouts/partials/essentials/script.html b/themes/hugoplate/layouts/partials/essentials/script.html new file mode 100755 index 0000000..4d11a0d --- /dev/null +++ b/themes/hugoplate/layouts/partials/essentials/script.html @@ -0,0 +1,58 @@ + +{{ $scripts := slice }} +{{ $scriptsLazy := slice }} +{{ range site.Params.plugins.js }} + {{ if findRE "^http" .link }} + + {{ else }} + {{ if not .lazy }} + {{ $scripts = $scripts | append (resources.Get .link) }} + {{ else }} + {{ $scriptsLazy = $scriptsLazy | append (resources.Get .link) }} + {{ end }} + {{ end }} +{{ end }} + + + +{{ $scripts = $scripts | append (resources.Get "js/main.js") }} +{{ $scripts = $scripts | resources.Concat "js/script.js" }} + +{{ $scriptsLazy = $scriptsLazy | resources.Concat "js/script-lazy.js" }} + +{{ if hugo.IsProduction }} + {{ $scripts = $scripts | minify | fingerprint }} + {{ $scriptsLazy = $scriptsLazy | minify | fingerprint }} +{{ end }} + +{{/* scripts */}} + + +{{/* scripts lazy */}} + + + +{{ partialCached "pwa.html" . }} + + + +{{ partialCached "cookie-consent.html" . }} + + + +{{ partialCached "adsense-script.html" . }} + + + +{{ partialCached "announcement-script.html" . }} diff --git a/themes/hugoplate/layouts/partials/essentials/style.html b/themes/hugoplate/layouts/partials/essentials/style.html new file mode 100755 index 0000000..bfc14ce --- /dev/null +++ b/themes/hugoplate/layouts/partials/essentials/style.html @@ -0,0 +1,55 @@ + + + + +{{ $styles := slice }} +{{ $stylesLazy := slice }} +{{ range site.Params.plugins.css }} + {{ if findRE "^http" .link }} + + {{ else }} + {{ if not .lazy }} + {{ $styles = $styles | append (resources.Get .link) }} + {{ else }} + {{ $stylesLazy = $stylesLazy | append (resources.Get .link) }} + {{ end }} + {{ end }} +{{ end }} + +{{/* main style */}} +{{ $styles = $styles | append (resources.Get "scss/main.scss" | toCSS) }} +{{ $styles = $styles | append (resources.Get "fonts/fonts.css" | toCSS) }} +{{ $styles = $styles | resources.Concat "css/style.css" }} +{{ $styles = $styles | resources.PostCSS }} + +{{ $stylesLazy = $stylesLazy | resources.Concat "css/style-lazy.css" }} +{{ $stylesLazy = $stylesLazy | resources.PostCSS }} + +{{ if hugo.IsProduction }} + {{ $styles = $styles | resources.ExecuteAsTemplate "css/style.css" . | minify | fingerprint | resources.PostProcess }} + {{ $stylesLazy = $stylesLazy | resources.ExecuteAsTemplate "css/style-lazy.css" . | minify | fingerprint | resources.PostProcess }} +{{ else }} + {{ $styles = $styles | resources.ExecuteAsTemplate "css/style.css" . }} + {{ $stylesLazy = $stylesLazy | resources.ExecuteAsTemplate "css/style-lazy.css" . }} +{{ end }} + +{{/* styles */}} + + +{{/* styles lazy */}} + diff --git a/themes/hugoplate/layouts/partials/page-header-single.html b/themes/hugoplate/layouts/partials/page-header-single.html new file mode 100755 index 0000000..4bbba25 --- /dev/null +++ b/themes/hugoplate/layouts/partials/page-header-single.html @@ -0,0 +1,8 @@ +
+
+
+ {{ partial "components/breadcrumb" (dict "Context" . "Class" "mt-6") }} +
+
+
diff --git a/themes/hugoplate/layouts/partials/page-header.html b/themes/hugoplate/layouts/partials/page-header.html new file mode 100755 index 0000000..d1b14a5 --- /dev/null +++ b/themes/hugoplate/layouts/partials/page-header.html @@ -0,0 +1,8 @@ +
+
+
+

{{ T (printf "%s" (lower .Title)) | default .Title | title }}

+
+
+
diff --git a/themes/hugoplate/layouts/partials/widgets/categories.html b/themes/hugoplate/layouts/partials/widgets/categories.html new file mode 100755 index 0000000..1a0792b --- /dev/null +++ b/themes/hugoplate/layouts/partials/widgets/categories.html @@ -0,0 +1,23 @@ + +{{ if isset site.Taxonomies "categories" }} + {{ if not (eq (len site.Taxonomies.categories) 0) }} +
+
{{ T "categories" }}
+
+ +
+
+ {{ end }} +{{ end }} diff --git a/themes/hugoplate/layouts/partials/widgets/tags.html b/themes/hugoplate/layouts/partials/widgets/tags.html new file mode 100755 index 0000000..605b20c --- /dev/null +++ b/themes/hugoplate/layouts/partials/widgets/tags.html @@ -0,0 +1,23 @@ + +{{ if isset site.Taxonomies "tags" }} + {{ if not (eq (len site.Taxonomies.tags) 0) }} +
+
{{ T "tags" }}
+
+ +
+
+ {{ end }} +{{ end }} diff --git a/themes/hugoplate/layouts/partials/widgets/widget-wrapper.html b/themes/hugoplate/layouts/partials/widgets/widget-wrapper.html new file mode 100755 index 0000000..03a8a44 --- /dev/null +++ b/themes/hugoplate/layouts/partials/widgets/widget-wrapper.html @@ -0,0 +1,3 @@ +{{ range .Widgets }} + {{ partial ( print "widgets/" . ) $.Scope }} +{{ end }} diff --git a/vercel-build.sh b/vercel-build.sh new file mode 100755 index 0000000..49122c7 --- /dev/null +++ b/vercel-build.sh @@ -0,0 +1,43 @@ +#!/bin/bash + +# default versions +NODE_VERSION='18.16.1'; +GO_VERSION='1.22.2'; +HUGO_VERSION='0.124.1'; + +# install Node.js +# echo "Installing Node.js $NODE_VERSION..." +# curl -sSOL https://nodejs.org/dist/v${NODE_VERSION}/node-v${NODE_VERSION}.tar.gz +# tar -xzf node-v${NODE_VERSION}.tar.gz +# export PATH=$PATH:/usr/local/bin +# rm -rf node-v${NODE_VERSION}.tar.gz + +echo "USING NODE VERSION: $(node -v)" + +# install Go +echo "Installing Go $GO_VERSION..." +curl -sSOL https://dl.google.com/go/go${GO_VERSION}.linux-amd64.tar.gz +tar -C /usr/local -xzf go${GO_VERSION}.linux-amd64.tar.gz +export PATH=$PATH:/usr/local/go/bin +rm -rf go${GO_VERSION}.linux-amd64.tar.gz +go version + +# install Hugo +echo "Installing Hugo $HUGO_VERSION..." +curl -sSOL https://github.com/gohugoio/hugo/releases/download/v${HUGO_VERSION}/hugo_extended_${HUGO_VERSION}_Linux-64bit.tar.gz +tar -xzf hugo_extended_${HUGO_VERSION}_Linux-64bit.tar.gz +mv hugo /usr/local/bin/ +rm -rf hugo_extended_${HUGO_VERSION}_Linux-64bit.tar.gz +hugo version + +# project setup +echo "Project setting up..." +npm run project-setup + +# install dependencies +echo "Installing project dependencies..." +npm install + +# run the build command +echo "Running the build command..." +npm run build diff --git a/vercel.json b/vercel.json new file mode 100755 index 0000000..2626b92 --- /dev/null +++ b/vercel.json @@ -0,0 +1,21 @@ +{ + "builds": [ + { + "src": "vercel-build.sh", + "use": "@vercel/static-build", + "config": { + "distDir": "public" + } + } + ], + "routes": [ + { + "handle": "filesystem" + }, + { + "src": "/(.*)", + "status": 404, + "dest": "/404.html" + } + ] +}