From 5b5c533fc2838ebbfb2e7dceba10634188add7dd Mon Sep 17 00:00:00 2001 From: Andrii Date: Thu, 24 Oct 2024 23:16:47 +0300 Subject: [PATCH] make build --- index.2cdaf7bc.css | 111 + index.2cdaf7bc.css.map | 1 + index.74af74a0.css | 2 + index.74af74a0.css.map | 1 + index.html | 1 + layout_moyo-header.59712999.js | 590 ++++++ layout_moyo-header.59712999.js.map | 1 + logo.c493797d.png | Bin 0 -> 1820 bytes logo.eddae0ff.png | Bin 0 -> 1459 bytes .../bitmaps_reference/Header_tag_1024px.png | Bin 0 -> 7987 bytes .../bitmaps_reference/Header_tag_1200px.png | Bin 0 -> 8248 bytes .../Link_with_class_is-active_1024px.png | Bin 0 -> 741 bytes .../Link_with_class_is-active_1200px.png | Bin 0 -> 741 bytes .../Link_with_data-qa_hover_1024px.png | Bin 0 -> 2488 bytes .../Link_with_data-qa_hover_1200px.png | Bin 0 -> 2488 bytes report/bitmaps_reference/Nav_tag_1024px.png | Bin 0 -> 6026 bytes report/bitmaps_reference/Nav_tag_1200px.png | Bin 0 -> 6026 bytes .../20241024-231418/Header_tag_1024px.png | Bin 0 -> 9160 bytes .../20241024-231418/Header_tag_1200px.png | Bin 0 -> 9251 bytes .../Link_with_class_is-active_1024px.png | Bin 0 -> 683 bytes .../Link_with_class_is-active_1200px.png | Bin 0 -> 683 bytes .../Link_with_data-qa_hover_1024px.png | Bin 0 -> 2488 bytes .../Link_with_data-qa_hover_1200px.png | Bin 0 -> 2488 bytes .../20241024-231418/Nav_tag_1024px.png | Bin 0 -> 7019 bytes .../20241024-231418/Nav_tag_1200px.png | Bin 0 -> 7019 bytes .../failed_diff_Header_tag_1024px.png | Bin 0 -> 7193 bytes .../failed_diff_Header_tag_1200px.png | Bin 0 -> 7285 bytes ..._diff_Link_with_class_is-active_1024px.png | Bin 0 -> 417 bytes ..._diff_Link_with_class_is-active_1200px.png | Bin 0 -> 417 bytes .../failed_diff_Nav_tag_1024px.png | Bin 0 -> 4717 bytes .../failed_diff_Nav_tag_1200px.png | Bin 0 -> 4717 bytes .../bitmaps_test/20241024-231418/report.json | 215 ++ report/engine_scripts/cookies.json | 14 + report/engine_scripts/imageStub.jpg | Bin 0 -> 2900 bytes .../puppet/clickAndHoverHelper.js | 39 + report/engine_scripts/puppet/loadCookies.js | 29 + report/engine_scripts/puppet/onBefore.js | 3 + report/engine_scripts/puppet/onReady.js | 6 + .../a96f14595379b7c348d66e115ec65a93.png | Bin 0 -> 12777 bytes report/html_report/assets/fonts/Lato-Bold.ttf | Bin 0 -> 121788 bytes .../html_report/assets/fonts/Lato-Regular.ttf | Bin 0 -> 120196 bytes .../assets/fonts/lato-bold-webfont.woff | Bin 0 -> 33272 bytes .../assets/fonts/lato-bold-webfont.woff2 | Bin 0 -> 26248 bytes .../assets/fonts/lato-regular-webfont.woff | Bin 0 -> 31860 bytes .../assets/fonts/lato-regular-webfont.woff2 | Bin 0 -> 24992 bytes .../b815e28b1e230cff6e9d7b749edcd562.png | Bin 0 -> 12777 bytes report/html_report/config.js | 215 ++ report/html_report/diff.js | 1843 +++++++++++++++++ report/html_report/diverged.js | 340 +++ report/html_report/divergedWorker.js | 6 + report/html_report/index.html | 49 + report/html_report/index_bundle.js | 2 + .../html_report/index_bundle.js.LICENSE.txt | 59 + 53 files changed, 3527 insertions(+) create mode 100644 index.2cdaf7bc.css create mode 100644 index.2cdaf7bc.css.map create mode 100644 index.74af74a0.css create mode 100644 index.74af74a0.css.map create mode 100644 index.html create mode 100644 layout_moyo-header.59712999.js create mode 100644 layout_moyo-header.59712999.js.map create mode 100644 logo.c493797d.png create mode 100644 logo.eddae0ff.png create mode 100644 report/bitmaps_reference/Header_tag_1024px.png create mode 100644 report/bitmaps_reference/Header_tag_1200px.png create mode 100644 report/bitmaps_reference/Link_with_class_is-active_1024px.png create mode 100644 report/bitmaps_reference/Link_with_class_is-active_1200px.png create mode 100644 report/bitmaps_reference/Link_with_data-qa_hover_1024px.png create mode 100644 report/bitmaps_reference/Link_with_data-qa_hover_1200px.png create mode 100644 report/bitmaps_reference/Nav_tag_1024px.png create mode 100644 report/bitmaps_reference/Nav_tag_1200px.png create mode 100644 report/bitmaps_test/20241024-231418/Header_tag_1024px.png create mode 100644 report/bitmaps_test/20241024-231418/Header_tag_1200px.png create mode 100644 report/bitmaps_test/20241024-231418/Link_with_class_is-active_1024px.png create mode 100644 report/bitmaps_test/20241024-231418/Link_with_class_is-active_1200px.png create mode 100644 report/bitmaps_test/20241024-231418/Link_with_data-qa_hover_1024px.png create mode 100644 report/bitmaps_test/20241024-231418/Link_with_data-qa_hover_1200px.png create mode 100644 report/bitmaps_test/20241024-231418/Nav_tag_1024px.png create mode 100644 report/bitmaps_test/20241024-231418/Nav_tag_1200px.png create mode 100644 report/bitmaps_test/20241024-231418/failed_diff_Header_tag_1024px.png create mode 100644 report/bitmaps_test/20241024-231418/failed_diff_Header_tag_1200px.png create mode 100644 report/bitmaps_test/20241024-231418/failed_diff_Link_with_class_is-active_1024px.png create mode 100644 report/bitmaps_test/20241024-231418/failed_diff_Link_with_class_is-active_1200px.png create mode 100644 report/bitmaps_test/20241024-231418/failed_diff_Nav_tag_1024px.png create mode 100644 report/bitmaps_test/20241024-231418/failed_diff_Nav_tag_1200px.png create mode 100644 report/bitmaps_test/20241024-231418/report.json create mode 100644 report/engine_scripts/cookies.json create mode 100644 report/engine_scripts/imageStub.jpg create mode 100644 report/engine_scripts/puppet/clickAndHoverHelper.js create mode 100644 report/engine_scripts/puppet/loadCookies.js create mode 100644 report/engine_scripts/puppet/onBefore.js create mode 100644 report/engine_scripts/puppet/onReady.js create mode 100644 report/html_report/a96f14595379b7c348d66e115ec65a93.png create mode 100755 report/html_report/assets/fonts/Lato-Bold.ttf create mode 100755 report/html_report/assets/fonts/Lato-Regular.ttf create mode 100755 report/html_report/assets/fonts/lato-bold-webfont.woff create mode 100755 report/html_report/assets/fonts/lato-bold-webfont.woff2 create mode 100755 report/html_report/assets/fonts/lato-regular-webfont.woff create mode 100755 report/html_report/assets/fonts/lato-regular-webfont.woff2 create mode 100644 report/html_report/b815e28b1e230cff6e9d7b749edcd562.png create mode 100644 report/html_report/config.js create mode 100644 report/html_report/diff.js create mode 100644 report/html_report/diverged.js create mode 100644 report/html_report/divergedWorker.js create mode 100644 report/html_report/index.html create mode 100644 report/html_report/index_bundle.js create mode 100644 report/html_report/index_bundle.js.LICENSE.txt diff --git a/index.2cdaf7bc.css b/index.2cdaf7bc.css new file mode 100644 index 0000000000..b49f5b73f0 --- /dev/null +++ b/index.2cdaf7bc.css @@ -0,0 +1,111 @@ +* { + box-sizing: border-box; + margin: 0; + padding: 0; +} + +.header { + justify-content: space-between; + align-items: center; + width: 100%; + padding: 0 50px; + font-family: Roboto, sans-serif; + font-size: 12px; + font-weight: 500; + display: flex; +} + +@media (width >= 1024px) and (width <= 1199px) { + .nav_list { + align-items: center; + padding: 0; + list-style: none; + display: flex; + } + + .nav_item { + margin: 0 20px; + } + + .nav_link { + color: #000; + text-align: center; + line-height: 60px; + text-decoration: none; + display: block; + position: relative; + } + + .nav_list :first-child, .nav_list :last-child { + margin: 0; + } + + .nav_link:hover { + color: #00acdc; + } + + a.is-active:after { + content: ""; + background-color: #00acdc; + border-radius: 8px; + width: 100%; + height: 4px; + display: block; + position: absolute; + bottom: 0; + } + + [data-qa="hover"] { + color: #00acdc; + } +} + +@media (width >= 1200px) { + .nav_list { + align-items: center; + padding: 0; + list-style: none; + display: flex; + } + + .nav_item { + margin: 0 20px; + } + + .nav_link { + color: #000; + text-align: center; + line-height: 60px; + text-decoration: none; + display: block; + position: relative; + } + + .nav_list :first-child, .nav_list :last-child { + margin: 0; + } + + .nav_link:hover { + color: #00acdc; + } + + a.is-active:after { + content: ""; + background-color: #00acdc; + border-radius: 8px; + width: 100%; + height: 4px; + display: block; + position: absolute; + bottom: 0; + } + + [data-qa="hover"] { + color: #00acdc; + } +} + +body { + margin: 0; +} +/*# sourceMappingURL=index.2cdaf7bc.css.map */ diff --git a/index.2cdaf7bc.css.map b/index.2cdaf7bc.css.map new file mode 100644 index 0000000000..e2f05b5bfe --- /dev/null +++ b/index.2cdaf7bc.css.map @@ -0,0 +1 @@ +{"mappings":"AAAA;;;;;;AAMA;;;;;;;;;;;AAWA;EACE;;;;;;;EAOA;;;;EAIA;;;;;;;;;EASA;;;;EAQA;;;;EAIA;;;;;;;;;;;EAWA;;;;;AAKF;EACE;;;;;;;EAOA;;;;EAIA;;;;;;;;;EASA;;;;EAQA;;;;EAIA;;;;;;;;;;;EAWA;;;;;AAKF","sources":["src/style.css"],"sourcesContent":["* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\n.header {\n align-items: center;\n width: 100%;\n padding: 0 50px;\n font-family: Roboto, sans-serif;\n font-size: 12px;\n font-weight: 500;\n display: flex;\n justify-content: space-between;\n}\n\n@media (min-width: 1024px) and (max-width: 1199px) {\n .nav_list {\n list-style: none;\n padding: 0;\n display: flex;\n align-items: center;\n }\n\n .nav_item {\n margin: 0 20;\n }\n\n .nav_link {\n display: block;\n position: relative;\n color: black;\n text-decoration: none;\n text-align: center;\n line-height: 60px;\n }\n\n .nav_list :first-child {\n margin: 0;\n }\n\n .nav_list :last-child {\n margin: 0;\n }\n\n .nav_link:hover {\n color: #00acdc;\n }\n\n a.is-active::after {\n content: '';\n display: block;\n width: 100%;\n height: 4px;\n position: absolute;\n background-color: #00acdc;\n bottom: 0;\n border-radius: 8px;\n }\n\n [data-qa='hover'] {\n color: #00acdc;\n }\n}\n\n@media (min-width: 1200px) {\n .nav_list {\n list-style: none;\n padding: 0;\n display: flex;\n align-items: center;\n }\n\n .nav_item {\n margin: 0 20;\n }\n\n .nav_link {\n display: block;\n position: relative;\n color: black;\n text-decoration: none;\n text-align: center;\n line-height: 60px;\n }\n\n .nav_list :first-child {\n margin: 0;\n }\n\n .nav_list :last-child {\n margin: 0;\n }\n\n .nav_link:hover {\n color: #00acdc;\n }\n\n a.is-active::after {\n content: '';\n display: block;\n width: 100%;\n height: 4px;\n position: absolute;\n background-color: #00acdc;\n bottom: 0;\n border-radius: 8px;\n }\n\n [data-qa='hover'] {\n color: #00acdc;\n }\n}\n\nbody {\n margin: 0;\n}\n"],"names":[],"version":3,"file":"index.2cdaf7bc.css.map","sourceRoot":"/__parcel_source_root/"} \ No newline at end of file diff --git a/index.74af74a0.css b/index.74af74a0.css new file mode 100644 index 0000000000..ac91400011 --- /dev/null +++ b/index.74af74a0.css @@ -0,0 +1,2 @@ +*{box-sizing:border-box;margin:0;padding:0}.header{justify-content:space-between;align-items:center;width:100%;padding:0 50px;font-family:Roboto,sans-serif;font-size:12px;font-weight:500;display:flex}@media (width>=1024px) and (width<=1199px){.nav_list{align-items:center;padding:0;list-style:none;display:flex}.nav_item{margin:0 20px}.nav_link{color:#000;text-align:center;line-height:60px;text-decoration:none;display:block;position:relative}.nav_list :first-child,.nav_list :last-child{margin:0}.nav_link:hover{color:#00acdc}a.is-active:after{content:"";background-color:#00acdc;border-radius:8px;width:100%;height:4px;display:block;position:absolute;bottom:0}[data-qa=hover]{color:#00acdc}}@media (width>=1200px){.nav_list{align-items:center;padding:0;list-style:none;display:flex}.nav_item{margin:0 20px}.nav_link{color:#000;text-align:center;line-height:60px;text-decoration:none;display:block;position:relative}.nav_list :first-child,.nav_list :last-child{margin:0}.nav_link:hover{color:#00acdc}a.is-active:after{content:"";background-color:#00acdc;border-radius:8px;width:100%;height:4px;display:block;position:absolute;bottom:0}[data-qa=hover]{color:#00acdc}}body{margin:0} +/*# sourceMappingURL=index.74af74a0.css.map */ diff --git a/index.74af74a0.css.map b/index.74af74a0.css.map new file mode 100644 index 0000000000..8bfda4ca3f --- /dev/null +++ b/index.74af74a0.css.map @@ -0,0 +1 @@ +{"mappings":"ACAA,2CAMA,6JAWA,2CACE,oEAOA,wBAIA,6GASA,sDAQA,8BAIA,uIAWA,+BAKF,uBACE,oEAOA,wBAIA,6GASA,sDAQA,8BAIA,uIAWA,+BAKF","sources":["index.74af74a0.css","src/style.css"],"sourcesContent":["* {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n}\n\n.header {\n justify-content: space-between;\n align-items: center;\n width: 100%;\n padding: 0 50px;\n font-family: Roboto, sans-serif;\n font-size: 12px;\n font-weight: 500;\n display: flex;\n}\n\n@media (width >= 1024px) and (width <= 1199px) {\n .nav_list {\n align-items: center;\n padding: 0;\n list-style: none;\n display: flex;\n }\n\n .nav_item {\n margin: 0 20px;\n }\n\n .nav_link {\n color: #000;\n text-align: center;\n line-height: 60px;\n text-decoration: none;\n display: block;\n position: relative;\n }\n\n .nav_list :first-child, .nav_list :last-child {\n margin: 0;\n }\n\n .nav_link:hover {\n color: #00acdc;\n }\n\n a.is-active:after {\n content: \"\";\n background-color: #00acdc;\n border-radius: 8px;\n width: 100%;\n height: 4px;\n display: block;\n position: absolute;\n bottom: 0;\n }\n\n [data-qa=\"hover\"] {\n color: #00acdc;\n }\n}\n\n@media (width >= 1200px) {\n .nav_list {\n align-items: center;\n padding: 0;\n list-style: none;\n display: flex;\n }\n\n .nav_item {\n margin: 0 20px;\n }\n\n .nav_link {\n color: #000;\n text-align: center;\n line-height: 60px;\n text-decoration: none;\n display: block;\n position: relative;\n }\n\n .nav_list :first-child, .nav_list :last-child {\n margin: 0;\n }\n\n .nav_link:hover {\n color: #00acdc;\n }\n\n a.is-active:after {\n content: \"\";\n background-color: #00acdc;\n border-radius: 8px;\n width: 100%;\n height: 4px;\n display: block;\n position: absolute;\n bottom: 0;\n }\n\n [data-qa=\"hover\"] {\n color: #00acdc;\n }\n}\n\nbody {\n margin: 0;\n}\n/*# sourceMappingURL=index.74af74a0.css.map */\n","* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\n.header {\n align-items: center;\n width: 100%;\n padding: 0 50px;\n font-family: Roboto, sans-serif;\n font-size: 12px;\n font-weight: 500;\n display: flex;\n justify-content: space-between;\n}\n\n@media (min-width: 1024px) and (max-width: 1199px) {\n .nav_list {\n list-style: none;\n padding: 0;\n display: flex;\n align-items: center;\n }\n\n .nav_item {\n margin: 0 20;\n }\n\n .nav_link {\n display: block;\n position: relative;\n color: black;\n text-decoration: none;\n text-align: center;\n line-height: 60px;\n }\n\n .nav_list :first-child {\n margin: 0;\n }\n\n .nav_list :last-child {\n margin: 0;\n }\n\n .nav_link:hover {\n color: #00acdc;\n }\n\n a.is-active::after {\n content: '';\n display: block;\n width: 100%;\n height: 4px;\n position: absolute;\n background-color: #00acdc;\n bottom: 0;\n border-radius: 8px;\n }\n\n [data-qa='hover'] {\n color: #00acdc;\n }\n}\n\n@media (min-width: 1200px) {\n .nav_list {\n list-style: none;\n padding: 0;\n display: flex;\n align-items: center;\n }\n\n .nav_item {\n margin: 0 20;\n }\n\n .nav_link {\n display: block;\n position: relative;\n color: black;\n text-decoration: none;\n text-align: center;\n line-height: 60px;\n }\n\n .nav_list :first-child {\n margin: 0;\n }\n\n .nav_list :last-child {\n margin: 0;\n }\n\n .nav_link:hover {\n color: #00acdc;\n }\n\n a.is-active::after {\n content: '';\n display: block;\n width: 100%;\n height: 4px;\n position: absolute;\n background-color: #00acdc;\n bottom: 0;\n border-radius: 8px;\n }\n\n [data-qa='hover'] {\n color: #00acdc;\n }\n}\n\nbody {\n margin: 0;\n}\n"],"names":[],"version":3,"file":"index.74af74a0.css.map"} \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000000..14e19fbe8b --- /dev/null +++ b/index.html @@ -0,0 +1 @@ +Moyo header
Логотип
\ No newline at end of file diff --git a/layout_moyo-header.59712999.js b/layout_moyo-header.59712999.js new file mode 100644 index 0000000000..3e31c99684 --- /dev/null +++ b/layout_moyo-header.59712999.js @@ -0,0 +1,590 @@ +// modules are defined as an array +// [ module function, map of requires ] +// +// map of requires is short require name -> numeric require +// +// anything defined in a previous bundle is accessed via the +// orig method which is the require for previous bundles + +(function (modules, entry, mainEntry, parcelRequireName, globalName) { + /* eslint-disable no-undef */ + var globalObject = + typeof globalThis !== 'undefined' + ? globalThis + : typeof self !== 'undefined' + ? self + : typeof window !== 'undefined' + ? window + : typeof global !== 'undefined' + ? global + : {}; + /* eslint-enable no-undef */ + + // Save the require from previous bundle to this closure if any + var previousRequire = + typeof globalObject[parcelRequireName] === 'function' && + globalObject[parcelRequireName]; + + var cache = previousRequire.cache || {}; + // Do not use `require` to prevent Webpack from trying to bundle this call + var nodeRequire = + typeof module !== 'undefined' && + typeof module.require === 'function' && + module.require.bind(module); + + function newRequire(name, jumped) { + if (!cache[name]) { + if (!modules[name]) { + // if we cannot find the module within our internal map or + // cache jump to the current global require ie. the last bundle + // that was added to the page. + var currentRequire = + typeof globalObject[parcelRequireName] === 'function' && + globalObject[parcelRequireName]; + if (!jumped && currentRequire) { + return currentRequire(name, true); + } + + // If there are other bundles on this page the require from the + // previous one is saved to 'previousRequire'. Repeat this as + // many times as there are bundles until the module is found or + // we exhaust the require chain. + if (previousRequire) { + return previousRequire(name, true); + } + + // Try the node require function if it exists. + if (nodeRequire && typeof name === 'string') { + return nodeRequire(name); + } + + var err = new Error("Cannot find module '" + name + "'"); + err.code = 'MODULE_NOT_FOUND'; + throw err; + } + + localRequire.resolve = resolve; + localRequire.cache = {}; + + var module = (cache[name] = new newRequire.Module(name)); + + modules[name][0].call( + module.exports, + localRequire, + module, + module.exports, + this + ); + } + + return cache[name].exports; + + function localRequire(x) { + var res = localRequire.resolve(x); + return res === false ? {} : newRequire(res); + } + + function resolve(x) { + var id = modules[name][1][x]; + return id != null ? id : x; + } + } + + function Module(moduleName) { + this.id = moduleName; + this.bundle = newRequire; + this.exports = {}; + } + + newRequire.isParcelRequire = true; + newRequire.Module = Module; + newRequire.modules = modules; + newRequire.cache = cache; + newRequire.parent = previousRequire; + newRequire.register = function (id, exports) { + modules[id] = [ + function (require, module) { + module.exports = exports; + }, + {}, + ]; + }; + + Object.defineProperty(newRequire, 'root', { + get: function () { + return globalObject[parcelRequireName]; + }, + }); + + globalObject[parcelRequireName] = newRequire; + + for (var i = 0; i < entry.length; i++) { + newRequire(entry[i]); + } + + if (mainEntry) { + // Expose entry point to Node, AMD or browser globals + // Based on https://github.com/ForbesLindesay/umd/blob/master/template.js + var mainExports = newRequire(mainEntry); + + // CommonJS + if (typeof exports === 'object' && typeof module !== 'undefined') { + module.exports = mainExports; + + // RequireJS + } else if (typeof define === 'function' && define.amd) { + define(function () { + return mainExports; + }); + + // + + + + diff --git a/report/html_report/index_bundle.js b/report/html_report/index_bundle.js new file mode 100644 index 0000000000..696e1c8f1f --- /dev/null +++ b/report/html_report/index_bundle.js @@ -0,0 +1,2 @@ +/*! For license information please see index_bundle.js.LICENSE.txt */ +(()=>{var e,t,n={184:(e,t,n)=>{"use strict";function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}t.Z=void 0;var o=function(e,t){if(e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var n=i(t);if(n&&n.has(e))return n.get(e);var o={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&Object.prototype.hasOwnProperty.call(e,l)){var u=a?Object.getOwnPropertyDescriptor(e,l):null;u&&(u.get||u.set)?Object.defineProperty(o,l,u):o[l]=e[l]}return o.default=e,n&&n.set(e,o),o}(n(294));function i(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(i=function(e){return e?n:t})(e)}function a(e,t){for(var n=0;n=u)&&Math.abs(d)>l)return void this.endDrag();if(!t)return}var y=this.twentyTwentyComponent.current.getBoundingClientRect(),h=100*(o-y.left)/y.width;h=Math.max(Math.min(h,100),0),this.setState({position:h,isDragging:t})}}},{key:"beginDrag",value:function(e){if(e&&e.preventDefault(),this.props.isDraggingEnabled){var t="touches"in e?e.touches[0]:e,n=t.pageX,r=t.pageY;this.setState({startX:n,startY:r}),document.addEventListener("mousemove",this.onDragMove),document.addEventListener("mouseup",this.endDrag),document.addEventListener("touchmove",this.onDragMove),document.addEventListener("touchend",this.endDrag)}}},{key:"endDrag",value:function(){document.removeEventListener("mousemove",this.onDragMove),document.removeEventListener("mouseup",this.endDrag),document.removeEventListener("touchmove",this.onDragMove),document.removeEventListener("touchend",this.endDrag),this.setState({isDragging:!1,startY:NaN,endY:NaN})}},{key:"render",value:function(){var e=this.state.position,t=this.props,n=t.children,r=t.verticalAlign,i=t.leftHorizontalAlign,a=t.rightHorizontalAlign;return 2!==n.length&&3!==n.length?(console.warn("Expected exactly two or three children"),null):o.default.createElement("div",{ref:this.twentyTwentyComponent,style:{position:"relative",overflow:"hidden",whiteSpace:"nowrap"},onMouseDown:this.beginDrag,onTouchStart:this.beginDrag},o.default.createElement("div",{style:{position:"absolute",left:"".concat(e,"%"),height:"100%",width:0,zIndex:1}},n[2]),o.default.createElement("div",{style:{display:"inline-block",width:"100%",position:"relative",verticalAlign:r,left:"".concat(e-100,"%"),overflow:"hidden"}},o.default.createElement("div",{style:{position:"relative",right:"".concat(e-100,"%"),textAlign:i}},n[0])),o.default.createElement("div",{style:{display:"inline-block",width:"100%",position:"relative",verticalAlign:r,left:"".concat(e-100,"%"),overflow:"hidden"}},o.default.createElement("div",{style:{position:"relative",right:"".concat(e,"%"),textAlign:a}},n[1])))}}])&&a(t.prototype,n),Object.defineProperty(t,"prototype",{writable:!1}),d}(o.Component)).defaultProps={verticalAlign:"middle",leftHorizontalAlign:"center",rightHorizontalAlign:"center",minDistanceToBeginInteraction:15,maxAngleToBeginInteraction:30,initialPosition:50,isDraggingEnabled:!0}},875:(e,t,n)=>{var r;!function(){"use strict";var o=!("undefined"==typeof window||!window.document||!window.document.createElement),i={canUseDOM:o,canUseWorkers:"undefined"!=typeof Worker,canUseEventListeners:o&&!(!window.addEventListener&&!window.attachEvent),canUseViewport:o&&!!window.screen};void 0===(r=function(){return i}.call(t,n,t,e))||(e.exports=r)}()},75:function(e){(function(){var t,n,r,o,i,a;"undefined"!=typeof performance&&null!==performance&&performance.now?e.exports=function(){return performance.now()}:"undefined"!=typeof process&&null!==process&&process.hrtime?(e.exports=function(){return(t()-i)/1e6},n=process.hrtime,o=(t=function(){var e;return 1e9*(e=n())[0]+e[1]})(),a=1e9*process.uptime(),i=o-a):Date.now?(e.exports=function(){return Date.now()-r},r=Date.now()):(e.exports=function(){return(new Date).getTime()-r},r=(new Date).getTime())}).call(this)},703:(e,t,n)=>{"use strict";var r=n(414);function o(){}function i(){}i.resetWarningCache=o,e.exports=function(){function e(e,t,n,o,i,a){if(a!==r){var l=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw l.name="Invariant Violation",l}}function t(){return e}e.isRequired=e;var n={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:i,resetWarningCache:o};return n.PropTypes=n,n}},697:(e,t,n)=>{e.exports=n(703)()},414:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},87:(e,t,n)=>{for(var r=n(75),o="undefined"==typeof window?n.g:window,i=["moz","webkit"],a="AnimationFrame",l=o["request"+a],u=o["cancel"+a]||o["cancelRequest"+a],c=0;!l&&c{"use strict";var r=n(294),o=n(840);function i(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n