From f109b40438f94f56c47f3d7571c62ccb96d75a8f Mon Sep 17 00:00:00 2001 From: Guillaume Sere Date: Thu, 11 Jan 2024 18:32:20 +0100 Subject: [PATCH] Updates --- asset-manifest.json | 12 ++++++------ index.html | 2 +- static/css/main.15d9e03e.css | 2 -- static/css/main.15d9e03e.css.map | 1 - static/css/main.23f33e09.css | 2 ++ static/css/main.23f33e09.css.map | 1 + static/js/{main.4d4310d9.js => main.365eece9.js} | 6 +++--- ...9.js.LICENSE.txt => main.365eece9.js.LICENSE.txt} | 0 .../{main.4d4310d9.js.map => main.365eece9.js.map} | 2 +- 9 files changed, 14 insertions(+), 14 deletions(-) delete mode 100644 static/css/main.15d9e03e.css delete mode 100644 static/css/main.15d9e03e.css.map create mode 100644 static/css/main.23f33e09.css create mode 100644 static/css/main.23f33e09.css.map rename static/js/{main.4d4310d9.js => main.365eece9.js} (86%) rename static/js/{main.4d4310d9.js.LICENSE.txt => main.365eece9.js.LICENSE.txt} (100%) rename static/js/{main.4d4310d9.js.map => main.365eece9.js.map} (99%) diff --git a/asset-manifest.json b/asset-manifest.json index a430afc..3332ff7 100644 --- a/asset-manifest.json +++ b/asset-manifest.json @@ -1,13 +1,13 @@ { "files": { - "main.css": "/api-sncf/static/css/main.15d9e03e.css", - "main.js": "/api-sncf/static/js/main.4d4310d9.js", + "main.css": "/api-sncf/static/css/main.23f33e09.css", + "main.js": "/api-sncf/static/js/main.365eece9.js", "index.html": "/api-sncf/index.html", - "main.15d9e03e.css.map": "/api-sncf/static/css/main.15d9e03e.css.map", - "main.4d4310d9.js.map": "/api-sncf/static/js/main.4d4310d9.js.map" + "main.23f33e09.css.map": "/api-sncf/static/css/main.23f33e09.css.map", + "main.365eece9.js.map": "/api-sncf/static/js/main.365eece9.js.map" }, "entrypoints": [ - "static/css/main.15d9e03e.css", - "static/js/main.4d4310d9.js" + "static/css/main.23f33e09.css", + "static/js/main.365eece9.js" ] } \ No newline at end of file diff --git a/index.html b/index.html index 862a9e4..0d4441d 100644 --- a/index.html +++ b/index.html @@ -1 +1 @@ -API-SNCF
\ No newline at end of file +API-SNCF
\ No newline at end of file diff --git a/static/css/main.15d9e03e.css b/static/css/main.15d9e03e.css deleted file mode 100644 index 0680fdb..0000000 --- a/static/css/main.15d9e03e.css +++ /dev/null @@ -1,2 +0,0 @@ -@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@100;200;300;400;500;600&display=swap);body{background:linear-gradient(90deg,#788fa6,#232323);font-family:Open Sans,sans-serif;font-size:16px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#a8acb0}::-webkit-scrollbar-thumb{background:#009eff;border-radius:10px}a,body,button,div,footer,form,h1,h2,h3,header,html,img,input,label,li,nav,p,select,span,table,textarea,ul{margin:0;padding:0}li,ul{list-style:none}.App{display:flex;flex-direction:column;width:100%}.home,.home__content-wrapper{align-items:center;display:flex;justify-content:center}.home__content-wrapper{border-radius:10px;flex-direction:column;margin-top:5rem;width:80%}.home__content-title{color:#009eff;font-family:Roboto Mono,monospace;margin-top:1rem;text-align:center}.home__link{background:#fff;border:3px solid #8de8fe;border-radius:.5rem;color:#000;font-size:1.2rem;font-weight:700;margin-right:1rem;margin-top:1rem;padding:.2rem;position:absolute;right:0;text-decoration:none;top:0}@media screen and (max-width:600px){.home__link{font-size:1rem;padding:.5rem}}.animation{margin-top:-5rem!important}.header{height:120px}.QR-code{height:80px;top:5rem;width:80px}.QR-code,.description-QR{position:absolute;right:2rem}.description-QR{color:#009eff;font-size:20px;font-weight:700;top:1rem}.pagination{padding:.5rem;text-align:center;width:99%}.pagination,.pagination a{align-items:center;display:flex;justify-content:center}.pagination a{background:#000;border-radius:50%;box-shadow:4px 4px 3px -3px gray;color:#009eff;font-size:18px;font-weight:700;height:40px;margin:.5rem;text-decoration:none;width:40px}.pagination a.active{background:#737373;color:#fff}.pagination a:hover{background:#272727}.input-search{background-color:#232323;border:2px solid #009eff;border-radius:20px;color:gray;font-size:18px;font-weight:700;margin-left:1rem;padding:1rem;z-index:2}.input-search:focus{outline:none}.footer{align-content:center;background:#000;bottom:0;height:100px;justify-content:center}.footer,.footer-links{align-items:center;display:flex}.link1{height:50px;margin-left:1rem;width:50px}.link1:hover,.link2:hover{-webkit-filter:invert(20%);filter:invert(20%)}.link2{height:45px;margin-right:1rem;width:45px}.footer p{color:#fff;color:#009eff;font-family:Roboto Mono,monospace;text-align:center}.footer span{font-size:25px}@media(max-width:990px){.home__content-title{font-size:1.5rem}}@media(max-width:695px){.pagination a{box-shadow:4px 4px 3px -3px gray;font-size:16px;font-weight:700;height:30px;margin:.5rem;width:30px}}@media(max-width:500px){.QR-code{height:50px;left:2rem;top:3rem;width:50px}.description-QR{color:#fd9a00;font-size:14px;font-weight:700;left:2rem;position:absolute;top:.2rem}.pagination{width:105%}.pagination a{box-shadow:4px 4px 3px -3px gray;font-size:13px;font-weight:700;height:25px;margin:.2rem;width:20px}.home__content-title{font-size:1.2rem}.animation{height:300px!important;margin-top:-5rem!important;width:300px!important}.home__content-title{margin-top:-3rem}.footer p{font-size:.8rem}}.city{background:#020202;padding:3rem}@media screen and (max-width:600px){.city{padding:3rem 0}}.city__name{background:#fff;border:5px solid #8de8fe;border-radius:.5rem;color:#020202;font-size:3rem;margin:0 auto;max-width:500px;text-align:center;text-transform:capitalize}@media screen and (max-width:600px){.city__name{font-size:2rem;margin:2rem 1rem 1rem}}.city-cards{align-content:space-around;border-radius:10px;display:flex;flex-wrap:wrap;justify-content:space-around;min-height:80vh;width:100%}.city-card{background-position:50%;border:2px solid #009eff;border-radius:10px;height:15rem;margin:1rem 0;position:relative;text-decoration:none;width:30%}@media screen and (max-width:1200px){.city-card{width:45%}}@media screen and (max-width:700px){.city-card{width:80%}}.city-card__name{background-color:rgba(59,59,59,.5);border-radius:10px;color:#fff;font-size:2rem;height:100%;position:absolute;text-align:center;text-transform:capitalize;transition:font-size .5s ease-in-out;width:100%}.city-card:hover{cursor:pointer}.city-card:hover .city-card__name{font-size:3rem}@media screen and (max-width:1700px){.city-card__name{font-size:25px}.city-card__name:hover{font-size:30px!important}}@media screen and (max-width:700px){.city-card__name{font-size:20px}.city-card__name:hover{font-size:22px!important}}.departure{background-color:#123a9f;color:#fff;display:grid;font-size:1.5rem;grid-template-columns:1fr 1.5fr 1.5fr 6fr 1fr}.departure .departure_destination{color:#fff;display:flex;font-weight:700;justify-content:center}@media screen and (max-width:850px){.departure{font-size:1.2rem;grid-template-columns:1fr 2fr 2fr 4fr 1fr}}@media screen and (max-width:750px){.departure{font-size:1rem}}.departure--light{background-color:#0363f4}.departure__operator{grid-column-end:span 1;grid-column-start:1;grid-row-end:span 2;grid-row-start:1}.departure__train-type{font-size:.8rem;grid-column-end:span 1;grid-column-start:2;grid-row-end:span 1;grid-row-start:1}@media screen and (max-width:750px){.departure__train-type{font-size:.6rem}}.departure__train-number{font-size:.8rem;grid-column-end:span 1;grid-column-start:2;grid-row-end:span 1;grid-row-start:2}@media screen and (max-width:750px){.departure__train-number{font-size:.6rem}}.departure__time{color:#e1e929;font-weight:700;grid-column-end:span 1;grid-column-start:3;grid-row-end:span 2;grid-row-start:1}.departure__time--disappear{display:none}.departure__delay{font-size:1.2rem;font-weight:700;grid-column-end:span 1;grid-column-start:3;grid-row-end:span 2;grid-row-start:1}@media screen and (max-width:750px){.departure__delay{font-size:1rem}}.departure__delay--disappear{display:none}.departure__destination{font-weight:700;grid-column-end:span 1;grid-column-start:4;grid-row-end:span 2;grid-row-start:1}.departure__stops{grid-column-end:span 3;grid-column-start:2;grid-row-end:span 1;grid-row-start:3;overflow:hidden;white-space:nowrap}.departure__stops li{font-size:1.2rem;margin-right:.5rem}@media screen and (max-width:750px){.departure__stops li{font-size:1rem}}.departure__stops li img{border-radius:50%;height:10px;margin-left:.5rem;width:10px}.arrival{background-color:#017142;color:#fff;display:grid;font-size:1.5rem;grid-template-columns:1fr 1.5fr 1.5fr 6fr 1fr;grid-template-rows:1fr 1fr 2fr}@media screen and (max-width:850px){.arrival{grid-template-columns:1fr 3fr 3fr 4fr 1fr}}@media screen and (max-width:650px){.arrival{font-size:1rem;grid-template-columns:1fr 4fr 4fr 4fr 1fr}}.arrival--light{background-color:#00a254}.arrival__operator{grid-column-end:span 1;grid-column-start:1;grid-row-end:span 2;grid-row-start:1}.arrival__train-type{grid-row-start:1}.arrival__train-number,.arrival__train-type{font-size:.8rem;grid-column-end:span 1;grid-column-start:2;grid-row-end:span 1}.arrival__train-number{grid-row-start:2}.arrival__time{color:#e1e929;font-weight:700;grid-column-end:span 1;grid-column-start:3;grid-row-end:span 2;grid-row-start:1}.arrival__time--disappear{display:none}.arrival__delay{font-size:1.2rem;font-weight:700;grid-column-end:span 1;grid-column-start:3;grid-row-end:span 2;grid-row-start:1}@media screen and (max-width:750px){.arrival__delay{font-size:1rem}}.arrival__delay--disappear{display:none}.arrival__origin{font-weight:700;grid-column-end:span 1;grid-column-start:4;grid-row-end:span 2;grid-row-start:1;margin-left:1rem}.arrival__stops{grid-column-end:span 3;grid-column-start:2;grid-row-end:span 1;grid-row-start:3;overflow:hidden;white-space:nowrap}.arrival__stops li{font-size:1.2rem;margin-right:.5rem}.arrival__stops li img{border-radius:50%;height:10px;margin-left:.5rem;width:10px}.train-stations{display:flex;justify-content:space-around;margin:2rem auto;width:90%}@media screen and (max-width:900px){.train-stations{flex-direction:column;width:40%}}@media screen and (max-width:650px){.train-stations{width:80%}}.train-stations__link{align-items:center;background-color:#fff;border-radius:5px;color:#0c131f;display:flex;font-weight:700;justify-content:center;padding:1rem 2rem;text-decoration:none}@media screen and (max-width:900px){.train-stations__link{margin-top:1rem}}.train-stations__link:hover{cursor:pointer}.train-stations__link:hover span:after{opacity:1;width:100%}.train-stations__link--active{border:5px solid #8de8fe;color:#000}.train-stations__link span{position:relative;transition:all .5s ease-in-out}.train-stations__link span:after{background-color:#8de8fe;bottom:-10px;content:"";height:5px;left:0;opacity:0;position:absolute;transition:all 1s ease-in-out;width:0}.train-station{margin:auto;width:80%}.directions{width:100%}.directions__arrivals,.directions__departures{border:none;border-radius:5px 5px 0 0;font-family:inherit;font-size:1.2rem;padding:.5rem 0;width:50%}.directions__departures{background-color:#123a9f;color:#fff}.directions__departures:hover{cursor:pointer}.directions__departures--active{background-color:#123a9f}.directions__arrivals{background-color:#28893a;color:#fff}.directions__arrivals:hover{cursor:pointer}.directions__arrivals--active{background-color:#28893a}.stops{align-items:center;-webkit-animation:scrollText 25s linear infinite;animation:scrollText 25s linear infinite;display:flex}@-webkit-keyframes scrollText{0%{-webkit-transform:translate(50%);transform:translate(50%)}to{-webkit-transform:translate(-50%);transform:translate(-50%)}}@keyframes scrollText{0%{-webkit-transform:translate(50%);transform:translate(50%)}to{-webkit-transform:translate(-50%);transform:translate(-50%)}} -/*# sourceMappingURL=main.15d9e03e.css.map*/ \ No newline at end of file diff --git a/static/css/main.15d9e03e.css.map b/static/css/main.15d9e03e.css.map deleted file mode 100644 index 6c513e4..0000000 --- a/static/css/main.15d9e03e.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"static/css/main.15d9e03e.css","mappings":"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","sources":["styles/_settings.scss","styles/pages/_home.scss","styles/pages/_city.scss","styles/components/_cityCards.scss","styles/components/_cityCard.scss","styles/components/_departures.scss","styles/components/_arrivals.scss","styles/components/_trainStations.scss","styles/components/_trainStation.scss","styles/components/_stops.scss"],"sourcesContent":["@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap');\r\n@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@100;200;300;400;500;600&display=swap');\r\n\r\nbody {\r\n font-family: 'Open Sans', sans-serif;\r\n font-size: 16px;\r\n background: linear-gradient(90deg, #788fa6 0%, #232323 100%);\r\n}\r\n\r\n::-webkit-scrollbar{\r\n width: 8px;\r\n}\r\n\r\n::-webkit-scrollbar-track{\r\n background: #a8acb0;\r\n}\r\n\r\n::-webkit-scrollbar-thumb{\r\n background: #009eff;\r\n border-radius: 10px;\r\n}\r\n\r\nhtml,\r\nbody,\r\nnav,\r\nheader,\r\nfooter,\r\ndiv,\r\nspan,\r\nh1,\r\nh2,\r\nh3,\r\np,\r\na,\r\nimg,\r\nul,\r\nli,\r\ntable,\r\nform,\r\nlabel,\r\ninput,\r\ntextarea,\r\nselect,\r\nbutton {\r\n margin: 0;\r\n padding: 0;\r\n}\r\n\r\nul {\r\n list-style: none;\r\n}\r\n\r\nli {\r\n list-style: none;\r\n}",".App{\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n.home {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n\r\n &__content-wrapper {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n width: 80%;\r\n margin-top: 5rem;\r\n border-radius: 10px;\r\n }\r\n &__content-title{\r\n text-align: center;\r\n font-family: 'Roboto Mono', monospace;\r\n margin-top: 1rem;\r\n color: #009eff;\r\n }\r\n &__link{\r\n position: absolute;\r\n top: 0;\r\n right:0;\r\n margin-top: 1rem;\r\n font-weight: bold;\r\n margin-right: 1rem;\r\n color: black;\r\n background: white;\r\n text-decoration: none;\r\n padding: 0.2rem;\r\n border-radius: .5rem;\r\n border: 3px solid #8DE8FE;\r\n font-size: 1.2rem;\r\n\r\n @media screen and (max-width: 600px) {\r\n font-size: 1rem;\r\n padding: .5rem;\r\n }\r\n }\r\n}\r\n\r\n.animation{\r\n margin-top: -5rem !important;\r\n}\r\n\r\n.header{\r\n height: 120px;\r\n}\r\n.QR-code{\r\n position: absolute;\r\n height: 80px;\r\n width: 80px;\r\n top: 5rem;\r\n right:2rem;\r\n}\r\n.description-QR{\r\n position: absolute;\r\n right: 2rem;\r\n font-size: 20px;\r\n font-weight: bold;\r\n top: 1rem;\r\n color: #009eff;\r\n}\r\n.pagination{\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n text-align: center;\r\n padding: 0.5rem;\r\n width: 99%;\r\n}\r\n.pagination a{\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n text-decoration: none;\r\n font-size: 18px;\r\n font-weight: bold;\r\n margin: 0.5rem;\r\n color: #009eff;\r\n background: black;\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 50%;\r\n box-shadow:4px 4px 3px -3px grey;\r\n}\r\n.pagination a.active{\r\n background: rgb(115, 115, 115);\r\n color: white;\r\n}\r\n.pagination a:hover{\r\n background: rgb(39, 39, 39);\r\n}\r\n\r\n.input-search {\r\n margin-left: 1rem;\r\n border-radius: 20px;\r\n border: 2px solid #009eff; /* Ajout de la bordure */\r\n font-size: 18px;\r\n padding: 1rem;\r\n font-weight: bold;\r\n color: grey;\r\n z-index: 2;\r\n background-color: rgb(35, 35, 35);\r\n}\r\n\r\n.input-search:focus{\r\n outline: none;\r\n}\r\n\r\n.footer{\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n align-content: center;\r\n bottom: 0;\r\n height: 100px;\r\n background: black;\r\n}\r\n.footer-links{\r\n display: flex;\r\n align-items: center;\r\n}\r\n.link1{\r\n width: 50px;\r\n height: 50px;\r\n margin-left: 1rem;\r\n}\r\n.link1:hover,\r\n.link2:hover{\r\n filter: invert(20%);\r\n}\r\n.link2{\r\n width: 45px;\r\n height: 45px;\r\n margin-right: 1rem;\r\n}\r\n\r\n.footer p{\r\n color: white;\r\n font-family: 'Roboto Mono', monospace;\r\n text-align: center;\r\n}\r\n\r\n.footer p{\r\n color:#009eff;\r\n}\r\n.footer span{\r\n font-size: 25px;\r\n}\r\n\r\n@media (max-width:990px){\r\n .home__content-title{\r\n font-size: 1.5rem;\r\n }\r\n}\r\n\r\n@media (max-width:695px){\r\n .pagination a{\r\n font-size: 16px;\r\n font-weight: bold;\r\n margin: 0.5rem;\r\n width: 30px;\r\n height: 30px;\r\n box-shadow:4px 4px 3px -3px grey;\r\n }\r\n}\r\n\r\n@media (max-width:500px){\r\n .QR-code{\r\n height: 50px;\r\n width: 50px;\r\n top: 3rem;\r\n left: 2rem;\r\n }\r\n .description-QR{\r\n position: absolute;\r\n left: 2rem;\r\n font-size: 14px;\r\n font-weight: bold;\r\n top: 0.2rem;\r\n color: #fd9a00;\r\n }\r\n .pagination{\r\n width: 105%;\r\n }\r\n .pagination a{\r\n font-size: 13px;\r\n font-weight: bold;\r\n margin: 0.2rem;\r\n width: 20px;\r\n height: 25px;\r\n box-shadow:4px 4px 3px -3px grey;\r\n }\r\n\r\n .home__content-title{\r\n font-size: 1.2rem;\r\n }\r\n .animation{\r\n height: 300px !important;\r\n width: 300px !important;\r\n margin-top: -5rem !important;\r\n }\r\n .home__content-title{\r\n margin-top: -3rem;\r\n }\r\n .footer p{\r\n font-size: .8rem;\r\n }\r\n}",".city {\r\n padding: 3rem;\r\n background: #020202;\r\n\r\n @media screen and (max-width: 600px) {\r\n padding: 3rem 0;\r\n }\r\n\r\n &__name {\r\n color: #020202;\r\n margin: 0 auto;\r\n text-align: center;\r\n border: 5px solid #8DE8FE;\r\n border-radius: .5rem;\r\n background: white;\r\n max-width: 500px;\r\n font-size: 3rem;\r\n text-transform: capitalize;\r\n\r\n @media screen and (max-width: 600px) {\r\n margin: 1rem;\r\n font-size: 2rem;\r\n margin-top: 2rem;\r\n }\r\n }\r\n}",".city-cards {\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: space-around;\r\n align-content: space-around;\r\n width: 100%;\r\n min-height: 80vh;\r\n border-radius: 10px;\r\n}",".city-card {\r\n position: relative;\r\n width: 30%;\r\n height: 15rem;\r\n border-radius: 10px;\r\n background-position: center;\r\n text-decoration: none;\r\n margin: 1rem 0;\r\n border:2px #009eff solid;\r\n\r\n @media screen and (max-width: 1200px) {\r\n width: 45%;\r\n }\r\n\r\n @media screen and (max-width: 700px) {\r\n width: 80%;\r\n}\r\n\r\n &__name {\r\n position: absolute;\r\n text-align: center;\r\n font-size: 2rem;\r\n color: white;\r\n text-transform: capitalize;\r\n background-color: rgba(59, 59, 59, 0.5);\r\n width: 100%;\r\n height: 100%;\r\n border-radius: 10px;\r\n transition: font-size ease-in-out 0.5s;\r\n }\r\n\r\n &:hover {\r\n cursor: pointer;\r\n\r\n .city-card__name {\r\n font-size: 3rem;\r\n }\r\n }\r\n}\r\n\r\n@media screen and (max-width: 1700px) {\r\n .city-card__name {\r\n font-size: 25px;\r\n\r\n &:hover{\r\n font-size: 30px!important;\r\n }\r\n }\r\n}\r\n\r\n@media screen and (max-width: 700px) {\r\n .city-card__name {\r\n font-size: 20px;\r\n\r\n &:hover{\r\n font-size: 22px!important;\r\n }\r\n }\r\n}",".departure {\r\n background-color: #123a9f;\r\n display: grid;\r\n grid-template-columns: 1fr 1.5fr 1.5fr 6fr 1fr;\r\n color: white;\r\n font-size: 1.5rem;\r\n\r\n .departure_destination{\r\n color: rgb(255, 255, 255);\r\n font-weight: bold;\r\n display: flex;\r\n justify-content: center;\r\n }\r\n\r\n @media screen and (max-width: 850px) {\r\n grid-template-columns: 1fr 2fr 2fr 4fr 1fr;\r\n font-size: 1.2rem;\r\n }\r\n\r\n @media screen and (max-width: 750px) {\r\n font-size: 1rem;\r\n }\r\n\r\n &--light {\r\n background-color: #0363f4;\r\n }\r\n\r\n &__operator {\r\n grid-column-start: 1;\r\n grid-column-end: span 1;\r\n grid-row-start: 1;\r\n grid-row-end: span 2;\r\n }\r\n\r\n &__train-type {\r\n grid-column-start: 2;\r\n grid-column-end: span 1;\r\n grid-row-start: 1;\r\n grid-row-end: span 1;\r\n font-size: 0.8rem;\r\n\r\n @media screen and (max-width: 750px) {\r\n font-size: 0.6rem;\r\n }\r\n }\r\n\r\n &__train-number {\r\n grid-column-start: 2;\r\n grid-column-end: span 1;\r\n grid-row-start: 2;\r\n grid-row-end: span 1;\r\n font-size: 0.8rem;\r\n\r\n @media screen and (max-width: 750px) {\r\n font-size: 0.6rem;\r\n }\r\n }\r\n\r\n &__time {\r\n grid-column-start: 3;\r\n grid-column-end: span 1;\r\n grid-row-start: 1;\r\n grid-row-end: span 2;\r\n color: #E1E929;\r\n font-weight: 700;\r\n\r\n &--disappear {\r\n display: none;\r\n }\r\n }\r\n\r\n &__delay {\r\n grid-column-start: 3;\r\n grid-column-end: span 1;\r\n grid-row-start: 1;\r\n grid-row-end: span 2;\r\n font-size: 1.2rem;\r\n font-weight: bold;\r\n\r\n @media screen and (max-width: 750px) {\r\n font-size: 1rem;\r\n }\r\n\r\n &--disappear {\r\n display: none;\r\n }\r\n }\r\n\r\n &__destination {\r\n grid-column-start: 4;\r\n grid-column-end: span 1;\r\n grid-row-start: 1;\r\n grid-row-end: span 2;\r\n font-weight: 700;\r\n }\r\n\r\n &__stops {\r\n white-space: nowrap;\r\n grid-column-start: 2;\r\n grid-column-end: span 3;\r\n grid-row-start: 3;\r\n grid-row-end: span 1;\r\n overflow: hidden;\r\n\r\n li {\r\n margin-right: 0.5rem;\r\n font-size: 1.2rem;\r\n\r\n @media screen and (max-width: 750px) {\r\n font-size: 1rem;\r\n }\r\n\r\n img {\r\n width: 10px;\r\n height: 10px;\r\n border-radius: 50%;\r\n margin-left: 0.5rem;\r\n }\r\n }\r\n }\r\n}",".arrival {\r\n background-color: #017142;\r\n display: grid;\r\n grid-template-columns: 1fr 1.5fr 1.5fr 6fr 1fr;\r\n grid-template-rows: 1fr 1fr 2fr;\r\n color: white;\r\n font-size: 1.5rem;\r\n\r\n @media screen and (max-width: 850px) {\r\n grid-template-columns: 1fr 3fr 3fr 4fr 1fr;\r\n }\r\n\r\n @media screen and (max-width: 650px) {\r\n font-size: 1rem;\r\n grid-template-columns: 1fr 4fr 4fr 4fr 1fr;\r\n }\r\n\r\n &--light {\r\n background-color: #00a254;\r\n }\r\n\r\n &__operator {\r\n grid-column-start: 1;\r\n grid-column-end: span 1;\r\n grid-row-start: 1;\r\n grid-row-end: span 2;\r\n }\r\n\r\n &__train-type {\r\n grid-column-start: 2;\r\n grid-column-end: span 1;\r\n grid-row-start: 1;\r\n grid-row-end: span 1;\r\n font-size: 0.8rem;\r\n }\r\n\r\n &__train-number {\r\n grid-column-start: 2;\r\n grid-column-end: span 1;\r\n grid-row-start: 2;\r\n grid-row-end: span 1;\r\n font-size: 0.8rem;\r\n }\r\n\r\n &__time {\r\n grid-column-start: 3;\r\n grid-column-end: span 1;\r\n grid-row-start: 1;\r\n grid-row-end: span 2;\r\n color: #E1E929;\r\n font-weight: 700;\r\n\r\n &--disappear {\r\n display: none;\r\n }\r\n }\r\n\r\n &__delay {\r\n grid-column-start: 3;\r\n grid-column-end: span 1;\r\n grid-row-start: 1;\r\n grid-row-end: span 2;\r\n font-size: 1.2rem;\r\n font-weight: bold;\r\n\r\n @media screen and (max-width: 750px) {\r\n font-size: 1rem;\r\n }\r\n\r\n &--disappear {\r\n display: none;\r\n }\r\n }\r\n\r\n &__origin {\r\n grid-column-start: 4;\r\n grid-column-end: span 1;\r\n grid-row-start: 1;\r\n grid-row-end: span 2;\r\n font-weight: bold;\r\n margin-left: 1rem;\r\n }\r\n\r\n &__stops {\r\n white-space: nowrap;\r\n grid-column-start: 2;\r\n grid-column-end: span 3;\r\n grid-row-start: 3;\r\n grid-row-end: span 1;\r\n overflow: hidden;\r\n\r\n li {\r\n margin-right: 0.5rem;\r\n font-size: 1.2rem;\r\n\r\n img {\r\n width: 10px;\r\n height: 10px;\r\n border-radius: 50%;\r\n margin-left: 0.5rem;\r\n }\r\n }\r\n }\r\n}",".train-stations {\r\n display: flex;\r\n justify-content: space-around;\r\n width: 90%;\r\n margin: 2rem auto;\r\n\r\n @media screen and (max-width: 900px) {\r\n flex-direction: column;\r\n width: 40%;\r\n }\r\n\r\n @media screen and (max-width: 650px) {\r\n width: 80%;\r\n }\r\n\r\n &__link {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n text-decoration: none;\r\n color: #0C131F;\r\n font-weight: bold;\r\n background-color: #FFFFFF;\r\n border-radius: 5px;\r\n padding: 1rem 2rem;\r\n\r\n \r\n @media screen and (max-width: 900px) {\r\n margin-top: 1rem;\r\n }\r\n\r\n &:hover {\r\n cursor: pointer;\r\n\r\n span:after {\r\n width: 100%;\r\n opacity: 1;\r\n }\r\n }\r\n\r\n &--active {\r\n border: 5px solid #8DE8FE;\r\n color: black;\r\n }\r\n\r\n span {\r\n transition: all 0.5s ease-in-out;\r\n position: relative;\r\n\r\n &:after {\r\n content: \"\";\r\n position: absolute;\r\n bottom: -10px;\r\n left: 0;\r\n height: 5px;\r\n width: 0px;\r\n background-color: #8DE8FE;\r\n opacity: 0;\r\n transition: all 1s ease-in-out;\r\n }\r\n }\r\n }\r\n}",".train-station {\r\n width: 80%;\r\n margin: auto;\r\n}\r\n\r\n.directions {\r\n width: 100%;\r\n\r\n &__departures,\r\n &__arrivals {\r\n width: 50%;\r\n font-family: inherit;\r\n padding: 0.5rem 0rem;\r\n font-size: 1.2rem;\r\n border: none;\r\n border-radius: 5px 5px 0 0;\r\n }\r\n\r\n &__departures {\r\n background-color: #123a9f;\r\n color: white;\r\n\r\n &:hover {\r\n cursor: pointer;\r\n }\r\n\r\n &--active {\r\n background-color: #123a9f;\r\n }\r\n }\r\n\r\n &__arrivals {\r\n background-color: #28893a;\r\n color: white;\r\n\r\n &:hover {\r\n cursor: pointer;\r\n }\r\n\r\n &--active {\r\n background-color: #28893a;\r\n }\r\n }\r\n}",".stops {\r\n display: flex;\r\n align-items:center;\r\n animation: scrollText 25s linear infinite;\r\n}\r\n\r\n@keyframes scrollText {\r\n 0% {\r\n transform: translate(50%, 0);\r\n }\r\n\r\n 100% {\r\n transform: translate(-50%, 0);\r\n }\r\n}"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/static/css/main.23f33e09.css b/static/css/main.23f33e09.css new file mode 100644 index 0000000..9fada01 --- /dev/null +++ b/static/css/main.23f33e09.css @@ -0,0 +1,2 @@ +@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@100;200;300;400;500;600&display=swap);body{background:linear-gradient(90deg,#788fa6,#232323);font-family:Open Sans,sans-serif;font-size:16px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#a8acb0}::-webkit-scrollbar-thumb{background:#009eff;border-radius:10px}a,body,button,div,footer,form,h1,h2,h3,header,html,img,input,label,li,nav,p,select,span,table,textarea,ul{margin:0;padding:0}li,ul{list-style:none}.App{display:flex;flex-direction:column;width:100%}.home,.home__content-wrapper{align-items:center;display:flex;justify-content:center}.home__content-wrapper{border-radius:10px;flex-direction:column;margin-top:5rem;width:80%}.home__content-title{color:#009eff;font-family:Roboto Mono,monospace;margin-top:1rem;text-align:center}.home__link{background:#fff;border:3px solid #8de8fe;border-radius:.5rem;color:#000;font-size:1.2rem;font-weight:700;margin-right:1rem;margin-top:1rem;padding:.2rem;position:absolute;right:0;text-decoration:none;top:0}@media screen and (max-width:600px){.home__link{font-size:1rem;padding:.5rem}}.animation{margin-top:-5rem!important}.header{height:120px}.QR-code{height:80px;top:5rem;width:80px}.QR-code,.description-QR{position:absolute;right:2rem}.description-QR{color:#009eff;font-size:20px;font-weight:700;top:1rem}.pagination{padding:.5rem;text-align:center;width:99%}.pagination,.pagination a{align-items:center;display:flex;justify-content:center}.pagination a{background:#000;border-radius:50%;box-shadow:4px 4px 3px -3px gray;color:#009eff;font-size:18px;font-weight:700;height:40px;margin:.5rem;text-decoration:none;width:40px}.pagination a.active{background:#737373;color:#fff}.pagination a:hover{background:#272727}.input-search{background-color:#232323;border:2px solid #009eff;border-radius:20px;color:gray;font-size:18px;font-weight:700;margin-left:1rem;padding:1rem;z-index:2}.input-search:focus{outline:none}.footer{align-content:center;background:#000;bottom:0;height:100px;justify-content:center}.footer,.footer-links{align-items:center;display:flex}.link1{height:50px;margin-left:1rem;width:50px}.link1:hover,.link2:hover{-webkit-filter:invert(20%);filter:invert(20%)}.link2{height:45px;margin-right:1rem;width:45px}.footer p{color:#fff;color:#009eff;font-family:Roboto Mono,monospace;text-align:center}.footer span{font-size:25px}@media(max-width:990px){.home__content-title{font-size:1.5rem}}@media(max-width:695px){.pagination a{box-shadow:4px 4px 3px -3px gray;font-size:16px;font-weight:700;height:30px;margin:.5rem;width:30px}}@media(max-width:500px){.QR-code{height:50px;left:2rem;top:3rem;width:50px}.description-QR{color:#fd9a00;font-size:14px;font-weight:700;left:2rem;position:absolute;top:.2rem}.pagination{width:105%}.pagination a{box-shadow:4px 4px 3px -3px gray;font-size:13px;font-weight:700;height:25px;margin:.2rem;width:20px}.home__content-title{font-size:1.2rem}.animation{height:300px!important;margin-top:-5rem!important;width:300px!important}.home__content-title{margin-top:-3rem}.footer p{font-size:.8rem}}.city{background:#020202;padding:3rem}@media screen and (max-width:600px){.city{padding:3rem 0}}.city__name{background:#fff;border:5px solid #8de8fe;border-radius:.5rem;color:#020202;font-size:3rem;margin:0 auto;max-width:500px;text-align:center;text-transform:capitalize}@media screen and (max-width:600px){.city__name{font-size:2rem;margin:2rem 1rem 1rem}}.city-cards{align-content:space-around;border-radius:10px;display:flex;flex-wrap:wrap;justify-content:space-around;min-height:80vh;width:100%}.city-card{background-position:50%;border:2px solid #009eff;border-radius:10px;height:15rem;margin:1rem 0;position:relative;text-decoration:none;width:30%}@media screen and (max-width:1200px){.city-card{width:45%}}@media screen and (max-width:700px){.city-card{width:80%}}.city-card__name{background-color:rgba(59,59,59,.5);border-radius:10px;color:#fff;font-size:2rem;height:100%;position:absolute;text-align:center;text-transform:capitalize;transition:font-size .5s ease-in-out;width:100%}.city-card:hover{cursor:pointer}.city-card:hover .city-card__name{font-size:3rem}@media screen and (max-width:1700px){.city-card__name{font-size:25px}.city-card__name:hover{color:#00fcc5;font-size:30px!important;font-weight:700}}@media screen and (max-width:700px){.city-card__name{font-size:20px}.city-card__name:hover{font-size:22px!important}}.departure{background-color:#123a9f;color:#fff;display:grid;font-size:1.5rem;grid-template-columns:1fr 1.5fr 1.5fr 6fr 1fr}.departure .departure_destination{color:#fff;display:flex;font-weight:700;justify-content:center}@media screen and (max-width:850px){.departure{font-size:1.2rem;grid-template-columns:1fr 2fr 2fr 4fr 1fr}}@media screen and (max-width:750px){.departure{font-size:1rem}}.departure--light{background-color:#0363f4}.departure__operator{grid-column-end:span 1;grid-column-start:1;grid-row-end:span 2;grid-row-start:1}.departure__train-type{font-size:.8rem;grid-column-end:span 1;grid-column-start:2;grid-row-end:span 1;grid-row-start:1}@media screen and (max-width:750px){.departure__train-type{font-size:.6rem}}.departure__train-number{font-size:.8rem;grid-column-end:span 1;grid-column-start:2;grid-row-end:span 1;grid-row-start:2}@media screen and (max-width:750px){.departure__train-number{font-size:.6rem}}.departure__time{color:#e1e929;font-weight:700;grid-column-end:span 1;grid-column-start:3;grid-row-end:span 2;grid-row-start:1}.departure__time--disappear{display:none}.departure__delay{font-size:1.2rem;font-weight:700;grid-column-end:span 1;grid-column-start:3;grid-row-end:span 2;grid-row-start:1}@media screen and (max-width:750px){.departure__delay{font-size:1rem}}.departure__delay--disappear{display:none}.departure__destination{font-weight:700;grid-column-end:span 1;grid-column-start:4;grid-row-end:span 2;grid-row-start:1}.departure__stops{grid-column-end:span 3;grid-column-start:2;grid-row-end:span 1;grid-row-start:3;overflow:hidden;white-space:nowrap}.departure__stops li{font-size:1.2rem;margin-right:.5rem}@media screen and (max-width:750px){.departure__stops li{font-size:1rem}}.departure__stops li img{border-radius:50%;height:10px;margin-left:.5rem;width:10px}.arrival{background-color:#017142;color:#fff;display:grid;font-size:1.5rem;grid-template-columns:1fr 1.5fr 1.5fr 6fr 1fr;grid-template-rows:1fr 1fr 2fr}@media screen and (max-width:850px){.arrival{grid-template-columns:1fr 3fr 3fr 4fr 1fr}}@media screen and (max-width:650px){.arrival{font-size:1rem;grid-template-columns:1fr 4fr 4fr 4fr 1fr}}.arrival--light{background-color:#00a254}.arrival__operator{grid-column-end:span 1;grid-column-start:1;grid-row-end:span 2;grid-row-start:1}.arrival__train-type{grid-row-start:1}.arrival__train-number,.arrival__train-type{font-size:.8rem;grid-column-end:span 1;grid-column-start:2;grid-row-end:span 1}.arrival__train-number{grid-row-start:2}.arrival__time{color:#e1e929;font-weight:700;grid-column-end:span 1;grid-column-start:3;grid-row-end:span 2;grid-row-start:1}.arrival__time--disappear{display:none}.arrival__delay{font-size:1.2rem;font-weight:700;grid-column-end:span 1;grid-column-start:3;grid-row-end:span 2;grid-row-start:1}@media screen and (max-width:750px){.arrival__delay{font-size:1rem}}.arrival__delay--disappear{display:none}.arrival__origin{font-weight:700;grid-column-end:span 1;grid-column-start:4;grid-row-end:span 2;grid-row-start:1;margin-left:1rem}.arrival__stops{grid-column-end:span 3;grid-column-start:2;grid-row-end:span 1;grid-row-start:3;overflow:hidden;white-space:nowrap}.arrival__stops li{font-size:1.2rem;margin-right:.5rem}.arrival__stops li img{border-radius:50%;height:10px;margin-left:.5rem;width:10px}.train-stations{display:flex;justify-content:space-around;margin:2rem auto;width:90%}@media screen and (max-width:900px){.train-stations{flex-direction:column;width:40%}}@media screen and (max-width:650px){.train-stations{width:80%}}.train-stations__link{align-items:center;background-color:#fff;border-radius:5px;color:#0c131f;display:flex;font-weight:700;justify-content:center;padding:1rem 2rem;text-decoration:none}@media screen and (max-width:900px){.train-stations__link{margin-top:1rem}}.train-stations__link:hover{cursor:pointer}.train-stations__link:hover span:after{opacity:1;width:100%}.train-stations__link--active{border:5px solid #8de8fe;color:#000}.train-stations__link span{position:relative;transition:all .5s ease-in-out}.train-stations__link span:after{background-color:#8de8fe;bottom:-10px;content:"";height:5px;left:0;opacity:0;position:absolute;transition:all 1s ease-in-out;width:0}.train-station{margin:auto;width:80%}.directions{width:100%}.directions__arrivals,.directions__departures{border:none;border-radius:5px 5px 0 0;font-family:inherit;font-size:1.2rem;padding:.5rem 0;width:50%}.directions__departures{background-color:#123a9f;color:#fff}.directions__departures:hover{cursor:pointer}.directions__departures--active{background-color:#123a9f}.directions__arrivals{background-color:#28893a;color:#fff}.directions__arrivals:hover{cursor:pointer}.directions__arrivals--active{background-color:#28893a}.stops{align-items:center;-webkit-animation:scrollText 25s linear infinite;animation:scrollText 25s linear infinite;display:flex}@-webkit-keyframes scrollText{0%{-webkit-transform:translate(50%);transform:translate(50%)}to{-webkit-transform:translate(-50%);transform:translate(-50%)}}@keyframes scrollText{0%{-webkit-transform:translate(50%);transform:translate(50%)}to{-webkit-transform:translate(-50%);transform:translate(-50%)}} +/*# sourceMappingURL=main.23f33e09.css.map*/ \ No newline at end of file diff --git a/static/css/main.23f33e09.css.map b/static/css/main.23f33e09.css.map new file mode 100644 index 0000000..3d4ab63 --- /dev/null +++ b/static/css/main.23f33e09.css.map @@ -0,0 +1 @@ +{"version":3,"file":"static/css/main.23f33e09.css","mappings":"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","sources":["styles/_settings.scss","styles/pages/_home.scss","styles/pages/_city.scss","styles/components/_cityCards.scss","styles/components/_cityCard.scss","styles/components/_departures.scss","styles/components/_arrivals.scss","styles/components/_trainStations.scss","styles/components/_trainStation.scss","styles/components/_stops.scss"],"sourcesContent":["@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap');\r\n@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@100;200;300;400;500;600&display=swap');\r\n\r\nbody {\r\n font-family: 'Open Sans', sans-serif;\r\n font-size: 16px;\r\n background: linear-gradient(90deg, #788fa6 0%, #232323 100%);\r\n}\r\n\r\n::-webkit-scrollbar{\r\n width: 8px;\r\n}\r\n\r\n::-webkit-scrollbar-track{\r\n background: #a8acb0;\r\n}\r\n\r\n::-webkit-scrollbar-thumb{\r\n background: #009eff;\r\n border-radius: 10px;\r\n}\r\n\r\nhtml,\r\nbody,\r\nnav,\r\nheader,\r\nfooter,\r\ndiv,\r\nspan,\r\nh1,\r\nh2,\r\nh3,\r\np,\r\na,\r\nimg,\r\nul,\r\nli,\r\ntable,\r\nform,\r\nlabel,\r\ninput,\r\ntextarea,\r\nselect,\r\nbutton {\r\n margin: 0;\r\n padding: 0;\r\n}\r\n\r\nul {\r\n list-style: none;\r\n}\r\n\r\nli {\r\n list-style: none;\r\n}",".App{\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n.home {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n\r\n &__content-wrapper {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n width: 80%;\r\n margin-top: 5rem;\r\n border-radius: 10px;\r\n }\r\n &__content-title{\r\n text-align: center;\r\n font-family: 'Roboto Mono', monospace;\r\n margin-top: 1rem;\r\n color: #009eff;\r\n }\r\n &__link{\r\n position: absolute;\r\n top: 0;\r\n right:0;\r\n margin-top: 1rem;\r\n font-weight: bold;\r\n margin-right: 1rem;\r\n color: black;\r\n background: white;\r\n text-decoration: none;\r\n padding: 0.2rem;\r\n border-radius: .5rem;\r\n border: 3px solid #8DE8FE;\r\n font-size: 1.2rem;\r\n\r\n @media screen and (max-width: 600px) {\r\n font-size: 1rem;\r\n padding: .5rem;\r\n }\r\n }\r\n}\r\n\r\n.animation{\r\n margin-top: -5rem !important;\r\n}\r\n\r\n.header{\r\n height: 120px;\r\n}\r\n.QR-code{\r\n position: absolute;\r\n height: 80px;\r\n width: 80px;\r\n top: 5rem;\r\n right:2rem;\r\n}\r\n.description-QR{\r\n position: absolute;\r\n right: 2rem;\r\n font-size: 20px;\r\n font-weight: bold;\r\n top: 1rem;\r\n color: #009eff;\r\n}\r\n.pagination{\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n text-align: center;\r\n padding: 0.5rem;\r\n width: 99%;\r\n}\r\n.pagination a{\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n text-decoration: none;\r\n font-size: 18px;\r\n font-weight: bold;\r\n margin: 0.5rem;\r\n color: #009eff;\r\n background: black;\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 50%;\r\n box-shadow:4px 4px 3px -3px grey;\r\n}\r\n.pagination a.active{\r\n background: rgb(115, 115, 115);\r\n color: white;\r\n}\r\n.pagination a:hover{\r\n background: rgb(39, 39, 39);\r\n}\r\n\r\n.input-search {\r\n margin-left: 1rem;\r\n border-radius: 20px;\r\n border: 2px solid #009eff; /* Ajout de la bordure */\r\n font-size: 18px;\r\n padding: 1rem;\r\n font-weight: bold;\r\n color: grey;\r\n z-index: 2;\r\n background-color: rgb(35, 35, 35);\r\n}\r\n\r\n.input-search:focus{\r\n outline: none;\r\n}\r\n\r\n.footer{\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n align-content: center;\r\n bottom: 0;\r\n height: 100px;\r\n background: black;\r\n}\r\n.footer-links{\r\n display: flex;\r\n align-items: center;\r\n}\r\n.link1{\r\n width: 50px;\r\n height: 50px;\r\n margin-left: 1rem;\r\n}\r\n.link1:hover,\r\n.link2:hover{\r\n filter: invert(20%);\r\n}\r\n.link2{\r\n width: 45px;\r\n height: 45px;\r\n margin-right: 1rem;\r\n}\r\n\r\n.footer p{\r\n color: white;\r\n font-family: 'Roboto Mono', monospace;\r\n text-align: center;\r\n}\r\n\r\n.footer p{\r\n color:#009eff;\r\n}\r\n.footer span{\r\n font-size: 25px;\r\n}\r\n\r\n@media (max-width:990px){\r\n .home__content-title{\r\n font-size: 1.5rem;\r\n }\r\n}\r\n\r\n@media (max-width:695px){\r\n .pagination a{\r\n font-size: 16px;\r\n font-weight: bold;\r\n margin: 0.5rem;\r\n width: 30px;\r\n height: 30px;\r\n box-shadow:4px 4px 3px -3px grey;\r\n }\r\n}\r\n\r\n@media (max-width:500px){\r\n .QR-code{\r\n height: 50px;\r\n width: 50px;\r\n top: 3rem;\r\n left: 2rem;\r\n }\r\n .description-QR{\r\n position: absolute;\r\n left: 2rem;\r\n font-size: 14px;\r\n font-weight: bold;\r\n top: 0.2rem;\r\n color: #fd9a00;\r\n }\r\n .pagination{\r\n width: 105%;\r\n }\r\n .pagination a{\r\n font-size: 13px;\r\n font-weight: bold;\r\n margin: 0.2rem;\r\n width: 20px;\r\n height: 25px;\r\n box-shadow:4px 4px 3px -3px grey;\r\n }\r\n\r\n .home__content-title{\r\n font-size: 1.2rem;\r\n }\r\n .animation{\r\n height: 300px !important;\r\n width: 300px !important;\r\n margin-top: -5rem !important;\r\n }\r\n .home__content-title{\r\n margin-top: -3rem;\r\n }\r\n .footer p{\r\n font-size: .8rem;\r\n }\r\n}",".city {\r\n padding: 3rem;\r\n background: #020202;\r\n\r\n @media screen and (max-width: 600px) {\r\n padding: 3rem 0;\r\n }\r\n\r\n &__name {\r\n color: #020202;\r\n margin: 0 auto;\r\n text-align: center;\r\n border: 5px solid #8DE8FE;\r\n border-radius: .5rem;\r\n background: white;\r\n max-width: 500px;\r\n font-size: 3rem;\r\n text-transform: capitalize;\r\n\r\n @media screen and (max-width: 600px) {\r\n margin: 1rem;\r\n font-size: 2rem;\r\n margin-top: 2rem;\r\n }\r\n }\r\n}",".city-cards {\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: space-around;\r\n align-content: space-around;\r\n width: 100%;\r\n min-height: 80vh;\r\n border-radius: 10px;\r\n}",".city-card {\r\n position: relative;\r\n width: 30%;\r\n height: 15rem;\r\n border-radius: 10px;\r\n background-position: center;\r\n text-decoration: none;\r\n margin: 1rem 0;\r\n border:2px #009eff solid;\r\n\r\n @media screen and (max-width: 1200px) {\r\n width: 45%;\r\n }\r\n\r\n @media screen and (max-width: 700px) {\r\n width: 80%;\r\n}\r\n\r\n &__name {\r\n position: absolute;\r\n text-align: center;\r\n font-size: 2rem;\r\n color: white;\r\n text-transform: capitalize;\r\n background-color: rgba(59, 59, 59, 0.5);\r\n width: 100%;\r\n height: 100%;\r\n border-radius: 10px;\r\n transition: font-size ease-in-out 0.5s;\r\n }\r\n\r\n &:hover {\r\n cursor: pointer;\r\n\r\n .city-card__name {\r\n font-size: 3rem;\r\n }\r\n }\r\n}\r\n\r\n@media screen and (max-width: 1700px) {\r\n .city-card__name {\r\n font-size: 25px;\r\n\r\n &:hover{\r\n font-size: 30px!important;\r\n color: rgb(0, 252, 197);\r\n font-weight: bold;\r\n }\r\n }\r\n}\r\n\r\n@media screen and (max-width: 700px) {\r\n .city-card__name {\r\n font-size: 20px;\r\n\r\n &:hover{\r\n font-size: 22px!important;\r\n }\r\n }\r\n}",".departure {\r\n background-color: #123a9f;\r\n display: grid;\r\n grid-template-columns: 1fr 1.5fr 1.5fr 6fr 1fr;\r\n color: white;\r\n font-size: 1.5rem;\r\n\r\n .departure_destination{\r\n color: rgb(255, 255, 255);\r\n font-weight: bold;\r\n display: flex;\r\n justify-content: center;\r\n }\r\n\r\n @media screen and (max-width: 850px) {\r\n grid-template-columns: 1fr 2fr 2fr 4fr 1fr;\r\n font-size: 1.2rem;\r\n }\r\n\r\n @media screen and (max-width: 750px) {\r\n font-size: 1rem;\r\n }\r\n\r\n &--light {\r\n background-color: #0363f4;\r\n }\r\n\r\n &__operator {\r\n grid-column-start: 1;\r\n grid-column-end: span 1;\r\n grid-row-start: 1;\r\n grid-row-end: span 2;\r\n }\r\n\r\n &__train-type {\r\n grid-column-start: 2;\r\n grid-column-end: span 1;\r\n grid-row-start: 1;\r\n grid-row-end: span 1;\r\n font-size: 0.8rem;\r\n\r\n @media screen and (max-width: 750px) {\r\n font-size: 0.6rem;\r\n }\r\n }\r\n\r\n &__train-number {\r\n grid-column-start: 2;\r\n grid-column-end: span 1;\r\n grid-row-start: 2;\r\n grid-row-end: span 1;\r\n font-size: 0.8rem;\r\n\r\n @media screen and (max-width: 750px) {\r\n font-size: 0.6rem;\r\n }\r\n }\r\n\r\n &__time {\r\n grid-column-start: 3;\r\n grid-column-end: span 1;\r\n grid-row-start: 1;\r\n grid-row-end: span 2;\r\n color: #E1E929;\r\n font-weight: 700;\r\n\r\n &--disappear {\r\n display: none;\r\n }\r\n }\r\n\r\n &__delay {\r\n grid-column-start: 3;\r\n grid-column-end: span 1;\r\n grid-row-start: 1;\r\n grid-row-end: span 2;\r\n font-size: 1.2rem;\r\n font-weight: bold;\r\n\r\n @media screen and (max-width: 750px) {\r\n font-size: 1rem;\r\n }\r\n\r\n &--disappear {\r\n display: none;\r\n }\r\n }\r\n\r\n &__destination {\r\n grid-column-start: 4;\r\n grid-column-end: span 1;\r\n grid-row-start: 1;\r\n grid-row-end: span 2;\r\n font-weight: 700;\r\n }\r\n\r\n &__stops {\r\n white-space: nowrap;\r\n grid-column-start: 2;\r\n grid-column-end: span 3;\r\n grid-row-start: 3;\r\n grid-row-end: span 1;\r\n overflow: hidden;\r\n\r\n li {\r\n margin-right: 0.5rem;\r\n font-size: 1.2rem;\r\n\r\n @media screen and (max-width: 750px) {\r\n font-size: 1rem;\r\n }\r\n\r\n img {\r\n width: 10px;\r\n height: 10px;\r\n border-radius: 50%;\r\n margin-left: 0.5rem;\r\n }\r\n }\r\n }\r\n}",".arrival {\r\n background-color: #017142;\r\n display: grid;\r\n grid-template-columns: 1fr 1.5fr 1.5fr 6fr 1fr;\r\n grid-template-rows: 1fr 1fr 2fr;\r\n color: white;\r\n font-size: 1.5rem;\r\n\r\n @media screen and (max-width: 850px) {\r\n grid-template-columns: 1fr 3fr 3fr 4fr 1fr;\r\n }\r\n\r\n @media screen and (max-width: 650px) {\r\n font-size: 1rem;\r\n grid-template-columns: 1fr 4fr 4fr 4fr 1fr;\r\n }\r\n\r\n &--light {\r\n background-color: #00a254;\r\n }\r\n\r\n &__operator {\r\n grid-column-start: 1;\r\n grid-column-end: span 1;\r\n grid-row-start: 1;\r\n grid-row-end: span 2;\r\n }\r\n\r\n &__train-type {\r\n grid-column-start: 2;\r\n grid-column-end: span 1;\r\n grid-row-start: 1;\r\n grid-row-end: span 1;\r\n font-size: 0.8rem;\r\n }\r\n\r\n &__train-number {\r\n grid-column-start: 2;\r\n grid-column-end: span 1;\r\n grid-row-start: 2;\r\n grid-row-end: span 1;\r\n font-size: 0.8rem;\r\n }\r\n\r\n &__time {\r\n grid-column-start: 3;\r\n grid-column-end: span 1;\r\n grid-row-start: 1;\r\n grid-row-end: span 2;\r\n color: #E1E929;\r\n font-weight: 700;\r\n\r\n &--disappear {\r\n display: none;\r\n }\r\n }\r\n\r\n &__delay {\r\n grid-column-start: 3;\r\n grid-column-end: span 1;\r\n grid-row-start: 1;\r\n grid-row-end: span 2;\r\n font-size: 1.2rem;\r\n font-weight: bold;\r\n\r\n @media screen and (max-width: 750px) {\r\n font-size: 1rem;\r\n }\r\n\r\n &--disappear {\r\n display: none;\r\n }\r\n }\r\n\r\n &__origin {\r\n grid-column-start: 4;\r\n grid-column-end: span 1;\r\n grid-row-start: 1;\r\n grid-row-end: span 2;\r\n font-weight: bold;\r\n margin-left: 1rem;\r\n }\r\n\r\n &__stops {\r\n white-space: nowrap;\r\n grid-column-start: 2;\r\n grid-column-end: span 3;\r\n grid-row-start: 3;\r\n grid-row-end: span 1;\r\n overflow: hidden;\r\n\r\n li {\r\n margin-right: 0.5rem;\r\n font-size: 1.2rem;\r\n\r\n img {\r\n width: 10px;\r\n height: 10px;\r\n border-radius: 50%;\r\n margin-left: 0.5rem;\r\n }\r\n }\r\n }\r\n}",".train-stations {\r\n display: flex;\r\n justify-content: space-around;\r\n width: 90%;\r\n margin: 2rem auto;\r\n\r\n @media screen and (max-width: 900px) {\r\n flex-direction: column;\r\n width: 40%;\r\n }\r\n\r\n @media screen and (max-width: 650px) {\r\n width: 80%;\r\n }\r\n\r\n &__link {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n text-decoration: none;\r\n color: #0C131F;\r\n font-weight: bold;\r\n background-color: #FFFFFF;\r\n border-radius: 5px;\r\n padding: 1rem 2rem;\r\n\r\n \r\n @media screen and (max-width: 900px) {\r\n margin-top: 1rem;\r\n }\r\n\r\n &:hover {\r\n cursor: pointer;\r\n\r\n span:after {\r\n width: 100%;\r\n opacity: 1;\r\n }\r\n }\r\n\r\n &--active {\r\n border: 5px solid #8DE8FE;\r\n color: black;\r\n }\r\n\r\n span {\r\n transition: all 0.5s ease-in-out;\r\n position: relative;\r\n\r\n &:after {\r\n content: \"\";\r\n position: absolute;\r\n bottom: -10px;\r\n left: 0;\r\n height: 5px;\r\n width: 0px;\r\n background-color: #8DE8FE;\r\n opacity: 0;\r\n transition: all 1s ease-in-out;\r\n }\r\n }\r\n }\r\n}",".train-station {\r\n width: 80%;\r\n margin: auto;\r\n}\r\n\r\n.directions {\r\n width: 100%;\r\n\r\n &__departures,\r\n &__arrivals {\r\n width: 50%;\r\n font-family: inherit;\r\n padding: 0.5rem 0rem;\r\n font-size: 1.2rem;\r\n border: none;\r\n border-radius: 5px 5px 0 0;\r\n }\r\n\r\n &__departures {\r\n background-color: #123a9f;\r\n color: white;\r\n\r\n &:hover {\r\n cursor: pointer;\r\n }\r\n\r\n &--active {\r\n background-color: #123a9f;\r\n }\r\n }\r\n\r\n &__arrivals {\r\n background-color: #28893a;\r\n color: white;\r\n\r\n &:hover {\r\n cursor: pointer;\r\n }\r\n\r\n &--active {\r\n background-color: #28893a;\r\n }\r\n }\r\n}",".stops {\r\n display: flex;\r\n align-items:center;\r\n animation: scrollText 25s linear infinite;\r\n}\r\n\r\n@keyframes scrollText {\r\n 0% {\r\n transform: translate(50%, 0);\r\n }\r\n\r\n 100% {\r\n transform: translate(-50%, 0);\r\n }\r\n}"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/static/js/main.4d4310d9.js b/static/js/main.365eece9.js similarity index 86% rename from static/js/main.4d4310d9.js rename to static/js/main.365eece9.js index 537235e..92772f8 100644 --- a/static/js/main.4d4310d9.js +++ b/static/js/main.365eece9.js @@ -1,3 +1,3 @@ -/*! For license information please see main.4d4310d9.js.LICENSE.txt */ -(function(){var __webpack_modules__={62:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{J5:function(){return Player}});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(791),_extendStatics=function(e,t){return(_extendStatics=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a])})(e,t)};function __extends(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function a(){this.constructor=e}_extendStatics(e,t),e.prototype=null===t?Object.create(t):(a.prototype=t.prototype,new a)}var _assign=function(){return(_assign=Object.assign||function(e){for(var t,a=1,r=arguments.length;a=0;o--)(n=e[o])&&(s=(i<3?n(s):i>3?n(t,a,s):n(t,a))||s);return i>3&&s&&Object.defineProperty(t,a,s),s}function __param(e,t){return function(a,r){t(a,r,e)}}function __metadata(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}function __awaiter(e,t,a,r){return new(a||(a=Promise))((function(n,i){function s(e){try{l(r.next(e))}catch(e){i(e)}}function o(e){try{l(r.throw(e))}catch(e){i(e)}}function l(e){var t;e.done?n(e.value):(t=e.value,t instanceof a?t:new a((function(e){e(t)}))).then(s,o)}l((r=r.apply(e,t||[])).next())}))}function __generator(e,t){var a,r,n,i,s={label:0,sent:function(){if(1&n[0])throw n[1];return n[1]},trys:[],ops:[]};return i={next:o(0),throw:o(1),return:o(2)},"function"==typeof Symbol&&(i[Symbol.iterator]=function(){return this}),i;function o(i){return function(o){return function(i){if(a)throw new TypeError("Generator is already executing.");for(;s;)try{if(a=1,r&&(n=2&i[0]?r.return:i[0]?r.throw||((n=r.return)&&n.call(r),0):r.next)&&!(n=n.call(r,i[1])).done)return n;switch(r=0,n&&(i=[2&i[0],n.value]),i[0]){case 0:case 1:n=i;break;case 4:return s.label++,{value:i[1],done:!1};case 5:s.label++,r=i[1],i=[0];continue;case 7:i=s.ops.pop(),s.trys.pop();continue;default:if(!((n=(n=s.trys).length>0&&n[n.length-1])||6!==i[0]&&2!==i[0])){s=0;continue}if(3===i[0]&&(!n||i[1]>n[0]&&i[1]=e.length&&(e=void 0),{value:e&&e[r++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function __read(e,t){var a="function"==typeof Symbol&&e[Symbol.iterator];if(!a)return e;var r,n,i=a.call(e),s=[];try{for(;(void 0===t||t-- >0)&&!(r=i.next()).done;)s.push(r.value)}catch(e){n={error:e}}finally{try{r&&!r.done&&(a=i.return)&&a.call(i)}finally{if(n)throw n.error}}return s}function __spread(){for(var e=[],t=0;t1||o(e,t)}))})}function o(e,t){try{(a=n[e](t)).value instanceof __await?Promise.resolve(a.value.v).then(l,u):p(i[0][2],a)}catch(e){p(i[0][3],e)}var a}function l(e){o("next",e)}function u(e){o("throw",e)}function p(e,t){e(t),i.shift(),i.length&&o(i[0][0],i[0][1])}}function __asyncDelegator(e){var t,a;return t={},r("next"),r("throw",(function(e){throw e})),r("return"),t[Symbol.iterator]=function(){return this},t;function r(r,n){t[r]=e[r]?function(t){return(a=!a)?{value:__await(e[r](t)),done:"return"===r}:n?n(t):t}:n}}function __asyncValues(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,a=e[Symbol.asyncIterator];return a?a.call(e):(e="function"==typeof __values?__values(e):e[Symbol.iterator](),t={},r("next"),r("throw"),r("return"),t[Symbol.asyncIterator]=function(){return this},t);function r(a){t[a]=e[a]&&function(t){return new Promise((function(r,n){!function(e,t,a,r){Promise.resolve(r).then((function(t){e({value:t,done:a})}),t)}(r,n,(t=e[a](t)).done,t.value)}))}}}function __makeTemplateObject(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var __setModuleDefault=Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t};function __importStar(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&__createBinding(t,e,a);return __setModuleDefault(t,e),t}function __importDefault(e){return e&&e.__esModule?e:{default:e}}function __classPrivateFieldGet(e,t,a,r){if("a"===a&&!r)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!r:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===a?r:"a"===a?r.call(e):r?r.value:t.get(e)}function __classPrivateFieldSet(e,t,a,r,n){if("m"===r)throw new TypeError("Private method is not writable");if("a"===r&&!n)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!n:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===r?n.call(e,a):n?n.value=a:t.set(e,a),a}var commonjsGlobal="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof __webpack_require__.g?__webpack_require__.g:"undefined"!=typeof self?self:{};function unwrapExports(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}function createCommonjsModule(e,t){return e(t={exports:{}},t.exports),t.exports}function getCjsExportFromNamespace(e){return e&&e.default||e}function commonjsRequire(){throw new Error("Dynamic requires are not currently supported by @rollup/plugin-commonjs")}var lottie=createCommonjsModule((function(module,exports){var e;"undefined"!=typeof navigator&&(e=function(){var svgNS="http://www.w3.org/2000/svg",locationHref="",_useWebWorker=!1,initialDefaultFrame=-999999,setWebWorker=function(e){_useWebWorker=!!e},getWebWorker=function(){return _useWebWorker},setLocationHref=function(e){locationHref=e},getLocationHref=function(){return locationHref};function createTag(e){return document.createElement(e)}function extendPrototype(e,t){var a,r,n=e.length;for(a=0;a1?a[1]=1:a[1]<=0&&(a[1]=0),HSVtoRGB(a[0],a[1],a[2])}function addBrightnessToRGB(e,t){var a=RGBtoHSV(255*e[0],255*e[1],255*e[2]);return a[2]+=t,a[2]>1?a[2]=1:a[2]<0&&(a[2]=0),HSVtoRGB(a[0],a[1],a[2])}function addHueToRGB(e,t){var a=RGBtoHSV(255*e[0],255*e[1],255*e[2]);return a[0]+=t/360,a[0]>1?a[0]-=1:a[0]<0&&(a[0]+=1),HSVtoRGB(a[0],a[1],a[2])}var rgbToHex=function(){var e,t,a=[];for(e=0;e<256;e+=1)t=e.toString(16),a[e]=1===t.length?"0"+t:t;return function(e,t,r){return e<0&&(e=0),t<0&&(t=0),r<0&&(r=0),"#"+a[e]+a[t]+a[r]}}(),setSubframeEnabled=function(e){subframeEnabled=!!e},getSubframeEnabled=function(){return subframeEnabled},setExpressionsPlugin=function(e){expressionsPlugin=e},getExpressionsPlugin=function(){return expressionsPlugin},setExpressionInterfaces=function(e){expressionsInterfaces=e},getExpressionInterfaces=function(){return expressionsInterfaces},setDefaultCurveSegments=function(e){defaultCurveSegments=e},getDefaultCurveSegments=function(){return defaultCurveSegments},setIdPrefix=function(e){idPrefix$1=e},getIdPrefix=function(){return idPrefix$1};function createNS(e){return document.createElementNS(svgNS,e)}function _typeof$5(e){return(_typeof$5="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})(e)}var dataManager=function(){var e,t,a=1,r=[],n={onmessage:function(){},postMessage:function(t){e({data:t})}},i={postMessage:function(e){n.onmessage({data:e})}};function s(){t||((t=function(t){if(window.Worker&&window.Blob&&getWebWorker()){var a=new Blob(["var _workerSelf = self; self.onmessage = ",t.toString()],{type:"text/javascript"}),r=URL.createObjectURL(a);return new Worker(r)}return e=t,n}((function(e){if(i.dataManager||(i.dataManager=function(){function e(n,i){var s,o,l,u,p,h,f=n.length;for(o=0;o=0;t-=1)if("sh"===e[t].ty)if(e[t].ks.k.i)r(e[t].ks.k);else for(i=e[t].ks.k.length,n=0;na[0]||!(a[0]>e[0])&&(e[1]>a[1]||!(a[1]>e[1])&&(e[2]>a[2]||!(a[2]>e[2])&&null))}var i,s=function(){var e=[4,4,14];function t(e){var t,a,r,n=e.length;for(t=0;t=0;a-=1)if("sh"===e[a].ty)if(e[a].ks.k.i)e[a].ks.k.c=e[a].closed;else for(n=e[a].ks.k.length,r=0;r500)&&(this._imageLoaded(),clearInterval(a)),t+=1}.bind(this),50)}function i(e){var t={assetData:e},a=r(e,this.assetsPath,this.path);return dataManager.loadData(a,function(e){t.img=e,this._footageLoaded()}.bind(this),function(){t.img={},this._footageLoaded()}.bind(this)),t}function s(){this._imageLoaded=t.bind(this),this._footageLoaded=a.bind(this),this.testImageLoaded=n.bind(this),this.createFootageData=i.bind(this),this.assetsPath="",this.path="",this.totalImages=0,this.totalFootages=0,this.loadedAssets=0,this.loadedFootagesCount=0,this.imagesLoadedCb=null,this.images=[]}return s.prototype={loadAssets:function(e,t){var a;this.imagesLoadedCb=t;var r=e.length;for(a=0;athis.animationData.op&&(this.animationData.op=e.op,this.totalFrames=Math.floor(e.op-this.animationData.ip));var t,a,r=this.animationData.layers,n=r.length,i=e.layers,s=i.length;for(a=0;athis.timeCompleted&&(this.currentFrame=this.timeCompleted),this.trigger("enterFrame"),this.renderFrame(),this.trigger("drawnFrame")},AnimationItem.prototype.renderFrame=function(){if(!1!==this.isLoaded&&this.renderer)try{this.renderer.renderFrame(this.currentFrame+this.firstFrame)}catch(t){this.triggerRenderFrameError(t)}},AnimationItem.prototype.play=function(e){e&&this.name!==e||!0===this.isPaused&&(this.isPaused=!1,this.trigger("_pause"),this.audioController.resume(),this._idle&&(this._idle=!1,this.trigger("_active")))},AnimationItem.prototype.pause=function(e){e&&this.name!==e||!1===this.isPaused&&(this.isPaused=!0,this.trigger("_play"),this._idle=!0,this.trigger("_idle"),this.audioController.pause())},AnimationItem.prototype.togglePause=function(e){e&&this.name!==e||(!0===this.isPaused?this.play():this.pause())},AnimationItem.prototype.stop=function(e){e&&this.name!==e||(this.pause(),this.playCount=0,this._completedLoop=!1,this.setCurrentRawFrameValue(0))},AnimationItem.prototype.getMarkerData=function(e){for(var t,a=0;a=this.totalFrames-1&&this.frameModifier>0?this.loop&&this.playCount!==this.loop?t>=this.totalFrames?(this.playCount+=1,this.checkSegments(t%this.totalFrames)||(this.setCurrentRawFrameValue(t%this.totalFrames),this._completedLoop=!0,this.trigger("loopComplete"))):this.setCurrentRawFrameValue(t):this.checkSegments(t>this.totalFrames?t%this.totalFrames:0)||(a=!0,t=this.totalFrames-1):t<0?this.checkSegments(t%this.totalFrames)||(!this.loop||this.playCount--<=0&&!0!==this.loop?(a=!0,t=0):(this.setCurrentRawFrameValue(this.totalFrames+t%this.totalFrames),this._completedLoop?this.trigger("loopComplete"):this._completedLoop=!0)):this.setCurrentRawFrameValue(t),a&&(this.setCurrentRawFrameValue(t),this.pause(),this.trigger("complete"))}},AnimationItem.prototype.adjustSegment=function(e,t){this.playCount=0,e[1]0&&(this.playSpeed<0?this.setSpeed(-this.playSpeed):this.setDirection(-1)),this.totalFrames=e[0]-e[1],this.timeCompleted=this.totalFrames,this.firstFrame=e[1],this.setCurrentRawFrameValue(this.totalFrames-.001-t)):e[1]>e[0]&&(this.frameModifier<0&&(this.playSpeed<0?this.setSpeed(-this.playSpeed):this.setDirection(1)),this.totalFrames=e[1]-e[0],this.timeCompleted=this.totalFrames,this.firstFrame=e[0],this.setCurrentRawFrameValue(.001+t)),this.trigger("segmentStart")},AnimationItem.prototype.setSegment=function(e,t){var a=-1;this.isPaused&&(this.currentRawFrame+this.firstFramet&&(a=t-e)),this.firstFrame=e,this.totalFrames=t-e,this.timeCompleted=this.totalFrames,-1!==a&&this.goToAndStop(a,!0)},AnimationItem.prototype.playSegments=function(e,t){if(t&&(this.segments.length=0),"object"===_typeof$4(e[0])){var a,r=e.length;for(a=0;a=0;a-=1)t[a].animation.destroy(e)},e.freeze=function(){s=!0},e.unfreeze=function(){s=!1,d()},e.setVolume=function(e,a){var n;for(n=0;n=.001?function(e,t,a,r){for(var n=0;n<4;++n){var i=o(t,a,r);if(0===i)return t;t-=(s(t,a,r)-e)/i}return t}(e,l,t,a):0===u?l:function(e,t,a,r,n){var i,o,l=0;do{(i=s(o=t+(a-t)/2,r,n)-e)>0?a=o:t=o}while(Math.abs(i)>1e-7&&++l<10);return o}(e,n,n+.1,t,a)}},e}(),pooling={double:function(e){return e.concat(createSizedArray(e.length))}},poolFactory=function(e,t,a){var r=0,n=e,i=createSizedArray(n);return{newElement:function(){return r?i[r-=1]:t()},release:function(e){r===n&&(i=pooling.double(i),n*=2),a&&a(e),i[r]=e,r+=1}}},bezierLengthPool=poolFactory(8,(function(){return{addedLength:0,percents:createTypedArray("float32",getDefaultCurveSegments()),lengths:createTypedArray("float32",getDefaultCurveSegments())}})),segmentsLengthPool=poolFactory(8,(function(){return{lengths:[],totalLength:0}}),(function(e){var t,a=e.lengths.length;for(t=0;t-.001&&s<.001}var a=function(e,t,a,r){var n,i,s,o,l,u,p=getDefaultCurveSegments(),c=0,h=[],f=[],d=bezierLengthPool.newElement();for(s=a.length,n=0;ns?-1:1,u=!0;u;)if(r[i]<=s&&r[i+1]>s?(o=(s-r[i])/(r[i+1]-r[i]),u=!1):i+=l,i<0||i>=n-1){if(i===n-1)return a[i];u=!1}return a[i]+(a[i+1]-a[i])*o}var l=createTypedArray("float32",8);return{getSegmentsLength:function(e){var t,r=segmentsLengthPool.newElement(),n=e.c,i=e.v,s=e.o,o=e.i,l=e._length,u=r.lengths,p=0;for(t=0;t1&&(i=1);var p,c=o(i,u),h=o(s=s>1?1:s,u),f=t.length,d=1-c,m=1-h,y=d*d*d,g=c*d*d*3,S=c*c*d*3,v=c*c*c,C=d*d*m,_=c*d*m+d*c*m+d*d*h,F=c*c*m+d*c*h+c*d*h,b=c*c*h,x=d*m*m,N=c*m*m+d*h*m+d*m*h,k=c*h*m+d*h*h+c*m*h,E=c*h*h,P=m*m*m,A=h*m*m+m*h*m+m*m*h,M=h*h*m+m*h*h+h*m*h,w=h*h*h;for(p=0;pf?h>d?h-f-d:d-f-h:d>f?d-f-h:f-h-d)>-1e-4&&c<1e-4}}}var bez=bezFunction(),PropertyFactory=function(){var e=initialDefaultFrame,t=Math.abs;function a(e,t){var a,n=this.offsetTime;"multidimensional"===this.propType&&(a=createTypedArray("float32",this.pv.length));for(var i,s,o,l,u,p,c,h,f,d=t.lastIndex,m=d,y=this.keyframes.length-1,g=!0;g;){if(i=this.keyframes[m],s=this.keyframes[m+1],m===y-1&&e>=s.t-n){i.h&&(i=s),d=0;break}if(s.t-n>e){d=m;break}m=v||e=v?_.points.length-1:0;for(u=_.points[F].point.length,l=0;l=N&&x=v?(a[0]=S[0],a[1]=S[1],a[2]=S[2]):e<=C?(a[0]=i.s[0],a[1]=i.s[1],a[2]=i.s[2]):function(e,t){var a=t[0],r=t[1],n=t[2],i=t[3],s=Math.atan2(2*r*i-2*a*n,1-2*r*r-2*n*n),o=Math.asin(2*a*r+2*n*i),l=Math.atan2(2*a*i-2*r*n,1-2*a*a-2*n*n);e[0]=s/degToRads,e[1]=o/degToRads,e[2]=l/degToRads}(a,function(e,t,a){var r,n,i,s,o,l=[],u=e[0],p=e[1],c=e[2],h=e[3],f=t[0],d=t[1],m=t[2],y=t[3];return(n=u*f+p*d+c*m+h*y)<0&&(n=-n,f=-f,d=-d,m=-m,y=-y),1-n>1e-6?(r=Math.acos(n),i=Math.sin(r),s=Math.sin((1-a)*r)/i,o=Math.sin(a*r)/i):(s=1-a,o=a),l[0]=s*u+o*f,l[1]=s*p+o*d,l[2]=s*c+o*m,l[3]=s*h+o*y,l}(r(i.s),r(S),(e-C)/(v-C)));else for(m=0;m=v?p=1:e=r&&t>=r||this._caching.lastFrame=t&&(this._caching._lastKeyframeIndex=-1,this._caching.lastIndex=0);var n=this.interpolateValue(t,this._caching);this.pv=n}return this._caching.lastFrame=t,this.pv}function i(e){var a;if("unidimensional"===this.propType)a=e*this.mult,t(this.v-a)>1e-5&&(this.v=a,this._mdf=!0);else for(var r=0,n=this.v.length;r1e-5&&(this.v[r]=a,this._mdf=!0),r+=1}function s(){if(this.elem.globalData.frameId!==this.frameId&&this.effectsSequence.length)if(this.lock)this.setVValue(this.pv);else{var e;this.lock=!0,this._mdf=this._isFirstFrame;var t=this.effectsSequence.length,a=this.kf?this.pv:this.data.k;for(e=0;e=this._maxLength&&this.doubleArrayLength(),a){case"v":i=this.v;break;case"i":i=this.i;break;case"o":i=this.o;break;default:i=[]}(!i[r]||i[r]&&!n)&&(i[r]=pointPool.newElement()),i[r][0]=e,i[r][1]=t},ShapePath.prototype.setTripleAt=function(e,t,a,r,n,i,s,o){this.setXYAt(e,t,"v",s,o),this.setXYAt(a,r,"o",s,o),this.setXYAt(n,i,"i",s,o)},ShapePath.prototype.reverse=function(){var e=new ShapePath;e.setPathData(this.c,this._length);var t=this.v,a=this.o,r=this.i,n=0;this.c&&(e.setTripleAt(t[0][0],t[0][1],r[0][0],r[0][1],a[0][0],a[0][1],0,!1),n=1);var i,s=this._length-1,o=this._length;for(i=n;i=f[f.length-1].t-this.offsetTime)r=f[f.length-1].s?f[f.length-1].s[0]:f[f.length-2].e[0],i=!0;else{for(var d,m,y,g=h,S=f.length-1,v=!0;v&&(d=f[g],!((m=f[g+1]).t-this.offsetTime>e));)g=m.t-this.offsetTime)p=1;else if(ea&&e>a)||(this._caching.lastIndex=r0||e>-1e-6&&e<0?r(1e4*e)/1e4:e}function L(){var e=this.props;return"matrix("+w(e[0])+","+w(e[1])+","+w(e[4])+","+w(e[5])+","+w(e[12])+","+w(e[13])+")"}return function(){this.reset=n,this.rotate=i,this.rotateX=s,this.rotateY=o,this.rotateZ=l,this.skew=p,this.skewFromAxis=c,this.shear=u,this.scale=h,this.setTransform=f,this.translate=d,this.transform=m,this.applyToPoint=C,this.applyToX=_,this.applyToY=F,this.applyToZ=b,this.applyToPointArray=P,this.applyToTriplePoints=E,this.applyToPointStringified=A,this.toCSS=M,this.to2dCSS=L,this.clone=S,this.cloneFromProps=v,this.equals=g,this.inversePoints=k,this.inversePoint=N,this.getInverseMatrix=x,this._t=this.transform,this.isIdentity=y,this._identity=!0,this._identityCalculated=!1,this.props=createTypedArray("float32",16),this.reset()}}();function _typeof$3(e){return(_typeof$3="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})(e)}var lottie={},standalone="__[STANDALONE]__",animationData="__[ANIMATIONDATA]__",renderer="";function setLocation(e){setLocationHref(e)}function searchAnimations(){!0===standalone?animationManager.searchAnimations(animationData,standalone,renderer):animationManager.searchAnimations()}function setSubframeRendering(e){setSubframeEnabled(e)}function setPrefix(e){setIdPrefix(e)}function loadAnimation(e){return!0===standalone&&(e.animationData=JSON.parse(animationData)),animationManager.loadAnimation(e)}function setQuality(e){if("string"==typeof e)switch(e){case"high":setDefaultCurveSegments(200);break;default:case"medium":setDefaultCurveSegments(50);break;case"low":setDefaultCurveSegments(10)}else!isNaN(e)&&e>1&&setDefaultCurveSegments(e);getDefaultCurveSegments()>=50?roundValues(!1):roundValues(!0)}function inBrowser(){return"undefined"!=typeof navigator}function installPlugin(e,t){"expressions"===e&&setExpressionsPlugin(t)}function getFactory(e){switch(e){case"propertyFactory":return PropertyFactory;case"shapePropertyFactory":return ShapePropertyFactory;case"matrix":return Matrix;default:return null}}function checkReady(){"complete"===document.readyState&&(clearInterval(readyStateCheckInterval),searchAnimations())}function getQueryVariable(e){for(var t=queryString.split("&"),a=0;a=1?i.push({s:e-1,e:t-1}):(i.push({s:e,e:1}),i.push({s:0,e:t-1}));var s,o,l=[],u=i.length;for(s=0;sr+a||(p=o.s*n<=r?0:(o.s*n-r)/a,c=o.e*n>=r+a?1:(o.e*n-r)/a,l.push([p,c]))}return l.length||l.push([0,0]),l},TrimModifier.prototype.releasePathsData=function(e){var t,a=e.length;for(t=0;t1?1+i:this.s.v<0?0+i:this.s.v+i)>(a=this.e.v>1?1+i:this.e.v<0?0+i:this.e.v+i)){var s=t;t=a,a=s}t=1e-4*Math.round(1e4*t),a=1e-4*Math.round(1e4*a),this.sValue=t,this.eValue=a}else t=this.sValue,a=this.eValue;var o,l,u,p,c,h=this.shapes.length,f=0;if(a===t)for(n=0;n=0;n-=1)if((d=this.shapes[n]).shape._mdf){for((m=d.localShapeCollection).releaseShapes(),2===this.m&&h>1?(g=this.calculateShapeEdges(t,a,d.totalShapeLength,C,f),C+=d.totalShapeLength):g=[[S,v]],l=g.length,o=0;o=1?y.push({s:d.totalShapeLength*(S-1),e:d.totalShapeLength*(v-1)}):(y.push({s:d.totalShapeLength*S,e:d.totalShapeLength}),y.push({s:0,e:d.totalShapeLength*(v-1)}));var _=this.addShapes(d,y[0]);if(y[0].s!==y[0].e){if(y.length>1)if(d.shape.paths.shapes[d.shape.paths._length-1].c){var F=_.pop();this.addPaths(_,m),_=this.addShapes(d,y[1],F)}else this.addPaths(_,m),_=this.addShapes(d,y[1]);this.addPaths(_,m)}}d.shape.paths=m}}},TrimModifier.prototype.addPaths=function(e,t){var a,r=e.length;for(a=0;at.e){a.c=!1;break}t.s<=d&&t.e>=d+s.addedLength?(this.addSegment(h[r].v[n-1],h[r].o[n-1],h[r].i[n],h[r].v[n],a,o,y),y=!1):(u=bez.getNewSegment(h[r].v[n-1],h[r].v[n],h[r].o[n-1],h[r].i[n],(t.s-d)/s.addedLength,(t.e-d)/s.addedLength,l[n-1]),this.addSegmentFromArray(u,a,o,y),y=!1,a.c=!1),d+=s.addedLength,o+=1}if(h[r].c&&l.length){if(s=l[n-1],d<=t.e){var g=l[n-1].addedLength;t.s<=d&&t.e>=d+g?(this.addSegment(h[r].v[n-1],h[r].o[n-1],h[r].i[0],h[r].v[0],a,o,y),y=!1):(u=bez.getNewSegment(h[r].v[n-1],h[r].v[0],h[r].o[n-1],h[r].i[0],(t.s-d)/g,(t.e-d)/g,l[n-1]),this.addSegmentFromArray(u,a,o,y),y=!1,a.c=!1)}else a.c=!1;d+=s.addedLength,o+=1}if(a._length&&(a.setXYAt(a.v[p][0],a.v[p][1],"i",p),a.setXYAt(a.v[a._length-1][0],a.v[a._length-1][1],"o",a._length-1)),d>t.e)break;r=this.p.keyframes[this.p.keyframes.length-1].t?(r=this.p.getValueAtTime(this.p.keyframes[this.p.keyframes.length-1].t/a,0),n=this.p.getValueAtTime((this.p.keyframes[this.p.keyframes.length-1].t-.05)/a,0)):(r=this.p.pv,n=this.p.getValueAtTime((this.p._caching.lastFrame+this.p.offsetTime-.01)/a,this.p.offsetTime));else if(this.px&&this.px.keyframes&&this.py.keyframes&&this.px.getValueAtTime&&this.py.getValueAtTime){r=[],n=[];var i=this.px,s=this.py;i._caching.lastFrame+i.offsetTime<=i.keyframes[0].t?(r[0]=i.getValueAtTime((i.keyframes[0].t+.01)/a,0),r[1]=s.getValueAtTime((s.keyframes[0].t+.01)/a,0),n[0]=i.getValueAtTime(i.keyframes[0].t/a,0),n[1]=s.getValueAtTime(s.keyframes[0].t/a,0)):i._caching.lastFrame+i.offsetTime>=i.keyframes[i.keyframes.length-1].t?(r[0]=i.getValueAtTime(i.keyframes[i.keyframes.length-1].t/a,0),r[1]=s.getValueAtTime(s.keyframes[s.keyframes.length-1].t/a,0),n[0]=i.getValueAtTime((i.keyframes[i.keyframes.length-1].t-.01)/a,0),n[1]=s.getValueAtTime((s.keyframes[s.keyframes.length-1].t-.01)/a,0)):(r=[i.pv,s.pv],n[0]=i.getValueAtTime((i._caching.lastFrame+i.offsetTime-.01)/a,i.offsetTime),n[1]=s.getValueAtTime((s._caching.lastFrame+s.offsetTime-.01)/a,s.offsetTime))}else r=n=e;this.v.rotate(-Math.atan2(r[1]-n[1],r[0]-n[0]))}this.data.p&&this.data.p.s?this.data.p.z?this.v.translate(this.px.v,this.py.v,-this.pz.v):this.v.translate(this.px.v,this.py.v,0):this.v.translate(this.p.v[0],this.p.v[1],-this.p.v[2])}this.frameId=this.elem.globalData.frameId}},precalculateMatrix:function(){if(!this.a.k&&(this.pre.translate(-this.a.v[0],-this.a.v[1],this.a.v[2]),this.appliedTransformations=1,!this.s.effectsSequence.length)){if(this.pre.scale(this.s.v[0],this.s.v[1],this.s.v[2]),this.appliedTransformations=2,this.sk){if(this.sk.effectsSequence.length||this.sa.effectsSequence.length)return;this.pre.skewFromAxis(-this.sk.v,this.sa.v),this.appliedTransformations=3}this.r?this.r.effectsSequence.length||(this.pre.rotate(-this.r.v),this.appliedTransformations=4):this.rz.effectsSequence.length||this.ry.effectsSequence.length||this.rx.effectsSequence.length||this.or.effectsSequence.length||(this.pre.rotateZ(-this.rz.v).rotateY(this.ry.v).rotateX(this.rx.v).rotateZ(-this.or.v[2]).rotateY(this.or.v[1]).rotateX(this.or.v[0]),this.appliedTransformations=4)}},autoOrient:function(){}},extendPrototype([DynamicPropertyContainer],t),t.prototype.addDynamicProperty=function(e){this._addDynamicProperty(e),this.elem.addDynamicProperty(e),this._isDirty=!0},t.prototype._addDynamicProperty=DynamicPropertyContainer.prototype.addDynamicProperty,{getTransformProperty:function(e,a,r){return new t(e,a,r)}}}();function RepeaterModifier(){}function RoundCornersModifier(){}function floatEqual(e,t){return 1e5*Math.abs(e-t)<=Math.min(Math.abs(e),Math.abs(t))}function floatZero(e){return Math.abs(e)<=1e-5}function lerp(e,t,a){return e*(1-a)+t*a}function lerpPoint(e,t,a){return[lerp(e[0],t[0],a),lerp(e[1],t[1],a)]}function quadRoots(e,t,a){if(0===e)return[];var r=t*t-4*e*a;if(r<0)return[];var n=-t/(2*e);if(0===r)return[n];var i=Math.sqrt(r)/(2*e);return[n-i,n+i]}function polynomialCoefficients(e,t,a,r){return[3*t-e-3*a+r,3*e-6*t+3*a,-3*e+3*t,e]}function singlePoint(e){return new PolynomialBezier(e,e,e,e,!1)}function PolynomialBezier(e,t,a,r,n){n&&pointEqual(e,t)&&(t=lerpPoint(e,r,1/3)),n&&pointEqual(a,r)&&(a=lerpPoint(e,r,2/3));var i=polynomialCoefficients(e[0],t[0],a[0],r[0]),s=polynomialCoefficients(e[1],t[1],a[1],r[1]);this.a=[i[0],s[0]],this.b=[i[1],s[1]],this.c=[i[2],s[2]],this.d=[i[3],s[3]],this.points=[e,t,a,r]}function extrema(e,t){var a=e.points[0][t],r=e.points[e.points.length-1][t];if(a>r){var n=r;r=a,a=n}for(var i=quadRoots(3*e.a[t],2*e.b[t],e.c[t]),s=0;s0&&i[s]<1){var o=e.point(i[s])[t];or&&(r=o)}return{min:a,max:r}}function intersectData(e,t,a){var r=e.boundingBox();return{cx:r.cx,cy:r.cy,width:r.width,height:r.height,bez:e,t:(t+a)/2,t1:t,t2:a}}function splitData(e){var t=e.bez.split(.5);return[intersectData(t[0],e.t1,e.t),intersectData(t[1],e.t,e.t2)]}function boxIntersect(e,t){return 2*Math.abs(e.cx-t.cx)=i||e.width<=r&&e.height<=r&&t.width<=r&&t.height<=r)n.push([e.t,t.t]);else{var s=splitData(e),o=splitData(t);intersectsImpl(s[0],o[0],a+1,r,n,i),intersectsImpl(s[0],o[1],a+1,r,n,i),intersectsImpl(s[1],o[0],a+1,r,n,i),intersectsImpl(s[1],o[1],a+1,r,n,i)}}function crossProduct(e,t){return[e[1]*t[2]-e[2]*t[1],e[2]*t[0]-e[0]*t[2],e[0]*t[1]-e[1]*t[0]]}function lineIntersection(e,t,a,r){var n=[e[0],e[1],1],i=[t[0],t[1],1],s=[a[0],a[1],1],o=[r[0],r[1],1],l=crossProduct(crossProduct(n,i),crossProduct(s,o));return floatZero(l[2])?null:[l[0]/l[2],l[1]/l[2]]}function polarOffset(e,t,a){return[e[0]+Math.cos(t)*a,e[1]-Math.sin(t)*a]}function pointDistance(e,t){return Math.hypot(e[0]-t[0],e[1]-t[1])}function pointEqual(e,t){return floatEqual(e[0],t[0])&&floatEqual(e[1],t[1])}function ZigZagModifier(){}function setPoint(e,t,a,r,n,i,s){var o=a-Math.PI/2,l=a+Math.PI/2,u=t[0]+Math.cos(a)*r*n,p=t[1]-Math.sin(a)*r*n;e.setTripleAt(u,p,u+Math.cos(o)*i,p-Math.sin(o)*i,u+Math.cos(l)*s,p-Math.sin(l)*s,e.length())}function getPerpendicularVector(e,t){var a=[t[0]-e[0],t[1]-e[1]],r=.5*-Math.PI;return[Math.cos(r)*a[0]-Math.sin(r)*a[1],Math.sin(r)*a[0]+Math.cos(r)*a[1]]}function getProjectingAngle(e,t){var a=0===t?e.length()-1:t-1,r=(t+1)%e.length(),n=getPerpendicularVector(e.v[a],e.v[r]);return Math.atan2(0,1)-Math.atan2(n[1],n[0])}function zigZagCorner(e,t,a,r,n,i,s){var o=getProjectingAngle(t,a),l=t.v[a%t._length],u=t.v[0===a?t._length-1:a-1],p=t.v[(a+1)%t._length],c=2===i?Math.sqrt(Math.pow(l[0]-u[0],2)+Math.pow(l[1]-u[1],2)):0,h=2===i?Math.sqrt(Math.pow(l[0]-p[0],2)+Math.pow(l[1]-p[1],2)):0;setPoint(e,t.v[a%t._length],o,s,r,h/(2*(n+1)),c/(2*(n+1)),i)}function zigZagSegment(e,t,a,r,n,i){for(var s=0;s1&&t.length>1&&(n=getIntersection(e[0],t[t.length-1]))?[[e[0].split(n[0])[0]],[t[t.length-1].split(n[1])[1]]]:[a,r]}function pruneIntersections(e){for(var t,a=1;a1&&(t=pruneSegmentIntersection(e[e.length-1],e[0]),e[e.length-1]=t[0],e[0]=t[1]),e}function offsetSegmentSplit(e,t){var a,r,n,i,s=e.inflectionPoints();if(0===s.length)return[offsetSegment(e,t)];if(1===s.length||floatEqual(s[1],1))return a=(n=e.split(s[0]))[0],r=n[1],[offsetSegment(a,t),offsetSegment(r,t)];a=(n=e.split(s[0]))[0];var o=(s[1]-s[0])/(1-s[0]);return i=(n=n[1].split(o))[0],r=n[1],[offsetSegment(a,t),offsetSegment(i,t),offsetSegment(r,t)]}function OffsetPathModifier(){}function getFontProperties(e){for(var t=e.fStyle?e.fStyle.split(" "):[],a="normal",r="normal",n=t.length,i=0;i0;)a-=1,this._elements.unshift(t[a]);this.dynamicProperties.length?this.k=!0:this.getValue(!0)},RepeaterModifier.prototype.resetElements=function(e){var t,a=e.length;for(t=0;t0?Math.floor(h):Math.ceil(h),m=this.pMatrix.props,y=this.rMatrix.props,g=this.sMatrix.props;this.pMatrix.reset(),this.rMatrix.reset(),this.sMatrix.reset(),this.tMatrix.reset(),this.matrix.reset();var S,v,C=0;if(h>0){for(;Cd;)this.applyTransforms(this.pMatrix,this.rMatrix,this.sMatrix,this.tr,1,!0),C-=1;f&&(this.applyTransforms(this.pMatrix,this.rMatrix,this.sMatrix,this.tr,-f,!0),C-=f)}for(r=1===this.data.m?0:this._currentCopies-1,n=1===this.data.m?1:-1,i=this._currentCopies;i;){if(v=(a=(t=this.elemsData[r].it)[t.length-1].transform.mProps.v.props).length,t[t.length-1].transform.mProps._mdf=!0,t[t.length-1].transform.op._mdf=!0,t[t.length-1].transform.op.v=1===this._currentCopies?this.so.v:this.so.v+(this.eo.v-this.so.v)*(r/(this._currentCopies-1)),0!==C){for((0!==r&&1===n||r!==this._currentCopies-1&&-1===n)&&this.applyTransforms(this.pMatrix,this.rMatrix,this.sMatrix,this.tr,1,!1),this.matrix.transform(y[0],y[1],y[2],y[3],y[4],y[5],y[6],y[7],y[8],y[9],y[10],y[11],y[12],y[13],y[14],y[15]),this.matrix.transform(g[0],g[1],g[2],g[3],g[4],g[5],g[6],g[7],g[8],g[9],g[10],g[11],g[12],g[13],g[14],g[15]),this.matrix.transform(m[0],m[1],m[2],m[3],m[4],m[5],m[6],m[7],m[8],m[9],m[10],m[11],m[12],m[13],m[14],m[15]),S=0;S0&&r<1?[t]:[]:[t-r,t+r].filter((function(e){return e>0&&e<1}))},PolynomialBezier.prototype.split=function(e){if(e<=0)return[singlePoint(this.points[0]),this];if(e>=1)return[this,singlePoint(this.points[this.points.length-1])];var t=lerpPoint(this.points[0],this.points[1],e),a=lerpPoint(this.points[1],this.points[2],e),r=lerpPoint(this.points[2],this.points[3],e),n=lerpPoint(t,a,e),i=lerpPoint(a,r,e),s=lerpPoint(n,i,e);return[new PolynomialBezier(this.points[0],t,n,s,!0),new PolynomialBezier(s,i,r,this.points[3],!0)]},PolynomialBezier.prototype.bounds=function(){return{x:extrema(this,0),y:extrema(this,1)}},PolynomialBezier.prototype.boundingBox=function(){var e=this.bounds();return{left:e.x.min,right:e.x.max,top:e.y.min,bottom:e.y.max,width:e.x.max-e.x.min,height:e.y.max-e.y.min,cx:(e.x.max+e.x.min)/2,cy:(e.y.max+e.y.min)/2}},PolynomialBezier.prototype.intersections=function(e,t,a){void 0===t&&(t=2),void 0===a&&(a=7);var r=[];return intersectsImpl(intersectData(this,0,1),intersectData(e,0,1),0,t,r,a),r},PolynomialBezier.shapeSegment=function(e,t){var a=(t+1)%e.length();return new PolynomialBezier(e.v[t],e.o[t],e.i[a],e.v[a],!0)},PolynomialBezier.shapeSegmentInverted=function(e,t){var a=(t+1)%e.length();return new PolynomialBezier(e.v[a],e.i[a],e.o[t],e.v[t],!0)},extendPrototype([ShapeModifier],ZigZagModifier),ZigZagModifier.prototype.initModifierProperties=function(e,t){this.getValue=this.processKeys,this.amplitude=PropertyFactory.getProp(e,t.s,0,null,this),this.frequency=PropertyFactory.getProp(e,t.r,0,null,this),this.pointsType=PropertyFactory.getProp(e,t.pt,0,null,this),this._isAnimated=0!==this.amplitude.effectsSequence.length||0!==this.frequency.effectsSequence.length||0!==this.pointsType.effectsSequence.length},ZigZagModifier.prototype.processPath=function(e,t,a,r){var n=e._length,i=shapePool.newElement();if(i.c=e.c,e.c||(n-=1),0===n)return i;var s=-1,o=PolynomialBezier.shapeSegment(e,0);zigZagCorner(i,e,0,t,a,r,s);for(var l=0;l=0;i-=1)o=PolynomialBezier.shapeSegmentInverted(e,i),u.push(offsetSegmentSplit(o,t));u=pruneIntersections(u);var p=null,c=null;for(i=0;i0&&(p=!1),p){var c=createTag("style");c.setAttribute("f-forigin",r[a].fOrigin),c.setAttribute("f-origin",r[a].origin),c.setAttribute("f-family",r[a].fFamily),c.type="text/css",c.innerText="@font-face {font-family: "+r[a].fFamily+"; font-style: normal; src: url('"+r[a].fPath+"');}",t.appendChild(c)}}else if("g"===r[a].fOrigin||1===r[a].origin){for(l=document.querySelectorAll('link[f-forigin="g"], link[f-origin="1"]'),u=0;ue?!0!==this.isInRange&&(this.globalData._mdf=!0,this._mdf=!0,this.isInRange=!0,this.show()):!1!==this.isInRange&&(this.globalData._mdf=!0,this.isInRange=!1,this.hide())},renderRenderable:function(){var e,t=this.renderableComponents.length;for(e=0;e0&&(this.maskElement.setAttribute("id",y),this.element.maskedElement.setAttribute(S,"url("+getLocationHref()+"#"+y+")"),i.appendChild(this.maskElement)),this.viewData.length&&this.element.addRenderableComponent(this)}extendPrototype([DynamicPropertyContainer],GroupEffect),GroupEffect.prototype.getValue=GroupEffect.prototype.iterateDynamicProperties,GroupEffect.prototype.init=function(e,t){var a;this.data=e,this.effectElements=[],this.initDynamicPropertyContainer(t);var r,n=this.data.ef.length,i=this.data.ef;for(a=0;a.1)&&this.audio.seek(this._currentTime/this.globalData.frameRate):(this.audio.play(),this.audio.seek(this._currentTime/this.globalData.frameRate),this._isPlaying=!0))},AudioElement.prototype.show=function(){},AudioElement.prototype.hide=function(){this.audio.pause(),this._isPlaying=!1},AudioElement.prototype.pause=function(){this.audio.pause(),this._isPlaying=!1,this._canPlay=!1},AudioElement.prototype.resume=function(){this._canPlay=!0},AudioElement.prototype.setRate=function(e){this.audio.rate(e)},AudioElement.prototype.volume=function(e){this._volumeMultiplier=e,this._previousVolume=e*this._volume,this.audio.volume(this._previousVolume)},AudioElement.prototype.getBaseElement=function(){return null},AudioElement.prototype.destroy=function(){},AudioElement.prototype.sourceRectAtTime=function(){},AudioElement.prototype.initExpressions=function(){},BaseRenderer.prototype.checkLayers=function(e){var t,a,r=this.layers.length;for(this.completeLayers=!0,t=r-1;t>=0;t-=1)this.elements[t]||(a=this.layers[t]).ip-a.st<=e-this.layers[t].st&&a.op-a.st>e-this.layers[t].st&&this.buildItem(t),this.completeLayers=!!this.elements[t]&&this.completeLayers;this.checkPendingElements()},BaseRenderer.prototype.createItem=function(e){switch(e.ty){case 2:return this.createImage(e);case 0:return this.createComp(e);case 1:return this.createSolid(e);case 3:default:return this.createNull(e);case 4:return this.createShape(e);case 5:return this.createText(e);case 6:return this.createAudio(e);case 13:return this.createCamera(e);case 15:return this.createFootage(e)}},BaseRenderer.prototype.createCamera=function(){throw new Error("You're using a 3d camera. Try the html renderer.")},BaseRenderer.prototype.createAudio=function(e){return new AudioElement(e,this.globalData,this)},BaseRenderer.prototype.createFootage=function(e){return new FootageElement(e,this.globalData,this)},BaseRenderer.prototype.buildAllItems=function(){var e,t=this.layers.length;for(e=0;e1&&(i+=" C"+t.o[r-1][0]+","+t.o[r-1][1]+" "+t.i[0][0]+","+t.i[0][1]+" "+t.v[0][0]+","+t.v[0][1]),a.lastPath!==i){var s="";a.elem&&(t.c&&(s=e.inv?this.solidPath+i:i),a.elem.setAttribute("d",s)),a.lastPath=i}},MaskElement.prototype.destroy=function(){this.element=null,this.globalData=null,this.maskElement=null,this.data=null,this.masksProperties=null};var filtersFactory=function(){var e={createFilter:function(e,t){var a=createNS("filter");return a.setAttribute("id",e),!0!==t&&(a.setAttribute("filterUnits","objectBoundingBox"),a.setAttribute("x","0%"),a.setAttribute("y","0%"),a.setAttribute("width","100%"),a.setAttribute("height","100%")),a},createAlphaToLuminanceFilter:function(){var e=createNS("feColorMatrix");return e.setAttribute("type","matrix"),e.setAttribute("color-interpolation-filters","sRGB"),e.setAttribute("values","0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 1"),e}};return e}(),featureSupport=function(){var e={maskType:!0};return(/MSIE 10/i.test(navigator.userAgent)||/MSIE 9/i.test(navigator.userAgent)||/rv:11.0/i.test(navigator.userAgent)||/Edge\/\d./i.test(navigator.userAgent))&&(e.maskType=!1),e}(),registeredEffects={},idPrefix="filter_result_";function SVGEffects(e){var t,a,r="SourceGraphic",n=e.data.ef?e.data.ef.length:0,i=createElementID(),s=filtersFactory.createFilter(i,!0),o=0;for(this.filters=[],t=0;t=0&&!this.shapeModifiers[e].processShapes(this._isFirstFrame);e-=1);}},searchProcessedElement:function(e){for(var t=this.processedElements,a=0,r=t.length;a.01)return!1;a+=1}return!0},GradientProperty.prototype.checkCollapsable=function(){if(this.o.length/2!=this.c.length/4)return!1;if(this.data.k.k[0].s)for(var e=0,t=this.data.k.k.length;e0;)l=r.transformers[m].mProps._mdf||l,d-=1,m-=1;if(l)for(d=g-r.styles[p].lvl,m=r.transformers.length-1;d>0;)f=r.transformers[m].mProps.v.props,h.transform(f[0],f[1],f[2],f[3],f[4],f[5],f[6],f[7],f[8],f[9],f[10],f[11],f[12],f[13],f[14],f[15]),d-=1,m-=1}else h=e;if(s=(c=r.sh.paths)._length,l){for(o="",i=0;i=1?S=.99:S<=-1&&(S=-.99);var v=o*S,C=Math.cos(g+t.a.v)*v+p[0],_=Math.sin(g+t.a.v)*v+p[1];l.setAttribute("fx",C),l.setAttribute("fy",_),u&&!t.g._collapsable&&(t.of.setAttribute("fx",C),t.of.setAttribute("fy",_))}}function l(e,t,a){var r=t.style,n=t.d;n&&(n._mdf||a)&&n.dashStr&&(r.pElem.setAttribute("stroke-dasharray",n.dashStr),r.pElem.setAttribute("stroke-dashoffset",n.dashoffset[0])),t.c&&(t.c._mdf||a)&&r.pElem.setAttribute("stroke","rgb("+bmFloor(t.c.v[0])+","+bmFloor(t.c.v[1])+","+bmFloor(t.c.v[2])+")"),(t.o._mdf||a)&&r.pElem.setAttribute("stroke-opacity",t.o.v),(t.w._mdf||a)&&(r.pElem.setAttribute("stroke-width",t.w.v),r.msElem&&r.msElem.setAttribute("stroke-width",t.w.v))}return{createRenderFunction:function(e){switch(e.ty){case"fl":return i;case"gf":return o;case"gs":return s;case"st":return l;case"sh":case"el":case"rc":case"sr":return n;case"tr":return a;case"no":return r;default:return null}}}}();function SVGShapeElement(e,t,a){this.shapes=[],this.shapesData=e.shapes,this.stylesList=[],this.shapeModifiers=[],this.itemsData=[],this.processedElements=[],this.animatedContents=[],this.initElement(e,t,a),this.prevViewData=[]}function LetterProps(e,t,a,r,n,i){this.o=e,this.sw=t,this.sc=a,this.fc=r,this.m=n,this.p=i,this._mdf={o:!0,sw:!!t,sc:!!a,fc:!!r,m:!0,p:!0}}function TextProperty(e,t){this._frameId=initialDefaultFrame,this.pv="",this.v="",this.kf=!1,this._isFirstFrame=!0,this._mdf=!1,this.data=t,this.elem=e,this.comp=this.elem.comp,this.keysIndex=0,this.canResize=!1,this.minimumFontSize=1,this.effectsSequence=[],this.currentData={ascent:0,boxWidth:this.defaultBoxWidth,f:"",fStyle:"",fWeight:"",fc:"",j:"",justifyOffset:"",l:[],lh:0,lineWidths:[],ls:"",of:"",s:"",sc:"",sw:0,t:0,tr:0,sz:0,ps:null,fillColorAnim:!1,strokeColorAnim:!1,strokeWidthAnim:!1,yOffset:0,finalSize:0,finalText:[],finalLineHeight:0,__complete:!1},this.copyData(this.currentData,this.data.d.k[0].s),this.searchProperty()||this.completeTextData(this.currentData)}extendPrototype([BaseElement,TransformElement,SVGBaseElement,IShapeElement,HierarchyElement,FrameElement,RenderableDOMElement],SVGShapeElement),SVGShapeElement.prototype.initSecondaryElement=function(){},SVGShapeElement.prototype.identityMatrix=new Matrix,SVGShapeElement.prototype.buildExpressionInterface=function(){},SVGShapeElement.prototype.createContent=function(){this.searchShapes(this.shapesData,this.itemsData,this.prevViewData,this.layerElement,0,[],!0),this.filterUniqueShapes()},SVGShapeElement.prototype.filterUniqueShapes=function(){var e,t,a,r,n=this.shapes.length,i=this.stylesList.length,s=[],o=!1;for(a=0;a1&&o&&this.setShapesAsAnimated(s)}},SVGShapeElement.prototype.setShapesAsAnimated=function(e){var t,a=e.length;for(t=0;t=0;o-=1){if((h=this.searchProcessedElement(e[o]))?t[o]=a[h-1]:e[o]._render=s,"fl"===e[o].ty||"st"===e[o].ty||"gf"===e[o].ty||"gs"===e[o].ty||"no"===e[o].ty)h?t[o].style.closed=!1:t[o]=this.createStyleElement(e[o],n),e[o]._render&&t[o].style.pElem.parentNode!==r&&r.appendChild(t[o].style.pElem),m.push(t[o].style);else if("gr"===e[o].ty){if(h)for(u=t[o].it.length,l=0;l1,this.kf&&this.addEffect(this.getKeyframeValue.bind(this)),this.kf},TextProperty.prototype.addEffect=function(e){this.effectsSequence.push(e),this.elem.addDynamicProperty(this)},TextProperty.prototype.getValue=function(e){if(this.elem.globalData.frameId!==this.frameId&&this.effectsSequence.length||e){this.currentData.t=this.data.d.k[this.keysIndex].s.t;var t=this.currentData,a=this.keysIndex;if(this.lock)this.setCurrentData(this.currentData);else{var r;this.lock=!0,this._mdf=!1;var n=this.effectsSequence.length,i=e||this.data.d.k[this.keysIndex].s;for(r=0;rt);)a+=1;return this.keysIndex!==a&&(this.keysIndex=a),this.data.d.k[this.keysIndex].s},TextProperty.prototype.buildFinalText=function(e){for(var t,a,r=[],n=0,i=e.length,s=!1;n=55296&&t<=56319?(a=e.charCodeAt(n+1))>=56320&&a<=57343?(s||FontManager.isModifier(t,a)?(r[r.length-1]+=e.substr(n,2),s=!1):r.push(e.substr(n,2)),n+=1):r.push(e.charAt(n)):t>56319?(a=e.charCodeAt(n+1),FontManager.isZeroWidthJoiner(t,a)?(s=!0,r[r.length-1]+=e.substr(n,2),n+=1):r.push(e.charAt(n))):FontManager.isZeroWidthJoiner(t)?(r[r.length-1]+=e.charAt(n),s=!0):r.push(e.charAt(n)),n+=1;return r},TextProperty.prototype.completeTextData=function(e){e.__complete=!0;var t,a,r,n,i,s,o,l=this.elem.globalData.fontManager,u=this.data,p=[],c=0,h=u.m.g,f=0,d=0,m=0,y=[],g=0,S=0,v=l.getFontByName(e.f),C=0,_=getFontProperties(v);e.fWeight=_.weight,e.fStyle=_.style,e.finalSize=e.s,e.finalText=this.buildFinalText(e.t),a=e.finalText.length,e.finalLineHeight=e.lh;var F,b=e.tr/1e3*e.finalSize;if(e.sz)for(var x,N,k=!0,E=e.sz[0],P=e.sz[1];k;){x=0,g=0,a=(N=this.buildFinalText(e.t)).length,b=e.tr/1e3*e.finalSize;var A=-1;for(t=0;tE&&" "!==N[t]?(-1===A?a+=1:t=A,x+=e.finalLineHeight||1.2*e.finalSize,N.splice(t,A===t?1:0,"\r"),A=-1,g=0):(g+=C,g+=b);x+=v.ascent*e.finalSize/100,this.canResize&&e.finalSize>this.minimumFontSize&&PS?g:S,g=-2*b,n="",r=!0,m+=1):n=M,l.chars?(o=l.getCharData(M,v.fStyle,l.getFontByName(e.f).fFamily),C=r?0:o.w*e.finalSize/100):C=l.measureText(n,e.f,e.finalSize)," "===M?w+=C+b:(g+=C+b+w,w=0),p.push({l:C,an:C,add:f,n:r,anIndexes:[],val:n,line:m,animatorJustifyOffset:0}),2==h){if(f+=C,""===n||" "===n||t===a-1){for(""!==n&&" "!==n||(f-=C);d<=t;)p[d].an=f,p[d].ind=c,p[d].extra=C,d+=1;c+=1,f=0}}else if(3==h){if(f+=C,""===n||t===a-1){for(""===n&&(f-=C);d<=t;)p[d].an=f,p[d].ind=c,p[d].extra=C,d+=1;f=0,c+=1}}else p[c].ind=c,p[c].extra=0,c+=1;if(e.l=p,S=g>S?g:S,y.push(g),e.sz)e.boxWidth=e.sz[0],e.justifyOffset=0;else switch(e.boxWidth=S,e.j){case 1:e.justifyOffset=-e.boxWidth;break;case 2:e.justifyOffset=-e.boxWidth/2;break;default:e.justifyOffset=0}e.lineWidths=y;var L,B,T,D,V=u.a;s=V.length;var R=[];for(i=0;i0?n=this.ne.v/100:i=-this.ne.v/100,this.xe.v>0?s=1-this.xe.v/100:o=1+this.xe.v/100;var l=BezierFactory.getBezierEasing(n,i,s,o).get,u=0,p=this.finalS,c=this.finalE,h=this.data.sh;if(2===h)u=l(u=c===p?r>=c?1:0:e(0,t(.5/(c-p)+(r-p)/(c-p),1)));else if(3===h)u=l(u=c===p?r>=c?0:1:1-e(0,t(.5/(c-p)+(r-p)/(c-p),1)));else if(4===h)c===p?u=0:(u=e(0,t(.5/(c-p)+(r-p)/(c-p),1)))<.5?u*=2:u=1-2*(u-.5),u=l(u);else if(5===h){if(c===p)u=0;else{var f=c-p,d=-f/2+(r=t(e(0,r+.5-p),c-p)),m=f/2;u=Math.sqrt(1-d*d/(m*m))}u=l(u)}else 6===h?(c===p?u=0:(r=t(e(0,r+.5-p),c-p),u=(1+Math.cos(Math.PI+2*Math.PI*r/(c-p)))/2),u=l(u)):(r>=a(p)&&(u=e(0,t(r-p<0?t(c,1)-(p-r):c-r,1))),u=l(u));if(100!==this.sm.v){var y=.01*this.sm.v;0===y&&(y=1e-8);var g=.5-.5*y;u1&&(u=1)}return u*this.a.v},getValue:function(e){this.iterateDynamicProperties(),this._mdf=e||this._mdf,this._currentTextLength=this.elem.textProperty.currentData.l.length||0,e&&2===this.data.r&&(this.e.v=this._currentTextLength);var t=2===this.data.r?1:100/this.data.totalChars,a=this.o.v/t,r=this.s.v/t+a,n=this.e.v/t+a;if(r>n){var i=r;r=n,n=i}this.finalS=r,this.finalE=n}},extendPrototype([DynamicPropertyContainer],r),{getTextSelectorProp:function(e,t,a){return new r(e,t,a)}}}();function TextAnimatorDataProperty(e,t,a){var r={propType:!1},n=PropertyFactory.getProp,i=t.a;this.a={r:i.r?n(e,i.r,0,degToRads,a):r,rx:i.rx?n(e,i.rx,0,degToRads,a):r,ry:i.ry?n(e,i.ry,0,degToRads,a):r,sk:i.sk?n(e,i.sk,0,degToRads,a):r,sa:i.sa?n(e,i.sa,0,degToRads,a):r,s:i.s?n(e,i.s,1,.01,a):r,a:i.a?n(e,i.a,1,0,a):r,o:i.o?n(e,i.o,0,.01,a):r,p:i.p?n(e,i.p,1,0,a):r,sw:i.sw?n(e,i.sw,0,0,a):r,sc:i.sc?n(e,i.sc,1,0,a):r,fc:i.fc?n(e,i.fc,1,0,a):r,fh:i.fh?n(e,i.fh,0,0,a):r,fs:i.fs?n(e,i.fs,0,.01,a):r,fb:i.fb?n(e,i.fb,0,.01,a):r,t:i.t?n(e,i.t,0,0,a):r},this.s=TextSelectorProp.getTextSelectorProp(e,t.s,a),this.s.t=t.s.t}function TextAnimatorProperty(e,t,a){this._isFirstFrame=!0,this._hasMaskedPath=!1,this._frameId=-1,this._textData=e,this._renderType=t,this._elem=a,this._animatorsData=createSizedArray(this._textData.a.length),this._pathData={},this._moreOptions={alignment:{}},this.renderedLetters=[],this.lettersChangedFlag=!1,this.initDynamicPropertyContainer(a)}function ITextElement(){}TextAnimatorProperty.prototype.searchProperties=function(){var e,t,a=this._textData.a.length,r=PropertyFactory.getProp;for(e=0;e=o+oe||!d?(S=(o+oe-u)/l.partialLength,I=f.point[0]+(l.point[0]-f.point[0])*S,G=f.point[1]+(l.point[1]-f.point[1])*S,x.translate(-_[0]*E[n].an*.005,-_[1]*D*.01),p=!1):d&&(u+=l.partialLength,(c+=1)>=d.length&&(c=0,m[h+=1]?d=m[h].points:C.v.c?(c=0,d=m[h=0].points):(u-=l.partialLength,d=null)),d&&(f=l,y=(l=d[c]).partialLength));R=E[n].an/2-E[n].add,x.translate(-R,0,0)}else R=E[n].an/2-E[n].add,x.translate(-R,0,0),x.translate(-_[0]*E[n].an*.005,-_[1]*D*.01,0);for(w=0;we?this.textSpans[e].span:createNS(l?"g":"text"),y<=e){if(s.setAttribute("stroke-linecap","butt"),s.setAttribute("stroke-linejoin","round"),s.setAttribute("stroke-miterlimit","4"),this.textSpans[e].span=s,l){var g=createNS("g");s.appendChild(g),this.textSpans[e].childSpan=g}this.textSpans[e].span=s,this.layerElement.appendChild(s)}s.style.display="inherit"}if(u.reset(),p&&(o[e].n&&(c=-d,h+=a.yOffset,h+=f?1:0,f=!1),this.applyTextPropertiesToMatrix(a,u,o[e].line,c,h),c+=o[e].l||0,c+=d),l){var S;if(1===(m=this.globalData.fontManager.getCharData(a.finalText[e],r.fStyle,this.globalData.fontManager.getFontByName(a.f).fFamily)).t)S=new SVGCompElement(m.data,this.globalData,this);else{var v=emptyShapeData;m.data&&m.data.shapes&&(v=this.buildShapeData(m.data,a.finalSize)),S=new SVGShapeElement(v,this.globalData,this)}if(this.textSpans[e].glyph){var C=this.textSpans[e].glyph;this.textSpans[e].childSpan.removeChild(C.layerElement),C.destroy()}this.textSpans[e].glyph=S,S._debug=!0,S.prepareFrame(0),S.renderFrame(),this.textSpans[e].childSpan.appendChild(S.layerElement),1===m.t&&this.textSpans[e].childSpan.setAttribute("transform","scale("+a.finalSize/100+","+a.finalSize/100+")")}else p&&s.setAttribute("transform","translate("+u.props[12]+","+u.props[13]+")"),s.textContent=o[e].val,s.setAttributeNS("http://www.w3.org/XML/1998/namespace","xml:space","preserve")}p&&s&&s.setAttribute("d","")}else{var _=this.textContainer,F="start";switch(a.j){case 1:F="end";break;case 2:F="middle";break;default:F="start"}_.setAttribute("text-anchor",F),_.setAttribute("letter-spacing",d);var b=this.buildTextContents(a.finalText);for(t=b.length,h=a.ps?a.ps[1]+a.ascent:0,e=0;e=0;t-=1)(this.completeLayers||this.elements[t])&&this.elements[t].prepareFrame(e-this.layers[t].st);if(this.globalData._mdf)for(t=0;t=0;a-=1)(this.completeLayers||this.elements[a])&&(this.elements[a].prepareFrame(this.renderedFrame-this.layers[a].st),this.elements[a]._mdf&&(this._mdf=!0))}},ICompElement.prototype.renderInnerContent=function(){var e,t=this.layers.length;for(e=0;e=0;r-=1)a=e.transforms[r].transform.mProps.v.props,e.finalTransform.transform(a[0],a[1],a[2],a[3],a[4],a[5],a[6],a[7],a[8],a[9],a[10],a[11],a[12],a[13],a[14],a[15]);e._mdf=i},processSequences:function(e){var t,a=this.sequenceList.length;for(t=0;t=0;i-=1){if((l=this.searchProcessedElement(e[i]))?t[i]=a[l-1]:e[i]._shouldRender=r,"fl"===e[i].ty||"st"===e[i].ty||"gf"===e[i].ty||"gs"===e[i].ty)l?t[i].style.closed=!1:t[i]=this.createStyleElement(e[i],d),h.push(t[i].style);else if("gr"===e[i].ty){if(l)for(o=t[i].it.length,s=0;s=0;n-=1)"tr"===t[n].ty?(i=a[n].transform,this.renderShapeTransform(e,i)):"sh"===t[n].ty||"el"===t[n].ty||"rc"===t[n].ty||"sr"===t[n].ty?this.renderPath(t[n],a[n]):"fl"===t[n].ty?this.renderFill(t[n],a[n],i):"st"===t[n].ty?this.renderStroke(t[n],a[n],i):"gf"===t[n].ty||"gs"===t[n].ty?this.renderGradientFill(t[n],a[n],i):"gr"===t[n].ty?this.renderShape(i,t[n].it,a[n].it):t[n].ty;r&&this.drawLayer()},CVShapeElement.prototype.renderStyledShape=function(e,t){if(this._isFirstFrame||t._mdf||e.transforms._mdf){var a,r,n,i=e.trNodes,s=t.paths,o=s._length;i.length=0;var l=e.transforms.finalTransform;for(n=0;n=1?c=.99:c<=-1&&(c=-.99);var h=u*c,f=Math.cos(p+t.a.v)*h+o[0],d=Math.sin(p+t.a.v)*h+o[1];r=s.createRadialGradient(f,d,0,o[0],o[1],u)}var m=e.g.p,y=t.g.c,g=1;for(i=0;io&&"xMidYMid slice"===l||sn&&"meet"===o||in&&"slice"===o)?(a-this.transformCanvas.w*(r/this.transformCanvas.h))/2*this.renderConfig.dpr:"xMax"===u&&(in&&"slice"===o)?(a-this.transformCanvas.w*(r/this.transformCanvas.h))*this.renderConfig.dpr:0,this.transformCanvas.ty="YMid"===p&&(i>n&&"meet"===o||in&&"meet"===o||i=0;e-=1)this.elements[e]&&this.elements[e].destroy();this.elements.length=0,this.globalData.canvasContext=null,this.animationItem.container=null,this.destroyed=!0},CanvasRendererBase.prototype.renderFrame=function(e,t){if((this.renderedFrame!==e||!0!==this.renderConfig.clearCanvas||t)&&!this.destroyed&&-1!==e){var a;this.renderedFrame=e,this.globalData.frameNum=e-this.animationItem._isFirstFrame,this.globalData.frameId+=1,this.globalData._mdf=!this.renderConfig.clearCanvas||t,this.globalData.projectInterface.currentFrame=e;var r=this.layers.length;for(this.completeLayers||this.checkLayers(e),a=0;a=0;a-=1)(this.completeLayers||this.elements[a])&&this.elements[a].renderFrame();!0!==this.renderConfig.clearCanvas&&this.restore()}}},CanvasRendererBase.prototype.buildItem=function(e){var t=this.elements;if(!t[e]&&99!==this.layers[e].ty){var a=this.createItem(this.layers[e],this,this.globalData);t[e]=a,a.initExpressions()}},CanvasRendererBase.prototype.checkPendingElements=function(){for(;this.pendingElements.length;)this.pendingElements.pop().checkParenting()},CanvasRendererBase.prototype.hide=function(){this.animationItem.container.style.display="none"},CanvasRendererBase.prototype.show=function(){this.animationItem.container.style.display="block"},extendPrototype([CanvasRendererBase,ICompElement,CVBaseElement],CVCompElement),CVCompElement.prototype.renderInnerContent=function(){var e,t=this.canvasContext;for(t.beginPath(),t.moveTo(0,0),t.lineTo(this.data.w,0),t.lineTo(this.data.w,this.data.h),t.lineTo(0,this.data.h),t.lineTo(0,0),t.clip(),e=this.layers.length-1;e>=0;e-=1)(this.completeLayers||this.elements[e])&&this.elements[e].renderFrame()},CVCompElement.prototype.destroy=function(){var e;for(e=this.layers.length-1;e>=0;e-=1)this.elements[e]&&this.elements[e].destroy();this.layers=null,this.elements=null},CVCompElement.prototype.createComp=function(e){return new CVCompElement(e,this.globalData,this)},extendPrototype([CanvasRendererBase],CanvasRenderer),CanvasRenderer.prototype.createComp=function(e){return new CVCompElement(e,this.globalData,this)},HBaseElement.prototype={checkBlendMode:function(){},initRendererElement:function(){this.baseElement=createTag(this.data.tg||"div"),this.data.hasMask?(this.svgElement=createNS("svg"),this.layerElement=createNS("g"),this.maskedElement=this.layerElement,this.svgElement.appendChild(this.layerElement),this.baseElement.appendChild(this.svgElement)):this.layerElement=this.baseElement,styleDiv(this.baseElement)},createContainerElements:function(){this.renderableEffectsManager=new CVEffects(this),this.transformedElement=this.baseElement,this.maskedElement=this.layerElement,this.data.ln&&this.layerElement.setAttribute("id",this.data.ln),this.data.cl&&this.layerElement.setAttribute("class",this.data.cl),0!==this.data.bm&&this.setBlendMode()},renderElement:function(){var e=this.transformedElement?this.transformedElement.style:{};if(this.finalTransform._matMdf){var t=this.finalTransform.mat.toCSS();e.transform=t,e.webkitTransform=t}this.finalTransform._opMdf&&(e.opacity=this.finalTransform.mProp.o.v)},renderFrame:function(){this.data.hd||this.hidden||(this.renderTransform(),this.renderRenderable(),this.renderElement(),this.renderInnerContent(),this._isFirstFrame&&(this._isFirstFrame=!1))},destroy:function(){this.layerElement=null,this.transformedElement=null,this.matteElement&&(this.matteElement=null),this.maskManager&&(this.maskManager.destroy(),this.maskManager=null)},createRenderableComponents:function(){this.maskManager=new MaskElement(this.data,this,this.globalData)},addEffects:function(){},setMatte:function(){}},HBaseElement.prototype.getBaseElement=SVGBaseElement.prototype.getBaseElement,HBaseElement.prototype.destroyBaseElement=HBaseElement.prototype.destroy,HBaseElement.prototype.buildElementParenting=BaseRenderer.prototype.buildElementParenting,extendPrototype([BaseElement,TransformElement,HBaseElement,HierarchyElement,FrameElement,RenderableDOMElement],HSolidElement),HSolidElement.prototype.createContent=function(){var e;this.data.hasMask?((e=createNS("rect")).setAttribute("width",this.data.sw),e.setAttribute("height",this.data.sh),e.setAttribute("fill",this.data.sc),this.svgElement.setAttribute("width",this.data.sw),this.svgElement.setAttribute("height",this.data.sh)):((e=createTag("div")).style.width=this.data.sw+"px",e.style.height=this.data.sh+"px",e.style.backgroundColor=this.data.sc),this.layerElement.appendChild(e)},extendPrototype([BaseElement,TransformElement,HSolidElement,SVGShapeElement,HBaseElement,HierarchyElement,FrameElement,RenderableElement],HShapeElement),HShapeElement.prototype._renderShapeFrame=HShapeElement.prototype.renderInnerContent,HShapeElement.prototype.createContent=function(){var e;if(this.baseElement.style.fontSize=0,this.data.hasMask)this.layerElement.appendChild(this.shapesContainer),e=this.svgElement;else{e=createNS("svg");var t=this.comp.data?this.comp.data:this.globalData.compSize;e.setAttribute("width",t.w),e.setAttribute("height",t.h),e.appendChild(this.shapesContainer),this.layerElement.appendChild(e)}this.searchShapes(this.shapesData,this.itemsData,this.prevViewData,this.shapesContainer,0,[],!0),this.filterUniqueShapes(),this.shapeCont=e},HShapeElement.prototype.getTransformedPoint=function(e,t){var a,r=e.length;for(a=0;a0&&o<1&&c[h].push(this.calculateF(o,e,t,a,r,h)):(l=i*i-4*s*n)>=0&&((u=(-i+bmSqrt(l))/(2*n))>0&&u<1&&c[h].push(this.calculateF(u,e,t,a,r,h)),(p=(-i-bmSqrt(l))/(2*n))>0&&p<1&&c[h].push(this.calculateF(p,e,t,a,r,h))));this.shapeBoundingBox.left=bmMin.apply(null,c[0]),this.shapeBoundingBox.top=bmMin.apply(null,c[1]),this.shapeBoundingBox.right=bmMax.apply(null,c[0]),this.shapeBoundingBox.bottom=bmMax.apply(null,c[1])},HShapeElement.prototype.calculateF=function(e,t,a,r,n,i){return bmPow(1-e,3)*t[i]+3*bmPow(1-e,2)*e*a[i]+3*(1-e)*bmPow(e,2)*r[i]+bmPow(e,3)*n[i]},HShapeElement.prototype.calculateBoundingBox=function(e,t){var a,r=e.length;for(a=0;aa&&(a=n)}a*=e.mult}else a=e.v*e.mult;t.x-=a,t.xMax+=a,t.y-=a,t.yMax+=a},HShapeElement.prototype.currentBoxContains=function(e){return this.currentBBox.x<=e.x&&this.currentBBox.y<=e.y&&this.currentBBox.width+this.currentBBox.x>=e.x+e.width&&this.currentBBox.height+this.currentBBox.y>=e.y+e.height},HShapeElement.prototype.renderInnerContent=function(){if(this._renderShapeFrame(),!this.hidden&&(this._isFirstFrame||this._mdf)){var e=this.tempBoundingBox,t=999999;if(e.x=t,e.xMax=-t,e.y=t,e.yMax=-t,this.calculateBoundingBox(this.itemsData,e),e.width=e.xMax=0;e-=1){var r=this.hierarchy[e].finalTransform.mProp;this.mat.translate(-r.p.v[0],-r.p.v[1],r.p.v[2]),this.mat.rotateX(-r.or.v[0]).rotateY(-r.or.v[1]).rotateZ(r.or.v[2]),this.mat.rotateX(-r.rx.v).rotateY(-r.ry.v).rotateZ(r.rz.v),this.mat.scale(1/r.s.v[0],1/r.s.v[1],1/r.s.v[2]),this.mat.translate(r.a.v[0],r.a.v[1],r.a.v[2])}if(this.p?this.mat.translate(-this.p.v[0],-this.p.v[1],this.p.v[2]):this.mat.translate(-this.px.v,-this.py.v,this.pz.v),this.a){var n;n=this.p?[this.p.v[0]-this.a.v[0],this.p.v[1]-this.a.v[1],this.p.v[2]-this.a.v[2]]:[this.px.v-this.a.v[0],this.py.v-this.a.v[1],this.pz.v-this.a.v[2]];var i=Math.sqrt(Math.pow(n[0],2)+Math.pow(n[1],2)+Math.pow(n[2],2)),s=[n[0]/i,n[1]/i,n[2]/i],o=Math.sqrt(s[2]*s[2]+s[0]*s[0]),l=Math.atan2(s[1],o),u=Math.atan2(s[0],-s[2]);this.mat.rotateY(u).rotateX(-l)}this.mat.rotateX(-this.rx.v).rotateY(-this.ry.v).rotateZ(this.rz.v),this.mat.rotateX(-this.or.v[0]).rotateY(-this.or.v[1]).rotateZ(this.or.v[2]),this.mat.translate(this.globalData.compSize.w/2,this.globalData.compSize.h/2,0),this.mat.translate(0,0,this.pe.v);var p=!this._prevMat.equals(this.mat);if((p||this.pe._mdf)&&this.comp.threeDElements){var c,h,f;for(t=this.comp.threeDElements.length,e=0;e=e)return this.threeDElements[t].perspectiveElem;t+=1}return null},HybridRendererBase.prototype.createThreeDContainer=function(e,t){var a,r,n=createTag("div");styleDiv(n);var i=createTag("div");if(styleDiv(i),"3d"===t){(a=n.style).width=this.globalData.compSize.w+"px",a.height=this.globalData.compSize.h+"px",a.webkitTransformOrigin="50% 50%",a.mozTransformOrigin="50% 50%",a.transformOrigin="50% 50%";var s="matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)";(r=i.style).transform=s,r.webkitTransform=s}n.appendChild(i);var o={container:i,perspectiveElem:n,startPos:e,endPos:e,type:t};return this.threeDElements.push(o),o},HybridRendererBase.prototype.build3dContainers=function(){var e,t,a=this.layers.length,r="";for(e=0;e=0;e-=1)this.resizerElem.appendChild(this.threeDElements[e].perspectiveElem)},HybridRendererBase.prototype.addTo3dContainer=function(e,t){for(var a=0,r=this.threeDElements.length;as?(e=n/this.globalData.compSize.w,t=n/this.globalData.compSize.w,a=0,r=(i-this.globalData.compSize.h*(n/this.globalData.compSize.w))/2):(e=i/this.globalData.compSize.h,t=i/this.globalData.compSize.h,a=(n-this.globalData.compSize.w*(i/this.globalData.compSize.h))/2,r=0);var o=this.resizerElem.style;o.webkitTransform="matrix3d("+e+",0,0,0,0,"+t+",0,0,0,0,1,0,"+a+","+r+",0,1)",o.transform=o.webkitTransform},HybridRendererBase.prototype.renderFrame=SVGRenderer.prototype.renderFrame,HybridRendererBase.prototype.hide=function(){this.resizerElem.style.display="none"},HybridRendererBase.prototype.show=function(){this.resizerElem.style.display="block"},HybridRendererBase.prototype.initItems=function(){if(this.buildAllItems(),this.camera)this.camera.setup();else{var e,t=this.globalData.compSize.w,a=this.globalData.compSize.h,r=this.threeDElements.length;for(e=0;e=i;)e/=2,t/=2,a>>>=1;return(e+a)/t};return y.int32=function(){return 0|m.g(4)},y.quick=function(){return m.g(4)/4294967296},y.double=y,l(u(m.S),e),(c.pass||h||function(e,a,r,n){return n&&(n.S&&o(n,m),e.state=function(){return o(m,{})}),r?(t.random=e,a):e})(y,d,"global"in c?c.global:this==t,c.state)},l(t.random(),e)}function initialize$2(e){seedRandom([],e)}var propTypes={SHAPE:"shape"};function _typeof(e){return(_typeof="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})(e)}var ExpressionManager=function(){var ob={},Math=BMMath,window=null,document=null,XMLHttpRequest=null,fetch=null,frames=null;function $bm_isInstanceOfArray(e){return e.constructor===Array||e.constructor===Float32Array}function isNumerable(e,t){return"number"===e||"boolean"===e||"string"===e||t instanceof Number}function $bm_neg(e){var t=_typeof(e);if("number"===t||"boolean"===t||e instanceof Number)return-e;if($bm_isInstanceOfArray(e)){var a,r=e.length,n=[];for(a=0;aa){var r=a;a=t,t=r}return Math.min(Math.max(e,t),a)}function radiansToDegrees(e){return e/degToRads}var radians_to_degrees=radiansToDegrees;function degreesToRadians(e){return e*degToRads}var degrees_to_radians=radiansToDegrees,helperLengthArray=[0,0,0,0,0,0];function length(e,t){if("number"==typeof e||e instanceof Number)return t=t||0,Math.abs(e-t);var a;t||(t=helperLengthArray);var r=Math.min(e.length,t.length),n=0;for(a=0;a.5?u/(2-s-o):u/(s+o),s){case r:t=(n-i)/u+(n1&&(a-=1),a<1/6?e+6*(t-e)*a:a<.5?t:a<2/3?e+(t-e)*(2/3-a)*6:e}function hslToRgb(e){var t,a,r,n=e[0],i=e[1],s=e[2];if(0===i)t=s,r=s,a=s;else{var o=s<.5?s*(1+i):s+i-s*i,l=2*s-o;t=hue2rgb(l,o,n+1/3),a=hue2rgb(l,o,n),r=hue2rgb(l,o,n-1/3)}return[t,a,r,e[3]]}function linear(e,t,a,r,n){if(void 0!==r&&void 0!==n||(r=t,n=a,t=0,a=1),a=a)return n;var s,o=a===t?0:(e-t)/(a-t);if(!r.length)return r+(n-r)*o;var l=r.length,u=createTypedArray("float32",l);for(s=0;s1){for(r=0;r1?t=1:t<0&&(t=0);var s=e(t);if($bm_isInstanceOfArray(n)){var o,l=n.length,u=createTypedArray("float32",l);for(o=0;odata.k[t].t&&edata.k[t+1].t-e?(a=t+2,r=data.k[t+1].t):(a=t+1,r=data.k[t].t);break}}-1===a&&(a=t+1,r=data.k[t].t)}else a=0,r=0;var i={};return i.index=a,i.time=r/elem.comp.globalData.frameRate,i}function key(e){var t,a,r;if(!data.k.length||"number"==typeof data.k[0])throw new Error("The property has no keyframe at index "+e);e-=1,t={time:data.k[e].t/elem.comp.globalData.frameRate,value:[]};var n=Object.prototype.hasOwnProperty.call(data.k[e],"s")?data.k[e].s:data.k[e-1].e;for(r=n.length,a=0;au.length-1)&&(t=u.length-1),r=p-(n=u[u.length-1-t].t)),"pingpong"===e){if(Math.floor((l-n)/r)%2!=0)return this.getValueAtTime((r-(l-n)%r+n)/this.comp.globalData.frameRate,0)}else{if("offset"===e){var c=this.getValueAtTime(n/this.comp.globalData.frameRate,0),h=this.getValueAtTime(p/this.comp.globalData.frameRate,0),f=this.getValueAtTime(((l-n)%r+n)/this.comp.globalData.frameRate,0),d=Math.floor((l-n)/r);if(this.pv.length){for(s=(o=new Array(c.length)).length,i=0;i=p)return this.pv;if(a?n=p+(r=t?Math.abs(this.elem.comp.globalData.frameRate*t):Math.max(0,this.elem.data.op-p)):((!t||t>u.length-1)&&(t=u.length-1),r=(n=u[t].t)-p),"pingpong"===e){if(Math.floor((p-l)/r)%2==0)return this.getValueAtTime(((p-l)%r+p)/this.comp.globalData.frameRate,0)}else{if("offset"===e){var c=this.getValueAtTime(p/this.comp.globalData.frameRate,0),h=this.getValueAtTime(n/this.comp.globalData.frameRate,0),f=this.getValueAtTime((r-(p-l)%r+p)/this.comp.globalData.frameRate,0),d=Math.floor((p-l)/r)+1;if(this.pv.length){for(s=(o=new Array(c.length)).length,i=0;i1?(n+e-i)/(t-1):1,o=0,l=0;for(a=this.pv.length?createTypedArray("float32",this.pv.length):0;os){var p=o,c=a.c&&o===l-1?0:o+1,h=(s-u)/i[o].addedLength;r=bez.getPointInSegment(a.v[p],a.v[c],a.o[p],a.i[c],h,i[o]);break}u+=i[o].addedLength,o+=1}return r||(r=a.c?[a.v[0][0],a.v[0][1]]:[a.v[a._length-1][0],a.v[a._length-1][1]]),r},vectorOnPath:function(e,t,a){1==e?e=this.v.c:0==e&&(e=.999);var r=this.pointOnPath(e,t),n=this.pointOnPath(e+.001,t),i=n[0]-r[0],s=n[1]-r[1],o=Math.sqrt(Math.pow(i,2)+Math.pow(s,2));return 0===o?[0,0]:"tangent"===a?[i/o,s/o]:[-s/o,i/o]},tangentOnPath:function(e,t){return this.vectorOnPath(e,t,"tangent")},normalOnPath:function(e,t){return this.vectorOnPath(e,t,"normal")},setGroupProperty:expressionHelpers.setGroupProperty,getValueAtTime:expressionHelpers.getStaticValueAtTime},extendPrototype([u],o),extendPrototype([u],l),l.prototype.getValueAtTime=function(e){return this._cachingAtTime||(this._cachingAtTime={shapeValue:shapePool.clone(this.pv),lastIndex:0,lastTime:initialDefaultFrame}),e*=this.elem.globalData.frameRate,(e-=this.offsetTime)!==this._cachingAtTime.lastTime&&(this._cachingAtTime.lastIndex=this._cachingAtTime.lastTime=u?f<0?r:n:r+h*Math.pow((i-e)/f,1/a),p[c]=s,c+=1,o+=256/255;return p.join(" ")},SVGProLevelsFilter.prototype.renderFrame=function(e){if(e||this.filterManager._mdf){var t,a=this.filterManager.effectElements;this.feFuncRComposed&&(e||a[3].p._mdf||a[4].p._mdf||a[5].p._mdf||a[6].p._mdf||a[7].p._mdf)&&(t=this.getTableValue(a[3].p.v,a[4].p.v,a[5].p.v,a[6].p.v,a[7].p.v),this.feFuncRComposed.setAttribute("tableValues",t),this.feFuncGComposed.setAttribute("tableValues",t),this.feFuncBComposed.setAttribute("tableValues",t)),this.feFuncR&&(e||a[10].p._mdf||a[11].p._mdf||a[12].p._mdf||a[13].p._mdf||a[14].p._mdf)&&(t=this.getTableValue(a[10].p.v,a[11].p.v,a[12].p.v,a[13].p.v,a[14].p.v),this.feFuncR.setAttribute("tableValues",t)),this.feFuncG&&(e||a[17].p._mdf||a[18].p._mdf||a[19].p._mdf||a[20].p._mdf||a[21].p._mdf)&&(t=this.getTableValue(a[17].p.v,a[18].p.v,a[19].p.v,a[20].p.v,a[21].p.v),this.feFuncG.setAttribute("tableValues",t)),this.feFuncB&&(e||a[24].p._mdf||a[25].p._mdf||a[26].p._mdf||a[27].p._mdf||a[28].p._mdf)&&(t=this.getTableValue(a[24].p.v,a[25].p.v,a[26].p.v,a[27].p.v,a[28].p.v),this.feFuncB.setAttribute("tableValues",t)),this.feFuncA&&(e||a[31].p._mdf||a[32].p._mdf||a[33].p._mdf||a[34].p._mdf||a[35].p._mdf)&&(t=this.getTableValue(a[31].p.v,a[32].p.v,a[33].p.v,a[34].p.v,a[35].p.v),this.feFuncA.setAttribute("tableValues",t))}},extendPrototype([SVGComposableEffect],SVGDropShadowEffect),SVGDropShadowEffect.prototype.renderFrame=function(e){if(e||this.filterManager._mdf){if((e||this.filterManager.effectElements[4].p._mdf)&&this.feGaussianBlur.setAttribute("stdDeviation",this.filterManager.effectElements[4].p.v/4),e||this.filterManager.effectElements[0].p._mdf){var t=this.filterManager.effectElements[0].p.v;this.feFlood.setAttribute("flood-color",rgbToHex(Math.round(255*t[0]),Math.round(255*t[1]),Math.round(255*t[2])))}if((e||this.filterManager.effectElements[1].p._mdf)&&this.feFlood.setAttribute("flood-opacity",this.filterManager.effectElements[1].p.v/255),e||this.filterManager.effectElements[2].p._mdf||this.filterManager.effectElements[3].p._mdf){var a=this.filterManager.effectElements[3].p.v,r=(this.filterManager.effectElements[2].p.v-90)*degToRads,n=a*Math.cos(r),i=a*Math.sin(r);this.feOffset.setAttribute("dx",n),this.feOffset.setAttribute("dy",i)}}};var _svgMatteSymbols=[];function SVGMatte3Effect(e,t,a){this.initialized=!1,this.filterManager=t,this.filterElem=e,this.elem=a,a.matteElement=createNS("g"),a.matteElement.appendChild(a.layerElement),a.matteElement.appendChild(a.transformedElement),a.baseElement=a.matteElement}function SVGGaussianBlurEffect(e,t,a,r){e.setAttribute("x","-100%"),e.setAttribute("y","-100%"),e.setAttribute("width","300%"),e.setAttribute("height","300%"),this.filterManager=t;var n=createNS("feGaussianBlur");n.setAttribute("result",r),e.appendChild(n),this.feGaussianBlur=n}return SVGMatte3Effect.prototype.findSymbol=function(e){for(var t=0,a=_svgMatteSymbols.length;twindow.innerWidth?-1:0;c(a)}}),[p,o,n]),react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"lf-popover",onMouseOver:function(){d(!0)},onMouseLeave:function(){d(!1)},ref:function(e){i(e)}},react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:" lf-player-btn"},a),react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"lf-popover-content",ref:function(e){l(e)},style:{bottom:"22px",right:"0px",zIndex:2,visibility:f?"visible":"hidden"}},t))},Seeker=function(e){function t(t){var a=e.call(this,t)||this;return a.inputRef=react__WEBPACK_IMPORTED_MODULE_0__.createRef(),a.handleChange=function(){return function(e){var t=e.target.value,r=Math.floor(t/100*a.props.max);a.props.onChange(r)}},a.state={value:0},a}return __extends(t,e),t.prototype.render=function(){var e=this.props.value/this.props.max*100,t={backgroundImage:"-webkit-gradient(linear, left top, right top, color-stop("+e+"%, rgba(15, 204, 206, 0.4)), color-stop("+e+"%, #DAE1E7))"},a={position:"absolute",left:0,marginTop:"8px",width:"20px",display:"block",border:"0px",backgroundColor:this.props.darkTheme?"#505050":"rgb(218, 225, 231)",color:this.props.darkTheme?"#B9B9B9":"#555",padding:"2px",textAlign:"center",borderRadius:"3px",fontSize:"8px",fontWeight:"bold"},r={position:"absolute",right:0,marginTop:"8px",width:"20px",display:"block",border:"0px",backgroundColor:this.props.darkTheme?"#505050":"rgb(218, 225, 231)",color:this.props.darkTheme?"#B9B9B9":"#555",padding:"2px",textAlign:"center",borderRadius:"3px",fontSize:"8px",fontWeight:"bold"};return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",width:"100%",marginRight:"5px",marginLeft:"5px",position:"relative"}},react__WEBPACK_IMPORTED_MODULE_0__.createElement("input",{ref:this.inputRef,id:"track",className:"lf-progress",name:"progress","aria-label":"progress",type:"range",min:"0",max:"100",step:"0.1",value:e,onInput:this.handleChange(),onChange:this.handleChange(),style:t}),this.props.showLabels&&react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{style:{display:"flex",justifyContent:"space-between"}},react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{style:a},this.props.min),react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{style:r},this.props.max)))},t}(react__WEBPACK_IMPORTED_MODULE_0__.Component),ControlButtonStyle={display:"inline-flex",cursor:"pointer"},Controls=function(e){function t(t){var a=e.call(this,t)||this;return a.state={activeFrame:0,mouseDown:!1},a}return __extends(t,e),t.prototype.render=function(){var e=this,t=this.props,a=t.instance,r=t.playerState,n=t.seeker,i=t.setLoop,s=t.setSeeker,o=t.play,l=t.pause,u=t.stop,p=t.visible,c=t.buttons;if(!a)return null;if(!p)return null;var h=!c||c.includes("play"),f=!c||c.includes("stop"),d=!c||c.includes("repeat"),m=!c||c.includes("frame"),y=!c||c.includes("background"),g=!c||c.includes("snapshot"),S={width:14,height:14,viewBox:"0 0 24 24"},v=Math.round(a.currentFrame);return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"lf-player-controls",style:{display:"flex",justifyContent:"space-between",height:"60px",alignItems:"center",backgroundColor:this.props.transparentTheme?"transparent":this.props.darkTheme?"#3C3C3C":"#ffffff",paddingLeft:"10px",paddingRight:"10px"}},h&&react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{role:"button","aria-label":r===PlayerState.Playing?PlayerEvent.Pause:PlayerEvent.Play,tabIndex:0,onClick:function(){r===PlayerState.Playing?"function"==typeof l&&l():"function"==typeof o&&o()},onKeyDown:function(){r===PlayerState.Playing?"function"==typeof l&&l():"function"==typeof o&&o()},className:"lf-player-btn",style:ControlButtonStyle},r===PlayerState.Playing?react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg",_assign({},S),react__WEBPACK_IMPORTED_MODULE_0__.createElement("rect",{height:"22.9",rx:"1.9",width:"7.6",x:"14",y:".5"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("rect",{height:"22.9",rx:"1.9",width:"7.6",x:"2",y:".5"})):react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg",_assign({},S),react__WEBPACK_IMPORTED_MODULE_0__.createElement("path",{d:"M2 3.4C2 1.9 3.5 1 4.8 1.8l16.5 9.6c1.2.7 1.2 2.5 0 3.2L4.8 24.2C3.5 25 2 24.1 2 22.6V3.4z"}))),f&&react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{tabIndex:0,role:"button","aria-label":PlayerEvent.Stop,onClick:function(){return u&&u()},onKeyDown:function(){return u&&u()},className:r===PlayerState.Stopped?"lf-player-btn active":"lf-player-btn",style:ControlButtonStyle},react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg",_assign({},S),react__WEBPACK_IMPORTED_MODULE_0__.createElement("path",{d:"M2 3.667A1.67 1.67 0 0 1 3.667 2h16.666A1.67 1.67 0 0 1 22 3.667v16.666A1.67 1.67 0 0 1 20.333\n 22H3.667A1.67 1.67 0 0 1 2 20.333z"}))),react__WEBPACK_IMPORTED_MODULE_0__.createElement(Seeker,{min:0,step:1,max:a?a.totalFrames:1,value:n||0,onChange:function(t){s&&e.setState({activeFrame:t},(function(){s(t,!1)}))},onChangeEnd:function(t){s&&e.setState({activeFrame:t},(function(){s(t,!1)}))},showLabels:this.props.showLabels,darkTheme:this.props.darkTheme}),m&&react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{role:"button",className:"lf-player-btn-container"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("input",{style:{outline:"none",border:this.props.darkTheme?"1px #505050 solid":"1px #ccc solid",borderRadius:"3px",width:"40px",textAlign:"center",backgroundColor:this.props.darkTheme?"#505050":"#ffffff",color:this.props.darkTheme?"#B9B9B9":"#999",fontSize:"0.7rem",padding:"0",fontFamily:"inherit"},type:"text",value:v,readOnly:!0})),d&&react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{role:"button","aria-label":PlayerEvent.Loop,tabIndex:0,onClick:function(){a&&i&&i(!a.loop)},onKeyDown:function(){a&&i&&i(!a.loop)},className:a.loop?"lf-player-btn active":"lf-player-btn",style:ControlButtonStyle},react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg",_assign({},S),react__WEBPACK_IMPORTED_MODULE_0__.createElement("path",{d:"M12.5 16.8137h-.13v1.8939h4.9696c3.6455 0 6.6113-2.9658 6.6113-6.6116\n 0-3.64549-2.9658-6.61131-6.6113-6.61131-.5231 0-.947.42391-.947.94696 0 .52304.4239.94696.947.94696 2.6011 0\n 4.7174 2.11634 4.7174 4.71739 0 2.6014-2.1166 4.7177-4.7174 4.7177H12.5zM13.6025\n 5.61469v-.13H7.48137C3.83582 5.48469.87 8.45051.87 12.096c0 3.6509 3.17269 6.6117 6.81304 6.6117.52304 0\n .94696-.424.94696-.947 0-.5231-.42392-.947-.94696-.947-2.60804 0-4.91907-2.1231-4.91907-4.7176 0-2.60115\n 2.11634-4.71744 4.7174-4.71744h6.12113V5.61469z",stroke:"#8795A1",strokeWidth:".26"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("path",{d:"M11.1482\n 2.20355h0l-.001-.00116c-.3412-.40061-.9405-.44558-1.33668-.0996h-.00001c-.39526.34519-.43936.94795-.09898\n 1.34767l2.51487 3.03683-2.51894 3.06468c-.33872.40088-.29282 1.00363.10347\n 1.34723l.08517-.0982-.08517.0982c.17853.1549.39807.2308.61647.2308.2671 0 .5328-.114.72-.3347h0l.0011-.0014\n 3.0435-3.68655.0006-.00068c.3035-.35872.3025-.88754-.0019-1.24526l-3.0425-3.65786zM13.9453\n 21.7965h0l.001.0011c.3413.4006.9407.4456 1.337.0996h0c.3953-.3452.4395-.9479.099-1.3477l-2.5154-3.0368\n 2.5195-3.0647c.3388-.4008.2929-1.0036-.1035-1.3472l-.0852.0982.0852-.0982c-.1786-.1549-.3981-.2308-.6166-.2308-.2671\n 0-.5329.114-.7202.3347h0l-.0011.0014-3.0442\n 3.6865c-.0001.0003-.0003.0005-.0005.0007-.3036.3587-.3027.8876.0019 1.2453l3.0431 3.6579z",fill:"#8795A1",stroke:"#8795A1",strokeWidth:".26"}))),y&&react__WEBPACK_IMPORTED_MODULE_0__.createElement(Popover,{icon:react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg",_assign({},S),react__WEBPACK_IMPORTED_MODULE_0__.createElement("path",{d:"M12 3.1L6.1 8.6a7.6 7.6 0 00-2.2 4 7.2 7.2 0 00.4 4.4 7.9 7.9 0 003 3.5 8.7 8.7 0 004.7 1.3c1.6 0\n 3.2-.5 4.6-1.3s2.4-2 3-3.5a7.2 7.2 0 00.5-4.5 7.6 7.6 0 00-2.2-4L12 3.2zM12 0l7.5 7a9.8 9.8 0 013 5.1\n 9.3 9.3 0 01-.6 5.8c-.9 1.8-2.2 3.3-4 4.4A11.2 11.2 0 0112 24a11.2 11.2 0\n 01-6-1.7c-1.7-1-3-2.6-3.9-4.4a9.3 9.3 0 01-.6-5.8c.4-2 1.5-3.7 3-5L12 0zM6 14h12c0 1.5-.7 3-1.8 4s-2.6\n 1.6-4.2 1.6S9 19 7.8 18s-1.7-2.5-1.7-4z"}))},react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{slot:"content",className:"lf-popover popover-background"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(ColorPicker,{colorChangedEvent:this.props.colorChangedEvent}))),g&&react__WEBPACK_IMPORTED_MODULE_0__.createElement(Popover,{icon:react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg",_assign({},S),react__WEBPACK_IMPORTED_MODULE_0__.createElement("path",{clipRule:"evenodd",d:"M0 3.01A2.983 2.983 0 012.983.027H16.99a2.983 2.983 0 012.983 2.983v14.008a2.982 2.982 0 01-2.983\n 2.983H2.983A2.983 2.983 0 010 17.018zm2.983-.941a.941.941 0 00-.942.94v14.01c0\n .52.422.94.942.94H16.99a.94.94 0 00.941-.94V3.008a.941.941 0 00-.94-.94H2.981z",fillRule:"evenodd"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("path",{d:"M12.229 7.945l-2.07 4.598-2.586-2.605-2.414 2.758v2.146h9.656V11.93z"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("circle",{cx:"7.444",cy:"6.513",r:"2.032"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("path",{d:"M9.561 23.916h11.25a2.929 2.929 0 002.926-2.927V9.954a1.06 1.06 0 10-2.122 0v11.035a.805.805 0\n 01-.803.804H9.562a1.061 1.061 0 100 2.123z",stroke:"#8795a1",strokeWidth:".215"}))},react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{slot:"content",className:"lf-popover lf-popover-snapshot",onWheel:function(e){s&&s(v+(e.deltaY>0?-1:1),!1)}},react__WEBPACK_IMPORTED_MODULE_0__.createElement("h5",null,"Frame ",v),react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{style:{cursor:"pointer",color:"#0FCCCE"},onClick:this.props.snapshot},"Download SVG"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{style:{cursor:"pointer",color:"#0FCCCE"},onClick:this.props.snapshot},"Download PNG"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("i",{className:"lf-note"},"Scroll with mousewheel to find exact frame"))))},t}(react__WEBPACK_IMPORTED_MODULE_0__.Component)},472:function(e){e.exports="object"==typeof self?self.FormData:window.FormData},463:function(e,t,a){"use strict";var r=a(791),n=a(296);function i(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,a=1;a