diff --git a/dist/index.8267e3f5.css b/dist/index.8267e3f5.css new file mode 100644 index 0000000..99c93e9 --- /dev/null +++ b/dist/index.8267e3f5.css @@ -0,0 +1,2 @@ +*{margin:0;padding:0}*,:before,:after{box-sizing:inherit}html{box-sizing:border-box;font-size:62.5%}@media only screen and (max-width:61.25em){html{font-size:50%}}body{color:#615551;min-height:calc(100vh - 8vw);background-image:linear-gradient(to bottom right,#fbdb89,#f48982);background-repeat:no-repeat;background-size:cover;font-family:Nunito Sans,sans-serif;font-weight:400;line-height:1.6}.container{max-width:120rem;min-height:117rem;background-color:#fff;border-radius:9px;grid-template:"head head"10rem"list recipe"minmax(100rem,auto)/1fr 2fr;margin:4vw auto;display:grid;overflow:hidden;box-shadow:0 2rem 6rem .5rem #61555133}@media only screen and (max-width:78.15em){.container{max-width:100%;border-radius:0;margin:0}}.btn--small,.btn--small:link,.btn--small:visited,.btn{text-transform:uppercase;color:#fff;cursor:pointer;background-image:linear-gradient(to bottom right,#fbdb89,#f48982);border:none;border-radius:10rem;align-items:center;transition:all .2s;display:flex}.btn--small:hover,.btn:hover{transform:scale(1.05)}.btn--small:focus,.btn:focus{outline:none}.btn--small>:first-child,.btn>:first-child{margin-right:1rem}.btn{padding:1.5rem 4rem;font-size:1.5rem;font-weight:600}.btn svg{height:2.25rem;width:2.25rem;fill:currentColor}.btn--small,.btn--small:link,.btn--small:visited{padding:1.25rem 2.25rem;font-size:1.4rem;font-weight:600;text-decoration:none}.btn--small svg,.btn--small:link svg,.btn--small:visited svg{height:1.75rem;width:1.75rem;fill:currentColor}.btn--inline{color:#f38e82;cursor:pointer;background-color:#f9f5f3;border:none;border-radius:10rem;align-items:center;padding:.8rem 1.2rem;font-size:1.3rem;font-weight:600;transition:all .2s;display:flex}.btn--inline svg{height:1.6rem;width:1.6rem;fill:currentColor;margin:0 .2rem}.btn--inline span{margin:0 .4rem}.btn--inline:hover{color:#f48982;background-color:#f2efee}.btn--inline:focus{outline:none}.btn--round{cursor:pointer;height:4.5rem;width:4.5rem;background-image:linear-gradient(to bottom right,#fbdb89,#f48982);border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.btn--round:hover{transform:scale(1.07)}.btn--round:focus{outline:none}.btn--round svg{height:2.5rem;width:2.5rem;fill:#fff}.btn--tiny{height:2rem;width:2rem;cursor:pointer;background:0 0;border:none}.btn--tiny svg{height:100%;width:100%;fill:#f38e82;transition:all .3s}.btn--tiny:focus{outline:none}.btn--tiny:hover svg{fill:#f48982;transform:translateY(-1px)}.btn--tiny:active svg{fill:#f48982;transform:translateY(0)}.btn--tiny:not(:last-child){margin-right:.3rem}.heading--2{color:#f38e82;text-transform:uppercase;text-align:center;margin-bottom:2.5rem;font-size:2rem;font-weight:700}.link:link,.link:visited{color:#918581}.spinner{text-align:center;margin:5rem auto}.spinner svg{height:6rem;width:6rem;fill:#f38e82;animation:rotate 2s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.message,.error{text-align:center;max-width:40rem;margin:0 auto;padding:5rem 4rem;display:flex}.message svg,.error svg{height:3rem;width:3rem;fill:#f38e82;transform:translateY(-.3rem)}.message p,.error p{margin-left:1.5rem;font-size:1.8rem;font-weight:600;line-height:1.5}.header{background-color:#f9f5f3;grid-area:head;justify-content:space-between;align-items:center;display:flex}.header__logo{height:4.6rem;margin-left:4rem;display:block}.search{background-color:#fff;border-radius:10rem;align-items:center;padding-left:3rem;transition:all .3s;display:flex}.search:focus-within{transform:translateY(-2px);box-shadow:0 .7rem 3rem #61555114}.search__field{color:inherit;width:30rem;background:0 0;border:none;font-family:inherit;font-size:1.7rem}.search__field:focus{outline:none}.search__field::placeholder{color:#d3c7c3}@media only screen and (max-width:61.25em){.search__field{width:auto}.search__field::placeholder{color:#fff}}.search__btn{font-family:inherit;font-weight:600}.nav{align-self:stretch;margin-right:2.5rem}.nav__list{height:100%;list-style:none;display:flex}.nav__item{position:relative}.nav__btn{height:100%;color:inherit;text-transform:uppercase;cursor:pointer;background:0 0;border:none;align-items:center;padding:0 1.5rem;font-family:inherit;font-size:1.4rem;font-weight:700;transition:all .3s;display:flex}.nav__btn svg{height:2.4rem;width:2.4rem;fill:#f38e82;margin-right:.7rem;transform:translateY(-1px)}.nav__btn:focus{outline:none}.nav__btn:hover{background-color:#f2efee}.bookmarks{z-index:10;width:40rem;visibility:hidden;opacity:0;background-color:#fff;padding:1rem 0;transition:all .5s .2s;position:absolute;right:-2.5rem;box-shadow:0 .8rem 5rem 2rem #6155511a}.bookmarks__list{list-style:none}.bookmarks__field{cursor:pointer;height:100%;align-items:center;padding:0 4rem;transition:all .3s;display:flex}.bookmarks__field:hover{background-color:#f2efee}.bookmarks:hover,.nav__btn--bookmarks:hover+.bookmarks{visibility:visible;opacity:1}.preview__link:link,.preview__link:visited{border-right:1px solid #fff;align-items:center;padding:1.5rem 3.25rem;text-decoration:none;transition:all .3s;display:flex}.preview__link:hover{background-color:#f9f5f3;transform:translateY(-2px)}.preview__link--active{background-color:#f9f5f3}.preview__fig{height:5.8rem;backface-visibility:hidden;border-radius:50%;flex:0 0 5.8rem;margin-right:2rem;position:relative;overflow:hidden}.preview__fig:before{content:"";height:100%;width:100%;opacity:.4;background-image:linear-gradient(to bottom right,#fbdb89,#f48982);display:block;position:absolute;top:0;left:0}.preview__fig img{width:100%;height:100%;object-fit:cover;transition:all .3s;display:block}.preview__data{width:100%;grid-template-columns:1fr 2rem;align-items:center;row-gap:.1rem;display:grid}.preview__title{color:#f38e82;text-transform:uppercase;text-overflow:ellipsis;max-width:25rem;white-space:nowrap;grid-column:1/-1;font-size:1.45rem;font-weight:600;overflow:hidden}.preview__publisher{color:#918581;text-transform:uppercase;font-size:1.15rem;font-weight:600}.preview__user-generated{height:2rem;width:2rem;background-color:#eeeae8;border-radius:10rem;justify-content:center;align-items:center;margin-left:auto;margin-right:1.75rem;display:flex}.preview__user-generated svg{height:1.2rem;width:1.2rem;fill:#f38e82}.search-results{flex-direction:column;padding:3rem 0;display:flex}.results{margin-bottom:2rem;list-style:none}.pagination{margin-top:auto;padding:0 3.5rem}.pagination:after{content:"";clear:both;display:table}.pagination__btn--prev{float:left}.pagination__btn--next{float:right}.copyright{color:#918581;margin-top:4rem;padding:0 3.5rem;font-size:1.2rem}.copyright .github-link:link,.copyright .github-link:visited{color:#918581}.recipe{background-color:#f9f5f3}.recipe__fig{height:32rem;transform-origin:top;position:relative}.recipe__fig:before{content:"";height:100%;width:100%;opacity:.6;background-image:linear-gradient(to bottom right,#fbdb89,#f48982);display:block;position:absolute;top:0;left:0}.recipe__img{width:100%;height:100%;object-fit:cover;display:block}.recipe__title{color:#fff;text-transform:uppercase;width:50%;text-align:center;font-size:3.25rem;font-weight:700;line-height:1.95;position:absolute;bottom:0;left:50%;transform:translate(-50%,20%)skewY(-6deg)}.recipe__title span{-webkit-box-decoration-break:clone;box-decoration-break:clone;background-image:linear-gradient(to bottom right,#fbdb89,#f48982);padding:1.3rem 2rem}@media only screen and (max-width:61.25em){.recipe__title{width:70%}}.recipe__details{align-items:center;padding:7.5rem 8rem 3.5rem;display:flex}.recipe__info{text-transform:uppercase;align-items:center;font-size:1.65rem;display:flex}.recipe__info:not(:last-child){margin-right:4.5rem}.recipe__info-icon{height:2.35rem;width:2.35rem;fill:#f38e82;margin-right:1.15rem}.recipe__info-data{margin-right:.5rem;font-weight:700}.recipe__info-buttons{margin-left:1.6rem;display:flex;transform:translateY(-1px)}.recipe__user-generated{height:4rem;width:4rem;background-color:#eeeae8;border-radius:10rem;justify-content:center;align-items:center;margin-left:auto;margin-right:1.75rem;display:flex}.recipe__user-generated svg{height:2.25rem;width:2.25rem;fill:#f38e82}.recipe__ingredients{background-color:#f2efee;flex-direction:column;align-items:center;padding:5rem 8rem;font-size:1.6rem;line-height:1.4;display:flex}.recipe__ingredient-list{grid-template-columns:1fr 1fr;gap:2.5rem 3rem;list-style:none;display:grid}.recipe__ingredient{display:flex}.recipe__icon{height:2rem;width:2rem;fill:#f38e82;flex:none;margin-top:.1rem;margin-right:1.1rem}.recipe__quantity{flex:none;margin-right:.5rem}.recipe__directions{flex-direction:column;align-items:center;padding:5rem 10rem;display:flex}.recipe__directions-text{text-align:center;color:#918581;margin-bottom:3.5rem;font-size:1.7rem}.recipe__publisher{font-weight:700}.add-recipe-window{width:100rem;z-index:1000;background-color:#fff;border-radius:9px;padding:5rem 6rem;transition:all .5s;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4rem 6rem #00000040}.add-recipe-window .btn--close-modal{color:inherit;cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:3.5rem;position:absolute;top:.5rem;right:1.6rem}.overlay{width:100%;height:100%;backdrop-filter:blur(4px);z-index:100;background-color:#0006;transition:all .5s;position:fixed;top:0;left:0}.hidden{visibility:hidden;opacity:0}.upload{grid-template-columns:1fr 1fr;gap:4rem 6rem;display:grid}.upload__column{grid-template-columns:1fr 2.8fr;align-items:center;gap:1.5rem;display:grid}.upload__column label{color:inherit;font-size:1.5rem;font-weight:600}.upload__column input{border:1px solid #ddd;border-radius:.5rem;padding:.8rem 1rem;font-size:1.5rem;transition:all .2s}.upload__column input::placeholder{color:#d3c7c3}.upload__column input:focus{background-color:#f9f5f3;border:1px solid #f38e82;outline:none}.upload__column button{grid-column:1/span 2;justify-self:center;margin-top:1rem}.upload__heading{text-transform:uppercase;grid-column:1/-1;margin-bottom:1rem;font-size:2.25rem;font-weight:700}.upload__btn{grid-column:1/-1;justify-self:center} +/*# sourceMappingURL=index.8267e3f5.css.map */ diff --git a/dist/index.8267e3f5.css.map b/dist/index.8267e3f5.css.map new file mode 100644 index 0000000..214aad2 --- /dev/null +++ b/dist/index.8267e3f5.css.map @@ -0,0 +1 @@ +{"mappings":"AEkBA,qBAKA,oCAMA,2CAIE,2CAJF,oBASA,uOAWA,iPAgBE,2CAhBF,oDCjDA,8PAWE,mDAIA,0CAIA,6DAKF,0DAOE,wDAQA,+HAUE,4GAQJ,4MAcE,6EAOA,iCAIA,0DAKA,gCAKF,gOAcE,wCAIA,+BAIA,qDAOF,4EAOE,sEAOA,8BAIA,6DAKA,2DAKA,+CAKF,yHAUA,uCAKA,4CAIE,qFAQF,sEAUA,+FASE,yFAOA,wFC/MF,8GAOE,2DAOF,uHAQE,kFAKA,yGAQE,kCAIA,0CAIA,2CAhBF,0BAmBI,wCAMJ,iDAMF,4CAIE,oDAMA,6BAIA,gOAgBE,oGAQA,6BAIA,yCAMJ,iMAcE,iCAIA,+GASE,iDAKF,oFCxIE,sKAUA,yEAKA,gDAKF,6IASE,iLAgBA,2FASF,uGAQA,oLAcA,6FAOA,0LAaE,qEClGJ,kEAMA,4CAKA,6CAIE,sDAOE,kCAGA,mCAMJ,2EAME,2ECrCF,iCAKE,iEAME,gLAiBF,mEAOA,gNAaE,wKAWA,2CAxBF,0BA+BA,4EAMA,yFAME,mDAKF,kFAOA,sDAKA,iFAMA,yLAaE,sEASF,uJAUA,oGAOA,iCAIA,iGASA,+CAOA,6FAQA,+FAOA,mCC/KF,0NAcE,2KAaF,4IAYA,oCAKA,iEAKE,2FAME,qEAMA,uHAOE,iDAIA,2FAOF,gFAOF,gHAQA","sources":["index.8267e3f5.css","src/sass/main.scss","src/sass/_base.scss","src/sass/_components.scss","src/sass/_header.scss","src/sass/_preview.scss","src/sass/_searchResults.scss","src/sass/_recipe.scss","src/sass/_upload.scss"],"sourcesContent":["* {\n margin: 0;\n padding: 0;\n}\n\n*, :before, :after {\n box-sizing: inherit;\n}\n\nhtml {\n box-sizing: border-box;\n font-size: 62.5%;\n}\n\n@media only screen and (max-width: 61.25em) {\n html {\n font-size: 50%;\n }\n}\n\nbody {\n color: #615551;\n min-height: calc(100vh - 8vw);\n background-image: linear-gradient(to bottom right, #fbdb89, #f48982);\n background-repeat: no-repeat;\n background-size: cover;\n font-family: Nunito Sans, sans-serif;\n font-weight: 400;\n line-height: 1.6;\n}\n\n.container {\n max-width: 120rem;\n min-height: 117rem;\n background-color: #fff;\n border-radius: 9px;\n grid-template: \"head head\" 10rem\n \"list recipe\" minmax(100rem, auto)\n / 1fr 2fr;\n margin: 4vw auto;\n display: grid;\n overflow: hidden;\n box-shadow: 0 2rem 6rem .5rem #61555133;\n}\n\n@media only screen and (max-width: 78.15em) {\n .container {\n max-width: 100%;\n border-radius: 0;\n margin: 0;\n }\n}\n\n.btn--small, .btn--small:link, .btn--small:visited, .btn {\n text-transform: uppercase;\n color: #fff;\n cursor: pointer;\n background-image: linear-gradient(to bottom right, #fbdb89, #f48982);\n border: none;\n border-radius: 10rem;\n align-items: center;\n transition: all .2s;\n display: flex;\n}\n\n.btn--small:hover, .btn:hover {\n transform: scale(1.05);\n}\n\n.btn--small:focus, .btn:focus {\n outline: none;\n}\n\n.btn--small > :first-child, .btn > :first-child {\n margin-right: 1rem;\n}\n\n.btn {\n padding: 1.5rem 4rem;\n font-size: 1.5rem;\n font-weight: 600;\n}\n\n.btn svg {\n height: 2.25rem;\n width: 2.25rem;\n fill: currentColor;\n}\n\n.btn--small, .btn--small:link, .btn--small:visited {\n padding: 1.25rem 2.25rem;\n font-size: 1.4rem;\n font-weight: 600;\n text-decoration: none;\n}\n\n.btn--small svg, .btn--small:link svg, .btn--small:visited svg {\n height: 1.75rem;\n width: 1.75rem;\n fill: currentColor;\n}\n\n.btn--inline {\n color: #f38e82;\n cursor: pointer;\n background-color: #f9f5f3;\n border: none;\n border-radius: 10rem;\n align-items: center;\n padding: .8rem 1.2rem;\n font-size: 1.3rem;\n font-weight: 600;\n transition: all .2s;\n display: flex;\n}\n\n.btn--inline svg {\n height: 1.6rem;\n width: 1.6rem;\n fill: currentColor;\n margin: 0 .2rem;\n}\n\n.btn--inline span {\n margin: 0 .4rem;\n}\n\n.btn--inline:hover {\n color: #f48982;\n background-color: #f2efee;\n}\n\n.btn--inline:focus {\n outline: none;\n}\n\n.btn--round {\n cursor: pointer;\n height: 4.5rem;\n width: 4.5rem;\n background-image: linear-gradient(to bottom right, #fbdb89, #f48982);\n border: none;\n border-radius: 50%;\n justify-content: center;\n align-items: center;\n transition: all .2s;\n display: flex;\n}\n\n.btn--round:hover {\n transform: scale(1.07);\n}\n\n.btn--round:focus {\n outline: none;\n}\n\n.btn--round svg {\n height: 2.5rem;\n width: 2.5rem;\n fill: #fff;\n}\n\n.btn--tiny {\n height: 2rem;\n width: 2rem;\n cursor: pointer;\n background: none;\n border: none;\n}\n\n.btn--tiny svg {\n height: 100%;\n width: 100%;\n fill: #f38e82;\n transition: all .3s;\n}\n\n.btn--tiny:focus {\n outline: none;\n}\n\n.btn--tiny:hover svg {\n fill: #f48982;\n transform: translateY(-1px);\n}\n\n.btn--tiny:active svg {\n fill: #f48982;\n transform: translateY(0);\n}\n\n.btn--tiny:not(:last-child) {\n margin-right: .3rem;\n}\n\n.heading--2 {\n color: #f38e82;\n text-transform: uppercase;\n text-align: center;\n margin-bottom: 2.5rem;\n font-size: 2rem;\n font-weight: 700;\n}\n\n.link:link, .link:visited {\n color: #918581;\n}\n\n.spinner {\n text-align: center;\n margin: 5rem auto;\n}\n\n.spinner svg {\n height: 6rem;\n width: 6rem;\n fill: #f38e82;\n animation: rotate 2s linear infinite;\n}\n\n@keyframes rotate {\n 0% {\n transform: rotate(0);\n }\n\n 100% {\n transform: rotate(360deg);\n }\n}\n\n.message, .error {\n text-align: center;\n max-width: 40rem;\n margin: 0 auto;\n padding: 5rem 4rem;\n display: flex;\n}\n\n.message svg, .error svg {\n height: 3rem;\n width: 3rem;\n fill: #f38e82;\n transform: translateY(-.3rem);\n}\n\n.message p, .error p {\n margin-left: 1.5rem;\n font-size: 1.8rem;\n font-weight: 600;\n line-height: 1.5;\n}\n\n.header {\n background-color: #f9f5f3;\n grid-area: head;\n justify-content: space-between;\n align-items: center;\n display: flex;\n}\n\n.header__logo {\n height: 4.6rem;\n margin-left: 4rem;\n display: block;\n}\n\n.search {\n background-color: #fff;\n border-radius: 10rem;\n align-items: center;\n padding-left: 3rem;\n transition: all .3s;\n display: flex;\n}\n\n.search:focus-within {\n transform: translateY(-2px);\n box-shadow: 0 .7rem 3rem #61555114;\n}\n\n.search__field {\n color: inherit;\n width: 30rem;\n background: none;\n border: none;\n font-family: inherit;\n font-size: 1.7rem;\n}\n\n.search__field:focus {\n outline: none;\n}\n\n.search__field::placeholder {\n color: #d3c7c3;\n}\n\n@media only screen and (max-width: 61.25em) {\n .search__field {\n width: auto;\n }\n\n .search__field::placeholder {\n color: #fff;\n }\n}\n\n.search__btn {\n font-family: inherit;\n font-weight: 600;\n}\n\n.nav {\n align-self: stretch;\n margin-right: 2.5rem;\n}\n\n.nav__list {\n height: 100%;\n list-style: none;\n display: flex;\n}\n\n.nav__item {\n position: relative;\n}\n\n.nav__btn {\n height: 100%;\n color: inherit;\n text-transform: uppercase;\n cursor: pointer;\n background: none;\n border: none;\n align-items: center;\n padding: 0 1.5rem;\n font-family: inherit;\n font-size: 1.4rem;\n font-weight: 700;\n transition: all .3s;\n display: flex;\n}\n\n.nav__btn svg {\n height: 2.4rem;\n width: 2.4rem;\n fill: #f38e82;\n margin-right: .7rem;\n transform: translateY(-1px);\n}\n\n.nav__btn:focus {\n outline: none;\n}\n\n.nav__btn:hover {\n background-color: #f2efee;\n}\n\n.bookmarks {\n z-index: 10;\n width: 40rem;\n visibility: hidden;\n opacity: 0;\n background-color: #fff;\n padding: 1rem 0;\n transition: all .5s .2s;\n position: absolute;\n right: -2.5rem;\n box-shadow: 0 .8rem 5rem 2rem #6155511a;\n}\n\n.bookmarks__list {\n list-style: none;\n}\n\n.bookmarks__field {\n cursor: pointer;\n height: 100%;\n align-items: center;\n padding: 0 4rem;\n transition: all .3s;\n display: flex;\n}\n\n.bookmarks__field:hover {\n background-color: #f2efee;\n}\n\n.bookmarks:hover, .nav__btn--bookmarks:hover + .bookmarks {\n visibility: visible;\n opacity: 1;\n}\n\n.preview__link:link, .preview__link:visited {\n border-right: 1px solid #fff;\n align-items: center;\n padding: 1.5rem 3.25rem;\n text-decoration: none;\n transition: all .3s;\n display: flex;\n}\n\n.preview__link:hover {\n background-color: #f9f5f3;\n transform: translateY(-2px);\n}\n\n.preview__link--active {\n background-color: #f9f5f3;\n}\n\n.preview__fig {\n height: 5.8rem;\n backface-visibility: hidden;\n border-radius: 50%;\n flex: 0 0 5.8rem;\n margin-right: 2rem;\n position: relative;\n overflow: hidden;\n}\n\n.preview__fig:before {\n content: \"\";\n height: 100%;\n width: 100%;\n opacity: .4;\n background-image: linear-gradient(to bottom right, #fbdb89, #f48982);\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.preview__fig img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: all .3s;\n display: block;\n}\n\n.preview__data {\n width: 100%;\n grid-template-columns: 1fr 2rem;\n align-items: center;\n row-gap: .1rem;\n display: grid;\n}\n\n.preview__title {\n color: #f38e82;\n text-transform: uppercase;\n text-overflow: ellipsis;\n max-width: 25rem;\n white-space: nowrap;\n grid-column: 1 / -1;\n font-size: 1.45rem;\n font-weight: 600;\n overflow: hidden;\n}\n\n.preview__publisher {\n color: #918581;\n text-transform: uppercase;\n font-size: 1.15rem;\n font-weight: 600;\n}\n\n.preview__user-generated {\n height: 2rem;\n width: 2rem;\n background-color: #eeeae8;\n border-radius: 10rem;\n justify-content: center;\n align-items: center;\n margin-left: auto;\n margin-right: 1.75rem;\n display: flex;\n}\n\n.preview__user-generated svg {\n height: 1.2rem;\n width: 1.2rem;\n fill: #f38e82;\n}\n\n.search-results {\n flex-direction: column;\n padding: 3rem 0;\n display: flex;\n}\n\n.results {\n margin-bottom: 2rem;\n list-style: none;\n}\n\n.pagination {\n margin-top: auto;\n padding: 0 3.5rem;\n}\n\n.pagination:after {\n content: \"\";\n clear: both;\n display: table;\n}\n\n.pagination__btn--prev {\n float: left;\n}\n\n.pagination__btn--next {\n float: right;\n}\n\n.copyright {\n color: #918581;\n margin-top: 4rem;\n padding: 0 3.5rem;\n font-size: 1.2rem;\n}\n\n.copyright .github-link:link, .copyright .github-link:visited {\n color: #918581;\n}\n\n.recipe {\n background-color: #f9f5f3;\n}\n\n.recipe__fig {\n height: 32rem;\n transform-origin: top;\n position: relative;\n}\n\n.recipe__fig:before {\n content: \"\";\n height: 100%;\n width: 100%;\n opacity: .6;\n background-image: linear-gradient(to bottom right, #fbdb89, #f48982);\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.recipe__img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n}\n\n.recipe__title {\n color: #fff;\n text-transform: uppercase;\n width: 50%;\n text-align: center;\n font-size: 3.25rem;\n font-weight: 700;\n line-height: 1.95;\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translate(-50%, 20%)skewY(-6deg);\n}\n\n.recipe__title span {\n -webkit-box-decoration-break: clone;\n box-decoration-break: clone;\n background-image: linear-gradient(to bottom right, #fbdb89, #f48982);\n padding: 1.3rem 2rem;\n}\n\n@media only screen and (max-width: 61.25em) {\n .recipe__title {\n width: 70%;\n }\n}\n\n.recipe__details {\n align-items: center;\n padding: 7.5rem 8rem 3.5rem;\n display: flex;\n}\n\n.recipe__info {\n text-transform: uppercase;\n align-items: center;\n font-size: 1.65rem;\n display: flex;\n}\n\n.recipe__info:not(:last-child) {\n margin-right: 4.5rem;\n}\n\n.recipe__info-icon {\n height: 2.35rem;\n width: 2.35rem;\n fill: #f38e82;\n margin-right: 1.15rem;\n}\n\n.recipe__info-data {\n margin-right: .5rem;\n font-weight: 700;\n}\n\n.recipe__info-buttons {\n margin-left: 1.6rem;\n display: flex;\n transform: translateY(-1px);\n}\n\n.recipe__user-generated {\n height: 4rem;\n width: 4rem;\n background-color: #eeeae8;\n border-radius: 10rem;\n justify-content: center;\n align-items: center;\n margin-left: auto;\n margin-right: 1.75rem;\n display: flex;\n}\n\n.recipe__user-generated svg {\n height: 2.25rem;\n width: 2.25rem;\n fill: #f38e82;\n}\n\n.recipe__ingredients {\n background-color: #f2efee;\n flex-direction: column;\n align-items: center;\n padding: 5rem 8rem;\n font-size: 1.6rem;\n line-height: 1.4;\n display: flex;\n}\n\n.recipe__ingredient-list {\n grid-template-columns: 1fr 1fr;\n gap: 2.5rem 3rem;\n list-style: none;\n display: grid;\n}\n\n.recipe__ingredient {\n display: flex;\n}\n\n.recipe__icon {\n height: 2rem;\n width: 2rem;\n fill: #f38e82;\n flex: none;\n margin-top: .1rem;\n margin-right: 1.1rem;\n}\n\n.recipe__quantity {\n flex: none;\n margin-right: .5rem;\n}\n\n.recipe__directions {\n flex-direction: column;\n align-items: center;\n padding: 5rem 10rem;\n display: flex;\n}\n\n.recipe__directions-text {\n text-align: center;\n color: #918581;\n margin-bottom: 3.5rem;\n font-size: 1.7rem;\n}\n\n.recipe__publisher {\n font-weight: 700;\n}\n\n.add-recipe-window {\n width: 100rem;\n z-index: 1000;\n background-color: #fff;\n border-radius: 9px;\n padding: 5rem 6rem;\n transition: all .5s;\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n box-shadow: 0 4rem 6rem #00000040;\n}\n\n.add-recipe-window .btn--close-modal {\n color: inherit;\n cursor: pointer;\n background: none;\n border: none;\n font-family: inherit;\n font-size: 3.5rem;\n position: absolute;\n top: .5rem;\n right: 1.6rem;\n}\n\n.overlay {\n width: 100%;\n height: 100%;\n backdrop-filter: blur(4px);\n z-index: 100;\n background-color: #0006;\n transition: all .5s;\n position: fixed;\n top: 0;\n left: 0;\n}\n\n.hidden {\n visibility: hidden;\n opacity: 0;\n}\n\n.upload {\n grid-template-columns: 1fr 1fr;\n gap: 4rem 6rem;\n display: grid;\n}\n\n.upload__column {\n grid-template-columns: 1fr 2.8fr;\n align-items: center;\n gap: 1.5rem;\n display: grid;\n}\n\n.upload__column label {\n color: inherit;\n font-size: 1.5rem;\n font-weight: 600;\n}\n\n.upload__column input {\n border: 1px solid #ddd;\n border-radius: .5rem;\n padding: .8rem 1rem;\n font-size: 1.5rem;\n transition: all .2s;\n}\n\n.upload__column input::placeholder {\n color: #d3c7c3;\n}\n\n.upload__column input:focus {\n background-color: #f9f5f3;\n border: 1px solid #f38e82;\n outline: none;\n}\n\n.upload__column button {\n grid-column: 1 / span 2;\n justify-self: center;\n margin-top: 1rem;\n}\n\n.upload__heading {\n text-transform: uppercase;\n grid-column: 1 / -1;\n margin-bottom: 1rem;\n font-size: 2.25rem;\n font-weight: 700;\n}\n\n.upload__btn {\n grid-column: 1 / -1;\n justify-self: center;\n}\n\n/*# sourceMappingURL=index.8267e3f5.css.map */\n","@import 'base';\n@import 'components';\n@import 'header';\n@import 'preview';\n@import 'searchResults';\n@import 'recipe';\n@import 'upload';\n","// $color-primary: #f59a83;\n$color-primary: #f38e82;\n$color-grad-1: #fbdb89;\n$color-grad-2: #f48982;\n\n$color-grey-light-1: #f9f5f3; // Light background\n$color-grey-light-2: #f2efee; // Light lines\n$color-grey-light-3: #d3c7c3; // Light text (placeholder)\n$color-grey-dark-1: #615551; // Normal text\n$color-grey-dark-2: #918581; // Lighter text\n\n$gradient: linear-gradient(to right bottom, $color-grad-1, $color-grad-2);\n\n$bp-large: 78.15em; // 1250px\n$bp-medium: 61.25em; // 980px\n$bp-small: 37.5em; // 600px\n$bp-smallest: 31.25em; // 500px\n\n* {\n margin: 0;\n padding: 0;\n}\n\n*,\n*::before,\n*::after {\n box-sizing: inherit;\n}\n\nhtml {\n box-sizing: border-box;\n font-size: 62.5%;\n\n @media only screen and (max-width: $bp-medium) {\n font-size: 50%;\n }\n}\n\nbody {\n font-family: 'Nunito Sans', sans-serif;\n font-weight: 400;\n line-height: 1.6;\n color: $color-grey-dark-1;\n background-image: $gradient;\n background-size: cover;\n background-repeat: no-repeat;\n min-height: calc(100vh - 2 * 4vw);\n}\n\n.container {\n max-width: 120rem;\n min-height: 117rem;\n margin: 4vw auto;\n background-color: #fff;\n border-radius: 9px;\n overflow: hidden;\n box-shadow: 0 2rem 6rem 0.5rem rgba($color-grey-dark-1, 0.2);\n\n display: grid;\n grid-template-rows: 10rem minmax(100rem, auto);\n grid-template-columns: 1fr 2fr;\n grid-template-areas:\n 'head head'\n 'list recipe';\n\n @media only screen and (max-width: $bp-large) {\n max-width: 100%;\n margin: 0;\n border-radius: 0;\n }\n}\n","%btn {\n background-image: $gradient;\n border-radius: 10rem;\n border: none;\n text-transform: uppercase;\n color: #fff;\n cursor: pointer;\n display: flex;\n align-items: center;\n transition: all 0.2s;\n\n &:hover {\n transform: scale(1.05);\n }\n\n &:focus {\n outline: none;\n }\n\n & > *:first-child {\n margin-right: 1rem;\n }\n}\n\n.btn {\n @extend %btn;\n\n padding: 1.5rem 4rem;\n font-size: 1.5rem;\n font-weight: 600;\n\n svg {\n height: 2.25rem;\n width: 2.25rem;\n fill: currentColor;\n }\n}\n\n.btn--small {\n &,\n &:link,\n &:visited {\n @extend %btn;\n\n font-size: 1.4rem;\n font-weight: 600;\n padding: 1.25rem 2.25rem;\n text-decoration: none;\n\n svg {\n height: 1.75rem;\n width: 1.75rem;\n fill: currentColor;\n }\n }\n}\n\n.btn--inline {\n color: $color-primary;\n font-size: 1.3rem;\n font-weight: 600;\n border: none;\n background-color: $color-grey-light-1;\n padding: 0.8rem 1.2rem;\n border-radius: 10rem;\n cursor: pointer;\n\n display: flex;\n align-items: center;\n transition: all 0.2s;\n\n svg {\n height: 1.6rem;\n width: 1.6rem;\n fill: currentColor;\n margin: 0 0.2rem;\n }\n\n span {\n margin: 0 0.4rem;\n }\n\n &:hover {\n color: $color-grad-2;\n background-color: $color-grey-light-2;\n }\n\n &:focus {\n outline: none;\n }\n}\n\n.btn--round {\n background-image: $gradient;\n border-radius: 50%;\n border: none;\n cursor: pointer;\n height: 4.5rem;\n width: 4.5rem;\n // margin-left: auto;\n transition: all 0.2s;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n &:hover {\n transform: scale(1.07);\n }\n\n &:focus {\n outline: none;\n }\n\n svg {\n height: 2.5rem;\n width: 2.5rem;\n fill: #fff;\n }\n}\n\n.btn--tiny {\n height: 2rem;\n width: 2rem;\n border: none;\n background: none;\n cursor: pointer;\n\n svg {\n height: 100%;\n width: 100%;\n fill: $color-primary;\n transition: all 0.3s;\n }\n\n &:focus {\n outline: none;\n }\n\n &:hover svg {\n fill: $color-grad-2;\n transform: translateY(-1px);\n }\n\n &:active svg {\n fill: $color-grad-2;\n transform: translateY(0);\n }\n\n &:not(:last-child) {\n margin-right: 0.3rem;\n }\n}\n\n.heading--2 {\n font-size: 2rem;\n font-weight: 700;\n color: $color-primary;\n text-transform: uppercase;\n margin-bottom: 2.5rem;\n text-align: center;\n // transform: skewY(-3deg);\n}\n\n.link:link,\n.link:visited {\n color: $color-grey-dark-2;\n}\n\n.spinner {\n margin: 5rem auto;\n text-align: center;\n\n svg {\n height: 6rem;\n width: 6rem;\n fill: $color-primary;\n animation: rotate 2s infinite linear;\n }\n}\n\n@keyframes rotate {\n 0% {\n transform: rotate(0);\n }\n\n 100% {\n transform: rotate(360deg);\n }\n}\n\n.message,\n.error {\n text-align: center;\n max-width: 40rem;\n margin: 0 auto;\n padding: 5rem 4rem;\n\n display: flex;\n\n svg {\n height: 3rem;\n width: 3rem;\n fill: $color-primary;\n transform: translateY(-0.3rem);\n }\n\n p {\n margin-left: 1.5rem;\n font-size: 1.8rem;\n line-height: 1.5;\n font-weight: 600;\n }\n}\n",".header {\n grid-area: head;\n background-color: $color-grey-light-1;\n display: flex;\n align-items: center;\n justify-content: space-between;\n\n &__logo {\n margin-left: 4rem;\n height: 4.6rem;\n display: block;\n }\n}\n\n.search {\n background-color: #fff;\n border-radius: 10rem;\n display: flex;\n align-items: center;\n padding-left: 3rem;\n transition: all 0.3s;\n\n &:focus-within {\n transform: translateY(-2px);\n box-shadow: 0 0.7rem 3rem rgba($color-grey-dark-1, 0.08);\n }\n\n &__field {\n border: none;\n background: none;\n font-family: inherit;\n color: inherit;\n font-size: 1.7rem;\n width: 30rem;\n\n &:focus {\n outline: none;\n }\n\n &::placeholder {\n color: $color-grey-light-3;\n }\n\n @media only screen and (max-width: $bp-medium) {\n width: auto;\n\n &::placeholder {\n color: white;\n }\n }\n }\n\n &__btn {\n font-weight: 600;\n font-family: inherit;\n }\n}\n\n.nav {\n align-self: stretch;\n margin-right: 2.5rem;\n\n &__list {\n list-style: none;\n display: flex;\n height: 100%;\n }\n\n &__item {\n position: relative;\n }\n\n &__btn {\n height: 100%;\n font-family: inherit;\n color: inherit;\n font-size: 1.4rem;\n font-weight: 700;\n text-transform: uppercase;\n background: none;\n border: none;\n cursor: pointer;\n padding: 0 1.5rem;\n transition: all 0.3s;\n\n display: flex;\n align-items: center;\n\n svg {\n height: 2.4rem;\n width: 2.4rem;\n fill: $color-primary;\n margin-right: 0.7rem;\n transform: translateY(-1px);\n }\n\n &:focus {\n outline: none;\n }\n\n &:hover {\n background-color: $color-grey-light-2;\n }\n }\n}\n\n.bookmarks {\n padding: 1rem 0;\n position: absolute;\n // right: 0;\n right: -2.5rem;\n z-index: 10;\n width: 40rem;\n background-color: #fff;\n box-shadow: 0 0.8rem 5rem 2rem rgba($color-grey-dark-1, 0.1);\n\n visibility: hidden;\n opacity: 0;\n transition: all 0.5s 0.2s;\n\n &__list {\n list-style: none;\n }\n\n &__field {\n cursor: pointer;\n padding: 0 4rem;\n\n display: flex;\n align-items: center;\n height: 100%;\n transition: all 0.3s;\n\n &:hover {\n background-color: $color-grey-light-2;\n }\n }\n\n &:hover,\n .nav__btn--bookmarks:hover + & {\n visibility: visible;\n opacity: 1;\n }\n}\n",".preview {\n &__link {\n &:link,\n &:visited {\n display: flex;\n align-items: center;\n padding: 1.5rem 3.25rem;\n transition: all 0.3s;\n border-right: 1px solid #fff;\n text-decoration: none;\n }\n\n &:hover {\n background-color: $color-grey-light-1;\n transform: translateY(-2px);\n }\n\n &--active {\n background-color: $color-grey-light-1;\n }\n }\n\n &__fig {\n flex: 0 0 5.8rem;\n border-radius: 50%;\n overflow: hidden;\n height: 5.8rem;\n margin-right: 2rem;\n position: relative;\n backface-visibility: hidden;\n\n &::before {\n content: '';\n display: block;\n height: 100%;\n width: 100%;\n position: absolute;\n top: 0;\n left: 0;\n background-image: linear-gradient(\n to right bottom,\n $color-grad-1,\n $color-grad-2\n );\n opacity: 0.4;\n }\n\n img {\n display: block;\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: all 0.3s;\n }\n }\n\n &__data {\n display: grid;\n width: 100%;\n grid-template-columns: 1fr 2rem;\n row-gap: 0.1rem;\n align-items: center;\n }\n\n &__title {\n grid-column: 1/-1;\n font-size: 1.45rem;\n color: $color-primary;\n text-transform: uppercase;\n font-weight: 600;\n\n // This is how text is truncated!\n text-overflow: ellipsis;\n max-width: 25rem;\n white-space: nowrap;\n overflow: hidden;\n }\n\n &__publisher {\n font-size: 1.15rem;\n color: $color-grey-dark-2;\n text-transform: uppercase;\n font-weight: 600;\n }\n\n &__user-generated {\n background-color: darken($color-grey-light-2, 2%);\n\n display: flex;\n align-items: center;\n justify-content: center;\n height: 2rem;\n width: 2rem;\n border-radius: 10rem;\n\n margin-left: auto;\n margin-right: 1.75rem;\n\n svg {\n height: 1.2rem;\n width: 1.2rem;\n fill: $color-primary;\n }\n }\n}\n",".search-results {\n padding: 3rem 0;\n display: flex;\n flex-direction: column;\n}\n\n.results {\n list-style: none;\n margin-bottom: 2rem;\n}\n\n.pagination {\n margin-top: auto;\n padding: 0 3.5rem;\n\n &::after {\n content: \"\";\n display: table;\n clear: both;\n }\n\n &__btn {\n &--prev {\n float: left;\n }\n &--next {\n float: right;\n }\n }\n}\n\n.copyright {\n color: $color-grey-dark-2;\n font-size: 1.2rem;\n padding: 0 3.5rem;\n margin-top: 4rem;\n\n .github-link:link,\n .github-link:visited {\n color: $color-grey-dark-2;\n }\n}\n",".recipe {\n background-color: $color-grey-light-1;\n\n ///////////\n // FIGURE\n &__fig {\n height: 32rem;\n position: relative;\n // transform: scale(1.04) translateY(-1px);\n transform-origin: top;\n\n &::before {\n content: '';\n display: block;\n height: 100%;\n width: 100%;\n position: absolute;\n top: 0;\n left: 0;\n background-image: linear-gradient(\n to right bottom,\n $color-grad-1,\n $color-grad-2\n );\n opacity: 0.6;\n }\n }\n\n &__img {\n width: 100%;\n display: block;\n height: 100%;\n object-fit: cover;\n }\n\n &__title {\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translate(-50%, 20%) skewY(-6deg);\n color: #fff;\n font-weight: 700;\n font-size: 3.25rem;\n text-transform: uppercase;\n width: 50%;\n line-height: 1.95;\n text-align: center;\n\n span {\n -webkit-box-decoration-break: clone;\n box-decoration-break: clone;\n padding: 1.3rem 2rem;\n background-image: linear-gradient(\n to right bottom,\n $color-grad-1,\n $color-grad-2\n );\n }\n\n @media only screen and (max-width: $bp-medium) {\n width: 70%;\n }\n }\n\n ///////////\n // DETAILS\n &__details {\n display: flex;\n align-items: center;\n padding: 7.5rem 8rem 3.5rem 8rem;\n }\n\n &__info {\n font-size: 1.65rem;\n text-transform: uppercase;\n display: flex;\n align-items: center;\n\n &:not(:last-child) {\n margin-right: 4.5rem;\n }\n }\n\n &__info-icon {\n height: 2.35rem;\n width: 2.35rem;\n fill: $color-primary;\n margin-right: 1.15rem;\n }\n\n &__info-data {\n margin-right: 0.5rem;\n font-weight: 700;\n }\n\n &__info-buttons {\n display: flex;\n margin-left: 1.6rem;\n transform: translateY(-1px);\n }\n\n &__user-generated {\n background-color: darken($color-grey-light-2, 2%);\n\n display: flex;\n align-items: center;\n justify-content: center;\n height: 4rem;\n width: 4rem;\n border-radius: 10rem;\n\n margin-left: auto;\n margin-right: 1.75rem;\n\n svg {\n height: 2.25rem;\n width: 2.25rem;\n fill: $color-primary;\n }\n }\n\n ///////////\n // INGREDIENTS\n &__ingredients {\n padding: 5rem 8rem;\n font-size: 1.6rem;\n line-height: 1.4;\n background-color: $color-grey-light-2;\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n\n &__ingredient-list {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 2.5rem 3rem;\n list-style: none;\n }\n\n &__ingredient {\n display: flex;\n }\n\n &__icon {\n height: 2rem;\n width: 2rem;\n fill: $color-primary;\n margin-right: 1.1rem;\n flex: 0 0 auto;\n margin-top: 0.1rem;\n }\n\n &__quantity {\n margin-right: 0.5rem;\n flex: 0 0 auto;\n }\n\n ///////////\n // DIRECTIONS\n &__directions {\n padding: 5rem 10rem;\n padding-bottom: 5rem;\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n\n &__directions-text {\n font-size: 1.7rem;\n text-align: center;\n margin-bottom: 3.5rem;\n color: $color-grey-dark-2;\n }\n\n &__publisher {\n font-weight: 700;\n }\n}\n",".add-recipe-window {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 100rem;\n background-color: white;\n border-radius: 9px;\n\n padding: 5rem 6rem;\n box-shadow: 0 4rem 6rem rgba(0, 0, 0, 0.25);\n z-index: 1000;\n transition: all 0.5s;\n\n .btn--close-modal {\n font-family: inherit;\n color: inherit;\n position: absolute;\n top: 0.5rem;\n right: 1.6rem;\n font-size: 3.5rem;\n cursor: pointer;\n border: none;\n background: none;\n }\n}\n\n.overlay {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.4);\n backdrop-filter: blur(4px);\n z-index: 100;\n transition: all 0.5s;\n}\n\n.hidden {\n visibility: hidden;\n opacity: 0;\n}\n\n.upload {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 4rem 6rem;\n\n &__column {\n display: grid;\n grid-template-columns: 1fr 2.8fr;\n align-items: center;\n gap: 1.5rem;\n\n & label {\n font-size: 1.5rem;\n font-weight: 600;\n color: inherit;\n }\n\n & input {\n font-size: 1.5rem;\n padding: 0.8rem 1rem;\n border: 1px solid #ddd;\n border-radius: 0.5rem;\n transition: all 0.2s;\n\n &::placeholder {\n color: $color-grey-light-3;\n }\n\n &:focus {\n outline: none;\n border: 1px solid $color-primary;\n background-color: $color-grey-light-1;\n }\n }\n\n & button {\n grid-column: 1 / span 2;\n justify-self: center;\n margin-top: 1rem;\n }\n }\n\n &__heading {\n font-size: 2.25rem;\n font-weight: 700;\n text-transform: uppercase;\n margin-bottom: 1rem;\n grid-column: 1/-1;\n }\n\n &__btn {\n grid-column: 1 / -1;\n justify-self: center;\n }\n}\n"],"names":[],"version":3,"file":"index.8267e3f5.css.map"} \ No newline at end of file diff --git a/dist/index.d90090a3.js b/dist/index.d90090a3.js new file mode 100644 index 0000000..8d1d8a6 --- /dev/null +++ b/dist/index.d90090a3.js @@ -0,0 +1,2 @@ +!function(e,n,t,r,i){var a="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:"undefined"!=typeof window?window:"undefined"!=typeof global?global:{},o="function"==typeof a.parcelRequire3a11&&a.parcelRequire3a11,s=o.cache||{},l="undefined"!=typeof module&&"function"==typeof module.require&&module.require.bind(module);function c(n,t){if(!s[n]){if(!e[n]){var r="function"==typeof a.parcelRequire3a11&&a.parcelRequire3a11;if(!t&&r)return r(n,!0);if(o)return o(n,!0);if(l&&"string"==typeof n)return l(n);var i=new Error("Cannot find module '"+n+"'");throw i.code="MODULE_NOT_FOUND",i}f.resolve=function(t){var r=e[n][1][t];return null!=r?r:t},f.cache={};var u=s[n]=new c.Module(n);e[n][0].call(u.exports,f,u,u.exports,this)}return s[n].exports;function f(e){var n=f.resolve(e);return!1===n?{}:c(n)}}c.isParcelRequire=!0,c.Module=function(e){this.id=e,this.bundle=c,this.exports={}},c.modules=e,c.cache=s,c.parent=o,c.register=function(n,t){e[n]=[function(e,n){n.exports=t},{}]},Object.defineProperty(c,"root",{get:function(){return a.parcelRequire3a11}}),a.parcelRequire3a11=c;for(var u=0;u{try{const e=window.location.hash.slice(1);if(!e)return;s.default.renderSpinner(),f.default.update(i.getSearchResultsPerPage()),d.default.update(i.state.bookmarks),await i.loadRecipe(e),s.default.render(i.state.recipe)}catch(e){s.default.renderError()}},v=async()=>{try{f.default.renderSpinner();const e=c.default.getQuery();if(!e)return;await i.loadSearchResults(e),f.default.render(i.getSearchResultsPerPage()),m.default.render(i.state.search)}catch(e){f.default.renderError()}},w=e=>{f.default.render(i.getSearchResultsPerPage(e)),m.default.render(i.state.search)},j=e=>{i.updateServings(e),s.default.update(i.state.recipe)},_=()=>{i.state.recipe.bookmarked?i.removeBookmark(i.state.recipe.id):i.addBookmark(i.state.recipe),s.default.update(i.state.recipe),d.default.render(i.state.bookmarks)},k=()=>{d.default.render(i.state.bookmarks)},x=async e=>{try{b.default.renderSpinner(),await i.uploadRecipe(e),s.default.render(i.state.recipe),b.default.renderSuccess(),d.default.render(i.state.bookmarks),window.history.pushState(null,"",`#${i.state.recipe.id}`),setTimeout((()=>{b.default.toggleWindow()}),1e3*a.MODAL_TIMEOUT_SEC)}catch(e){b.default.renderError(e)}};d.default.addBookmarkHandler(k),s.default.addHandlerRender(y),s.default.addHandlerUpdateServings(j),s.default.addHandlerBookmark(_),c.default.addHandlerSearch(v),m.default.addHandlerClick(w),b.default.addHandlerUpload(x)},{"core-js/modules/es.array.includes.js":"eRMIt","core-js/modules/web.immediate.js":"hcyNZ","./model.js":"5XrL7","./config.js":"cTPit","./views/recipeView.js":"gcMxR","./views/searchView.js":"6L6eH","./views/resultsView.js":"65N7q","./views/bookmarksView.js":"9IfoN","./views/paginationView.js":"3vGkl","./views/addRecipeView.js":"3CEDh","regenerator-runtime/runtime":"7RkV0","@parcel/transformer-js/src/esmodule-helpers.js":"k3151"}],eRMIt:[function(e,n,t){"use strict";var r=e("../internals/export"),i=e("../internals/array-includes").includes,a=e("../internals/fails"),o=e("../internals/add-to-unscopables");r({target:"Array",proto:!0,forced:a((function(){return!Array(1).includes()}))},{includes:function(e){return i(this,e,arguments.length>1?arguments[1]:void 0)}}),o("includes")},{"../internals/export":"dKyFE","../internals/array-includes":"cRpVd","../internals/fails":"oct0m","../internals/add-to-unscopables":"aCLE2"}],dKyFE:[function(e,n,t){var r=e("../internals/global"),i=e("../internals/object-get-own-property-descriptor").f,a=e("../internals/create-non-enumerable-property"),o=e("../internals/define-built-in"),s=e("../internals/define-global-property"),l=e("../internals/copy-constructor-properties"),c=e("../internals/is-forced");n.exports=function(e,n){var t,u,f,p,d,h=e.target,m=e.global,g=e.stat;if(t=m?r:g?r[h]||s(h,{}):(r[h]||{}).prototype)for(u in n){if(p=n[u],f=e.dontCallGetSet?(d=i(t,u))&&d.value:t[u],!c(m?u:h+(g?".":"#")+u,e.forced)&&void 0!==f){if(typeof p==typeof f)continue;l(p,f)}(e.sham||f&&f.sham)&&a(p,"sham",!0),o(t,u,p,e)}}},{"../internals/global":"cfrjR","../internals/object-get-own-property-descriptor":"jg3wR","../internals/create-non-enumerable-property":"b5Nku","../internals/define-built-in":"5LWBN","../internals/define-global-property":"4HPs2","../internals/copy-constructor-properties":"53rVh","../internals/is-forced":"bPIm8"}],cfrjR:[function(e,n,t){var r=arguments[3],i=function(e){return e&&e.Math==Math&&e};n.exports=i("object"==typeof globalThis&&globalThis)||i("object"==typeof window&&window)||i("object"==typeof self&&self)||i("object"==typeof r&&r)||function(){return this}()||Function("return this")()},{}],jg3wR:[function(e,n,t){var r=e("../internals/descriptors"),i=e("../internals/function-call"),a=e("../internals/object-property-is-enumerable"),o=e("../internals/create-property-descriptor"),s=e("../internals/to-indexed-object"),l=e("../internals/to-property-key"),c=e("../internals/has-own-property"),u=e("../internals/ie8-dom-define"),f=Object.getOwnPropertyDescriptor;t.f=r?f:function(e,n){if(e=s(e),n=l(n),u)try{return f(e,n)}catch(e){}if(c(e,n))return o(!i(a.f,e,n),e[n])}},{"../internals/descriptors":"8Jsbd","../internals/function-call":"l2RNb","../internals/object-property-is-enumerable":"eipw5","../internals/create-property-descriptor":"6Ckdf","../internals/to-indexed-object":"gnUiO","../internals/to-property-key":"eGiwy","../internals/has-own-property":"7hZGt","../internals/ie8-dom-define":"dWHbx"}],"8Jsbd":[function(e,n,t){var r=e("../internals/fails");n.exports=!r((function(){return 7!=Object.defineProperty({},1,{get:function(){return 7}})[1]}))},{"../internals/fails":"oct0m"}],oct0m:[function(e,n,t){n.exports=function(e){try{return!!e()}catch(e){return!0}}},{}],l2RNb:[function(e,n,t){var r=e("../internals/function-bind-native"),i=Function.prototype.call;n.exports=r?i.bind(i):function(){return i.apply(i,arguments)}},{"../internals/function-bind-native":"byI16"}],byI16:[function(e,n,t){var r=e("../internals/fails");n.exports=!r((function(){var e=function(){}.bind();return"function"!=typeof e||e.hasOwnProperty("prototype")}))},{"../internals/fails":"oct0m"}],eipw5:[function(e,n,t){"use strict";var r={}.propertyIsEnumerable,i=Object.getOwnPropertyDescriptor,a=i&&!r.call({1:2},1);t.f=a?function(e){var n=i(this,e);return!!n&&n.enumerable}:r},{}],"6Ckdf":[function(e,n,t){n.exports=function(e,n){return{enumerable:!(1&e),configurable:!(2&e),writable:!(4&e),value:n}}},{}],gnUiO:[function(e,n,t){var r=e("../internals/indexed-object"),i=e("../internals/require-object-coercible");n.exports=function(e){return r(i(e))}},{"../internals/indexed-object":"8V4i5","../internals/require-object-coercible":"kVEKk"}],"8V4i5":[function(e,n,t){var r=e("../internals/function-uncurry-this"),i=e("../internals/fails"),a=e("../internals/classof-raw"),o=Object,s=r("".split);n.exports=i((function(){return!o("z").propertyIsEnumerable(0)}))?function(e){return"String"==a(e)?s(e,""):o(e)}:o},{"../internals/function-uncurry-this":"72EKL","../internals/fails":"oct0m","../internals/classof-raw":"efzsK"}],"72EKL":[function(e,n,t){var r=e("../internals/function-bind-native"),i=Function.prototype,a=i.bind,o=i.call,s=r&&a.bind(o,o);n.exports=r?function(e){return e&&s(e)}:function(e){return e&&function(){return o.apply(e,arguments)}}},{"../internals/function-bind-native":"byI16"}],efzsK:[function(e,n,t){var r=e("../internals/function-uncurry-this"),i=r({}.toString),a=r("".slice);n.exports=function(e){return a(i(e),8,-1)}},{"../internals/function-uncurry-this":"72EKL"}],kVEKk:[function(e,n,t){var r=TypeError;n.exports=function(e){if(null==e)throw r("Can't call method on "+e);return e}},{}],eGiwy:[function(e,n,t){var r=e("../internals/to-primitive"),i=e("../internals/is-symbol");n.exports=function(e){var n=r(e,"string");return i(n)?n:n+""}},{"../internals/to-primitive":"3QM7N","../internals/is-symbol":"dSQFV"}],"3QM7N":[function(e,n,t){var r=e("../internals/function-call"),i=e("../internals/is-object"),a=e("../internals/is-symbol"),o=e("../internals/get-method"),s=e("../internals/ordinary-to-primitive"),l=e("../internals/well-known-symbol"),c=TypeError,u=l("toPrimitive");n.exports=function(e,n){if(!i(e)||a(e))return e;var t,l=o(e,u);if(l){if(void 0===n&&(n="default"),t=r(l,e,n),!i(t)||a(t))return t;throw c("Can't convert object to primitive value")}return void 0===n&&(n="number"),s(e,n)}},{"../internals/function-call":"l2RNb","../internals/is-object":"3IToc","../internals/is-symbol":"dSQFV","../internals/get-method":"i0Oop","../internals/ordinary-to-primitive":"4ZQco","../internals/well-known-symbol":"6BOfm"}],"3IToc":[function(e,n,t){var r=e("../internals/is-callable");n.exports=function(e){return"object"==typeof e?null!==e:r(e)}},{"../internals/is-callable":"884ui"}],"884ui":[function(e,n,t){n.exports=function(e){return"function"==typeof e}},{}],dSQFV:[function(e,n,t){var r=e("../internals/get-built-in"),i=e("../internals/is-callable"),a=e("../internals/object-is-prototype-of"),o=e("../internals/use-symbol-as-uid"),s=Object;n.exports=o?function(e){return"symbol"==typeof e}:function(e){var n=r("Symbol");return i(n)&&a(n.prototype,s(e))}},{"../internals/get-built-in":"bEFUU","../internals/is-callable":"884ui","../internals/object-is-prototype-of":"hht5e","../internals/use-symbol-as-uid":"euUQo"}],bEFUU:[function(e,n,t){var r=e("../internals/global"),i=e("../internals/is-callable"),a=function(e){return i(e)?e:void 0};n.exports=function(e,n){return arguments.length<2?a(r[e]):r[e]&&r[e][n]}},{"../internals/global":"cfrjR","../internals/is-callable":"884ui"}],hht5e:[function(e,n,t){var r=e("../internals/function-uncurry-this");n.exports=r({}.isPrototypeOf)},{"../internals/function-uncurry-this":"72EKL"}],euUQo:[function(e,n,t){var r=e("../internals/native-symbol");n.exports=r&&!Symbol.sham&&"symbol"==typeof Symbol.iterator},{"../internals/native-symbol":"4P1gD"}],"4P1gD":[function(e,n,t){var r=e("../internals/engine-v8-version"),i=e("../internals/fails");n.exports=!!Object.getOwnPropertySymbols&&!i((function(){var e=Symbol();return!String(e)||!(Object(e)instanceof Symbol)||!Symbol.sham&&r&&r<41}))},{"../internals/engine-v8-version":"eDLcF","../internals/fails":"oct0m"}],eDLcF:[function(e,n,t){var r,i,a=e("../internals/global"),o=e("../internals/engine-user-agent"),s=a.process,l=a.Deno,c=s&&s.versions||l&&l.version,u=c&&c.v8;u&&(i=(r=u.split("."))[0]>0&&r[0]<4?1:+(r[0]+r[1])),!i&&o&&(!(r=o.match(/Edge\/(\d+)/))||r[1]>=74)&&(r=o.match(/Chrome\/(\d+)/))&&(i=+r[1]),n.exports=i},{"../internals/global":"cfrjR","../internals/engine-user-agent":"hrSP7"}],hrSP7:[function(e,n,t){var r=e("../internals/get-built-in");n.exports=r("navigator","userAgent")||""},{"../internals/get-built-in":"bEFUU"}],i0Oop:[function(e,n,t){var r=e("../internals/a-callable");n.exports=function(e,n){var t=e[n];return null==t?void 0:r(t)}},{"../internals/a-callable":"8gZvN"}],"8gZvN":[function(e,n,t){var r=e("../internals/is-callable"),i=e("../internals/try-to-string"),a=TypeError;n.exports=function(e){if(r(e))return e;throw a(i(e)+" is not a function")}},{"../internals/is-callable":"884ui","../internals/try-to-string":"432pK"}],"432pK":[function(e,n,t){var r=String;n.exports=function(e){try{return r(e)}catch(e){return"Object"}}},{}],"4ZQco":[function(e,n,t){var r=e("../internals/function-call"),i=e("../internals/is-callable"),a=e("../internals/is-object"),o=TypeError;n.exports=function(e,n){var t,s;if("string"===n&&i(t=e.toString)&&!a(s=r(t,e)))return s;if(i(t=e.valueOf)&&!a(s=r(t,e)))return s;if("string"!==n&&i(t=e.toString)&&!a(s=r(t,e)))return s;throw o("Can't convert object to primitive value")}},{"../internals/function-call":"l2RNb","../internals/is-callable":"884ui","../internals/is-object":"3IToc"}],"6BOfm":[function(e,n,t){var r=e("../internals/global"),i=e("../internals/shared"),a=e("../internals/has-own-property"),o=e("../internals/uid"),s=e("../internals/native-symbol"),l=e("../internals/use-symbol-as-uid"),c=i("wks"),u=r.Symbol,f=u&&u.for,p=l?u:u&&u.withoutSetter||o;n.exports=function(e){if(!a(c,e)||!s&&"string"!=typeof c[e]){var n="Symbol."+e;s&&a(u,e)?c[e]=u[e]:c[e]=l&&f?f(n):p(n)}return c[e]}},{"../internals/global":"cfrjR","../internals/shared":"8I9ns","../internals/has-own-property":"7hZGt","../internals/uid":"fq8Cs","../internals/native-symbol":"4P1gD","../internals/use-symbol-as-uid":"euUQo"}],"8I9ns":[function(e,n,t){var r=e("../internals/is-pure"),i=e("../internals/shared-store");(n.exports=function(e,n){return i[e]||(i[e]=void 0!==n?n:{})})("versions",[]).push({version:"3.22.8",mode:r?"pure":"global",copyright:"© 2014-2022 Denis Pushkarev (zloirock.ru)",license:"https://github.com/zloirock/core-js/blob/v3.22.8/LICENSE",source:"https://github.com/zloirock/core-js"})},{"../internals/is-pure":"34uzF","../internals/shared-store":"jB3vg"}],"34uzF":[function(e,n,t){n.exports=!1},{}],jB3vg:[function(e,n,t){var r=e("../internals/global"),i=e("../internals/define-global-property"),a="__core-js_shared__",o=r[a]||i(a,{});n.exports=o},{"../internals/global":"cfrjR","../internals/define-global-property":"4HPs2"}],"4HPs2":[function(e,n,t){var r=e("../internals/global"),i=Object.defineProperty;n.exports=function(e,n){try{i(r,e,{value:n,configurable:!0,writable:!0})}catch(t){r[e]=n}return n}},{"../internals/global":"cfrjR"}],"7hZGt":[function(e,n,t){var r=e("../internals/function-uncurry-this"),i=e("../internals/to-object"),a=r({}.hasOwnProperty);n.exports=Object.hasOwn||function(e,n){return a(i(e),n)}},{"../internals/function-uncurry-this":"72EKL","../internals/to-object":"1sScN"}],"1sScN":[function(e,n,t){var r=e("../internals/require-object-coercible"),i=Object;n.exports=function(e){return i(r(e))}},{"../internals/require-object-coercible":"kVEKk"}],fq8Cs:[function(e,n,t){var r=e("../internals/function-uncurry-this"),i=0,a=Math.random(),o=r(1..toString);n.exports=function(e){return"Symbol("+(void 0===e?"":e)+")_"+o(++i+a,36)}},{"../internals/function-uncurry-this":"72EKL"}],dWHbx:[function(e,n,t){var r=e("../internals/descriptors"),i=e("../internals/fails"),a=e("../internals/document-create-element");n.exports=!r&&!i((function(){return 7!=Object.defineProperty(a("div"),"a",{get:function(){return 7}}).a}))},{"../internals/descriptors":"8Jsbd","../internals/fails":"oct0m","../internals/document-create-element":"csBr9"}],csBr9:[function(e,n,t){var r=e("../internals/global"),i=e("../internals/is-object"),a=r.document,o=i(a)&&i(a.createElement);n.exports=function(e){return o?a.createElement(e):{}}},{"../internals/global":"cfrjR","../internals/is-object":"3IToc"}],b5Nku:[function(e,n,t){var r=e("../internals/descriptors"),i=e("../internals/object-define-property"),a=e("../internals/create-property-descriptor");n.exports=r?function(e,n,t){return i.f(e,n,a(1,t))}:function(e,n,t){return e[n]=t,e}},{"../internals/descriptors":"8Jsbd","../internals/object-define-property":"k98ym","../internals/create-property-descriptor":"6Ckdf"}],k98ym:[function(e,n,t){var r=e("../internals/descriptors"),i=e("../internals/ie8-dom-define"),a=e("../internals/v8-prototype-define-bug"),o=e("../internals/an-object"),s=e("../internals/to-property-key"),l=TypeError,c=Object.defineProperty,u=Object.getOwnPropertyDescriptor,f="enumerable",p="configurable",d="writable";t.f=r?a?function(e,n,t){if(o(e),n=s(n),o(t),"function"==typeof e&&"prototype"===n&&"value"in t&&d in t&&!t.writable){var r=u(e,n);r&&r.writable&&(e[n]=t.value,t={configurable:p in t?t.configurable:r.configurable,enumerable:f in t?t.enumerable:r.enumerable,writable:!1})}return c(e,n,t)}:c:function(e,n,t){if(o(e),n=s(n),o(t),i)try{return c(e,n,t)}catch(e){}if("get"in t||"set"in t)throw l("Accessors not supported");return"value"in t&&(e[n]=t.value),e}},{"../internals/descriptors":"8Jsbd","../internals/ie8-dom-define":"dWHbx","../internals/v8-prototype-define-bug":"l0xHU","../internals/an-object":"eH0cO","../internals/to-property-key":"eGiwy"}],l0xHU:[function(e,n,t){var r=e("../internals/descriptors"),i=e("../internals/fails");n.exports=r&&i((function(){return 42!=Object.defineProperty((function(){}),"prototype",{value:42,writable:!1}).prototype}))},{"../internals/descriptors":"8Jsbd","../internals/fails":"oct0m"}],eH0cO:[function(e,n,t){var r=e("../internals/is-object"),i=String,a=TypeError;n.exports=function(e){if(r(e))return e;throw a(i(e)+" is not an object")}},{"../internals/is-object":"3IToc"}],"5LWBN":[function(e,n,t){var r=e("../internals/is-callable"),i=e("../internals/create-non-enumerable-property"),a=e("../internals/make-built-in"),o=e("../internals/define-global-property");n.exports=function(e,n,t,s){s||(s={});var l=s.enumerable,c=void 0!==s.name?s.name:n;return r(t)&&a(t,c,s),s.global?l?e[n]=t:o(n,t):(s.unsafe?e[n]&&(l=!0):delete e[n],l?e[n]=t:i(e,n,t)),e}},{"../internals/is-callable":"884ui","../internals/create-non-enumerable-property":"b5Nku","../internals/make-built-in":"7oLsi","../internals/define-global-property":"4HPs2"}],"7oLsi":[function(e,n,t){var r=e("../internals/fails"),i=e("../internals/is-callable"),a=e("../internals/has-own-property"),o=e("../internals/descriptors"),s=e("../internals/function-name").CONFIGURABLE,l=e("../internals/inspect-source"),c=e("../internals/internal-state"),u=c.enforce,f=c.get,p=Object.defineProperty,d=o&&!r((function(){return 8!==p((function(){}),"length",{value:8}).length})),h=String(String).split("String"),m=n.exports=function(e,n,t){"Symbol("===String(n).slice(0,7)&&(n="["+String(n).replace(/^Symbol\(([^)]*)\)/,"$1")+"]"),t&&t.getter&&(n="get "+n),t&&t.setter&&(n="set "+n),(!a(e,"name")||s&&e.name!==n)&&p(e,"name",{value:n,configurable:!0}),d&&t&&a(t,"arity")&&e.length!==t.arity&&p(e,"length",{value:t.arity});try{t&&a(t,"constructor")&&t.constructor?o&&p(e,"prototype",{writable:!1}):e.prototype&&(e.prototype=void 0)}catch(e){}var r=u(e);return a(r,"source")||(r.source=h.join("string"==typeof n?n:"")),e};Function.prototype.toString=m((function(){return i(this)&&f(this).source||l(this)}),"toString")},{"../internals/fails":"oct0m","../internals/is-callable":"884ui","../internals/has-own-property":"7hZGt","../internals/descriptors":"8Jsbd","../internals/function-name":"5CWcN","../internals/inspect-source":"aMzpk","../internals/internal-state":"7c3Zm"}],"5CWcN":[function(e,n,t){var r=e("../internals/descriptors"),i=e("../internals/has-own-property"),a=Function.prototype,o=r&&Object.getOwnPropertyDescriptor,s=i(a,"name"),l=s&&"something"===function(){}.name,c=s&&(!r||r&&o(a,"name").configurable);n.exports={EXISTS:s,PROPER:l,CONFIGURABLE:c}},{"../internals/descriptors":"8Jsbd","../internals/has-own-property":"7hZGt"}],aMzpk:[function(e,n,t){var r=e("../internals/function-uncurry-this"),i=e("../internals/is-callable"),a=e("../internals/shared-store"),o=r(Function.toString);i(a.inspectSource)||(a.inspectSource=function(e){return o(e)}),n.exports=a.inspectSource},{"../internals/function-uncurry-this":"72EKL","../internals/is-callable":"884ui","../internals/shared-store":"jB3vg"}],"7c3Zm":[function(e,n,t){var r,i,a,o=e("../internals/native-weak-map"),s=e("../internals/global"),l=e("../internals/function-uncurry-this"),c=e("../internals/is-object"),u=e("../internals/create-non-enumerable-property"),f=e("../internals/has-own-property"),p=e("../internals/shared-store"),d=e("../internals/shared-key"),h=e("../internals/hidden-keys"),m="Object already initialized",g=s.TypeError,b=s.WeakMap;if(o||p.state){var y=p.state||(p.state=new b),v=l(y.get),w=l(y.has),j=l(y.set);r=function(e,n){if(w(y,e))throw new g(m);return n.facade=e,j(y,e,n),n},i=function(e){return v(y,e)||{}},a=function(e){return w(y,e)}}else{var _=d("state");h[_]=!0,r=function(e,n){if(f(e,_))throw new g(m);return n.facade=e,u(e,_,n),n},i=function(e){return f(e,_)?e[_]:{}},a=function(e){return f(e,_)}}n.exports={set:r,get:i,has:a,enforce:function(e){return a(e)?i(e):r(e,{})},getterFor:function(e){return function(n){var t;if(!c(n)||(t=i(n)).type!==e)throw g("Incompatible receiver, "+e+" required");return t}}}},{"../internals/native-weak-map":"bH9X0","../internals/global":"cfrjR","../internals/function-uncurry-this":"72EKL","../internals/is-object":"3IToc","../internals/create-non-enumerable-property":"b5Nku","../internals/has-own-property":"7hZGt","../internals/shared-store":"jB3vg","../internals/shared-key":"gcWZs","../internals/hidden-keys":"f4YNg"}],bH9X0:[function(e,n,t){var r=e("../internals/global"),i=e("../internals/is-callable"),a=e("../internals/inspect-source"),o=r.WeakMap;n.exports=i(o)&&/native code/.test(a(o))},{"../internals/global":"cfrjR","../internals/is-callable":"884ui","../internals/inspect-source":"aMzpk"}],gcWZs:[function(e,n,t){var r=e("../internals/shared"),i=e("../internals/uid"),a=r("keys");n.exports=function(e){return a[e]||(a[e]=i(e))}},{"../internals/shared":"8I9ns","../internals/uid":"fq8Cs"}],f4YNg:[function(e,n,t){n.exports={}},{}],"53rVh":[function(e,n,t){var r=e("../internals/has-own-property"),i=e("../internals/own-keys"),a=e("../internals/object-get-own-property-descriptor"),o=e("../internals/object-define-property");n.exports=function(e,n,t){for(var s=i(n),l=o.f,c=a.f,u=0;uc;)i(r,t=n[c++])&&(~o(u,t)||l(u,t));return u}},{"../internals/function-uncurry-this":"72EKL","../internals/has-own-property":"7hZGt","../internals/to-indexed-object":"gnUiO","../internals/array-includes":"cRpVd","../internals/hidden-keys":"f4YNg"}],cRpVd:[function(e,n,t){var r=e("../internals/to-indexed-object"),i=e("../internals/to-absolute-index"),a=e("../internals/length-of-array-like"),o=function(e){return function(n,t,o){var s,l=r(n),c=a(l),u=i(o,c);if(e&&t!=t){for(;c>u;)if((s=l[u++])!=s)return!0}else for(;c>u;u++)if((e||u in l)&&l[u]===t)return e||u||0;return!e&&-1}};n.exports={includes:o(!0),indexOf:o(!1)}},{"../internals/to-indexed-object":"gnUiO","../internals/to-absolute-index":"kmCAu","../internals/length-of-array-like":"jd4tR"}],kmCAu:[function(e,n,t){var r=e("../internals/to-integer-or-infinity"),i=Math.max,a=Math.min;n.exports=function(e,n){var t=r(e);return t<0?i(t+n,0):a(t,n)}},{"../internals/to-integer-or-infinity":"bwykD"}],bwykD:[function(e,n,t){var r=e("../internals/math-trunc");n.exports=function(e){var n=+e;return n!=n||0===n?0:r(n)}},{"../internals/math-trunc":"99oPJ"}],"99oPJ":[function(e,n,t){var r=Math.ceil,i=Math.floor;n.exports=Math.trunc||function(e){var n=+e;return(n>0?i:r)(n)}},{}],jd4tR:[function(e,n,t){var r=e("../internals/to-length");n.exports=function(e){return r(e.length)}},{"../internals/to-length":"1f43X"}],"1f43X":[function(e,n,t){var r=e("../internals/to-integer-or-infinity"),i=Math.min;n.exports=function(e){return e>0?i(r(e),9007199254740991):0}},{"../internals/to-integer-or-infinity":"bwykD"}],fYdbV:[function(e,n,t){n.exports=["constructor","hasOwnProperty","isPrototypeOf","propertyIsEnumerable","toLocaleString","toString","valueOf"]},{}],bmGTq:[function(e,n,t){t.f=Object.getOwnPropertySymbols},{}],bPIm8:[function(e,n,t){var r=e("../internals/fails"),i=e("../internals/is-callable"),a=/#|\.prototype\./,o=function(e,n){var t=l[s(e)];return t==u||t!=c&&(i(n)?r(n):!!n)},s=o.normalize=function(e){return String(e).replace(a,".").toLowerCase()},l=o.data={},c=o.NATIVE="N",u=o.POLYFILL="P";n.exports=o},{"../internals/fails":"oct0m","../internals/is-callable":"884ui"}],aCLE2:[function(e,n,t){var r=e("../internals/well-known-symbol"),i=e("../internals/object-create"),a=e("../internals/object-define-property").f,o=r("unscopables"),s=Array.prototype;null==s[o]&&a(s,o,{configurable:!0,value:i(null)}),n.exports=function(e){s[o][e]=!0}},{"../internals/well-known-symbol":"6BOfm","../internals/object-create":"ioaQG","../internals/object-define-property":"k98ym"}],ioaQG:[function(e,n,t){var r,i=e("../internals/an-object"),a=e("../internals/object-define-properties"),o=e("../internals/enum-bug-keys"),s=e("../internals/hidden-keys"),l=e("../internals/html"),c=e("../internals/document-create-element"),u=e("../internals/shared-key"),f=u("IE_PROTO"),p=function(){},d=function(e){return"