diff --git a/.htmlvalidate.cjs b/.htmlvalidate.cjs index 5f85fead..d4ad4cd1 100644 --- a/.htmlvalidate.cjs +++ b/.htmlvalidate.cjs @@ -10,9 +10,12 @@ module.exports = { "tel-non-breaking": "off", "no-style-tag": "error", "no-unknown-elements": "error", - "heading-level": ["error", { - "allowMultipleH1": false, - "minInitialRank": "h1", - }] + "heading-level": [ + "error", + { + allowMultipleH1: false, + minInitialRank: "h1", + }, + ], }, }; diff --git a/.stylelintrc.cjs b/.stylelintrc.cjs index 632cabe2..904c38a6 100644 --- a/.stylelintrc.cjs +++ b/.stylelintrc.cjs @@ -1,8 +1,5 @@ module.exports = { - extends: [ - "stylelint-config-standard-scss", - "stylelint-config-htmlacademy", - ], + extends: ["stylelint-config-standard-scss", "stylelint-config-htmlacademy"], plugins: ["stylelint-selector-bem-pattern"], rules: { "plugin/selector-bem-pattern": { @@ -15,8 +12,8 @@ module.exports = { { resolveNestedSelectors: true, message: function expected(selectorValue) { - return `Expected class selector "${selectorValue}" to match BEM CSS pattern https://en.bem.info/methodology/css. Selector validation tool: https://regexr.com/3apms`; - }, + return `Expected class selector "${selectorValue}" to match BEM CSS pattern https://en.bem.info/methodology/css. Selector validation tool: https://regexr.com/3apms`; + }, }, ], "selector-max-id": 0, @@ -30,10 +27,13 @@ module.exports = { "scss/at-import-no-partial-leading-underscore": null, "scss/load-no-partial-leading-underscore": true, "declaration-block-no-redundant-longhand-properties": null, - "max-nesting-depth": [1, { - ignore: ["blockless-at-rules", "pseudo-classes"], - ignoreAtRules: ["include", "media"] - }], + "max-nesting-depth": [ + 1, + { + ignore: ["blockless-at-rules", "pseudo-classes"], + ignoreAtRules: ["include", "media"], + }, + ], "declaration-property-value-disallowed-list": null, "declaration-empty-line-before": [ "always", diff --git a/README.md b/README.md index 95264cba..88707fba 100644 --- a/README.md +++ b/README.md @@ -1,4 +1,5 @@ # accelerator-first-project + Стартовый репозиторий для работы над первым проектом в «Акселераторе» профессии «Фронтенд-разработчик» ## Начало работы @@ -12,7 +13,7 @@ npm i ``` -5. Запустите проект с помощью +5. Запустите проект с помощью ```shell npm run dev @@ -36,14 +37,13 @@ npm run dev Запустить тестирование вашего проекта можно с помощью ```shell -npm run test +npm run test ``` Тестовый фреймворк обращается к адресу `localhost:3000` поэтому сервер должен быть запущен с `npm run dev`, запускайте команду тестирования в новом терминале, не закрывая сервер с проектом. На windows масштаб дисплея в системе 100% - В проекте используется множество дополнительных инструментов для самопроверки. Используйте их во время работы и перед отправкой вашего проекта: - `npm run w3c`: проверяет валидность HTML; diff --git a/bem-tree.js b/bem-tree.js index f59ec35b..a9bbec4c 100644 --- a/bem-tree.js +++ b/bem-tree.js @@ -1,6 +1,4 @@ -import bemlinter from 'gulp-html-bemlinter'; -import vfs from 'vinyl-fs'; +import bemlinter from "gulp-html-bemlinter"; +import vfs from "vinyl-fs"; -vfs - .src(['./source/**/*.html', '!./source/**/vendor/*.html']) - .pipe(bemlinter()) +vfs.src(["./source/**/*.html", "!./source/**/vendor/*.html"]).pipe(bemlinter()); diff --git a/convert-rastr.js b/convert-rastr.js index 3fd4ddb4..f8fd2310 100644 --- a/convert-rastr.js +++ b/convert-rastr.js @@ -1,20 +1,18 @@ -import sharp from 'sharp'; -import { globSync } from 'glob'; -import cliProgress from 'cli-progress'; +import sharp from "sharp"; +import { globSync } from "glob"; +import cliProgress from "cli-progress"; // Get all files with extensions jpg and png -const files = globSync('source/**/*.{png,jpg,jpeg}'); +const files = globSync("source/**/*.{png,jpg,jpeg}"); const bar1 = new cliProgress.SingleBar({}, cliProgress.Presets.shades_classic); // Convert all files to webp bar1.start(files.length, 0); const work = files.map(async (file) => { - const [fileName] = file.split('.'); + const [fileName] = file.split("."); const webpFileName = `${fileName}.webp`; // Convert the file to webp - await sharp(file) - .webp() - .toFile(webpFileName); + await sharp(file).webp().toFile(webpFileName); // todo resize from 2x bar1.increment(); diff --git a/engine_scripts/empty-form-submit.cjs b/engine_scripts/empty-form-submit.cjs index 759210a5..d4c58c45 100644 --- a/engine_scripts/empty-form-submit.cjs +++ b/engine_scripts/empty-form-submit.cjs @@ -1,10 +1,10 @@ module.exports = async (page, scenario, vp) => { - console.log('SCENARIO > ' + scenario.label); + console.log("SCENARIO > " + scenario.label); // add more ready handlers here... await page.waitForFunction(() => { return document.fonts.ready.then(() => { - console.log('Fonts loaded'); + console.log("Fonts loaded"); return true; }); }); @@ -13,7 +13,7 @@ module.exports = async (page, scenario, vp) => { /** force load lazy images */ const lazyImages = document.querySelectorAll('img[loading="lazy"]'); lazyImages.forEach((i) => { - i.removeAttribute('loading'); + i.removeAttribute("loading"); }); }, scenario); diff --git a/engine_scripts/faq-tab-1.cjs b/engine_scripts/faq-tab-1.cjs index 717009a3..00021a54 100644 --- a/engine_scripts/faq-tab-1.cjs +++ b/engine_scripts/faq-tab-1.cjs @@ -1,10 +1,10 @@ module.exports = async (page, scenario, vp) => { - console.log('SCENARIO > ' + scenario.label); + console.log("SCENARIO > " + scenario.label); // add more ready handlers here... await page.waitForFunction(() => { return document.fonts.ready.then(() => { - console.log('Fonts loaded'); + console.log("Fonts loaded"); return true; }); }); @@ -13,22 +13,25 @@ module.exports = async (page, scenario, vp) => { /** force load lazy images */ const lazyImages = document.querySelectorAll('img[loading="lazy"]'); lazyImages.forEach((i) => { - i.removeAttribute('loading'); + i.removeAttribute("loading"); }); }, scenario); const getByText = async ($container, text) => { - const [$el] = await $container.$$(`xpath/.//*[text()='${text}']`) - return $el ? [$el] : $container.$$(`xpath/.//*[contains(text(), '${text}')]`) - } + const [$el] = await $container.$$(`xpath/.//*[text()='${text}']`); + return $el + ? [$el] + : $container.$$(`xpath/.//*[contains(text(), '${text}')]`); + }; const container = await page.$(`[data-test="faq"]`); - const [$el] = await getByText(container, 'Можно ли заморозить абонемент?'); + const [$el] = await getByText(container, "Можно ли заморозить абонемент?"); if (!$el) { - throw new Error(`Element with text "Можно ли заморозить абонемент?" not found in "faq" container`); + throw new Error( + `Element with text "Можно ли заморозить абонемент?" not found in "faq" container`, + ); } await $el.click(); await page.waitForTimeout(scenario.delay || 0); - }; diff --git a/engine_scripts/faq-tab-2.cjs b/engine_scripts/faq-tab-2.cjs index b14c4057..8efdc2da 100644 --- a/engine_scripts/faq-tab-2.cjs +++ b/engine_scripts/faq-tab-2.cjs @@ -1,10 +1,10 @@ module.exports = async (page, scenario, vp) => { - console.log('SCENARIO > ' + scenario.label); + console.log("SCENARIO > " + scenario.label); // add more ready handlers here... await page.waitForFunction(() => { return document.fonts.ready.then(() => { - console.log('Fonts loaded'); + console.log("Fonts loaded"); return true; }); }); @@ -13,29 +13,32 @@ module.exports = async (page, scenario, vp) => { /** force load lazy images */ const lazyImages = document.querySelectorAll('img[loading="lazy"]'); lazyImages.forEach((i) => { - i.removeAttribute('loading'); + i.removeAttribute("loading"); }); }, scenario); const getByText = async ($container, text) => { - const [$el] = await $container.$$(`xpath/.//*[text()='${text}']`) - return $el ? [$el] : $container.$$(`xpath/.//*[contains(text(), '${text}')]`) - } + const [$el] = await $container.$$(`xpath/.//*[text()='${text}']`); + return $el + ? [$el] + : $container.$$(`xpath/.//*[contains(text(), '${text}')]`); + }; const container = await page.$(`[data-test="faq"]`); const [, $second] = await container.$$('[data-test="toggle"]'); if (!$second) { - throw new Error(`Element with data-test="toggle" not found in "faq" container`); + throw new Error( + `Element with data-test="toggle" not found in "faq" container`, + ); } await $second.click(); - const [$el] = await getByText(container, 'Правила'); + const [$el] = await getByText(container, "Правила"); if (!$el) { throw new Error(`Element with text "Правила" not found in "faq" container`); } await $el.click(); await page.waitForTimeout(scenario.delay || 0); - }; diff --git a/engine_scripts/fill-form-submit.cjs b/engine_scripts/fill-form-submit.cjs index 015e7b74..259a406a 100644 --- a/engine_scripts/fill-form-submit.cjs +++ b/engine_scripts/fill-form-submit.cjs @@ -1,10 +1,10 @@ module.exports = async (page, scenario, vp) => { - console.log('SCENARIO > ' + scenario.label); + console.log("SCENARIO > " + scenario.label); // add more ready handlers here... await page.waitForFunction(() => { return document.fonts.ready.then(() => { - console.log('Fonts loaded'); + console.log("Fonts loaded"); return true; }); }); @@ -13,7 +13,7 @@ module.exports = async (page, scenario, vp) => { /** force load lazy images */ const lazyImages = document.querySelectorAll('img[loading="lazy"]'); lazyImages.forEach((i) => { - i.removeAttribute('loading'); + i.removeAttribute("loading"); }); }, scenario); diff --git a/engine_scripts/juri-next-click.cjs b/engine_scripts/juri-next-click.cjs index 3c83b063..17423118 100644 --- a/engine_scripts/juri-next-click.cjs +++ b/engine_scripts/juri-next-click.cjs @@ -1,10 +1,10 @@ module.exports = async (page, scenario, vp) => { - console.log('SCENARIO > ' + scenario.label); + console.log("SCENARIO > " + scenario.label); // add more ready handlers here... await page.waitForFunction(() => { return document.fonts.ready.then(() => { - console.log('Fonts loaded'); + console.log("Fonts loaded"); return true; }); }); @@ -13,7 +13,7 @@ module.exports = async (page, scenario, vp) => { /** force load lazy images */ const lazyImages = document.querySelectorAll('img[loading="lazy"]'); lazyImages.forEach((i) => { - i.removeAttribute('loading'); + i.removeAttribute("loading"); }); }, scenario); diff --git a/engine_scripts/juri-prev-click.cjs b/engine_scripts/juri-prev-click.cjs index c51ea18b..ec4ab4b5 100644 --- a/engine_scripts/juri-prev-click.cjs +++ b/engine_scripts/juri-prev-click.cjs @@ -1,10 +1,10 @@ module.exports = async (page, scenario, vp) => { - console.log('SCENARIO > ' + scenario.label); + console.log("SCENARIO > " + scenario.label); // add more ready handlers here... await page.waitForFunction(() => { return document.fonts.ready.then(() => { - console.log('Fonts loaded'); + console.log("Fonts loaded"); return true; }); }); @@ -13,7 +13,7 @@ module.exports = async (page, scenario, vp) => { /** force load lazy images */ const lazyImages = document.querySelectorAll('img[loading="lazy"]'); lazyImages.forEach((i) => { - i.removeAttribute('loading'); + i.removeAttribute("loading"); }); }, scenario); diff --git a/engine_scripts/onBefore.cjs b/engine_scripts/onBefore.cjs index 5e0f236b..6bb90a81 100644 --- a/engine_scripts/onBefore.cjs +++ b/engine_scripts/onBefore.cjs @@ -9,5 +9,5 @@ module.exports = async function (page, scenario) { } }; await page.setRequestInterception(true); - page.on('request', intercept); + page.on("request", intercept); }; diff --git a/engine_scripts/onReady.cjs b/engine_scripts/onReady.cjs index bbd566b4..a5647c84 100644 --- a/engine_scripts/onReady.cjs +++ b/engine_scripts/onReady.cjs @@ -1,36 +1,35 @@ module.exports = async (page, scenario, vp) => { - console.log('SCENARIO > ' + scenario.label); + console.log("SCENARIO > " + scenario.label); - // add more ready handlers here... - await page.waitForFunction(() => { - return document.fonts.ready.then(() => { - console.log('Fonts loaded'); - return true; - }); + // add more ready handlers here... + await page.waitForFunction(() => { + return document.fonts.ready.then(() => { + console.log("Fonts loaded"); + return true; }); + }); - await page.evaluate((scenario) => { - /** force load lazy images */ - const lazyImages = document.querySelectorAll('img[loading="lazy"]'); - lazyImages.forEach((i) => { - i.removeAttribute('loading'); - }); - }, scenario); + await page.evaluate((scenario) => { + /** force load lazy images */ + const lazyImages = document.querySelectorAll('img[loading="lazy"]'); + lazyImages.forEach((i) => { + i.removeAttribute("loading"); + }); + }, scenario); - // await require('./clickAndHoverHelper')(page, scenario); + // await require('./clickAndHoverHelper')(page, scenario); - if (scenario.showSelectors) { - await Promise.all( - scenario.showSelectors.map(async (selector) => { - await page - .evaluate((sel) => { - document.querySelectorAll(sel).forEach(s => { - s.style.visibility = 'visible'; - }); - }, selector); - }) - ); - } + if (scenario.showSelectors) { + await Promise.all( + scenario.showSelectors.map(async (selector) => { + await page.evaluate((sel) => { + document.querySelectorAll(sel).forEach((s) => { + s.style.visibility = "visible"; + }); + }, selector); + }), + ); + } - await page.waitForTimeout(scenario.delay || 0); - }; + await page.waitForTimeout(scenario.delay || 0); +}; diff --git a/engine_scripts/price-6-click.cjs b/engine_scripts/price-6-click.cjs index a5905ef2..d949bf2c 100644 --- a/engine_scripts/price-6-click.cjs +++ b/engine_scripts/price-6-click.cjs @@ -1,10 +1,10 @@ module.exports = async (page, scenario, vp) => { - console.log('SCENARIO > ' + scenario.label); + console.log("SCENARIO > " + scenario.label); // add more ready handlers here... await page.waitForFunction(() => { return document.fonts.ready.then(() => { - console.log('Fonts loaded'); + console.log("Fonts loaded"); return true; }); }); @@ -13,25 +13,28 @@ module.exports = async (page, scenario, vp) => { /** force load lazy images */ const lazyImages = document.querySelectorAll('img[loading="lazy"]'); lazyImages.forEach((i) => { - i.removeAttribute('loading'); + i.removeAttribute("loading"); }); }, scenario); const getByText = async ($container, text) => { - const [$el] = await $container.$$(`xpath/.//*[text()='${text}']`) - return $el ? [$el] : $container.$$(`xpath/.//*[contains(text(), '${text}')]`) - } + const [$el] = await $container.$$(`xpath/.//*[text()='${text}']`); + return $el + ? [$el] + : $container.$$(`xpath/.//*[contains(text(), '${text}')]`); + }; const container = await page.$(`[data-test="price"]`); - let [$el] = await getByText(container, '6 месяцев'); + let [$el] = await getByText(container, "6 месяцев"); if (!$el) { - ([$el] = await getByText(container, '6 месяцев')) + [$el] = await getByText(container, "6 месяцев"); } if (!$el) { - throw new Error(`Element with text "6 месяцев" not found in "price" container`); + throw new Error( + `Element with text "6 месяцев" not found in "price" container`, + ); } await $el.click(); await page.waitForTimeout(scenario.delay || 0); - }; diff --git a/engine_scripts/reviews-next-click.cjs b/engine_scripts/reviews-next-click.cjs index 26c83bf6..75ed482f 100644 --- a/engine_scripts/reviews-next-click.cjs +++ b/engine_scripts/reviews-next-click.cjs @@ -1,10 +1,10 @@ module.exports = async (page, scenario, vp) => { - console.log('SCENARIO > ' + scenario.label); + console.log("SCENARIO > " + scenario.label); // add more ready handlers here... await page.waitForFunction(() => { return document.fonts.ready.then(() => { - console.log('Fonts loaded'); + console.log("Fonts loaded"); return true; }); }); @@ -13,7 +13,7 @@ module.exports = async (page, scenario, vp) => { /** force load lazy images */ const lazyImages = document.querySelectorAll('img[loading="lazy"]'); lazyImages.forEach((i) => { - i.removeAttribute('loading'); + i.removeAttribute("loading"); }); }, scenario); diff --git a/engine_scripts/reviews-prev-click.cjs b/engine_scripts/reviews-prev-click.cjs index 671860bb..3fd05846 100644 --- a/engine_scripts/reviews-prev-click.cjs +++ b/engine_scripts/reviews-prev-click.cjs @@ -1,10 +1,10 @@ module.exports = async (page, scenario, vp) => { - console.log('SCENARIO > ' + scenario.label); + console.log("SCENARIO > " + scenario.label); // add more ready handlers here... await page.waitForFunction(() => { return document.fonts.ready.then(() => { - console.log('Fonts loaded'); + console.log("Fonts loaded"); return true; }); }); @@ -13,7 +13,7 @@ module.exports = async (page, scenario, vp) => { /** force load lazy images */ const lazyImages = document.querySelectorAll('img[loading="lazy"]'); lazyImages.forEach((i) => { - i.removeAttribute('loading'); + i.removeAttribute("loading"); }); }, scenario); diff --git a/js.config.cjs b/js.config.cjs index 38e18edc..8925af64 100644 --- a/js.config.cjs +++ b/js.config.cjs @@ -1,126 +1,125 @@ - module.exports = { - "id": "supergym test-js", - "viewports": [ + id: "supergym test-js", + viewports: [ { - "label": "desktop", - "width": 1366, - "height": 800, + label: "desktop", + width: 1366, + height: 800, }, ], - "onReadyScript": "onReady.cjs", - "onBeforeScript": "onBefore.cjs", - "resembleOutputOptions": { - "ignoreAntialiasing": true, - "errorType": "movementDifferenceIntensity", - "transparency": 0.3, - scaleToSameSize: false + onReadyScript: "onReady.cjs", + onBeforeScript: "onBefore.cjs", + resembleOutputOptions: { + ignoreAntialiasing: true, + errorType: "movementDifferenceIntensity", + transparency: 0.3, + scaleToSameSize: false, }, - "scenarios": [ + scenarios: [ { - "label": "price-6", - "url": "http://localhost:3000/index.html", - "referenceUrl": "./figma/index.html", + label: "price-6", + url: "http://localhost:3000/index.html", + referenceUrl: "./figma/index.html", selectors: [`[data-test="price"]`], misMatchThreshold: 0.8, - "onReadyScript": "price-6-click.cjs", + onReadyScript: "price-6-click.cjs", requireSameDimensions: true, - delay: 500 + delay: 500, }, { - "label": "juri-prev", - "url": "http://localhost:3000/index.html", - "referenceUrl": "./figma/index.html", + label: "juri-prev", + url: "http://localhost:3000/index.html", + referenceUrl: "./figma/index.html", selectors: [`[data-test="juri"]`], misMatchThreshold: 0.5, - "onReadyScript": "juri-prev-click.cjs", + onReadyScript: "juri-prev-click.cjs", requireSameDimensions: true, - delay: 500 + delay: 500, }, { - "label": "juri-next", - "url": "http://localhost:3000/index.html", - "referenceUrl": "./figma/index.html", + label: "juri-next", + url: "http://localhost:3000/index.html", + referenceUrl: "./figma/index.html", selectors: [`[data-test="juri"]`], misMatchThreshold: 0.5, - "onReadyScript": "juri-next-click.cjs", + onReadyScript: "juri-next-click.cjs", requireSameDimensions: true, - delay: 500 + delay: 500, }, -/* { - "label": "faq-tab-2", - "url": "http://localhost:3000/index.html", - "referenceUrl": "./figma/index.html", - selectors: [`[data-test="faq"]`], - misMatchThreshold: 1.0, - "onReadyScript": "faq-tab-2.cjs", - requireSameDimensions: true, - delay: 1000 - },*/ + /* { + "label": "faq-tab-2", + "url": "http://localhost:3000/index.html", + "referenceUrl": "./figma/index.html", + selectors: [`[data-test="faq"]`], + misMatchThreshold: 1.0, + "onReadyScript": "faq-tab-2.cjs", + requireSameDimensions: true, + delay: 1000 + },*/ { - "label": "reviews-prev", - "url": "http://localhost:3000/index.html", - "referenceUrl": "./figma/index.html", + label: "reviews-prev", + url: "http://localhost:3000/index.html", + referenceUrl: "./figma/index.html", selectors: [`[data-test="reviews"]`], misMatchThreshold: 0.5, - "onReadyScript": "reviews-prev-click.cjs", + onReadyScript: "reviews-prev-click.cjs", requireSameDimensions: true, - delay: 500 + delay: 500, }, { - "label": "reviews-next", - "url": "http://localhost:3000/index.html", - "referenceUrl": "./figma/index.html", + label: "reviews-next", + url: "http://localhost:3000/index.html", + referenceUrl: "./figma/index.html", selectors: [`[data-test="reviews"]`], misMatchThreshold: 0.5, - "onReadyScript": "reviews-next-click.cjs", + onReadyScript: "reviews-next-click.cjs", requireSameDimensions: true, - delay: 500 + delay: 500, }, { - "label": "empty-form", - "url": "http://localhost:3000/index.html", - "referenceUrl": "./figma/index.html", + label: "empty-form", + url: "http://localhost:3000/index.html", + referenceUrl: "./figma/index.html", selectors: [`[data-test="form"]`], misMatchThreshold: 0.8, - "onReadyScript": "empty-form-submit.cjs", + onReadyScript: "empty-form-submit.cjs", requireSameDimensions: true, - delay: 500 + delay: 500, }, { - "label": "fill-form", - "url": "http://localhost:3000/index.html", - "referenceUrl": "./figma/index.html", + label: "fill-form", + url: "http://localhost:3000/index.html", + referenceUrl: "./figma/index.html", selectors: [`viewport`], - "viewports": [ + viewports: [ { - "label": "desktop", - "width": 640, - "height": 480, + label: "desktop", + width: 640, + height: 480, }, ], misMatchThreshold: 0.2, - "onReadyScript": "fill-form-submit.cjs", + onReadyScript: "fill-form-submit.cjs", requireSameDimensions: true, - delay: 500 + delay: 500, }, ], - fileNameTemplate: '{scenarioLabel}_{viewportLabel}', - "paths": { - "bitmaps_reference": "bitmaps_reference/test-pp", - "bitmaps_test": "backstop_data/bitmaps_test", - "engine_scripts": "engine_scripts", - "html_report": "backstop_data/html_report", - "json_report": "backstop_data/json_report", + fileNameTemplate: "{scenarioLabel}_{viewportLabel}", + paths: { + bitmaps_reference: "bitmaps_reference/test-pp", + bitmaps_test: "backstop_data/bitmaps_test", + engine_scripts: "engine_scripts", + html_report: "backstop_data/html_report", + json_report: "backstop_data/json_report", }, - "report": ["browser", "json"], - "engine": "puppeteer", - "engineOptions": { - "args": ["--no-sandbox"], - "gotoParameters": {"waitUntil": ["load", "networkidle0"], timeout: 10000}, + report: ["browser", "json"], + engine: "puppeteer", + engineOptions: { + args: ["--no-sandbox"], + gotoParameters: { waitUntil: ["load", "networkidle0"], timeout: 10000 }, }, - "asyncCaptureLimit": 10, - "asyncCompareLimit": 50, - "debug": false, - "debugWindow": false -} + asyncCaptureLimit: 10, + asyncCompareLimit: 50, + debug: false, + debugWindow: false, +}; diff --git a/pp.config.cjs b/pp.config.cjs index eb9a0363..836c2da5 100644 --- a/pp.config.cjs +++ b/pp.config.cjs @@ -1,116 +1,121 @@ const desktopSections = [ - {section: 'hero', misMatchThreshold: 0.7}, - {section: 'about', misMatchThreshold: 0.9}, - {section: 'price', misMatchThreshold: 0.9}, - {section: 'games', misMatchThreshold: 0.9}, - {section: 'juri', misMatchThreshold: 0.9}, - {section: 'features', misMatchThreshold: 0.8}, - {section: 'offers', misMatchThreshold: 0.9}, - {section: 'faq', misMatchThreshold: 0.9}, - {section: 'reviews', misMatchThreshold: 0.7}, - {section: 'form', misMatchThreshold: 0.9}, - {section: 'footer', misMatchThreshold: 1.0} + { section: "hero", misMatchThreshold: 0.7 }, + { section: "about", misMatchThreshold: 0.9 }, + { section: "price", misMatchThreshold: 0.9 }, + { section: "games", misMatchThreshold: 0.9 }, + { section: "juri", misMatchThreshold: 0.9 }, + { section: "features", misMatchThreshold: 0.8 }, + { section: "offers", misMatchThreshold: 0.9 }, + { section: "faq", misMatchThreshold: 0.9 }, + { section: "reviews", misMatchThreshold: 0.7 }, + { section: "form", misMatchThreshold: 0.9 }, + { section: "footer", misMatchThreshold: 1.0 }, ]; const tabletSections = [ - {section: 'hero', misMatchThreshold: 1.0}, - {section: 'about', misMatchThreshold: 0.8}, - {section: 'price', misMatchThreshold: 0.7}, - {section: 'games', misMatchThreshold: 0.8}, - {section: 'juri', misMatchThreshold: 0.7}, - {section: 'features', misMatchThreshold: 1.6}, - {section: 'offers', misMatchThreshold: 0.7}, - {section: 'faq', misMatchThreshold: 1.6}, - {section: 'reviews', misMatchThreshold: 1.3}, - {section: 'form', misMatchThreshold: 1.0}, - {section: 'footer', misMatchThreshold: 1.9} + { section: "hero", misMatchThreshold: 1.0 }, + { section: "about", misMatchThreshold: 0.8 }, + { section: "price", misMatchThreshold: 0.7 }, + { section: "games", misMatchThreshold: 0.8 }, + { section: "juri", misMatchThreshold: 0.7 }, + { section: "features", misMatchThreshold: 1.6 }, + { section: "offers", misMatchThreshold: 0.7 }, + { section: "faq", misMatchThreshold: 1.6 }, + { section: "reviews", misMatchThreshold: 1.3 }, + { section: "form", misMatchThreshold: 1.0 }, + { section: "footer", misMatchThreshold: 1.9 }, ]; const mobileSections = [ - {section: 'hero', misMatchThreshold: 3.7}, - {section: 'about', misMatchThreshold: 1.8}, - {section: 'price', misMatchThreshold: 0.9}, - {section: 'games', misMatchThreshold: 1.1}, - {section: 'juri', misMatchThreshold: 0.7}, - {section: 'features', misMatchThreshold: 2.7}, - {section: 'offers', misMatchThreshold: 1.4}, - {section: 'faq', misMatchThreshold: 1.7}, - {section: 'reviews', misMatchThreshold: 2.7}, - {section: 'form', misMatchThreshold: 1.6}, - {section: 'footer', misMatchThreshold: 2.0} + { section: "hero", misMatchThreshold: 3.7 }, + { section: "about", misMatchThreshold: 1.8 }, + { section: "price", misMatchThreshold: 0.9 }, + { section: "games", misMatchThreshold: 1.1 }, + { section: "juri", misMatchThreshold: 0.7 }, + { section: "features", misMatchThreshold: 2.7 }, + { section: "offers", misMatchThreshold: 1.4 }, + { section: "faq", misMatchThreshold: 1.7 }, + { section: "reviews", misMatchThreshold: 2.7 }, + { section: "form", misMatchThreshold: 1.6 }, + { section: "footer", misMatchThreshold: 2.0 }, ]; const VIEWPORTS = { - 'desktop': {"label": "desktop", "width": 1366, "height": 800}, - 'tablet': {"label": "tablet", "width": 768, "height": 1024}, - 'mobile': {"label": "mobile", "width": 320, "height": 480} + desktop: { label: "desktop", width: 1366, height: 800 }, + tablet: { label: "tablet", width: 768, height: 1024 }, + mobile: { label: "mobile", width: 320, height: 480 }, }; -const URL = 'http://localhost:3000/index.html'; -const REFERENCE_URL = './figma/index.html'; +const URL = "http://localhost:3000/index.html"; +const REFERENCE_URL = "./figma/index.html"; function generateScenario(section, misMatchThreshold, viewport) { return { - "label": `${section}`, - "url": URL, - "referenceUrl": REFERENCE_URL, + label: `${section}`, + url: URL, + referenceUrl: REFERENCE_URL, selectors: [`[data-test="${section}"]`], misMatchThreshold: misMatchThreshold || 5, requireSameDimensions: true, delay: 500, - "viewports": [VIEWPORTS[viewport]] + viewports: [VIEWPORTS[viewport]], }; } - module.exports = { - "id": "supergym test-pp", - "onReadyScript": "onReady.cjs", - "onBeforeScript": "onBefore.cjs", - "viewports": [ + id: "supergym test-pp", + onReadyScript: "onReady.cjs", + onBeforeScript: "onBefore.cjs", + viewports: [ { - "label": "mobile", - "width": 320, - "height": 480, + label: "mobile", + width: 320, + height: 480, }, { - "label": "tablet", - "width": 768, - "height": 1024, + label: "tablet", + width: 768, + height: 1024, }, { - "label": "desktop", - "width": 1366, - "height": 800, - } + label: "desktop", + width: 1366, + height: 800, + }, ], - "resembleOutputOptions": { - "ignoreAntialiasing": true, - "errorType": "movementDifferenceIntensity", - "transparency": 0.3, - scaleToSameSize: false + resembleOutputOptions: { + ignoreAntialiasing: true, + errorType: "movementDifferenceIntensity", + transparency: 0.3, + scaleToSameSize: false, }, - "scenarios": [ - ...desktopSections.map(({section, misMatchThreshold}) => generateScenario(section, misMatchThreshold, 'desktop')), - ...tabletSections.map(({section, misMatchThreshold}) => generateScenario(section, misMatchThreshold, 'tablet')), - ...mobileSections.map(({section, misMatchThreshold}) => generateScenario(section, misMatchThreshold, 'mobile')), + scenarios: [ + ...desktopSections.map(({ section, misMatchThreshold }) => + generateScenario(section, misMatchThreshold, "desktop"), + ), + ...tabletSections.map(({ section, misMatchThreshold }) => + generateScenario(section, misMatchThreshold, "tablet"), + ), + ...mobileSections.map(({ section, misMatchThreshold }) => + generateScenario(section, misMatchThreshold, "mobile"), + ), ], - fileNameTemplate: '{scenarioLabel}_{viewportLabel}', - "paths": { - "bitmaps_reference": "bitmaps_reference/test-pp", - "bitmaps_test": "backstop_data/bitmaps_test", - "engine_scripts": "engine_scripts", - "html_report": "backstop_data/html_report", - "json_report": "backstop_data/json_report", + fileNameTemplate: "{scenarioLabel}_{viewportLabel}", + paths: { + bitmaps_reference: "bitmaps_reference/test-pp", + bitmaps_test: "backstop_data/bitmaps_test", + engine_scripts: "engine_scripts", + html_report: "backstop_data/html_report", + json_report: "backstop_data/json_report", }, - "report": ["browser", "json"], - "engine": "puppeteer", - "engineOptions": { - "args": ["--no-sandbox"], - "gotoParameters": {"waitUntil": ["load", "networkidle0"], timeout: 40000}, + report: ["browser", "json"], + engine: "puppeteer", + engineOptions: { + args: ["--no-sandbox"], + gotoParameters: { waitUntil: ["load", "networkidle0"], timeout: 40000 }, }, - "asyncCaptureLimit": 10, - "asyncCompareLimit": 50, - "debug": false, - "debugWindow": false -} + asyncCaptureLimit: 10, + asyncCompareLimit: 50, + debug: false, + debugWindow: false, +}; diff --git a/source/fonts/AlumniSans-ExtraBold.woff b/source/fonts/AlumniSans-ExtraBold.woff new file mode 100644 index 00000000..8076e21a Binary files /dev/null and b/source/fonts/AlumniSans-ExtraBold.woff differ diff --git a/source/fonts/AlumniSans-ExtraBold.woff2 b/source/fonts/AlumniSans-ExtraBold.woff2 new file mode 100644 index 00000000..493cd8ba Binary files /dev/null and b/source/fonts/AlumniSans-ExtraBold.woff2 differ diff --git a/source/fonts/AlumniSans-SemiBold.woff b/source/fonts/AlumniSans-SemiBold.woff new file mode 100644 index 00000000..3dbe6620 Binary files /dev/null and b/source/fonts/AlumniSans-SemiBold.woff differ diff --git a/source/fonts/AlumniSans-SemiBold.woff2 b/source/fonts/AlumniSans-SemiBold.woff2 new file mode 100644 index 00000000..7431d506 Binary files /dev/null and b/source/fonts/AlumniSans-SemiBold.woff2 differ diff --git a/source/fonts/RobotoCondensed-Bold.woff b/source/fonts/RobotoCondensed-Bold.woff new file mode 100644 index 00000000..0ee71b84 Binary files /dev/null and b/source/fonts/RobotoCondensed-Bold.woff differ diff --git a/source/fonts/RobotoCondensed-Bold.woff2 b/source/fonts/RobotoCondensed-Bold.woff2 new file mode 100644 index 00000000..f096ccbc Binary files /dev/null and b/source/fonts/RobotoCondensed-Bold.woff2 differ diff --git a/source/fonts/RobotoCondensed-Light.woff b/source/fonts/RobotoCondensed-Light.woff new file mode 100644 index 00000000..0299bc8c Binary files /dev/null and b/source/fonts/RobotoCondensed-Light.woff differ diff --git a/source/fonts/RobotoCondensed-Light.woff2 b/source/fonts/RobotoCondensed-Light.woff2 new file mode 100644 index 00000000..316d10e4 Binary files /dev/null and b/source/fonts/RobotoCondensed-Light.woff2 differ diff --git a/source/fonts/RobotoCondensed-Regular.woff b/source/fonts/RobotoCondensed-Regular.woff new file mode 100644 index 00000000..ea4f6fa4 Binary files /dev/null and b/source/fonts/RobotoCondensed-Regular.woff differ diff --git a/source/fonts/RobotoCondensed-Regular.woff2 b/source/fonts/RobotoCondensed-Regular.woff2 new file mode 100644 index 00000000..a73581d9 Binary files /dev/null and b/source/fonts/RobotoCondensed-Regular.woff2 differ diff --git a/source/img/action-desktop.jpg b/source/img/action-desktop.jpg new file mode 100644 index 00000000..fb07660d Binary files /dev/null and b/source/img/action-desktop.jpg differ diff --git a/source/img/action-desktop.webp b/source/img/action-desktop.webp new file mode 100644 index 00000000..97719f03 Binary files /dev/null and b/source/img/action-desktop.webp differ diff --git a/source/img/action-desktop@2x.jpg b/source/img/action-desktop@2x.jpg new file mode 100644 index 00000000..5fb0baee Binary files /dev/null and b/source/img/action-desktop@2x.jpg differ diff --git a/source/img/action-desktop@2x.webp b/source/img/action-desktop@2x.webp new file mode 100644 index 00000000..f0559a55 Binary files /dev/null and b/source/img/action-desktop@2x.webp differ diff --git a/source/img/action-mobile.jpg b/source/img/action-mobile.jpg new file mode 100644 index 00000000..5dfaaf78 Binary files /dev/null and b/source/img/action-mobile.jpg differ diff --git a/source/img/action-mobile.webp b/source/img/action-mobile.webp new file mode 100644 index 00000000..763462ba Binary files /dev/null and b/source/img/action-mobile.webp differ diff --git a/source/img/action-mobile@2x.jpg b/source/img/action-mobile@2x.jpg new file mode 100644 index 00000000..2dafe2c6 Binary files /dev/null and b/source/img/action-mobile@2x.jpg differ diff --git a/source/img/action-mobile@2x.webp b/source/img/action-mobile@2x.webp new file mode 100644 index 00000000..dd7b7e4e Binary files /dev/null and b/source/img/action-mobile@2x.webp differ diff --git a/source/img/action-tablet.jpg b/source/img/action-tablet.jpg new file mode 100644 index 00000000..2fc09bb7 Binary files /dev/null and b/source/img/action-tablet.jpg differ diff --git a/source/img/action-tablet.webp b/source/img/action-tablet.webp new file mode 100644 index 00000000..8d4aca2d Binary files /dev/null and b/source/img/action-tablet.webp differ diff --git a/source/img/action-tablet@2x.jpg b/source/img/action-tablet@2x.jpg new file mode 100644 index 00000000..c841ae22 Binary files /dev/null and b/source/img/action-tablet@2x.jpg differ diff --git a/source/img/action-tablet@2x.webp b/source/img/action-tablet@2x.webp new file mode 100644 index 00000000..e5d653a3 Binary files /dev/null and b/source/img/action-tablet@2x.webp differ diff --git a/source/img/avatar.png b/source/img/avatar.png new file mode 100644 index 00000000..16a7cf00 Binary files /dev/null and b/source/img/avatar.png differ diff --git a/source/img/avatar.webp b/source/img/avatar.webp new file mode 100644 index 00000000..93ab8869 Binary files /dev/null and b/source/img/avatar.webp differ diff --git a/source/img/avatar@2x.png b/source/img/avatar@2x.png new file mode 100644 index 00000000..b1c9dd4b Binary files /dev/null and b/source/img/avatar@2x.png differ diff --git a/source/img/avatar@2x.webp b/source/img/avatar@2x.webp new file mode 100644 index 00000000..243d96fc Binary files /dev/null and b/source/img/avatar@2x.webp differ diff --git a/source/img/decor-desktop.png b/source/img/decor-desktop.png new file mode 100644 index 00000000..ab2e1635 Binary files /dev/null and b/source/img/decor-desktop.png differ diff --git a/source/img/decor-desktop.webp b/source/img/decor-desktop.webp new file mode 100644 index 00000000..871d0e6b Binary files /dev/null and b/source/img/decor-desktop.webp differ diff --git a/source/img/decor-desktop@2x.png b/source/img/decor-desktop@2x.png new file mode 100644 index 00000000..2f86a164 Binary files /dev/null and b/source/img/decor-desktop@2x.png differ diff --git a/source/img/decor-desktop@2x.webp b/source/img/decor-desktop@2x.webp new file mode 100644 index 00000000..d1868ea1 Binary files /dev/null and b/source/img/decor-desktop@2x.webp differ diff --git a/source/img/decor-tablet.png b/source/img/decor-tablet.png new file mode 100644 index 00000000..d9ca21d0 Binary files /dev/null and b/source/img/decor-tablet.png differ diff --git a/source/img/decor-tablet.webp b/source/img/decor-tablet.webp new file mode 100644 index 00000000..d5a77ac4 Binary files /dev/null and b/source/img/decor-tablet.webp differ diff --git a/source/img/decor-tablet@2x.png b/source/img/decor-tablet@2x.png new file mode 100644 index 00000000..6e242b6b Binary files /dev/null and b/source/img/decor-tablet@2x.png differ diff --git a/source/img/decor-tablet@2x.webp b/source/img/decor-tablet@2x.webp new file mode 100644 index 00000000..f1202507 Binary files /dev/null and b/source/img/decor-tablet@2x.webp differ diff --git a/source/img/games-desktop.jpg b/source/img/games-desktop.jpg new file mode 100644 index 00000000..20b3e757 Binary files /dev/null and b/source/img/games-desktop.jpg differ diff --git a/source/img/games-desktop.webp b/source/img/games-desktop.webp new file mode 100644 index 00000000..a1c3fcb4 Binary files /dev/null and b/source/img/games-desktop.webp differ diff --git a/source/img/games-desktop@2x.jpg b/source/img/games-desktop@2x.jpg new file mode 100644 index 00000000..0065abb5 Binary files /dev/null and b/source/img/games-desktop@2x.jpg differ diff --git a/source/img/games-desktop@2x.webp b/source/img/games-desktop@2x.webp new file mode 100644 index 00000000..eba42d89 Binary files /dev/null and b/source/img/games-desktop@2x.webp differ diff --git a/source/img/games-mobile.jpg b/source/img/games-mobile.jpg new file mode 100644 index 00000000..63ef64d2 Binary files /dev/null and b/source/img/games-mobile.jpg differ diff --git a/source/img/games-mobile.webp b/source/img/games-mobile.webp new file mode 100644 index 00000000..ce5439a8 Binary files /dev/null and b/source/img/games-mobile.webp differ diff --git a/source/img/games-mobile@2x.jpg b/source/img/games-mobile@2x.jpg new file mode 100644 index 00000000..a08293b2 Binary files /dev/null and b/source/img/games-mobile@2x.jpg differ diff --git a/source/img/games-mobile@2x.webp b/source/img/games-mobile@2x.webp new file mode 100644 index 00000000..d282ddab Binary files /dev/null and b/source/img/games-mobile@2x.webp differ diff --git a/source/img/games-tablet.jpg b/source/img/games-tablet.jpg new file mode 100644 index 00000000..c794bbf0 Binary files /dev/null and b/source/img/games-tablet.jpg differ diff --git a/source/img/games-tablet.webp b/source/img/games-tablet.webp new file mode 100644 index 00000000..d8024047 Binary files /dev/null and b/source/img/games-tablet.webp differ diff --git a/source/img/games-tablet@2x.jpg b/source/img/games-tablet@2x.jpg new file mode 100644 index 00000000..c352a63c Binary files /dev/null and b/source/img/games-tablet@2x.jpg differ diff --git a/source/img/games-tablet@2x.webp b/source/img/games-tablet@2x.webp new file mode 100644 index 00000000..ce8495fc Binary files /dev/null and b/source/img/games-tablet@2x.webp differ diff --git a/source/img/gym-desktop.jpg b/source/img/gym-desktop.jpg new file mode 100644 index 00000000..b6e872b7 Binary files /dev/null and b/source/img/gym-desktop.jpg differ diff --git a/source/img/gym-desktop.webp b/source/img/gym-desktop.webp new file mode 100644 index 00000000..ebb42d37 Binary files /dev/null and b/source/img/gym-desktop.webp differ diff --git a/source/img/gym-desktop@2x.jpg b/source/img/gym-desktop@2x.jpg new file mode 100644 index 00000000..cff9d0b5 Binary files /dev/null and b/source/img/gym-desktop@2x.jpg differ diff --git a/source/img/gym-desktop@2x.webp b/source/img/gym-desktop@2x.webp new file mode 100644 index 00000000..420f56ed Binary files /dev/null and b/source/img/gym-desktop@2x.webp differ diff --git a/source/img/gym-mobile.jpg b/source/img/gym-mobile.jpg new file mode 100644 index 00000000..786b98ff Binary files /dev/null and b/source/img/gym-mobile.jpg differ diff --git a/source/img/gym-mobile.webp b/source/img/gym-mobile.webp new file mode 100644 index 00000000..72eec326 Binary files /dev/null and b/source/img/gym-mobile.webp differ diff --git a/source/img/gym-mobile@2x.jpg b/source/img/gym-mobile@2x.jpg new file mode 100644 index 00000000..511e98c8 Binary files /dev/null and b/source/img/gym-mobile@2x.jpg differ diff --git a/source/img/gym-mobile@2x.webp b/source/img/gym-mobile@2x.webp new file mode 100644 index 00000000..6f62acdf Binary files /dev/null and b/source/img/gym-mobile@2x.webp differ diff --git a/source/img/gym-tablet.jpg b/source/img/gym-tablet.jpg new file mode 100644 index 00000000..885805d5 Binary files /dev/null and b/source/img/gym-tablet.jpg differ diff --git a/source/img/gym-tablet.webp b/source/img/gym-tablet.webp new file mode 100644 index 00000000..55bf6ba9 Binary files /dev/null and b/source/img/gym-tablet.webp differ diff --git a/source/img/gym-tablet@2x.jpg b/source/img/gym-tablet@2x.jpg new file mode 100644 index 00000000..536e6879 Binary files /dev/null and b/source/img/gym-tablet@2x.jpg differ diff --git a/source/img/gym-tablet@2x.webp b/source/img/gym-tablet@2x.webp new file mode 100644 index 00000000..b245156d Binary files /dev/null and b/source/img/gym-tablet@2x.webp differ diff --git a/source/img/hero-desktop.jpg b/source/img/hero-desktop.jpg new file mode 100644 index 00000000..d0127e34 Binary files /dev/null and b/source/img/hero-desktop.jpg differ diff --git a/source/img/hero-desktop.webp b/source/img/hero-desktop.webp new file mode 100644 index 00000000..7fc5974e Binary files /dev/null and b/source/img/hero-desktop.webp differ diff --git a/source/img/hero-desktop@2x.jpg b/source/img/hero-desktop@2x.jpg new file mode 100644 index 00000000..cd58122f Binary files /dev/null and b/source/img/hero-desktop@2x.jpg differ diff --git a/source/img/hero-desktop@2x.webp b/source/img/hero-desktop@2x.webp new file mode 100644 index 00000000..aa8585f6 Binary files /dev/null and b/source/img/hero-desktop@2x.webp differ diff --git a/source/img/hero-tablet.jpg b/source/img/hero-tablet.jpg new file mode 100644 index 00000000..c6de4171 Binary files /dev/null and b/source/img/hero-tablet.jpg differ diff --git a/source/img/hero-tablet.webp b/source/img/hero-tablet.webp new file mode 100644 index 00000000..7cdee304 Binary files /dev/null and b/source/img/hero-tablet.webp differ diff --git a/source/img/hero-tablet@2x.jpg b/source/img/hero-tablet@2x.jpg new file mode 100644 index 00000000..7f9e401f Binary files /dev/null and b/source/img/hero-tablet@2x.jpg differ diff --git a/source/img/hero-tablet@2x.webp b/source/img/hero-tablet@2x.webp new file mode 100644 index 00000000..8d97926a Binary files /dev/null and b/source/img/hero-tablet@2x.webp differ diff --git a/source/img/juri/juri-1.jpg b/source/img/juri/juri-1.jpg new file mode 100644 index 00000000..04fb4399 Binary files /dev/null and b/source/img/juri/juri-1.jpg differ diff --git a/source/img/juri/juri-1.webp b/source/img/juri/juri-1.webp new file mode 100644 index 00000000..3227b24e Binary files /dev/null and b/source/img/juri/juri-1.webp differ diff --git a/source/img/juri/juri-1@2x.jpg b/source/img/juri/juri-1@2x.jpg new file mode 100644 index 00000000..12824a9a Binary files /dev/null and b/source/img/juri/juri-1@2x.jpg differ diff --git a/source/img/juri/juri-1@2x.webp b/source/img/juri/juri-1@2x.webp new file mode 100644 index 00000000..42af7db6 Binary files /dev/null and b/source/img/juri/juri-1@2x.webp differ diff --git a/source/img/juri/juri-2.jpg b/source/img/juri/juri-2.jpg new file mode 100644 index 00000000..a2f1ef9b Binary files /dev/null and b/source/img/juri/juri-2.jpg differ diff --git a/source/img/juri/juri-2.webp b/source/img/juri/juri-2.webp new file mode 100644 index 00000000..3113bd58 Binary files /dev/null and b/source/img/juri/juri-2.webp differ diff --git a/source/img/juri/juri-2@2x.jpg b/source/img/juri/juri-2@2x.jpg new file mode 100644 index 00000000..58a9c27f Binary files /dev/null and b/source/img/juri/juri-2@2x.jpg differ diff --git a/source/img/juri/juri-2@2x.webp b/source/img/juri/juri-2@2x.webp new file mode 100644 index 00000000..a95f346b Binary files /dev/null and b/source/img/juri/juri-2@2x.webp differ diff --git a/source/img/juri/juri-3.jpg b/source/img/juri/juri-3.jpg new file mode 100644 index 00000000..4120bb8d Binary files /dev/null and b/source/img/juri/juri-3.jpg differ diff --git a/source/img/juri/juri-3.webp b/source/img/juri/juri-3.webp new file mode 100644 index 00000000..0e1b33a2 Binary files /dev/null and b/source/img/juri/juri-3.webp differ diff --git a/source/img/juri/juri-3@2x.jpg b/source/img/juri/juri-3@2x.jpg new file mode 100644 index 00000000..0347490e Binary files /dev/null and b/source/img/juri/juri-3@2x.jpg differ diff --git a/source/img/juri/juri-3@2x.webp b/source/img/juri/juri-3@2x.webp new file mode 100644 index 00000000..01a41ea7 Binary files /dev/null and b/source/img/juri/juri-3@2x.webp differ diff --git a/source/img/juri/juri-4.jpg b/source/img/juri/juri-4.jpg new file mode 100644 index 00000000..a4add906 Binary files /dev/null and b/source/img/juri/juri-4.jpg differ diff --git a/source/img/juri/juri-4.webp b/source/img/juri/juri-4.webp new file mode 100644 index 00000000..e276820d Binary files /dev/null and b/source/img/juri/juri-4.webp differ diff --git a/source/img/juri/juri-4@2x.jpg b/source/img/juri/juri-4@2x.jpg new file mode 100644 index 00000000..4a51cb84 Binary files /dev/null and b/source/img/juri/juri-4@2x.jpg differ diff --git a/source/img/juri/juri-4@2x.webp b/source/img/juri/juri-4@2x.webp new file mode 100644 index 00000000..448ff8d8 Binary files /dev/null and b/source/img/juri/juri-4@2x.webp differ diff --git a/source/img/sprite/icon-arrow.svg b/source/img/sprite/icon-arrow.svg new file mode 100644 index 00000000..0284fe22 --- /dev/null +++ b/source/img/sprite/icon-arrow.svg @@ -0,0 +1,3 @@ + + + diff --git a/source/img/sprite/icon-minus.svg b/source/img/sprite/icon-minus.svg new file mode 100644 index 00000000..2b3d2795 --- /dev/null +++ b/source/img/sprite/icon-minus.svg @@ -0,0 +1,3 @@ + + + diff --git a/source/img/sprite/icon-play.svg b/source/img/sprite/icon-play.svg new file mode 100644 index 00000000..bc297933 --- /dev/null +++ b/source/img/sprite/icon-play.svg @@ -0,0 +1,3 @@ + + + diff --git a/source/img/sprite/icon-plus.svg b/source/img/sprite/icon-plus.svg new file mode 100644 index 00000000..1b4b4854 --- /dev/null +++ b/source/img/sprite/icon-plus.svg @@ -0,0 +1,3 @@ + + + diff --git a/source/img/sprite/icon-rubble.svg b/source/img/sprite/icon-rubble.svg new file mode 100644 index 00000000..9d074cd9 --- /dev/null +++ b/source/img/sprite/icon-rubble.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/source/img/sprite/logo.svg b/source/img/sprite/logo.svg deleted file mode 100644 index aee2e13c..00000000 --- a/source/img/sprite/logo.svg +++ /dev/null @@ -1,15 +0,0 @@ - - - - - - - - - - - - - - - diff --git a/source/img/sprite/ok.svg b/source/img/sprite/ok.svg new file mode 100644 index 00000000..30fbe7f7 --- /dev/null +++ b/source/img/sprite/ok.svg @@ -0,0 +1,3 @@ + + + diff --git a/source/img/sprite/reddit.svg b/source/img/sprite/reddit.svg new file mode 100644 index 00000000..89722495 --- /dev/null +++ b/source/img/sprite/reddit.svg @@ -0,0 +1,3 @@ + + + diff --git a/source/img/sprite/user.svg b/source/img/sprite/user.svg deleted file mode 100644 index 6873ae6e..00000000 --- a/source/img/sprite/user.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/source/img/sprite/vk.svg b/source/img/sprite/vk.svg new file mode 100644 index 00000000..ed6a1dfc --- /dev/null +++ b/source/img/sprite/vk.svg @@ -0,0 +1,3 @@ + + + diff --git a/source/img/svg/logo.svg b/source/img/svg/logo.svg new file mode 100644 index 00000000..f2ead4cf --- /dev/null +++ b/source/img/svg/logo.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/source/img/svg/video-btn-active.svg b/source/img/svg/video-btn-active.svg new file mode 100644 index 00000000..8be25635 --- /dev/null +++ b/source/img/svg/video-btn-active.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/source/img/svg/video-btn-default.svg b/source/img/svg/video-btn-default.svg new file mode 100644 index 00000000..43850be8 --- /dev/null +++ b/source/img/svg/video-btn-default.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/source/img/svg/video-btn-disabled.svg b/source/img/svg/video-btn-disabled.svg new file mode 100644 index 00000000..238977aa --- /dev/null +++ b/source/img/svg/video-btn-disabled.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/source/img/svg/video-btn-focus.svg b/source/img/svg/video-btn-focus.svg new file mode 100644 index 00000000..acd2c9fd --- /dev/null +++ b/source/img/svg/video-btn-focus.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/source/img/svg/video-btn-hover.svg b/source/img/svg/video-btn-hover.svg new file mode 100644 index 00000000..243fbddb --- /dev/null +++ b/source/img/svg/video-btn-hover.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/source/img/video-preview-desktop.jpg b/source/img/video-preview-desktop.jpg new file mode 100644 index 00000000..ad8fc92a Binary files /dev/null and b/source/img/video-preview-desktop.jpg differ diff --git a/source/img/video-preview-desktop.webp b/source/img/video-preview-desktop.webp new file mode 100644 index 00000000..74b00015 Binary files /dev/null and b/source/img/video-preview-desktop.webp differ diff --git a/source/img/video-preview-desktop@2x.jpg b/source/img/video-preview-desktop@2x.jpg new file mode 100644 index 00000000..5226d263 Binary files /dev/null and b/source/img/video-preview-desktop@2x.jpg differ diff --git a/source/img/video-preview-desktop@2x.webp b/source/img/video-preview-desktop@2x.webp new file mode 100644 index 00000000..46d4dd4a Binary files /dev/null and b/source/img/video-preview-desktop@2x.webp differ diff --git a/source/img/video-preview-mobile.jpg b/source/img/video-preview-mobile.jpg new file mode 100644 index 00000000..31bd5fdf Binary files /dev/null and b/source/img/video-preview-mobile.jpg differ diff --git a/source/img/video-preview-mobile.webp b/source/img/video-preview-mobile.webp new file mode 100644 index 00000000..a8ae97d8 Binary files /dev/null and b/source/img/video-preview-mobile.webp differ diff --git a/source/img/video-preview-mobile@2x.jpg b/source/img/video-preview-mobile@2x.jpg new file mode 100644 index 00000000..abc22a20 Binary files /dev/null and b/source/img/video-preview-mobile@2x.jpg differ diff --git a/source/img/video-preview-mobile@2x.webp b/source/img/video-preview-mobile@2x.webp new file mode 100644 index 00000000..eb2e2b4b Binary files /dev/null and b/source/img/video-preview-mobile@2x.webp differ diff --git a/source/img/video-preview-tablet.jpg b/source/img/video-preview-tablet.jpg new file mode 100644 index 00000000..2586ad79 Binary files /dev/null and b/source/img/video-preview-tablet.jpg differ diff --git a/source/img/video-preview-tablet.webp b/source/img/video-preview-tablet.webp new file mode 100644 index 00000000..8de64cda Binary files /dev/null and b/source/img/video-preview-tablet.webp differ diff --git a/source/img/video-preview-tablet@2x.jpg b/source/img/video-preview-tablet@2x.jpg new file mode 100644 index 00000000..00b2d76e Binary files /dev/null and b/source/img/video-preview-tablet@2x.jpg differ diff --git a/source/img/video-preview-tablet@2x.webp b/source/img/video-preview-tablet@2x.webp new file mode 100644 index 00000000..55e9def5 Binary files /dev/null and b/source/img/video-preview-tablet@2x.webp differ diff --git a/source/index.html b/source/index.html index efa99257..9666aabc 100644 --- a/source/index.html +++ b/source/index.html @@ -1,32 +1,1305 @@ - - - - SUPERGYM - - + + + + SUPERGYM + + - - - Это спрайт - - - - -
hero
-
about
-
price
-
games
-
juri
-
features
-
offers
-
faq
-
reviews
-
form
-
footer
- - + +
+
+
+
+
+ +
+ 8 800 555-55-55 +
+
+
+
+
+
+
Омск
+
+
    +
  • Тренажёрный зал
    • +
  • Групповые занятия
    • +
  • Кардио-зона
    • +
+
+
+

ФИТНЕС ЦЕНТР

+
+
+ Купить абонемент +
+
+ + + + + + + + Мужчина, в спортивной темной майке с логотипом на груди в виде буквы S, смотрит в лево. + +
+
+
+
+
+
+
+
+
+
+

+ Тренажёрный зал +

+

Просторный зал площадью 900 кв/м

+
+
+

+ Supergym – самый большой фитнес центр за Уралом и идеальное + место для укрепления тела и здоровья. Тренажёрный + зал оснащён всем необходимым современным оборудованием + для всех спортсменов. +

+

+ В зале расположены отдельная зона для Crossfit и кардио-зона + с 40 тренажёрами. Также в фитнес центре есть несколько + оборудованных залов для различных видов групповых занятий. +

+
+
+
+ + + + + + + + + + + + зал с тренажерами на светлом фоне. + +
+
+
+ + + + + + + + + + + + зал с тренажерами. + + +
+
+
+
+
+
+
+

+ Абонементы +

+
+
+ + + +
+
+
+
+
+
+

С тренером

+

12 занятий

+
+
+ 5000 + + + + +
+ + Купить абонемент + +
+
+
+
+
+

Дневной

+

с 8:00 до 17:00

+
+
+ 1700 + + + + +
+ + Купить абонемент + +
+
+
+
+
+

Полный день

+

с 8:00 до 22:00

+
+
+ 2700 + + + + +
+ + Купить абонемент + +
+
+
+
+
+
+
+

С тренером

+

12 занятий

+
+
+ 30000 + + + + +
+ + Купить абонемент + +
+
+
+
+
+

Дневной

+

с 8:00 до 17:00

+
+
+ 10200 + + + + +
+ + Купить абонемент + +
+
+
+
+
+

Полный день

+

с 8:00 до 22:00

+
+
+ 16200 + + + + +
+ + Купить абонемент + +
+
+
+
+
+
+
+

С тренером

+

12 занятий

+
+
+ 60000 + + + + +
+ + Купить абонемент + +
+
+
+
+
+

Дневной

+

с 8:00 до 17:00

+
+
+ 20400 + + + + +
+ + Купить абонемент + +
+
+
+
+
+

Полный день

+

с 8:00 до 22:00

+
+
+ 32400 + + + + +
+ + Купить абонемент + +
+
+
+
+
+ + + + + + + + + +
+
+
+
+
+
+
+

+ SUPER GAMES +

+
+
+ Дата +
+
+ 7 + Марта + 2019 +
+
+
+
+ Время +
+
+ 12:00 +
+
+

Ежегодные соревнования по CrossFit

+
+ + заполнить заявку + +
+
+ + + + + + + + + + + + зал с тренажерами на светлом фоне. + +
+
+
+
+
+
+

Жюри

+
+
+ +
+
+
+
+ + + Анна Павлова + +
+ Анна Павлова +
+ Анна Павлова + CrossFit +
    +
  • + Certified Level 3 Trainer +
    • +
  • + Победитель чемпионата России по CrossFit +
    • +
  • + Опыт — 6 лет +
    • +
+
+
+
+
+ + + Алексей Лавров + +
+ Алексей Лавров +
+ Алексей Лавров + CrossFit +
    +
  • + Certified Level 3 Trainer +
    • +
  • + Победитель чемпионата России по CrossFit +
    • +
  • + Опыт — 6 лет +
    • +
+
+
+
+
+ + + Александр Пашков + +
+ Александр Пашков +
+ Александр Пашков + CrossFit +
    +
  • + Certified Level 3 Trainer +
    • +
  • + Победитель чемпионата России по CrossFit +
    • +
  • + Опыт — 6 лет +
    • +
+
+
+
+
+ + + Мария Кетова + +
+ Мария Кетова +
+ Мария Кетова + CrossFit +
    +
  • + Certified Level 3 Trainer +
    • +
  • + Победитель чемпионата России по CrossFit +
    • +
  • + Опыт — 6 лет +
    • +
+
+
+
+
+ + + Анна Павлова + +
+ Анна Павлова +
+ Анна Павлова + CrossFit +
    +
  • + Certified Level 3 Trainer +
    • +
  • + Победитель чемпионата России по CrossFit +
    • +
  • + Опыт — 6 лет +
    • +
+
+
+
+
+ + + Алексей Лавров + +
+ Алексей Лавров +
+ Алексей Лавров + CrossFit +
    +
  • + Certified Level 3 Trainer +
    • +
  • + Победитель чемпионата России по CrossFit +
    • +
  • + Опыт — 6 лет +
    • +
+
+
+
+
+ + + Александр Пашков + +
+ Александр Пашков +
+ Александр Пашков + CrossFit +
    +
  • + Certified Level 3 Trainer +
    • +
  • + Победитель чемпионата России по CrossFit +
    • +
  • + Опыт — 6 лет +
    • +
+
+
+
+
+ + + Мария Кетова + +
+ Мария Кетова +
+ Мария Кетова + CrossFit +
    +
  • + Certified Level 3 Trainer +
    • +
  • + Победитель чемпионата России по CrossFit +
    • +
  • + Опыт — 6 лет +
    • +
+
+
+
+
+ +
+
+
+
+

+ Наши преимущества +

+
+
+
+
+ 900 + кв/м +
+
+

Площадь

+

Занимайтесь без очередей и толкучки

+
+
+
+
+
+
+ 70 + машин +
+
+

Собственная парковка

+

+ Вы всегда найдёте место для своей машины на нашей парковке +

+
+
+
+
+
+
+ 350 + мест +
+
+

Комфорт

+

Просторные раздевалки, душевые, фен, Wi-Fi, кулеры

+
+
+
+
+
+
+ 5+ + лет +
+
+

Тренерский опыт

+

+ Добивайтесь своих целей быстрее с профессиональным + тренером +

+
+
+
+
+ 100 + Тренажёров +

Современные тренажёры на все группы мышц

+
+
+
+
+
+
+

+ Акции +

+
+
+
+

Год

+ 4999 +

Безлимитный абонемент в тренажёрный зал

+ подробнее +
+
+ + + + + + + + девушка в синей спортивной одежде на голубом фоне + +
+
+
+
+

Месяц бесплатно

+

Приведи друга, получи абонемент в подарок

+ подробнее +
+
+
+
+

Скидка 20%

+

Корпоративный фитнес с командой

+ подробнее +
+
+
+
+
+
+
+

+ Вопросы и ответы +

+
+
+ + + + +
+
+
+

Как стать членом
фитнес-центра?

+ +
+

+ При первом посещении и покупке абонемента, необходимо + заполнить анкету и подписать договор. При покупке + абонемента онлайн, анкета также заполняется онлайн + и договор придёт вам на почту. +

+
+
+
+

Где можно посмотреть расписание?

+ +
+

+ Вы можете ознакомиться с расписание на стойке информации, + на нашем официальном сайте. Так же есть возможность + оформить подписку на наши новости и получать расписание и + обновления на почту каждую неделю. +

+
+
+
+

Есть кулеры в центре? Предоставляются полотенца?

+ +
+

+ При первом посещении и покупке абонемента, необходимо + заполнить анкету и подписать договор. При покупке + абонемента онлайн, анкета также заполняется онлайн + и договор придёт вам на почту. +

+
+
+
+

+ Сколько тренеров работает в клубе и какова их квалификация? +

+ +
+

+ При первом посещении и покупке абонемента, необходимо + заполнить анкету и подписать договор. При покупке + абонемента онлайн, анкета также заполняется онлайн + и договор придёт вам на почту. +

+
+
+
+
+
+

Занятия с тренером входят в абонемент?

+ +
+

+ При посещении тренажерного зала вам необходимо оплатить + занятия с тренером отдельно. В зале всегда присутствует + дежурный тренер, которому можно задать вопрос, получить + небольшую консультацию по тренажеру или технике выполнения + упражнения. +

+
+
+
+

Можно ли заморозить абонемент?

+ +
+

+ При первом посещении и покупке абонемента, необходимо + заполнить анкету и подписать договор. При покупке + абонемента онлайн, анкета также заполняется онлайн + и договор придёт вам на почту. +

+
+
+
+

+ Есть ли лимит по посещениям тренажерного зала и групповых + занятий? +

+ +
+

+ При первом посещении и покупке абонемента, необходимо + заполнить анкету и подписать договор. При покупке + абонемента онлайн, анкета также заполняется онлайн + и договор придёт вам на почту. +

+
+
+
+

Что такое семейный доступ и доступ для друзей?

+ +
+

+ При первом посещении и покупке абонемента, необходимо + заполнить анкету и подписать договор. При покупке + абонемента онлайн, анкета также заполняется онлайн + и договор придёт вам на почту. +

+
+
+
+
+
+

+ Предлагает ли клуб услуги по консультированию по вопросам + питания? +

+ +
+

+ Да. Вы можете обратиться как к своему тренеру, так и к + нашему нутрициологу. Специалист уточнит ваши данные, цели + и предложит программу питания. +

+
+
+
+

+ Проводятся ли в клубе какие-либо мероприятия или + соревнования? +

+ +
+

+ При первом посещении и покупке абонемента, необходимо + заполнить анкету и подписать договор. При покупке + абонемента онлайн, анкета также заполняется онлайн + и договор придёт вам на почту. +

+
+
+
+

Можно ли приобрести в центре спортивное питание?

+ +
+

+ При первом посещении и покупке абонемента, необходимо + заполнить анкету и подписать договор. При покупке + абонемента онлайн, анкета также заполняется онлайн + и договор придёт вам на почту. +

+
+
+
+

Есть ли в центре детская комната?

+ +
+

+ При первом посещении и покупке абонемента, необходимо + заполнить анкету и подписать договор. При покупке + абонемента онлайн, анкета также заполняется онлайн + и договор придёт вам на почту. +

+
+
+
+
+
+

Есть в фитнес-центре дресс-код?

+ +
+

+ Для тренировок необходимо иметь предназначенную для этого + закрытую спортивную обувь и одежду. Верхняя и нижняя части + тела должны быть закрыты (используйте футболки, майки, + спортивные брюки, шорты, кроссовки). В целях безопасности, + запрещается тренироваться босиком, в пляжных или домашних + тапочках и т. п., исключения составляют специальные классы + (например, йога, пилатес). +

+
+
+
+

Можно ли приводить с собой детей на тренировки?

+ +
+

+ При первом посещении и покупке абонемента, необходимо + заполнить анкету и подписать договор. При покупке + абонемента онлайн, анкета также заполняется онлайн + и договор придёт вам на почту. +

+
+
+
+

Какие дополнительные правила посещения центра?

+ +
+

+ При первом посещении и покупке абонемента, необходимо + заполнить анкету и подписать договор. При покупке + абонемента онлайн, анкета также заполняется онлайн + и договор придёт вам на почту. +

+
+
+
+

+ Нужна ли медицинская справка для посещения залов и бассейна? +

+ +
+

+ При первом посещении и покупке абонемента, необходимо + заполнить анкету и подписать договор. При покупке + абонемента онлайн, анкета также заполняется онлайн + и договор придёт вам на почту. +

+
+
+
+
+
+
+
+
+

+ Отзывы +

+
+ +
+
+
+
+
+ + + Анна Орлова + +
+ Анна Орлова +

+ «Хожу в Supergym уже больше года. Нравится, что в клубе + всегда чисто, тренажёры обновляют, персонал дружелюбный. + Зал просторный, даже в вечернее время нет очередей» +

+
+
+
+
+
+ + + Анна Орлова + +
+ Анна Орлова +

+ «Хожу в Supergym уже больше года. Нравится, что в клубе + всегда чисто, тренажёры обновляют, персонал дружелюбный. + Зал просторный, даже в вечернее время нет очередей» +

+
+
+
+
+ +
+
+
+
+
+
+

+ Бесплатное занятие +

+
+
+
+ + + Проверьте корректность заполнения поля +
+
+ + + Проверьте корректность заполнения поля +
+
+ +
+
+
+
+
+

+ Контакты +

+
+
+
+

Адрес:

+

+ г. Омск, ул. 60 лет Октября, 7 +

+
+
+

График работы:

+

Пн-Вс: с 8:00 до 22:00

+
+
+
+
+

Телефон:

+ 8 800 555-55-55 +
+
+

Email:

+ oмск@supergym.ru +
+
+
+
+
+
+
+ +
+ + diff --git a/source/js/main.js b/source/js/main.js index 70fde252..5131c6ac 100644 --- a/source/js/main.js +++ b/source/js/main.js @@ -1,4 +1,29 @@ -// https://swiperjs.com/get-started#installation -// import Swiper from "swiper"; -// import {Navigation, Pagination} from "swiper/modules"; -// import 'swiper/css'; +import { + initPriceTabs, + setActivePriceCard, +} from '../js/modules/tabs/init-price-tabs'; +import { initFaqTabs } from '../js/modules/tabs/init-faq-tabs'; +import { setActiveJuriSlideInfo } from '../js/modules/utils/utils'; +import { juriSliderInit } from '../js/modules/sliders/juri-slider-init'; +import { reviewsSliderInit } from '../js/modules/sliders/reviews-slider-init'; +import { play } from '../js/modules/video-player'; +import { initFaqAccordions } from '../js/modules/accordions/faq-accordion'; +import { validateForm } from '../js/modules/validate-form'; + +window.addEventListener('DOMContentLoaded', () => { + window.addEventListener('load', () => { + + play(); + initPriceTabs(); + setActivePriceCard(); + juriSliderInit(); + setActiveJuriSlideInfo(); + initFaqTabs(); + initFaqAccordions(); + reviewsSliderInit(); + + validateForm(); + + + }); +}); diff --git a/source/js/modules/accordions/faq-accordion.js b/source/js/modules/accordions/faq-accordion.js new file mode 100644 index 00000000..e22641a9 --- /dev/null +++ b/source/js/modules/accordions/faq-accordion.js @@ -0,0 +1,19 @@ +export const initFaqAccordions = () => { + const buttons = document.querySelectorAll('[data-faq="accordion-button"]'); + + buttons.forEach((button) => { + button.addEventListener('click', () => { + const content = button.nextElementSibling; + const isActive = button.classList.contains('is-active'); + + if (isActive) { + content.style.maxHeight = 0; + } else { + content.style.maxHeight = `${content.scrollHeight}px`; + } + + button.classList.toggle('is-active'); + content.classList.toggle('is-active'); + }); + }); +}; diff --git a/source/js/modules/sliders/juri-slider-init.js b/source/js/modules/sliders/juri-slider-init.js new file mode 100644 index 00000000..e5ec56b0 --- /dev/null +++ b/source/js/modules/sliders/juri-slider-init.js @@ -0,0 +1,40 @@ +// https://swiperjs.com/get-started#installation +import Swiper from 'swiper'; +import { Navigation } from 'swiper/modules'; +// import Swiper and modules styles +import 'swiper/css'; +const juriSliderInit = () => { + if (document.querySelector('[data-slider="juri-slider"]')) { + const juriSlider = document.querySelector('[data-slider="juri-slider"]'); + new Swiper(juriSlider, { + // Install modules + modules: [Navigation], + grabCursor: false, + watchOverflow: true, + speed: 500, + loop: true, + navigation: { + nextEl: '.juri__arrow--next', + prevEl: '.juri__arrow--prev', + }, + breakpoints: { + 320: { + slidesPerView: 1, + initialSlide: 0, + }, + + 768: { + slidesPerView: 2, + spaceBetween: 40, + simulateTouch: false, + }, + 1366: { + slidesPerView: 4, + spaceBetween: 40, + }, + }, + }); + } +}; + +export { juriSliderInit }; diff --git a/source/js/modules/sliders/reviews-slider-init.js b/source/js/modules/sliders/reviews-slider-init.js new file mode 100644 index 00000000..3df2d489 --- /dev/null +++ b/source/js/modules/sliders/reviews-slider-init.js @@ -0,0 +1,30 @@ +// https://swiperjs.com/get-started#installation +import Swiper from 'swiper'; +import { Navigation } from 'swiper/modules'; +// import Swiper and modules styles +import 'swiper/css'; +const reviewsSliderInit = () => { + if (document.querySelector('[data-slider="reviews-slider"]')) { + const reviewsSlider = document.querySelector( + '[data-slider="reviews-slider"]', + ); + new Swiper(reviewsSlider, { + // Install modules + modules: [Navigation], + simulateTouch: false, + grabCursor: false, + watchOverflow: true, + speed: 500, + loop: false, + autoHeight: true, + slidesPerView: 1, + navigation: { + nextEl: '.reviews__arrow--next', + prevEl: '.reviews__arrow--prev', + lockClass: 'disabled', + }, + }); + } +}; + +export { reviewsSliderInit }; diff --git a/source/js/modules/tabs/init-faq-tabs.js b/source/js/modules/tabs/init-faq-tabs.js new file mode 100644 index 00000000..78262bde --- /dev/null +++ b/source/js/modules/tabs/init-faq-tabs.js @@ -0,0 +1,38 @@ +const initFaqTabs = () => { + if ( + document.querySelectorAll('[data-faq="tabs-control"]') && + document.querySelectorAll('[data-faq="tabs-content"]') + ) { + const tabsControls = document.querySelectorAll('[data-faq="tabs-control"]'); + const tabsElements = document.querySelectorAll('[data-faq="tabs-content"]'); + // Обработчик события клика для вкладок + tabsControls.forEach((tabsControl) => { + tabsControl.addEventListener('click', (e) => { + e.preventDefault(); + const activeTabId = e.target.getAttribute('data-tab'); + + // Убираем активный класс у всех вкладок, кроме текущей + tabsControls.forEach((otherTabControl) => { + if (otherTabControl !== tabsControl) { + otherTabControl.classList.remove('is-active'); + } + }); + + // Добавляем активный класс текущей вкладке + tabsControl.classList.add('is-active'); + + // Показываем соответствующее содержимое вкладки + tabsElements.forEach((tabsElement) => { + const contentId = tabsElement.getAttribute('data-tab-content'); + if (contentId === activeTabId) { + tabsElement.classList.add('is-active'); + } else { + tabsElement.classList.remove('is-active'); + } + }); + }); + }); + } +}; + +export { initFaqTabs }; diff --git a/source/js/modules/tabs/init-price-tabs.js b/source/js/modules/tabs/init-price-tabs.js new file mode 100644 index 00000000..989d324d --- /dev/null +++ b/source/js/modules/tabs/init-price-tabs.js @@ -0,0 +1,88 @@ +const initPriceTabs = () => { + if ( + document.querySelectorAll('[data-price="tabs-control"]') && + document.querySelectorAll('[data-price="tabs-content"]') + ) { + const tabsControls = document.querySelectorAll( + '[data-price="tabs-control"]', + ); + const tabsElements = document.querySelectorAll( + '[data-price="tabs-content"]', + ); + // Обработчик события клика для вкладок + tabsControls.forEach((tabsControl) => { + tabsControl.addEventListener('click', (e) => { + e.preventDefault(); + const activeTabId = e.target.getAttribute('data-tab'); + + // Убираем активный класс у всех вкладок, кроме текущей + tabsControls.forEach((otherTabControl) => { + if (otherTabControl !== tabsControl) { + otherTabControl.classList.remove('is-active'); + } + }); + + // Добавляем активный класс текущей вкладке + tabsControl.classList.add('is-active'); + + // Показываем соответствующее содержимое вкладки + tabsElements.forEach((tabsElement) => { + const contentId = tabsElement.getAttribute('data-tab-content'); + if (contentId === activeTabId) { + tabsElement.classList.add('is-active'); + } else { + tabsElement.classList.remove('is-active'); + } + }); + }); + }); + } +}; + +const setActivePriceCard = () => { + if ( + document.querySelector('[data-price="card"]') && + document.querySelector('[data-price="card-btn"]') + ) { + // Получаем все элементы с классом .price-card + const tabs = document.querySelectorAll('[data-price="card"]'); + + // Добавляем обработчик события для каждого элемента + tabs.forEach((tab) => { + // Добавляем обработчик события focus для кнопки .price-card__btn + const btn = tab.querySelector('[data-price="card-btn"]'); + btn.addEventListener('focus', () => { + tab.classList.add('is-active'); + }); + + // Добавляем обработчик события blur для кнопки .price-card__btn + btn.addEventListener('blur', () => { + tab.classList.remove('is-active'); + }); + + tab.addEventListener('mouseenter', () => { + // Проверяем наличием класса .is-active у элемента и .is-active у кнопки + if ( + !tab.classList.contains('is-active') && + !btn.classList.contains('is-active') + ) { + tab.classList.add('is-active'); // Добавляем класс .is-active при наведении + btn.classList.add('is-active'); // Добавляем класс .is-active при наведении + } + }); + + tab.addEventListener('mouseleave', () => { + // Проверяем наличием класса .is-active у элемента и .is-active у кнопки + if ( + tab.classList.contains('is-active') && + btn.classList.contains('is-active') + ) { + tab.classList.remove('is-active'); // Удаляем класс .is-active при уходе курсора + btn.classList.remove('is-active'); // Удаляем класс .is-active при уходе курсора + } + }); + }); + } +}; + +export { initPriceTabs, setActivePriceCard }; diff --git a/source/js/modules/utils/utils.js b/source/js/modules/utils/utils.js new file mode 100644 index 00000000..a01fb852 --- /dev/null +++ b/source/js/modules/utils/utils.js @@ -0,0 +1,44 @@ +const setActiveJuriSlideInfo = () => { + if ( + document.querySelector('.juri__inner') && + document.querySelector('.juri-slide') + ) { + // Получаем все элементы с классом .juri-slide + const slides = document.querySelectorAll('.juri-slide'); + + // Добавляем обработчик события для каждого элемента + slides.forEach((slide) => { + // Добавляем обработчик события focus для элемента + slide.addEventListener('focus', () => { + slides.forEach((slideItem) => { + slideItem.classList.remove('is-active'); + }); + slide.classList.add('is-active'); + }); + + // Добавляем обработчик события blur для элемента + slide.addEventListener('blur', () => { + slide.classList.remove('is-active'); + }); + + slide.addEventListener('mouseenter', () => { + slides.forEach((slideItem) => { + slideItem.classList.remove('is-active'); + }); + // Проверяем наличием класса .is-active у элемента + if (!slide.classList.contains('is-active')) { + slide.classList.add('is-active'); // Добавляем класс .is-active при наведении + } + }); + + slide.addEventListener('mouseleave', () => { + // Проверяем наличием класса .is-active у элемента + if (slide.classList.contains('is-active')) { + slide.classList.remove('is-active'); // Удаляем класс .is-active при уходе курсора + } + }); + }); + } +}; + +export { setActiveJuriSlideInfo }; diff --git a/source/js/modules/validate-form.js b/source/js/modules/validate-form.js new file mode 100644 index 00000000..7114c543 --- /dev/null +++ b/source/js/modules/validate-form.js @@ -0,0 +1,129 @@ +// formValidation.js + +// Функция для валидации формы +const validateForm = () => { + // Находим форму на странице + const form = document.querySelector('form'); + // Находим все инпуты внутри формы + const inputs = form.querySelectorAll('input'); + + // Регулярные выражения для валидации + const lettersOnlyRegex = /^[a-zA-Zа-яА-ЯёЁ\s]+$/; // Допускает только буквы и пробелы (кириллица и латиница) + const digitsOnlyRegex = /^\d+$/; // Допускает только цифры + + // Функция для отображения ошибок + const showError = (input, errorMessage) => { + // Получаем родительский элемент инпута + const parent = input.parentElement; + // Находим элемент для отображения сообщения об ошибке + const errorText = parent.querySelector('.form__error-text'); + + // Добавляем классы ошибки родительскому элементу и инпуту + parent.classList.add('error'); + input.classList.add('error'); + // Устанавливаем текст ошибки и отображаем его + errorText.textContent = errorMessage; + errorText.style.display = 'block'; + }; + + // Функция для скрытия ошибок + const hideError = (input) => { + // Получаем родительский элемент инпута + const parent = input.parentElement; + // Находим элемент для отображения сообщения об ошибке + const errorText = parent.querySelector('.form__error-text'); + + // Удаляем классы ошибки у родительского элемента и инпута + parent.classList.remove('error'); + input.classList.remove('error'); + // Очищаем текст ошибки и скрываем его + errorText.textContent = ''; + errorText.style.display = 'none'; + }; + + // Функция для проверки валидности поля Имя + const validateName = (input) => { + // Получаем значение инпута и убираем лишние пробелы + const value = input.value.trim(); + + // Проверяем, если значение пустое + if (value === '') { + // Показываем сообщение об ошибке, если поле пустое + showError(input, 'Поле Имя обязательно для заполнения'); + } else if (!lettersOnlyRegex.test(value)) { + // Показываем сообщение об ошибке, если в поле есть недопустимые символы + showError(input, 'Поле Имя может содержать только буквы и пробелы'); + } else { + // Скрываем сообщение об ошибке, если всё в порядке + hideError(input); + } + }; + + // Функция для проверки валидности поля Телефон + const validatePhone = (input) => { + // Получаем значение инпута и убираем лишние пробелы + const value = input.value.trim(); + + // Проверяем, если значение пустое + if (value === '') { + // Показываем сообщение об ошибке, если поле пустое + showError(input, 'Поле Телефон обязательно для заполнения'); + } else if (!digitsOnlyRegex.test(value)) { + // Показываем сообщение об ошибке, если в поле есть недопустимые символы + showError(input, 'Поле Телефон должно содержать только цифры'); + } else { + // Скрываем сообщение об ошибке, если всё в порядке + hideError(input); + } + }; + + // Обработчик события отправки формы + form.addEventListener('submit', (event) => { + // Предотвращаем отправку формы по умолчанию + event.preventDefault(); + + // Проверяем каждое поле при отправке формы + inputs.forEach((input) => { + // Проверяем поле Имя + if (input.name === 'name') { + validateName(input); + // Проверяем поле Телефон + } else if (input.name === 'phone') { + validatePhone(input); + } + }); + + // Проверяем, если все поля валидны (не содержат классы ошибки) + const isValid = Array.from(inputs).every((input) => !input.classList.contains('error')); + if (isValid) { + // Если все поля валидны, отправляем форму + form.submit(); + } + }); + + // Обработчики событий для удаления класса error при потере фокуса и пустом значении + inputs.forEach((input) => { + // Обработчик события потери фокуса + input.addEventListener('blur', () => { + // Если значение инпута пустое + if (input.value.trim() === '') { + // Удаляем класс ошибки у родительского элемента и инпута + input.parentElement.classList.remove('error'); + input.classList.remove('error'); + } + }); + + // Обработчик события ввода + input.addEventListener('input', () => { + // Если значение инпута пустое + if (input.value.trim() === '') { + // Удаляем класс ошибки у родительского элемента и инпута + input.parentElement.classList.remove('error'); + input.classList.remove('error'); + } + }); + }); +}; + +// Экспорт функции валидации формы, чтобы её можно было использовать в других модулях +export { validateForm }; diff --git a/source/js/modules/video-player.js b/source/js/modules/video-player.js new file mode 100644 index 00000000..0ddbb5ea --- /dev/null +++ b/source/js/modules/video-player.js @@ -0,0 +1,25 @@ +const play = () => { + if (document.querySelector('[data-id="video"]')) { + const video = document.querySelector('[data-id="video"]'); + const videoBtnPlay = document.querySelector('.video__btn'); + video.addEventListener('click', () => { + if (video.hasAttribute('data-state')) { + return; + } + + video.dataset.state = 'ready'; + const src = video.dataset.src; + video.insertAdjacentHTML( + 'beforeend', + ``, + ); + + video.classList.toggle('video__bg-hide'); + videoBtnPlay.classList.toggle('video__btn--hide'); + }); + } +}; + +export { play }; diff --git a/source/js/vendor/swiper.js b/source/js/vendor/swiper.js new file mode 100644 index 00000000..172b0cb0 --- /dev/null +++ b/source/js/vendor/swiper.js @@ -0,0 +1,7156 @@ +/** + * Swiper 10.3.1 + * Most modern mobile touch slider and framework with hardware accelerated transitions + * https://swiperjs.com + * + * Copyright 2014-2023 Vladimir Kharlampidi + * + * Released under the MIT License + * + * Released on: September 28, 2023 + */ + +var Swiper = (function () { + "use strict"; + function e(e) { + return ( + null !== e && + "object" == typeof e && + "constructor" in e && + e.constructor === Object + ); + } + function t(s, a) { + void 0 === s && (s = {}), + void 0 === a && (a = {}), + Object.keys(a).forEach((i) => { + void 0 === s[i] + ? (s[i] = a[i]) + : e(a[i]) && e(s[i]) && Object.keys(a[i]).length > 0 && t(s[i], a[i]); + }); + } + const s = { + body: {}, + addEventListener() {}, + removeEventListener() {}, + activeElement: { blur() {}, nodeName: "" }, + querySelector: () => null, + querySelectorAll: () => [], + getElementById: () => null, + createEvent: () => ({ initEvent() {} }), + createElement: () => ({ + children: [], + childNodes: [], + style: {}, + setAttribute() {}, + getElementsByTagName: () => [], + }), + createElementNS: () => ({}), + importNode: () => null, + location: { + hash: "", + host: "", + hostname: "", + href: "", + origin: "", + pathname: "", + protocol: "", + search: "", + }, + }; + function a() { + const e = "undefined" != typeof document ? document : {}; + return t(e, s), e; + } + const i = { + document: s, + navigator: { userAgent: "" }, + location: { + hash: "", + host: "", + hostname: "", + href: "", + origin: "", + pathname: "", + protocol: "", + search: "", + }, + history: { replaceState() {}, pushState() {}, go() {}, back() {} }, + CustomEvent: function () { + return this; + }, + addEventListener() {}, + removeEventListener() {}, + getComputedStyle: () => ({ getPropertyValue: () => "" }), + Image() {}, + Date() {}, + screen: {}, + setTimeout() {}, + clearTimeout() {}, + matchMedia: () => ({}), + requestAnimationFrame: (e) => + "undefined" == typeof setTimeout ? (e(), null) : setTimeout(e, 0), + cancelAnimationFrame(e) { + "undefined" != typeof setTimeout && clearTimeout(e); + }, + }; + function r() { + const e = "undefined" != typeof window ? window : {}; + return t(e, i), e; + } + function n(e, t) { + return void 0 === t && (t = 0), setTimeout(e, t); + } + function l() { + return Date.now(); + } + function o(e, t) { + void 0 === t && (t = "x"); + const s = r(); + let a, i, n; + const l = (function (e) { + const t = r(); + let s; + return ( + t.getComputedStyle && (s = t.getComputedStyle(e, null)), + !s && e.currentStyle && (s = e.currentStyle), + s || (s = e.style), + s + ); + })(e); + return ( + s.WebKitCSSMatrix + ? ((i = l.transform || l.webkitTransform), + i.split(",").length > 6 && + (i = i + .split(", ") + .map((e) => e.replace(",", ".")) + .join(", ")), + (n = new s.WebKitCSSMatrix("none" === i ? "" : i))) + : ((n = + l.MozTransform || + l.OTransform || + l.MsTransform || + l.msTransform || + l.transform || + l + .getPropertyValue("transform") + .replace("translate(", "matrix(1, 0, 0, 1,")), + (a = n.toString().split(","))), + "x" === t && + (i = s.WebKitCSSMatrix + ? n.m41 + : 16 === a.length + ? parseFloat(a[12]) + : parseFloat(a[4])), + "y" === t && + (i = s.WebKitCSSMatrix + ? n.m42 + : 16 === a.length + ? parseFloat(a[13]) + : parseFloat(a[5])), + i || 0 + ); + } + function d(e) { + return ( + "object" == typeof e && + null !== e && + e.constructor && + "Object" === Object.prototype.toString.call(e).slice(8, -1) + ); + } + function c() { + const e = Object(arguments.length <= 0 ? void 0 : arguments[0]), + t = ["__proto__", "constructor", "prototype"]; + for (let a = 1; a < arguments.length; a += 1) { + const i = a < 0 || arguments.length <= a ? void 0 : arguments[a]; + if ( + null != i && + ((s = i), + !("undefined" != typeof window && void 0 !== window.HTMLElement + ? s instanceof HTMLElement + : s && (1 === s.nodeType || 11 === s.nodeType))) + ) { + const s = Object.keys(Object(i)).filter((e) => t.indexOf(e) < 0); + for (let t = 0, a = s.length; t < a; t += 1) { + const a = s[t], + r = Object.getOwnPropertyDescriptor(i, a); + void 0 !== r && + r.enumerable && + (d(e[a]) && d(i[a]) + ? i[a].__swiper__ + ? (e[a] = i[a]) + : c(e[a], i[a]) + : !d(e[a]) && d(i[a]) + ? ((e[a] = {}), i[a].__swiper__ ? (e[a] = i[a]) : c(e[a], i[a])) + : (e[a] = i[a])); + } + } + } + var s; + return e; + } + function p(e, t, s) { + e.style.setProperty(t, s); + } + function u(e) { + let { swiper: t, targetPosition: s, side: a } = e; + const i = r(), + n = -t.translate; + let l, + o = null; + const d = t.params.speed; + (t.wrapperEl.style.scrollSnapType = "none"), + i.cancelAnimationFrame(t.cssModeFrameID); + const c = s > n ? "next" : "prev", + p = (e, t) => ("next" === c && e >= t) || ("prev" === c && e <= t), + u = () => { + (l = new Date().getTime()), null === o && (o = l); + const e = Math.max(Math.min((l - o) / d, 1), 0), + r = 0.5 - Math.cos(e * Math.PI) / 2; + let c = n + r * (s - n); + if ((p(c, s) && (c = s), t.wrapperEl.scrollTo({ [a]: c }), p(c, s))) + return ( + (t.wrapperEl.style.overflow = "hidden"), + (t.wrapperEl.style.scrollSnapType = ""), + setTimeout(() => { + (t.wrapperEl.style.overflow = ""), + t.wrapperEl.scrollTo({ [a]: c }); + }), + void i.cancelAnimationFrame(t.cssModeFrameID) + ); + t.cssModeFrameID = i.requestAnimationFrame(u); + }; + u(); + } + function m(e) { + return ( + e.querySelector(".swiper-slide-transform") || + (e.shadowRoot && e.shadowRoot.querySelector(".swiper-slide-transform")) || + e + ); + } + function h(e, t) { + return ( + void 0 === t && (t = ""), [...e.children].filter((e) => e.matches(t)) + ); + } + function f(e, t) { + void 0 === t && (t = []); + const s = document.createElement(e); + return s.classList.add(...(Array.isArray(t) ? t : [t])), s; + } + function g(e) { + const t = r(), + s = a(), + i = e.getBoundingClientRect(), + n = s.body, + l = e.clientTop || n.clientTop || 0, + o = e.clientLeft || n.clientLeft || 0, + d = e === t ? t.scrollY : e.scrollTop, + c = e === t ? t.scrollX : e.scrollLeft; + return { top: i.top + d - l, left: i.left + c - o }; + } + function v(e, t) { + return r().getComputedStyle(e, null).getPropertyValue(t); + } + function w(e) { + let t, + s = e; + if (s) { + for (t = 0; null !== (s = s.previousSibling); ) + 1 === s.nodeType && (t += 1); + return t; + } + } + function b(e, t) { + const s = []; + let a = e.parentElement; + for (; a; ) + t ? a.matches(t) && s.push(a) : s.push(a), (a = a.parentElement); + return s; + } + function y(e, t) { + t && + e.addEventListener("transitionend", function s(a) { + a.target === e && + (t.call(e, a), e.removeEventListener("transitionend", s)); + }); + } + function E(e, t, s) { + const a = r(); + return s + ? e["width" === t ? "offsetWidth" : "offsetHeight"] + + parseFloat( + a + .getComputedStyle(e, null) + .getPropertyValue("width" === t ? "margin-right" : "margin-top"), + ) + + parseFloat( + a + .getComputedStyle(e, null) + .getPropertyValue( + "width" === t ? "margin-left" : "margin-bottom", + ), + ) + : e.offsetWidth; + } + let x, S, T; + function M() { + return ( + x || + (x = (function () { + const e = r(), + t = a(); + return { + smoothScroll: + t.documentElement && + t.documentElement.style && + "scrollBehavior" in t.documentElement.style, + touch: !!( + "ontouchstart" in e || + (e.DocumentTouch && t instanceof e.DocumentTouch) + ), + }; + })()), + x + ); + } + function C(e) { + return ( + void 0 === e && (e = {}), + S || + (S = (function (e) { + let { userAgent: t } = void 0 === e ? {} : e; + const s = M(), + a = r(), + i = a.navigator.platform, + n = t || a.navigator.userAgent, + l = { ios: !1, android: !1 }, + o = a.screen.width, + d = a.screen.height, + c = n.match(/(Android);?[\s\/]+([\d.]+)?/); + let p = n.match(/(iPad).*OS\s([\d_]+)/); + const u = n.match(/(iPod)(.*OS\s([\d_]+))?/), + m = !p && n.match(/(iPhone\sOS|iOS)\s([\d_]+)/), + h = "Win32" === i; + let f = "MacIntel" === i; + return ( + !p && + f && + s.touch && + [ + "1024x1366", + "1366x1024", + "834x1194", + "1194x834", + "834x1112", + "1112x834", + "768x1024", + "1024x768", + "820x1180", + "1180x820", + "810x1080", + "1080x810", + ].indexOf(`${o}x${d}`) >= 0 && + ((p = n.match(/(Version)\/([\d.]+)/)), + p || (p = [0, 1, "13_0_0"]), + (f = !1)), + c && !h && ((l.os = "android"), (l.android = !0)), + (p || m || u) && ((l.os = "ios"), (l.ios = !0)), + l + ); + })(e)), + S + ); + } + function P() { + return ( + T || + (T = (function () { + const e = r(); + let t = !1; + function s() { + const t = e.navigator.userAgent.toLowerCase(); + return ( + t.indexOf("safari") >= 0 && + t.indexOf("chrome") < 0 && + t.indexOf("android") < 0 + ); + } + if (s()) { + const s = String(e.navigator.userAgent); + if (s.includes("Version/")) { + const [e, a] = s + .split("Version/")[1] + .split(" ")[0] + .split(".") + .map((e) => Number(e)); + t = e < 16 || (16 === e && a < 2); + } + } + return { + isSafari: t || s(), + needPerspectiveFix: t, + isWebView: /(iPhone|iPod|iPad).*AppleWebKit(?!.*Safari)/i.test( + e.navigator.userAgent, + ), + }; + })()), + T + ); + } + var L = { + on(e, t, s) { + const a = this; + if (!a.eventsListeners || a.destroyed) return a; + if ("function" != typeof t) return a; + const i = s ? "unshift" : "push"; + return ( + e.split(" ").forEach((e) => { + a.eventsListeners[e] || (a.eventsListeners[e] = []), + a.eventsListeners[e][i](t); + }), + a + ); + }, + once(e, t, s) { + const a = this; + if (!a.eventsListeners || a.destroyed) return a; + if ("function" != typeof t) return a; + function i() { + a.off(e, i), i.__emitterProxy && delete i.__emitterProxy; + for (var s = arguments.length, r = new Array(s), n = 0; n < s; n++) + r[n] = arguments[n]; + t.apply(a, r); + } + return (i.__emitterProxy = t), a.on(e, i, s); + }, + onAny(e, t) { + const s = this; + if (!s.eventsListeners || s.destroyed) return s; + if ("function" != typeof e) return s; + const a = t ? "unshift" : "push"; + return ( + s.eventsAnyListeners.indexOf(e) < 0 && s.eventsAnyListeners[a](e), s + ); + }, + offAny(e) { + const t = this; + if (!t.eventsListeners || t.destroyed) return t; + if (!t.eventsAnyListeners) return t; + const s = t.eventsAnyListeners.indexOf(e); + return s >= 0 && t.eventsAnyListeners.splice(s, 1), t; + }, + off(e, t) { + const s = this; + return !s.eventsListeners || s.destroyed + ? s + : s.eventsListeners + ? (e.split(" ").forEach((e) => { + void 0 === t + ? (s.eventsListeners[e] = []) + : s.eventsListeners[e] && + s.eventsListeners[e].forEach((a, i) => { + (a === t || (a.__emitterProxy && a.__emitterProxy === t)) && + s.eventsListeners[e].splice(i, 1); + }); + }), + s) + : s; + }, + emit() { + const e = this; + if (!e.eventsListeners || e.destroyed) return e; + if (!e.eventsListeners) return e; + let t, s, a; + for (var i = arguments.length, r = new Array(i), n = 0; n < i; n++) + r[n] = arguments[n]; + "string" == typeof r[0] || Array.isArray(r[0]) + ? ((t = r[0]), (s = r.slice(1, r.length)), (a = e)) + : ((t = r[0].events), (s = r[0].data), (a = r[0].context || e)), + s.unshift(a); + return ( + (Array.isArray(t) ? t : t.split(" ")).forEach((t) => { + e.eventsAnyListeners && + e.eventsAnyListeners.length && + e.eventsAnyListeners.forEach((e) => { + e.apply(a, [t, ...s]); + }), + e.eventsListeners && + e.eventsListeners[t] && + e.eventsListeners[t].forEach((e) => { + e.apply(a, s); + }); + }), + e + ); + }, + }; + const z = (e, t) => { + if (!e || e.destroyed || !e.params) return; + const s = t.closest( + e.isElement ? "swiper-slide" : `.${e.params.slideClass}`, + ); + if (s) { + let t = s.querySelector(`.${e.params.lazyPreloaderClass}`); + !t && + e.isElement && + (s.shadowRoot + ? (t = s.shadowRoot.querySelector( + `.${e.params.lazyPreloaderClass}`, + )) + : requestAnimationFrame(() => { + s.shadowRoot && + ((t = s.shadowRoot.querySelector( + `.${e.params.lazyPreloaderClass}`, + )), + t && t.remove()); + })), + t && t.remove(); + } + }, + A = (e, t) => { + if (!e.slides[t]) return; + const s = e.slides[t].querySelector('[loading="lazy"]'); + s && s.removeAttribute("loading"); + }, + $ = (e) => { + if (!e || e.destroyed || !e.params) return; + let t = e.params.lazyPreloadPrevNext; + const s = e.slides.length; + if (!s || !t || t < 0) return; + t = Math.min(t, s); + const a = + "auto" === e.params.slidesPerView + ? e.slidesPerViewDynamic() + : Math.ceil(e.params.slidesPerView), + i = e.activeIndex; + if (e.params.grid && e.params.grid.rows > 1) { + const s = i, + r = [s - t]; + return ( + r.push(...Array.from({ length: t }).map((e, t) => s + a + t)), + void e.slides.forEach((t, s) => { + r.includes(t.column) && A(e, s); + }) + ); + } + const r = i + a - 1; + if (e.params.rewind || e.params.loop) + for (let a = i - t; a <= r + t; a += 1) { + const t = ((a % s) + s) % s; + (t < i || t > r) && A(e, t); + } + else + for (let a = Math.max(i - t, 0); a <= Math.min(r + t, s - 1); a += 1) + a !== i && (a > r || a < i) && A(e, a); + }; + var I = { + updateSize: function () { + const e = this; + let t, s; + const a = e.el; + (t = + void 0 !== e.params.width && null !== e.params.width + ? e.params.width + : a.clientWidth), + (s = + void 0 !== e.params.height && null !== e.params.height + ? e.params.height + : a.clientHeight), + (0 === t && e.isHorizontal()) || + (0 === s && e.isVertical()) || + ((t = + t - + parseInt(v(a, "padding-left") || 0, 10) - + parseInt(v(a, "padding-right") || 0, 10)), + (s = + s - + parseInt(v(a, "padding-top") || 0, 10) - + parseInt(v(a, "padding-bottom") || 0, 10)), + Number.isNaN(t) && (t = 0), + Number.isNaN(s) && (s = 0), + Object.assign(e, { + width: t, + height: s, + size: e.isHorizontal() ? t : s, + })); + }, + updateSlides: function () { + const e = this; + function t(t) { + return e.isHorizontal() + ? t + : { + width: "height", + "margin-top": "margin-left", + "margin-bottom ": "margin-right", + "margin-left": "margin-top", + "margin-right": "margin-bottom", + "padding-left": "padding-top", + "padding-right": "padding-bottom", + marginRight: "marginBottom", + }[t]; + } + function s(e, s) { + return parseFloat(e.getPropertyValue(t(s)) || 0); + } + const a = e.params, + { + wrapperEl: i, + slidesEl: r, + size: n, + rtlTranslate: l, + wrongRTL: o, + } = e, + d = e.virtual && a.virtual.enabled, + c = d ? e.virtual.slides.length : e.slides.length, + u = h(r, `.${e.params.slideClass}, swiper-slide`), + m = d ? e.virtual.slides.length : u.length; + let f = []; + const g = [], + w = []; + let b = a.slidesOffsetBefore; + "function" == typeof b && (b = a.slidesOffsetBefore.call(e)); + let y = a.slidesOffsetAfter; + "function" == typeof y && (y = a.slidesOffsetAfter.call(e)); + const x = e.snapGrid.length, + S = e.slidesGrid.length; + let T = a.spaceBetween, + M = -b, + C = 0, + P = 0; + if (void 0 === n) return; + "string" == typeof T && T.indexOf("%") >= 0 + ? (T = (parseFloat(T.replace("%", "")) / 100) * n) + : "string" == typeof T && (T = parseFloat(T)), + (e.virtualSize = -T), + u.forEach((e) => { + l ? (e.style.marginLeft = "") : (e.style.marginRight = ""), + (e.style.marginBottom = ""), + (e.style.marginTop = ""); + }), + a.centeredSlides && + a.cssMode && + (p(i, "--swiper-centered-offset-before", ""), + p(i, "--swiper-centered-offset-after", "")); + const L = a.grid && a.grid.rows > 1 && e.grid; + let z; + L && e.grid.initSlides(m); + const A = + "auto" === a.slidesPerView && + a.breakpoints && + Object.keys(a.breakpoints).filter( + (e) => void 0 !== a.breakpoints[e].slidesPerView, + ).length > 0; + for (let i = 0; i < m; i += 1) { + let r; + if ( + ((z = 0), + u[i] && (r = u[i]), + L && e.grid.updateSlide(i, r, m, t), + !u[i] || "none" !== v(r, "display")) + ) { + if ("auto" === a.slidesPerView) { + A && (u[i].style[t("width")] = ""); + const n = getComputedStyle(r), + l = r.style.transform, + o = r.style.webkitTransform; + if ( + (l && (r.style.transform = "none"), + o && (r.style.webkitTransform = "none"), + a.roundLengths) + ) + z = e.isHorizontal() ? E(r, "width", !0) : E(r, "height", !0); + else { + const e = s(n, "width"), + t = s(n, "padding-left"), + a = s(n, "padding-right"), + i = s(n, "margin-left"), + l = s(n, "margin-right"), + o = n.getPropertyValue("box-sizing"); + if (o && "border-box" === o) z = e + i + l; + else { + const { clientWidth: s, offsetWidth: n } = r; + z = e + t + a + i + l + (n - s); + } + } + l && (r.style.transform = l), + o && (r.style.webkitTransform = o), + a.roundLengths && (z = Math.floor(z)); + } else + (z = (n - (a.slidesPerView - 1) * T) / a.slidesPerView), + a.roundLengths && (z = Math.floor(z)), + u[i] && (u[i].style[t("width")] = `${z}px`); + u[i] && (u[i].swiperSlideSize = z), + w.push(z), + a.centeredSlides + ? ((M = M + z / 2 + C / 2 + T), + 0 === C && 0 !== i && (M = M - n / 2 - T), + 0 === i && (M = M - n / 2 - T), + Math.abs(M) < 0.001 && (M = 0), + a.roundLengths && (M = Math.floor(M)), + P % a.slidesPerGroup == 0 && f.push(M), + g.push(M)) + : (a.roundLengths && (M = Math.floor(M)), + (P - Math.min(e.params.slidesPerGroupSkip, P)) % + e.params.slidesPerGroup == + 0 && f.push(M), + g.push(M), + (M = M + z + T)), + (e.virtualSize += z + T), + (C = z), + (P += 1); + } + } + if ( + ((e.virtualSize = Math.max(e.virtualSize, n) + y), + l && + o && + ("slide" === a.effect || "coverflow" === a.effect) && + (i.style.width = `${e.virtualSize + T}px`), + a.setWrapperSize && (i.style[t("width")] = `${e.virtualSize + T}px`), + L && e.grid.updateWrapperSize(z, f, t), + !a.centeredSlides) + ) { + const t = []; + for (let s = 0; s < f.length; s += 1) { + let i = f[s]; + a.roundLengths && (i = Math.floor(i)), + f[s] <= e.virtualSize - n && t.push(i); + } + (f = t), + Math.floor(e.virtualSize - n) - Math.floor(f[f.length - 1]) > 1 && + f.push(e.virtualSize - n); + } + if (d && a.loop) { + const t = w[0] + T; + if (a.slidesPerGroup > 1) { + const s = Math.ceil( + (e.virtual.slidesBefore + e.virtual.slidesAfter) / + a.slidesPerGroup, + ), + i = t * a.slidesPerGroup; + for (let e = 0; e < s; e += 1) f.push(f[f.length - 1] + i); + } + for ( + let s = 0; + s < e.virtual.slidesBefore + e.virtual.slidesAfter; + s += 1 + ) + 1 === a.slidesPerGroup && f.push(f[f.length - 1] + t), + g.push(g[g.length - 1] + t), + (e.virtualSize += t); + } + if ((0 === f.length && (f = [0]), 0 !== T)) { + const s = e.isHorizontal() && l ? "marginLeft" : t("marginRight"); + u.filter( + (e, t) => !(a.cssMode && !a.loop) || t !== u.length - 1, + ).forEach((e) => { + e.style[s] = `${T}px`; + }); + } + if (a.centeredSlides && a.centeredSlidesBounds) { + let e = 0; + w.forEach((t) => { + e += t + (T || 0); + }), + (e -= T); + const t = e - n; + f = f.map((e) => (e <= 0 ? -b : e > t ? t + y : e)); + } + if (a.centerInsufficientSlides) { + let e = 0; + if ( + (w.forEach((t) => { + e += t + (T || 0); + }), + (e -= T), + e < n) + ) { + const t = (n - e) / 2; + f.forEach((e, s) => { + f[s] = e - t; + }), + g.forEach((e, s) => { + g[s] = e + t; + }); + } + } + if ( + (Object.assign(e, { + slides: u, + snapGrid: f, + slidesGrid: g, + slidesSizesGrid: w, + }), + a.centeredSlides && a.cssMode && !a.centeredSlidesBounds) + ) { + p(i, "--swiper-centered-offset-before", -f[0] + "px"), + p( + i, + "--swiper-centered-offset-after", + e.size / 2 - w[w.length - 1] / 2 + "px", + ); + const t = -e.snapGrid[0], + s = -e.slidesGrid[0]; + (e.snapGrid = e.snapGrid.map((e) => e + t)), + (e.slidesGrid = e.slidesGrid.map((e) => e + s)); + } + if ( + (m !== c && e.emit("slidesLengthChange"), + f.length !== x && + (e.params.watchOverflow && e.checkOverflow(), + e.emit("snapGridLengthChange")), + g.length !== S && e.emit("slidesGridLengthChange"), + a.watchSlidesProgress && e.updateSlidesOffset(), + !(d || a.cssMode || ("slide" !== a.effect && "fade" !== a.effect))) + ) { + const t = `${a.containerModifierClass}backface-hidden`, + s = e.el.classList.contains(t); + m <= a.maxBackfaceHiddenSlides + ? s || e.el.classList.add(t) + : s && e.el.classList.remove(t); + } + }, + updateAutoHeight: function (e) { + const t = this, + s = [], + a = t.virtual && t.params.virtual.enabled; + let i, + r = 0; + "number" == typeof e + ? t.setTransition(e) + : !0 === e && t.setTransition(t.params.speed); + const n = (e) => (a ? t.slides[t.getSlideIndexByData(e)] : t.slides[e]); + if ("auto" !== t.params.slidesPerView && t.params.slidesPerView > 1) + if (t.params.centeredSlides) + (t.visibleSlides || []).forEach((e) => { + s.push(e); + }); + else + for (i = 0; i < Math.ceil(t.params.slidesPerView); i += 1) { + const e = t.activeIndex + i; + if (e > t.slides.length && !a) break; + s.push(n(e)); + } + else s.push(n(t.activeIndex)); + for (i = 0; i < s.length; i += 1) + if (void 0 !== s[i]) { + const e = s[i].offsetHeight; + r = e > r ? e : r; + } + (r || 0 === r) && (t.wrapperEl.style.height = `${r}px`); + }, + updateSlidesOffset: function () { + const e = this, + t = e.slides, + s = e.isElement + ? e.isHorizontal() + ? e.wrapperEl.offsetLeft + : e.wrapperEl.offsetTop + : 0; + for (let a = 0; a < t.length; a += 1) + t[a].swiperSlideOffset = + (e.isHorizontal() ? t[a].offsetLeft : t[a].offsetTop) - + s - + e.cssOverflowAdjustment(); + }, + updateSlidesProgress: function (e) { + void 0 === e && (e = (this && this.translate) || 0); + const t = this, + s = t.params, + { slides: a, rtlTranslate: i, snapGrid: r } = t; + if (0 === a.length) return; + void 0 === a[0].swiperSlideOffset && t.updateSlidesOffset(); + let n = -e; + i && (n = e), + a.forEach((e) => { + e.classList.remove(s.slideVisibleClass); + }), + (t.visibleSlidesIndexes = []), + (t.visibleSlides = []); + let l = s.spaceBetween; + "string" == typeof l && l.indexOf("%") >= 0 + ? (l = (parseFloat(l.replace("%", "")) / 100) * t.size) + : "string" == typeof l && (l = parseFloat(l)); + for (let e = 0; e < a.length; e += 1) { + const o = a[e]; + let d = o.swiperSlideOffset; + s.cssMode && s.centeredSlides && (d -= a[0].swiperSlideOffset); + const c = + (n + (s.centeredSlides ? t.minTranslate() : 0) - d) / + (o.swiperSlideSize + l), + p = + (n - r[0] + (s.centeredSlides ? t.minTranslate() : 0) - d) / + (o.swiperSlideSize + l), + u = -(n - d), + m = u + t.slidesSizesGrid[e]; + ((u >= 0 && u < t.size - 1) || + (m > 1 && m <= t.size) || + (u <= 0 && m >= t.size)) && + (t.visibleSlides.push(o), + t.visibleSlidesIndexes.push(e), + a[e].classList.add(s.slideVisibleClass)), + (o.progress = i ? -c : c), + (o.originalProgress = i ? -p : p); + } + }, + updateProgress: function (e) { + const t = this; + if (void 0 === e) { + const s = t.rtlTranslate ? -1 : 1; + e = (t && t.translate && t.translate * s) || 0; + } + const s = t.params, + a = t.maxTranslate() - t.minTranslate(); + let { progress: i, isBeginning: r, isEnd: n, progressLoop: l } = t; + const o = r, + d = n; + if (0 === a) (i = 0), (r = !0), (n = !0); + else { + i = (e - t.minTranslate()) / a; + const s = Math.abs(e - t.minTranslate()) < 1, + l = Math.abs(e - t.maxTranslate()) < 1; + (r = s || i <= 0), (n = l || i >= 1), s && (i = 0), l && (i = 1); + } + if (s.loop) { + const s = t.getSlideIndexByData(0), + a = t.getSlideIndexByData(t.slides.length - 1), + i = t.slidesGrid[s], + r = t.slidesGrid[a], + n = t.slidesGrid[t.slidesGrid.length - 1], + o = Math.abs(e); + (l = o >= i ? (o - i) / n : (o + n - r) / n), l > 1 && (l -= 1); + } + Object.assign(t, { + progress: i, + progressLoop: l, + isBeginning: r, + isEnd: n, + }), + (s.watchSlidesProgress || (s.centeredSlides && s.autoHeight)) && + t.updateSlidesProgress(e), + r && !o && t.emit("reachBeginning toEdge"), + n && !d && t.emit("reachEnd toEdge"), + ((o && !r) || (d && !n)) && t.emit("fromEdge"), + t.emit("progress", i); + }, + updateSlidesClasses: function () { + const e = this, + { slides: t, params: s, slidesEl: a, activeIndex: i } = e, + r = e.virtual && s.virtual.enabled, + n = (e) => h(a, `.${s.slideClass}${e}, swiper-slide${e}`)[0]; + let l; + if ( + (t.forEach((e) => { + e.classList.remove( + s.slideActiveClass, + s.slideNextClass, + s.slidePrevClass, + ); + }), + r) + ) + if (s.loop) { + let t = i - e.virtual.slidesBefore; + t < 0 && (t = e.virtual.slides.length + t), + t >= e.virtual.slides.length && (t -= e.virtual.slides.length), + (l = n(`[data-swiper-slide-index="${t}"]`)); + } else l = n(`[data-swiper-slide-index="${i}"]`); + else l = t[i]; + if (l) { + l.classList.add(s.slideActiveClass); + let e = (function (e, t) { + const s = []; + for (; e.nextElementSibling; ) { + const a = e.nextElementSibling; + t ? a.matches(t) && s.push(a) : s.push(a), (e = a); + } + return s; + })(l, `.${s.slideClass}, swiper-slide`)[0]; + s.loop && !e && (e = t[0]), e && e.classList.add(s.slideNextClass); + let a = (function (e, t) { + const s = []; + for (; e.previousElementSibling; ) { + const a = e.previousElementSibling; + t ? a.matches(t) && s.push(a) : s.push(a), (e = a); + } + return s; + })(l, `.${s.slideClass}, swiper-slide`)[0]; + s.loop && 0 === !a && (a = t[t.length - 1]), + a && a.classList.add(s.slidePrevClass); + } + e.emitSlidesClasses(); + }, + updateActiveIndex: function (e) { + const t = this, + s = t.rtlTranslate ? t.translate : -t.translate, + { + snapGrid: a, + params: i, + activeIndex: r, + realIndex: n, + snapIndex: l, + } = t; + let o, + d = e; + const c = (e) => { + let s = e - t.virtual.slidesBefore; + return ( + s < 0 && (s = t.virtual.slides.length + s), + s >= t.virtual.slides.length && (s -= t.virtual.slides.length), + s + ); + }; + if ( + (void 0 === d && + (d = (function (e) { + const { slidesGrid: t, params: s } = e, + a = e.rtlTranslate ? e.translate : -e.translate; + let i; + for (let e = 0; e < t.length; e += 1) + void 0 !== t[e + 1] + ? a >= t[e] && a < t[e + 1] - (t[e + 1] - t[e]) / 2 + ? (i = e) + : a >= t[e] && a < t[e + 1] && (i = e + 1) + : a >= t[e] && (i = e); + return ( + s.normalizeSlideIndex && (i < 0 || void 0 === i) && (i = 0), i + ); + })(t)), + a.indexOf(s) >= 0) + ) + o = a.indexOf(s); + else { + const e = Math.min(i.slidesPerGroupSkip, d); + o = e + Math.floor((d - e) / i.slidesPerGroup); + } + if ((o >= a.length && (o = a.length - 1), d === r)) + return ( + o !== l && ((t.snapIndex = o), t.emit("snapIndexChange")), + void ( + t.params.loop && + t.virtual && + t.params.virtual.enabled && + (t.realIndex = c(d)) + ) + ); + let p; + (p = + t.virtual && i.virtual.enabled && i.loop + ? c(d) + : t.slides[d] + ? parseInt( + t.slides[d].getAttribute("data-swiper-slide-index") || d, + 10, + ) + : d), + Object.assign(t, { + previousSnapIndex: l, + snapIndex: o, + previousRealIndex: n, + realIndex: p, + previousIndex: r, + activeIndex: d, + }), + t.initialized && $(t), + t.emit("activeIndexChange"), + t.emit("snapIndexChange"), + (t.initialized || t.params.runCallbacksOnInit) && + (n !== p && t.emit("realIndexChange"), t.emit("slideChange")); + }, + updateClickedSlide: function (e, t) { + const s = this, + a = s.params; + let i = e.closest(`.${a.slideClass}, swiper-slide`); + !i && + s.isElement && + t && + t.length > 1 && + t.includes(e) && + [...t.slice(t.indexOf(e) + 1, t.length)].forEach((e) => { + !i && + e.matches && + e.matches(`.${a.slideClass}, swiper-slide`) && + (i = e); + }); + let r, + n = !1; + if (i) + for (let e = 0; e < s.slides.length; e += 1) + if (s.slides[e] === i) { + (n = !0), (r = e); + break; + } + if (!i || !n) + return (s.clickedSlide = void 0), void (s.clickedIndex = void 0); + (s.clickedSlide = i), + s.virtual && s.params.virtual.enabled + ? (s.clickedIndex = parseInt( + i.getAttribute("data-swiper-slide-index"), + 10, + )) + : (s.clickedIndex = r), + a.slideToClickedSlide && + void 0 !== s.clickedIndex && + s.clickedIndex !== s.activeIndex && + s.slideToClickedSlide(); + }, + }; + var k = { + getTranslate: function (e) { + void 0 === e && (e = this.isHorizontal() ? "x" : "y"); + const { params: t, rtlTranslate: s, translate: a, wrapperEl: i } = this; + if (t.virtualTranslate) return s ? -a : a; + if (t.cssMode) return a; + let r = o(i, e); + return (r += this.cssOverflowAdjustment()), s && (r = -r), r || 0; + }, + setTranslate: function (e, t) { + const s = this, + { rtlTranslate: a, params: i, wrapperEl: r, progress: n } = s; + let l, + o = 0, + d = 0; + s.isHorizontal() ? (o = a ? -e : e) : (d = e), + i.roundLengths && ((o = Math.floor(o)), (d = Math.floor(d))), + (s.previousTranslate = s.translate), + (s.translate = s.isHorizontal() ? o : d), + i.cssMode + ? (r[s.isHorizontal() ? "scrollLeft" : "scrollTop"] = s.isHorizontal() + ? -o + : -d) + : i.virtualTranslate || + (s.isHorizontal() + ? (o -= s.cssOverflowAdjustment()) + : (d -= s.cssOverflowAdjustment()), + (r.style.transform = `translate3d(${o}px, ${d}px, 0px)`)); + const c = s.maxTranslate() - s.minTranslate(); + (l = 0 === c ? 0 : (e - s.minTranslate()) / c), + l !== n && s.updateProgress(e), + s.emit("setTranslate", s.translate, t); + }, + minTranslate: function () { + return -this.snapGrid[0]; + }, + maxTranslate: function () { + return -this.snapGrid[this.snapGrid.length - 1]; + }, + translateTo: function (e, t, s, a, i) { + void 0 === e && (e = 0), + void 0 === t && (t = this.params.speed), + void 0 === s && (s = !0), + void 0 === a && (a = !0); + const r = this, + { params: n, wrapperEl: l } = r; + if (r.animating && n.preventInteractionOnTransition) return !1; + const o = r.minTranslate(), + d = r.maxTranslate(); + let c; + if ( + ((c = a && e > o ? o : a && e < d ? d : e), + r.updateProgress(c), + n.cssMode) + ) { + const e = r.isHorizontal(); + if (0 === t) l[e ? "scrollLeft" : "scrollTop"] = -c; + else { + if (!r.support.smoothScroll) + return ( + u({ swiper: r, targetPosition: -c, side: e ? "left" : "top" }), !0 + ); + l.scrollTo({ [e ? "left" : "top"]: -c, behavior: "smooth" }); + } + return !0; + } + return ( + 0 === t + ? (r.setTransition(0), + r.setTranslate(c), + s && + (r.emit("beforeTransitionStart", t, i), r.emit("transitionEnd"))) + : (r.setTransition(t), + r.setTranslate(c), + s && + (r.emit("beforeTransitionStart", t, i), + r.emit("transitionStart")), + r.animating || + ((r.animating = !0), + r.onTranslateToWrapperTransitionEnd || + (r.onTranslateToWrapperTransitionEnd = function (e) { + r && + !r.destroyed && + e.target === this && + (r.wrapperEl.removeEventListener( + "transitionend", + r.onTranslateToWrapperTransitionEnd, + ), + (r.onTranslateToWrapperTransitionEnd = null), + delete r.onTranslateToWrapperTransitionEnd, + s && r.emit("transitionEnd")); + }), + r.wrapperEl.addEventListener( + "transitionend", + r.onTranslateToWrapperTransitionEnd, + ))), + !0 + ); + }, + }; + function O(e) { + let { swiper: t, runCallbacks: s, direction: a, step: i } = e; + const { activeIndex: r, previousIndex: n } = t; + let l = a; + if ( + (l || (l = r > n ? "next" : r < n ? "prev" : "reset"), + t.emit(`transition${i}`), + s && r !== n) + ) { + if ("reset" === l) return void t.emit(`slideResetTransition${i}`); + t.emit(`slideChangeTransition${i}`), + "next" === l + ? t.emit(`slideNextTransition${i}`) + : t.emit(`slidePrevTransition${i}`); + } + } + var D = { + slideTo: function (e, t, s, a, i) { + void 0 === e && (e = 0), + void 0 === t && (t = this.params.speed), + void 0 === s && (s = !0), + "string" == typeof e && (e = parseInt(e, 10)); + const r = this; + let n = e; + n < 0 && (n = 0); + const { + params: l, + snapGrid: o, + slidesGrid: d, + previousIndex: c, + activeIndex: p, + rtlTranslate: m, + wrapperEl: h, + enabled: f, + } = r; + if ((r.animating && l.preventInteractionOnTransition) || (!f && !a && !i)) + return !1; + const g = Math.min(r.params.slidesPerGroupSkip, n); + let v = g + Math.floor((n - g) / r.params.slidesPerGroup); + v >= o.length && (v = o.length - 1); + const w = -o[v]; + if (l.normalizeSlideIndex) + for (let e = 0; e < d.length; e += 1) { + const t = -Math.floor(100 * w), + s = Math.floor(100 * d[e]), + a = Math.floor(100 * d[e + 1]); + void 0 !== d[e + 1] + ? t >= s && t < a - (a - s) / 2 + ? (n = e) + : t >= s && t < a && (n = e + 1) + : t >= s && (n = e); + } + if (r.initialized && n !== p) { + if ( + !r.allowSlideNext && + (m + ? w > r.translate && w > r.minTranslate() + : w < r.translate && w < r.minTranslate()) + ) + return !1; + if ( + !r.allowSlidePrev && + w > r.translate && + w > r.maxTranslate() && + (p || 0) !== n + ) + return !1; + } + let b; + if ( + (n !== (c || 0) && s && r.emit("beforeSlideChangeStart"), + r.updateProgress(w), + (b = n > p ? "next" : n < p ? "prev" : "reset"), + (m && -w === r.translate) || (!m && w === r.translate)) + ) + return ( + r.updateActiveIndex(n), + l.autoHeight && r.updateAutoHeight(), + r.updateSlidesClasses(), + "slide" !== l.effect && r.setTranslate(w), + "reset" !== b && (r.transitionStart(s, b), r.transitionEnd(s, b)), + !1 + ); + if (l.cssMode) { + const e = r.isHorizontal(), + s = m ? w : -w; + if (0 === t) { + const t = r.virtual && r.params.virtual.enabled; + t && + ((r.wrapperEl.style.scrollSnapType = "none"), + (r._immediateVirtual = !0)), + t && !r._cssModeVirtualInitialSet && r.params.initialSlide > 0 + ? ((r._cssModeVirtualInitialSet = !0), + requestAnimationFrame(() => { + h[e ? "scrollLeft" : "scrollTop"] = s; + })) + : (h[e ? "scrollLeft" : "scrollTop"] = s), + t && + requestAnimationFrame(() => { + (r.wrapperEl.style.scrollSnapType = ""), + (r._immediateVirtual = !1); + }); + } else { + if (!r.support.smoothScroll) + return ( + u({ swiper: r, targetPosition: s, side: e ? "left" : "top" }), !0 + ); + h.scrollTo({ [e ? "left" : "top"]: s, behavior: "smooth" }); + } + return !0; + } + return ( + r.setTransition(t), + r.setTranslate(w), + r.updateActiveIndex(n), + r.updateSlidesClasses(), + r.emit("beforeTransitionStart", t, a), + r.transitionStart(s, b), + 0 === t + ? r.transitionEnd(s, b) + : r.animating || + ((r.animating = !0), + r.onSlideToWrapperTransitionEnd || + (r.onSlideToWrapperTransitionEnd = function (e) { + r && + !r.destroyed && + e.target === this && + (r.wrapperEl.removeEventListener( + "transitionend", + r.onSlideToWrapperTransitionEnd, + ), + (r.onSlideToWrapperTransitionEnd = null), + delete r.onSlideToWrapperTransitionEnd, + r.transitionEnd(s, b)); + }), + r.wrapperEl.addEventListener( + "transitionend", + r.onSlideToWrapperTransitionEnd, + )), + !0 + ); + }, + slideToLoop: function (e, t, s, a) { + if ( + (void 0 === e && (e = 0), + void 0 === t && (t = this.params.speed), + void 0 === s && (s = !0), + "string" == typeof e) + ) { + e = parseInt(e, 10); + } + const i = this; + let r = e; + return ( + i.params.loop && + (i.virtual && i.params.virtual.enabled + ? (r += i.virtual.slidesBefore) + : (r = i.getSlideIndexByData(r))), + i.slideTo(r, t, s, a) + ); + }, + slideNext: function (e, t, s) { + void 0 === e && (e = this.params.speed), void 0 === t && (t = !0); + const a = this, + { enabled: i, params: r, animating: n } = a; + if (!i) return a; + let l = r.slidesPerGroup; + "auto" === r.slidesPerView && + 1 === r.slidesPerGroup && + r.slidesPerGroupAuto && + (l = Math.max(a.slidesPerViewDynamic("current", !0), 1)); + const o = a.activeIndex < r.slidesPerGroupSkip ? 1 : l, + d = a.virtual && r.virtual.enabled; + if (r.loop) { + if (n && !d && r.loopPreventsSliding) return !1; + if ( + (a.loopFix({ direction: "next" }), + (a._clientLeft = a.wrapperEl.clientLeft), + a.activeIndex === a.slides.length - 1 && r.cssMode) + ) + return ( + requestAnimationFrame(() => { + a.slideTo(a.activeIndex + o, e, t, s); + }), + !0 + ); + } + return r.rewind && a.isEnd + ? a.slideTo(0, e, t, s) + : a.slideTo(a.activeIndex + o, e, t, s); + }, + slidePrev: function (e, t, s) { + void 0 === e && (e = this.params.speed), void 0 === t && (t = !0); + const a = this, + { + params: i, + snapGrid: r, + slidesGrid: n, + rtlTranslate: l, + enabled: o, + animating: d, + } = a; + if (!o) return a; + const c = a.virtual && i.virtual.enabled; + if (i.loop) { + if (d && !c && i.loopPreventsSliding) return !1; + a.loopFix({ direction: "prev" }), + (a._clientLeft = a.wrapperEl.clientLeft); + } + function p(e) { + return e < 0 ? -Math.floor(Math.abs(e)) : Math.floor(e); + } + const u = p(l ? a.translate : -a.translate), + m = r.map((e) => p(e)); + let h = r[m.indexOf(u) - 1]; + if (void 0 === h && i.cssMode) { + let e; + r.forEach((t, s) => { + u >= t && (e = s); + }), + void 0 !== e && (h = r[e > 0 ? e - 1 : e]); + } + let f = 0; + if ( + (void 0 !== h && + ((f = n.indexOf(h)), + f < 0 && (f = a.activeIndex - 1), + "auto" === i.slidesPerView && + 1 === i.slidesPerGroup && + i.slidesPerGroupAuto && + ((f = f - a.slidesPerViewDynamic("previous", !0) + 1), + (f = Math.max(f, 0)))), + i.rewind && a.isBeginning) + ) { + const i = + a.params.virtual && a.params.virtual.enabled && a.virtual + ? a.virtual.slides.length - 1 + : a.slides.length - 1; + return a.slideTo(i, e, t, s); + } + return i.loop && 0 === a.activeIndex && i.cssMode + ? (requestAnimationFrame(() => { + a.slideTo(f, e, t, s); + }), + !0) + : a.slideTo(f, e, t, s); + }, + slideReset: function (e, t, s) { + return ( + void 0 === e && (e = this.params.speed), + void 0 === t && (t = !0), + this.slideTo(this.activeIndex, e, t, s) + ); + }, + slideToClosest: function (e, t, s, a) { + void 0 === e && (e = this.params.speed), + void 0 === t && (t = !0), + void 0 === a && (a = 0.5); + const i = this; + let r = i.activeIndex; + const n = Math.min(i.params.slidesPerGroupSkip, r), + l = n + Math.floor((r - n) / i.params.slidesPerGroup), + o = i.rtlTranslate ? i.translate : -i.translate; + if (o >= i.snapGrid[l]) { + const e = i.snapGrid[l]; + o - e > (i.snapGrid[l + 1] - e) * a && (r += i.params.slidesPerGroup); + } else { + const e = i.snapGrid[l - 1]; + o - e <= (i.snapGrid[l] - e) * a && (r -= i.params.slidesPerGroup); + } + return ( + (r = Math.max(r, 0)), + (r = Math.min(r, i.slidesGrid.length - 1)), + i.slideTo(r, e, t, s) + ); + }, + slideToClickedSlide: function () { + const e = this, + { params: t, slidesEl: s } = e, + a = + "auto" === t.slidesPerView + ? e.slidesPerViewDynamic() + : t.slidesPerView; + let i, + r = e.clickedIndex; + const l = e.isElement ? "swiper-slide" : `.${t.slideClass}`; + if (t.loop) { + if (e.animating) return; + (i = parseInt( + e.clickedSlide.getAttribute("data-swiper-slide-index"), + 10, + )), + t.centeredSlides + ? r < e.loopedSlides - a / 2 || + r > e.slides.length - e.loopedSlides + a / 2 + ? (e.loopFix(), + (r = e.getSlideIndex( + h(s, `${l}[data-swiper-slide-index="${i}"]`)[0], + )), + n(() => { + e.slideTo(r); + })) + : e.slideTo(r) + : r > e.slides.length - a + ? (e.loopFix(), + (r = e.getSlideIndex( + h(s, `${l}[data-swiper-slide-index="${i}"]`)[0], + )), + n(() => { + e.slideTo(r); + })) + : e.slideTo(r); + } else e.slideTo(r); + }, + }; + var G = { + loopCreate: function (e) { + const t = this, + { params: s, slidesEl: a } = t; + if (!s.loop || (t.virtual && t.params.virtual.enabled)) return; + h(a, `.${s.slideClass}, swiper-slide`).forEach((e, t) => { + e.setAttribute("data-swiper-slide-index", t); + }), + t.loopFix({ + slideRealIndex: e, + direction: s.centeredSlides ? void 0 : "next", + }); + }, + loopFix: function (e) { + let { + slideRealIndex: t, + slideTo: s = !0, + direction: a, + setTranslate: i, + activeSlideIndex: r, + byController: n, + byMousewheel: l, + } = void 0 === e ? {} : e; + const o = this; + if (!o.params.loop) return; + o.emit("beforeLoopFix"); + const { + slides: d, + allowSlidePrev: c, + allowSlideNext: p, + slidesEl: u, + params: m, + } = o; + if ( + ((o.allowSlidePrev = !0), + (o.allowSlideNext = !0), + o.virtual && m.virtual.enabled) + ) + return ( + s && + (m.centeredSlides || 0 !== o.snapIndex + ? m.centeredSlides && o.snapIndex < m.slidesPerView + ? o.slideTo(o.virtual.slides.length + o.snapIndex, 0, !1, !0) + : o.snapIndex === o.snapGrid.length - 1 && + o.slideTo(o.virtual.slidesBefore, 0, !1, !0) + : o.slideTo(o.virtual.slides.length, 0, !1, !0)), + (o.allowSlidePrev = c), + (o.allowSlideNext = p), + void o.emit("loopFix") + ); + const h = + "auto" === m.slidesPerView + ? o.slidesPerViewDynamic() + : Math.ceil(parseFloat(m.slidesPerView, 10)); + let f = m.loopedSlides || h; + f % m.slidesPerGroup != 0 && + (f += m.slidesPerGroup - (f % m.slidesPerGroup)), + (o.loopedSlides = f); + const g = [], + v = []; + let w = o.activeIndex; + void 0 === r + ? (r = o.getSlideIndex( + o.slides.filter((e) => e.classList.contains(m.slideActiveClass))[0], + )) + : (w = r); + const b = "next" === a || !a, + y = "prev" === a || !a; + let E = 0, + x = 0; + if (r < f) { + E = Math.max(f - r, m.slidesPerGroup); + for (let e = 0; e < f - r; e += 1) { + const t = e - Math.floor(e / d.length) * d.length; + g.push(d.length - t - 1); + } + } else if (r > o.slides.length - 2 * f) { + x = Math.max(r - (o.slides.length - 2 * f), m.slidesPerGroup); + for (let e = 0; e < x; e += 1) { + const t = e - Math.floor(e / d.length) * d.length; + v.push(t); + } + } + if ( + (y && + g.forEach((e) => { + (o.slides[e].swiperLoopMoveDOM = !0), + u.prepend(o.slides[e]), + (o.slides[e].swiperLoopMoveDOM = !1); + }), + b && + v.forEach((e) => { + (o.slides[e].swiperLoopMoveDOM = !0), + u.append(o.slides[e]), + (o.slides[e].swiperLoopMoveDOM = !1); + }), + o.recalcSlides(), + "auto" === m.slidesPerView && o.updateSlides(), + m.watchSlidesProgress && o.updateSlidesOffset(), + s) + ) + if (g.length > 0 && y) + if (void 0 === t) { + const e = o.slidesGrid[w], + t = o.slidesGrid[w + E] - e; + l + ? o.setTranslate(o.translate - t) + : (o.slideTo(w + E, 0, !1, !0), + i && + ((o.touches[o.isHorizontal() ? "startX" : "startY"] += t), + (o.touchEventsData.currentTranslate = o.translate))); + } else + i && + (o.slideToLoop(t, 0, !1, !0), + (o.touchEventsData.currentTranslate = o.translate)); + else if (v.length > 0 && b) + if (void 0 === t) { + const e = o.slidesGrid[w], + t = o.slidesGrid[w - x] - e; + l + ? o.setTranslate(o.translate - t) + : (o.slideTo(w - x, 0, !1, !0), + i && + ((o.touches[o.isHorizontal() ? "startX" : "startY"] += t), + (o.touchEventsData.currentTranslate = o.translate))); + } else o.slideToLoop(t, 0, !1, !0); + if ( + ((o.allowSlidePrev = c), + (o.allowSlideNext = p), + o.controller && o.controller.control && !n) + ) { + const e = { + slideRealIndex: t, + direction: a, + setTranslate: i, + activeSlideIndex: r, + byController: !0, + }; + Array.isArray(o.controller.control) + ? o.controller.control.forEach((t) => { + !t.destroyed && + t.params.loop && + t.loopFix({ + ...e, + slideTo: t.params.slidesPerView === m.slidesPerView && s, + }); + }) + : o.controller.control instanceof o.constructor && + o.controller.control.params.loop && + o.controller.control.loopFix({ + ...e, + slideTo: + o.controller.control.params.slidesPerView === m.slidesPerView && + s, + }); + } + o.emit("loopFix"); + }, + loopDestroy: function () { + const e = this, + { params: t, slidesEl: s } = e; + if (!t.loop || (e.virtual && e.params.virtual.enabled)) return; + e.recalcSlides(); + const a = []; + e.slides.forEach((e) => { + const t = + void 0 === e.swiperSlideIndex + ? 1 * e.getAttribute("data-swiper-slide-index") + : e.swiperSlideIndex; + a[t] = e; + }), + e.slides.forEach((e) => { + e.removeAttribute("data-swiper-slide-index"); + }), + a.forEach((e) => { + s.append(e); + }), + e.recalcSlides(), + e.slideTo(e.realIndex, 0); + }, + }; + function H(e) { + const t = this, + s = a(), + i = r(), + n = t.touchEventsData; + n.evCache.push(e); + const { params: o, touches: d, enabled: c } = t; + if (!c) return; + if (!o.simulateTouch && "mouse" === e.pointerType) return; + if (t.animating && o.preventInteractionOnTransition) return; + !t.animating && o.cssMode && o.loop && t.loopFix(); + let p = e; + p.originalEvent && (p = p.originalEvent); + let u = p.target; + if ("wrapper" === o.touchEventsTarget && !t.wrapperEl.contains(u)) return; + if ("which" in p && 3 === p.which) return; + if ("button" in p && p.button > 0) return; + if (n.isTouched && n.isMoved) return; + const m = !!o.noSwipingClass && "" !== o.noSwipingClass, + h = e.composedPath ? e.composedPath() : e.path; + m && p.target && p.target.shadowRoot && h && (u = h[0]); + const f = o.noSwipingSelector + ? o.noSwipingSelector + : `.${o.noSwipingClass}`, + g = !(!p.target || !p.target.shadowRoot); + if ( + o.noSwiping && + (g + ? (function (e, t) { + return ( + void 0 === t && (t = this), + (function t(s) { + if (!s || s === a() || s === r()) return null; + s.assignedSlot && (s = s.assignedSlot); + const i = s.closest(e); + return i || s.getRootNode ? i || t(s.getRootNode().host) : null; + })(t) + ); + })(f, u) + : u.closest(f)) + ) + return void (t.allowClick = !0); + if (o.swipeHandler && !u.closest(o.swipeHandler)) return; + (d.currentX = p.pageX), (d.currentY = p.pageY); + const v = d.currentX, + w = d.currentY, + b = o.edgeSwipeDetection || o.iOSEdgeSwipeDetection, + y = o.edgeSwipeThreshold || o.iOSEdgeSwipeThreshold; + if (b && (v <= y || v >= i.innerWidth - y)) { + if ("prevent" !== b) return; + e.preventDefault(); + } + Object.assign(n, { + isTouched: !0, + isMoved: !1, + allowTouchCallbacks: !0, + isScrolling: void 0, + startMoving: void 0, + }), + (d.startX = v), + (d.startY = w), + (n.touchStartTime = l()), + (t.allowClick = !0), + t.updateSize(), + (t.swipeDirection = void 0), + o.threshold > 0 && (n.allowThresholdMove = !1); + let E = !0; + u.matches(n.focusableElements) && + ((E = !1), "SELECT" === u.nodeName && (n.isTouched = !1)), + s.activeElement && + s.activeElement.matches(n.focusableElements) && + s.activeElement !== u && + s.activeElement.blur(); + const x = E && t.allowTouchMove && o.touchStartPreventDefault; + (!o.touchStartForcePreventDefault && !x) || + u.isContentEditable || + p.preventDefault(), + o.freeMode && + o.freeMode.enabled && + t.freeMode && + t.animating && + !o.cssMode && + t.freeMode.onTouchStart(), + t.emit("touchStart", p); + } + function X(e) { + const t = a(), + s = this, + i = s.touchEventsData, + { params: r, touches: n, rtlTranslate: o, enabled: d } = s; + if (!d) return; + if (!r.simulateTouch && "mouse" === e.pointerType) return; + let c = e; + if ((c.originalEvent && (c = c.originalEvent), !i.isTouched)) + return void ( + i.startMoving && + i.isScrolling && + s.emit("touchMoveOpposite", c) + ); + const p = i.evCache.findIndex((e) => e.pointerId === c.pointerId); + p >= 0 && (i.evCache[p] = c); + const u = i.evCache.length > 1 ? i.evCache[0] : c, + m = u.pageX, + h = u.pageY; + if (c.preventedByNestedSwiper) return (n.startX = m), void (n.startY = h); + if (!s.allowTouchMove) + return ( + c.target.matches(i.focusableElements) || (s.allowClick = !1), + void ( + i.isTouched && + (Object.assign(n, { + startX: m, + startY: h, + prevX: s.touches.currentX, + prevY: s.touches.currentY, + currentX: m, + currentY: h, + }), + (i.touchStartTime = l())) + ) + ); + if (r.touchReleaseOnEdges && !r.loop) + if (s.isVertical()) { + if ( + (h < n.startY && s.translate <= s.maxTranslate()) || + (h > n.startY && s.translate >= s.minTranslate()) + ) + return (i.isTouched = !1), void (i.isMoved = !1); + } else if ( + (m < n.startX && s.translate <= s.maxTranslate()) || + (m > n.startX && s.translate >= s.minTranslate()) + ) + return; + if ( + t.activeElement && + c.target === t.activeElement && + c.target.matches(i.focusableElements) + ) + return (i.isMoved = !0), void (s.allowClick = !1); + if ( + (i.allowTouchCallbacks && s.emit("touchMove", c), + c.targetTouches && c.targetTouches.length > 1) + ) + return; + (n.currentX = m), (n.currentY = h); + const f = n.currentX - n.startX, + g = n.currentY - n.startY; + if (s.params.threshold && Math.sqrt(f ** 2 + g ** 2) < s.params.threshold) + return; + if (void 0 === i.isScrolling) { + let e; + (s.isHorizontal() && n.currentY === n.startY) || + (s.isVertical() && n.currentX === n.startX) + ? (i.isScrolling = !1) + : f * f + g * g >= 25 && + ((e = (180 * Math.atan2(Math.abs(g), Math.abs(f))) / Math.PI), + (i.isScrolling = s.isHorizontal() + ? e > r.touchAngle + : 90 - e > r.touchAngle)); + } + if ( + (i.isScrolling && s.emit("touchMoveOpposite", c), + void 0 === i.startMoving && + ((n.currentX === n.startX && n.currentY === n.startY) || + (i.startMoving = !0)), + i.isScrolling || + (s.zoom && + s.params.zoom && + s.params.zoom.enabled && + i.evCache.length > 1)) + ) + return void (i.isTouched = !1); + if (!i.startMoving) return; + (s.allowClick = !1), + !r.cssMode && c.cancelable && c.preventDefault(), + r.touchMoveStopPropagation && !r.nested && c.stopPropagation(); + let v = s.isHorizontal() ? f : g, + w = s.isHorizontal() + ? n.currentX - n.previousX + : n.currentY - n.previousY; + r.oneWayMovement && + ((v = Math.abs(v) * (o ? 1 : -1)), (w = Math.abs(w) * (o ? 1 : -1))), + (n.diff = v), + (v *= r.touchRatio), + o && ((v = -v), (w = -w)); + const b = s.touchesDirection; + (s.swipeDirection = v > 0 ? "prev" : "next"), + (s.touchesDirection = w > 0 ? "prev" : "next"); + const y = s.params.loop && !r.cssMode, + E = + ("next" === s.swipeDirection && s.allowSlideNext) || + ("prev" === s.swipeDirection && s.allowSlidePrev); + if (!i.isMoved) { + if ( + (y && E && s.loopFix({ direction: s.swipeDirection }), + (i.startTranslate = s.getTranslate()), + s.setTransition(0), + s.animating) + ) { + const e = new window.CustomEvent("transitionend", { + bubbles: !0, + cancelable: !0, + }); + s.wrapperEl.dispatchEvent(e); + } + (i.allowMomentumBounce = !1), + !r.grabCursor || + (!0 !== s.allowSlideNext && !0 !== s.allowSlidePrev) || + s.setGrabCursor(!0), + s.emit("sliderFirstMove", c); + } + let x; + i.isMoved && + b !== s.touchesDirection && + y && + E && + Math.abs(v) >= 1 && + (s.loopFix({ direction: s.swipeDirection, setTranslate: !0 }), (x = !0)), + s.emit("sliderMove", c), + (i.isMoved = !0), + (i.currentTranslate = v + i.startTranslate); + let S = !0, + T = r.resistanceRatio; + if ( + (r.touchReleaseOnEdges && (T = 0), + v > 0 + ? (y && + E && + !x && + i.currentTranslate > + (r.centeredSlides + ? s.minTranslate() - s.size / 2 + : s.minTranslate()) && + s.loopFix({ + direction: "prev", + setTranslate: !0, + activeSlideIndex: 0, + }), + i.currentTranslate > s.minTranslate() && + ((S = !1), + r.resistance && + (i.currentTranslate = + s.minTranslate() - + 1 + + (-s.minTranslate() + i.startTranslate + v) ** T))) + : v < 0 && + (y && + E && + !x && + i.currentTranslate < + (r.centeredSlides + ? s.maxTranslate() + s.size / 2 + : s.maxTranslate()) && + s.loopFix({ + direction: "next", + setTranslate: !0, + activeSlideIndex: + s.slides.length - + ("auto" === r.slidesPerView + ? s.slidesPerViewDynamic() + : Math.ceil(parseFloat(r.slidesPerView, 10))), + }), + i.currentTranslate < s.maxTranslate() && + ((S = !1), + r.resistance && + (i.currentTranslate = + s.maxTranslate() + + 1 - + (s.maxTranslate() - i.startTranslate - v) ** T))), + S && (c.preventedByNestedSwiper = !0), + !s.allowSlideNext && + "next" === s.swipeDirection && + i.currentTranslate < i.startTranslate && + (i.currentTranslate = i.startTranslate), + !s.allowSlidePrev && + "prev" === s.swipeDirection && + i.currentTranslate > i.startTranslate && + (i.currentTranslate = i.startTranslate), + s.allowSlidePrev || + s.allowSlideNext || + (i.currentTranslate = i.startTranslate), + r.threshold > 0) + ) { + if (!(Math.abs(v) > r.threshold || i.allowThresholdMove)) + return void (i.currentTranslate = i.startTranslate); + if (!i.allowThresholdMove) + return ( + (i.allowThresholdMove = !0), + (n.startX = n.currentX), + (n.startY = n.currentY), + (i.currentTranslate = i.startTranslate), + void (n.diff = s.isHorizontal() + ? n.currentX - n.startX + : n.currentY - n.startY) + ); + } + r.followFinger && + !r.cssMode && + (((r.freeMode && r.freeMode.enabled && s.freeMode) || + r.watchSlidesProgress) && + (s.updateActiveIndex(), s.updateSlidesClasses()), + r.freeMode && + r.freeMode.enabled && + s.freeMode && + s.freeMode.onTouchMove(), + s.updateProgress(i.currentTranslate), + s.setTranslate(i.currentTranslate)); + } + function Y(e) { + const t = this, + s = t.touchEventsData, + a = s.evCache.findIndex((t) => t.pointerId === e.pointerId); + if ( + (a >= 0 && s.evCache.splice(a, 1), + ["pointercancel", "pointerout", "pointerleave", "contextmenu"].includes( + e.type, + )) + ) { + if ( + !( + ["pointercancel", "contextmenu"].includes(e.type) && + (t.browser.isSafari || t.browser.isWebView) + ) + ) + return; + } + const { + params: i, + touches: r, + rtlTranslate: o, + slidesGrid: d, + enabled: c, + } = t; + if (!c) return; + if (!i.simulateTouch && "mouse" === e.pointerType) return; + let p = e; + if ( + (p.originalEvent && (p = p.originalEvent), + s.allowTouchCallbacks && t.emit("touchEnd", p), + (s.allowTouchCallbacks = !1), + !s.isTouched) + ) + return ( + s.isMoved && i.grabCursor && t.setGrabCursor(!1), + (s.isMoved = !1), + void (s.startMoving = !1) + ); + i.grabCursor && + s.isMoved && + s.isTouched && + (!0 === t.allowSlideNext || !0 === t.allowSlidePrev) && + t.setGrabCursor(!1); + const u = l(), + m = u - s.touchStartTime; + if (t.allowClick) { + const e = p.path || (p.composedPath && p.composedPath()); + t.updateClickedSlide((e && e[0]) || p.target, e), + t.emit("tap click", p), + m < 300 && + u - s.lastClickTime < 300 && + t.emit("doubleTap doubleClick", p); + } + if ( + ((s.lastClickTime = l()), + n(() => { + t.destroyed || (t.allowClick = !0); + }), + !s.isTouched || + !s.isMoved || + !t.swipeDirection || + 0 === r.diff || + s.currentTranslate === s.startTranslate) + ) + return (s.isTouched = !1), (s.isMoved = !1), void (s.startMoving = !1); + let h; + if ( + ((s.isTouched = !1), + (s.isMoved = !1), + (s.startMoving = !1), + (h = i.followFinger + ? o + ? t.translate + : -t.translate + : -s.currentTranslate), + i.cssMode) + ) + return; + if (i.freeMode && i.freeMode.enabled) + return void t.freeMode.onTouchEnd({ currentPos: h }); + let f = 0, + g = t.slidesSizesGrid[0]; + for ( + let e = 0; + e < d.length; + e += e < i.slidesPerGroupSkip ? 1 : i.slidesPerGroup + ) { + const t = e < i.slidesPerGroupSkip - 1 ? 1 : i.slidesPerGroup; + void 0 !== d[e + t] + ? h >= d[e] && h < d[e + t] && ((f = e), (g = d[e + t] - d[e])) + : h >= d[e] && ((f = e), (g = d[d.length - 1] - d[d.length - 2])); + } + let v = null, + w = null; + i.rewind && + (t.isBeginning + ? (w = + i.virtual && i.virtual.enabled && t.virtual + ? t.virtual.slides.length - 1 + : t.slides.length - 1) + : t.isEnd && (v = 0)); + const b = (h - d[f]) / g, + y = f < i.slidesPerGroupSkip - 1 ? 1 : i.slidesPerGroup; + if (m > i.longSwipesMs) { + if (!i.longSwipes) return void t.slideTo(t.activeIndex); + "next" === t.swipeDirection && + (b >= i.longSwipesRatio + ? t.slideTo(i.rewind && t.isEnd ? v : f + y) + : t.slideTo(f)), + "prev" === t.swipeDirection && + (b > 1 - i.longSwipesRatio + ? t.slideTo(f + y) + : null !== w && b < 0 && Math.abs(b) > i.longSwipesRatio + ? t.slideTo(w) + : t.slideTo(f)); + } else { + if (!i.shortSwipes) return void t.slideTo(t.activeIndex); + t.navigation && + (p.target === t.navigation.nextEl || p.target === t.navigation.prevEl) + ? p.target === t.navigation.nextEl + ? t.slideTo(f + y) + : t.slideTo(f) + : ("next" === t.swipeDirection && t.slideTo(null !== v ? v : f + y), + "prev" === t.swipeDirection && t.slideTo(null !== w ? w : f)); + } + } + function N() { + const e = this, + { params: t, el: s } = e; + if (s && 0 === s.offsetWidth) return; + t.breakpoints && e.setBreakpoint(); + const { allowSlideNext: a, allowSlidePrev: i, snapGrid: r } = e, + n = e.virtual && e.params.virtual.enabled; + (e.allowSlideNext = !0), + (e.allowSlidePrev = !0), + e.updateSize(), + e.updateSlides(), + e.updateSlidesClasses(); + const l = n && t.loop; + !("auto" === t.slidesPerView || t.slidesPerView > 1) || + !e.isEnd || + e.isBeginning || + e.params.centeredSlides || + l + ? e.params.loop && !n + ? e.slideToLoop(e.realIndex, 0, !1, !0) + : e.slideTo(e.activeIndex, 0, !1, !0) + : e.slideTo(e.slides.length - 1, 0, !1, !0), + e.autoplay && + e.autoplay.running && + e.autoplay.paused && + (clearTimeout(e.autoplay.resizeTimeout), + (e.autoplay.resizeTimeout = setTimeout(() => { + e.autoplay && + e.autoplay.running && + e.autoplay.paused && + e.autoplay.resume(); + }, 500))), + (e.allowSlidePrev = i), + (e.allowSlideNext = a), + e.params.watchOverflow && r !== e.snapGrid && e.checkOverflow(); + } + function B(e) { + const t = this; + t.enabled && + (t.allowClick || + (t.params.preventClicks && e.preventDefault(), + t.params.preventClicksPropagation && + t.animating && + (e.stopPropagation(), e.stopImmediatePropagation()))); + } + function R() { + const e = this, + { wrapperEl: t, rtlTranslate: s, enabled: a } = e; + if (!a) return; + let i; + (e.previousTranslate = e.translate), + e.isHorizontal() + ? (e.translate = -t.scrollLeft) + : (e.translate = -t.scrollTop), + 0 === e.translate && (e.translate = 0), + e.updateActiveIndex(), + e.updateSlidesClasses(); + const r = e.maxTranslate() - e.minTranslate(); + (i = 0 === r ? 0 : (e.translate - e.minTranslate()) / r), + i !== e.progress && e.updateProgress(s ? -e.translate : e.translate), + e.emit("setTranslate", e.translate, !1); + } + function q(e) { + const t = this; + z(t, e.target), + t.params.cssMode || + ("auto" !== t.params.slidesPerView && !t.params.autoHeight) || + t.update(); + } + let V = !1; + function F() {} + const _ = (e, t) => { + const s = a(), + { params: i, el: r, wrapperEl: n, device: l } = e, + o = !!i.nested, + d = "on" === t ? "addEventListener" : "removeEventListener", + c = t; + r[d]("pointerdown", e.onTouchStart, { passive: !1 }), + s[d]("pointermove", e.onTouchMove, { passive: !1, capture: o }), + s[d]("pointerup", e.onTouchEnd, { passive: !0 }), + s[d]("pointercancel", e.onTouchEnd, { passive: !0 }), + s[d]("pointerout", e.onTouchEnd, { passive: !0 }), + s[d]("pointerleave", e.onTouchEnd, { passive: !0 }), + s[d]("contextmenu", e.onTouchEnd, { passive: !0 }), + (i.preventClicks || i.preventClicksPropagation) && + r[d]("click", e.onClick, !0), + i.cssMode && n[d]("scroll", e.onScroll), + i.updateOnWindowResize + ? e[c]( + l.ios || l.android + ? "resize orientationchange observerUpdate" + : "resize observerUpdate", + N, + !0, + ) + : e[c]("observerUpdate", N, !0), + r[d]("load", e.onLoad, { capture: !0 }); + }; + const j = (e, t) => e.grid && t.grid && t.grid.rows > 1; + var W = { + init: !0, + direction: "horizontal", + oneWayMovement: !1, + touchEventsTarget: "wrapper", + initialSlide: 0, + speed: 300, + cssMode: !1, + updateOnWindowResize: !0, + resizeObserver: !0, + nested: !1, + createElements: !1, + enabled: !0, + focusableElements: "input, select, option, textarea, button, video, label", + width: null, + height: null, + preventInteractionOnTransition: !1, + userAgent: null, + url: null, + edgeSwipeDetection: !1, + edgeSwipeThreshold: 20, + autoHeight: !1, + setWrapperSize: !1, + virtualTranslate: !1, + effect: "slide", + breakpoints: void 0, + breakpointsBase: "window", + spaceBetween: 0, + slidesPerView: 1, + slidesPerGroup: 1, + slidesPerGroupSkip: 0, + slidesPerGroupAuto: !1, + centeredSlides: !1, + centeredSlidesBounds: !1, + slidesOffsetBefore: 0, + slidesOffsetAfter: 0, + normalizeSlideIndex: !0, + centerInsufficientSlides: !1, + watchOverflow: !0, + roundLengths: !1, + touchRatio: 1, + touchAngle: 45, + simulateTouch: !0, + shortSwipes: !0, + longSwipes: !0, + longSwipesRatio: 0.5, + longSwipesMs: 300, + followFinger: !0, + allowTouchMove: !0, + threshold: 5, + touchMoveStopPropagation: !1, + touchStartPreventDefault: !0, + touchStartForcePreventDefault: !1, + touchReleaseOnEdges: !1, + uniqueNavElements: !0, + resistance: !0, + resistanceRatio: 0.85, + watchSlidesProgress: !1, + grabCursor: !1, + preventClicks: !0, + preventClicksPropagation: !0, + slideToClickedSlide: !1, + loop: !1, + loopedSlides: null, + loopPreventsSliding: !0, + rewind: !1, + allowSlidePrev: !0, + allowSlideNext: !0, + swipeHandler: null, + noSwiping: !0, + noSwipingClass: "swiper-no-swiping", + noSwipingSelector: null, + passiveListeners: !0, + maxBackfaceHiddenSlides: 10, + containerModifierClass: "swiper-", + slideClass: "swiper-slide", + slideActiveClass: "swiper-slide-active", + slideVisibleClass: "swiper-slide-visible", + slideNextClass: "swiper-slide-next", + slidePrevClass: "swiper-slide-prev", + wrapperClass: "swiper-wrapper", + lazyPreloaderClass: "swiper-lazy-preloader", + lazyPreloadPrevNext: 0, + runCallbacksOnInit: !0, + _emitClasses: !1, + }; + function U(e, t) { + return function (s) { + void 0 === s && (s = {}); + const a = Object.keys(s)[0], + i = s[a]; + "object" == typeof i && null !== i + ? (!0 === e[a] && (e[a] = { enabled: !0 }), + "navigation" === a && + e[a] && + e[a].enabled && + !e[a].prevEl && + !e[a].nextEl && + (e[a].auto = !0), + ["pagination", "scrollbar"].indexOf(a) >= 0 && + e[a] && + e[a].enabled && + !e[a].el && + (e[a].auto = !0), + a in e && "enabled" in i + ? ("object" != typeof e[a] || + "enabled" in e[a] || + (e[a].enabled = !0), + e[a] || (e[a] = { enabled: !1 }), + c(t, s)) + : c(t, s)) + : c(t, s); + }; + } + const K = { + eventsEmitter: L, + update: I, + translate: k, + transition: { + setTransition: function (e, t) { + const s = this; + s.params.cssMode || + ((s.wrapperEl.style.transitionDuration = `${e}ms`), + (s.wrapperEl.style.transitionDelay = 0 === e ? "0ms" : "")), + s.emit("setTransition", e, t); + }, + transitionStart: function (e, t) { + void 0 === e && (e = !0); + const s = this, + { params: a } = s; + a.cssMode || + (a.autoHeight && s.updateAutoHeight(), + O({ swiper: s, runCallbacks: e, direction: t, step: "Start" })); + }, + transitionEnd: function (e, t) { + void 0 === e && (e = !0); + const s = this, + { params: a } = s; + (s.animating = !1), + a.cssMode || + (s.setTransition(0), + O({ swiper: s, runCallbacks: e, direction: t, step: "End" })); + }, + }, + slide: D, + loop: G, + grabCursor: { + setGrabCursor: function (e) { + const t = this; + if ( + !t.params.simulateTouch || + (t.params.watchOverflow && t.isLocked) || + t.params.cssMode + ) + return; + const s = + "container" === t.params.touchEventsTarget ? t.el : t.wrapperEl; + t.isElement && (t.__preventObserver__ = !0), + (s.style.cursor = "move"), + (s.style.cursor = e ? "grabbing" : "grab"), + t.isElement && + requestAnimationFrame(() => { + t.__preventObserver__ = !1; + }); + }, + unsetGrabCursor: function () { + const e = this; + (e.params.watchOverflow && e.isLocked) || + e.params.cssMode || + (e.isElement && (e.__preventObserver__ = !0), + (e[ + "container" === e.params.touchEventsTarget ? "el" : "wrapperEl" + ].style.cursor = ""), + e.isElement && + requestAnimationFrame(() => { + e.__preventObserver__ = !1; + })); + }, + }, + events: { + attachEvents: function () { + const e = this, + t = a(), + { params: s } = e; + (e.onTouchStart = H.bind(e)), + (e.onTouchMove = X.bind(e)), + (e.onTouchEnd = Y.bind(e)), + s.cssMode && (e.onScroll = R.bind(e)), + (e.onClick = B.bind(e)), + (e.onLoad = q.bind(e)), + V || (t.addEventListener("touchstart", F), (V = !0)), + _(e, "on"); + }, + detachEvents: function () { + _(this, "off"); + }, + }, + breakpoints: { + setBreakpoint: function () { + const e = this, + { realIndex: t, initialized: s, params: a, el: i } = e, + r = a.breakpoints; + if (!r || (r && 0 === Object.keys(r).length)) return; + const n = e.getBreakpoint(r, e.params.breakpointsBase, e.el); + if (!n || e.currentBreakpoint === n) return; + const l = (n in r ? r[n] : void 0) || e.originalParams, + o = j(e, a), + d = j(e, l), + p = a.enabled; + o && !d + ? (i.classList.remove( + `${a.containerModifierClass}grid`, + `${a.containerModifierClass}grid-column`, + ), + e.emitContainerClasses()) + : !o && + d && + (i.classList.add(`${a.containerModifierClass}grid`), + ((l.grid.fill && "column" === l.grid.fill) || + (!l.grid.fill && "column" === a.grid.fill)) && + i.classList.add(`${a.containerModifierClass}grid-column`), + e.emitContainerClasses()), + ["navigation", "pagination", "scrollbar"].forEach((t) => { + if (void 0 === l[t]) return; + const s = a[t] && a[t].enabled, + i = l[t] && l[t].enabled; + s && !i && e[t].disable(), !s && i && e[t].enable(); + }); + const u = l.direction && l.direction !== a.direction, + m = a.loop && (l.slidesPerView !== a.slidesPerView || u), + h = a.loop; + u && s && e.changeDirection(), c(e.params, l); + const f = e.params.enabled, + g = e.params.loop; + Object.assign(e, { + allowTouchMove: e.params.allowTouchMove, + allowSlideNext: e.params.allowSlideNext, + allowSlidePrev: e.params.allowSlidePrev, + }), + p && !f ? e.disable() : !p && f && e.enable(), + (e.currentBreakpoint = n), + e.emit("_beforeBreakpoint", l), + s && + (m + ? (e.loopDestroy(), e.loopCreate(t), e.updateSlides()) + : !h && g + ? (e.loopCreate(t), e.updateSlides()) + : h && !g && e.loopDestroy()), + e.emit("breakpoint", l); + }, + getBreakpoint: function (e, t, s) { + if ((void 0 === t && (t = "window"), !e || ("container" === t && !s))) + return; + let a = !1; + const i = r(), + n = "window" === t ? i.innerHeight : s.clientHeight, + l = Object.keys(e).map((e) => { + if ("string" == typeof e && 0 === e.indexOf("@")) { + const t = parseFloat(e.substr(1)); + return { value: n * t, point: e }; + } + return { value: e, point: e }; + }); + l.sort((e, t) => parseInt(e.value, 10) - parseInt(t.value, 10)); + for (let e = 0; e < l.length; e += 1) { + const { point: r, value: n } = l[e]; + "window" === t + ? i.matchMedia(`(min-width: ${n}px)`).matches && (a = r) + : n <= s.clientWidth && (a = r); + } + return a || "max"; + }, + }, + checkOverflow: { + checkOverflow: function () { + const e = this, + { isLocked: t, params: s } = e, + { slidesOffsetBefore: a } = s; + if (a) { + const t = e.slides.length - 1, + s = e.slidesGrid[t] + e.slidesSizesGrid[t] + 2 * a; + e.isLocked = e.size > s; + } else e.isLocked = 1 === e.snapGrid.length; + !0 === s.allowSlideNext && (e.allowSlideNext = !e.isLocked), + !0 === s.allowSlidePrev && (e.allowSlidePrev = !e.isLocked), + t && t !== e.isLocked && (e.isEnd = !1), + t !== e.isLocked && e.emit(e.isLocked ? "lock" : "unlock"); + }, + }, + classes: { + addClasses: function () { + const e = this, + { classNames: t, params: s, rtl: a, el: i, device: r } = e, + n = (function (e, t) { + const s = []; + return ( + e.forEach((e) => { + "object" == typeof e + ? Object.keys(e).forEach((a) => { + e[a] && s.push(t + a); + }) + : "string" == typeof e && s.push(t + e); + }), + s + ); + })( + [ + "initialized", + s.direction, + { "free-mode": e.params.freeMode && s.freeMode.enabled }, + { autoheight: s.autoHeight }, + { rtl: a }, + { grid: s.grid && s.grid.rows > 1 }, + { + "grid-column": + s.grid && s.grid.rows > 1 && "column" === s.grid.fill, + }, + { android: r.android }, + { ios: r.ios }, + { "css-mode": s.cssMode }, + { centered: s.cssMode && s.centeredSlides }, + { "watch-progress": s.watchSlidesProgress }, + ], + s.containerModifierClass, + ); + t.push(...n), i.classList.add(...t), e.emitContainerClasses(); + }, + removeClasses: function () { + const { el: e, classNames: t } = this; + e.classList.remove(...t), this.emitContainerClasses(); + }, + }, + }, + Z = {}; + class Q { + constructor() { + let e, t; + for (var s = arguments.length, i = new Array(s), r = 0; r < s; r++) + i[r] = arguments[r]; + 1 === i.length && + i[0].constructor && + "Object" === Object.prototype.toString.call(i[0]).slice(8, -1) + ? (t = i[0]) + : ([e, t] = i), + t || (t = {}), + (t = c({}, t)), + e && !t.el && (t.el = e); + const n = a(); + if ( + t.el && + "string" == typeof t.el && + n.querySelectorAll(t.el).length > 1 + ) { + const e = []; + return ( + n.querySelectorAll(t.el).forEach((s) => { + const a = c({}, t, { el: s }); + e.push(new Q(a)); + }), + e + ); + } + const l = this; + (l.__swiper__ = !0), + (l.support = M()), + (l.device = C({ userAgent: t.userAgent })), + (l.browser = P()), + (l.eventsListeners = {}), + (l.eventsAnyListeners = []), + (l.modules = [...l.__modules__]), + t.modules && Array.isArray(t.modules) && l.modules.push(...t.modules); + const o = {}; + l.modules.forEach((e) => { + e({ + params: t, + swiper: l, + extendParams: U(t, o), + on: l.on.bind(l), + once: l.once.bind(l), + off: l.off.bind(l), + emit: l.emit.bind(l), + }); + }); + const d = c({}, W, o); + return ( + (l.params = c({}, d, Z, t)), + (l.originalParams = c({}, l.params)), + (l.passedParams = c({}, t)), + l.params && + l.params.on && + Object.keys(l.params.on).forEach((e) => { + l.on(e, l.params.on[e]); + }), + l.params && l.params.onAny && l.onAny(l.params.onAny), + Object.assign(l, { + enabled: l.params.enabled, + el: e, + classNames: [], + slides: [], + slidesGrid: [], + snapGrid: [], + slidesSizesGrid: [], + isHorizontal: () => "horizontal" === l.params.direction, + isVertical: () => "vertical" === l.params.direction, + activeIndex: 0, + realIndex: 0, + isBeginning: !0, + isEnd: !1, + translate: 0, + previousTranslate: 0, + progress: 0, + velocity: 0, + animating: !1, + cssOverflowAdjustment() { + return Math.trunc(this.translate / 2 ** 23) * 2 ** 23; + }, + allowSlideNext: l.params.allowSlideNext, + allowSlidePrev: l.params.allowSlidePrev, + touchEventsData: { + isTouched: void 0, + isMoved: void 0, + allowTouchCallbacks: void 0, + touchStartTime: void 0, + isScrolling: void 0, + currentTranslate: void 0, + startTranslate: void 0, + allowThresholdMove: void 0, + focusableElements: l.params.focusableElements, + lastClickTime: 0, + clickTimeout: void 0, + velocities: [], + allowMomentumBounce: void 0, + startMoving: void 0, + evCache: [], + }, + allowClick: !0, + allowTouchMove: l.params.allowTouchMove, + touches: { startX: 0, startY: 0, currentX: 0, currentY: 0, diff: 0 }, + imagesToLoad: [], + imagesLoaded: 0, + }), + l.emit("_swiper"), + l.params.init && l.init(), + l + ); + } + getSlideIndex(e) { + const { slidesEl: t, params: s } = this, + a = w(h(t, `.${s.slideClass}, swiper-slide`)[0]); + return w(e) - a; + } + getSlideIndexByData(e) { + return this.getSlideIndex( + this.slides.filter( + (t) => 1 * t.getAttribute("data-swiper-slide-index") === e, + )[0], + ); + } + recalcSlides() { + const { slidesEl: e, params: t } = this; + this.slides = h(e, `.${t.slideClass}, swiper-slide`); + } + enable() { + const e = this; + e.enabled || + ((e.enabled = !0), + e.params.grabCursor && e.setGrabCursor(), + e.emit("enable")); + } + disable() { + const e = this; + e.enabled && + ((e.enabled = !1), + e.params.grabCursor && e.unsetGrabCursor(), + e.emit("disable")); + } + setProgress(e, t) { + const s = this; + e = Math.min(Math.max(e, 0), 1); + const a = s.minTranslate(), + i = (s.maxTranslate() - a) * e + a; + s.translateTo(i, void 0 === t ? 0 : t), + s.updateActiveIndex(), + s.updateSlidesClasses(); + } + emitContainerClasses() { + const e = this; + if (!e.params._emitClasses || !e.el) return; + const t = e.el.className + .split(" ") + .filter( + (t) => + 0 === t.indexOf("swiper") || + 0 === t.indexOf(e.params.containerModifierClass), + ); + e.emit("_containerClasses", t.join(" ")); + } + getSlideClasses(e) { + const t = this; + return t.destroyed + ? "" + : e.className + .split(" ") + .filter( + (e) => + 0 === e.indexOf("swiper-slide") || + 0 === e.indexOf(t.params.slideClass), + ) + .join(" "); + } + emitSlidesClasses() { + const e = this; + if (!e.params._emitClasses || !e.el) return; + const t = []; + e.slides.forEach((s) => { + const a = e.getSlideClasses(s); + t.push({ slideEl: s, classNames: a }), e.emit("_slideClass", s, a); + }), + e.emit("_slideClasses", t); + } + slidesPerViewDynamic(e, t) { + void 0 === e && (e = "current"), void 0 === t && (t = !1); + const { + params: s, + slides: a, + slidesGrid: i, + slidesSizesGrid: r, + size: n, + activeIndex: l, + } = this; + let o = 1; + if ("number" == typeof s.slidesPerView) return s.slidesPerView; + if (s.centeredSlides) { + let e, + t = a[l] ? a[l].swiperSlideSize : 0; + for (let s = l + 1; s < a.length; s += 1) + a[s] && + !e && + ((t += a[s].swiperSlideSize), (o += 1), t > n && (e = !0)); + for (let s = l - 1; s >= 0; s -= 1) + a[s] && + !e && + ((t += a[s].swiperSlideSize), (o += 1), t > n && (e = !0)); + } else if ("current" === e) + for (let e = l + 1; e < a.length; e += 1) { + (t ? i[e] + r[e] - i[l] < n : i[e] - i[l] < n) && (o += 1); + } + else + for (let e = l - 1; e >= 0; e -= 1) { + i[l] - i[e] < n && (o += 1); + } + return o; + } + update() { + const e = this; + if (!e || e.destroyed) return; + const { snapGrid: t, params: s } = e; + function a() { + const t = e.rtlTranslate ? -1 * e.translate : e.translate, + s = Math.min(Math.max(t, e.maxTranslate()), e.minTranslate()); + e.setTranslate(s), e.updateActiveIndex(), e.updateSlidesClasses(); + } + let i; + if ( + (s.breakpoints && e.setBreakpoint(), + [...e.el.querySelectorAll('[loading="lazy"]')].forEach((t) => { + t.complete && z(e, t); + }), + e.updateSize(), + e.updateSlides(), + e.updateProgress(), + e.updateSlidesClasses(), + s.freeMode && s.freeMode.enabled && !s.cssMode) + ) + a(), s.autoHeight && e.updateAutoHeight(); + else { + if ( + ("auto" === s.slidesPerView || s.slidesPerView > 1) && + e.isEnd && + !s.centeredSlides + ) { + const t = + e.virtual && s.virtual.enabled ? e.virtual.slides : e.slides; + i = e.slideTo(t.length - 1, 0, !1, !0); + } else i = e.slideTo(e.activeIndex, 0, !1, !0); + i || a(); + } + s.watchOverflow && t !== e.snapGrid && e.checkOverflow(), + e.emit("update"); + } + changeDirection(e, t) { + void 0 === t && (t = !0); + const s = this, + a = s.params.direction; + return ( + e || (e = "horizontal" === a ? "vertical" : "horizontal"), + e === a || + ("horizontal" !== e && "vertical" !== e) || + (s.el.classList.remove(`${s.params.containerModifierClass}${a}`), + s.el.classList.add(`${s.params.containerModifierClass}${e}`), + s.emitContainerClasses(), + (s.params.direction = e), + s.slides.forEach((t) => { + "vertical" === e ? (t.style.width = "") : (t.style.height = ""); + }), + s.emit("changeDirection"), + t && s.update()), + s + ); + } + changeLanguageDirection(e) { + const t = this; + (t.rtl && "rtl" === e) || + (!t.rtl && "ltr" === e) || + ((t.rtl = "rtl" === e), + (t.rtlTranslate = "horizontal" === t.params.direction && t.rtl), + t.rtl + ? (t.el.classList.add(`${t.params.containerModifierClass}rtl`), + (t.el.dir = "rtl")) + : (t.el.classList.remove(`${t.params.containerModifierClass}rtl`), + (t.el.dir = "ltr")), + t.update()); + } + mount(e) { + const t = this; + if (t.mounted) return !0; + let s = e || t.params.el; + if (("string" == typeof s && (s = document.querySelector(s)), !s)) + return !1; + (s.swiper = t), + s.parentNode && + s.parentNode.host && + "SWIPER-CONTAINER" === s.parentNode.host.nodeName && + (t.isElement = !0); + const a = () => + `.${(t.params.wrapperClass || "").trim().split(" ").join(".")}`; + let i = (() => { + if (s && s.shadowRoot && s.shadowRoot.querySelector) { + return s.shadowRoot.querySelector(a()); + } + return h(s, a())[0]; + })(); + return ( + !i && + t.params.createElements && + ((i = f("div", t.params.wrapperClass)), + s.append(i), + h(s, `.${t.params.slideClass}`).forEach((e) => { + i.append(e); + })), + Object.assign(t, { + el: s, + wrapperEl: i, + slidesEl: + t.isElement && !s.parentNode.host.slideSlots + ? s.parentNode.host + : i, + hostEl: t.isElement ? s.parentNode.host : s, + mounted: !0, + rtl: "rtl" === s.dir.toLowerCase() || "rtl" === v(s, "direction"), + rtlTranslate: + "horizontal" === t.params.direction && + ("rtl" === s.dir.toLowerCase() || "rtl" === v(s, "direction")), + wrongRTL: "-webkit-box" === v(i, "display"), + }), + !0 + ); + } + init(e) { + const t = this; + if (t.initialized) return t; + if (!1 === t.mount(e)) return t; + t.emit("beforeInit"), + t.params.breakpoints && t.setBreakpoint(), + t.addClasses(), + t.updateSize(), + t.updateSlides(), + t.params.watchOverflow && t.checkOverflow(), + t.params.grabCursor && t.enabled && t.setGrabCursor(), + t.params.loop && t.virtual && t.params.virtual.enabled + ? t.slideTo( + t.params.initialSlide + t.virtual.slidesBefore, + 0, + t.params.runCallbacksOnInit, + !1, + !0, + ) + : t.slideTo( + t.params.initialSlide, + 0, + t.params.runCallbacksOnInit, + !1, + !0, + ), + t.params.loop && t.loopCreate(), + t.attachEvents(); + const s = [...t.el.querySelectorAll('[loading="lazy"]')]; + return ( + t.isElement && s.push(...t.hostEl.querySelectorAll('[loading="lazy"]')), + s.forEach((e) => { + e.complete + ? z(t, e) + : e.addEventListener("load", (e) => { + z(t, e.target); + }); + }), + $(t), + (t.initialized = !0), + $(t), + t.emit("init"), + t.emit("afterInit"), + t + ); + } + destroy(e, t) { + void 0 === e && (e = !0), void 0 === t && (t = !0); + const s = this, + { params: a, el: i, wrapperEl: r, slides: n } = s; + return ( + void 0 === s.params || + s.destroyed || + (s.emit("beforeDestroy"), + (s.initialized = !1), + s.detachEvents(), + a.loop && s.loopDestroy(), + t && + (s.removeClasses(), + i.removeAttribute("style"), + r.removeAttribute("style"), + n && + n.length && + n.forEach((e) => { + e.classList.remove( + a.slideVisibleClass, + a.slideActiveClass, + a.slideNextClass, + a.slidePrevClass, + ), + e.removeAttribute("style"), + e.removeAttribute("data-swiper-slide-index"); + })), + s.emit("destroy"), + Object.keys(s.eventsListeners).forEach((e) => { + s.off(e); + }), + !1 !== e && + ((s.el.swiper = null), + (function (e) { + const t = e; + Object.keys(t).forEach((e) => { + try { + t[e] = null; + } catch (e) {} + try { + delete t[e]; + } catch (e) {} + }); + })(s)), + (s.destroyed = !0)), + null + ); + } + static extendDefaults(e) { + c(Z, e); + } + static get extendedDefaults() { + return Z; + } + static get defaults() { + return W; + } + static installModule(e) { + Q.prototype.__modules__ || (Q.prototype.__modules__ = []); + const t = Q.prototype.__modules__; + "function" == typeof e && t.indexOf(e) < 0 && t.push(e); + } + static use(e) { + return Array.isArray(e) + ? (e.forEach((e) => Q.installModule(e)), Q) + : (Q.installModule(e), Q); + } + } + function J(e, t, s, a) { + return ( + e.params.createElements && + Object.keys(a).forEach((i) => { + if (!s[i] && !0 === s.auto) { + let r = h(e.el, `.${a[i]}`)[0]; + r || ((r = f("div", a[i])), (r.className = a[i]), e.el.append(r)), + (s[i] = r), + (t[i] = r); + } + }), + s + ); + } + function ee(e) { + return ( + void 0 === e && (e = ""), + `.${e + .trim() + .replace(/([\.:!+\/])/g, "\\$1") + .replace(/ /g, ".")}` + ); + } + function te(e) { + const t = this, + { params: s, slidesEl: a } = t; + s.loop && t.loopDestroy(); + const i = (e) => { + if ("string" == typeof e) { + const t = document.createElement("div"); + (t.innerHTML = e), a.append(t.children[0]), (t.innerHTML = ""); + } else a.append(e); + }; + if ("object" == typeof e && "length" in e) + for (let t = 0; t < e.length; t += 1) e[t] && i(e[t]); + else i(e); + t.recalcSlides(), + s.loop && t.loopCreate(), + (s.observer && !t.isElement) || t.update(); + } + function se(e) { + const t = this, + { params: s, activeIndex: a, slidesEl: i } = t; + s.loop && t.loopDestroy(); + let r = a + 1; + const n = (e) => { + if ("string" == typeof e) { + const t = document.createElement("div"); + (t.innerHTML = e), i.prepend(t.children[0]), (t.innerHTML = ""); + } else i.prepend(e); + }; + if ("object" == typeof e && "length" in e) { + for (let t = 0; t < e.length; t += 1) e[t] && n(e[t]); + r = a + e.length; + } else n(e); + t.recalcSlides(), + s.loop && t.loopCreate(), + (s.observer && !t.isElement) || t.update(), + t.slideTo(r, 0, !1); + } + function ae(e, t) { + const s = this, + { params: a, activeIndex: i, slidesEl: r } = s; + let n = i; + a.loop && ((n -= s.loopedSlides), s.loopDestroy(), s.recalcSlides()); + const l = s.slides.length; + if (e <= 0) return void s.prependSlide(t); + if (e >= l) return void s.appendSlide(t); + let o = n > e ? n + 1 : n; + const d = []; + for (let t = l - 1; t >= e; t -= 1) { + const e = s.slides[t]; + e.remove(), d.unshift(e); + } + if ("object" == typeof t && "length" in t) { + for (let e = 0; e < t.length; e += 1) t[e] && r.append(t[e]); + o = n > e ? n + t.length : n; + } else r.append(t); + for (let e = 0; e < d.length; e += 1) r.append(d[e]); + s.recalcSlides(), + a.loop && s.loopCreate(), + (a.observer && !s.isElement) || s.update(), + a.loop ? s.slideTo(o + s.loopedSlides, 0, !1) : s.slideTo(o, 0, !1); + } + function ie(e) { + const t = this, + { params: s, activeIndex: a } = t; + let i = a; + s.loop && ((i -= t.loopedSlides), t.loopDestroy()); + let r, + n = i; + if ("object" == typeof e && "length" in e) { + for (let s = 0; s < e.length; s += 1) + (r = e[s]), t.slides[r] && t.slides[r].remove(), r < n && (n -= 1); + n = Math.max(n, 0); + } else + (r = e), + t.slides[r] && t.slides[r].remove(), + r < n && (n -= 1), + (n = Math.max(n, 0)); + t.recalcSlides(), + s.loop && t.loopCreate(), + (s.observer && !t.isElement) || t.update(), + s.loop ? t.slideTo(n + t.loopedSlides, 0, !1) : t.slideTo(n, 0, !1); + } + function re() { + const e = this, + t = []; + for (let s = 0; s < e.slides.length; s += 1) t.push(s); + e.removeSlide(t); + } + function ne(e) { + const { + effect: t, + swiper: s, + on: a, + setTranslate: i, + setTransition: r, + overwriteParams: n, + perspective: l, + recreateShadows: o, + getEffectParams: d, + } = e; + let c; + a("beforeInit", () => { + if (s.params.effect !== t) return; + s.classNames.push(`${s.params.containerModifierClass}${t}`), + l && l() && s.classNames.push(`${s.params.containerModifierClass}3d`); + const e = n ? n() : {}; + Object.assign(s.params, e), Object.assign(s.originalParams, e); + }), + a("setTranslate", () => { + s.params.effect === t && i(); + }), + a("setTransition", (e, a) => { + s.params.effect === t && r(a); + }), + a("transitionEnd", () => { + if (s.params.effect === t && o) { + if (!d || !d().slideShadows) return; + s.slides.forEach((e) => { + e.querySelectorAll( + ".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left", + ).forEach((e) => e.remove()); + }), + o(); + } + }), + a("virtualUpdate", () => { + s.params.effect === t && + (s.slides.length || (c = !0), + requestAnimationFrame(() => { + c && s.slides && s.slides.length && (i(), (c = !1)); + })); + }); + } + function le(e, t) { + const s = m(t); + return ( + s !== t && + ((s.style.backfaceVisibility = "hidden"), + (s.style["-webkit-backface-visibility"] = "hidden")), + s + ); + } + function oe(e) { + let { swiper: t, duration: s, transformElements: a, allSlides: i } = e; + const { activeIndex: r } = t; + if (t.params.virtualTranslate && 0 !== s) { + let e, + s = !1; + (e = i + ? a + : a.filter((e) => { + const s = e.classList.contains("swiper-slide-transform") + ? ((e) => { + if (!e.parentElement) + return t.slides.filter( + (t) => t.shadowRoot && t.shadowRoot === e.parentNode, + )[0]; + return e.parentElement; + })(e) + : e; + return t.getSlideIndex(s) === r; + })), + e.forEach((e) => { + y(e, () => { + if (s) return; + if (!t || t.destroyed) return; + (s = !0), (t.animating = !1); + const e = new window.CustomEvent("transitionend", { + bubbles: !0, + cancelable: !0, + }); + t.wrapperEl.dispatchEvent(e); + }); + }); + } + } + function de(e, t, s) { + const a = `swiper-slide-shadow${s ? `-${s}` : ""}${e ? ` swiper-slide-shadow-${e}` : ""}`, + i = m(t); + let r = i.querySelector(`.${a.split(" ").join(".")}`); + return r || ((r = f("div", a.split(" "))), i.append(r)), r; + } + Object.keys(K).forEach((e) => { + Object.keys(K[e]).forEach((t) => { + Q.prototype[t] = K[e][t]; + }); + }), + Q.use([ + function (e) { + let { swiper: t, on: s, emit: a } = e; + const i = r(); + let n = null, + l = null; + const o = () => { + t && + !t.destroyed && + t.initialized && + (a("beforeResize"), a("resize")); + }, + d = () => { + t && !t.destroyed && t.initialized && a("orientationchange"); + }; + s("init", () => { + t.params.resizeObserver && void 0 !== i.ResizeObserver + ? t && + !t.destroyed && + t.initialized && + ((n = new ResizeObserver((e) => { + l = i.requestAnimationFrame(() => { + const { width: s, height: a } = t; + let i = s, + r = a; + e.forEach((e) => { + let { contentBoxSize: s, contentRect: a, target: n } = e; + (n && n !== t.el) || + ((i = a ? a.width : (s[0] || s).inlineSize), + (r = a ? a.height : (s[0] || s).blockSize)); + }), + (i === s && r === a) || o(); + }); + })), + n.observe(t.el)) + : (i.addEventListener("resize", o), + i.addEventListener("orientationchange", d)); + }), + s("destroy", () => { + l && i.cancelAnimationFrame(l), + n && n.unobserve && t.el && (n.unobserve(t.el), (n = null)), + i.removeEventListener("resize", o), + i.removeEventListener("orientationchange", d); + }); + }, + function (e) { + let { swiper: t, extendParams: s, on: a, emit: i } = e; + const n = [], + l = r(), + o = function (e, s) { + void 0 === s && (s = {}); + const a = new (l.MutationObserver || l.WebkitMutationObserver)( + (e) => { + if (t.__preventObserver__) return; + if (1 === e.length) return void i("observerUpdate", e[0]); + const s = function () { + i("observerUpdate", e[0]); + }; + l.requestAnimationFrame + ? l.requestAnimationFrame(s) + : l.setTimeout(s, 0); + }, + ); + a.observe(e, { + attributes: void 0 === s.attributes || s.attributes, + childList: void 0 === s.childList || s.childList, + characterData: void 0 === s.characterData || s.characterData, + }), + n.push(a); + }; + s({ observer: !1, observeParents: !1, observeSlideChildren: !1 }), + a("init", () => { + if (t.params.observer) { + if (t.params.observeParents) { + const e = b(t.hostEl); + for (let t = 0; t < e.length; t += 1) o(e[t]); + } + o(t.hostEl, { childList: t.params.observeSlideChildren }), + o(t.wrapperEl, { attributes: !1 }); + } + }), + a("destroy", () => { + n.forEach((e) => { + e.disconnect(); + }), + n.splice(0, n.length); + }); + }, + ]); + const ce = [ + function (e) { + let t, + { swiper: s, extendParams: i, on: r, emit: n } = e; + i({ + virtual: { + enabled: !1, + slides: [], + cache: !0, + renderSlide: null, + renderExternal: null, + renderExternalUpdate: !0, + addSlidesBefore: 0, + addSlidesAfter: 0, + }, + }); + const l = a(); + s.virtual = { + cache: {}, + from: void 0, + to: void 0, + slides: [], + offset: 0, + slidesGrid: [], + }; + const o = l.createElement("div"); + function d(e, t) { + const a = s.params.virtual; + if (a.cache && s.virtual.cache[t]) return s.virtual.cache[t]; + let i; + return ( + a.renderSlide + ? ((i = a.renderSlide.call(s, e, t)), + "string" == typeof i && ((o.innerHTML = i), (i = o.children[0]))) + : (i = s.isElement + ? f("swiper-slide") + : f("div", s.params.slideClass)), + i.setAttribute("data-swiper-slide-index", t), + a.renderSlide || (i.innerHTML = e), + a.cache && (s.virtual.cache[t] = i), + i + ); + } + function c(e) { + const { + slidesPerView: t, + slidesPerGroup: a, + centeredSlides: i, + loop: r, + } = s.params, + { addSlidesBefore: l, addSlidesAfter: o } = s.params.virtual, + { from: c, to: p, slides: u, slidesGrid: m, offset: f } = s.virtual; + s.params.cssMode || s.updateActiveIndex(); + const g = s.activeIndex || 0; + let v, w, b; + (v = s.rtlTranslate ? "right" : s.isHorizontal() ? "left" : "top"), + i + ? ((w = Math.floor(t / 2) + a + o), (b = Math.floor(t / 2) + a + l)) + : ((w = t + (a - 1) + o), (b = (r ? t : a) + l)); + let y = g - b, + E = g + w; + r || ((y = Math.max(y, 0)), (E = Math.min(E, u.length - 1))); + let x = (s.slidesGrid[y] || 0) - (s.slidesGrid[0] || 0); + function S() { + s.updateSlides(), + s.updateProgress(), + s.updateSlidesClasses(), + n("virtualUpdate"); + } + if ( + (r && g >= b + ? ((y -= b), i || (x += s.slidesGrid[0])) + : r && g < b && ((y = -b), i && (x += s.slidesGrid[0])), + Object.assign(s.virtual, { + from: y, + to: E, + offset: x, + slidesGrid: s.slidesGrid, + slidesBefore: b, + slidesAfter: w, + }), + c === y && p === E && !e) + ) + return ( + s.slidesGrid !== m && + x !== f && + s.slides.forEach((e) => { + e.style[v] = x - Math.abs(s.cssOverflowAdjustment()) + "px"; + }), + s.updateProgress(), + void n("virtualUpdate") + ); + if (s.params.virtual.renderExternal) + return ( + s.params.virtual.renderExternal.call(s, { + offset: x, + from: y, + to: E, + slides: (function () { + const e = []; + for (let t = y; t <= E; t += 1) e.push(u[t]); + return e; + })(), + }), + void (s.params.virtual.renderExternalUpdate + ? S() + : n("virtualUpdate")) + ); + const T = [], + M = [], + C = (e) => { + let t = e; + return ( + e < 0 ? (t = u.length + e) : t >= u.length && (t -= u.length), t + ); + }; + if (e) + s.slides + .filter((e) => e.matches(`.${s.params.slideClass}, swiper-slide`)) + .forEach((e) => { + e.remove(); + }); + else + for (let e = c; e <= p; e += 1) + if (e < y || e > E) { + const t = C(e); + s.slides + .filter((e) => + e.matches( + `.${s.params.slideClass}[data-swiper-slide-index="${t}"], swiper-slide[data-swiper-slide-index="${t}"]`, + ), + ) + .forEach((e) => { + e.remove(); + }); + } + const P = r ? -u.length : 0, + L = r ? 2 * u.length : u.length; + for (let t = P; t < L; t += 1) + if (t >= y && t <= E) { + const s = C(t); + void 0 === p || e + ? M.push(s) + : (t > p && M.push(s), t < c && T.push(s)); + } + if ( + (M.forEach((e) => { + s.slidesEl.append(d(u[e], e)); + }), + r) + ) + for (let e = T.length - 1; e >= 0; e -= 1) { + const t = T[e]; + s.slidesEl.prepend(d(u[t], t)); + } + else + T.sort((e, t) => t - e), + T.forEach((e) => { + s.slidesEl.prepend(d(u[e], e)); + }); + h(s.slidesEl, ".swiper-slide, swiper-slide").forEach((e) => { + e.style[v] = x - Math.abs(s.cssOverflowAdjustment()) + "px"; + }), + S(); + } + r("beforeInit", () => { + if (!s.params.virtual.enabled) return; + let e; + if (void 0 === s.passedParams.virtual.slides) { + const t = [...s.slidesEl.children].filter((e) => + e.matches(`.${s.params.slideClass}, swiper-slide`), + ); + t && + t.length && + ((s.virtual.slides = [...t]), + (e = !0), + t.forEach((e, t) => { + e.setAttribute("data-swiper-slide-index", t), + (s.virtual.cache[t] = e), + e.remove(); + })); + } + e || (s.virtual.slides = s.params.virtual.slides), + s.classNames.push(`${s.params.containerModifierClass}virtual`), + (s.params.watchSlidesProgress = !0), + (s.originalParams.watchSlidesProgress = !0), + c(); + }), + r("setTranslate", () => { + s.params.virtual.enabled && + (s.params.cssMode && !s._immediateVirtual + ? (clearTimeout(t), + (t = setTimeout(() => { + c(); + }, 100))) + : c()); + }), + r("init update resize", () => { + s.params.virtual.enabled && + s.params.cssMode && + p(s.wrapperEl, "--swiper-virtual-size", `${s.virtualSize}px`); + }), + Object.assign(s.virtual, { + appendSlide: function (e) { + if ("object" == typeof e && "length" in e) + for (let t = 0; t < e.length; t += 1) + e[t] && s.virtual.slides.push(e[t]); + else s.virtual.slides.push(e); + c(!0); + }, + prependSlide: function (e) { + const t = s.activeIndex; + let a = t + 1, + i = 1; + if (Array.isArray(e)) { + for (let t = 0; t < e.length; t += 1) + e[t] && s.virtual.slides.unshift(e[t]); + (a = t + e.length), (i = e.length); + } else s.virtual.slides.unshift(e); + if (s.params.virtual.cache) { + const e = s.virtual.cache, + t = {}; + Object.keys(e).forEach((s) => { + const a = e[s], + r = a.getAttribute("data-swiper-slide-index"); + r && + a.setAttribute( + "data-swiper-slide-index", + parseInt(r, 10) + i, + ), + (t[parseInt(s, 10) + i] = a); + }), + (s.virtual.cache = t); + } + c(!0), s.slideTo(a, 0); + }, + removeSlide: function (e) { + if (null == e) return; + let t = s.activeIndex; + if (Array.isArray(e)) + for (let a = e.length - 1; a >= 0; a -= 1) + s.params.virtual.cache && + (delete s.virtual.cache[e[a]], + Object.keys(s.virtual.cache).forEach((t) => { + t > e && + ((s.virtual.cache[t - 1] = s.virtual.cache[t]), + s.virtual.cache[t - 1].setAttribute( + "data-swiper-slide-index", + t - 1, + ), + delete s.virtual.cache[t]); + })), + s.virtual.slides.splice(e[a], 1), + e[a] < t && (t -= 1), + (t = Math.max(t, 0)); + else + s.params.virtual.cache && + (delete s.virtual.cache[e], + Object.keys(s.virtual.cache).forEach((t) => { + t > e && + ((s.virtual.cache[t - 1] = s.virtual.cache[t]), + s.virtual.cache[t - 1].setAttribute( + "data-swiper-slide-index", + t - 1, + ), + delete s.virtual.cache[t]); + })), + s.virtual.slides.splice(e, 1), + e < t && (t -= 1), + (t = Math.max(t, 0)); + c(!0), s.slideTo(t, 0); + }, + removeAllSlides: function () { + (s.virtual.slides = []), + s.params.virtual.cache && (s.virtual.cache = {}), + c(!0), + s.slideTo(0, 0); + }, + update: c, + }); + }, + function (e) { + let { swiper: t, extendParams: s, on: i, emit: n } = e; + const l = a(), + o = r(); + function d(e) { + if (!t.enabled) return; + const { rtlTranslate: s } = t; + let a = e; + a.originalEvent && (a = a.originalEvent); + const i = a.keyCode || a.charCode, + r = t.params.keyboard.pageUpDown, + d = r && 33 === i, + c = r && 34 === i, + p = 37 === i, + u = 39 === i, + m = 38 === i, + h = 40 === i; + if ( + !t.allowSlideNext && + ((t.isHorizontal() && u) || (t.isVertical() && h) || c) + ) + return !1; + if ( + !t.allowSlidePrev && + ((t.isHorizontal() && p) || (t.isVertical() && m) || d) + ) + return !1; + if ( + !( + a.shiftKey || + a.altKey || + a.ctrlKey || + a.metaKey || + (l.activeElement && + l.activeElement.nodeName && + ("input" === l.activeElement.nodeName.toLowerCase() || + "textarea" === l.activeElement.nodeName.toLowerCase())) + ) + ) { + if ( + t.params.keyboard.onlyInViewport && + (d || c || p || u || m || h) + ) { + let e = !1; + if ( + b(t.el, `.${t.params.slideClass}, swiper-slide`).length > 0 && + 0 === b(t.el, `.${t.params.slideActiveClass}`).length + ) + return; + const a = t.el, + i = a.clientWidth, + r = a.clientHeight, + n = o.innerWidth, + l = o.innerHeight, + d = g(a); + s && (d.left -= a.scrollLeft); + const c = [ + [d.left, d.top], + [d.left + i, d.top], + [d.left, d.top + r], + [d.left + i, d.top + r], + ]; + for (let t = 0; t < c.length; t += 1) { + const s = c[t]; + if (s[0] >= 0 && s[0] <= n && s[1] >= 0 && s[1] <= l) { + if (0 === s[0] && 0 === s[1]) continue; + e = !0; + } + } + if (!e) return; + } + t.isHorizontal() + ? ((d || c || p || u) && + (a.preventDefault ? a.preventDefault() : (a.returnValue = !1)), + (((c || u) && !s) || ((d || p) && s)) && t.slideNext(), + (((d || p) && !s) || ((c || u) && s)) && t.slidePrev()) + : ((d || c || m || h) && + (a.preventDefault ? a.preventDefault() : (a.returnValue = !1)), + (c || h) && t.slideNext(), + (d || m) && t.slidePrev()), + n("keyPress", i); + } + } + function c() { + t.keyboard.enabled || + (l.addEventListener("keydown", d), (t.keyboard.enabled = !0)); + } + function p() { + t.keyboard.enabled && + (l.removeEventListener("keydown", d), (t.keyboard.enabled = !1)); + } + (t.keyboard = { enabled: !1 }), + s({ keyboard: { enabled: !1, onlyInViewport: !0, pageUpDown: !0 } }), + i("init", () => { + t.params.keyboard.enabled && c(); + }), + i("destroy", () => { + t.keyboard.enabled && p(); + }), + Object.assign(t.keyboard, { enable: c, disable: p }); + }, + function (e) { + let { swiper: t, extendParams: s, on: a, emit: i } = e; + const o = r(); + let d; + s({ + mousewheel: { + enabled: !1, + releaseOnEdges: !1, + invert: !1, + forceToAxis: !1, + sensitivity: 1, + eventsTarget: "container", + thresholdDelta: null, + thresholdTime: null, + noMousewheelClass: "swiper-no-mousewheel", + }, + }), + (t.mousewheel = { enabled: !1 }); + let c, + p = l(); + const u = []; + function m() { + t.enabled && (t.mouseEntered = !0); + } + function h() { + t.enabled && (t.mouseEntered = !1); + } + function f(e) { + return ( + !( + t.params.mousewheel.thresholdDelta && + e.delta < t.params.mousewheel.thresholdDelta + ) && + !( + t.params.mousewheel.thresholdTime && + l() - p < t.params.mousewheel.thresholdTime + ) && + ((e.delta >= 6 && l() - p < 60) || + (e.direction < 0 + ? (t.isEnd && !t.params.loop) || + t.animating || + (t.slideNext(), i("scroll", e.raw)) + : (t.isBeginning && !t.params.loop) || + t.animating || + (t.slidePrev(), i("scroll", e.raw)), + (p = new o.Date().getTime()), + !1)) + ); + } + function g(e) { + let s = e, + a = !0; + if (!t.enabled) return; + if (e.target.closest(`.${t.params.mousewheel.noMousewheelClass}`)) + return; + const r = t.params.mousewheel; + t.params.cssMode && s.preventDefault(); + let o = t.el; + "container" !== t.params.mousewheel.eventsTarget && + (o = document.querySelector(t.params.mousewheel.eventsTarget)); + const p = o && o.contains(s.target); + if (!t.mouseEntered && !p && !r.releaseOnEdges) return !0; + s.originalEvent && (s = s.originalEvent); + let m = 0; + const h = t.rtlTranslate ? -1 : 1, + g = (function (e) { + let t = 0, + s = 0, + a = 0, + i = 0; + return ( + "detail" in e && (s = e.detail), + "wheelDelta" in e && (s = -e.wheelDelta / 120), + "wheelDeltaY" in e && (s = -e.wheelDeltaY / 120), + "wheelDeltaX" in e && (t = -e.wheelDeltaX / 120), + "axis" in e && e.axis === e.HORIZONTAL_AXIS && ((t = s), (s = 0)), + (a = 10 * t), + (i = 10 * s), + "deltaY" in e && (i = e.deltaY), + "deltaX" in e && (a = e.deltaX), + e.shiftKey && !a && ((a = i), (i = 0)), + (a || i) && + e.deltaMode && + (1 === e.deltaMode + ? ((a *= 40), (i *= 40)) + : ((a *= 800), (i *= 800))), + a && !t && (t = a < 1 ? -1 : 1), + i && !s && (s = i < 1 ? -1 : 1), + { spinX: t, spinY: s, pixelX: a, pixelY: i } + ); + })(s); + if (r.forceToAxis) + if (t.isHorizontal()) { + if (!(Math.abs(g.pixelX) > Math.abs(g.pixelY))) return !0; + m = -g.pixelX * h; + } else { + if (!(Math.abs(g.pixelY) > Math.abs(g.pixelX))) return !0; + m = -g.pixelY; + } + else + m = + Math.abs(g.pixelX) > Math.abs(g.pixelY) ? -g.pixelX * h : -g.pixelY; + if (0 === m) return !0; + r.invert && (m = -m); + let v = t.getTranslate() + m * r.sensitivity; + if ( + (v >= t.minTranslate() && (v = t.minTranslate()), + v <= t.maxTranslate() && (v = t.maxTranslate()), + (a = + !!t.params.loop || + !(v === t.minTranslate() || v === t.maxTranslate())), + a && t.params.nested && s.stopPropagation(), + t.params.freeMode && t.params.freeMode.enabled) + ) { + const e = { time: l(), delta: Math.abs(m), direction: Math.sign(m) }, + a = + c && + e.time < c.time + 500 && + e.delta <= c.delta && + e.direction === c.direction; + if (!a) { + c = void 0; + let l = t.getTranslate() + m * r.sensitivity; + const o = t.isBeginning, + p = t.isEnd; + if ( + (l >= t.minTranslate() && (l = t.minTranslate()), + l <= t.maxTranslate() && (l = t.maxTranslate()), + t.setTransition(0), + t.setTranslate(l), + t.updateProgress(), + t.updateActiveIndex(), + t.updateSlidesClasses(), + ((!o && t.isBeginning) || (!p && t.isEnd)) && + t.updateSlidesClasses(), + t.params.loop && + t.loopFix({ + direction: e.direction < 0 ? "next" : "prev", + byMousewheel: !0, + }), + t.params.freeMode.sticky) + ) { + clearTimeout(d), (d = void 0), u.length >= 15 && u.shift(); + const s = u.length ? u[u.length - 1] : void 0, + a = u[0]; + if ( + (u.push(e), + s && (e.delta > s.delta || e.direction !== s.direction)) + ) + u.splice(0); + else if ( + u.length >= 15 && + e.time - a.time < 500 && + a.delta - e.delta >= 1 && + e.delta <= 6 + ) { + const s = m > 0 ? 0.8 : 0.2; + (c = e), + u.splice(0), + (d = n(() => { + t.slideToClosest(t.params.speed, !0, void 0, s); + }, 0)); + } + d || + (d = n(() => { + (c = e), + u.splice(0), + t.slideToClosest(t.params.speed, !0, void 0, 0.5); + }, 500)); + } + if ( + (a || i("scroll", s), + t.params.autoplay && + t.params.autoplayDisableOnInteraction && + t.autoplay.stop(), + r.releaseOnEdges && + (l === t.minTranslate() || l === t.maxTranslate())) + ) + return !0; + } + } else { + const s = { + time: l(), + delta: Math.abs(m), + direction: Math.sign(m), + raw: e, + }; + u.length >= 2 && u.shift(); + const a = u.length ? u[u.length - 1] : void 0; + if ( + (u.push(s), + a + ? (s.direction !== a.direction || + s.delta > a.delta || + s.time > a.time + 150) && + f(s) + : f(s), + (function (e) { + const s = t.params.mousewheel; + if (e.direction < 0) { + if (t.isEnd && !t.params.loop && s.releaseOnEdges) return !0; + } else if (t.isBeginning && !t.params.loop && s.releaseOnEdges) + return !0; + return !1; + })(s)) + ) + return !0; + } + return s.preventDefault ? s.preventDefault() : (s.returnValue = !1), !1; + } + function v(e) { + let s = t.el; + "container" !== t.params.mousewheel.eventsTarget && + (s = document.querySelector(t.params.mousewheel.eventsTarget)), + s[e]("mouseenter", m), + s[e]("mouseleave", h), + s[e]("wheel", g); + } + function w() { + return t.params.cssMode + ? (t.wrapperEl.removeEventListener("wheel", g), !0) + : !t.mousewheel.enabled && + (v("addEventListener"), (t.mousewheel.enabled = !0), !0); + } + function b() { + return t.params.cssMode + ? (t.wrapperEl.addEventListener(event, g), !0) + : !!t.mousewheel.enabled && + (v("removeEventListener"), (t.mousewheel.enabled = !1), !0); + } + a("init", () => { + !t.params.mousewheel.enabled && t.params.cssMode && b(), + t.params.mousewheel.enabled && w(); + }), + a("destroy", () => { + t.params.cssMode && w(), t.mousewheel.enabled && b(); + }), + Object.assign(t.mousewheel, { enable: w, disable: b }); + }, + function (e) { + let { swiper: t, extendParams: s, on: a, emit: i } = e; + s({ + navigation: { + nextEl: null, + prevEl: null, + hideOnClick: !1, + disabledClass: "swiper-button-disabled", + hiddenClass: "swiper-button-hidden", + lockClass: "swiper-button-lock", + navigationDisabledClass: "swiper-navigation-disabled", + }, + }), + (t.navigation = { nextEl: null, prevEl: null }); + const r = (e) => (Array.isArray(e) ? e : [e]).filter((e) => !!e); + function n(e) { + let s; + return e && + "string" == typeof e && + t.isElement && + ((s = t.el.querySelector(e)), s) + ? s + : (e && + ("string" == typeof e && (s = [...document.querySelectorAll(e)]), + t.params.uniqueNavElements && + "string" == typeof e && + s.length > 1 && + 1 === t.el.querySelectorAll(e).length && + (s = t.el.querySelector(e))), + e && !s ? e : s); + } + function l(e, s) { + const a = t.params.navigation; + (e = r(e)).forEach((e) => { + e && + (e.classList[s ? "add" : "remove"](...a.disabledClass.split(" ")), + "BUTTON" === e.tagName && (e.disabled = s), + t.params.watchOverflow && + t.enabled && + e.classList[t.isLocked ? "add" : "remove"](a.lockClass)); + }); + } + function o() { + const { nextEl: e, prevEl: s } = t.navigation; + if (t.params.loop) return l(s, !1), void l(e, !1); + l(s, t.isBeginning && !t.params.rewind), + l(e, t.isEnd && !t.params.rewind); + } + function d(e) { + e.preventDefault(), + (!t.isBeginning || t.params.loop || t.params.rewind) && + (t.slidePrev(), i("navigationPrev")); + } + function c(e) { + e.preventDefault(), + (!t.isEnd || t.params.loop || t.params.rewind) && + (t.slideNext(), i("navigationNext")); + } + function p() { + const e = t.params.navigation; + if ( + ((t.params.navigation = J( + t, + t.originalParams.navigation, + t.params.navigation, + { nextEl: "swiper-button-next", prevEl: "swiper-button-prev" }, + )), + !e.nextEl && !e.prevEl) + ) + return; + let s = n(e.nextEl), + a = n(e.prevEl); + Object.assign(t.navigation, { nextEl: s, prevEl: a }), + (s = r(s)), + (a = r(a)); + const i = (s, a) => { + s && s.addEventListener("click", "next" === a ? c : d), + !t.enabled && s && s.classList.add(...e.lockClass.split(" ")); + }; + s.forEach((e) => i(e, "next")), a.forEach((e) => i(e, "prev")); + } + function u() { + let { nextEl: e, prevEl: s } = t.navigation; + (e = r(e)), (s = r(s)); + const a = (e, s) => { + e.removeEventListener("click", "next" === s ? c : d), + e.classList.remove(...t.params.navigation.disabledClass.split(" ")); + }; + e.forEach((e) => a(e, "next")), s.forEach((e) => a(e, "prev")); + } + a("init", () => { + !1 === t.params.navigation.enabled ? m() : (p(), o()); + }), + a("toEdge fromEdge lock unlock", () => { + o(); + }), + a("destroy", () => { + u(); + }), + a("enable disable", () => { + let { nextEl: e, prevEl: s } = t.navigation; + (e = r(e)), + (s = r(s)), + t.enabled + ? o() + : [...e, ...s] + .filter((e) => !!e) + .forEach((e) => + e.classList.add(t.params.navigation.lockClass), + ); + }), + a("click", (e, s) => { + let { nextEl: a, prevEl: n } = t.navigation; + (a = r(a)), (n = r(n)); + const l = s.target; + if ( + t.params.navigation.hideOnClick && + !n.includes(l) && + !a.includes(l) + ) { + if ( + t.pagination && + t.params.pagination && + t.params.pagination.clickable && + (t.pagination.el === l || t.pagination.el.contains(l)) + ) + return; + let e; + a.length + ? (e = a[0].classList.contains(t.params.navigation.hiddenClass)) + : n.length && + (e = n[0].classList.contains(t.params.navigation.hiddenClass)), + i(!0 === e ? "navigationShow" : "navigationHide"), + [...a, ...n] + .filter((e) => !!e) + .forEach((e) => + e.classList.toggle(t.params.navigation.hiddenClass), + ); + } + }); + const m = () => { + t.el.classList.add( + ...t.params.navigation.navigationDisabledClass.split(" "), + ), + u(); + }; + Object.assign(t.navigation, { + enable: () => { + t.el.classList.remove( + ...t.params.navigation.navigationDisabledClass.split(" "), + ), + p(), + o(); + }, + disable: m, + update: o, + init: p, + destroy: u, + }); + }, + function (e) { + let { swiper: t, extendParams: s, on: a, emit: i } = e; + const r = "swiper-pagination"; + let n; + s({ + pagination: { + el: null, + bulletElement: "span", + clickable: !1, + hideOnClick: !1, + renderBullet: null, + renderProgressbar: null, + renderFraction: null, + renderCustom: null, + progressbarOpposite: !1, + type: "bullets", + dynamicBullets: !1, + dynamicMainBullets: 1, + formatFractionCurrent: (e) => e, + formatFractionTotal: (e) => e, + bulletClass: `${r}-bullet`, + bulletActiveClass: `${r}-bullet-active`, + modifierClass: `${r}-`, + currentClass: `${r}-current`, + totalClass: `${r}-total`, + hiddenClass: `${r}-hidden`, + progressbarFillClass: `${r}-progressbar-fill`, + progressbarOppositeClass: `${r}-progressbar-opposite`, + clickableClass: `${r}-clickable`, + lockClass: `${r}-lock`, + horizontalClass: `${r}-horizontal`, + verticalClass: `${r}-vertical`, + paginationDisabledClass: `${r}-disabled`, + }, + }), + (t.pagination = { el: null, bullets: [] }); + let l = 0; + const o = (e) => (Array.isArray(e) ? e : [e]).filter((e) => !!e); + function d() { + return ( + !t.params.pagination.el || + !t.pagination.el || + (Array.isArray(t.pagination.el) && 0 === t.pagination.el.length) + ); + } + function c(e, s) { + const { bulletActiveClass: a } = t.params.pagination; + e && + (e = e[("prev" === s ? "previous" : "next") + "ElementSibling"]) && + (e.classList.add(`${a}-${s}`), + (e = e[("prev" === s ? "previous" : "next") + "ElementSibling"]) && + e.classList.add(`${a}-${s}-${s}`)); + } + function p(e) { + const s = e.target.closest(ee(t.params.pagination.bulletClass)); + if (!s) return; + e.preventDefault(); + const a = w(s) * t.params.slidesPerGroup; + if (t.params.loop) { + if (t.realIndex === a) return; + const e = t.realIndex, + s = t.getSlideIndexByData(a), + i = t.getSlideIndexByData(t.realIndex), + r = (a) => { + const i = t.activeIndex; + t.loopFix({ direction: a, activeSlideIndex: s, slideTo: !1 }); + i === t.activeIndex && t.slideToLoop(e, 0, !1, !0); + }; + if (s > t.slides.length - t.loopedSlides) r(s > i ? "next" : "prev"); + else if (t.params.centeredSlides) { + const e = + "auto" === t.params.slidesPerView + ? t.slidesPerViewDynamic() + : Math.ceil(parseFloat(t.params.slidesPerView, 10)); + s < Math.floor(e / 2) && r("prev"); + } + t.slideToLoop(a); + } else t.slideTo(a); + } + function u() { + const e = t.rtl, + s = t.params.pagination; + if (d()) return; + let a, + r, + p = t.pagination.el; + p = o(p); + const u = + t.virtual && t.params.virtual.enabled + ? t.virtual.slides.length + : t.slides.length, + m = t.params.loop + ? Math.ceil(u / t.params.slidesPerGroup) + : t.snapGrid.length; + if ( + (t.params.loop + ? ((r = t.previousRealIndex || 0), + (a = + t.params.slidesPerGroup > 1 + ? Math.floor(t.realIndex / t.params.slidesPerGroup) + : t.realIndex)) + : void 0 !== t.snapIndex + ? ((a = t.snapIndex), (r = t.previousSnapIndex)) + : ((r = t.previousIndex || 0), (a = t.activeIndex || 0)), + "bullets" === s.type && + t.pagination.bullets && + t.pagination.bullets.length > 0) + ) { + const i = t.pagination.bullets; + let o, d, u; + if ( + (s.dynamicBullets && + ((n = E(i[0], t.isHorizontal() ? "width" : "height", !0)), + p.forEach((e) => { + e.style[t.isHorizontal() ? "width" : "height"] = + n * (s.dynamicMainBullets + 4) + "px"; + }), + s.dynamicMainBullets > 1 && + void 0 !== r && + ((l += a - (r || 0)), + l > s.dynamicMainBullets - 1 + ? (l = s.dynamicMainBullets - 1) + : l < 0 && (l = 0)), + (o = Math.max(a - l, 0)), + (d = o + (Math.min(i.length, s.dynamicMainBullets) - 1)), + (u = (d + o) / 2)), + i.forEach((e) => { + const t = [ + ...[ + "", + "-next", + "-next-next", + "-prev", + "-prev-prev", + "-main", + ].map((e) => `${s.bulletActiveClass}${e}`), + ] + .map((e) => + "string" == typeof e && e.includes(" ") ? e.split(" ") : e, + ) + .flat(); + e.classList.remove(...t); + }), + p.length > 1) + ) + i.forEach((e) => { + const i = w(e); + i === a + ? e.classList.add(...s.bulletActiveClass.split(" ")) + : t.isElement && e.setAttribute("part", "bullet"), + s.dynamicBullets && + (i >= o && + i <= d && + e.classList.add( + ...`${s.bulletActiveClass}-main`.split(" "), + ), + i === o && c(e, "prev"), + i === d && c(e, "next")); + }); + else { + const e = i[a]; + if ( + (e && e.classList.add(...s.bulletActiveClass.split(" ")), + t.isElement && + i.forEach((e, t) => { + e.setAttribute("part", t === a ? "bullet-active" : "bullet"); + }), + s.dynamicBullets) + ) { + const e = i[o], + t = i[d]; + for (let e = o; e <= d; e += 1) + i[e] && + i[e].classList.add( + ...`${s.bulletActiveClass}-main`.split(" "), + ); + c(e, "prev"), c(t, "next"); + } + } + if (s.dynamicBullets) { + const a = Math.min(i.length, s.dynamicMainBullets + 4), + r = (n * a - n) / 2 - u * n, + l = e ? "right" : "left"; + i.forEach((e) => { + e.style[t.isHorizontal() ? l : "top"] = `${r}px`; + }); + } + } + p.forEach((e, r) => { + if ( + ("fraction" === s.type && + (e.querySelectorAll(ee(s.currentClass)).forEach((e) => { + e.textContent = s.formatFractionCurrent(a + 1); + }), + e.querySelectorAll(ee(s.totalClass)).forEach((e) => { + e.textContent = s.formatFractionTotal(m); + })), + "progressbar" === s.type) + ) { + let i; + i = s.progressbarOpposite + ? t.isHorizontal() + ? "vertical" + : "horizontal" + : t.isHorizontal() + ? "horizontal" + : "vertical"; + const r = (a + 1) / m; + let n = 1, + l = 1; + "horizontal" === i ? (n = r) : (l = r), + e.querySelectorAll(ee(s.progressbarFillClass)).forEach((e) => { + (e.style.transform = `translate3d(0,0,0) scaleX(${n}) scaleY(${l})`), + (e.style.transitionDuration = `${t.params.speed}ms`); + }); + } + "custom" === s.type && s.renderCustom + ? ((e.innerHTML = s.renderCustom(t, a + 1, m)), + 0 === r && i("paginationRender", e)) + : (0 === r && i("paginationRender", e), i("paginationUpdate", e)), + t.params.watchOverflow && + t.enabled && + e.classList[t.isLocked ? "add" : "remove"](s.lockClass); + }); + } + function m() { + const e = t.params.pagination; + if (d()) return; + const s = + t.virtual && t.params.virtual.enabled + ? t.virtual.slides.length + : t.slides.length; + let a = t.pagination.el; + a = o(a); + let r = ""; + if ("bullets" === e.type) { + let a = t.params.loop + ? Math.ceil(s / t.params.slidesPerGroup) + : t.snapGrid.length; + t.params.freeMode && t.params.freeMode.enabled && a > s && (a = s); + for (let s = 0; s < a; s += 1) + e.renderBullet + ? (r += e.renderBullet.call(t, s, e.bulletClass)) + : (r += `<${e.bulletElement} ${t.isElement ? 'part="bullet"' : ""} class="${e.bulletClass}">`); + } + "fraction" === e.type && + (r = e.renderFraction + ? e.renderFraction.call(t, e.currentClass, e.totalClass) + : ` / `), + "progressbar" === e.type && + (r = e.renderProgressbar + ? e.renderProgressbar.call(t, e.progressbarFillClass) + : ``), + (t.pagination.bullets = []), + a.forEach((s) => { + "custom" !== e.type && (s.innerHTML = r || ""), + "bullets" === e.type && + t.pagination.bullets.push( + ...s.querySelectorAll(ee(e.bulletClass)), + ); + }), + "custom" !== e.type && i("paginationRender", a[0]); + } + function h() { + t.params.pagination = J( + t, + t.originalParams.pagination, + t.params.pagination, + { el: "swiper-pagination" }, + ); + const e = t.params.pagination; + if (!e.el) return; + let s; + "string" == typeof e.el && + t.isElement && + (s = t.el.querySelector(e.el)), + s || + "string" != typeof e.el || + (s = [...document.querySelectorAll(e.el)]), + s || (s = e.el), + s && + 0 !== s.length && + (t.params.uniqueNavElements && + "string" == typeof e.el && + Array.isArray(s) && + s.length > 1 && + ((s = [...t.el.querySelectorAll(e.el)]), + s.length > 1 && + (s = s.filter((e) => b(e, ".swiper")[0] === t.el)[0])), + Array.isArray(s) && 1 === s.length && (s = s[0]), + Object.assign(t.pagination, { el: s }), + (s = o(s)), + s.forEach((s) => { + "bullets" === e.type && + e.clickable && + s.classList.add(...(e.clickableClass || "").split(" ")), + s.classList.add(e.modifierClass + e.type), + s.classList.add( + t.isHorizontal() ? e.horizontalClass : e.verticalClass, + ), + "bullets" === e.type && + e.dynamicBullets && + (s.classList.add(`${e.modifierClass}${e.type}-dynamic`), + (l = 0), + e.dynamicMainBullets < 1 && (e.dynamicMainBullets = 1)), + "progressbar" === e.type && + e.progressbarOpposite && + s.classList.add(e.progressbarOppositeClass), + e.clickable && s.addEventListener("click", p), + t.enabled || s.classList.add(e.lockClass); + })); + } + function f() { + const e = t.params.pagination; + if (d()) return; + let s = t.pagination.el; + s && + ((s = o(s)), + s.forEach((s) => { + s.classList.remove(e.hiddenClass), + s.classList.remove(e.modifierClass + e.type), + s.classList.remove( + t.isHorizontal() ? e.horizontalClass : e.verticalClass, + ), + e.clickable && + (s.classList.remove(...(e.clickableClass || "").split(" ")), + s.removeEventListener("click", p)); + })), + t.pagination.bullets && + t.pagination.bullets.forEach((t) => + t.classList.remove(...e.bulletActiveClass.split(" ")), + ); + } + a("changeDirection", () => { + if (!t.pagination || !t.pagination.el) return; + const e = t.params.pagination; + let { el: s } = t.pagination; + (s = o(s)), + s.forEach((s) => { + s.classList.remove(e.horizontalClass, e.verticalClass), + s.classList.add( + t.isHorizontal() ? e.horizontalClass : e.verticalClass, + ); + }); + }), + a("init", () => { + !1 === t.params.pagination.enabled ? g() : (h(), m(), u()); + }), + a("activeIndexChange", () => { + void 0 === t.snapIndex && u(); + }), + a("snapIndexChange", () => { + u(); + }), + a("snapGridLengthChange", () => { + m(), u(); + }), + a("destroy", () => { + f(); + }), + a("enable disable", () => { + let { el: e } = t.pagination; + e && + ((e = o(e)), + e.forEach((e) => + e.classList[t.enabled ? "remove" : "add"]( + t.params.pagination.lockClass, + ), + )); + }), + a("lock unlock", () => { + u(); + }), + a("click", (e, s) => { + const a = s.target, + r = o(t.pagination.el); + if ( + t.params.pagination.el && + t.params.pagination.hideOnClick && + r && + r.length > 0 && + !a.classList.contains(t.params.pagination.bulletClass) + ) { + if ( + t.navigation && + ((t.navigation.nextEl && a === t.navigation.nextEl) || + (t.navigation.prevEl && a === t.navigation.prevEl)) + ) + return; + const e = r[0].classList.contains(t.params.pagination.hiddenClass); + i(!0 === e ? "paginationShow" : "paginationHide"), + r.forEach((e) => + e.classList.toggle(t.params.pagination.hiddenClass), + ); + } + }); + const g = () => { + t.el.classList.add(t.params.pagination.paginationDisabledClass); + let { el: e } = t.pagination; + e && + ((e = o(e)), + e.forEach((e) => + e.classList.add(t.params.pagination.paginationDisabledClass), + )), + f(); + }; + Object.assign(t.pagination, { + enable: () => { + t.el.classList.remove(t.params.pagination.paginationDisabledClass); + let { el: e } = t.pagination; + e && + ((e = o(e)), + e.forEach((e) => + e.classList.remove(t.params.pagination.paginationDisabledClass), + )), + h(), + m(), + u(); + }, + disable: g, + render: m, + update: u, + init: h, + destroy: f, + }); + }, + function (e) { + let { swiper: t, extendParams: s, on: i, emit: r } = e; + const l = a(); + let o, + d, + c, + p, + u = !1, + m = null, + h = null; + function v() { + if (!t.params.scrollbar.el || !t.scrollbar.el) return; + const { scrollbar: e, rtlTranslate: s } = t, + { dragEl: a, el: i } = e, + r = t.params.scrollbar, + n = t.params.loop ? t.progressLoop : t.progress; + let l = d, + o = (c - d) * n; + s + ? ((o = -o), + o > 0 ? ((l = d - o), (o = 0)) : -o + d > c && (l = c + o)) + : o < 0 + ? ((l = d + o), (o = 0)) + : o + d > c && (l = c - o), + t.isHorizontal() + ? ((a.style.transform = `translate3d(${o}px, 0, 0)`), + (a.style.width = `${l}px`)) + : ((a.style.transform = `translate3d(0px, ${o}px, 0)`), + (a.style.height = `${l}px`)), + r.hide && + (clearTimeout(m), + (i.style.opacity = 1), + (m = setTimeout(() => { + (i.style.opacity = 0), (i.style.transitionDuration = "400ms"); + }, 1e3))); + } + function w() { + if (!t.params.scrollbar.el || !t.scrollbar.el) return; + const { scrollbar: e } = t, + { dragEl: s, el: a } = e; + (s.style.width = ""), + (s.style.height = ""), + (c = t.isHorizontal() ? a.offsetWidth : a.offsetHeight), + (p = + t.size / + (t.virtualSize + + t.params.slidesOffsetBefore - + (t.params.centeredSlides ? t.snapGrid[0] : 0))), + (d = + "auto" === t.params.scrollbar.dragSize + ? c * p + : parseInt(t.params.scrollbar.dragSize, 10)), + t.isHorizontal() + ? (s.style.width = `${d}px`) + : (s.style.height = `${d}px`), + (a.style.display = p >= 1 ? "none" : ""), + t.params.scrollbar.hide && (a.style.opacity = 0), + t.params.watchOverflow && + t.enabled && + e.el.classList[t.isLocked ? "add" : "remove"]( + t.params.scrollbar.lockClass, + ); + } + function b(e) { + return t.isHorizontal() ? e.clientX : e.clientY; + } + function y(e) { + const { scrollbar: s, rtlTranslate: a } = t, + { el: i } = s; + let r; + (r = + (b(e) - + g(i)[t.isHorizontal() ? "left" : "top"] - + (null !== o ? o : d / 2)) / + (c - d)), + (r = Math.max(Math.min(r, 1), 0)), + a && (r = 1 - r); + const n = t.minTranslate() + (t.maxTranslate() - t.minTranslate()) * r; + t.updateProgress(n), + t.setTranslate(n), + t.updateActiveIndex(), + t.updateSlidesClasses(); + } + function E(e) { + const s = t.params.scrollbar, + { scrollbar: a, wrapperEl: i } = t, + { el: n, dragEl: l } = a; + (u = !0), + (o = + e.target === l + ? b(e) - + e.target.getBoundingClientRect()[ + t.isHorizontal() ? "left" : "top" + ] + : null), + e.preventDefault(), + e.stopPropagation(), + (i.style.transitionDuration = "100ms"), + (l.style.transitionDuration = "100ms"), + y(e), + clearTimeout(h), + (n.style.transitionDuration = "0ms"), + s.hide && (n.style.opacity = 1), + t.params.cssMode && (t.wrapperEl.style["scroll-snap-type"] = "none"), + r("scrollbarDragStart", e); + } + function x(e) { + const { scrollbar: s, wrapperEl: a } = t, + { el: i, dragEl: n } = s; + u && + (e.preventDefault ? e.preventDefault() : (e.returnValue = !1), + y(e), + (a.style.transitionDuration = "0ms"), + (i.style.transitionDuration = "0ms"), + (n.style.transitionDuration = "0ms"), + r("scrollbarDragMove", e)); + } + function S(e) { + const s = t.params.scrollbar, + { scrollbar: a, wrapperEl: i } = t, + { el: l } = a; + u && + ((u = !1), + t.params.cssMode && + ((t.wrapperEl.style["scroll-snap-type"] = ""), + (i.style.transitionDuration = "")), + s.hide && + (clearTimeout(h), + (h = n(() => { + (l.style.opacity = 0), (l.style.transitionDuration = "400ms"); + }, 1e3))), + r("scrollbarDragEnd", e), + s.snapOnRelease && t.slideToClosest()); + } + function T(e) { + const { scrollbar: s, params: a } = t, + i = s.el; + if (!i) return; + const r = i, + n = !!a.passiveListeners && { passive: !1, capture: !1 }, + o = !!a.passiveListeners && { passive: !0, capture: !1 }; + if (!r) return; + const d = "on" === e ? "addEventListener" : "removeEventListener"; + r[d]("pointerdown", E, n), + l[d]("pointermove", x, n), + l[d]("pointerup", S, o); + } + function M() { + const { scrollbar: e, el: s } = t; + t.params.scrollbar = J( + t, + t.originalParams.scrollbar, + t.params.scrollbar, + { el: "swiper-scrollbar" }, + ); + const a = t.params.scrollbar; + if (!a.el) return; + let i, r; + "string" == typeof a.el && + t.isElement && + (i = t.el.querySelector(a.el)), + i || "string" != typeof a.el + ? i || (i = a.el) + : (i = l.querySelectorAll(a.el)), + t.params.uniqueNavElements && + "string" == typeof a.el && + i.length > 1 && + 1 === s.querySelectorAll(a.el).length && + (i = s.querySelector(a.el)), + i.length > 0 && (i = i[0]), + i.classList.add( + t.isHorizontal() ? a.horizontalClass : a.verticalClass, + ), + i && + ((r = i.querySelector(`.${t.params.scrollbar.dragClass}`)), + r || ((r = f("div", t.params.scrollbar.dragClass)), i.append(r))), + Object.assign(e, { el: i, dragEl: r }), + a.draggable && t.params.scrollbar.el && t.scrollbar.el && T("on"), + i && + i.classList[t.enabled ? "remove" : "add"]( + t.params.scrollbar.lockClass, + ); + } + function C() { + const e = t.params.scrollbar, + s = t.scrollbar.el; + s && + s.classList.remove( + t.isHorizontal() ? e.horizontalClass : e.verticalClass, + ), + t.params.scrollbar.el && t.scrollbar.el && T("off"); + } + s({ + scrollbar: { + el: null, + dragSize: "auto", + hide: !1, + draggable: !1, + snapOnRelease: !0, + lockClass: "swiper-scrollbar-lock", + dragClass: "swiper-scrollbar-drag", + scrollbarDisabledClass: "swiper-scrollbar-disabled", + horizontalClass: "swiper-scrollbar-horizontal", + verticalClass: "swiper-scrollbar-vertical", + }, + }), + (t.scrollbar = { el: null, dragEl: null }), + i("init", () => { + !1 === t.params.scrollbar.enabled ? P() : (M(), w(), v()); + }), + i("update resize observerUpdate lock unlock", () => { + w(); + }), + i("setTranslate", () => { + v(); + }), + i("setTransition", (e, s) => { + !(function (e) { + t.params.scrollbar.el && + t.scrollbar.el && + (t.scrollbar.dragEl.style.transitionDuration = `${e}ms`); + })(s); + }), + i("enable disable", () => { + const { el: e } = t.scrollbar; + e && + e.classList[t.enabled ? "remove" : "add"]( + t.params.scrollbar.lockClass, + ); + }), + i("destroy", () => { + C(); + }); + const P = () => { + t.el.classList.add(t.params.scrollbar.scrollbarDisabledClass), + t.scrollbar.el && + t.scrollbar.el.classList.add( + t.params.scrollbar.scrollbarDisabledClass, + ), + C(); + }; + Object.assign(t.scrollbar, { + enable: () => { + t.el.classList.remove(t.params.scrollbar.scrollbarDisabledClass), + t.scrollbar.el && + t.scrollbar.el.classList.remove( + t.params.scrollbar.scrollbarDisabledClass, + ), + M(), + w(), + v(); + }, + disable: P, + updateSize: w, + setTranslate: v, + init: M, + destroy: C, + }); + }, + function (e) { + let { swiper: t, extendParams: s, on: a } = e; + s({ parallax: { enabled: !1 } }); + const i = + "[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y], [data-swiper-parallax-opacity], [data-swiper-parallax-scale]", + r = (e, s) => { + const { rtl: a } = t, + i = a ? -1 : 1, + r = e.getAttribute("data-swiper-parallax") || "0"; + let n = e.getAttribute("data-swiper-parallax-x"), + l = e.getAttribute("data-swiper-parallax-y"); + const o = e.getAttribute("data-swiper-parallax-scale"), + d = e.getAttribute("data-swiper-parallax-opacity"), + c = e.getAttribute("data-swiper-parallax-rotate"); + if ( + (n || l + ? ((n = n || "0"), (l = l || "0")) + : t.isHorizontal() + ? ((n = r), (l = "0")) + : ((l = r), (n = "0")), + (n = + n.indexOf("%") >= 0 + ? parseInt(n, 10) * s * i + "%" + : n * s * i + "px"), + (l = + l.indexOf("%") >= 0 ? parseInt(l, 10) * s + "%" : l * s + "px"), + null != d) + ) { + const t = d - (d - 1) * (1 - Math.abs(s)); + e.style.opacity = t; + } + let p = `translate3d(${n}, ${l}, 0px)`; + if (null != o) { + p += ` scale(${o - (o - 1) * (1 - Math.abs(s))})`; + } + if (c && null != c) { + p += ` rotate(${c * s * -1}deg)`; + } + e.style.transform = p; + }, + n = () => { + const { + el: e, + slides: s, + progress: a, + snapGrid: n, + isElement: l, + } = t, + o = h(e, i); + t.isElement && o.push(...h(t.hostEl, i)), + o.forEach((e) => { + r(e, a); + }), + s.forEach((e, s) => { + let l = e.progress; + t.params.slidesPerGroup > 1 && + "auto" !== t.params.slidesPerView && + (l += Math.ceil(s / 2) - a * (n.length - 1)), + (l = Math.min(Math.max(l, -1), 1)), + e + .querySelectorAll(`${i}, [data-swiper-parallax-rotate]`) + .forEach((e) => { + r(e, l); + }); + }); + }; + a("beforeInit", () => { + t.params.parallax.enabled && + ((t.params.watchSlidesProgress = !0), + (t.originalParams.watchSlidesProgress = !0)); + }), + a("init", () => { + t.params.parallax.enabled && n(); + }), + a("setTranslate", () => { + t.params.parallax.enabled && n(); + }), + a("setTransition", (e, s) => { + t.params.parallax.enabled && + (function (e) { + void 0 === e && (e = t.params.speed); + const { el: s, hostEl: a } = t, + r = [...s.querySelectorAll(i)]; + t.isElement && r.push(...a.querySelectorAll(i)), + r.forEach((t) => { + let s = + parseInt( + t.getAttribute("data-swiper-parallax-duration"), + 10, + ) || e; + 0 === e && (s = 0), (t.style.transitionDuration = `${s}ms`); + }); + })(s); + }); + }, + function (e) { + let { swiper: t, extendParams: s, on: a, emit: i } = e; + const n = r(); + s({ + zoom: { + enabled: !1, + maxRatio: 3, + minRatio: 1, + toggle: !0, + containerClass: "swiper-zoom-container", + zoomedSlideClass: "swiper-slide-zoomed", + }, + }), + (t.zoom = { enabled: !1 }); + let l, + d, + c = 1, + p = !1; + const u = [], + m = { + originX: 0, + originY: 0, + slideEl: void 0, + slideWidth: void 0, + slideHeight: void 0, + imageEl: void 0, + imageWrapEl: void 0, + maxRatio: 3, + }, + f = { + isTouched: void 0, + isMoved: void 0, + currentX: void 0, + currentY: void 0, + minX: void 0, + minY: void 0, + maxX: void 0, + maxY: void 0, + width: void 0, + height: void 0, + startX: void 0, + startY: void 0, + touchesStart: {}, + touchesCurrent: {}, + }, + v = { + x: void 0, + y: void 0, + prevPositionX: void 0, + prevPositionY: void 0, + prevTime: void 0, + }; + let w = 1; + function y() { + if (u.length < 2) return 1; + const e = u[0].pageX, + t = u[0].pageY, + s = u[1].pageX, + a = u[1].pageY; + return Math.sqrt((s - e) ** 2 + (a - t) ** 2); + } + function E(e) { + const s = t.isElement ? "swiper-slide" : `.${t.params.slideClass}`; + return ( + !!e.target.matches(s) || + t.slides.filter((t) => t.contains(e.target)).length > 0 + ); + } + function x(e) { + if (("mouse" === e.pointerType && u.splice(0, u.length), !E(e))) return; + const s = t.params.zoom; + if (((l = !1), (d = !1), u.push(e), !(u.length < 2))) { + if (((l = !0), (m.scaleStart = y()), !m.slideEl)) { + (m.slideEl = e.target.closest( + `.${t.params.slideClass}, swiper-slide`, + )), + m.slideEl || (m.slideEl = t.slides[t.activeIndex]); + let a = m.slideEl.querySelector(`.${s.containerClass}`); + if ( + (a && + (a = a.querySelectorAll( + "picture, img, svg, canvas, .swiper-zoom-target", + )[0]), + (m.imageEl = a), + (m.imageWrapEl = a + ? b(m.imageEl, `.${s.containerClass}`)[0] + : void 0), + !m.imageWrapEl) + ) + return void (m.imageEl = void 0); + m.maxRatio = + m.imageWrapEl.getAttribute("data-swiper-zoom") || s.maxRatio; + } + if (m.imageEl) { + const [e, t] = (function () { + if (u.length < 2) return { x: null, y: null }; + const e = m.imageEl.getBoundingClientRect(); + return [ + (u[0].pageX + (u[1].pageX - u[0].pageX) / 2 - e.x - n.scrollX) / + c, + (u[0].pageY + (u[1].pageY - u[0].pageY) / 2 - e.y - n.scrollY) / + c, + ]; + })(); + (m.originX = e), + (m.originY = t), + (m.imageEl.style.transitionDuration = "0ms"); + } + p = !0; + } + } + function S(e) { + if (!E(e)) return; + const s = t.params.zoom, + a = t.zoom, + i = u.findIndex((t) => t.pointerId === e.pointerId); + i >= 0 && (u[i] = e), + u.length < 2 || + ((d = !0), + (m.scaleMove = y()), + m.imageEl && + ((a.scale = (m.scaleMove / m.scaleStart) * c), + a.scale > m.maxRatio && + (a.scale = m.maxRatio - 1 + (a.scale - m.maxRatio + 1) ** 0.5), + a.scale < s.minRatio && + (a.scale = s.minRatio + 1 - (s.minRatio - a.scale + 1) ** 0.5), + (m.imageEl.style.transform = `translate3d(0,0,0) scale(${a.scale})`))); + } + function T(e) { + if (!E(e)) return; + if ("mouse" === e.pointerType && "pointerout" === e.type) return; + const s = t.params.zoom, + a = t.zoom, + i = u.findIndex((t) => t.pointerId === e.pointerId); + i >= 0 && u.splice(i, 1), + l && + d && + ((l = !1), + (d = !1), + m.imageEl && + ((a.scale = Math.max(Math.min(a.scale, m.maxRatio), s.minRatio)), + (m.imageEl.style.transitionDuration = `${t.params.speed}ms`), + (m.imageEl.style.transform = `translate3d(0,0,0) scale(${a.scale})`), + (c = a.scale), + (p = !1), + a.scale > 1 && m.slideEl + ? m.slideEl.classList.add(`${s.zoomedSlideClass}`) + : a.scale <= 1 && + m.slideEl && + m.slideEl.classList.remove(`${s.zoomedSlideClass}`), + 1 === a.scale && + ((m.originX = 0), (m.originY = 0), (m.slideEl = void 0)))); + } + function M(e) { + if ( + !E(e) || + !(function (e) { + const s = `.${t.params.zoom.containerClass}`; + return ( + !!e.target.matches(s) || + [...t.hostEl.querySelectorAll(s)].filter((t) => + t.contains(e.target), + ).length > 0 + ); + })(e) + ) + return; + const s = t.zoom; + if (!m.imageEl) return; + if (!f.isTouched || !m.slideEl) return; + f.isMoved || + ((f.width = m.imageEl.offsetWidth), + (f.height = m.imageEl.offsetHeight), + (f.startX = o(m.imageWrapEl, "x") || 0), + (f.startY = o(m.imageWrapEl, "y") || 0), + (m.slideWidth = m.slideEl.offsetWidth), + (m.slideHeight = m.slideEl.offsetHeight), + (m.imageWrapEl.style.transitionDuration = "0ms")); + const a = f.width * s.scale, + i = f.height * s.scale; + if (a < m.slideWidth && i < m.slideHeight) return; + (f.minX = Math.min(m.slideWidth / 2 - a / 2, 0)), + (f.maxX = -f.minX), + (f.minY = Math.min(m.slideHeight / 2 - i / 2, 0)), + (f.maxY = -f.minY), + (f.touchesCurrent.x = u.length > 0 ? u[0].pageX : e.pageX), + (f.touchesCurrent.y = u.length > 0 ? u[0].pageY : e.pageY); + if ( + (Math.max( + Math.abs(f.touchesCurrent.x - f.touchesStart.x), + Math.abs(f.touchesCurrent.y - f.touchesStart.y), + ) > 5 && (t.allowClick = !1), + !f.isMoved && !p) + ) { + if ( + t.isHorizontal() && + ((Math.floor(f.minX) === Math.floor(f.startX) && + f.touchesCurrent.x < f.touchesStart.x) || + (Math.floor(f.maxX) === Math.floor(f.startX) && + f.touchesCurrent.x > f.touchesStart.x)) + ) + return void (f.isTouched = !1); + if ( + !t.isHorizontal() && + ((Math.floor(f.minY) === Math.floor(f.startY) && + f.touchesCurrent.y < f.touchesStart.y) || + (Math.floor(f.maxY) === Math.floor(f.startY) && + f.touchesCurrent.y > f.touchesStart.y)) + ) + return void (f.isTouched = !1); + } + e.cancelable && e.preventDefault(), + e.stopPropagation(), + (f.isMoved = !0); + const r = (s.scale - c) / (m.maxRatio - t.params.zoom.minRatio), + { originX: n, originY: l } = m; + (f.currentX = + f.touchesCurrent.x - + f.touchesStart.x + + f.startX + + r * (f.width - 2 * n)), + (f.currentY = + f.touchesCurrent.y - + f.touchesStart.y + + f.startY + + r * (f.height - 2 * l)), + f.currentX < f.minX && + (f.currentX = f.minX + 1 - (f.minX - f.currentX + 1) ** 0.8), + f.currentX > f.maxX && + (f.currentX = f.maxX - 1 + (f.currentX - f.maxX + 1) ** 0.8), + f.currentY < f.minY && + (f.currentY = f.minY + 1 - (f.minY - f.currentY + 1) ** 0.8), + f.currentY > f.maxY && + (f.currentY = f.maxY - 1 + (f.currentY - f.maxY + 1) ** 0.8), + v.prevPositionX || (v.prevPositionX = f.touchesCurrent.x), + v.prevPositionY || (v.prevPositionY = f.touchesCurrent.y), + v.prevTime || (v.prevTime = Date.now()), + (v.x = + (f.touchesCurrent.x - v.prevPositionX) / + (Date.now() - v.prevTime) / + 2), + (v.y = + (f.touchesCurrent.y - v.prevPositionY) / + (Date.now() - v.prevTime) / + 2), + Math.abs(f.touchesCurrent.x - v.prevPositionX) < 2 && (v.x = 0), + Math.abs(f.touchesCurrent.y - v.prevPositionY) < 2 && (v.y = 0), + (v.prevPositionX = f.touchesCurrent.x), + (v.prevPositionY = f.touchesCurrent.y), + (v.prevTime = Date.now()), + (m.imageWrapEl.style.transform = `translate3d(${f.currentX}px, ${f.currentY}px,0)`); + } + function C() { + const e = t.zoom; + m.slideEl && + t.activeIndex !== t.slides.indexOf(m.slideEl) && + (m.imageEl && + (m.imageEl.style.transform = "translate3d(0,0,0) scale(1)"), + m.imageWrapEl && + (m.imageWrapEl.style.transform = "translate3d(0,0,0)"), + m.slideEl.classList.remove(`${t.params.zoom.zoomedSlideClass}`), + (e.scale = 1), + (c = 1), + (m.slideEl = void 0), + (m.imageEl = void 0), + (m.imageWrapEl = void 0), + (m.originX = 0), + (m.originY = 0)); + } + function P(e) { + const s = t.zoom, + a = t.params.zoom; + if (!m.slideEl) { + e && + e.target && + (m.slideEl = e.target.closest( + `.${t.params.slideClass}, swiper-slide`, + )), + m.slideEl || + (t.params.virtual && t.params.virtual.enabled && t.virtual + ? (m.slideEl = h( + t.slidesEl, + `.${t.params.slideActiveClass}`, + )[0]) + : (m.slideEl = t.slides[t.activeIndex])); + let s = m.slideEl.querySelector(`.${a.containerClass}`); + s && + (s = s.querySelectorAll( + "picture, img, svg, canvas, .swiper-zoom-target", + )[0]), + (m.imageEl = s), + (m.imageWrapEl = s + ? b(m.imageEl, `.${a.containerClass}`)[0] + : void 0); + } + if (!m.imageEl || !m.imageWrapEl) return; + let i, r, l, o, d, p, u, v, w, y, E, x, S, T, M, C, P, L; + t.params.cssMode && + ((t.wrapperEl.style.overflow = "hidden"), + (t.wrapperEl.style.touchAction = "none")), + m.slideEl.classList.add(`${a.zoomedSlideClass}`), + void 0 === f.touchesStart.x && e + ? ((i = e.pageX), (r = e.pageY)) + : ((i = f.touchesStart.x), (r = f.touchesStart.y)); + const z = "number" == typeof e ? e : null; + 1 === c && z && ((i = void 0), (r = void 0)), + (s.scale = + z || m.imageWrapEl.getAttribute("data-swiper-zoom") || a.maxRatio), + (c = + z || m.imageWrapEl.getAttribute("data-swiper-zoom") || a.maxRatio), + !e || (1 === c && z) + ? ((u = 0), (v = 0)) + : ((P = m.slideEl.offsetWidth), + (L = m.slideEl.offsetHeight), + (l = g(m.slideEl).left + n.scrollX), + (o = g(m.slideEl).top + n.scrollY), + (d = l + P / 2 - i), + (p = o + L / 2 - r), + (w = m.imageEl.offsetWidth), + (y = m.imageEl.offsetHeight), + (E = w * s.scale), + (x = y * s.scale), + (S = Math.min(P / 2 - E / 2, 0)), + (T = Math.min(L / 2 - x / 2, 0)), + (M = -S), + (C = -T), + (u = d * s.scale), + (v = p * s.scale), + u < S && (u = S), + u > M && (u = M), + v < T && (v = T), + v > C && (v = C)), + z && 1 === s.scale && ((m.originX = 0), (m.originY = 0)), + (m.imageWrapEl.style.transitionDuration = "300ms"), + (m.imageWrapEl.style.transform = `translate3d(${u}px, ${v}px,0)`), + (m.imageEl.style.transitionDuration = "300ms"), + (m.imageEl.style.transform = `translate3d(0,0,0) scale(${s.scale})`); + } + function L() { + const e = t.zoom, + s = t.params.zoom; + if (!m.slideEl) { + t.params.virtual && t.params.virtual.enabled && t.virtual + ? (m.slideEl = h(t.slidesEl, `.${t.params.slideActiveClass}`)[0]) + : (m.slideEl = t.slides[t.activeIndex]); + let e = m.slideEl.querySelector(`.${s.containerClass}`); + e && + (e = e.querySelectorAll( + "picture, img, svg, canvas, .swiper-zoom-target", + )[0]), + (m.imageEl = e), + (m.imageWrapEl = e + ? b(m.imageEl, `.${s.containerClass}`)[0] + : void 0); + } + m.imageEl && + m.imageWrapEl && + (t.params.cssMode && + ((t.wrapperEl.style.overflow = ""), + (t.wrapperEl.style.touchAction = "")), + (e.scale = 1), + (c = 1), + (m.imageWrapEl.style.transitionDuration = "300ms"), + (m.imageWrapEl.style.transform = "translate3d(0,0,0)"), + (m.imageEl.style.transitionDuration = "300ms"), + (m.imageEl.style.transform = "translate3d(0,0,0) scale(1)"), + m.slideEl.classList.remove(`${s.zoomedSlideClass}`), + (m.slideEl = void 0), + (m.originX = 0), + (m.originY = 0)); + } + function z(e) { + const s = t.zoom; + s.scale && 1 !== s.scale ? L() : P(e); + } + function A() { + return { + passiveListener: !!t.params.passiveListeners && { + passive: !0, + capture: !1, + }, + activeListenerWithCapture: !t.params.passiveListeners || { + passive: !1, + capture: !0, + }, + }; + } + function $() { + const e = t.zoom; + if (e.enabled) return; + e.enabled = !0; + const { passiveListener: s, activeListenerWithCapture: a } = A(); + t.wrapperEl.addEventListener("pointerdown", x, s), + t.wrapperEl.addEventListener("pointermove", S, a), + ["pointerup", "pointercancel", "pointerout"].forEach((e) => { + t.wrapperEl.addEventListener(e, T, s); + }), + t.wrapperEl.addEventListener("pointermove", M, a); + } + function I() { + const e = t.zoom; + if (!e.enabled) return; + e.enabled = !1; + const { passiveListener: s, activeListenerWithCapture: a } = A(); + t.wrapperEl.removeEventListener("pointerdown", x, s), + t.wrapperEl.removeEventListener("pointermove", S, a), + ["pointerup", "pointercancel", "pointerout"].forEach((e) => { + t.wrapperEl.removeEventListener(e, T, s); + }), + t.wrapperEl.removeEventListener("pointermove", M, a); + } + Object.defineProperty(t.zoom, "scale", { + get: () => w, + set(e) { + if (w !== e) { + const t = m.imageEl, + s = m.slideEl; + i("zoomChange", e, t, s); + } + w = e; + }, + }), + a("init", () => { + t.params.zoom.enabled && $(); + }), + a("destroy", () => { + I(); + }), + a("touchStart", (e, s) => { + t.zoom.enabled && + (function (e) { + const s = t.device; + if (!m.imageEl) return; + if (f.isTouched) return; + s.android && e.cancelable && e.preventDefault(), + (f.isTouched = !0); + const a = u.length > 0 ? u[0] : e; + (f.touchesStart.x = a.pageX), (f.touchesStart.y = a.pageY); + })(s); + }), + a("touchEnd", (e, s) => { + t.zoom.enabled && + (function () { + const e = t.zoom; + if (!m.imageEl) return; + if (!f.isTouched || !f.isMoved) + return (f.isTouched = !1), void (f.isMoved = !1); + (f.isTouched = !1), (f.isMoved = !1); + let s = 300, + a = 300; + const i = v.x * s, + r = f.currentX + i, + n = v.y * a, + l = f.currentY + n; + 0 !== v.x && (s = Math.abs((r - f.currentX) / v.x)), + 0 !== v.y && (a = Math.abs((l - f.currentY) / v.y)); + const o = Math.max(s, a); + (f.currentX = r), (f.currentY = l); + const d = f.width * e.scale, + c = f.height * e.scale; + (f.minX = Math.min(m.slideWidth / 2 - d / 2, 0)), + (f.maxX = -f.minX), + (f.minY = Math.min(m.slideHeight / 2 - c / 2, 0)), + (f.maxY = -f.minY), + (f.currentX = Math.max(Math.min(f.currentX, f.maxX), f.minX)), + (f.currentY = Math.max(Math.min(f.currentY, f.maxY), f.minY)), + (m.imageWrapEl.style.transitionDuration = `${o}ms`), + (m.imageWrapEl.style.transform = `translate3d(${f.currentX}px, ${f.currentY}px,0)`); + })(); + }), + a("doubleTap", (e, s) => { + !t.animating && + t.params.zoom.enabled && + t.zoom.enabled && + t.params.zoom.toggle && + z(s); + }), + a("transitionEnd", () => { + t.zoom.enabled && t.params.zoom.enabled && C(); + }), + a("slideChange", () => { + t.zoom.enabled && t.params.zoom.enabled && t.params.cssMode && C(); + }), + Object.assign(t.zoom, { + enable: $, + disable: I, + in: P, + out: L, + toggle: z, + }); + }, + function (e) { + let { swiper: t, extendParams: s, on: a } = e; + function i(e, t) { + const s = (function () { + let e, t, s; + return (a, i) => { + for (t = -1, e = a.length; e - t > 1; ) + (s = (e + t) >> 1), a[s] <= i ? (t = s) : (e = s); + return e; + }; + })(); + let a, i; + return ( + (this.x = e), + (this.y = t), + (this.lastIndex = e.length - 1), + (this.interpolate = function (e) { + return e + ? ((i = s(this.x, e)), + (a = i - 1), + ((e - this.x[a]) * (this.y[i] - this.y[a])) / + (this.x[i] - this.x[a]) + + this.y[a]) + : 0; + }), + this + ); + } + function r() { + t.controller.control && + t.controller.spline && + ((t.controller.spline = void 0), delete t.controller.spline); + } + s({ controller: { control: void 0, inverse: !1, by: "slide" } }), + (t.controller = { control: void 0 }), + a("beforeInit", () => { + if ( + "undefined" != typeof window && + ("string" == typeof t.params.controller.control || + t.params.controller.control instanceof HTMLElement) + ) { + const e = document.querySelector(t.params.controller.control); + if (e && e.swiper) t.controller.control = e.swiper; + else if (e) { + const s = (a) => { + (t.controller.control = a.detail[0]), + t.update(), + e.removeEventListener("init", s); + }; + e.addEventListener("init", s); + } + } else t.controller.control = t.params.controller.control; + }), + a("update", () => { + r(); + }), + a("resize", () => { + r(); + }), + a("observerUpdate", () => { + r(); + }), + a("setTranslate", (e, s, a) => { + t.controller.control && + !t.controller.control.destroyed && + t.controller.setTranslate(s, a); + }), + a("setTransition", (e, s, a) => { + t.controller.control && + !t.controller.control.destroyed && + t.controller.setTransition(s, a); + }), + Object.assign(t.controller, { + setTranslate: function (e, s) { + const a = t.controller.control; + let r, n; + const l = t.constructor; + function o(e) { + if (e.destroyed) return; + const s = t.rtlTranslate ? -t.translate : t.translate; + "slide" === t.params.controller.by && + (!(function (e) { + t.controller.spline = t.params.loop + ? new i(t.slidesGrid, e.slidesGrid) + : new i(t.snapGrid, e.snapGrid); + })(e), + (n = -t.controller.spline.interpolate(-s))), + (n && "container" !== t.params.controller.by) || + ((r = + (e.maxTranslate() - e.minTranslate()) / + (t.maxTranslate() - t.minTranslate())), + (!Number.isNaN(r) && Number.isFinite(r)) || (r = 1), + (n = (s - t.minTranslate()) * r + e.minTranslate())), + t.params.controller.inverse && (n = e.maxTranslate() - n), + e.updateProgress(n), + e.setTranslate(n, t), + e.updateActiveIndex(), + e.updateSlidesClasses(); + } + if (Array.isArray(a)) + for (let e = 0; e < a.length; e += 1) + a[e] !== s && a[e] instanceof l && o(a[e]); + else a instanceof l && s !== a && o(a); + }, + setTransition: function (e, s) { + const a = t.constructor, + i = t.controller.control; + let r; + function l(s) { + s.destroyed || + (s.setTransition(e, t), + 0 !== e && + (s.transitionStart(), + s.params.autoHeight && + n(() => { + s.updateAutoHeight(); + }), + y(s.wrapperEl, () => { + i && s.transitionEnd(); + }))); + } + if (Array.isArray(i)) + for (r = 0; r < i.length; r += 1) + i[r] !== s && i[r] instanceof a && l(i[r]); + else i instanceof a && s !== i && l(i); + }, + }); + }, + function (e) { + let { swiper: t, extendParams: s, on: a } = e; + s({ + a11y: { + enabled: !0, + 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", + id: null, + }, + }), + (t.a11y = { clicked: !1 }); + let i = null; + function r(e) { + const t = i; + 0 !== t.length && ((t.innerHTML = ""), (t.innerHTML = e)); + } + const n = (e) => (Array.isArray(e) ? e : [e]).filter((e) => !!e); + function l(e) { + (e = n(e)).forEach((e) => { + e.setAttribute("tabIndex", "0"); + }); + } + function o(e) { + (e = n(e)).forEach((e) => { + e.setAttribute("tabIndex", "-1"); + }); + } + function d(e, t) { + (e = n(e)).forEach((e) => { + e.setAttribute("role", t); + }); + } + function c(e, t) { + (e = n(e)).forEach((e) => { + e.setAttribute("aria-roledescription", t); + }); + } + function p(e, t) { + (e = n(e)).forEach((e) => { + e.setAttribute("aria-label", t); + }); + } + function u(e) { + (e = n(e)).forEach((e) => { + e.setAttribute("aria-disabled", !0); + }); + } + function m(e) { + (e = n(e)).forEach((e) => { + e.setAttribute("aria-disabled", !1); + }); + } + function h(e) { + if (13 !== e.keyCode && 32 !== e.keyCode) return; + const s = t.params.a11y, + a = e.target; + (t.pagination && + t.pagination.el && + (a === t.pagination.el || t.pagination.el.contains(e.target)) && + !e.target.matches(ee(t.params.pagination.bulletClass))) || + (t.navigation && + t.navigation.nextEl && + a === t.navigation.nextEl && + ((t.isEnd && !t.params.loop) || t.slideNext(), + t.isEnd ? r(s.lastSlideMessage) : r(s.nextSlideMessage)), + t.navigation && + t.navigation.prevEl && + a === t.navigation.prevEl && + ((t.isBeginning && !t.params.loop) || t.slidePrev(), + t.isBeginning ? r(s.firstSlideMessage) : r(s.prevSlideMessage)), + t.pagination && + a.matches(ee(t.params.pagination.bulletClass)) && + a.click()); + } + function g() { + return ( + t.pagination && t.pagination.bullets && t.pagination.bullets.length + ); + } + function v() { + return g() && t.params.pagination.clickable; + } + const b = (e, t, s) => { + l(e), + "BUTTON" !== e.tagName && + (d(e, "button"), e.addEventListener("keydown", h)), + p(e, s), + (function (e, t) { + (e = n(e)).forEach((e) => { + e.setAttribute("aria-controls", t); + }); + })(e, t); + }, + y = () => { + t.a11y.clicked = !0; + }, + E = () => { + requestAnimationFrame(() => { + requestAnimationFrame(() => { + t.destroyed || (t.a11y.clicked = !1); + }); + }); + }, + x = (e) => { + if (t.a11y.clicked) return; + const s = e.target.closest(`.${t.params.slideClass}, swiper-slide`); + if (!s || !t.slides.includes(s)) return; + const a = t.slides.indexOf(s) === t.activeIndex, + i = + t.params.watchSlidesProgress && + t.visibleSlides && + t.visibleSlides.includes(s); + a || + i || + (e.sourceCapabilities && e.sourceCapabilities.firesTouchEvents) || + (t.isHorizontal() ? (t.el.scrollLeft = 0) : (t.el.scrollTop = 0), + t.slideTo(t.slides.indexOf(s), 0)); + }, + S = () => { + const e = t.params.a11y; + e.itemRoleDescriptionMessage && + c(t.slides, e.itemRoleDescriptionMessage), + e.slideRole && d(t.slides, e.slideRole); + const s = t.slides.length; + e.slideLabelMessage && + t.slides.forEach((a, i) => { + const r = t.params.loop + ? parseInt(a.getAttribute("data-swiper-slide-index"), 10) + : i; + p( + a, + e.slideLabelMessage + .replace(/\{\{index\}\}/, r + 1) + .replace(/\{\{slidesLength\}\}/, s), + ); + }); + }, + T = () => { + const e = t.params.a11y; + t.el.append(i); + const s = t.el; + e.containerRoleDescriptionMessage && + c(s, e.containerRoleDescriptionMessage), + e.containerMessage && p(s, e.containerMessage); + const a = t.wrapperEl, + r = + e.id || + a.getAttribute("id") || + `swiper-wrapper-${((l = 16), void 0 === l && (l = 16), "x".repeat(l).replace(/x/g, () => Math.round(16 * Math.random()).toString(16)))}`; + var l; + const o = + t.params.autoplay && t.params.autoplay.enabled ? "off" : "polite"; + var d; + (d = r), + n(a).forEach((e) => { + e.setAttribute("id", d); + }), + (function (e, t) { + (e = n(e)).forEach((e) => { + e.setAttribute("aria-live", t); + }); + })(a, o), + S(); + let { nextEl: u, prevEl: m } = t.navigation ? t.navigation : {}; + if ( + ((u = n(u)), + (m = n(m)), + u && u.forEach((t) => b(t, r, e.nextSlideMessage)), + m && m.forEach((t) => b(t, r, e.prevSlideMessage)), + v()) + ) { + (Array.isArray(t.pagination.el) + ? t.pagination.el + : [t.pagination.el] + ).forEach((e) => { + e.addEventListener("keydown", h); + }); + } + t.el.addEventListener("focus", x, !0), + t.el.addEventListener("pointerdown", y, !0), + t.el.addEventListener("pointerup", E, !0); + }; + a("beforeInit", () => { + (i = f("span", t.params.a11y.notificationClass)), + i.setAttribute("aria-live", "assertive"), + i.setAttribute("aria-atomic", "true"); + }), + a("afterInit", () => { + t.params.a11y.enabled && T(); + }), + a( + "slidesLengthChange snapGridLengthChange slidesGridLengthChange", + () => { + t.params.a11y.enabled && S(); + }, + ), + a("fromEdge toEdge afterInit lock unlock", () => { + t.params.a11y.enabled && + (function () { + if (t.params.loop || t.params.rewind || !t.navigation) return; + const { nextEl: e, prevEl: s } = t.navigation; + s && (t.isBeginning ? (u(s), o(s)) : (m(s), l(s))), + e && (t.isEnd ? (u(e), o(e)) : (m(e), l(e))); + })(); + }), + a("paginationUpdate", () => { + t.params.a11y.enabled && + (function () { + const e = t.params.a11y; + g() && + t.pagination.bullets.forEach((s) => { + t.params.pagination.clickable && + (l(s), + t.params.pagination.renderBullet || + (d(s, "button"), + p( + s, + e.paginationBulletMessage.replace( + /\{\{index\}\}/, + w(s) + 1, + ), + ))), + s.matches(ee(t.params.pagination.bulletActiveClass)) + ? s.setAttribute("aria-current", "true") + : s.removeAttribute("aria-current"); + }); + })(); + }), + a("destroy", () => { + t.params.a11y.enabled && + (function () { + i && i.remove(); + let { nextEl: e, prevEl: s } = t.navigation ? t.navigation : {}; + (e = n(e)), + (s = n(s)), + e && e.forEach((e) => e.removeEventListener("keydown", h)), + s && s.forEach((e) => e.removeEventListener("keydown", h)), + v() && + (Array.isArray(t.pagination.el) + ? t.pagination.el + : [t.pagination.el] + ).forEach((e) => { + e.removeEventListener("keydown", h); + }); + t.el.removeEventListener("focus", x, !0), + t.el.removeEventListener("pointerdown", y, !0), + t.el.removeEventListener("pointerup", E, !0); + })(); + }); + }, + function (e) { + let { swiper: t, extendParams: s, on: a } = e; + s({ + history: { + enabled: !1, + root: "", + replaceState: !1, + key: "slides", + keepQuery: !1, + }, + }); + let i = !1, + n = {}; + const l = (e) => + e + .toString() + .replace(/\s+/g, "-") + .replace(/[^\w-]+/g, "") + .replace(/--+/g, "-") + .replace(/^-+/, "") + .replace(/-+$/, ""), + o = (e) => { + const t = r(); + let s; + s = e ? new URL(e) : t.location; + const a = s.pathname + .slice(1) + .split("/") + .filter((e) => "" !== e), + i = a.length; + return { key: a[i - 2], value: a[i - 1] }; + }, + d = (e, s) => { + const a = r(); + if (!i || !t.params.history.enabled) return; + let n; + n = t.params.url ? new URL(t.params.url) : a.location; + const o = t.slides[s]; + let d = l(o.getAttribute("data-history")); + if (t.params.history.root.length > 0) { + let s = t.params.history.root; + "/" === s[s.length - 1] && (s = s.slice(0, s.length - 1)), + (d = `${s}/${e ? `${e}/` : ""}${d}`); + } else n.pathname.includes(e) || (d = `${e ? `${e}/` : ""}${d}`); + t.params.history.keepQuery && (d += n.search); + const c = a.history.state; + (c && c.value === d) || + (t.params.history.replaceState + ? a.history.replaceState({ value: d }, null, d) + : a.history.pushState({ value: d }, null, d)); + }, + c = (e, s, a) => { + if (s) + for (let i = 0, r = t.slides.length; i < r; i += 1) { + const r = t.slides[i]; + if (l(r.getAttribute("data-history")) === s) { + const s = t.getSlideIndex(r); + t.slideTo(s, e, a); + } + } + else t.slideTo(0, e, a); + }, + p = () => { + (n = o(t.params.url)), c(t.params.speed, n.value, !1); + }; + a("init", () => { + t.params.history.enabled && + (() => { + const e = r(); + if (t.params.history) { + if (!e.history || !e.history.pushState) + return ( + (t.params.history.enabled = !1), + void (t.params.hashNavigation.enabled = !0) + ); + (i = !0), + (n = o(t.params.url)), + n.key || n.value + ? (c(0, n.value, t.params.runCallbacksOnInit), + t.params.history.replaceState || + e.addEventListener("popstate", p)) + : t.params.history.replaceState || + e.addEventListener("popstate", p); + } + })(); + }), + a("destroy", () => { + t.params.history.enabled && + (() => { + const e = r(); + t.params.history.replaceState || + e.removeEventListener("popstate", p); + })(); + }), + a("transitionEnd _freeModeNoMomentumRelease", () => { + i && d(t.params.history.key, t.activeIndex); + }), + a("slideChange", () => { + i && t.params.cssMode && d(t.params.history.key, t.activeIndex); + }); + }, + function (e) { + let { swiper: t, extendParams: s, emit: i, on: n } = e, + l = !1; + const o = a(), + d = r(); + s({ + hashNavigation: { + enabled: !1, + replaceState: !1, + watchState: !1, + getSlideIndex(e, s) { + if (t.virtual && t.params.virtual.enabled) { + const e = t.slides.filter( + (e) => e.getAttribute("data-hash") === s, + )[0]; + if (!e) return 0; + return parseInt(e.getAttribute("data-swiper-slide-index"), 10); + } + return t.getSlideIndex( + h( + t.slidesEl, + `.${t.params.slideClass}[data-hash="${s}"], swiper-slide[data-hash="${s}"]`, + )[0], + ); + }, + }, + }); + const c = () => { + i("hashChange"); + const e = o.location.hash.replace("#", ""), + s = + t.virtual && t.params.virtual.enabled + ? t.slidesEl.querySelector( + `[data-swiper-slide-index="${t.activeIndex}"]`, + ) + : t.slides[t.activeIndex]; + if (e !== (s ? s.getAttribute("data-hash") : "")) { + const s = t.params.hashNavigation.getSlideIndex(t, e); + if (void 0 === s || Number.isNaN(s)) return; + t.slideTo(s); + } + }, + p = () => { + if (!l || !t.params.hashNavigation.enabled) return; + const e = + t.virtual && t.params.virtual.enabled + ? t.slidesEl.querySelector( + `[data-swiper-slide-index="${t.activeIndex}"]`, + ) + : t.slides[t.activeIndex], + s = e + ? e.getAttribute("data-hash") || e.getAttribute("data-history") + : ""; + t.params.hashNavigation.replaceState && + d.history && + d.history.replaceState + ? (d.history.replaceState(null, null, `#${s}` || ""), i("hashSet")) + : ((o.location.hash = s || ""), i("hashSet")); + }; + n("init", () => { + t.params.hashNavigation.enabled && + (() => { + if ( + !t.params.hashNavigation.enabled || + (t.params.history && t.params.history.enabled) + ) + return; + l = !0; + const e = o.location.hash.replace("#", ""); + if (e) { + const s = 0, + a = t.params.hashNavigation.getSlideIndex(t, e); + t.slideTo(a || 0, s, t.params.runCallbacksOnInit, !0); + } + t.params.hashNavigation.watchState && + d.addEventListener("hashchange", c); + })(); + }), + n("destroy", () => { + t.params.hashNavigation.enabled && + t.params.hashNavigation.watchState && + d.removeEventListener("hashchange", c); + }), + n("transitionEnd _freeModeNoMomentumRelease", () => { + l && p(); + }), + n("slideChange", () => { + l && t.params.cssMode && p(); + }); + }, + function (e) { + let t, + s, + { swiper: i, extendParams: r, on: n, emit: l, params: o } = e; + (i.autoplay = { running: !1, paused: !1, timeLeft: 0 }), + r({ + autoplay: { + enabled: !1, + delay: 3e3, + waitForTransition: !0, + disableOnInteraction: !0, + stopOnLastSlide: !1, + reverseDirection: !1, + pauseOnMouseEnter: !1, + }, + }); + let d, + c, + p, + u, + m, + h, + f, + g = o && o.autoplay ? o.autoplay.delay : 3e3, + v = o && o.autoplay ? o.autoplay.delay : 3e3, + w = new Date().getTime; + function b(e) { + i && + !i.destroyed && + i.wrapperEl && + e.target === i.wrapperEl && + (i.wrapperEl.removeEventListener("transitionend", b), M()); + } + const y = () => { + if (i.destroyed || !i.autoplay.running) return; + i.autoplay.paused ? (c = !0) : c && ((v = d), (c = !1)); + const e = i.autoplay.paused ? d : w + v - new Date().getTime(); + (i.autoplay.timeLeft = e), + l("autoplayTimeLeft", e, e / g), + (s = requestAnimationFrame(() => { + y(); + })); + }, + E = (e) => { + if (i.destroyed || !i.autoplay.running) return; + cancelAnimationFrame(s), y(); + let a = void 0 === e ? i.params.autoplay.delay : e; + (g = i.params.autoplay.delay), (v = i.params.autoplay.delay); + const r = (() => { + let e; + if ( + ((e = + i.virtual && i.params.virtual.enabled + ? i.slides.filter((e) => + e.classList.contains("swiper-slide-active"), + )[0] + : i.slides[i.activeIndex]), + !e) + ) + return; + return parseInt(e.getAttribute("data-swiper-autoplay"), 10); + })(); + !Number.isNaN(r) && + r > 0 && + void 0 === e && + ((a = r), (g = r), (v = r)), + (d = a); + const n = i.params.speed, + o = () => { + i && + !i.destroyed && + (i.params.autoplay.reverseDirection + ? !i.isBeginning || i.params.loop || i.params.rewind + ? (i.slidePrev(n, !0, !0), l("autoplay")) + : i.params.autoplay.stopOnLastSlide || + (i.slideTo(i.slides.length - 1, n, !0, !0), l("autoplay")) + : !i.isEnd || i.params.loop || i.params.rewind + ? (i.slideNext(n, !0, !0), l("autoplay")) + : i.params.autoplay.stopOnLastSlide || + (i.slideTo(0, n, !0, !0), l("autoplay")), + i.params.cssMode && + ((w = new Date().getTime()), + requestAnimationFrame(() => { + E(); + }))); + }; + return ( + a > 0 + ? (clearTimeout(t), + (t = setTimeout(() => { + o(); + }, a))) + : requestAnimationFrame(() => { + o(); + }), + a + ); + }, + x = () => { + (i.autoplay.running = !0), E(), l("autoplayStart"); + }, + S = () => { + (i.autoplay.running = !1), + clearTimeout(t), + cancelAnimationFrame(s), + l("autoplayStop"); + }, + T = (e, s) => { + if (i.destroyed || !i.autoplay.running) return; + clearTimeout(t), e || (f = !0); + const a = () => { + l("autoplayPause"), + i.params.autoplay.waitForTransition + ? i.wrapperEl.addEventListener("transitionend", b) + : M(); + }; + if (((i.autoplay.paused = !0), s)) + return h && (d = i.params.autoplay.delay), (h = !1), void a(); + const r = d || i.params.autoplay.delay; + (d = r - (new Date().getTime() - w)), + (i.isEnd && d < 0 && !i.params.loop) || (d < 0 && (d = 0), a()); + }, + M = () => { + (i.isEnd && d < 0 && !i.params.loop) || + i.destroyed || + !i.autoplay.running || + ((w = new Date().getTime()), + f ? ((f = !1), E(d)) : E(), + (i.autoplay.paused = !1), + l("autoplayResume")); + }, + C = () => { + if (i.destroyed || !i.autoplay.running) return; + const e = a(); + "hidden" === e.visibilityState && ((f = !0), T(!0)), + "visible" === e.visibilityState && M(); + }, + P = (e) => { + "mouse" === e.pointerType && + ((f = !0), i.animating || i.autoplay.paused || T(!0)); + }, + L = (e) => { + "mouse" === e.pointerType && i.autoplay.paused && M(); + }; + n("init", () => { + i.params.autoplay.enabled && + (i.params.autoplay.pauseOnMouseEnter && + (i.el.addEventListener("pointerenter", P), + i.el.addEventListener("pointerleave", L)), + a().addEventListener("visibilitychange", C), + (w = new Date().getTime()), + x()); + }), + n("destroy", () => { + i.el.removeEventListener("pointerenter", P), + i.el.removeEventListener("pointerleave", L), + a().removeEventListener("visibilitychange", C), + i.autoplay.running && S(); + }), + n("beforeTransitionStart", (e, t, s) => { + !i.destroyed && + i.autoplay.running && + (s || !i.params.autoplay.disableOnInteraction ? T(!0, !0) : S()); + }), + n("sliderFirstMove", () => { + !i.destroyed && + i.autoplay.running && + (i.params.autoplay.disableOnInteraction + ? S() + : ((p = !0), + (u = !1), + (f = !1), + (m = setTimeout(() => { + (f = !0), (u = !0), T(!0); + }, 200)))); + }), + n("touchEnd", () => { + if (!i.destroyed && i.autoplay.running && p) { + if ( + (clearTimeout(m), + clearTimeout(t), + i.params.autoplay.disableOnInteraction) + ) + return (u = !1), void (p = !1); + u && i.params.cssMode && M(), (u = !1), (p = !1); + } + }), + n("slideChange", () => { + !i.destroyed && i.autoplay.running && (h = !0); + }), + Object.assign(i.autoplay, { start: x, stop: S, pause: T, resume: M }); + }, + function (e) { + let { swiper: t, extendParams: s, on: i } = e; + s({ + thumbs: { + swiper: null, + multipleActiveThumbs: !0, + autoScrollOffset: 0, + slideThumbActiveClass: "swiper-slide-thumb-active", + thumbsContainerClass: "swiper-thumbs", + }, + }); + let r = !1, + n = !1; + function l() { + const e = t.thumbs.swiper; + if (!e || e.destroyed) return; + const s = e.clickedIndex, + a = e.clickedSlide; + if (a && a.classList.contains(t.params.thumbs.slideThumbActiveClass)) + return; + if (null == s) return; + let i; + (i = e.params.loop + ? parseInt(e.clickedSlide.getAttribute("data-swiper-slide-index"), 10) + : s), + t.params.loop ? t.slideToLoop(i) : t.slideTo(i); + } + function o() { + const { thumbs: e } = t.params; + if (r) return !1; + r = !0; + const s = t.constructor; + if (e.swiper instanceof s) + (t.thumbs.swiper = e.swiper), + Object.assign(t.thumbs.swiper.originalParams, { + watchSlidesProgress: !0, + slideToClickedSlide: !1, + }), + Object.assign(t.thumbs.swiper.params, { + watchSlidesProgress: !0, + slideToClickedSlide: !1, + }), + t.thumbs.swiper.update(); + else if (d(e.swiper)) { + const a = Object.assign({}, e.swiper); + Object.assign(a, { + watchSlidesProgress: !0, + slideToClickedSlide: !1, + }), + (t.thumbs.swiper = new s(a)), + (n = !0); + } + return ( + t.thumbs.swiper.el.classList.add( + t.params.thumbs.thumbsContainerClass, + ), + t.thumbs.swiper.on("tap", l), + !0 + ); + } + function c(e) { + const s = t.thumbs.swiper; + if (!s || s.destroyed) return; + const a = + "auto" === s.params.slidesPerView + ? s.slidesPerViewDynamic() + : s.params.slidesPerView; + let i = 1; + const r = t.params.thumbs.slideThumbActiveClass; + if ( + (t.params.slidesPerView > 1 && + !t.params.centeredSlides && + (i = t.params.slidesPerView), + t.params.thumbs.multipleActiveThumbs || (i = 1), + (i = Math.floor(i)), + s.slides.forEach((e) => e.classList.remove(r)), + s.params.loop || (s.params.virtual && s.params.virtual.enabled)) + ) + for (let e = 0; e < i; e += 1) + h( + s.slidesEl, + `[data-swiper-slide-index="${t.realIndex + e}"]`, + ).forEach((e) => { + e.classList.add(r); + }); + else + for (let e = 0; e < i; e += 1) + s.slides[t.realIndex + e] && + s.slides[t.realIndex + e].classList.add(r); + const n = t.params.thumbs.autoScrollOffset, + l = n && !s.params.loop; + if (t.realIndex !== s.realIndex || l) { + const i = s.activeIndex; + let r, o; + if (s.params.loop) { + const e = s.slides.filter( + (e) => + e.getAttribute("data-swiper-slide-index") === `${t.realIndex}`, + )[0]; + (r = s.slides.indexOf(e)), + (o = t.activeIndex > t.previousIndex ? "next" : "prev"); + } else (r = t.realIndex), (o = r > t.previousIndex ? "next" : "prev"); + l && (r += "next" === o ? n : -1 * n), + s.visibleSlidesIndexes && + s.visibleSlidesIndexes.indexOf(r) < 0 && + (s.params.centeredSlides + ? (r = + r > i + ? r - Math.floor(a / 2) + 1 + : r + Math.floor(a / 2) - 1) + : r > i && s.params.slidesPerGroup, + s.slideTo(r, e ? 0 : void 0)); + } + } + (t.thumbs = { swiper: null }), + i("beforeInit", () => { + const { thumbs: e } = t.params; + if (e && e.swiper) + if ( + "string" == typeof e.swiper || + e.swiper instanceof HTMLElement + ) { + const s = a(), + i = () => { + const a = + "string" == typeof e.swiper + ? s.querySelector(e.swiper) + : e.swiper; + if (a && a.swiper) (e.swiper = a.swiper), o(), c(!0); + else if (a) { + const s = (i) => { + (e.swiper = i.detail[0]), + a.removeEventListener("init", s), + o(), + c(!0), + e.swiper.update(), + t.update(); + }; + a.addEventListener("init", s); + } + return a; + }, + r = () => { + if (t.destroyed) return; + i() || requestAnimationFrame(r); + }; + requestAnimationFrame(r); + } else o(), c(!0); + }), + i("slideChange update resize observerUpdate", () => { + c(); + }), + i("setTransition", (e, s) => { + const a = t.thumbs.swiper; + a && !a.destroyed && a.setTransition(s); + }), + i("beforeDestroy", () => { + const e = t.thumbs.swiper; + e && !e.destroyed && n && e.destroy(); + }), + Object.assign(t.thumbs, { init: o, update: c }); + }, + function (e) { + let { swiper: t, extendParams: s, emit: a, once: i } = e; + s({ + freeMode: { + enabled: !1, + momentum: !0, + momentumRatio: 1, + momentumBounce: !0, + momentumBounceRatio: 1, + momentumVelocityRatio: 1, + sticky: !1, + minimumVelocity: 0.02, + }, + }), + Object.assign(t, { + freeMode: { + onTouchStart: function () { + if (t.params.cssMode) return; + const e = t.getTranslate(); + t.setTranslate(e), + t.setTransition(0), + (t.touchEventsData.velocities.length = 0), + t.freeMode.onTouchEnd({ + currentPos: t.rtl ? t.translate : -t.translate, + }); + }, + onTouchMove: function () { + if (t.params.cssMode) return; + const { touchEventsData: e, touches: s } = t; + 0 === e.velocities.length && + e.velocities.push({ + position: s[t.isHorizontal() ? "startX" : "startY"], + time: e.touchStartTime, + }), + e.velocities.push({ + position: s[t.isHorizontal() ? "currentX" : "currentY"], + time: l(), + }); + }, + onTouchEnd: function (e) { + let { currentPos: s } = e; + if (t.params.cssMode) return; + const { + params: r, + wrapperEl: n, + rtlTranslate: o, + snapGrid: d, + touchEventsData: c, + } = t, + p = l() - c.touchStartTime; + if (s < -t.minTranslate()) t.slideTo(t.activeIndex); + else if (s > -t.maxTranslate()) + t.slides.length < d.length + ? t.slideTo(d.length - 1) + : t.slideTo(t.slides.length - 1); + else { + if (r.freeMode.momentum) { + if (c.velocities.length > 1) { + const e = c.velocities.pop(), + s = c.velocities.pop(), + a = e.position - s.position, + i = e.time - s.time; + (t.velocity = a / i), + (t.velocity /= 2), + Math.abs(t.velocity) < r.freeMode.minimumVelocity && + (t.velocity = 0), + (i > 150 || l() - e.time > 300) && (t.velocity = 0); + } else t.velocity = 0; + (t.velocity *= r.freeMode.momentumVelocityRatio), + (c.velocities.length = 0); + let e = 1e3 * r.freeMode.momentumRatio; + const s = t.velocity * e; + let p = t.translate + s; + o && (p = -p); + let u, + m = !1; + const h = + 20 * Math.abs(t.velocity) * r.freeMode.momentumBounceRatio; + let f; + if (p < t.maxTranslate()) + r.freeMode.momentumBounce + ? (p + t.maxTranslate() < -h && + (p = t.maxTranslate() - h), + (u = t.maxTranslate()), + (m = !0), + (c.allowMomentumBounce = !0)) + : (p = t.maxTranslate()), + r.loop && r.centeredSlides && (f = !0); + else if (p > t.minTranslate()) + r.freeMode.momentumBounce + ? (p - t.minTranslate() > h && (p = t.minTranslate() + h), + (u = t.minTranslate()), + (m = !0), + (c.allowMomentumBounce = !0)) + : (p = t.minTranslate()), + r.loop && r.centeredSlides && (f = !0); + else if (r.freeMode.sticky) { + let e; + for (let t = 0; t < d.length; t += 1) + if (d[t] > -p) { + e = t; + break; + } + (p = + Math.abs(d[e] - p) < Math.abs(d[e - 1] - p) || + "next" === t.swipeDirection + ? d[e] + : d[e - 1]), + (p = -p); + } + if ( + (f && + i("transitionEnd", () => { + t.loopFix(); + }), + 0 !== t.velocity) + ) { + if ( + ((e = o + ? Math.abs((-p - t.translate) / t.velocity) + : Math.abs((p - t.translate) / t.velocity)), + r.freeMode.sticky) + ) { + const s = Math.abs((o ? -p : p) - t.translate), + a = t.slidesSizesGrid[t.activeIndex]; + e = + s < a + ? r.speed + : s < 2 * a + ? 1.5 * r.speed + : 2.5 * r.speed; + } + } else if (r.freeMode.sticky) return void t.slideToClosest(); + r.freeMode.momentumBounce && m + ? (t.updateProgress(u), + t.setTransition(e), + t.setTranslate(p), + t.transitionStart(!0, t.swipeDirection), + (t.animating = !0), + y(n, () => { + t && + !t.destroyed && + c.allowMomentumBounce && + (a("momentumBounce"), + t.setTransition(r.speed), + setTimeout(() => { + t.setTranslate(u), + y(n, () => { + t && !t.destroyed && t.transitionEnd(); + }); + }, 0)); + })) + : t.velocity + ? (a("_freeModeNoMomentumRelease"), + t.updateProgress(p), + t.setTransition(e), + t.setTranslate(p), + t.transitionStart(!0, t.swipeDirection), + t.animating || + ((t.animating = !0), + y(n, () => { + t && !t.destroyed && t.transitionEnd(); + }))) + : t.updateProgress(p), + t.updateActiveIndex(), + t.updateSlidesClasses(); + } else { + if (r.freeMode.sticky) return void t.slideToClosest(); + r.freeMode && a("_freeModeNoMomentumRelease"); + } + (!r.freeMode.momentum || p >= r.longSwipesMs) && + (t.updateProgress(), + t.updateActiveIndex(), + t.updateSlidesClasses()); + } + }, + }, + }); + }, + function (e) { + let t, + s, + a, + i, + { swiper: r, extendParams: n, on: l } = e; + n({ grid: { rows: 1, fill: "column" } }); + const o = () => { + let e = r.params.spaceBetween; + return ( + "string" == typeof e && e.indexOf("%") >= 0 + ? (e = (parseFloat(e.replace("%", "")) / 100) * r.size) + : "string" == typeof e && (e = parseFloat(e)), + e + ); + }; + l("init", () => { + i = r.params.grid && r.params.grid.rows > 1; + }), + l("update", () => { + const { params: e, el: t } = r, + s = e.grid && e.grid.rows > 1; + i && !s + ? (t.classList.remove( + `${e.containerModifierClass}grid`, + `${e.containerModifierClass}grid-column`, + ), + (a = 1), + r.emitContainerClasses()) + : !i && + s && + (t.classList.add(`${e.containerModifierClass}grid`), + "column" === e.grid.fill && + t.classList.add(`${e.containerModifierClass}grid-column`), + r.emitContainerClasses()), + (i = s); + }), + (r.grid = { + initSlides: (e) => { + const { slidesPerView: i } = r.params, + { rows: n, fill: l } = r.params.grid; + (a = Math.floor(e / n)), + (t = Math.floor(e / n) === e / n ? e : Math.ceil(e / n) * n), + "auto" !== i && "row" === l && (t = Math.max(t, i * n)), + (s = t / n); + }, + updateSlide: (e, i, n, l) => { + const { slidesPerGroup: d } = r.params, + c = o(), + { rows: p, fill: u } = r.params.grid; + let m, h, f; + if ("row" === u && d > 1) { + const s = Math.floor(e / (d * p)), + a = e - p * d * s, + r = 0 === s ? d : Math.min(Math.ceil((n - s * p * d) / p), d); + (f = Math.floor(a / r)), + (h = a - f * r + s * d), + (m = h + (f * t) / p), + (i.style.order = m); + } else + "column" === u + ? ((h = Math.floor(e / p)), + (f = e - h * p), + (h > a || (h === a && f === p - 1)) && + ((f += 1), f >= p && ((f = 0), (h += 1)))) + : ((f = Math.floor(e / s)), (h = e - f * s)); + (i.row = f), + (i.column = h), + (i.style[l("margin-top")] = 0 !== f ? c && `${c}px` : ""); + }, + updateWrapperSize: (e, s, a) => { + const { centeredSlides: i, roundLengths: n } = r.params, + l = o(), + { rows: d } = r.params.grid; + if ( + ((r.virtualSize = (e + l) * t), + (r.virtualSize = Math.ceil(r.virtualSize / d) - l), + (r.wrapperEl.style[a("width")] = `${r.virtualSize + l}px`), + i) + ) { + const e = []; + for (let t = 0; t < s.length; t += 1) { + let a = s[t]; + n && (a = Math.floor(a)), + s[t] < r.virtualSize + s[0] && e.push(a); + } + s.splice(0, s.length), s.push(...e); + } + }, + }); + }, + function (e) { + let { swiper: t } = e; + Object.assign(t, { + appendSlide: te.bind(t), + prependSlide: se.bind(t), + addSlide: ae.bind(t), + removeSlide: ie.bind(t), + removeAllSlides: re.bind(t), + }); + }, + function (e) { + let { swiper: t, extendParams: s, on: a } = e; + s({ fadeEffect: { crossFade: !1 } }), + ne({ + effect: "fade", + swiper: t, + on: a, + setTranslate: () => { + const { slides: e } = t; + t.params.fadeEffect; + for (let s = 0; s < e.length; s += 1) { + const e = t.slides[s]; + let a = -e.swiperSlideOffset; + t.params.virtualTranslate || (a -= t.translate); + let i = 0; + t.isHorizontal() || ((i = a), (a = 0)); + const r = t.params.fadeEffect.crossFade + ? Math.max(1 - Math.abs(e.progress), 0) + : 1 + Math.min(Math.max(e.progress, -1), 0), + n = le(0, e); + (n.style.opacity = r), + (n.style.transform = `translate3d(${a}px, ${i}px, 0px)`); + } + }, + setTransition: (e) => { + const s = t.slides.map((e) => m(e)); + s.forEach((t) => { + t.style.transitionDuration = `${e}ms`; + }), + oe({ + swiper: t, + duration: e, + transformElements: s, + allSlides: !0, + }); + }, + overwriteParams: () => ({ + slidesPerView: 1, + slidesPerGroup: 1, + watchSlidesProgress: !0, + spaceBetween: 0, + virtualTranslate: !t.params.cssMode, + }), + }); + }, + function (e) { + let { swiper: t, extendParams: s, on: a } = e; + s({ + cubeEffect: { + slideShadows: !0, + shadow: !0, + shadowOffset: 20, + shadowScale: 0.94, + }, + }); + const i = (e, t, s) => { + let a = s + ? e.querySelector(".swiper-slide-shadow-left") + : e.querySelector(".swiper-slide-shadow-top"), + i = s + ? e.querySelector(".swiper-slide-shadow-right") + : e.querySelector(".swiper-slide-shadow-bottom"); + a || + ((a = f( + "div", + ( + "swiper-slide-shadow-cube swiper-slide-shadow-" + + (s ? "left" : "top") + ).split(" "), + )), + e.append(a)), + i || + ((i = f( + "div", + ( + "swiper-slide-shadow-cube swiper-slide-shadow-" + + (s ? "right" : "bottom") + ).split(" "), + )), + e.append(i)), + a && (a.style.opacity = Math.max(-t, 0)), + i && (i.style.opacity = Math.max(t, 0)); + }; + ne({ + effect: "cube", + swiper: t, + on: a, + setTranslate: () => { + const { + el: e, + wrapperEl: s, + slides: a, + width: r, + height: n, + rtlTranslate: l, + size: o, + browser: d, + } = t, + c = t.params.cubeEffect, + p = t.isHorizontal(), + u = t.virtual && t.params.virtual.enabled; + let m, + h = 0; + c.shadow && + (p + ? ((m = t.wrapperEl.querySelector(".swiper-cube-shadow")), + m || + ((m = f("div", "swiper-cube-shadow")), t.wrapperEl.append(m)), + (m.style.height = `${r}px`)) + : ((m = e.querySelector(".swiper-cube-shadow")), + m || ((m = f("div", "swiper-cube-shadow")), e.append(m)))); + for (let e = 0; e < a.length; e += 1) { + const t = a[e]; + let s = e; + u && (s = parseInt(t.getAttribute("data-swiper-slide-index"), 10)); + let r = 90 * s, + n = Math.floor(r / 360); + l && ((r = -r), (n = Math.floor(-r / 360))); + const d = Math.max(Math.min(t.progress, 1), -1); + let m = 0, + f = 0, + g = 0; + s % 4 == 0 + ? ((m = 4 * -n * o), (g = 0)) + : (s - 1) % 4 == 0 + ? ((m = 0), (g = 4 * -n * o)) + : (s - 2) % 4 == 0 + ? ((m = o + 4 * n * o), (g = o)) + : (s - 3) % 4 == 0 && ((m = -o), (g = 3 * o + 4 * o * n)), + l && (m = -m), + p || ((f = m), (m = 0)); + const v = `rotateX(${p ? 0 : -r}deg) rotateY(${p ? r : 0}deg) translate3d(${m}px, ${f}px, ${g}px)`; + d <= 1 && + d > -1 && + ((h = 90 * s + 90 * d), l && (h = 90 * -s - 90 * d)), + (t.style.transform = v), + c.slideShadows && i(t, d, p); + } + if ( + ((s.style.transformOrigin = `50% 50% -${o / 2}px`), + (s.style["-webkit-transform-origin"] = `50% 50% -${o / 2}px`), + c.shadow) + ) + if (p) + m.style.transform = `translate3d(0px, ${r / 2 + c.shadowOffset}px, ${-r / 2}px) rotateX(90deg) rotateZ(0deg) scale(${c.shadowScale})`; + else { + const e = Math.abs(h) - 90 * Math.floor(Math.abs(h) / 90), + t = + 1.5 - + (Math.sin((2 * e * Math.PI) / 360) / 2 + + Math.cos((2 * e * Math.PI) / 360) / 2), + s = c.shadowScale, + a = c.shadowScale / t, + i = c.shadowOffset; + m.style.transform = `scale3d(${s}, 1, ${a}) translate3d(0px, ${n / 2 + i}px, ${-n / 2 / a}px) rotateX(-90deg)`; + } + const g = + (d.isSafari || d.isWebView) && d.needPerspectiveFix ? -o / 2 : 0; + (s.style.transform = `translate3d(0px,0,${g}px) rotateX(${t.isHorizontal() ? 0 : h}deg) rotateY(${t.isHorizontal() ? -h : 0}deg)`), + s.style.setProperty("--swiper-cube-translate-z", `${g}px`); + }, + setTransition: (e) => { + const { el: s, slides: a } = t; + if ( + (a.forEach((t) => { + (t.style.transitionDuration = `${e}ms`), + t + .querySelectorAll( + ".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left", + ) + .forEach((t) => { + t.style.transitionDuration = `${e}ms`; + }); + }), + t.params.cubeEffect.shadow && !t.isHorizontal()) + ) { + const t = s.querySelector(".swiper-cube-shadow"); + t && (t.style.transitionDuration = `${e}ms`); + } + }, + recreateShadows: () => { + const e = t.isHorizontal(); + t.slides.forEach((t) => { + const s = Math.max(Math.min(t.progress, 1), -1); + i(t, s, e); + }); + }, + getEffectParams: () => t.params.cubeEffect, + perspective: () => !0, + overwriteParams: () => ({ + slidesPerView: 1, + slidesPerGroup: 1, + watchSlidesProgress: !0, + resistanceRatio: 0, + spaceBetween: 0, + centeredSlides: !1, + virtualTranslate: !0, + }), + }); + }, + function (e) { + let { swiper: t, extendParams: s, on: a } = e; + s({ flipEffect: { slideShadows: !0, limitRotation: !0 } }); + const i = (e, s) => { + let a = t.isHorizontal() + ? e.querySelector(".swiper-slide-shadow-left") + : e.querySelector(".swiper-slide-shadow-top"), + i = t.isHorizontal() + ? e.querySelector(".swiper-slide-shadow-right") + : e.querySelector(".swiper-slide-shadow-bottom"); + a || (a = de("flip", e, t.isHorizontal() ? "left" : "top")), + i || (i = de("flip", e, t.isHorizontal() ? "right" : "bottom")), + a && (a.style.opacity = Math.max(-s, 0)), + i && (i.style.opacity = Math.max(s, 0)); + }; + ne({ + effect: "flip", + swiper: t, + on: a, + setTranslate: () => { + const { slides: e, rtlTranslate: s } = t, + a = t.params.flipEffect; + for (let r = 0; r < e.length; r += 1) { + const n = e[r]; + let l = n.progress; + t.params.flipEffect.limitRotation && + (l = Math.max(Math.min(n.progress, 1), -1)); + const o = n.swiperSlideOffset; + let d = -180 * l, + c = 0, + p = t.params.cssMode ? -o - t.translate : -o, + u = 0; + t.isHorizontal() + ? s && (d = -d) + : ((u = p), (p = 0), (c = -d), (d = 0)), + (n.style.zIndex = -Math.abs(Math.round(l)) + e.length), + a.slideShadows && i(n, l); + const m = `translate3d(${p}px, ${u}px, 0px) rotateX(${c}deg) rotateY(${d}deg)`; + le(0, n).style.transform = m; + } + }, + setTransition: (e) => { + const s = t.slides.map((e) => m(e)); + s.forEach((t) => { + (t.style.transitionDuration = `${e}ms`), + t + .querySelectorAll( + ".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left", + ) + .forEach((t) => { + t.style.transitionDuration = `${e}ms`; + }); + }), + oe({ swiper: t, duration: e, transformElements: s }); + }, + recreateShadows: () => { + t.params.flipEffect, + t.slides.forEach((e) => { + let s = e.progress; + t.params.flipEffect.limitRotation && + (s = Math.max(Math.min(e.progress, 1), -1)), + i(e, s); + }); + }, + getEffectParams: () => t.params.flipEffect, + perspective: () => !0, + overwriteParams: () => ({ + slidesPerView: 1, + slidesPerGroup: 1, + watchSlidesProgress: !0, + spaceBetween: 0, + virtualTranslate: !t.params.cssMode, + }), + }); + }, + function (e) { + let { swiper: t, extendParams: s, on: a } = e; + s({ + coverflowEffect: { + rotate: 50, + stretch: 0, + depth: 100, + scale: 1, + modifier: 1, + slideShadows: !0, + }, + }), + ne({ + effect: "coverflow", + swiper: t, + on: a, + setTranslate: () => { + const { width: e, height: s, slides: a, slidesSizesGrid: i } = t, + r = t.params.coverflowEffect, + n = t.isHorizontal(), + l = t.translate, + o = n ? e / 2 - l : s / 2 - l, + d = n ? r.rotate : -r.rotate, + c = r.depth; + for (let e = 0, t = a.length; e < t; e += 1) { + const t = a[e], + s = i[e], + l = (o - t.swiperSlideOffset - s / 2) / s, + p = + "function" == typeof r.modifier + ? r.modifier(l) + : l * r.modifier; + let u = n ? d * p : 0, + m = n ? 0 : d * p, + h = -c * Math.abs(p), + f = r.stretch; + "string" == typeof f && + -1 !== f.indexOf("%") && + (f = (parseFloat(r.stretch) / 100) * s); + let g = n ? 0 : f * p, + v = n ? f * p : 0, + w = 1 - (1 - r.scale) * Math.abs(p); + Math.abs(v) < 0.001 && (v = 0), + Math.abs(g) < 0.001 && (g = 0), + Math.abs(h) < 0.001 && (h = 0), + Math.abs(u) < 0.001 && (u = 0), + Math.abs(m) < 0.001 && (m = 0), + Math.abs(w) < 0.001 && (w = 0); + const b = `translate3d(${v}px,${g}px,${h}px) rotateX(${m}deg) rotateY(${u}deg) scale(${w})`; + if ( + ((le(0, t).style.transform = b), + (t.style.zIndex = 1 - Math.abs(Math.round(p))), + r.slideShadows) + ) { + let e = n + ? t.querySelector(".swiper-slide-shadow-left") + : t.querySelector(".swiper-slide-shadow-top"), + s = n + ? t.querySelector(".swiper-slide-shadow-right") + : t.querySelector(".swiper-slide-shadow-bottom"); + e || (e = de("coverflow", t, n ? "left" : "top")), + s || (s = de("coverflow", t, n ? "right" : "bottom")), + e && (e.style.opacity = p > 0 ? p : 0), + s && (s.style.opacity = -p > 0 ? -p : 0); + } + } + }, + setTransition: (e) => { + t.slides + .map((e) => m(e)) + .forEach((t) => { + (t.style.transitionDuration = `${e}ms`), + t + .querySelectorAll( + ".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left", + ) + .forEach((t) => { + t.style.transitionDuration = `${e}ms`; + }); + }); + }, + perspective: () => !0, + overwriteParams: () => ({ watchSlidesProgress: !0 }), + }); + }, + function (e) { + let { swiper: t, extendParams: s, on: a } = e; + s({ + creativeEffect: { + limitProgress: 1, + shadowPerProgress: !1, + progressMultiplier: 1, + perspective: !0, + prev: { + translate: [0, 0, 0], + rotate: [0, 0, 0], + opacity: 1, + scale: 1, + }, + next: { + translate: [0, 0, 0], + rotate: [0, 0, 0], + opacity: 1, + scale: 1, + }, + }, + }); + const i = (e) => ("string" == typeof e ? e : `${e}px`); + ne({ + effect: "creative", + swiper: t, + on: a, + setTranslate: () => { + const { slides: e, wrapperEl: s, slidesSizesGrid: a } = t, + r = t.params.creativeEffect, + { progressMultiplier: n } = r, + l = t.params.centeredSlides; + if (l) { + const e = a[0] / 2 - t.params.slidesOffsetBefore || 0; + s.style.transform = `translateX(calc(50% - ${e}px))`; + } + for (let s = 0; s < e.length; s += 1) { + const a = e[s], + o = a.progress, + d = Math.min( + Math.max(a.progress, -r.limitProgress), + r.limitProgress, + ); + let c = d; + l || + (c = Math.min( + Math.max(a.originalProgress, -r.limitProgress), + r.limitProgress, + )); + const p = a.swiperSlideOffset, + u = [t.params.cssMode ? -p - t.translate : -p, 0, 0], + m = [0, 0, 0]; + let h = !1; + t.isHorizontal() || ((u[1] = u[0]), (u[0] = 0)); + let f = { + translate: [0, 0, 0], + rotate: [0, 0, 0], + scale: 1, + opacity: 1, + }; + d < 0 + ? ((f = r.next), (h = !0)) + : d > 0 && ((f = r.prev), (h = !0)), + u.forEach((e, t) => { + u[t] = + `calc(${e}px + (${i(f.translate[t])} * ${Math.abs(d * n)}))`; + }), + m.forEach((e, t) => { + m[t] = f.rotate[t] * Math.abs(d * n); + }), + (a.style.zIndex = -Math.abs(Math.round(o)) + e.length); + const g = u.join(", "), + v = `rotateX(${m[0]}deg) rotateY(${m[1]}deg) rotateZ(${m[2]}deg)`, + w = + c < 0 + ? `scale(${1 + (1 - f.scale) * c * n})` + : `scale(${1 - (1 - f.scale) * c * n})`, + b = + c < 0 + ? 1 + (1 - f.opacity) * c * n + : 1 - (1 - f.opacity) * c * n, + y = `translate3d(${g}) ${v} ${w}`; + if ((h && f.shadow) || !h) { + let e = a.querySelector(".swiper-slide-shadow"); + if ((!e && f.shadow && (e = de("creative", a)), e)) { + const t = r.shadowPerProgress ? d * (1 / r.limitProgress) : d; + e.style.opacity = Math.min(Math.max(Math.abs(t), 0), 1); + } + } + const E = le(0, a); + (E.style.transform = y), + (E.style.opacity = b), + f.origin && (E.style.transformOrigin = f.origin); + } + }, + setTransition: (e) => { + const s = t.slides.map((e) => m(e)); + s.forEach((t) => { + (t.style.transitionDuration = `${e}ms`), + t.querySelectorAll(".swiper-slide-shadow").forEach((t) => { + t.style.transitionDuration = `${e}ms`; + }); + }), + oe({ swiper: t, duration: e, transformElements: s, allSlides: !0 }); + }, + perspective: () => t.params.creativeEffect.perspective, + overwriteParams: () => ({ + watchSlidesProgress: !0, + virtualTranslate: !t.params.cssMode, + }), + }); + }, + function (e) { + let { swiper: t, extendParams: s, on: a } = e; + s({ + cardsEffect: { + slideShadows: !0, + rotate: !0, + perSlideRotate: 2, + perSlideOffset: 8, + }, + }), + ne({ + effect: "cards", + swiper: t, + on: a, + setTranslate: () => { + const { slides: e, activeIndex: s, rtlTranslate: a } = t, + i = t.params.cardsEffect, + { startTranslate: r, isTouched: n } = t.touchEventsData, + l = a ? -t.translate : t.translate; + for (let o = 0; o < e.length; o += 1) { + const d = e[o], + c = d.progress, + p = Math.min(Math.max(c, -4), 4); + let u = d.swiperSlideOffset; + t.params.centeredSlides && + !t.params.cssMode && + (t.wrapperEl.style.transform = `translateX(${t.minTranslate()}px)`), + t.params.centeredSlides && + t.params.cssMode && + (u -= e[0].swiperSlideOffset); + let m = t.params.cssMode ? -u - t.translate : -u, + h = 0; + const f = -100 * Math.abs(p); + let g = 1, + v = -i.perSlideRotate * p, + w = i.perSlideOffset - 0.75 * Math.abs(p); + const b = + t.virtual && t.params.virtual.enabled + ? t.virtual.from + o + : o, + y = + (b === s || b === s - 1) && + p > 0 && + p < 1 && + (n || t.params.cssMode) && + l < r, + E = + (b === s || b === s + 1) && + p < 0 && + p > -1 && + (n || t.params.cssMode) && + l > r; + if (y || E) { + const e = (1 - Math.abs((Math.abs(p) - 0.5) / 0.5)) ** 0.5; + (v += -28 * p * e), + (g += -0.5 * e), + (w += 96 * e), + (h = -25 * e * Math.abs(p) + "%"); + } + if ( + ((m = + p < 0 + ? `calc(${m}px ${a ? "-" : "+"} (${w * Math.abs(p)}%))` + : p > 0 + ? `calc(${m}px ${a ? "-" : "+"} (-${w * Math.abs(p)}%))` + : `${m}px`), + !t.isHorizontal()) + ) { + const e = h; + (h = m), (m = e); + } + const x = p < 0 ? "" + (1 + (1 - g) * p) : "" + (1 - (1 - g) * p), + S = `\n translate3d(${m}, ${h}, ${f}px)\n rotateZ(${i.rotate ? (a ? -v : v) : 0}deg)\n scale(${x})\n `; + if (i.slideShadows) { + let e = d.querySelector(".swiper-slide-shadow"); + e || (e = de("cards", d)), + e && + (e.style.opacity = Math.min( + Math.max((Math.abs(p) - 0.5) / 0.5, 0), + 1, + )); + } + d.style.zIndex = -Math.abs(Math.round(c)) + e.length; + le(0, d).style.transform = S; + } + }, + setTransition: (e) => { + const s = t.slides.map((e) => m(e)); + s.forEach((t) => { + (t.style.transitionDuration = `${e}ms`), + t.querySelectorAll(".swiper-slide-shadow").forEach((t) => { + t.style.transitionDuration = `${e}ms`; + }); + }), + oe({ swiper: t, duration: e, transformElements: s }); + }, + perspective: () => !0, + overwriteParams: () => ({ + watchSlidesProgress: !0, + virtualTranslate: !t.params.cssMode, + }), + }); + }, + ]; + return Q.use(ce), Q; +})(); +//# sourceMappingURL=swiper-bundle.min.js.map diff --git a/source/sass/blocks/about.scss b/source/sass/blocks/about.scss new file mode 100644 index 00000000..776c54db --- /dev/null +++ b/source/sass/blocks/about.scss @@ -0,0 +1,256 @@ +.about { + padding-top: 120px; + padding-bottom: 236px; + + @include vp-1365 { + padding-top: 60px; + padding-bottom: 120px; + } + + @include vp-767 { + padding-top: 40px; + padding-bottom: 40px; + } +} + +.about .container { + @include vp-767 { + padding: 0; + } +} + +.about__wrapper { + display: flex; + justify-content: space-between; + position: relative; + + @include vp-1365 { + flex-direction: column; + justify-content: flex-start; + } +} + +.about__col { + &--content { + max-width: 355px; + + @include vp-1365 { + max-width: 100%; + } + + @include vp-767 { + padding: 0 15px; + } + } + + &--img { + flex-shrink: 0; + + @include vp-767 { + margin-bottom: 36px; + } + } +} + +.about__head { + margin-bottom: 95px; + + @include vp-1365 { + margin-bottom: 36px; + } +} + +.about__title { + margin: 0; + margin-bottom: 25px; + + @include vp-1365 { + margin-bottom: 20px; + text-align: center; + } + + @include vp-767 { + margin-bottom: 12px; + text-align: left; + } +} + +.about__descr { + margin: 0; + font-family: $font-family; + font-weight: 400; + font-size: 22px; + line-height: 22px; + color: $color-dark; + + @include vp-1365 { + text-align: center; + font-size: 20px; + line-height: 20px; + } + + @include vp-767 { + text-align: left; + font-size: 18px; + } +} + +.about__content { + @include vp-1365 { + max-width: 502px; + margin: 0 auto; + } + + @include vp-767 { + max-width: 100%; + margin: 0; + } +} + +.about__content p { + font-weight: 300; + font-size: 16px; + line-height: 24px; + color: $color-dark; + margin: 0; + + @include vp-1365 { + text-align: center; + } + + @include vp-767 { + font-size: 14px; + line-height: 22px; + text-align: left; + } + + &:nth-child(n + 1) { + margin-bottom: 8px; + + @include vp-1365 { + margin-bottom: 36px; + } + } + + &:nth-child(n + 2) { + @include vp-1365 { + display: none; + } + } +} + +.about__col--img img { + width: 660px; + height: 400px; + object-fit: cover; + + @include vp-1365 { + width: 100%; + height: auto; + min-height: 345px; + } + + @include vp-767 { + min-height: 280px; + } +} + +.about__video { + position: absolute; + top: 70.7%; + left: 34.5%; + width: 360px; + height: 230px; + + @include vp-1365 { + left: 50%; + top: 85.07%; + transform: translateX(-50%); + width: 39.8%; + height: auto; + } + + @include vp-767 { + position: relative; + left: 0; + top: 0; + transform: translateX(0); + width: 100%; + } +} + +.video__btn { + display: flex; + justify-content: center; + align-items: center; + padding: 0; + position: absolute; + z-index: 2; + top: 50%; + left: 50%; + width: 100%; + height: 100%; + transform: translateX(-50%) translateY(-50%); + background-color: $color-transparent; + border: none; + cursor: pointer; + + &::before { + position: absolute; + content: ""; + width: 100px; + height: 100px; + top: 50%; + left: 50%; + transform: translateX(-50%) translateY(-50%); + background-image: url("../../img/svg/video-btn-default.svg"); + background-repeat: no-repeat; + background-size: cover; + background-position: center center; + + @include vp-1365 { + width: 72px; + height: 72px; + } + } + + &:focus { + outline: none; + } + + &:focus-visible { + outline: none; + + &::before { + background-image: url("../../img/svg/video-btn-focus.svg"); + } + } + + &:hover:not(:disabled):not(:active):not(:focus-visible) { + &::before { + background-image: url("../../img/svg/video-btn-hover.svg"); + } + } + + &:active { + &::before { + background-image: url("../../img/svg/video-btn-active.svg"); + } + } + + &:disabled { + pointer-events: none; + + &::before { + background-image: url("../../img/svg/video-btn-disabled.svg"); + } + } +} + +.video__btn.disabled { + pointer-events: none; + + &::before { + background-image: url("../../img/svg/video-btn-disabled.svg"); + } +} diff --git a/source/sass/blocks/btn.scss b/source/sass/blocks/btn.scss new file mode 100644 index 00000000..33a20fe3 --- /dev/null +++ b/source/sass/blocks/btn.scss @@ -0,0 +1,118 @@ +.btn { + display: flex; + justify-content: center; + align-items: center; + padding: 10px 20px; + width: 100%; + min-height: 66px; + font-weight: 700; + font-size: 12px; + line-height: 12px; + text-transform: uppercase; + text-align: center; + cursor: pointer; + transition: + opacity $trans-default, + background-color $trans-default, + color $trans-default; + + &--on-dark { + background-color: $color-transparent; + border: 2px solid $color-white; + color: $color-white; + + &:focus { + outline: none; + } + + &:focus-visible { + outline: none; + border-color: $color-black; + background-color: rgba($color-transparent, 0.8); + color: $color-action; + } + + &:hover:not(:disabled):not(.disabled):not(:focus-visible):not(:active) { + background-color: $color-white; + color: $color-action; + } + + &:active { + border-color: $color-white; + background-color: $color-white; + color: $color-dark; + } + + &:disabled { + opacity: 0.5; + pointer-events: none; + } + } + + &--on-light { + background-color: $color-transparent; + border: 2px solid $color-dark; + color: $color-dark; + + &:focus { + outline: none; + } + + &:focus-visible { + outline: none; + border-color: $color-black; + background: + linear-gradient( + 151deg, + rgba(237, 2, 51, 0.8) 0%, + rgba(0, 62, 183, 0.8) 100% + ); + color: $color-white; + } + + &:hover:not(:disabled):not(.disabled):not(:focus-visible):not(:active) { + border: none; + background: $fill-gradient; + color: $color-white; + } + + &:active { + border: none; + background: $fill-gradient; + color: rgba($color-white, 0.7); + } + + &:disabled { + pointer-events: none; + opacity: 0.3; + } + } +} + +.btn--on-dark.is-active { + border-color: $color-white; + background-color: $color-white; + color: $color-dark; +} + +.btn--on-dark.disabled { + opacity: 0.5; + pointer-events: none; +} + +.btn--on-light.is-active { + border: none; + background: $fill-gradient; + color: rgba($color-white, 0.7); + + &:active { + border: none; + background: $fill-gradient; + color: rgba($color-white, 0.7); + } +} + +.btn--on-light.disabled { + pointer-events: none; + opacity: 0.3; +} diff --git a/source/sass/blocks/contacts.scss b/source/sass/blocks/contacts.scss new file mode 100644 index 00000000..127fa85f --- /dev/null +++ b/source/sass/blocks/contacts.scss @@ -0,0 +1,172 @@ +.contacts { + flex: 0 1 50%; + display: flex; + border-top: 1px solid #74819c; + align-items: flex-start; + position: relative; + + @include vp-1365 { + flex: 0 1 100%; + justify-content: center; + border-top: none; + } +} + +.contacts__container { + width: 100%; + max-width: 580px; + min-height: 338px; + margin-right: auto; + padding-left: 103px; + padding-top: 60px; + + @include vp-1365 { + max-width: 440px; + min-height: 327px; + margin: 0; + padding-left: 0; + } + + @include vp-767 { + max-width: 290px; + min-height: 438px; + padding-top: 36px; + } +} + +.contacts__title { + margin: 0; + margin-bottom: 36px; + + @include vp-1365 { + text-align: center; + font-size: 54px; + line-height: 54px; + } + + @include vp-767 { + margin-bottom: 38px; + text-align: left; + font-size: 32px; + line-height: 32px; + } +} + +.contacts__content { + position: relative; + display: flex; + align-items: flex-start; + column-gap: 120px; + + @include vp-1365 { + column-gap: 60px; + } + + @include vp-767 { + flex-direction: column; + align-items: stretch; + column-gap: 0; + row-gap: 28px; + } + + &::after { + position: absolute; + content: ""; + width: 1px; + height: 100%; + top: 0; + left: 50%; + transform: translateX(-50%); + background-color: #74819c; + + @include vp-767 { + display: none; + } + } +} + +.contacts__col { + flex: 0 1 50%; + display: flex; + flex-direction: column; + align-items: flex-start; + row-gap: 15px; + + @include vp-767 { + row-gap: 28px; + } +} + +.contacts__item { + display: flex; + flex-direction: column; + align-items: flex-start; +} + +.contacts__item-title { + margin: 0; + font-size: 24px; + line-height: 24px; + font-weight: 400; + margin-bottom: 6px; + + @include vp-1365 { + margin-bottom: 5px; + } + + @include vp-767 { + margin-bottom: 12px; + font-size: 20px; + line-height: 20px; + } +} + +.contacts__item-descr { + margin: 0; + font-size: 14px; + line-height: 22px; + position: relative; + + @include vp-767 { + line-height: 20px; + } + + &::after { + position: absolute; + content: ""; + width: 100%; + height: 1px; + bottom: 0; + left: 0; + transition: background-color $trans-default; + } + + &:focus { + outline: none; + } + + &:focus-visible { + outline: none; + color: $color-action; + } + + &:hover:not(:focus-visible):not(:active):not(.disabled) { + &::after { + background-color: $color-action; + } + } + + &:active { + color: $color-black; + } + + &:disabled { + pointer-events: none; + opacity: 0.4; + } +} + +.nav__list .disabled { + pointer-events: none; + opacity: 0.4; +} diff --git a/source/sass/blocks/faq.scss b/source/sass/blocks/faq.scss new file mode 100644 index 00000000..a9a78799 --- /dev/null +++ b/source/sass/blocks/faq.scss @@ -0,0 +1,254 @@ +.faq { + padding-top: 100px; + padding-bottom: 100px; + background-color: $color-light; + + @include vp-1365 { + padding-top: 61px; + padding-bottom: 58px; + } + + @include vp-767 { + padding-top: 71px; + padding-bottom: 70px; + } +} + +.faq__title { + margin: 0; + margin-bottom: 49px; + + @include vp-1365 { + margin-bottom: 43px; + text-align: center; + + @include vp-767 { + margin-bottom: 33px; + } + } +} + +.faq__inner { + display: flex; + justify-content: space-between; + + @include vp-1365 { + flex-direction: column; + justify-content: flex-start; + } +} + +.faq__controls { + width: 100%; + max-width: 260px; + display: flex; + flex-direction: column; + row-gap: 10px; + margin-top: 1px; + + @include vp-1365 { + max-width: 100%; + column-gap: 10px; + flex-direction: row; + margin-bottom: 45px; + } + + @include vp-767 { + flex-wrap: wrap; + margin-bottom: 35px; + } +} + +.faq__control { + width: 100%; + min-height: 54px; + + @include vp-1365 { + max-width: 162px; + } + + @include vp-767 { + max-width: 140px; + min-height: 46px; + font-size: 16px; + line-height: 16px; + } +} + +.faq__wrapper { + width: 100%; + max-width: 860px; + border-top: 1px solid #74819c; + display: none; +} + +.faq__wrapper.is-active { + display: block; +} + +.faq__item { + display: flex; + flex-wrap: wrap; + justify-content: space-between; + align-items: center; + padding-top: 24px; + padding-bottom: 21px; + border-bottom: 1px solid #74819c; + + @include vp-1365 { + padding-top: 24px; + padding-bottom: 22px; + } + + @include vp-767 { + padding-top: 20px; + padding-bottom: 20px; + } +} + +.faq__item:first-child br { + display: none; + + @include vp-767 { + display: inline-block; + } +} + +.faq__item-content { + max-height: 0; + overflow: hidden; + transition: max-height 0.3s ease; +} + +.faq__item-content.is-active { + max-height: 1000px; +} + +.faq__item h3 { + margin: 0; + font-weight: 400; + font-size: 24px; + line-height: 24px; + + @include vp-1365 { + max-width: 500px; + font-size: 22px; + line-height: 22px; + } + + @include vp-767 { + max-width: 238px; + font-size: 20px; + line-height: 20px; + } +} + +.faq__item p { + margin: 0; + margin-top: 23px; + font-size: 18px; + font-weight: 300; + width: 100%; + max-width: 640px; + + @include vp-1365 { + max-width: 560px; + margin-top: 10px; + } + + @include vp-767 { + margin-top: 20px; + font-size: 16px; + line-height: 20px; + max-width: 238px; + } +} + +.faq__item-btn { + display: flex; + align-items: center; + justify-content: center; + width: 40px; + height: 40px; + border-radius: 50%; + padding: 10px; + background-color: $color-transparent; + border: 1px solid $color-dark-alternative; + color: $color-dark-alternative; + + @include vp-767 { + width: 30px; + height: 30px; + padding: 8px; + } + + &:focus { + outline: none; + } + + &:focus-visible { + outline: none; + border: 1px solid $color-dark-alternative; + background-color: #74819c; + color: $color-white; + } + + &:hover:not(:disabled):not(:focus-visible) { + background-color: $color-dark-alternative; + color: $color-white; + } + + &:disabled { + opacity: 0.3; + pointer-events: none; + } +} + +.faq__item-btn.disabled { + opacity: 0.3; + pointer-events: none; +} + +.faq__item-btn svg { + @include vp-767 { + width: 14px; + height: 14px; + } +} + +.faq__item-btn .faq__item-btn-plus { + display: block; +} + +.faq__item-btn .faq__item-btn-minus { + display: none; +} + +.faq__item-btn.is-active { + background-color: $color-dark-alternative; + color: $color-white; + + &:focus { + outline: none; + } + + &:focus-visible { + outline: none; + border: 1px solid $color-dark-alternative; + background-color: #74819c; + color: $color-white; + } + + &:hover:not(:disabled):not(:focus-visible):not(:active) { + background-color: $color-dark-alternative; + color: $color-white; + } +} + +.faq__item-btn.is-active .faq__item-btn-plus { + display: none; +} + +.faq__item-btn.is-active .faq__item-btn-minus { + display: block; +} diff --git a/source/sass/blocks/feature-card.scss b/source/sass/blocks/feature-card.scss new file mode 100644 index 00000000..397871af --- /dev/null +++ b/source/sass/blocks/feature-card.scss @@ -0,0 +1,184 @@ +.feature-card { + display: flex; + flex-direction: column; + + &:nth-child(3) .feature-card__wrapper, + &:nth-child(4) .feature-card__wrapper { + padding-top: 40px; + + @include vp-1365 { + padding-top: 0; + } + } +} + +.feature-card__wrapper { + display: flex; + + @include vp-767 { + flex-direction: column; + align-items: center; + } +} + +.feature-card__number { + display: flex; + flex-direction: column; + margin-right: auto; + + @include vp-1365 { + margin-right: 15px; + } + + @include vp-767 { + margin: 0; + margin-bottom: 11px; + text-align: center; + } +} + +.feature-card__number b { + margin-bottom: 2px; + font-weight: 700; + font-size: 70px; + line-height: 70px; + background: linear-gradient(127.61deg, #d10a42 0%, #0041ca 45.58%); + background-clip: text; + -webkit-text-fill-color: transparent; + + @include vp-1365 { + margin-bottom: 0; + } + + @include vp-767 { + font-size: 64px; + line-height: 64px; + } +} + +.feature-card__number small { + font-size: 14px; + line-height: 22px; + color: #2e35ac; +} + +.feature-card__text { + width: 100%; + max-width: 210px; + + @include vp-1365 { + max-width: 238px; + } + + @include vp-767 { + max-width: 230px; + text-align: center; + } +} + +.feature-card__text h3 { + margin: 0; + margin-bottom: 8px; + font-weight: 400; + font-size: 22px; + line-height: 22px; + + @include vp-1365 { + font-size: 20px; + line-height: 20px; + margin-bottom: 11px; + } + + @include vp-767 { + font-size: 18px; + } +} + +.feature-card__text p { + margin: 0; + font-weight: 300; + + @include vp-767 { + font-size: 14px; + line-height: 22px; + } +} + +.feature-card--main { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + padding: 40px; + padding-top: 42px; + text-align: center; + background-color: $color-dark-alternative; + color: $color-white; + + @include vp-1365 { + padding: 35px; + } + + @include vp-767 { + padding-top: 30px; + padding-bottom: 40px; + margin-top: 5px; + margin-bottom: 5px; + } +} + +.feature-card--main b { + display: inline-block; + margin-bottom: 10px; + font-weight: 700; + font-size: 70px; + line-height: 70px; + + @include vp-1365 { + margin-bottom: 23px; + } + + @include vp-767 { + margin-bottom: 6px; + max-width: 170px; + font-size: 64px; + line-height: 64px; + } +} + +.feature-card--main small { + display: inline-block; + margin-bottom: 30px; + font-size: 26px; + line-height: 26px; + font-weight: 700; + + @include vp-1365 { + margin-bottom: 26px; + font-size: 24px; + line-height: 24px; + } + + @include vp-767 { + margin-bottom: 20px; + max-width: 170px; + font-size: 22px; + line-height: 22px; + } +} + +.feature-card--main p { + margin: 0; + font-weight: 300; + + @include vp-1365 { + max-width: 250px; + margin: 0 auto; + } + + @include vp-767 { + max-width: 170px; + font-size: 14px; + line-height: 22px; + } +} diff --git a/source/sass/blocks/features.scss b/source/sass/blocks/features.scss new file mode 100644 index 00000000..6f7912ed --- /dev/null +++ b/source/sass/blocks/features.scss @@ -0,0 +1,137 @@ +.features { + background-color: $color-light; + padding-top: 100px; + padding-bottom: 100px; + + @include vp-1365 { + padding-top: 60px; + padding-bottom: 59px; + } + + @include vp-767 { + padding-top: 40px; + padding-bottom: 40px; + } +} + +.features .container { + @include vp-767 { + padding: 0; + width: 100%; + } +} + +.features__title { + margin: 0; + margin-bottom: 50px; + text-align: center; + + @include vp-767 { + margin-bottom: 40px; + } +} + +.features__inner { + display: grid; + grid-template-columns: repeat(3, 1fr); + grid-template-rows: repeat(2, minmax(150px, auto)); + grid-column-gap: 40px; + + @include vp-1365 { + grid-template-columns: repeat(2, 1fr); + grid-template-rows: + minmax(92px, auto) minmax(262px, auto) minmax( + 92px, + auto + ); + grid-column-gap: 30px; + grid-row-gap: 40px; + justify-content: stretch; + justify-items: stretch; + align-items: stretch; + } + + @include vp-767 { + display: flex; + flex-direction: column; + align-items: flex-start; + justify-content: flex-start; + grid-row-gap: 0; + grid-column-gap: 0; + row-gap: 35px; + } +} + +.features__item { + width: 100%; + + &:nth-child(4n + 1) { + grid-area: 1 / 1 / 2 / 2; + border-bottom: 2px solid rgba(209, 10, 66, 0.2); + padding-bottom: 10px; + + @include vp-1365 { + grid-area: 1 / 1 / 2 / 2; + border-bottom: none; + padding-bottom: 0; + } + + @include vp-767 { + order: 1; + } + } + + &:nth-child(4n + 2) { + grid-area: 1 / 3 / 2 / 4; + border-bottom: 2px solid rgba(209, 10, 66, 0.2); + padding-bottom: 10px; + + @include vp-1365 { + grid-area: 1 / 2 / 2 / 3; + border-bottom: none; + padding-bottom: 0; + } + + @include vp-767 { + order: 2; + } + } + + &:nth-child(4n + 3) { + grid-area: 2 / 1 / 3 / 2; + + @include vp-1365 { + grid-area: 3 / 1 / 4 / 2; + } + + @include vp-767 { + order: 4; + } + } + + &:nth-child(4n + 4) { + grid-area: 2 / 3 / 3 / 4; + + @include vp-1365 { + grid-area: 3 / 2 / 4 / 3; + } + + @include vp-767 { + order: 5; + } + } +} + +.features__main-item { + grid-area: 1 / 2 / 3 / 3; + align-self: stretch; + + @include vp-1365 { + grid-area: 2 / 1 / 3 / 3; + justify-self: center; + } + + @include vp-767 { + order: 3; + } +} diff --git a/source/sass/blocks/form.scss b/source/sass/blocks/form.scss new file mode 100644 index 00000000..5d79d94f --- /dev/null +++ b/source/sass/blocks/form.scss @@ -0,0 +1,209 @@ +.form { + flex: 0 1 50%; + display: flex; + align-items: flex-start; + background-color: $color-dark; + + @include vp-1365 { + flex: 0 1 100%; + justify-content: center; + } +} + +.form__container { + width: 100%; + max-width: 580px; + margin-left: auto; + padding-right: 103px; + display: flex; + flex-direction: column; + align-items: flex-start; + padding-top: 60px; + min-height: 339px; + + @include vp-1365 { + max-width: 440px; + margin: 0; + padding-right: 0; + align-items: center; + min-height: 338px; + } + + @include vp-767 { + max-width: 290px; + padding-top: 70px; + align-items: flex-start; + min-height: 394px; + } +} + +.form__title { + margin: 0; + margin-bottom: 36px; + + @include vp-1365 { + text-align: center; + font-size: 54px; + line-height: 54px; + } + + @include vp-767 { + text-align: left; + font-size: 32px; + line-height: 32px; + } +} + +.form__container form { + display: flex; + flex-direction: column; + align-items: flex-start; + width: 100%; +} + +.form__inputs { + display: flex; + justify-content: space-between; + align-items: flex-start; + column-gap: 30px; + width: 100%; + margin-bottom: 35px; + + @include vp-767 { + margin-bottom: 36px; + flex-direction: column; + align-items: stretch; + column-gap: 0; + row-gap: 36px; + } +} + +.form__input { + flex: 0 1 50%; + position: relative; +} + +.form__input input { + width: 100%; + min-height: 26px; + padding: 0; + padding-bottom: 4px; + background-color: $color-transparent; + border: none; + border-bottom: 1px solid #74819c; + color: $color-white; + font-size: 14px; + font-weight: 400; + line-height: 22px; + text-align: left; + + &::placeholder { + color: inherit; + opacity: 0.4; + } + + &:focus { + outline: none; + } + + &:focus-visible { + outline: none; + padding-bottom: 3px; + border: 1px solid $color-white; + + &::placeholder { + opacity: 0; + } + } + + &:hover:not(:disabled):not(:focus-visible):not(.error) { + border-bottom: 1px solid $color-white; + + &::placeholder { + opacity: 1; + } + } + + &:disabled { + color: rgba($color-white, 0.4); + border-bottom: 1px solid rgba($color-white, 0.3); + } +} + +.form__input.error input { + border-bottom: 1px solid $color-error; +} + +.form__error-text { + display: none; +} + +.form__input.error .form__error-text { + display: block; + position: absolute; + bottom: -22px; + left: 0; + font-size: 14px; + font-weight: 400; + line-height: 22px; + text-align: left; + color: $color-error; +} + +.form__container [type="submit"] { + display: flex; + justify-content: center; + align-items: center; + padding: 10px; + width: 100%; + min-height: 66px; + font-weight: 700; + font-size: 12px; + line-height: 12px; + text-transform: uppercase; + text-align: center; + cursor: pointer; + transition: + opacity $trans-default, + background-color $trans-default, + color $trans-default; + background-color: $color-transparent; + border: 2px solid $color-white; + color: $color-white; + padding-top: 13px; + + @include vp-1365 { + padding-top: 10px; + } + + @include vp-767 { + min-height: 60px; + } + + &:focus { + outline: none; + } + + &:focus-visible { + outline: none; + border-color: $color-black; + background-color: rgba($color-transparent, 0.8); + color: $color-action; + } + + &:hover:not(:disabled):not(:focus-visible):not(:active) { + background-color: $color-white; + color: $color-action; + } + + &:active { + border-color: $color-white; + background-color: $color-white; + color: $color-dark; + } + + &:disabled { + opacity: 0.5; + pointer-events: none; + } +} diff --git a/source/sass/blocks/games.scss b/source/sass/blocks/games.scss new file mode 100644 index 00000000..18db42ec --- /dev/null +++ b/source/sass/blocks/games.scss @@ -0,0 +1,253 @@ +.games { + padding-top: 100px; + padding-bottom: 100px; + + @include vp-1365 { + padding-top: 60px; + padding-bottom: 60px; + } + + @include vp-767 { + padding-top: 25px; + padding-bottom: 25px; + } +} + +.games__wrapper { + display: flex; + justify-content: center; + + @include vp-767 { + flex-direction: column; + align-items: center; + } +} + +.games__col { + &--text { + width: 100%; + background-color: $color-red; + display: flex; + flex-direction: column; + padding-top: 60px; + padding-bottom: 60px; + padding-left: 80px; + padding-right: 80px; + + @include vp-1365 { + width: 44.2%; + padding: 40px; + justify-content: flex-start; + align-items: center; + } + + @include vp-767 { + width: 100%; + padding-top: 38px; + padding-bottom: 40px; + } + } + + &--img { + flex-shrink: 0; + + @include vp-1365 { + width: 55.8%; + } + + @include vp-767 { + width: 100%; + } + } +} + +.games__content { + margin: 0 auto; + margin-bottom: 30px; + display: grid; + grid-template-columns: auto 95px; + grid-template-rows: repeat(3, auto); + color: $color-light; + align-content: start; + justify-content: start; + + @include vp-1365 { + margin: 0; + margin-bottom: 10px; + max-width: 220px; + grid-template-columns: auto 100px; + } + + @include vp-767 { + grid-template-columns: auto 56px; + margin-bottom: 17px; + } +} + +.games__tile { + margin: 0; + grid-area: 1 / 1 / 3 / 2; + font-weight: 600; + font-size: 82px; + line-height: 96px; + text-transform: uppercase; + + @include vp-1365 { + font-size: 48px; + line-height: 54px; + } + + @include vp-767 { + padding-top: 2px; + } +} + +.games__date { + grid-area: 1 / 2 / 2 / 3; + align-self: start; + display: flex; + flex-direction: column; +} + +.games__date .games__date-row--top { + padding-bottom: 6px; + border-bottom: 1px solid $color-white; + + @include vp-1365 { + padding-bottom: 0; + } +} + +.games__date .games__date-row--bottom { + display: grid; + grid-template-columns: repeat(2, auto); + grid-template-rows: repeat(2, auto); + grid-column-gap: 0; + grid-row-gap: 4px; + justify-content: start; + + @include vp-1365 { + grid-row-gap: 0; + } +} + +.games__date-row--bottom span:nth-child(1) { + grid-area: 1 / 1 / 3 / 2; + padding-top: 7px; + + @include vp-1365 { + padding-top: 12px; + } + + @include vp-767 { + padding-top: 2px; + } +} + +.games__date-row--bottom span:nth-child(2) { + grid-area: 1 / 2 / 2 / 3; + padding-left: 5px; + padding-top: 2px; + + @include vp-1365 { + padding-top: 3px; + padding-left: 6px; + } + + @include vp-767 { + padding-top: 2px; + padding-left: 4px; + font-size: 12px; + line-height: 12px; + } +} + +.games__date-row--bottom span:nth-child(3) { + grid-area: 2 / 2 / 3 / 3; + padding-left: 5px; + + @include vp-1365 { + padding-left: 6px; + } + + @include vp-767 { + padding-left: 4px; + font-size: 12px; + line-height: 12px; + } +} + +.games__time { + grid-area: 2 / 2 / 3 / 3; + display: flex; + flex-direction: column; + justify-content: flex-start; +} + +.games__time-row--top { + padding-bottom: 4px; + margin-bottom: 4px; + border-bottom: 1px solid $color-white; + + @include vp-1365 { + padding-bottom: 0; + padding-top: 10px; + margin-bottom: 0; + } + + @include vp-767 { + padding-top: 0; + } +} + +.games__time-row--bottom { + @include vp-1365 { + padding-top: 2px; + } +} + +.games__descr { + grid-area: 3 / 1 / 4 / 3; + margin: 0; + margin-top: 30px; + font-size: 18px; + font-weight: 300; + + @include vp-1365 { + margin-top: 0; + margin-bottom: 0; + padding-top: 7px; + } + + @include vp-767 { + padding-top: 15px; + font-size: 16px; + line-height: 20px; + } +} + +.games__btn { + margin: 0 auto; + width: 100%; + max-width: 340px; + + @include vp-1365 { + max-width: 100%; + } + + @include vp-767 { + min-height: 60px; + } +} + +.games__col--img img { + width: 660px; + height: 500px; + + @include vp-1365 { + width: 100%; + max-width: 100%; + height: auto; + object-fit: cover; + } +} diff --git a/source/sass/blocks/hero.scss b/source/sass/blocks/hero.scss new file mode 100644 index 00000000..954d2e55 --- /dev/null +++ b/source/sass/blocks/hero.scss @@ -0,0 +1,191 @@ +.hero { + background: $color-gradient; + padding-bottom: 120px; + + @include vp-1365 { + padding-bottom: 100px; + } + + @include vp-767 { + padding-bottom: 32px; + } +} + +.hero__content { + display: flex; + justify-content: center; + align-items: flex-start; + column-gap: 56px; + + @include vp-1365 { + column-gap: 30px; + } + + @include vp-767 { + column-gap: 0; + } +} + +.hero__col { + &--text { + width: 48.1%; + display: flex; + flex-direction: column; + align-items: flex-end; + padding-top: 52px; + + @include vp-1365 { + width: 50%; + padding-top: 31px; + } + + @include vp-767 { + width: 100%; + padding-top: 47px; + } + } + + &--img { + width: 49.3%; + flex-shrink: 0; + + @include vp-1365 { + width: auto; + } + } +} + +.hero__inner { + display: grid; + grid-template-columns: auto 270px; + grid-template-rows: repeat(2, auto); + justify-content: end; + justify-items: end; + align-items: start; + + @include vp-1365 { + grid-template-columns: auto 185px; + } + + @include vp-767 { + grid-template-columns: auto 156px; + width: 100%; + justify-content: space-between; + margin-bottom: 48px; + } +} + +.hero__inner .hero__item:nth-child(1) { + grid-area: 1 / 1 / 2 / 3; +} + +.hero__inner .hero__item:nth-child(2) { + grid-area: 2 / 1 / 3 / 2; + align-self: center; + + @include vp-767 { + align-self: end; + } +} + +.hero__inner .hero__item:nth-child(3) { + grid-area: 2 / 2 / 3 / 3; +} + +.hero__inner ul { + margin: 0; + padding: 0; + list-style-type: none; + padding-top: 14px; + + @include vp-1365 { + padding-right: 26px; + } + + @include vp-767 { + padding-right: 21px; + padding-top: 25px; + } +} + +.hero__inner li { + color: $color-white; + text-align: right; +} + +.hero__inner h1 { + margin: 0; + margin-top: 40px; + margin-bottom: 40px; + font-family: $second-family; + font-weight: 800; + font-size: 92px; + line-height: 110px; + letter-spacing: 0.04em; + text-transform: uppercase; + text-align: right; + color: $color-white; + + @include vp-1365 { + margin-top: 10px; + margin-bottom: 50px; + font-size: 72px; + line-height: 85px; + letter-spacing: 0.02em; + } + + @include vp-767 { + margin-top: 14px; + margin-bottom: 0; + font-size: 62px; + line-height: 62px; + letter-spacing: 0.01em; + } +} + +.hero__inner span { + font-family: $second-family; + font-weight: 600; + font-size: 54px; + line-height: 54px; + text-align: right; + color: $color-white; + + @include vp-1365 { + font-size: 42px; + line-height: 42px; + } + + @include vp-767 { + font-size: 32px; + line-height: 32px; + } +} + +.hero__btn { + max-width: 270px; + + @include vp-1365 { + max-width: 185px; + min-height: 56px; + } + + @include vp-767 { + max-width: 100%; + min-height: 60px; + } +} + +.hero__col--img img { + width: 500px; + height: 524px; + + @include vp-1365 { + width: 324px; + height: 390px; + } + + @include vp-767 { + display: none; + } +} diff --git a/source/sass/blocks/info.scss b/source/sass/blocks/info.scss new file mode 100644 index 00000000..02d3b9a9 --- /dev/null +++ b/source/sass/blocks/info.scss @@ -0,0 +1,17 @@ +.info { + display: flex; + justify-content: center; + align-items: flex-start; + + /// + font-size: 0; + line-height: 0; + + /// + + @include vp-1365 { + flex-direction: column; + justify-content: flex-start; + align-items: stretch; + } +} diff --git a/source/sass/blocks/juri-slide.scss b/source/sass/blocks/juri-slide.scss new file mode 100644 index 00000000..8a3ba972 --- /dev/null +++ b/source/sass/blocks/juri-slide.scss @@ -0,0 +1,92 @@ +.juri-slide { + position: relative; + min-height: 300px; + overflow: hidden; +} + +.juri-slide.is-active { + outline: none; +} + +.juri-slide.is-active .juri-slide__info { + @include vp-1366 { + display: flex; + } +} + +.juri-slide.is-active .juri-slide__name { + @include vp-1366 { + display: none; + } +} + +.juri-slide__img-container { + height: 300px; +} + +.juri-slide__img-container img { + margin: 0 auto; + width: 100%; + height: 100%; + object-fit: cover; + + @include vp-767 { + width: 100%; + height: auto; + min-height: 300px; + } +} + +.juri-slide__name { + display: block; + padding-left: 15px; + padding-right: 15px; + transform: translateY(-46px); + text-align: center; + color: $color-white; + font-size: 22px; + line-height: 22px; +} + +.juri-slide__info { + display: none; + + @include vp-1366 { + position: absolute; + top: 0; + width: 100%; + height: 100%; + flex-direction: column; + align-items: center; + justify-content: flex-start; + padding: 25px; + padding-top: 60px; + color: $color-white; + background: rgba(16, 38, 84, 0.89); + overflow-y: auto; + } +} + +.juri-slide__info-name { + display: block; + margin-bottom: 9px; + font-size: 22px; + line-height: 22px; +} + +.juri-slide__info-descr { + margin-bottom: 10px; +} + +.juri-slide__info-list { + margin: 0; + padding: 0; + padding-left: 38px; +} + +.juri-slide__info-item { + margin-bottom: 12px; + font-size: 14px; + line-height: 22px; + padding-left: 3px; +} diff --git a/source/sass/blocks/juri.scss b/source/sass/blocks/juri.scss new file mode 100644 index 00000000..77d7cf57 --- /dev/null +++ b/source/sass/blocks/juri.scss @@ -0,0 +1,82 @@ +.juri { + padding-top: 100px; + padding-bottom: 78px; + + @include vp-1365 { + padding-top: 30px; + padding-bottom: 40px; + } + + @include vp-767 { + padding-top: 41px; + padding-bottom: 17px; + } +} + +.juri__title { + margin: 0; + margin-bottom: 46px; + text-align: center; + + @include vp-1365 { + margin-bottom: 45px; + font-size: 54px; + line-height: 54px; + } + + @include vp-767 { + margin-bottom: 19px; + font-size: 32px; + line-height: 32px; + } +} + +.juri__wrapper { + position: relative; + width: 100%; + max-width: 1366px; + margin: 0 auto; + padding: 0 103px; + + @include vp-1365 { + max-width: 560px; + padding: 0; + } + + @include vp-767 { + max-width: 100%; + padding: 0 30px; + } +} + +.juri__arrow { + position: absolute; + z-index: 2; + top: 122px; + width: 50px; + height: 50px; + + @include vp-1365 { + top: 126px; + } + + @include vp-767 { + display: none; + } + + &--prev { + left: 34px; + + @include vp-1365 { + left: -71px; + } + } + + &--next { + right: 34px; + + @include vp-1365 { + right: -71px; + } + } +} diff --git a/source/sass/blocks/logo.scss b/source/sass/blocks/logo.scss new file mode 100644 index 00000000..7d9ba63c --- /dev/null +++ b/source/sass/blocks/logo.scss @@ -0,0 +1,14 @@ +.logo img { + width: 130px; + height: 26px; + + @include vp-1365 { + width: 110px; + height: 22px; + } + + @include vp-767 { + width: 100px; + height: 20px; + } +} diff --git a/source/sass/blocks/nav.scss b/source/sass/blocks/nav.scss new file mode 100644 index 00000000..a08cd3bf --- /dev/null +++ b/source/sass/blocks/nav.scss @@ -0,0 +1,92 @@ +.nav { + font-size: 0; + line-height: 0; +} + +.nav__list { + display: flex; + align-items: flex-start; + justify-content: space-between; + flex-wrap: wrap; + row-gap: 30px; + list-style: none; + margin: 0; + padding: 0; + font-size: 14px; + line-height: 22px; + + @include vp-1365 { + column-gap: 10px; + } + + @include vp-767 { + column-gap: 36px; + justify-content: flex-start; + row-gap: 0; + line-height: 20px; + } +} + +.nav__list li { + @include vp-767 { + margin-bottom: 20px; + } +} + +.nav__list a { + color: inherit; + position: relative; + padding: 4px 9px; + border: 1px solid $color-transparent; + transition: border-color $trans-default; + + @include vp-767 { + padding: 0; + border: none; + } + + &::after { + position: absolute; + content: ""; + width: calc(100% - 18px); + height: 1px; + bottom: 0; + left: 10px; + transition: background-color $trans-default; + + // @include vp-767 { + // display: none; + // } + } + + &:focus { + outline: none; + } + + &:focus-visible { + outline: none; + border: 1px solid $color-white; + } + + &:hover:not(:disabled):not(:focus-visible):not(:active):not(.disabled) { + border: 1px solid $color-transparent; + + &::after { + background-color: $color-white; + } + } + + &:active { + color: $color-white; + } + + &:disabled { + pointer-events: none; + opacity: 0.4; + } +} + +.nav__list .disabled { + pointer-events: none; + opacity: 0.4; +} diff --git a/source/sass/blocks/offers.scss b/source/sass/blocks/offers.scss new file mode 100644 index 00000000..a8a2b11d --- /dev/null +++ b/source/sass/blocks/offers.scss @@ -0,0 +1,402 @@ +.offers { + padding-top: 100px; + padding-bottom: 100px; + + @include vp-1365 { + padding-top: 61px; + padding-bottom: 60px; + } + + @include vp-767 { + padding-top: 41px; + padding-bottom: 40px; + } +} + +.offers .container { + @include vp-767 { + padding: 0; + width: 100%; + } +} + +.offers__title { + margin: 0; + margin-bottom: 70px; + text-align: center; + + @include vp-1365 { + margin-bottom: 34px; + } + + @include vp-767 { + margin-bottom: 39px; + } +} + +.offers__content { + display: grid; + grid-template-columns: repeat(2, 1fr); + grid-template-rows: 1fr auto; + column-gap: 40px; + row-gap: 30px; + align-items: end; + + @include vp-1365 { + column-gap: 30px; + row-gap: 35px; + grid-template-rows: auto auto; + } + + @include vp-767 { + display: flex; + flex-direction: column; + column-gap: 0; + row-gap: 0; + align-items: stretch; + justify-content: flex-start; + } +} + +.offers__main-item { + grid-row: span 2; + display: flex; + align-self: stretch; + + @include vp-1365 { + grid-column: span 2; + } + + @include vp-767 { + display: flex; + flex-direction: column; + align-self: stretch; + margin-bottom: 41px; + } +} + +.offers__main-item-col { + &--text { + display: flex; + flex-direction: column; + align-items: flex-start; + width: 100%; + max-width: 280px; + background-color: $color-red; + color: $color-white; + padding-top: 40px; + padding-bottom: 35px; + padding-left: 45px; + padding-right: 45px; + + @include vp-1365 { + width: 41%; + max-width: none; + flex-shrink: 0; + padding-top: 40px; + padding-bottom: 34px; + padding-left: 25px; + padding-right: 25px; + } + + @include vp-767 { + padding: 30px; + padding-bottom: 24px; + width: 100%; + align-items: center; + min-height: 270px; + text-align: center; + } + } + + &--img { + @include vp-1365 { + width: 59%; + } + + @include vp-767 { + width: 100%; + min-height: 360px; + } + } +} + +.offers__main-item-col--text h3 { + margin: 0; + margin-bottom: 20px; + font-weight: 700; + font-size: 26px; + line-height: 26px; + + @include vp-1365 { + font-size: 24px; + line-height: 24px; + } + + @include vp-767 { + margin-bottom: 8px; + font-size: 22px; + line-height: 22px; + } +} + +.offers__main-item-col--text b { + display: inline-block; + margin-bottom: 40px; + font-weight: 700; + font-size: 70px; + line-height: 70px; + + @include vp-1365 { + margin-bottom: 41px; + } + + @include vp-767 { + font-size: 64px; + line-height: 64px; + margin-bottom: 29px; + } +} + +.offers__main-item-col--text p { + margin: 0; + font-weight: 300; + font-size: 18px; + line-height: 24px; + + @include vp-767 { + font-size: 16px; + line-height: 20px; + } +} + +.offers__main-item-col--text a { + margin-top: auto; + margin-left: -11px; + position: relative; + font-family: $font-family; + font-weight: 700; + font-size: 14px; + line-height: 14px; + text-transform: uppercase; + color: inherit; + padding: 10px; + border: 1px solid $color-transparent; + transition: + opacity $trans-default, + background-color $trans-default, + color $trans-default; + + @include vp-767 { + margin-left: 0; + } + + &::after { + position: absolute; + content: ""; + width: 78.5%; + height: 1px; + bottom: 5px; + left: 50%; + transform: translateX(-50%); + background-color: $color-white; + } + + &:focus { + outline: none; + } + + &:focus-visible { + outline: none; + border: 1px solid $color-white; + + &::after { + display: none; + } + } + + &:hover:not(:focus-visible):not(:active):not(.disabled) { + opacity: 0.8; + } + + &:active { + border: 1px solid $color-transparent; + color: $color-white; + + &::after { + display: block; + } + } +} + +.offers__main-item-col--text .disabled { + border: 1px solid $color-transparent; + opacity: 0.3; + pointer-events: none; + + &::after { + display: block; + } +} + +.offers__main-item-col--img img { + width: 280px; + height: 460px; + + @include vp-1365 { + width: 100%; + min-width: 400px; + max-width: 100%; + height: auto; + object-fit: cover; + } + + @include vp-767 { + min-width: auto; + height: 100%; + } +} + +.offers__item { + color: $color-dark-alternative; + padding: 7px; + background: linear-gradient(148.82deg, #d10a42 0.85%, #00359f 100%); + + @include vp-767 { + margin: 0 auto; + width: 90.6%; + + &:not(:last-child) { + margin-bottom: 30px; + } + } +} + +.offers__item-content { + background-color: $color-white; + height: 100%; + min-height: calc(174px - 14px); + padding: 20px; + padding-bottom: 15px; + display: flex; + flex-direction: column; + align-items: flex-start; + + @include vp-1365 { + min-height: calc(188px - 14px); + } + + @include vp-767 { + align-items: center; + text-align: center; + min-height: calc(158px - 14px); + } +} + +.offers__item-content h3 { + margin: 0; + margin-bottom: 10px; + font-weight: 700; + font-size: 26px; + line-height: 26px; + + @include vp-1365 { + font-size: 26px; + line-height: 26px; + } + + @include vp-767 { + margin-bottom: 21px; + font-size: 22px; + line-height: 22px; + } +} + +.offers__item-content p { + margin: 0; + margin-bottom: 20px; + font-size: 16px; + line-height: 24px; + font-weight: 300; + + @include vp-767 { + font-size: 14px; + line-height: 22px; + margin-bottom: 8px; + } +} + +.offers__item-content a { + margin-top: auto; + margin-left: -11px; + position: relative; + font-weight: 700; + font-size: 14px; + line-height: 14px; + text-transform: uppercase; + color: inherit; + padding: 10px; + border: 1px solid $color-transparent; + transition: + opacity $trans-default, + background-color $trans-default, + color $trans-default; + + @include vp-767 { + margin-left: 0; + } + + &::after { + position: absolute; + content: ""; + width: 78.5%; + height: 1px; + bottom: 5px; + left: 50%; + transform: translateX(-50%); + background-color: #74819c; + } + + &:focus { + outline: none; + } + + &:focus-visible { + outline: none; + border: 1px solid $color-dark-alternative; + + &::after { + display: none; + } + } + + &:hover:not(:focus-visible):not(:active):not(.disabled) { + opacity: 0.8; + + &::after { + background-color: $color-dark-alternative; + } + } + + &:active { + border: 1px solid $color-transparent; + color: $color-dark-alternative; + + &::after { + display: block; + background-color: $color-dark-alternative; + } + } +} + +.offers__item-content .disabled { + border: 1px solid $color-transparent; + color: $color-dark-alternative; + opacity: 0.3; + pointer-events: none; + + &::after { + display: block; + background-color: $color-dark-alternative; + } +} diff --git a/source/sass/blocks/page-footer.scss b/source/sass/blocks/page-footer.scss new file mode 100644 index 00000000..7cc56aa8 --- /dev/null +++ b/source/sass/blocks/page-footer.scss @@ -0,0 +1,76 @@ +.page-footer { + padding-top: 40px; + padding-bottom: 40px; + background-color: #030a1a; + color: $color-white; + + @include vp-1365 { + padding-top: 45px; + padding-bottom: 48px; + } + + @include vp-767 { + padding-top: 40px; + padding-bottom: 40px; + } +} + +.page-footer img { + @include vp-1366 { + height: 27px; + } +} + +.page-footer__wrapper { + display: flex; + justify-content: space-between; + align-items: flex-start; + + @include vp-1365 { + align-items: stretch; + } + + @include vp-767 { + flex-direction: column; + justify-content: flex-start; + } +} + +.page-footer__col { + &--logo { + flex-shrink: 0; + + @include vp-767 { + margin-bottom: 31px; + } + } + + &--nav { + width: 100%; + max-width: 620px; + + @include vp-1365 { + max-width: 100%; + padding-left: 25.5px; + padding-right: 25.5px; + } + + @include vp-767 { + padding: 0; + margin-bottom: 10px; + } + } + + &--social { + width: 100%; + max-width: 95px; + + @include vp-1365 { + max-width: 105px; + } + + @include vp-767 { + max-width: 100%; + } + } +} diff --git a/source/sass/blocks/page-header.scss b/source/sass/blocks/page-header.scss new file mode 100644 index 00000000..8c75a1a1 --- /dev/null +++ b/source/sass/blocks/page-header.scss @@ -0,0 +1,78 @@ +.page-header { + padding-top: 30px; + padding-bottom: 30px; + margin-bottom: 27px; + + @include vp-1365 { + margin-bottom: 0; + padding-top: 29px; + padding-bottom: 28px; + } + + @include vp-767 { + padding-top: 14px; + padding-bottom: 16px; + } +} + +.page-header__wrapper { + display: flex; + justify-content: space-between; +} + +.page-header__col { + &--logo { + flex-shrink: 0; + + @include vp-1365 { + padding-top: 2px; + } + } + + &--phone { + max-width: 70%; + } +} + +.page-header__link { + font-weight: 700; + font-size: 26px; + line-height: 26px; + text-align: right; + color: $color-white; + cursor: pointer; + + @include vp-1365 { + font-size: 24px; + line-height: 24px; + } + + @include vp-767 { + font-size: 22px; + line-height: 22px; + } + + &:focus { + outline: none; + } + + &:focus-visible { + outline: none; + color: $color-dark-alternative; + } + + &:hover:not(:focus-visible):not(:active):not(.disabled) { + color: rgba(28, 51, 116, 0.5); + } + + &:active { + color: $color-dark; + border-bottom: 1px solid $color-dark; + } +} + +.page-header__link.disabled { + opacity: 0.5; + pointer-events: none; + color: rgba(#f8f9fc, 0.5); +} diff --git a/source/sass/blocks/price-card.scss b/source/sass/blocks/price-card.scss new file mode 100644 index 00000000..bdbcab79 --- /dev/null +++ b/source/sass/blocks/price-card.scss @@ -0,0 +1,139 @@ +.price-card { + flex-shrink: 0; + display: flex; + min-height: 447px; + width: 100%; + max-width: 360px; + padding: 7px; + background: $color-white; + + @include vp-1365 { + min-height: 460px; + max-width: 380px; + } + + @include vp-767 { + min-height: 384px; + max-width: 100%; + } +} + +.price-card.is-active { + background: $fill-gradient; +} + +.price-card__wrapper { + padding: 10px; + padding-top: 58px; + padding-bottom: 58px; + width: 100%; + display: flex; + flex-direction: column; + justify-content: flex-start; + background-color: $color-white; + + @include vp-767 { + padding: 35px; + padding-top: 43px; + } +} + +.price-card__head { + margin-bottom: 77px; + + @include vp-1365 { + margin-bottom: 83px; + } + + @include vp-767 { + margin-bottom: 65px; + } +} + +.price-card__head h3 { + margin: 0; + margin-bottom: 17px; + font-weight: 700; + font-size: 26px; + line-height: 26px; + color: $color-dark; + text-align: center; + + @include vp-1365 { + margin-bottom: 21px; + font-size: 24px; + line-height: 24px; + } + + @include vp-767 { + margin-bottom: 18px; + font-size: 22px; + line-height: 22px; + } +} + +.price-card__head p { + margin: 0; + font-weight: 300; + font-size: 16px; + line-height: 24px; + text-align: center; + color: $color-dark; + + @include vp-767 { + font-size: 14px; + line-height: 22px; + } +} + +.price-card__count { + margin-bottom: 17px; + text-align: center; + position: relative; + + @include vp-1365 { + margin-bottom: 22px; + } + + @include vp-767 { + margin-bottom: 19px; + } +} + +.price-card__sum { + color: $color-action; + position: relative; + z-index: 2; +} + +.price-card__sum svg { + width: 30px; + height: 42px; + + @include vp-767 { + width: 24px; + height: 33px; + } +} + +.price-card__back-sum { + color: rgba($color-grey, 0.48); + position: absolute; + top: -68%; + left: 50%; + transform: translateX(-50%); + z-index: 1; +} + +.price-card__btn { + margin: 0 auto; + max-width: 230px; + + @include vp-1365 { + max-width: 250px; + } + + @include vp-767 { + max-width: 100%; + } +} diff --git a/source/sass/blocks/price.scss b/source/sass/blocks/price.scss new file mode 100644 index 00000000..041e3ebc --- /dev/null +++ b/source/sass/blocks/price.scss @@ -0,0 +1,57 @@ +.price { + background-color: $color-light; + padding-top: 100px; + padding-bottom: 101px; + position: relative; + + @include vp-1365 { + padding-top: 60px; + padding-bottom: 60px; + } + + @include vp-767 { + padding-top: 40px; + padding-bottom: 40px; + } +} + +.price img { + position: absolute; + bottom: -1px; + right: 0; + z-index: 1; + width: 303px; + height: 448px; + + @include vp-1365 { + bottom: 0; + width: 325px; + height: 388px; + } + + @include vp-767 { + display: none; + } +} + +.price__title { + margin: 0; + margin-bottom: 19px; + text-align: center; + + @include vp-1365 { + margin-bottom: 35px; + } + + @include vp-767 { + margin-bottom: 30px; + } +} + +.price__tabs { + position: relative; + z-index: 2; + display: flex; + flex-direction: column; + align-items: center; +} diff --git a/source/sass/blocks/review-slide.scss b/source/sass/blocks/review-slide.scss new file mode 100644 index 00000000..64efabe2 --- /dev/null +++ b/source/sass/blocks/review-slide.scss @@ -0,0 +1,74 @@ +.review-slide { + background-color: $color-dark-alternative; + color: $color-white; +} + +.review-slide__content { + display: grid; + padding: 60px; + grid-template-columns: repeat(2, auto); + grid-template-rows: repeat(2, auto); + grid-column-gap: 30px; + align-items: start; + justify-content: start; + + @include vp-1365 { + padding-top: 40px; + padding-bottom: 40px; + padding-left: 30px; + padding-right: 30px; + grid-column-gap: 40px; + } + + @include vp-767 { + display: flex; + flex-direction: column; + grid-column-gap: 0; + padding-top: 30px; + padding-bottom: 30px; + padding-left: 25px; + padding-right: 25px; + align-items: center; + text-align: center; + } +} + +.review-slide__content b { + grid-area: 1 / 2 / 2 / 3; + font-size: 22px; + line-height: 22px; + margin-bottom: 20px; + font-weight: 400; + + @include vp-767 { + margin-bottom: 16px; + font-size: 18px; + line-height: 20px; + } +} + +.review-slide__content p { + grid-area: 2 / 2 / 3 / 3; + font-weight: 300; + margin: 0; + + @include vp-767 { + font-size: 14px; + line-height: 22px; + } +} + +.review-slide__img { + grid-area: 1 / 1 / 3 / 2; + + @include vp-767 { + margin-bottom: 10px; + } +} + +.review-slide__img img { + @include vp-767 { + width: 68px; + height: 68px; + } +} diff --git a/source/sass/blocks/reviews.scss b/source/sass/blocks/reviews.scss new file mode 100644 index 00000000..858c0e65 --- /dev/null +++ b/source/sass/blocks/reviews.scss @@ -0,0 +1,88 @@ +.reviews { + padding-top: 100px; + padding-bottom: 100px; + + @include vp-1365 { + padding-top: 60px; + padding-bottom: 60px; + } + + @include vp-767 { + padding-top: 40px; + padding-bottom: 40px; + } +} + +.reviews__title { + margin: 0; + margin-bottom: 75px; + text-align: center; + + @include vp-1365 { + margin-bottom: 35px; + font-size: 54px; + line-height: 54px; + } + + @include vp-767 { + margin-bottom: 40px; + font-size: 32px; + line-height: 32px; + } +} + +.reviews__inner { + position: relative; + max-width: 802px; + margin: 0 auto; + + @include vp-1365 { + max-width: 100%; + } +} + +.reviews__arrow { + position: absolute; + top: 104px; + width: 50px; + height: 50px; + + @include vp-1365 { + top: 96px; + } + + @include vp-767 { + display: none; + } + + &--prev { + left: 0; + + @include vp-1365 { + left: -17px; + } + } + + &--next { + right: 0; + + @include vp-1365 { + right: -17px; + } + } +} + +.reviews__slider { + max-width: 560px; + min-height: 258px; + + @include vp-1365 { + max-width: 500px; + min-height: 242px; + } + + @include vp-767 { + max-width: 240px; + min-height: 328px; + } +} diff --git a/source/sass/blocks/section-title.scss b/source/sass/blocks/section-title.scss new file mode 100644 index 00000000..f8456206 --- /dev/null +++ b/source/sass/blocks/section-title.scss @@ -0,0 +1,24 @@ +.section-title { + font-family: $second-family; + font-weight: 600; + font-size: 54px; + line-height: 54px; + + @include vp-1365 { + font-size: 42px; + line-height: 42px; + } + + @include vp-767 { + font-size: 32px; + line-height: 32px; + } + + &--dark { + color: $color-dark; + } + + &--light { + color: $color-white; + } +} diff --git a/source/sass/blocks/slider-arrow.scss b/source/sass/blocks/slider-arrow.scss new file mode 100644 index 00000000..b7accada --- /dev/null +++ b/source/sass/blocks/slider-arrow.scss @@ -0,0 +1,52 @@ +.slider-arrow { + background-color: $color-transparent; + padding: 0; + border: none; + cursor: pointer; + display: flex; + justify-content: center; + align-items: center; + border-radius: 50%; + color: $color-dark; + + &:focus { + outline: none; + } + + &:focus-visible { + outline: none; + border: 1px solid $color-dark; + background-color: $color-grey; + } + + &:hover:not(:disabled):not(:focus-visible) { + border: 1px solid $color-dark; + } + + &:active { + border: 1px solid $color-dark; + background-color: $color-dark; + color: $color-light; + } + + &:disabled { + border: none; + color: rgba($color-dark, 0.3); + pointer-events: none; + } +} + +.slider-arrow svg { + width: 16px; + height: 32px; +} + +.slider-arrow--next svg { + transform: rotate(180deg); +} + +.slider-arrow.disabled { + border: none; + color: rgba($color-dark, 0.3); + pointer-events: none; +} diff --git a/source/sass/blocks/social.scss b/source/sass/blocks/social.scss new file mode 100644 index 00000000..20c1dd28 --- /dev/null +++ b/source/sass/blocks/social.scss @@ -0,0 +1,117 @@ +.social { + font-size: 0; + line-height: 0; +} + +.social__list { + display: flex; + align-items: flex-start; + justify-content: space-between; + flex-wrap: wrap; + row-gap: 10px; + column-gap: 10px; + list-style: none; + margin: 0; + padding: 0; + + @include vp-1365 { + row-gap: 15px; + column-gap: 15px; + } + + @include vp-767 { + justify-content: flex-start; + column-gap: 20px; + row-gap: 20px; + } +} + +.social__list a { + width: 25px; + height: 25px; + border-radius: 50%; + background-color: $color-white; + display: block; + position: relative; + transition: background-color $trans-default; + + &::before { + position: absolute; + content: ""; + width: 100%; + height: 100%; + border-radius: 50%; + mask-repeat: no-repeat; + mask-position: center; + background-color: #102654; + transition: background-color $trans-default; + } + + &:focus { + outline: none; + } + + &:focus-visible { + outline: none; + background-color: $color-action; + + &::before { + background-color: $color-white; + } + } + + &:hover:not(:disabled):not(:focus-visible):not(:active):not(.disabled) { + background-color: #74819c; + + &::before { + background-color: $color-white; + } + } + + &:active { + background-color: $color-dark; + + &::before { + background-color: $color-white; + } + } + + &:disabled { + pointer-events: none; + background-color: rgba($color-white, 0.3); + + &::before { + background-color: #030a1a; + } + } +} + +.social__list .disabled { + pointer-events: none; + background-color: rgba($color-white, 0.3); + + &::before { + background-color: #030a1a; + } +} + +.social__link--vk { + &::before { + mask-image: url("../__spritemap#sprite-vk-view"); + mask-size: 13.89px 13.89px; + } +} + +.social__link--ok { + &::before { + mask-image: url("../__spritemap#sprite-ok-view"); + mask-size: 8.83px 15.73px; + } +} + +.social__link--reddit { + &::before { + mask-image: url("../__spritemap#sprite-reddit-view"); + mask-size: 13.89px 13.89px; + } +} diff --git a/source/sass/blocks/video.scss b/source/sass/blocks/video.scss new file mode 100644 index 00000000..123db213 --- /dev/null +++ b/source/sass/blocks/video.scss @@ -0,0 +1,38 @@ +.video { + position: relative; + + &::after { + position: absolute; + content: ""; + width: 100%; + height: 100%; + top: 0; + left: 0; + background-color: rgba(20, 54, 122, 0.5); + z-index: 1; + } +} + +.video img { + width: 100%; + height: auto; + object-fit: cover; +} + +.video iframe { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} + +.video__bg-hide { + &::after { + display: none; + } +} + +.video__btn--hide { + display: none; +} diff --git a/source/sass/blocks/wrapper.scss b/source/sass/blocks/wrapper.scss new file mode 100644 index 00000000..c29cd761 --- /dev/null +++ b/source/sass/blocks/wrapper.scss @@ -0,0 +1,3 @@ +.wrapper { + overflow: hidden; +} diff --git a/source/sass/global/container.scss b/source/sass/global/container.scss new file mode 100644 index 00000000..778f404b --- /dev/null +++ b/source/sass/global/container.scss @@ -0,0 +1,14 @@ +.container { + width: 100%; + max-width: 1366px; + margin: 0 auto; + padding: 0 103px; + + @include vp-1365 { + padding: 0 45px; + } + + @include vp-767 { + padding: 0 15px; + } +} diff --git a/source/sass/global/fonts.scss b/source/sass/global/fonts.scss new file mode 100644 index 00000000..f21c4eb2 --- /dev/null +++ b/source/sass/global/fonts.scss @@ -0,0 +1,49 @@ +@font-face { + font-style: normal; + font-weight: 300; + font-family: "RobotoCondensed"; + font-display: swap; + src: + url("../../fonts/RobotoCondensed-Light.woff2") format("woff2"), + url("../../fonts/RobotoCondensed-Light.woff") format("woff"); +} + +@font-face { + font-style: normal; + font-weight: 400; + font-family: "RobotoCondensed"; + font-display: swap; + src: + url("../../fonts/RobotoCondensed-Regular.woff2") format("woff2"), + url("../../fonts/RobotoCondensed-Regular.woff") format("woff"); +} + +@font-face { + font-style: normal; + font-weight: 700; + font-family: "RobotoCondensed"; + font-display: swap; + src: + url("../../fonts/RobotoCondensed-Bold.woff2") format("woff2"), + url("../../fonts/RobotoCondensed-Bold.woff") format("woff"); +} + +@font-face { + font-style: normal; + font-weight: 600; + font-family: "AlumniSans"; + font-display: swap; + src: + url("../../fonts/AlumniSans-SemiBold.woff2") format("woff2"), + url("../../fonts/AlumniSans-SemiBold.woff") format("woff"); +} + +@font-face { + font-style: normal; + font-weight: 800; + font-family: "AlumniSans"; + font-display: swap; + src: + url("../../fonts/AlumniSans-ExtraBold.woff2") format("woff2"), + url("../../fonts/AlumniSans-ExtraBold.woff") format("woff"); +} diff --git a/source/sass/global/mixins.scss b/source/sass/global/mixins.scss new file mode 100644 index 00000000..0e306a2a --- /dev/null +++ b/source/sass/global/mixins.scss @@ -0,0 +1,20 @@ +/* stylelint-disable */ +// Desktop first + +@mixin vp-1366 { + @media (min-width: ($vp-1366)) { + @content; + } +} + +@mixin vp-1365 { + @media (max-width: ($vp-1366 - 1px)) { + @content; + } +} + +@mixin vp-767 { + @media (max-width: ($vp-768 - 1px)) { + @content; + } +} diff --git a/source/sass/global/reboot.scss b/source/sass/global/reboot.scss new file mode 100644 index 00000000..347ca885 --- /dev/null +++ b/source/sass/global/reboot.scss @@ -0,0 +1,68 @@ +*, +*::before, +*::after { + box-sizing: border-box; +} + +html, +body { + margin: 0; + padding: 0; + min-height: 100vh; + min-width: 320px; +} + +html { + font-style: normal; + font-weight: 400; + font-size: $fz-default; + line-height: 24px; + font-family: $ff-placeholder; + color: $color-dark; + + //test + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + // оптимизация выравнивания шрифта относительно центра строки + text-rendering: optimizeLegibility; +} + +body { + width: 100%; + height: 100%; + background-color: $color-white; +} + +a { + color: $color-dark; + text-decoration: none; +} + +img, +video { + display: block; + max-width: 100%; + height: auto; +} + +picture { + font-size: 0; + line-height: 0; +} + +textarea { + resize: none; +} + +input, +textarea { + border-radius: 0; + + &::placeholder { + opacity: 1; + } + + &:invalid { + box-shadow: none; + } +} diff --git a/source/sass/global/typography.scss b/source/sass/global/typography.scss new file mode 100644 index 00000000..0b373c13 --- /dev/null +++ b/source/sass/global/typography.scss @@ -0,0 +1,79 @@ +// Text +// --------------------------------- +.large { + font-weight: 300; + font-size: 18px; + line-height: 24px; + + @include vp-767 { + font-size: 16px; + line-height: 20px; + } +} + +.medium { + font-weight: 300; + font-size: 16px; + line-height: 24px; + + @include vp-767 { + line-height: 20px; + } +} + +.small { + font-weight: 400; + font-size: 14px; + line-height: 22px; + + @include vp-767 { + line-height: 20px; + } +} + +// Numbers +// --------------------------------- + +.numbers-xlarge { + font-weight: 700; + font-size: 100px; + line-height: 150px; + + @include vp-767 { + font-size: 80px; + line-height: 120px; + } +} + +.numbers-large { + font-weight: 700; + font-size: 70px; + line-height: 70px; + + @include vp-767 { + font-size: 64px; + line-height: 64px; + } +} + +.numbers-medium { + font-weight: 700; + font-size: 60px; + line-height: 90px; + + @include vp-767 { + font-size: 48px; + line-height: 72px; + } +} + +.numbers-regular { + font-weight: 700; + font-size: 40px; + line-height: 40px; + + @include vp-1365 { + font-size: 24px; + line-height: 24px; + } +} diff --git a/source/sass/global/utils.scss b/source/sass/global/utils.scss new file mode 100644 index 00000000..1b41c3fa --- /dev/null +++ b/source/sass/global/utils.scss @@ -0,0 +1,30 @@ +.wrapper { + position: relative; + display: flex; + flex-direction: column; + min-height: 100vh; + /* stylelint-disable-next-line */ + min-height: calc(100 * var(--vh, 1vh)); + + .hero, + .page-footer { + flex-shrink: 0; + } + + .page-content { + flex-grow: 1; + } +} + +.visually-hidden { + position: absolute; + width: 1px; + height: 1px; + margin: -1px; + padding: 0; + overflow: hidden; + white-space: nowrap; + border: 0; + clip: rect(0 0 0 0); + clip-path: inset(100%); +} diff --git a/source/sass/global/variables.scss b/source/sass/global/variables.scss new file mode 100644 index 00000000..abed8681 --- /dev/null +++ b/source/sass/global/variables.scss @@ -0,0 +1,42 @@ +// Viewports +// --------------------------------- +$vp-768: 768px; +$vp-1366: 1366px; + +// Retina +// --------------------------------- +$retina-dpi: 144dpi; +$retina-dppx: 1.5dppx; + +// Colors +// --------------------------------- +$color-white: #ffffff; +$color-light: #f8f9fc; +$color-grey: #e8e8e8; +$color-red: #ed0233; +$color-red-alternative: #d10a42; +$color-error: #ff121f; +$color-action: #103aae; +$color-black: #000000; +$color-dark: #102654; +$color-dark-alternative: #1c3374; +$color-transparent: rgba(255, 255, 255, 0); +$color-gradient: linear-gradient( + 90deg, + #1c3477 0%, + #1c3477 0.01%, + #1a3578 39.11%, + #73184b 75.5%, + #b4022a 100% +); +$fill-gradient: linear-gradient(151deg, #ed0233 0%, #003eb7 100%); +$fz-default: 16px; +$font-family: "RobotoCondensed", "Arial", sans-serif; +$second-family: "AlumniSans", "Arial", sans-serif; +$ff-placeholder: $font-family; + +// Animation +// --------------------------------- + +$tf-default: ease; +$trans-default: 0.3s $tf-default; diff --git a/source/sass/modules/faq-tabs.scss b/source/sass/modules/faq-tabs.scss new file mode 100644 index 00000000..0b1519db --- /dev/null +++ b/source/sass/modules/faq-tabs.scss @@ -0,0 +1,80 @@ +.faq-tabs { + display: flex; + justify-content: center; + align-items: center; + padding: 0; + padding-top: 6px; + font-weight: 400; + font-size: 18px; + line-height: 18px; + text-align: center; + color: $color-dark; + cursor: pointer; + background-color: $color-transparent; + border: 1px solid rgba($color-dark, 0.2); + transition: + opacity $trans-default, + background-color $trans-default, + color $trans-default; + + @include vp-1365 { + padding-top: 0; + } + + &:focus { + outline: none; + } + + &:focus-visible { + outline: none; + border: 1px solid $color-dark; + background-color: $color-white; + } + + &:hover:not(:disabled):not(:focus-visible) { + border: 1px solid $color-dark; + } + + &:active { + background: linear-gradient(97.05deg, #ed0233 17.6%, #003eb7 95.31%); + border: 1px solid $color-transparent; + color: $color-white; + } + + &:disabled { + color: #c8c9cc; + border: 1px solid rgba($color-dark, 0.2); + pointer-events: none; + } +} + +.faq-tabs.is-active { + background: linear-gradient(97.05deg, #ed0233 17.6%, #003eb7 95.31%); + border: 1px solid $color-transparent; + color: $color-white; + + &:focus { + outline: none; + } + + &:focus-visible { + outline: none; + color: $color-dark; + border: 1px solid $color-dark; + background: none; + background-color: $color-white; + } + + &:hover:not(:disabled):not(:focus-visible):not(:active) { + color: $color-dark; + border: 1px solid $color-dark; + background: none; + background-color: $color-transparent; + } +} + +.faq-tabs.disabled { + color: #c8c9cc; + border: 1px solid rgba($color-dark, 0.2); + pointer-events: none; +} diff --git a/source/sass/modules/price-tabs.scss b/source/sass/modules/price-tabs.scss new file mode 100644 index 00000000..4fb7839e --- /dev/null +++ b/source/sass/modules/price-tabs.scss @@ -0,0 +1,134 @@ +.price-tabs__controls { + margin: 0 auto; + margin-bottom: 39px; + display: inline-flex; + justify-content: center; + column-gap: 50px; + border-bottom: 2px solid rgba(120, 120, 120, 0.2); + + @include vp-1365 { + margin-bottom: 43px; + column-gap: 43px; + } + + @include vp-767 { + column-gap: 46px; + margin-bottom: 28px; + } +} + +.price-tabs__control { + border: none; + padding: 0; + background-color: $color-transparent; + padding-bottom: 10px; + position: relative; + cursor: pointer; + font-family: $font-family; + font-weight: 400; + font-size: 20px; + line-height: 20px; + color: rgba($color-dark, 0.5); + + @include vp-1365 { + font-size: 18px; + line-height: 18px; + } + + @include vp-767 { + font-size: 16px; + line-height: 16px; + } + + &::after { + position: absolute; + content: ""; + bottom: -2px; + left: 0; + right: 0; + width: 100%; + height: 2px; + } + + &:focus { + outline: none; + } + + &:focus-visible { + outline: none; + color: $color-dark; + + &::after { + background-color: $color-dark; + } + } + + &:hover:not(:disabled):not(:focus-visible):not(:active) { + color: rgba(16, 38, 84, 0.7); + + &::after { + background-color: #787878; + } + } + + &:active { + color: $color-dark; + + &::after { + background-color: $color-red-alternative; + } + } + + &:disabled { + opacity: 0.3; + color: $color-dark; + pointer-events: none; + + &::after { + background-color: #787878; + } + } +} + +.price-tabs__control.is-active { + color: $color-dark; + + &::after { + background-color: $color-red-alternative; + } +} + +.price-tabs__control.disabled { + opacity: 0.3; + color: $color-dark; + pointer-events: none; + + &::after { + background-color: #787878; + } +} + +.price-tabs__content { + width: 100%; +} + +.price-tabs__element { + display: none; + width: 100%; + justify-content: space-between; + + @include vp-1365 { + flex-direction: column; + row-gap: 40px; + justify-content: flex-start; + align-items: center; + } + + @include vp-767 { + row-gap: 35px; + } +} + +.price-tabs__element.is-active { + display: flex; +} diff --git a/source/sass/style.scss b/source/sass/style.scss index 96467369..1fe6e64d 100644 --- a/source/sass/style.scss +++ b/source/sass/style.scss @@ -1,4 +1,48 @@ // Vendor // --------------------------------- - @import "vendor/normalize"; +@import "vendor/swiper.css"; + +// Global +// --------------------------------- +@import "global/variables"; +@import "global/mixins"; +@import "global/fonts"; +@import "global/typography"; +@import "global/reboot"; +@import "global/utils"; +@import "global/container"; + +// Modules +// --------------------------------- +@import "modules/price-tabs"; +@import "modules/faq-tabs"; + +// Blocks +// --------------------------------- +@import "blocks/wrapper"; +@import "blocks/btn"; +@import "blocks/section-title"; +@import "blocks/slider-arrow"; +@import "blocks/hero"; +@import "blocks/page-header"; +@import "blocks/logo"; +@import "blocks/about"; +@import "blocks/video"; +@import "blocks/price"; +@import "blocks/price-card"; +@import "blocks/games"; +@import "blocks/juri"; +@import "blocks/juri-slide"; +@import "blocks/features"; +@import "blocks/offers"; +@import "blocks/feature-card"; +@import "blocks/faq"; +@import "blocks/reviews"; +@import "blocks/review-slide"; +@import "blocks/info"; +@import "blocks/form"; +@import "blocks/contacts"; +@import "blocks/page-footer"; +@import "blocks/nav"; +@import "blocks/social"; diff --git a/source/sass/vendor/swiper.css b/source/sass/vendor/swiper.css new file mode 100644 index 00000000..d76ac5e9 --- /dev/null +++ b/source/sass/vendor/swiper.css @@ -0,0 +1,252 @@ +/** + * Swiper 10.3.1 + * Most modern mobile touch slider and framework with hardware accelerated transitions + * https://swiperjs.com + * + * Copyright 2014-2023 Vladimir Kharlampidi + * + * Released under the MIT License + * + * Released on: September 28, 2023 + */ + +/* FONT_START */ +@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; +} +/* FONT_END */ +:root { + --swiper-theme-color: #007aff; + /* + --swiper-preloader-color: var(--swiper-theme-color); + --swiper-wrapper-transition-timing-function: initial; + */ +} +:host { + position: relative; + display: block; + margin-left: auto; + margin-right: auto; + z-index: 1; +} +.swiper { + margin-left: auto; + margin-right: auto; + position: relative; + overflow: hidden; + overflow: clip; + list-style: none; + padding: 0; + /* Fix of Webkit flickering */ + z-index: 1; + display: block; +} +.swiper-vertical > .swiper-wrapper { + flex-direction: column; +} +.swiper-wrapper { + position: relative; + width: 100%; + height: 100%; + z-index: 1; + display: flex; + transition-property: transform; + transition-timing-function: var( + --swiper-wrapper-transition-timing-function, + initial + ); + box-sizing: content-box; +} +.swiper-android .swiper-slide, +.swiper-ios .swiper-slide, +.swiper-wrapper { + transform: translate3d(0px, 0, 0); +} +.swiper-horizontal { + touch-action: pan-y; +} +.swiper-vertical { + touch-action: pan-x; +} +.swiper-slide { + flex-shrink: 0; + width: 100%; + height: 100%; + position: relative; + transition-property: transform; + display: block; +} +.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-css-mode .swiper-wrapper { + perspective: 1200px; +} +.swiper-3d .swiper-wrapper { + transform-style: preserve-3d; +} +.swiper-3d { + perspective: 1200px; +} +.swiper-3d .swiper-slide, +.swiper-3d .swiper-cube-shadow { + transform-style: preserve-3d; +} +/* 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-css-mode.swiper-horizontal > .swiper-wrapper { + scroll-snap-type: x mandatory; +} +.swiper-css-mode.swiper-vertical > .swiper-wrapper { + scroll-snap-type: y mandatory; +} +.swiper-css-mode.swiper-free-mode > .swiper-wrapper { + scroll-snap-type: none; +} +.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide { + scroll-snap-align: none; +} +.swiper-css-mode.swiper-centered > .swiper-wrapper::before { + content: ""; + flex-shrink: 0; + order: 9999; +} +.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide { + scroll-snap-align: center center; + scroll-snap-stop: always; +} +.swiper-css-mode.swiper-centered.swiper-horizontal + > .swiper-wrapper + > .swiper-slide:first-child { + margin-inline-start: var(--swiper-centered-offset-before); +} +.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before { + height: 100%; + min-height: 1px; + width: var(--swiper-centered-offset-after); +} +.swiper-css-mode.swiper-centered.swiper-vertical + > .swiper-wrapper + > .swiper-slide:first-child { + margin-block-start: var(--swiper-centered-offset-before); +} +.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before { + width: 100%; + min-width: 1px; + height: var(--swiper-centered-offset-after); +} +/* Slide styles start */ +/* 3D Shadows */ +.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-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) + ); +} +.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:not(.swiper-watch-progress) .swiper-lazy-preloader, +.swiper-watch-progress .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 { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(360deg); + } +} +/* Slide styles end */ diff --git a/source/sass/vendor/swiper.scss b/source/sass/vendor/swiper.scss new file mode 100644 index 00000000..df03a3c8 --- /dev/null +++ b/source/sass/vendor/swiper.scss @@ -0,0 +1,269 @@ +/* stylelint-disable */ +/** + * Swiper 11.1.4 + * Most modern mobile touch slider and framework with hardware accelerated transitions + * https://swiperjs.com + * + * Copyright 2014-2024 Vladimir Kharlampidi + * + * Released under the MIT License + * + * Released on: May 30, 2024 + */ + +@import "swiper-vars.scss"; +@at-root { + @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") + format("woff"); + font-weight: 400; + font-style: normal; + } +} +@at-root { + :root { + --swiper-theme-color: #{$themeColor}; + /* + --swiper-preloader-color: var(--swiper-theme-color); + --swiper-wrapper-transition-timing-function: initial; + */ + } +} +:host { + position: relative; + display: block; + margin-left: auto; + margin-right: auto; + z-index: 1; +} +.swiper { + margin-left: auto; + margin-right: auto; + position: relative; + overflow: hidden; + list-style: none; + padding: 0; + /* Fix of Webkit flickering */ + z-index: 1; + display: block; +} +.swiper-vertical > .swiper-wrapper { + flex-direction: column; +} +.swiper-wrapper { + position: relative; + width: 100%; + height: 100%; + z-index: 1; + display: flex; + transition-property: transform; + transition-timing-function: var( + --swiper-wrapper-transition-timing-function, + initial + ); + box-sizing: content-box; +} +.swiper-android .swiper-slide, +.swiper-ios .swiper-slide, +.swiper-wrapper { + transform: translate3d(0px, 0, 0); +} +.swiper-horizontal { + touch-action: pan-y; +} +.swiper-vertical { + touch-action: pan-x; +} +.swiper-slide { + flex-shrink: 0; + width: 100%; + height: 100%; + position: relative; + transition-property: transform; + display: block; +} +.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); + backface-visibility: hidden; +} +/* 3D Effects */ +.swiper-3d.swiper-css-mode .swiper-wrapper { + perspective: 1200px; +} +.swiper-3d .swiper-wrapper { + transform-style: preserve-3d; +} +.swiper-3d { + perspective: 1200px; + .swiper-slide, + .swiper-cube-shadow { + transform-style: preserve-3d; + } +} + +/* CSS Mode */ +.swiper-css-mode { + > .swiper-wrapper { + overflow: auto; + scrollbar-width: none; /* For Firefox */ + -ms-overflow-style: none; /* For Internet Explorer and Edge */ + &::-webkit-scrollbar { + display: none; + } + } + > .swiper-wrapper > .swiper-slide { + scroll-snap-align: start start; + } + &.swiper-horizontal { + > .swiper-wrapper { + scroll-snap-type: x mandatory; + } + } + &.swiper-vertical { + > .swiper-wrapper { + scroll-snap-type: y mandatory; + } + } + &.swiper-free-mode { + > .swiper-wrapper { + scroll-snap-type: none; + } + > .swiper-wrapper > .swiper-slide { + scroll-snap-align: none; + } + } + &.swiper-centered { + > .swiper-wrapper::before { + content: ""; + flex-shrink: 0; + order: 9999; + } + > .swiper-wrapper > .swiper-slide { + scroll-snap-align: center center; + scroll-snap-stop: always; + } + } + &.swiper-centered.swiper-horizontal { + > .swiper-wrapper > .swiper-slide:first-child { + margin-inline-start: var(--swiper-centered-offset-before); + } + > .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-wrapper::before { + width: 100%; + min-width: 1px; + height: var(--swiper-centered-offset-after); + } + } +} + +/* Slide styles start */ +/* 3D Shadows */ +.swiper-3d { + .swiper-slide-shadow, + .swiper-slide-shadow-left, + .swiper-slide-shadow-right, + .swiper-slide-shadow-top, + .swiper-slide-shadow-bottom, + .swiper-slide-shadow, + .swiper-slide-shadow-left, + .swiper-slide-shadow-right, + .swiper-slide-shadow-top, + .swiper-slide-shadow-bottom { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + pointer-events: none; + z-index: 10; + } + .swiper-slide-shadow { + background: rgba(0, 0, 0, 0.15); + } + .swiper-slide-shadow-left { + background-image: linear-gradient( + to left, + rgba(0, 0, 0, 0.5), + rgba(0, 0, 0, 0) + ); + } + .swiper-slide-shadow-right { + background-image: linear-gradient( + to right, + rgba(0, 0, 0, 0.5), + rgba(0, 0, 0, 0) + ); + } + .swiper-slide-shadow-top { + background-image: linear-gradient( + to top, + rgba(0, 0, 0, 0.5), + rgba(0, 0, 0, 0) + ); + } + .swiper-slide-shadow-bottom { + background-image: linear-gradient( + to bottom, + rgba(0, 0, 0, 0.5), + rgba(0, 0, 0, 0) + ); + } +} +.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:not(.swiper-watch-progress), +.swiper-watch-progress .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 { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(360deg); + } +} +/* Slide styles end */ diff --git a/vite.config.js b/vite.config.js index c5e4559d..aafc452d 100644 --- a/vite.config.js +++ b/vite.config.js @@ -1,11 +1,11 @@ -import { ViteImageOptimizer } from 'vite-plugin-image-optimizer'; -import VitePluginSvgSpritemap from '@spiriit/vite-plugin-svg-spritemap'; +import { ViteImageOptimizer } from "vite-plugin-image-optimizer"; +import VitePluginSvgSpritemap from "@spiriit/vite-plugin-svg-spritemap"; // import { ViteMinifyPlugin } from 'vite-plugin-minify'; /** @type {import('vite').UserConfig} */ export default { plugins: [ - VitePluginSvgSpritemap('source/img/sprite/*.svg', { + VitePluginSvgSpritemap("source/img/sprite/*.svg", { styles: false, injectSVGOnDev: true, }), @@ -20,7 +20,7 @@ export default { multipass: true, plugins: [ { - name: 'preset-default', + name: "preset-default", params: { overrides: { cleanupNumericValues: false, @@ -34,39 +34,39 @@ export default { }, }, }, - 'removeDimensions', + "removeDimensions", ], }, png: { // https://sharp.pixelplumbing.com/api-output#png quality: 80, - palette: true + palette: true, }, jpeg: { // https://sharp.pixelplumbing.com/api-output#jpeg quality: 80, - progressive: true + progressive: true, }, jpg: { // https://sharp.pixelplumbing.com/api-output#jpeg quality: 80, - progressive: true + progressive: true, }, // Cache assets in cacheLocation. When enabled, reads and writes asset files with their hash suffix from the specified path. cache: true, - cacheLocation: './.cache', + cacheLocation: "./.cache", }), ], css: { - devSourcemap: true + devSourcemap: true, }, - publicDir: 'public', - root: './source', + publicDir: "public", + root: "./source", build: { - outDir: '../dist', + outDir: "../dist", }, - base: './', + base: "./", server: { port: 3000, - } + }, };