From afeb0f124b9a2001dff80bbf49381ccfa3157af7 Mon Sep 17 00:00:00 2001
From: Cory Sanders <corysanders3@yahoo.com>
Date: Mon, 11 Mar 2024 14:29:27 -0600
Subject: [PATCH] Updates

---
 bundle.js     | 8 ++++----
 bundle.js.map | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/bundle.js b/bundle.js
index fffa6e89c..2e7ee5201 100644
--- a/bundle.js
+++ b/bundle.js
@@ -486,24 +486,24 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   postHydrationData: () => (/* binding */ postHydrationData)
 /* harmony export */ });
 function fetchUserData(usersData) {
-  return fetch("http://localhost:3001/api/v1/users")
+  return fetch("https://fitlit-server-18177a023c25.herokuapp.com/api/v1/users")
     .then((response) => response.json())
     .then((data) => (usersData = data));
 }
 function fetchHydrationData(hydration) {
-  return fetch("http://localhost:3001/api/v1/hydration")
+  return fetch("https://fitlit-server-18177a023c25.herokuapp.com/api/v1/hydration")
     .then((repsonse) => repsonse.json())
     .then((data) => (hydration = data));
 }
 
 function fetchSleepData(sleep) {
-  return fetch("http://localhost:3001/api/v1/sleep")
+  return fetch("https://fitlit-server-18177a023c25.herokuapp.com/api/v1/sleep")
     .then((repsonse) => repsonse.json())
     .then((data) => (sleep = data));
 }
 
 function postHydrationData(date, numOunces, userID) {
-  fetch("http://localhost:3001/api/v1/hydration", {
+  fetch("https://fitlit-server-18177a023c25.herokuapp.com/api/v1/hydration", {
     method: 'POST',
     body: JSON.stringify({
       date,
diff --git a/bundle.js.map b/bundle.js.map
index 3aa112e38..ce933f3fe 100644
--- a/bundle.js.map
+++ b/bundle.js.map
@@ -1 +1 @@
-{"version":3,"file":"bundle.js","mappings":";;;;;;;;;;;;;;AAA4F;AAC5F,YAAsI;;AAEtI;;AAEA;AACA;;AAEA,aAAa,0GAAG,CAAC,4HAAO;;;;AAIxB,iEAAe,4HAAO,aAAa;;;;;;ACZtB;;AAEb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA,CAAC;;AAED;AACA;AACA;AACA;AACA,wDAAwD;;AAExD;AACA;AACA;AACA;AACA;AACA,UAAU;AACV;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA,CAAC;;AAED;;AAEA;AACA;;AAEA,kBAAkB,wBAAwB;AAC1C;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA,kBAAkB,iBAAiB;AACnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA,OAAO;AACP;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;AACA,gBAAgB,KAAwC,GAAG,sBAAiB,GAAG,CAAI;;AAEnF;AACA;AACA;AACA;;AAEA;AACA;AACA,GAAG;;AAEH;AACA;AACA,IAAI;AACJ;;AAEA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;;AAED;AACA,qEAAqE,qBAAqB,cAAc;;AAExG;;AAEA;AACA;AACA,IAAI;AACJ;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA,IAAI;AACJ;AACA;;AAEA;AACA,yDAAyD;AACzD,IAAI;;AAEJ;;;AAGA;AACA;AACA,IAAI;AACJ;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,MAAM;AACN;AACA;AACA;AACA;;AAEA;AACA,2BAA2B;AAC3B;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA,oBAAoB,4BAA4B;AAChD;AACA;AACA;AACA;;AAEA;;AAEA,qBAAqB,6BAA6B;AAClD;;AAEA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;;;;;;;;;;;;;AC5QA;AACyH;AAC7B;AAC5F,8BAA8B,mFAA2B,CAAC,wGAAqC;AAC/F;AACA,uDAAuD,mKAAmK,mBAAmB,iCAAiC,kBAAkB,iBAAiB,cAAc,mDAAmD,GAAG,0LAA0L,kBAAkB,GAAG,8FAA8F,2BAA2B,GAAG,oGAAoG,kCAAkC,GAAG,0BAA0B,sBAAsB,GAAG,qHAAqH,4BAA4B,wBAAwB,GAAG,yGAAyG,iBAAiB,GAAG,sJAAsJ,gBAAgB,GAAG,mHAAmH,uBAAuB,GAAG,iDAAiD,gBAAgB,GAAG,WAAW,kBAAkB,iBAAiB,GAAG,kBAAkB,gBAAgB,GAAG,WAAW,eAAe,GAAG,gDAAgD,gBAAgB,eAAe,4BAA4B,wBAAwB,uBAAuB,GAAG,aAAa,gBAAgB,eAAe,wBAAwB,yGAAyG,GAAG,eAAe,iBAAiB,eAAe,mKAAmK,GAAG,WAAW,eAAe,sBAAsB,GAAG,cAAc,eAAe,mBAAmB,gCAAgC,GAAG,yBAAyB,6BAA6B,gBAAgB,GAAG,+BAA+B,uBAAuB,yCAAyC,yDAAyD,GAAG,oBAAoB,sBAAsB,oBAAoB,GAAG,QAAQ,uBAAuB,qBAAqB,eAAe,GAAG,WAAW,sBAAsB,oFAAoF,GAAG,QAAQ,qBAAqB,qBAAqB,cAAc,GAAG,QAAQ,sBAAsB,qBAAqB,eAAe,GAAG,sBAAsB,iBAAiB,mKAAmK,GAAG,sBAAsB,gBAAgB,GAAG,2BAA2B,oBAAoB,GAAG,WAAW,iBAAiB,GAAG,4DAA4D,gBAAgB,eAAe,iBAAiB,wBAAwB,mDAAmD,qBAAqB,qBAAqB,mBAAmB,mKAAmK,qGAAqG,GAAG,YAAY,8BAA8B,oBAAoB,GAAG,iBAAiB,gBAAgB,eAAe,GAAG,kBAAkB,mKAAmK,gBAAgB,gBAAgB,GAAG,0BAA0B,mKAAmK,gBAAgB,gBAAgB,sBAAsB,GAAG,kBAAkB,uBAAuB,kBAAkB,iBAAiB,uBAAuB,kBAAkB,wBAAwB,GAAG,yBAAyB,kBAAkB,uBAAuB,gBAAgB,eAAe,2BAA2B,uBAAuB,GAAG,iBAAiB,uBAAuB,yCAAyC,sBAAsB,kBAAkB,iBAAiB,GAAG,wBAAwB,oBAAoB,GAAG,mBAAmB,eAAe,sBAAsB,GAAG,wBAAwB,iBAAiB,eAAe,GAAG,sBAAsB,eAAe,eAAe,wBAAwB,gBAAgB,qBAAqB,8FAA8F,oBAAoB,GAAG,oBAAoB,8BAA8B,kBAAkB,2BAA2B,wBAAwB,kCAAkC,kBAAkB,iBAAiB,8FAA8F,uBAAuB,aAAa,cAAc,qCAAqC,GAAG,kBAAkB,kBAAkB,gBAAgB,iBAAiB,WAAW,YAAY,oBAAoB,+BAA+B,GAAG,wEAAwE,sBAAsB,eAAe,iBAAiB,GAAG,2BAA2B,uBAAuB,iBAAiB,iBAAiB,iBAAiB,oBAAoB,GAAG,0BAA0B,kBAAkB,kCAAkC,gBAAgB,wBAAwB,GAAG,eAAe,0BAA0B,gBAAgB,GAAG,iBAAiB,eAAe,qBAAqB,uBAAuB,gBAAgB,GAAG,qBAAqB,uBAAuB,GAAG,cAAc,4BAA4B,GAAG,WAAW,qBAAqB,GAAG,WAAW,sBAAsB,GAAG,gBAAgB,iBAAiB,GAAG,yBAAyB,iBAAiB,GAAG,qBAAqB,uBAAuB,eAAe,cAAc,GAAG,mBAAmB,YAAY,cAAc,GAAG,mBAAmB,YAAY,eAAe,GAAG,yBAAyB,eAAe,GAAG,0BAA0B,iBAAiB,cAAc,qBAAqB,uBAAuB,oBAAoB,GAAG,yBAAyB,qBAAqB,iBAAiB,eAAe,mBAAmB,oBAAoB,GAAG,OAAO,sFAAsF,WAAW,UAAU,WAAW,UAAU,UAAU,UAAU,WAAW,MAAM,iBAAiB,UAAU,MAAM,UAAU,WAAW,MAAM,UAAU,WAAW,MAAM,KAAK,WAAW,MAAM,WAAW,WAAW,WAAW,MAAM,SAAS,UAAU,MAAM,YAAY,UAAU,MAAM,WAAW,WAAW,MAAM,MAAM,UAAU,MAAM,KAAK,UAAU,UAAU,MAAM,KAAK,UAAU,MAAM,KAAK,UAAU,MAAM,OAAO,UAAU,UAAU,WAAW,WAAW,WAAW,MAAM,KAAK,UAAU,UAAU,WAAW,WAAW,MAAM,KAAK,UAAU,UAAU,WAAW,MAAM,KAAK,UAAU,WAAW,MAAM,KAAK,UAAU,UAAU,WAAW,MAAM,KAAK,WAAW,UAAU,MAAM,KAAK,WAAW,WAAW,WAAW,MAAM,KAAK,WAAW,UAAU,MAAM,KAAK,WAAW,WAAW,UAAU,MAAM,KAAK,WAAW,WAAW,MAAM,KAAK,WAAW,WAAW,UAAU,MAAM,KAAK,WAAW,WAAW,UAAU,MAAM,KAAK,UAAU,WAAW,MAAM,KAAK,UAAU,MAAM,KAAK,UAAU,MAAM,KAAK,UAAU,MAAM,OAAO,UAAU,UAAU,UAAU,WAAW,WAAW,WAAW,WAAW,UAAU,WAAW,WAAW,MAAM,KAAK,WAAW,UAAU,MAAM,KAAK,UAAU,UAAU,MAAM,KAAK,WAAW,UAAU,UAAU,MAAM,KAAK,WAAW,UAAU,UAAU,WAAW,MAAM,KAAK,WAAW,UAAU,UAAU,WAAW,UAAU,WAAW,MAAM,KAAK,UAAU,WAAW,UAAU,UAAU,WAAW,WAAW,MAAM,KAAK,WAAW,WAAW,WAAW,UAAU,UAAU,MAAM,KAAK,UAAU,MAAM,KAAK,UAAU,WAAW,MAAM,KAAK,UAAU,UAAU,MAAM,KAAK,UAAU,UAAU,WAAW,UAAU,WAAW,WAAW,UAAU,MAAM,KAAK,WAAW,UAAU,WAAW,WAAW,WAAW,UAAU,UAAU,WAAW,WAAW,UAAU,UAAU,WAAW,MAAM,KAAK,UAAU,UAAU,UAAU,UAAU,UAAU,UAAU,WAAW,MAAM,KAAK,WAAW,UAAU,UAAU,MAAM,KAAK,WAAW,UAAU,UAAU,UAAU,UAAU,MAAM,KAAK,UAAU,WAAW,UAAU,WAAW,MAAM,KAAK,WAAW,UAAU,MAAM,KAAK,UAAU,WAAW,WAAW,UAAU,MAAM,KAAK,WAAW,MAAM,KAAK,WAAW,MAAM,KAAK,WAAW,MAAM,KAAK,WAAW,MAAM,KAAK,UAAU,MAAM,KAAK,UAAU,MAAM,KAAK,WAAW,UAAU,UAAU,MAAM,KAAK,UAAU,UAAU,MAAM,KAAK,UAAU,UAAU,MAAM,KAAK,UAAU,MAAM,KAAK,UAAU,UAAU,WAAW,WAAW,UAAU,MAAM,KAAK,WAAW,UAAU,UAA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T;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA,iCAAiC,MAAM;AACvC,SAAS;AACT,6DAA6D;AAC7D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qEAAqE;AACrE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,gCAAgC,yBAAyB,KAAK,iBAAiB;AAC/E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,8CAA8C,sBAAsB;AACpE;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,0BAA0B;AAC1B;;;;;;AC3nBa;AACb,8CAA6C,EAAE,aAAa,EAAC;AAC7D,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;;;;;;AC/Ga;AACb,8CAA6C,EAAE,aAAa,EAAC;AAC7D,oBAAoB;AACpB,oBAAoB,mBAAO,CAAC,EAA0B;AACtD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,4BAA4B,aAAa;AACzC;AACA;AACA;AACA;AACA;AACA;AACA,wBAAwB,gBAAgB;AACxC;AACA;AACA;AACA;AACA,oBAAoB;AACpB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;AC/Ma;AACb,8CAA6C,EAAE,aAAa,EAAC;AAC7D,cAAc,GAAG,aAAa;AAC9B;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA,cAAc;AACd;;;;;;ACZa;AACb,8CAA6C,EAAE,aAAa,EAAC;AAC7D,aAAa,GAAG,wBAAwB;AACxC,qBAAqB,mBAAO,CAAC,EAA2B;AACxD;AACA;AACA;AACA;AACA;AACA,CAAC,sBAAsB;AACvB,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AACD;AACA;AACA;AACA;AACA;AACA,CAAC;AACD;AACA;AACA;AACA;AACA;AACA,CAAC;AACD;AACA;AACA;AACA;AACA;AACA,CAAC;AACD;AACA;AACA;AACA;AACA;AACA,CAAC;AACD;AACA;AACA;AACA;AACA;AACA,CAAC;AACD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,wBAAwB;AACxB;;;;;;AC7Ga;AACb;AACA;AACA;AACA;AACA;AACA,8CAA6C,EAAE,aAAa,EAAC;AAC7D,kBAAkB;AAClB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,4BAA4B;AAC5B,4BAA4B,+BAA+B;AAC3D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAkB;AAClB;;;;;;AC3Ga;AACb,8CAA6C,EAAE,aAAa,EAAC;AAC7D,qBAAqB;AACrB,qBAAqB,mBAAO,CAAC,EAAqB;AAClD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB;;;;;;AC/Ba;AACb,8CAA6C,EAAE,aAAa,EAAC;AAC7D,0BAA0B;AAC1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,0BAA0B;AAC1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;AC5BA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA,KAAK;AACL,GAAG;AACH;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;;AAKC;;;;;;;;;;;;;ACxBD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;;AAEA;AACA;AACA;AACA,GAAG;AACH;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA,GAAG;AACH;AACA;;AAE2E;;;;;;;;;;;;;;;;AChC3E;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA,GAAG;AACH;AACA;;AAEA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA,GAAG;AACH;AACA;;AAEA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA,GAAG;AACH;AACA;;AAEA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA,GAAG;AACH;AACA;;AAEA;AACA;AACA;AACA,GAAG;AACH;AACA;;AAEA;AACA;AACA;AACA,GAAG;AACH;AACA;;AASE;;;;;;UC/DF;UACA;;UAEA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;;UAEA;UACA;;UAEA;UACA;UACA;;;;;WCtBA;WACA;WACA;WACA;WACA;WACA,iCAAiC,WAAW;WAC5C;WACA;;;;;WCPA;WACA;WACA;WACA;WACA,yCAAyC,wCAAwC;WACjF;WACA;WACA;;;;;WCPA;;;;;WCAA;WACA;WACA;WACA,uDAAuD,iBAAiB;WACxE;WACA,gDAAgD,aAAa;WAC7D;;;;;WCNA;;;;;;;;;;;;;;;;;;ACA0B;AACM;AACC;AACI;AACF;AAMf;AAC6B;AACM;AAKlC;AAQJ;;AAEjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA,4BAA4B,2DAAkB;AAC9C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,cAAc,kBAAkB;AAChC,GAAG;AACH;AACA;AACA,GAAG;AACH,CAAC;;AAED;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA,CAAC;;AAED;AACA;;AAEA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA,CAAC;;AAED;AACA;AACA;AACA;AACA,IAAI,4DAAiB;AACrB,IAAI;AACJ;AACA;AACA,IAAI;AACJ;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA,CAAC;;AAED;;AAEA;;AAEA;AACA,eAAe,6DAAkB,IAAI,wDAAa,IAAI,yDAAc;AACpE;AACA;AACA;AACA,oBAAoB,uDAAe;AACnC;AACA;AACA;AACA;AACA,sBAAsB,yDAAiB;AACvC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP,KAAK;AACL;AACA;;AAEA;AACA,kBAAkB,gEAAoB;AACtC;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;;AAEA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA,oBAAoB,mDAAW;AAC/B;AACA;;AAEA;AACA;AACA;;AAEA;AACA,6CAA6C,UAAU;AACvD,wBAAwB,SAAS;AACjC,8BAA8B,cAAc;AAC5C,iCAAiC,YAAY;AAC7C,yCAAyC,kBAAkB;AAC3D,oCAAoC,oBAAoB;AACxD,8CAA8C,SAAS;AACvD;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,cAAc,YAAY;AAC1B,yBAAyB,qBAAqB;AAC9C;AACA;AACA,GAAG;AACH;;AAEA;AACA,wBAAwB,+DAAmB;AAC3C;AACA;AACA;AACA;AACA,iEAAiE,mBAAmB;AACpF;AACA;;AAEA;AACA;AACA,kFAAkF,mBAAmB;AACrG;AACA,IAAI;AACJ,2BAA2B,qDAAa;AACxC;AACA;AACA;AACA;AACA,gEAAgE,wBAAwB;AACxF;AACA;AACA;;AAEA;AACA;AACA;AACA,IAAI;AACJ,6BAA6B,uDAAe;AAC5C;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,sBAAsB,MAAM;AAC5B;AACA,cAAc,oBAAoB;AAClC,cAAc,oBAAoB;AAClC;AACA;;AAEA;AACA,4BAA4B,+DAAuB;AACnD,8BAA8B,iEAAyB;AACvD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;;AAEA;AACA;AACA;AACA;AACA,GAAG;AACH;;AAEA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;;AAEA;AACA;AACA;AACA,GAAG;;AAEH;AACA;;AAEA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA,GAAG;AACH,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH,CAAC","sources":["webpack://activity-tracker/./src/css/styles.css?d405","webpack://activity-tracker/./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js","webpack://activity-tracker/./src/css/styles.css","webpack://activity-tracker/./node_modules/css-loader/dist/runtime/cssWithMappingToString.js","webpack://activity-tracker/./node_modules/css-loader/dist/runtime/api.js","webpack://activity-tracker/./src/images/user-icon.svg","webpack://activity-tracker/./src/images/sleep-icon.svg","webpack://activity-tracker/./src/images/hydration-icon.svg","webpack://activity-tracker/./src/images/friends-icon.svg","webpack://activity-tracker/./src/apiCalls.js","webpack://activity-tracker/./node_modules/fluid-meter/dist/index.js","webpack://activity-tracker/./node_modules/fluid-meter/dist/meters/CircularFluidMeter/CircularFluidMeter.js","webpack://activity-tracker/./node_modules/fluid-meter/dist/base/BaseMeter.js","webpack://activity-tracker/./node_modules/fluid-meter/dist/meters/CircularFluidMeter/Layers/BubblesLayer.js","webpack://activity-tracker/./node_modules/fluid-meter/dist/utils/MathUtils.js","webpack://activity-tracker/./node_modules/fluid-meter/dist/meters/CircularFluidMeter/Layers/FluidLayer.js","webpack://activity-tracker/./node_modules/fluid-meter/dist/utils/ColorUtils.js","webpack://activity-tracker/./node_modules/fluid-meter/dist/meters/CircularFluidMeter/CircularFluidMeterConfig.js","webpack://activity-tracker/./node_modules/fluid-meter/dist/utils/ResponsiveUtils.js","webpack://activity-tracker/./src/users.js","webpack://activity-tracker/./src/hydration.js","webpack://activity-tracker/./src/sleep.js","webpack://activity-tracker/webpack/bootstrap","webpack://activity-tracker/webpack/runtime/compat get default export","webpack://activity-tracker/webpack/runtime/define property getters","webpack://activity-tracker/webpack/runtime/hasOwnProperty shorthand","webpack://activity-tracker/webpack/runtime/make namespace object","webpack://activity-tracker/webpack/runtime/nonce","webpack://activity-tracker/./src/domUpdates.js"],"sourcesContent":["import api from \"!../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n            import content from \"!!../../node_modules/css-loader/dist/cjs.js!../../node_modules/sass-loader/dist/cjs.js!./styles.css\";\n\nvar options = {};\n\noptions.insert = \"head\";\noptions.singleton = false;\n\nvar update = api(content, options);\n\n\n\nexport default content.locals || {};","\"use strict\";\n\nvar isOldIE = function isOldIE() {\n  var memo;\n  return function memorize() {\n    if (typeof memo === 'undefined') {\n      // Test for IE <= 9 as proposed by Browserhacks\n      // @see http://browserhacks.com/#hack-e71d8692f65334173fee715c222cb805\n      // Tests for existence of standard globals is to allow style-loader\n      // to operate correctly into non-standard environments\n      // @see https://github.com/webpack-contrib/style-loader/issues/177\n      memo = Boolean(window && document && document.all && !window.atob);\n    }\n\n    return memo;\n  };\n}();\n\nvar getTarget = function getTarget() {\n  var memo = {};\n  return function memorize(target) {\n    if (typeof memo[target] === 'undefined') {\n      var styleTarget = document.querySelector(target); // Special case to return head of iframe instead of iframe itself\n\n      if (window.HTMLIFrameElement && styleTarget instanceof window.HTMLIFrameElement) {\n        try {\n          // This will throw an exception if access to iframe is blocked\n          // due to cross-origin restrictions\n          styleTarget = styleTarget.contentDocument.head;\n        } catch (e) {\n          // istanbul ignore next\n          styleTarget = null;\n        }\n      }\n\n      memo[target] = styleTarget;\n    }\n\n    return memo[target];\n  };\n}();\n\nvar stylesInDom = [];\n\nfunction getIndexByIdentifier(identifier) {\n  var result = -1;\n\n  for (var i = 0; i < stylesInDom.length; i++) {\n    if (stylesInDom[i].identifier === identifier) {\n      result = i;\n      break;\n    }\n  }\n\n  return result;\n}\n\nfunction modulesToDom(list, options) {\n  var idCountMap = {};\n  var identifiers = [];\n\n  for (var i = 0; i < list.length; i++) {\n    var item = list[i];\n    var id = options.base ? item[0] + options.base : item[0];\n    var count = idCountMap[id] || 0;\n    var identifier = \"\".concat(id, \" \").concat(count);\n    idCountMap[id] = count + 1;\n    var index = getIndexByIdentifier(identifier);\n    var obj = {\n      css: item[1],\n      media: item[2],\n      sourceMap: item[3]\n    };\n\n    if (index !== -1) {\n      stylesInDom[index].references++;\n      stylesInDom[index].updater(obj);\n    } else {\n      stylesInDom.push({\n        identifier: identifier,\n        updater: addStyle(obj, options),\n        references: 1\n      });\n    }\n\n    identifiers.push(identifier);\n  }\n\n  return identifiers;\n}\n\nfunction insertStyleElement(options) {\n  var style = document.createElement('style');\n  var attributes = options.attributes || {};\n\n  if (typeof attributes.nonce === 'undefined') {\n    var nonce = typeof __webpack_nonce__ !== 'undefined' ? __webpack_nonce__ : null;\n\n    if (nonce) {\n      attributes.nonce = nonce;\n    }\n  }\n\n  Object.keys(attributes).forEach(function (key) {\n    style.setAttribute(key, attributes[key]);\n  });\n\n  if (typeof options.insert === 'function') {\n    options.insert(style);\n  } else {\n    var target = getTarget(options.insert || 'head');\n\n    if (!target) {\n      throw new Error(\"Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.\");\n    }\n\n    target.appendChild(style);\n  }\n\n  return style;\n}\n\nfunction removeStyleElement(style) {\n  // istanbul ignore if\n  if (style.parentNode === null) {\n    return false;\n  }\n\n  style.parentNode.removeChild(style);\n}\n/* istanbul ignore next  */\n\n\nvar replaceText = function replaceText() {\n  var textStore = [];\n  return function replace(index, replacement) {\n    textStore[index] = replacement;\n    return textStore.filter(Boolean).join('\\n');\n  };\n}();\n\nfunction applyToSingletonTag(style, index, remove, obj) {\n  var css = remove ? '' : obj.media ? \"@media \".concat(obj.media, \" {\").concat(obj.css, \"}\") : obj.css; // For old IE\n\n  /* istanbul ignore if  */\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = replaceText(index, css);\n  } else {\n    var cssNode = document.createTextNode(css);\n    var childNodes = style.childNodes;\n\n    if (childNodes[index]) {\n      style.removeChild(childNodes[index]);\n    }\n\n    if (childNodes.length) {\n      style.insertBefore(cssNode, childNodes[index]);\n    } else {\n      style.appendChild(cssNode);\n    }\n  }\n}\n\nfunction applyToTag(style, options, obj) {\n  var css = obj.css;\n  var media = obj.media;\n  var sourceMap = obj.sourceMap;\n\n  if (media) {\n    style.setAttribute('media', media);\n  } else {\n    style.removeAttribute('media');\n  }\n\n  if (sourceMap && typeof btoa !== 'undefined') {\n    css += \"\\n/*# sourceMappingURL=data:application/json;base64,\".concat(btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))), \" */\");\n  } // For old IE\n\n  /* istanbul ignore if  */\n\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    while (style.firstChild) {\n      style.removeChild(style.firstChild);\n    }\n\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nvar singleton = null;\nvar singletonCounter = 0;\n\nfunction addStyle(obj, options) {\n  var style;\n  var update;\n  var remove;\n\n  if (options.singleton) {\n    var styleIndex = singletonCounter++;\n    style = singleton || (singleton = insertStyleElement(options));\n    update = applyToSingletonTag.bind(null, style, styleIndex, false);\n    remove = applyToSingletonTag.bind(null, style, styleIndex, true);\n  } else {\n    style = insertStyleElement(options);\n    update = applyToTag.bind(null, style, options);\n\n    remove = function remove() {\n      removeStyleElement(style);\n    };\n  }\n\n  update(obj);\n  return function updateStyle(newObj) {\n    if (newObj) {\n      if (newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap) {\n        return;\n      }\n\n      update(obj = newObj);\n    } else {\n      remove();\n    }\n  };\n}\n\nmodule.exports = function (list, options) {\n  options = options || {}; // Force single-tag solution on IE6-9, which has a hard limit on the # of <style>\n  // tags it will allow on a page\n\n  if (!options.singleton && typeof options.singleton !== 'boolean') {\n    options.singleton = isOldIE();\n  }\n\n  list = list || [];\n  var lastIdentifiers = modulesToDom(list, options);\n  return function update(newList) {\n    newList = newList || [];\n\n    if (Object.prototype.toString.call(newList) !== '[object Array]') {\n      return;\n    }\n\n    for (var i = 0; i < lastIdentifiers.length; i++) {\n      var identifier = lastIdentifiers[i];\n      var index = getIndexByIdentifier(identifier);\n      stylesInDom[index].references--;\n    }\n\n    var newLastIdentifiers = modulesToDom(newList, options);\n\n    for (var _i = 0; _i < lastIdentifiers.length; _i++) {\n      var _identifier = lastIdentifiers[_i];\n\n      var _index = getIndexByIdentifier(_identifier);\n\n      if (stylesInDom[_index].references === 0) {\n        stylesInDom[_index].updater();\n\n        stylesInDom.splice(_index, 1);\n      }\n    }\n\n    lastIdentifiers = newLastIdentifiers;\n  };\n};","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"body,\\nhtml {\\n  background-image: linear-gradient(to right bottom, #e3edf7, #dde7f1, #d7e1eb, #d2dce6, #ccd6e0, #ccd6e0, #ccd6e0, #ccd6e0, #d2dce6, #d7e1eb, #dde7f1, #e3edf7);\\n  color: #e3edf7;\\n  background-repeat: no-repeat;\\n  height: 100vh;\\n  width: 100vw;\\n  margin: 0;\\n  font-family: \\\"M PLUS Rounded 1c\\\", sans-serif;\\n}\\n\\nsection,\\naside,\\n.main,\\n.info-area,\\n.sleep-area,\\n.widget,\\n#infoCard,\\n#days,\\n#hydrationDaysLabel,\\n#hydrationBottleLabel,\\n#hydrationBottle,\\n.meter-container,\\n.sleep-titles {\\n  display: flex;\\n}\\n\\n.main,\\n.sleep-area,\\n#sleepWidget,\\n#infoCard,\\n#sleepAveragesWidget,\\n#hydrationWidget {\\n  flex-direction: column;\\n}\\n\\naside,\\n.sleep-titles,\\n.meter-container,\\n#days,\\n#hydrationDaysLabel,\\n#hydrationBottleLabel {\\n  justify-content: space-evenly;\\n}\\n\\n#meter-container-avg {\\n  margin-bottom: 5%;\\n}\\n\\nsection,\\n#infoCard,\\n#days,\\n#hydrationDaysLabel,\\n#hydrationBottleLabel,\\n#hydrationBottle,\\n#hydrationWidget {\\n  justify-content: center;\\n  align-items: center;\\n}\\n\\nsection,\\n#hydrationBottle,\\n#hydrationWidget .hydration-area,\\n#waterMeterContainer,\\n#waterBottle {\\n  height: 100%;\\n}\\n\\n.info-area,\\n.sleep-area,\\n.widget-area,\\n#hydrationVisual,\\n#hydrationDays,\\n#hydrationDaysLabel,\\n#hydrationBottleLabel,\\n#waterMeterContainer {\\n  width: 100%;\\n}\\n\\n#info,\\n#friends,\\n#days,\\n#hydrationDaysLabel,\\n#hydrationBottleLabel,\\n#dateSleepTitle,\\n#averageSleepTitle {\\n  text-align: center;\\n}\\n\\n#hydrationDaysLabel,\\n#hydrationBottleLabel {\\n  height: 10%;\\n}\\n\\n.main {\\n  height: 100vh;\\n  width: 100vw;\\n}\\n\\n.widget-area {\\n  height: 90%;\\n}\\n\\n#days {\\n  height: 6%;\\n}\\n\\n.info-area,\\n.sleep-area,\\n.hydration-area {\\n  height: 90%;\\n  width: 33%;\\n  justify-content: center;\\n  align-items: center;\\n  text-align: center;\\n}\\n\\n.widget {\\n  height: 80%;\\n  width: 90%;\\n  border-radius: 3rem;\\n  box-shadow: 10px 10px 12px -1px rgba(0, 0, 0, 0.61), -10px 10px 15px -1px rgba(255, 255, 255, 0.822);\\n}\\n\\n#infoCard {\\n  height: 100%;\\n  width: 95%;\\n  background-image: linear-gradient(to right bottom, #ff6968, #fe706e, #fc7675, #fb7c7b, #f98281, #f98281, #f98281, #f98281, #fb7c7b, #fc7675, #fe706e, #ff6968);\\n}\\n\\n#info {\\n  width: 60%;\\n  margin-bottom: 5%;\\n}\\n\\n#friends {\\n  width: 90%;\\n  overflow: auto;\\n  border-top: 4px solid white;\\n}\\n\\n::-webkit-scrollbar {\\n  -webkit-appearance: none;\\n  width: 10px;\\n}\\n\\n::-webkit-scrollbar-thumb {\\n  border-radius: 5px;\\n  background-color: rgba(0, 0, 0, 0.5);\\n  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\\n}\\n\\n#friendsHeader {\\n  margin-bottom: 8%;\\n  padding-top: 5%;\\n}\\n\\nh1 {\\n  font-size: x-large;\\n  font-weight: 600;\\n  margin: 2%;\\n}\\n\\n#name {\\n  font-size: 1.6rem;\\n  text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;\\n}\\n\\nh2 {\\n  font-size: large;\\n  font-weight: 700;\\n  margin: 0;\\n}\\n\\nh3 {\\n  font-size: medium;\\n  font-weight: 700;\\n  margin: 2%;\\n}\\n\\n#hydrationWidget {\\n  height: 100%;\\n  background-image: linear-gradient(to right bottom, #2ac3ff, #48c7fc, #5dcbfa, #6ecef7, #7ed2f5, #7ed2f5, #7ed2f5, #7ed2f5, #6ecef7, #5dcbfa, #48c7fc, #2ac3ff);\\n}\\n\\n#hydrationVisual {\\n  height: 60%;\\n}\\n\\n#hydrationBottleLabel {\\n  margin-top: 10%;\\n}\\n\\n#days {\\n  width: 100vw;\\n}\\n\\n.day-selector,\\n.input-hydration,\\n.save-layout-button {\\n  height: 80%;\\n  width: 10%;\\n  border: none;\\n  border-radius: 1rem;\\n  font-family: \\\"M PLUS Rounded 1c\\\", sans-serif;\\n  font-size: large;\\n  font-weight: 400;\\n  color: #e3edf7;\\n  background-image: linear-gradient(to right bottom, #4b4b86, #50508b, #56568f, #5b5b94, #616199, #616199, #616199, #616199, #5b5b94, #56568f, #50508b, #4b4b86);\\n  box-shadow: 5px 5px 12px -1px rgba(0, 0, 0, 0.61), -5px 5px 15px -1px rgba(255, 255, 255, 0.822);\\n}\\n\\nbutton {\\n  background-color: #466585;\\n  cursor: pointer;\\n}\\n\\n#waterMeter {\\n  height: 10%;\\n  width: 10%;\\n}\\n\\n#sleepWidget {\\n  background-image: linear-gradient(to right bottom, #5a65ff, #636dfe, #6d76fd, #757efc, #7e86fb, #7e86fb, #7e86fb, #7e86fb, #757efc, #6d76fd, #636dfe, #5a65ff);\\n  height: 55%;\\n  width: 100%;\\n}\\n\\n#sleepAveragesWidget {\\n  background-image: linear-gradient(to right bottom, #7a55fd, #8261fb, #8b6cf9, #9276f7, #9a81f4, #9a81f4, #9a81f4, #9a81f4, #9276f7, #8b6cf9, #8261fb, #7a55fd);\\n  height: 45%;\\n  width: 100%;\\n  margin-bottom: 2%;\\n}\\n\\n.sleep-meter {\\n  position: relative;\\n  height: 10rem;\\n  width: 10rem;\\n  border-radius: 50%;\\n  display: grid;\\n  place-items: center;\\n}\\n\\n.sleep-meter:before {\\n  content: \\\"\\\";\\n  position: absolute;\\n  height: 84%;\\n  width: 84%;\\n  background-color: #fff;\\n  border-radius: 50%;\\n}\\n\\n.sleep-data {\\n  position: relative;\\n  font-family: \\\"Poppins\\\", sans-serif;\\n  font-size: 2.5rem;\\n  color: purple;\\n  filter: none;\\n}\\n\\n#averageSleepTitle {\\n  margin-top: -2%;\\n}\\n\\n.sleep-titles {\\n  height: 5%;\\n  margin-bottom: 3%;\\n}\\n\\n.sleep-widget-pair {\\n  height: 100%;\\n  width: 90%;\\n}\\n\\n.input-hydration {\\n  height: 5%;\\n  width: 40%;\\n  background: #48494B;\\n  color: #fff;\\n  font-weight: 500;\\n  box-shadow: 5px 5px 12px -1px rgba(0, 0, 0, 0.61), -5px 5px 15px -1px rgba(0, 0, 0, 0.61);\\n  cursor: pointer;\\n}\\n\\n#hydrationForm {\\n  background-color: #2ac3ff;\\n  display: flex;\\n  flex-direction: column;\\n  align-items: center;\\n  justify-content: space-around;\\n  height: 400px;\\n  width: 250px;\\n  box-shadow: 5px 5px 12px -1px rgba(0, 0, 0, 0.61), -5px 5px 15px -1px rgba(0, 0, 0, 0.61);\\n  position: absolute;\\n  top: 50%;\\n  left: 50%;\\n  transform: translate(-50%, -50%);\\n}\\n\\n.pop-up-form {\\n  display: none;\\n  width: 100%;\\n  height: 100%;\\n  top: 0;\\n  left: 0;\\n  position: fixed;\\n  backdrop-filter: blur(6px);\\n}\\n\\n#hydrationForm input[type=date], #hydrationForm input[type=number] {\\n  background: white;\\n  width: 50%;\\n  height: 30px;\\n}\\n\\n#hydrationForm button {\\n  border-radius: 10%;\\n  width: 100px;\\n  height: 50px;\\n  border: none;\\n  font-size: 20px;\\n}\\n\\n#hydrationForm aside {\\n  display: flex;\\n  justify-content: space-around;\\n  width: 100%;\\n  align-items: center;\\n}\\n\\n.closeBtn {\\n  background-color: red;\\n  color: #fff;\\n}\\n\\n.form-error {\\n  color: red;\\n  font-weight: 900;\\n  text-align: center;\\n  margin: 0px;\\n}\\n\\n.hydration-form {\\n  margin-bottom: 0px;\\n}\\n\\n.formBtn {\\n  background-color: white;\\n}\\n\\nlabel {\\n  font-weight: 700;\\n}\\n\\n.blur {\\n  filter: blur(4px);\\n}\\n\\n.draggable {\\n  cursor: move;\\n}\\n\\n.draggable.dragging {\\n  opacity: 0.2;\\n}\\n\\n.drag-drop-icon {\\n  position: absolute;\\n  height: 8%;\\n  width: 8%;\\n}\\n\\n#dragAndDrop1 {\\n  top: 8%;\\n  left: 30%;\\n}\\n\\n#dragAndDrop2 {\\n  top: 8%;\\n  right: 30%;\\n}\\n\\n.drag-and-drop-hint {\\n  height: 4%;\\n}\\n\\n.drag-and-drop-label {\\n  color: black;\\n  margin: 0;\\n  font-weight: 600;\\n  text-align: center;\\n  padding-top: 5%;\\n}\\n\\n.save-layout-button {\\n  font-size: small;\\n  height: 100%;\\n  width: 60%;\\n  margin-top: 2%;\\n  cursor: pointer;\\n}\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/css/styles.css\"],\"names\":[],\"mappings\":\"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\",\"sourcesContent\":[\"body,\\nhtml {\\n  background-image: linear-gradient(to right bottom, #e3edf7, #dde7f1, #d7e1eb, #d2dce6, #ccd6e0, #ccd6e0, #ccd6e0, #ccd6e0, #d2dce6, #d7e1eb, #dde7f1, #e3edf7);\\n  color: #e3edf7;\\n  background-repeat: no-repeat;\\n  height: 100vh;\\n  width: 100vw;\\n  margin: 0;\\n  font-family: 'M PLUS Rounded 1c', sans-serif;\\n}\\n\\nsection,\\naside,\\n.main, \\n.info-area,\\n.sleep-area,\\n.widget,\\n#infoCard,\\n#days,\\n#hydrationDaysLabel,\\n#hydrationBottleLabel,\\n#hydrationBottle,\\n.meter-container,\\n.sleep-titles {\\n  display: flex;\\n}\\n\\n.main,\\n.sleep-area,\\n#sleepWidget,\\n#infoCard,\\n#sleepAveragesWidget,\\n#hydrationWidget {\\n  flex-direction: column;\\n}\\n\\naside,\\n.sleep-titles,\\n.meter-container,\\n#days,\\n#hydrationDaysLabel,\\n#hydrationBottleLabel {\\n  justify-content: space-evenly;\\n}\\n\\n#meter-container-avg {\\n  margin-bottom: 5%;\\n}\\n\\nsection,\\n#infoCard,\\n#days,\\n#hydrationDaysLabel,\\n#hydrationBottleLabel,\\n#hydrationBottle,\\n#hydrationWidget {\\n  justify-content: center;\\n  align-items: center;\\n}\\n\\nsection,\\n#hydrationBottle,\\n#hydrationWidget\\n.hydration-area,\\n#waterMeterContainer,\\n#waterBottle {\\n  height: 100%;\\n}\\n\\n.info-area,\\n.sleep-area,\\n.widget-area,\\n#hydrationVisual,\\n#hydrationDays,\\n#hydrationDaysLabel,\\n#hydrationBottleLabel,\\n#waterMeterContainer {\\n  width: 100%;\\n}\\n\\n#info,\\n#friends,\\n#days,\\n#hydrationDaysLabel,\\n#hydrationBottleLabel,\\n#dateSleepTitle,\\n#averageSleepTitle {\\n  text-align: center;\\n}\\n\\n#hydrationDaysLabel,\\n#hydrationBottleLabel {\\n  height: 10%;\\n}\\n\\n.main {\\n  height: 100vh;\\n  width: 100vw;\\n}\\n\\n.widget-area {\\n  height: 90%;\\n}\\n\\n#days {\\n  height: 6%;\\n}\\n\\n.info-area,\\n.sleep-area,\\n.hydration-area {\\n  height: 90%;\\n  width: 33%;\\n  justify-content: center;\\n  align-items: center;\\n  text-align: center;\\n}\\n\\n.widget {\\n  height: 80%;\\n  width: 90%;\\n  border-radius: 3rem;\\n  box-shadow: 10px 10px 12px -1px rgba(0, 0, 0, 0.61),\\n    -10px 10px 15px -1px rgba(255, 255, 255, 0.822);\\n}\\n\\n#infoCard {\\n  height: 100%;\\n  width: 95%;\\n  background-image: linear-gradient(to right bottom, #ff6968, #fe706e, #fc7675, #fb7c7b, #f98281, #f98281, #f98281, #f98281, #fb7c7b, #fc7675, #fe706e, #ff6968);\\n}\\n\\n#info {\\n  width: 60%;\\n  margin-bottom: 5%;\\n}\\n\\n#friends {\\n  width: 90%;\\n  overflow: auto;\\n  border-top: 4px solid white;\\n}\\n\\n::-webkit-scrollbar {\\n  -webkit-appearance: none;\\n  width: 10px;\\n}\\n\\n::-webkit-scrollbar-thumb {\\n  border-radius: 5px;\\n  background-color: rgba(0,0,0,.5);\\n  -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);\\n}\\n\\n#friendsHeader {\\n  margin-bottom: 8%;\\n  padding-top: 5%;\\n}\\n\\nh1 {\\n  font-size: x-large;\\n  font-weight: 600;\\n  margin: 2%;\\n}\\n\\n#name {\\n  font-size: 1.6rem;\\n  text-shadow:\\n    -2px -2px 0 #000,\\n    2px -2px 0 #000,\\n    -2px 2px 0 #000,\\n    2px 2px 0 #000;\\n}\\n\\nh2 {\\n  font-size: large;\\n  font-weight: 700;\\n  margin: 0;\\n}\\n\\nh3 {\\n  font-size: medium;\\n  font-weight: 700;\\n  margin: 2%;\\n}\\n\\n#hydrationWidget {\\n  height: 100%;\\n  background-image: linear-gradient(to right bottom, #2ac3ff, #48c7fc, #5dcbfa, #6ecef7, #7ed2f5, #7ed2f5, #7ed2f5, #7ed2f5, #6ecef7, #5dcbfa, #48c7fc, #2ac3ff);\\n}\\n\\n#hydrationVisual {\\n  height: 60%;\\n}\\n\\n#hydrationBottleLabel {\\n  margin-top: 10%;\\n}\\n\\n#days {\\n  width: 100vw;\\n}\\n\\n.day-selector,\\n.input-hydration,\\n.save-layout-button {\\n  height: 80%;\\n  width: 10%;\\n  border: none;\\n  border-radius: 1rem;\\n  font-family: \\\"M PLUS Rounded 1c\\\", sans-serif;\\n  font-size: large;\\n  font-weight: 400;\\n  color: #e3edf7;\\n  background-image: linear-gradient(to right bottom, #4b4b86, #50508b, #56568f, #5b5b94, #616199, #616199, #616199, #616199, #5b5b94, #56568f, #50508b, #4b4b86);\\n  box-shadow: 5px 5px 12px -1px rgba(0, 0, 0, 0.61),\\n    -5px 5px 15px -1px rgba(255, 255, 255, 0.822);\\n}\\n\\nbutton {\\n  background-color: #466585;\\n  cursor: pointer;\\n}\\n\\n#waterMeter {\\n  height: 10%;\\n  width: 10%;\\n}\\n\\n#sleepWidget {\\n  background-image: linear-gradient(to right bottom, #5a65ff, #636dfe, #6d76fd, #757efc, #7e86fb, #7e86fb, #7e86fb, #7e86fb, #757efc, #6d76fd, #636dfe, #5a65ff);\\n  height: 55%;\\n  width: 100%;\\n  \\n}\\n\\n#sleepAveragesWidget {\\n  background-image: linear-gradient(to right bottom, #7a55fd, #8261fb, #8b6cf9, #9276f7, #9a81f4, #9a81f4, #9a81f4, #9a81f4, #9276f7, #8b6cf9, #8261fb, #7a55fd);\\n  height: 45%;\\n  width: 100%;\\n  margin-bottom: 2%;\\n}\\n\\n.sleep-meter {\\n  position: relative;\\n  height: 10rem;\\n  width: 10rem;\\n  border-radius: 50%;\\n  display: grid;\\n  place-items: center;\\n}\\n\\n.sleep-meter:before {\\n  content: \\\"\\\";\\n  position: absolute;\\n  height: 84%;\\n  width: 84%;\\n  background-color: #fff;\\n  border-radius: 50%;\\n}\\n\\n.sleep-data {\\n  position: relative;\\n  font-family: \\\"Poppins\\\", sans-serif;\\n  font-size: 2.5rem;\\n  color: purple;\\n  filter: none;\\n}\\n\\n#averageSleepTitle {\\n  margin-top: -2%;\\n}\\n\\n.sleep-titles {\\n  height: 5%;\\n  margin-bottom: 3%;\\n}\\n\\n.sleep-widget-pair {\\n  height: 100%;\\n  width: 90%;\\n}\\n\\n.input-hydration{\\n  height: 5%;\\n  width: 40%;\\n  background: #48494B;\\n  color: #fff;\\n  font-weight:500;\\n  box-shadow: 5px 5px 12px -1px rgba(0, 0, 0, 0.61),\\n    -5px 5px 15px -1px rgba(0, 0, 0, 0.61);\\n  cursor: pointer;\\n}\\n\\n#hydrationForm {\\n  background-color: #2ac3ff;\\n  display:flex;\\n  flex-direction: column;\\n  align-items: center;\\n  justify-content: space-around;\\n  height:400px;\\n  width:250px;\\n  box-shadow: 5px 5px 12px -1px rgba(0, 0, 0, 0.61),\\n    -5px 5px 15px -1px rgba(0, 0, 0, 0.61);\\n  position: absolute;\\n  top: 50%;\\n  left: 50%;\\n  transform: translate(-50%, -50%);\\n}\\n\\n.pop-up-form {\\n  display: none;\\n  width:100%;\\n  height: 100%;\\n  top: 0;\\n  left: 0;\\n  position: fixed;\\n  backdrop-filter: blur(6px);\\n}\\n\\n#hydrationForm input[type=date], #hydrationForm input[type=number]{\\n  background:white;\\n  width:50%;\\n  height:30px;\\n}\\n\\n#hydrationForm button {\\n  border-radius: 10%;\\n  width:100px;\\n  height:50px;\\n  border:none;\\n  font-size: 20px;\\n}\\n\\n#hydrationForm aside {\\n  display:flex;\\n  justify-content: space-around;\\n  width:100%;\\n  align-items: center;\\n}\\n\\n.closeBtn {\\n  background-color:red;\\n  color: #fff;\\n}\\n\\n.form-error {\\n  color: red;\\n  font-weight: 900;\\n  text-align: center;\\n  margin: 0px;\\n}\\n\\n.hydration-form {\\n  margin-bottom: 0px;\\n}\\n\\n.formBtn{\\n  background-color:white;\\n}\\n\\nlabel{\\n  font-weight:700;\\n}\\n\\n.blur {\\n  filter: blur(4px);\\n}\\n\\n.draggable {\\n  cursor: move;\\n}\\n\\n.draggable.dragging {\\n  opacity: 0.2;\\n}\\n\\n.drag-drop-icon {\\n  position: absolute;\\n  height: 8%;\\n  width: 8%;\\n}\\n\\n#dragAndDrop1 {\\n  top: 8%;\\n  left: 30%;\\n}\\n\\n#dragAndDrop2 {\\n  top: 8%;\\n  right: 30%;\\n}\\n\\n.drag-and-drop-hint{\\n  height: 4%;\\n}\\n\\n.drag-and-drop-label {\\n  color: black;\\n  margin: 0;\\n  font-weight: 600;\\n  text-align: center;\\n  padding-top: 5%;\\n}\\n\\n.save-layout-button {\\n  font-size: small;\\n  height: 100%;\\n  width: 60%;\\n  margin-top: 2%;\\n  cursor: pointer;\\n}\\n\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","\"use strict\";\n\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _iterableToArrayLimit(arr, i) { var _i = arr && (typeof Symbol !== \"undefined\" && arr[Symbol.iterator] || arr[\"@@iterator\"]); if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"] != null) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\nmodule.exports = function cssWithMappingToString(item) {\n  var _item = _slicedToArray(item, 4),\n      content = _item[1],\n      cssMapping = _item[3];\n\n  if (!cssMapping) {\n    return content;\n  }\n\n  if (typeof btoa === \"function\") {\n    // eslint-disable-next-line no-undef\n    var base64 = btoa(unescape(encodeURIComponent(JSON.stringify(cssMapping))));\n    var data = \"sourceMappingURL=data:application/json;charset=utf-8;base64,\".concat(base64);\n    var sourceMapping = \"/*# \".concat(data, \" */\");\n    var sourceURLs = cssMapping.sources.map(function (source) {\n      return \"/*# sourceURL=\".concat(cssMapping.sourceRoot || \"\").concat(source, \" */\");\n    });\n    return [content].concat(sourceURLs).concat([sourceMapping]).join(\"\\n\");\n  }\n\n  return [content].join(\"\\n\");\n};","\"use strict\";\n\n/*\n  MIT License http://www.opensource.org/licenses/mit-license.php\n  Author Tobias Koppers @sokra\n*/\n// css base code, injected by the css-loader\n// eslint-disable-next-line func-names\nmodule.exports = function (cssWithMappingToString) {\n  var list = []; // return the list of modules as css string\n\n  list.toString = function toString() {\n    return this.map(function (item) {\n      var content = cssWithMappingToString(item);\n\n      if (item[2]) {\n        return \"@media \".concat(item[2], \" {\").concat(content, \"}\");\n      }\n\n      return content;\n    }).join(\"\");\n  }; // import a list of modules into the list\n  // eslint-disable-next-line func-names\n\n\n  list.i = function (modules, mediaQuery, dedupe) {\n    if (typeof modules === \"string\") {\n      // eslint-disable-next-line no-param-reassign\n      modules = [[null, modules, \"\"]];\n    }\n\n    var alreadyImportedModules = {};\n\n    if (dedupe) {\n      for (var i = 0; i < this.length; i++) {\n        // eslint-disable-next-line prefer-destructuring\n        var id = this[i][0];\n\n        if (id != null) {\n          alreadyImportedModules[id] = true;\n        }\n      }\n    }\n\n    for (var _i = 0; _i < modules.length; _i++) {\n      var item = [].concat(modules[_i]);\n\n      if (dedupe && alreadyImportedModules[item[0]]) {\n        // eslint-disable-next-line no-continue\n        continue;\n      }\n\n      if (mediaQuery) {\n        if (!item[2]) {\n          item[2] = mediaQuery;\n        } else {\n          item[2] = \"\".concat(mediaQuery, \" and \").concat(item[2]);\n        }\n      }\n\n      list.push(item);\n    }\n  };\n\n  return list;\n};","export default \"images/user-icon.svg\";","export default \"images/sleep-icon.svg\";","export default \"images/hydration-icon.svg\";","export default \"images/friends-icon.svg\";","function fetchUserData(usersData) {\n  return fetch(\"http://localhost:3001/api/v1/users\")\n    .then((response) => response.json())\n    .then((data) => (usersData = data));\n}\nfunction fetchHydrationData(hydration) {\n  return fetch(\"http://localhost:3001/api/v1/hydration\")\n    .then((repsonse) => repsonse.json())\n    .then((data) => (hydration = data));\n}\n\nfunction fetchSleepData(sleep) {\n  return fetch(\"http://localhost:3001/api/v1/sleep\")\n    .then((repsonse) => repsonse.json())\n    .then((data) => (sleep = data));\n}\n\nfunction postHydrationData(date, numOunces, userID) {\n  fetch(\"http://localhost:3001/api/v1/hydration\", {\n    method: 'POST',\n    body: JSON.stringify({\n      date,\n      numOunces,\n      userID\n    }),\n    headers: { 'Content-Type': 'application/json' }\n  })\n  .then(response => {\n    if(!response.ok) {\n      throw new Error(\"There was an issue adding your hydration details. Please try again later.\")\n    }\n    return response.json();\n  })\n  .then(data => data)\n  .catch(error => popUpError.innerText = error.message)\n}\n\nexport { fetchHydrationData, fetchUserData, fetchSleepData, postHydrationData };\n","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.Speed = exports.CircularFluidMeter = void 0;\nconst CircularFluidMeter_1 = require(\"./meters/CircularFluidMeter/CircularFluidMeter\");\nObject.defineProperty(exports, \"CircularFluidMeter\", { enumerable: true, get: function () { return CircularFluidMeter_1.CircularFluidMeter; } });\nconst FluidLayer_1 = require(\"./meters/CircularFluidMeter/Layers/FluidLayer\");\nObject.defineProperty(exports, \"Speed\", { enumerable: true, get: function () { return FluidLayer_1.Speed; } });\n//# sourceMappingURL=index.js.map","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.CircularFluidMeter = void 0;\nconst BaseMeter_1 = require(\"../../base/BaseMeter\");\nconst BubblesLayer_1 = require(\"./Layers/BubblesLayer\");\nconst FluidLayer_1 = require(\"./Layers/FluidLayer\");\nconst ColorUtils_1 = require(\"../../utils/ColorUtils\");\nconst CircularFluidMeterConfig_1 = require(\"./CircularFluidMeterConfig\");\nconst ResponsiveUtils_1 = require(\"../../utils/ResponsiveUtils\");\nconst MathUtils_1 = require(\"../../utils/MathUtils\");\nclass CircularFluidMeter extends BaseMeter_1.BaseMeter {\n    constructor(container, config) {\n        super(container);\n        Object.defineProperty(this, \"_fluidConfiguration\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: void 0\n        });\n        Object.defineProperty(this, \"_layers\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: void 0\n        });\n        Object.defineProperty(this, \"_bubbles\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: new BubblesLayer_1.BubblesLayer()\n        });\n        Object.defineProperty(this, \"_meterDiameter\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: 0\n        });\n        Object.defineProperty(this, \"_targetProgress\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: void 0\n        });\n        Object.defineProperty(this, \"_progress\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: void 0\n        });\n        Object.defineProperty(this, \"_maxProgress\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: void 0\n        });\n        // computed value used to animate the variation of fluid when the progress changes\n        Object.defineProperty(this, \"_progressStepSpeed\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: 0\n        });\n        Object.defineProperty(this, \"_calculatedBorderWidth\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: 0\n        });\n        Object.defineProperty(this, \"_borderWidth\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: void 0\n        });\n        Object.defineProperty(this, \"_borderColor\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: '#ff00ff'\n        });\n        Object.defineProperty(this, \"_padding\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: 15\n        });\n        Object.defineProperty(this, \"_backgroundColor\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: '#ff00ff'\n        });\n        Object.defineProperty(this, \"_textColor\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: ''\n        });\n        Object.defineProperty(this, \"_fontFamily\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: 'Arial'\n        });\n        Object.defineProperty(this, \"_calculatedFontSize\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: 0\n        });\n        Object.defineProperty(this, \"_fontSize\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: void 0\n        });\n        Object.defineProperty(this, \"_textDropShadow\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: true\n        });\n        Object.defineProperty(this, \"_textShadowOpacity\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: void 0\n        });\n        Object.defineProperty(this, \"_textShadowColor\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: void 0\n        });\n        Object.defineProperty(this, \"_showProgress\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: true\n        });\n        Object.defineProperty(this, \"_showBubbles\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: true\n        });\n        Object.defineProperty(this, \"_bubbleColor\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: '#ffffff'\n        });\n        Object.defineProperty(this, \"_use3D\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: true\n        });\n        Object.defineProperty(this, \"_dropShadow\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: true\n        });\n        Object.defineProperty(this, \"_dropShadowColor\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: void 0\n        });\n        Object.defineProperty(this, \"_progressFormatter\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: (value) => `${value}%`\n        });\n        const computedConfig = Object.assign(Object.assign({}, CircularFluidMeterConfig_1.defaultConfig), config);\n        this._progress = computedConfig.initialProgress;\n        this._maxProgress = computedConfig.maxProgress;\n        this._borderWidth = computedConfig.borderWidth;\n        this._borderColor = computedConfig.borderColor;\n        this._padding = computedConfig.padding;\n        this._targetProgress = this._progress;\n        this._backgroundColor = computedConfig.backgroundColor;\n        this._fluidConfiguration = computedConfig.fluidConfiguration;\n        this._textColor = computedConfig.textColor;\n        this._textDropShadow = computedConfig.textDropShadow;\n        this._textShadowColor = computedConfig.textShadowColor;\n        this._textShadowOpacity = computedConfig.textShadowOpacity;\n        this._showProgress = computedConfig.showProgress;\n        this._fontFamily = computedConfig.fontFamily;\n        this._fontSize = computedConfig.fontSize;\n        this._showBubbles = computedConfig.showBubbles;\n        this._bubbleColor = computedConfig.bubbleColor;\n        this._use3D = computedConfig.use3D;\n        this._dropShadow = computedConfig.dropShadow;\n        this._dropShadowColor = computedConfig.dropShadowColor;\n        this._progressFormatter = computedConfig.progressFormatter;\n        this.calculateDrawingValues();\n    }\n    get progress() {\n        return this._progress;\n    }\n    set progress(value) {\n        this._targetProgress = (0, MathUtils_1.clamp)(value, 0, this._maxProgress);\n    }\n    get maxProgress() {\n        return this._maxProgress;\n    }\n    get borderWidth() {\n        return this._borderWidth;\n    }\n    set borderWidth(borderWidth) {\n        this._borderWidth = borderWidth;\n        this.calculateDrawingValues();\n    }\n    get borderColor() {\n        return this._borderColor;\n    }\n    set borderColor(color) {\n        this._borderColor = color;\n    }\n    get meterPadding() {\n        return this._padding;\n    }\n    set meterPadding(padding) {\n        this._padding = padding;\n        this.calculateDrawingValues();\n    }\n    get backgroundColor() {\n        return this._backgroundColor;\n    }\n    set backgroundColor(color) {\n        this._backgroundColor = color;\n    }\n    get textColor() {\n        return this._textColor;\n    }\n    set textColor(color) {\n        this._textColor = color;\n    }\n    get fontFamily() {\n        return this._fontFamily;\n    }\n    set fontFamily(family) {\n        this._fontFamily = family;\n    }\n    get fontSize() {\n        return this._fontSize;\n    }\n    set fontSize(size) {\n        this._fontSize = size;\n    }\n    get textDropShadow() {\n        return this._textDropShadow;\n    }\n    set textDropShadow(dropShadow) {\n        this._textDropShadow = dropShadow;\n    }\n    get textShadowOpacity() {\n        return this._textShadowOpacity;\n    }\n    set textShadowOpacity(alphaLevel) {\n        this._textShadowOpacity = (0, MathUtils_1.clamp)(alphaLevel, 0, 1);\n    }\n    get textShadowColor() {\n        return this._textShadowColor;\n    }\n    set textShadowColor(color) {\n        this._textShadowColor = color;\n    }\n    get showProgress() {\n        return this._showProgress;\n    }\n    set showProgress(show) {\n        this._showProgress = show;\n    }\n    get showBubbles() {\n        return this._showBubbles;\n    }\n    set showBubbles(show) {\n        this._showBubbles = show;\n    }\n    get bubbleColor() {\n        return this._bubbleColor;\n    }\n    set bubbleColor(color) {\n        this._bubbleColor = color;\n    }\n    get use3D() {\n        return this._use3D;\n    }\n    set use3D(show) {\n        this._use3D = show;\n    }\n    get dropShadow() {\n        return this._dropShadow;\n    }\n    set dropShadow(drop) {\n        this._dropShadow = drop;\n    }\n    get dropShadowColor() {\n        return this._dropShadowColor;\n    }\n    set dropShadowColor(color) {\n        this._dropShadowColor = color;\n    }\n    set progressFormatter(formatter) {\n        this._progressFormatter = formatter;\n    }\n    draw() {\n        this.clear();\n        if (this._meterDiameter <= 0 || !this._width || !this._height) {\n            return;\n        }\n        if (this._dropShadow) {\n            this._context.save();\n            this._context.beginPath();\n            this._context.shadowColor = this._dropShadowColor;\n            this._context.shadowBlur = 10;\n            this._context.shadowOffsetY = 5;\n            this._context.arc(this._width / 2, this._height / 2, this._meterDiameter / 2 - 1, 0, 2 * Math.PI);\n            this._context.closePath();\n            this._context.fill();\n            this._context.restore();\n        }\n        this.drawBackground();\n        // #region clip\n        this._context.save();\n        this._context.arc(this._width / 2, this._height / 2, this._meterDiameter / 2 - this._calculatedBorderWidth, 0, Math.PI * 2);\n        this._context.clip();\n        // #endregion\n        if (this._layers) {\n            this.drawLayer(this._layers[0], false);\n            this.drawLayer(this._layers[1]);\n        }\n        if (this._showBubbles) {\n            this._bubbles.updateBubbleCount();\n            this.drawBubbles();\n        }\n        if (this._showProgress) {\n            this.drawText();\n        }\n        // restore clip\n        this._context.restore();\n        // can draw in whole canvas again\n        this.drawForeground();\n    }\n    clear() {\n        this._context.clearRect(0, 0, this._width, this._height);\n    }\n    /**\n     * calculates the values required to correctly draw all components.\n     * should be called on init and on resize or when some key value\n     * changes such as border width or padding\n     */\n    calculateDrawingValues() {\n        this._meterDiameter = this.calculateMeterDiameter();\n        this._layers = FluidLayer_1.FluidLayerHelper.buildFluidLayersFromConfiguration(this._fluidConfiguration, this._meterDiameter);\n        // other computed values\n        this._progressStepSpeed = this._maxProgress / 6;\n        // responsive (if required)\n        const screenWidth = window.innerWidth;\n        if (typeof this._borderWidth == 'number') {\n            this._calculatedBorderWidth = this._borderWidth;\n        }\n        else {\n            this._calculatedBorderWidth = (0, ResponsiveUtils_1.getResponsiveValue)(screenWidth, this._borderWidth);\n        }\n        if (typeof this._fontSize == 'number') {\n            this._calculatedFontSize = this._fontSize;\n        }\n        else {\n            this._calculatedFontSize = (0, ResponsiveUtils_1.getResponsiveValue)(screenWidth, this._fontSize);\n        }\n        // values for the bubble layer\n        this.updateBubbleLayer();\n        this._bubbles.reset();\n    }\n    updateBubbleLayer() {\n        const meterBottomLimit = this.getMeterBottomLimit();\n        let yThreshold = this.getFluidLevel();\n        if (this._layers) {\n            yThreshold += this._layers[0].waveAmplitude;\n        }\n        let minY = meterBottomLimit * 0.85;\n        if (minY < yThreshold) {\n            minY = yThreshold;\n        }\n        const maxY = meterBottomLimit;\n        const minX = this._width / 2 - this._meterDiameter / 2;\n        const maxX = this._width / 2 + this._meterDiameter / 2;\n        this._bubbles.minY = minY;\n        this._bubbles.maxY = maxY;\n        this._bubbles.minX = minX;\n        this._bubbles.maxX = maxX;\n        this._bubbles.yThreshold = yThreshold;\n        this._bubbles.averageSize = this._meterDiameter * 0.006;\n        this._bubbles.averageSpeed = (this._meterDiameter * 2) / 14; // should take X seconds to go from bottom to top\n        this._bubbles.speedDeviation = this._bubbles.averageSpeed * 0.25;\n        // calculate the amount of bubbles depending on the fill percentage\n        let maxBubbles = this._width * 0.1;\n        if (this._progress < this._maxProgress * 0.5 &&\n            this._progress >= this._maxProgress * 0.25) {\n            maxBubbles = maxBubbles * 0.5;\n        }\n        else if (this._progress < this._maxProgress * 0.25 &&\n            this._progress >= this._maxProgress * 0.12) {\n            maxBubbles = maxBubbles * 0.18;\n        }\n        else if (this._progress < this._maxProgress * 0.12) {\n            maxBubbles = maxBubbles * 0.04;\n        }\n        this._bubbles.total = maxBubbles;\n    }\n    // bottom limit where fluid gets drawn\n    getMeterBottomLimit() {\n        return (this._height -\n            (this._height - this._meterDiameter) / 2 -\n            this._calculatedBorderWidth);\n    }\n    // returns the line where the fluid makes waves\n    getFluidLevel() {\n        let waveAmplitudeCalculation = 0;\n        if (this._layers) {\n            waveAmplitudeCalculation = this._layers[0].waveAmplitude / 2;\n        }\n        const meterFillPercentage = ((this._meterDiameter -\n            waveAmplitudeCalculation -\n            this._calculatedBorderWidth * 2) *\n            this._progress) /\n            this._maxProgress;\n        return this.getMeterBottomLimit() - meterFillPercentage;\n    }\n    updateProgress() {\n        if (this._progress === this._targetProgress) {\n            return;\n        }\n        if (this._progress < this._targetProgress) {\n            this._progress += this._progressStepSpeed * this._elapsed;\n            if (this._progress > this._targetProgress) {\n                this._progress = this._targetProgress;\n            }\n        }\n        else if (this._progress > this._targetProgress) {\n            this._progress -= this._progressStepSpeed * this._elapsed;\n            if (this._progress < this._targetProgress) {\n                this._progress = this._targetProgress;\n            }\n        }\n        this.updateBubbleLayer();\n    }\n    /**\n     * draws a fluid layer\n     * @param layer layer to draw\n     * @param canUse3d will add gradients and details to give an impression of depth\n     */\n    drawLayer(layer, canUse3d = true) {\n        // calculate wave angle\n        let angle = layer.angle + layer.waveSpeed * this._elapsed;\n        if (angle > Math.PI * 2) {\n            angle = angle - Math.PI * 2;\n        }\n        layer.angle = angle;\n        // calculate horizontal position\n        layer.horizontalPosition += layer.horizontalSpeed * this._elapsed;\n        let x = 0;\n        let y = 0;\n        const amplitude = layer.waveAmplitude * Math.sin(layer.angle);\n        const meterBottom = this.getMeterBottomLimit();\n        const fluidAmount = this.getFluidLevel();\n        this.updateProgress();\n        this._context.save();\n        this._context.beginPath();\n        this._context.lineTo(0, fluidAmount);\n        while (x < this._width) {\n            y =\n                fluidAmount +\n                    amplitude * Math.sin((x + layer.horizontalPosition) / layer.frequency);\n            this._context.lineTo(x, y);\n            x++;\n        }\n        this._context.lineTo(x, this._height);\n        this._context.lineTo(0, this._height);\n        this._context.closePath();\n        if (this._use3D && canUse3d) {\n            const x1 = this._width / 2;\n            const y1 = meterBottom;\n            const r1 = this._meterDiameter * 0.05;\n            const gradientBackgroundFill = this._context.createRadialGradient(x1, y1, r1, x1, y1, this._meterDiameter * 0.65);\n            const startColor = layer.color;\n            const endColor = ColorUtils_1.ColorUtils.pSBC(-0.8, layer.color);\n            gradientBackgroundFill.addColorStop(0, startColor);\n            if (endColor) {\n                gradientBackgroundFill.addColorStop(1, endColor);\n            }\n            this._context.fillStyle = gradientBackgroundFill;\n        }\n        else {\n            this._context.fillStyle = layer.color;\n        }\n        this._context.fill();\n        this._context.restore();\n    }\n    drawText() {\n        const text = this._progressFormatter(this._progress);\n        this._context.save();\n        this._context.font = `${this._calculatedFontSize}px ${this._fontFamily}`;\n        this._context.fillStyle = this._textColor;\n        this._context.textAlign = 'center';\n        this._context.textBaseline = 'middle';\n        if (this._textDropShadow) {\n            this._context.save();\n            this._context.shadowColor = this._textShadowColor;\n            this._context.shadowBlur = 7;\n            this._context.globalAlpha = this._textShadowOpacity;\n            this._context.fillText(text, this._width / 2, this._height / 2);\n            this._context.restore();\n        }\n        this._context.fillText(text, this._width / 2, this._height / 2);\n        this._context.restore();\n    }\n    drawBackground() {\n        this._context.save();\n        this._context.beginPath();\n        this._context.arc(this._width / 2, this._height / 2, this._meterDiameter / 2 - this._calculatedBorderWidth, 0, 2 * Math.PI);\n        this._context.closePath();\n        if (this._use3D) {\n            const x1 = this._width / 2;\n            const y1 = this._height / 2;\n            const r1 = this._meterDiameter * 0.1;\n            const gradientBackgroundFill = this._context.createRadialGradient(x1, y1, r1, x1, y1, this._meterDiameter * 0.75);\n            const startColor = this._backgroundColor;\n            const endColor = ColorUtils_1.ColorUtils.pSBC(-0.8, this.backgroundColor);\n            gradientBackgroundFill.addColorStop(0, startColor);\n            if (endColor) {\n                gradientBackgroundFill.addColorStop(0.9, endColor);\n            }\n            this._context.fillStyle = gradientBackgroundFill;\n        }\n        else {\n            this._context.fillStyle = this.backgroundColor;\n        }\n        this._context.fill();\n        this._context.restore();\n    }\n    drawForeground() {\n        this._context.save();\n        this._context.lineWidth = this._calculatedBorderWidth;\n        this._context.strokeStyle = this._borderColor;\n        this._context.beginPath();\n        this._context.arc(this._width / 2, this._height / 2, this._meterDiameter / 2 - this._calculatedBorderWidth / 2, 0, 2 * Math.PI);\n        this._context.closePath();\n        this._context.stroke();\n        // inner border\n        const innerBorderColor = ColorUtils_1.ColorUtils.pSBC(-0.35, this._borderColor);\n        const innerBorderWidth = this._calculatedBorderWidth * 0.25;\n        this._context.lineWidth = innerBorderWidth;\n        this._context.strokeStyle = innerBorderColor || this._borderColor;\n        this._context.beginPath();\n        this._context.arc(this._width / 2, this._height / 2, this._meterDiameter / 2 -\n            this._calculatedBorderWidth * 0.85 -\n            innerBorderWidth / 2, 0, 2 * Math.PI);\n        this._context.closePath();\n        this._context.stroke();\n        // outer border\n        const outerBorderColor = ColorUtils_1.ColorUtils.pSBC(0.05, this._borderColor);\n        const outerBorderWidth = this._calculatedBorderWidth * 0.15;\n        this._context.lineWidth = outerBorderWidth;\n        this._context.strokeStyle = outerBorderColor || this._borderColor;\n        this._context.beginPath();\n        this._context.arc(this._width / 2, this._height / 2, this._meterDiameter / 2 - outerBorderWidth / 2, 0, 2 * Math.PI);\n        this._context.closePath();\n        this._context.stroke();\n        this._context.restore();\n        // details\n        if (this._use3D) {\n            this._context.save();\n            this._context.shadowColor = '#ffffff';\n            this._context.shadowBlur = 17;\n            const availableSurface = this._meterDiameter - this._calculatedBorderWidth;\n            let x = this._width / 2 - availableSurface / 4.5;\n            let y = this._height / 2 - availableSurface / 5.27;\n            let size = availableSurface * 0.045;\n            const shineTop = new Path2D();\n            shineTop.arc(-this._width * 2, y, size, 0, 2 * Math.PI);\n            this._context.shadowOffsetX = this._width * 2 + x;\n            this._context.globalAlpha = 0.7;\n            this._context.fill(shineTop);\n            this._context.restore();\n            this._context.save();\n            this._context.shadowColor = '#ffffff';\n            this._context.shadowBlur = 11;\n            x = this._width / 2 + availableSurface / 5;\n            y = this._height / 2 + availableSurface / 4;\n            size = availableSurface * 0.025;\n            const shineBottom = new Path2D();\n            shineBottom.arc(-this._width * 2, y, size, 0, 2 * Math.PI);\n            this._context.shadowOffsetX = this._width * 2 + x;\n            this._context.globalAlpha = 0.45;\n            this._context.fill(shineBottom);\n            this._context.restore();\n        }\n    }\n    drawBubbles() {\n        this._context.save();\n        this._bubbles.bubbles.forEach((bubble) => {\n            bubble.update(this._elapsed);\n            if (bubble.isDead || bubble.y < this._bubbles.yThreshold) {\n                this._bubbles.resetBubble(bubble);\n            }\n            this._context.beginPath();\n            this._context.strokeStyle = this._bubbleColor;\n            this._context.arc(bubble.x - bubble.currentRadius / 2, bubble.y - bubble.currentRadius / 2, bubble.currentRadius, 0, 2 * Math.PI);\n            this._context.filter = `opacity(${bubble.currentOpacity})`;\n            this._context.stroke();\n            this._context.closePath();\n        });\n        this._context.restore();\n    }\n    calculateMeterDiameter() {\n        if (this._width >= this._height) {\n            return this._height - this._padding;\n        }\n        else {\n            return this._width - this._padding;\n        }\n    }\n    resize() {\n        super.resize();\n        this.calculateDrawingValues();\n        this._bubbles.reset();\n    }\n}\nexports.CircularFluidMeter = CircularFluidMeter;\n//# sourceMappingURL=CircularFluidMeter.js.map","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.BaseMeter = void 0;\nclass BaseMeter {\n    constructor(container) {\n        Object.defineProperty(this, \"_container\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: void 0\n        });\n        Object.defineProperty(this, \"_canvas\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: void 0\n        });\n        Object.defineProperty(this, \"_context\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: void 0\n        });\n        Object.defineProperty(this, \"_width\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: 0\n        });\n        Object.defineProperty(this, \"_height\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: 0\n        });\n        Object.defineProperty(this, \"_time\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: 0\n        });\n        Object.defineProperty(this, \"_elapsed\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: 0\n        });\n        Object.defineProperty(this, \"_animationRequestId\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: 0\n        });\n        // references\n        Object.defineProperty(this, \"_updateBind\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: void 0\n        });\n        Object.defineProperty(this, \"_resizeBind\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: void 0\n        });\n        this._container = container;\n        const size = this._container.getBoundingClientRect();\n        this._width = Math.floor(size.width);\n        this._height = Math.floor(size.height);\n        this._canvas = document.createElement('canvas');\n        this._canvas.width = this._width;\n        this._canvas.height = this._height;\n        const currentContext = this._canvas.getContext('2d');\n        if (currentContext) {\n            this._context = currentContext;\n        }\n        else {\n            throw 'unable to get 2d context';\n        }\n        this._container.appendChild(this._canvas);\n        // setup references\n        this._updateBind = this.update.bind(this);\n        this._resizeBind = this.resize.bind(this);\n        this._animationRequestId = requestAnimationFrame(this._updateBind);\n        window.addEventListener('resize', this._resizeBind);\n    }\n    update() {\n        const now = new Date().getTime();\n        this._elapsed = (now - (this._time || now)) / 1000;\n        this._time = now;\n        this._animationRequestId = requestAnimationFrame(this._updateBind);\n        this.draw();\n    }\n    resize() {\n        if (this._container !== undefined) {\n            const size = this._container.getBoundingClientRect();\n            const width = Math.floor(size.width);\n            const height = Math.floor(size.height);\n            this._width = width;\n            this._height = height;\n            this._canvas.width = width;\n            this._canvas.height = height;\n        }\n    }\n    dispose() {\n        cancelAnimationFrame(this._animationRequestId);\n        window.removeEventListener('resize', this._resizeBind);\n    }\n}\nexports.BaseMeter = BaseMeter;\n//# sourceMappingURL=BaseMeter.js.map","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.BubblesLayer = void 0;\nconst MathUtils_1 = require(\"../../../utils/MathUtils\");\nclass BubblesLayer {\n    constructor() {\n        Object.defineProperty(this, \"bubbles\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: []\n        });\n        Object.defineProperty(this, \"total\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: 22\n        });\n        Object.defineProperty(this, \"averageSpeed\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: 50\n        });\n        Object.defineProperty(this, \"speedDeviation\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: 12\n        });\n        Object.defineProperty(this, \"current\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: 0\n        });\n        Object.defineProperty(this, \"swing\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: 0\n        });\n        Object.defineProperty(this, \"averageSize\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: 4\n        });\n        // spawning limits\n        Object.defineProperty(this, \"minX\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: 0\n        });\n        Object.defineProperty(this, \"maxX\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: 0\n        });\n        Object.defineProperty(this, \"minY\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: 0\n        });\n        Object.defineProperty(this, \"maxY\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: 0\n        });\n        // max y position\n        Object.defineProperty(this, \"yThreshold\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: 0\n        });\n    }\n    getBubble() {\n        const x = (0, MathUtils_1.random)(this.minX, this.maxX);\n        const y = (0, MathUtils_1.random)(this.minY, this.maxY);\n        const r = (0, MathUtils_1.random)(this.averageSize * 0.5, this.averageSize * 1.5);\n        const opacity = r < this.averageSize ? 0.5 : 1;\n        const velY = (0, MathUtils_1.random)(this.averageSpeed - this.speedDeviation, this.averageSpeed + this.speedDeviation);\n        // lifespan is calculated in based on how long the particles will reach surface (y threshold)\n        const totalDistance = y - this.yThreshold;\n        const particleLife = totalDistance / velY;\n        return new BubbleParticle(x, y, r, velY, particleLife, opacity);\n    }\n    resetBubble(bubble) {\n        this.bubbles = this.bubbles.filter((b) => b !== bubble);\n        if (this.bubbles.length < this.total) {\n            this.bubbles.push(this.getBubble());\n        }\n    }\n    updateBubbleCount() {\n        if (this.bubbles.length < this.total) {\n            const missing = this.total - this.bubbles.length;\n            for (let i = 0; i < missing; i++) {\n                this.bubbles.push(this.getBubble());\n            }\n        }\n    }\n    reset() {\n        this.bubbles = [];\n        for (let i = 0; i < this.total; i++) {\n            this.bubbles.push(this.getBubble());\n        }\n    }\n}\nexports.BubblesLayer = BubblesLayer;\nclass BubbleParticle {\n    constructor(x, y, r, velY, lifespan, opacity = 1) {\n        Object.defineProperty(this, \"x\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: 0\n        });\n        Object.defineProperty(this, \"y\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: 0\n        });\n        Object.defineProperty(this, \"r\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: 0\n        });\n        Object.defineProperty(this, \"velY\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: 0\n        });\n        Object.defineProperty(this, \"lifespan\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: 0\n        });\n        Object.defineProperty(this, \"currentRadius\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: 0\n        });\n        Object.defineProperty(this, \"currentLifespan\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: 0\n        });\n        Object.defineProperty(this, \"opacityThreshold\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: 0\n        });\n        Object.defineProperty(this, \"currentOpacity\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: 1\n        });\n        Object.defineProperty(this, \"opacityDecayingSpeed\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: 0\n        });\n        this.x = x;\n        this.y = y;\n        this.r = r;\n        this.velY = velY;\n        this.lifespan = lifespan;\n        this.currentLifespan = lifespan;\n        this.currentOpacity = opacity;\n        /**\n         *  calculate opacity decrease factor base on lifespan:\n         * particles will fade out when they reach X% of their life\n         */\n        this.opacityThreshold = this.lifespan * 0.2;\n        this.opacityDecayingSpeed = (100 / this.lifespan) * 0.2;\n    }\n    get isDead() {\n        return this.currentLifespan <= 0;\n    }\n    update(elapsed) {\n        this.y -= this.velY * elapsed;\n        if (this.currentRadius < this.r) {\n            this.currentRadius += 20 * elapsed;\n        }\n        if (this.currentLifespan < this.opacityThreshold) {\n            this.currentOpacity -= this.opacityDecayingSpeed * elapsed;\n            if (this.currentOpacity <= 0) {\n                this.currentOpacity = 0;\n            }\n        }\n        this.currentLifespan -= elapsed;\n    }\n}\n//# sourceMappingURL=BubblesLayer.js.map","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.random = exports.clamp = void 0;\nconst clamp = (number, min, max) => {\n    return Math.min(Math.max(number, min), max);\n};\nexports.clamp = clamp;\nconst random = (min, max) => {\n    const delta = max - min;\n    return max === min ? min : Math.random() * delta + min;\n};\nexports.random = random;\n//# sourceMappingURL=MathUtils.js.map","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.Speed = exports.FluidLayerHelper = void 0;\nconst ColorUtils_1 = require(\"../../../utils/ColorUtils\");\nvar Speed;\n(function (Speed) {\n    Speed[Speed[\"SLOW\"] = 0] = \"SLOW\";\n    Speed[Speed[\"NORMAL\"] = 1] = \"NORMAL\";\n    Speed[Speed[\"FAST\"] = 2] = \"FAST\";\n})(Speed || (Speed = {}));\nexports.Speed = Speed;\nclass FluidLayerSettings {\n}\nObject.defineProperty(FluidLayerSettings, \"ANGULAR_SPEED_NORMAL\", {\n    enumerable: true,\n    configurable: true,\n    writable: true,\n    value: Math.PI / 2\n});\nObject.defineProperty(FluidLayerSettings, \"ANGULAR_SPEED_FAST\", {\n    enumerable: true,\n    configurable: true,\n    writable: true,\n    value: Math.PI\n});\nObject.defineProperty(FluidLayerSettings, \"ANGULAR_SPEED_SLOW\", {\n    enumerable: true,\n    configurable: true,\n    writable: true,\n    value: Math.PI / 4\n});\nObject.defineProperty(FluidLayerSettings, \"HORIZONTAL_SPEED_NORMAL\", {\n    enumerable: true,\n    configurable: true,\n    writable: true,\n    value: 55\n});\nObject.defineProperty(FluidLayerSettings, \"HORIZONTAL_SPEED_FAST\", {\n    enumerable: true,\n    configurable: true,\n    writable: true,\n    value: 155\n});\nObject.defineProperty(FluidLayerSettings, \"HORIZONTAL_SPEED_SLOW\", {\n    enumerable: true,\n    configurable: true,\n    writable: true,\n    value: 25\n});\nclass FluidLayerHelper {\n    static buildFluidLayersFromConfiguration(configuration, meterDiameter) {\n        // determine values\n        let waveSpeed = FluidLayerSettings.ANGULAR_SPEED_NORMAL;\n        let horizontalSpeed = FluidLayerSettings.HORIZONTAL_SPEED_NORMAL;\n        const frequency = this.calculateFrequency(meterDiameter);\n        switch (configuration.horizontalSpeed) {\n            case Speed.FAST:\n                horizontalSpeed = FluidLayerSettings.HORIZONTAL_SPEED_FAST;\n                break;\n            case Speed.SLOW:\n                horizontalSpeed = FluidLayerSettings.HORIZONTAL_SPEED_SLOW;\n                break;\n            default:\n                horizontalSpeed = FluidLayerSettings.HORIZONTAL_SPEED_NORMAL;\n                break;\n        }\n        switch (configuration.waveSpeed) {\n            case Speed.FAST:\n                waveSpeed = FluidLayerSettings.ANGULAR_SPEED_FAST;\n                break;\n            case Speed.SLOW:\n                waveSpeed = FluidLayerSettings.ANGULAR_SPEED_SLOW;\n                break;\n            default:\n                waveSpeed = FluidLayerSettings.ANGULAR_SPEED_NORMAL;\n                break;\n        }\n        const backgroundColor = ColorUtils_1.ColorUtils.pSBC(-0.75, configuration.color || '#ffffff');\n        const waveAmplitude = this.calculateWaveAmplitude(meterDiameter);\n        const foreGroundLayer = {\n            angle: 0,\n            horizontalPosition: 0,\n            color: configuration.color || '#ffffff',\n            frequency: frequency,\n            waveAmplitude: waveAmplitude,\n            horizontalSpeed: horizontalSpeed,\n            waveSpeed: waveSpeed\n        };\n        const backgroundLayer = {\n            angle: 0,\n            horizontalPosition: 0,\n            color: backgroundColor\n                ? backgroundColor\n                : configuration.color || '#ffffff',\n            frequency: frequency,\n            waveAmplitude: waveAmplitude,\n            horizontalSpeed: -horizontalSpeed,\n            waveSpeed: waveSpeed\n        };\n        return [backgroundLayer, foreGroundLayer];\n    }\n    static calculateWaveAmplitude(meterDiameter) {\n        return meterDiameter * 0.021;\n    }\n    static calculateFrequency(meterDiameter) {\n        return meterDiameter / 11;\n    }\n}\nexports.FluidLayerHelper = FluidLayerHelper;\n//# sourceMappingURL=FluidLayer.js.map","\"use strict\";\n/**\n * https://stackoverflow.com/questions/5560248/programmatically-lighten-or-darken-a-hex-color-or-rgb-and-blend-colors\n * all credits to\n * https://stackoverflow.com/users/740553/mike-pomax-kamermans\n */\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.ColorUtils = void 0;\nclass ColorUtils {\n    static pSBC(p, c0, c1 = null, l = null) {\n        let h;\n        let r;\n        let g;\n        let b;\n        let t;\n        let a = typeof c1 == 'string';\n        let P;\n        let f;\n        const m = Math.round;\n        (h = c0.length > 9),\n            (h = a ? (c1.length > 9 ? true : c1 == 'c' ? !h : false) : h),\n            (f = this.pSBCr(c0)),\n            (P = p < 0),\n            (t =\n                c1 && c1 != 'c'\n                    ? this.pSBCr(c1)\n                    : P\n                        ? { r: 0, g: 0, b: 0, a: -1 }\n                        : { r: 255, g: 255, b: 255, a: -1 }),\n            (p = P ? p * -1 : p),\n            (P = 1 - p);\n        if (!f || !t)\n            return null;\n        if (l)\n            (r = m(P * f.r + p * t.r)),\n                (g = m(P * f.g + p * t.g)),\n                (b = m(P * f.b + p * t.b));\n        else\n            (r = m(Math.pow((P * Math.pow(f.r, 2) + p * Math.pow(t.r, 2)), 0.5))),\n                (g = m(Math.pow((P * Math.pow(f.g, 2) + p * Math.pow(t.g, 2)), 0.5))),\n                (b = m(Math.pow((P * Math.pow(f.b, 2) + p * Math.pow(t.b, 2)), 0.5)));\n        (a = f.a),\n            (t = t.a),\n            (f = a >= 0 || t >= 0),\n            (a = f ? (a < 0 ? t : t < 0 ? a : a * P + t * p) : 0);\n        if (h)\n            return ('rgb' +\n                (f ? 'a(' : '(') +\n                r +\n                ',' +\n                g +\n                ',' +\n                b +\n                (f ? ',' + m(a * 1000) / 1000 : '') +\n                ')');\n        else\n            return ('#' +\n                (4294967296 + r * 16777216 + g * 65536 + b * 256 + (f ? m(a * 255) : 0))\n                    .toString(16)\n                    .slice(1, f ? undefined : -2));\n    }\n    static pSBCr(d) {\n        let r, g, b, a;\n        const i = parseInt;\n        const m = Math.round;\n        let n = d.length;\n        const x = {\n            r: 0,\n            g: 0,\n            b: 0,\n            a: 0\n        };\n        if (n > 9) {\n            ([r, g, b, a] = d.split(',')), (n = d.length);\n            if (n < 3 || n > 4)\n                return null;\n            (x.r = i(r[3] == 'a' ? r.slice(5) : r.slice(4))),\n                (x.g = i(g)),\n                (x.b = i(b)),\n                (x.a = a ? parseFloat(a) : -1);\n        }\n        else {\n            if (n == 8 || n == 6 || n < 4)\n                return null;\n            if (n < 6)\n                d =\n                    '#' +\n                        d[1] +\n                        d[1] +\n                        d[2] +\n                        d[2] +\n                        d[3] +\n                        d[3] +\n                        (n > 4 ? d[4] + d[4] : '');\n            const d1 = i(d.slice(1), 16);\n            if (n == 9 || n == 5)\n                (x.r = (d1 >> 24) & 255),\n                    (x.g = (d1 >> 16) & 255),\n                    (x.b = (d1 >> 8) & 255),\n                    (x.a = m((d1 & 255) / 0.255) / 1000);\n            else\n                (x.r = d1 >> 16), (x.g = (d1 >> 8) & 255), (x.b = d1 & 255), (x.a = -1);\n        }\n        return x;\n    }\n}\nexports.ColorUtils = ColorUtils;\n//# sourceMappingURL=ColorUtils.js.map","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.defaultConfig = void 0;\nconst FluidLayer_1 = require(\"./Layers/FluidLayer\");\nconst defaultConfig = {\n    initialProgress: 0,\n    maxProgress: 100,\n    borderWidth: 30,\n    borderColor: '#75758b',\n    padding: 30,\n    backgroundColor: '#9f9fae',\n    showProgress: true,\n    showBubbles: true,\n    bubbleColor: '#ffffff',\n    textColor: '#ffffff',\n    textDropShadow: true,\n    textShadowOpacity: 1,\n    textShadowColor: '#000000',\n    fontFamily: 'Arial',\n    fontSize: 30,\n    use3D: true,\n    dropShadow: true,\n    dropShadowColor: '#000000',\n    progressFormatter: (value) => Math.round(value).toString(),\n    fluidConfiguration: {\n        color: '#ff0000',\n        waveSpeed: FluidLayer_1.Speed.NORMAL,\n        horizontalSpeed: FluidLayer_1.Speed.NORMAL\n    }\n};\nexports.defaultConfig = defaultConfig;\n//# sourceMappingURL=CircularFluidMeterConfig.js.map","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.getResponsiveValue = void 0;\nconst getResponsiveValue = (screenWidth, responsiveConfigs) => {\n    var _a, _b;\n    if (!responsiveConfigs.length) {\n        return 0;\n    }\n    const breakPoint = (_b = (_a = responsiveConfigs\n        .filter((c) => c.resolution <= screenWidth)) === null || _a === void 0 ? void 0 : _a.sort(breakPointCompare)) === null || _b === void 0 ? void 0 : _b[0];\n    if (!breakPoint) {\n        const minValue = responsiveConfigs.sort(breakPointCompare).reverse()[0];\n        return minValue ? minValue.value : 0;\n    }\n    else {\n        return breakPoint.value;\n    }\n};\nexports.getResponsiveValue = getResponsiveValue;\nconst breakPointCompare = (b1, b2) => {\n    if (b1.resolution < b2.resolution) {\n        return 1;\n    }\n    if (b1.resolution > b2.resolution) {\n        return -1;\n    }\n    return 0;\n};\n//# sourceMappingURL=ResponsiveUtils.js.map","function getUserData(userID, users) {\n  let findUser = users.find((user) => {\n    return user.id === userID;\n  });\n  let updatedFriends = findUser.friends.map((friend) => {\n    return users.find((match) => {\n      return match.id === friend;\n    });\n  });\n  findUser.friends = updatedFriends;\n  return findUser;\n}\n\nfunction getAverageSteps(users) {\n  let totalSteps = users.reduce((total, user) => {\n    total += user.dailyStepGoal;\n    return total;\n  }, 0);\n  return Math.round(totalSteps / users.length);\n}\n\nexport { \n  getUserData,\n  getAverageSteps\n}\n","function getAverageFluidOunce(userID, hydrationData) {\n  let count = 0;\n  let totalOunces = hydrationData.reduce((total, hydrate) => {\n    if (hydrate.userID === userID) {\n      total += hydrate.numOunces;\n      count++;\n    }\n    return total;\n  }, 0);\n  return Math.round(totalOunces / count);\n}\n\nfunction getFluidOunceForDay(userID, hydrationData, date) {\n  let foundHydrationData = hydrationData.find((data) => {\n    return data.userID === userID && data.date === date;\n  });\n  return foundHydrationData;\n}\n\nfunction getFluidOunceForWeek(userID, hydrationData) {\n  const usersWeekHydration = hydrationData.reduce((usersHydration, data) => {\n    if (data.userID === userID) {\n      usersHydration.push({\n        date: data.date,\n        ounces: data.numOunces,\n      });\n    }\n    return usersHydration;\n  }, []);\n  return usersWeekHydration;\n}\n\nexport { getAverageFluidOunce, getFluidOunceForDay, getFluidOunceForWeek };\n","function getAverageHoursSleptNet(userID, sleep) {\n  let allSleepData = sleep.sleepData.filter((data) => {\n    return data.userID === userID;\n  });\n  let netHours = allSleepData.reduce((acc, data) => {\n    acc += data.hoursSlept;\n    return acc;\n  }, 0);\n  return Math.round((10 * netHours) / allSleepData.length) / 10;\n}\n\nfunction getAverageSleepQualityNet(userID, sleep) {\n  let allSleepData = sleep.sleepData.filter((data) => {\n    return data.userID === userID;\n  });\n  let netQuality = allSleepData.reduce((acc, data) => {\n    acc += data.sleepQuality;\n    return acc;\n  }, 0);\n  return Math.round((10 * netQuality) / allSleepData.length) / 10;\n}\n\nfunction getHoursSlept(userID, sleep, date) {\n  let allSleepData = sleep.sleepData.filter((data) => {\n    return data.userID === userID;\n  });\n  let targetDate = allSleepData.find((data) => {\n    return data.date === date;\n  });\n  return targetDate.hoursSlept;\n}\n\nfunction getSleepQuality(userID, sleep, date) {\n  let allSleepData = sleep.sleepData.filter((data) => {\n    return data.userID === userID;\n  });\n  let targetDate = allSleepData.find((data) => {\n    return data.date === date;\n  });\n  return targetDate.sleepQuality;\n}\n\nfunction getHoursSleptWeek(userID, sleep) {\n  let allSleepData = sleep.sleepData.filter((data) => {\n    return data.userID === userID;\n  });\n  return allSleepData;\n}\n\nfunction getSleepQualityWeek(userID, sleep) {\n  let allSleepData = sleep.sleepData.filter((data) => {\n    return data.userID === userID;\n  });\n  return allSleepData;\n}\n\nexport {\n  getAverageHoursSleptNet,\n  getAverageSleepQualityNet,\n  getHoursSlept,\n  getSleepQuality,\n  getHoursSleptWeek,\n  getSleepQualityWeek,\n};\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\tid: moduleId,\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","__webpack_require__.nc = undefined;","import \"./css/styles.css\";\nimport \"./images/user-icon.svg\";\nimport \"./images/sleep-icon.svg\";\nimport \"./images/hydration-icon.svg\";\nimport \"./images/friends-icon.svg\";\nimport {\n  fetchHydrationData,\n  fetchUserData,\n  fetchSleepData,\n  postHydrationData,\n} from \"./apiCalls\";\nimport { CircularFluidMeter } from \"fluid-meter\";\nimport { getUserData, getAverageSteps } from \"./users\";\nimport {\n  getFluidOunceForDay,\n  getFluidOunceForWeek,\n  getAverageFluidOunce,\n} from \"./hydration\";\nimport {\n  getAverageHoursSleptNet,\n  getAverageSleepQualityNet,\n  getHoursSlept,\n  getSleepQuality,\n  getHoursSleptWeek,\n  getSleepQualityWeek,\n} from \"./sleep\";\n\nconst info = document.querySelector(\"#info\");\nconst friendsList = document.querySelector(\"#friends\");\nconst waterMeter = document.querySelector(\"#waterMeterContainer\");\nconst userHydrationDate = document.querySelector(\"#dateHydrationTitle\");\nconst dayButtons = document.querySelector(\"#days\");\nconst sleepHoursMeter = document.querySelector(\"#sleepHoursMeter\");\nconst sleepHours = document.querySelector(\"#sleepHours\");\nconst sleepQualityMeter = document.querySelector(\"#sleepQualityMeter\");\nconst sleepQuality = document.querySelector(\"#sleepQuality\");\nconst userSleepTitle = document.querySelector(\"#dateSleepTitle\");\nconst sleepAverageTitle = document.querySelector(\"#averageSleepTitle\");\nconst sleepHoursMeterAvg = document.querySelector(\"#sleepHoursMeterAverage\");\nconst sleepHoursAvg = document.querySelector(\"#sleepHoursAverage\");\nconst sleepQualityMeterAvg = document.querySelector(\n  \"#sleepQualityMeterAverage\"\n);\nconst sleepQualityAvg = document.querySelector(\"#sleepQualityAverage\");\nconst addHydrationButton = document.querySelector(\".input-hydration\");\nconst popUpForm = document.querySelector(\".pop-up-form\");\nconst closeFormButton = document.querySelector(\".closeBtn\");\nconst dateInput = document.querySelector(\"#dateInput\");\nconst ozInput = document.querySelector(\"#ozDrank\");\nconst submitButton = document.querySelector(\".formBtn\");\nconst formError = document.querySelector(\".form-error\");\nconst draggables = document.querySelectorAll(\".draggable\");\nconst containers = document.querySelectorAll(\".container\");\nconst sleepMeters = document.querySelectorAll(\".sleep-meter\");\n\nlet containerPositions = {};\nlet user, hydration, sleep, today, flOzDays, userSleepInfo, currentPostion;\nlet createdWaterMeter = new CircularFluidMeter(waterMeter, {\n  borderWidth: 15,\n  maxProgress: 100,\n  initialProgress: 0,\n  backgroundColor: \"#002d59\",\n  borderColor: \"#3e4954\",\n  bubbleColor: \"#6bcfff\",\n  fontFamily: \"'M PLUS Rounded 1c', sans-serif\",\n  fontSize: 34,\n  progressFormatter: (value) => {\n    return `${value.toFixed(0)} fl oz`;\n  },\n  fluidConfiguration: {\n    color: \"#1e90ff\",\n  },\n});\n\nwindow.addEventListener(\"load\", function () {\n  if (!user) {\n    updatePage();\n  } else {\n    updatePage(user.id);\n  }\n});\n\ndayButtons.addEventListener(\"click\", (event) => {\n  let button = event.target.closest(\"button\");\n\n  if (!flOzDays[today - Number(button.id)]) {\n    userHydrationDate.innerHTML = `<h1>No Data to Display...</h1>`;\n    createdWaterMeter.progress = 0;\n  } else {\n    updateHydration(user, today - Number(button.id));\n    updateHoursSlept(user, today - Number(button.id));\n    updateSleepQuality(user, today - Number(button.id));\n  }\n});\n\nsubmitButton.addEventListener(\"click\", () => {\n  if (ozInput.value.length > 0 && dateInput.value.length > 0) {\n    closeForm();\n    let date = dateInput.value.split(\"-\").join(\"/\");\n    postHydrationData(date, ozInput.value, user.id);\n  } else if (ozInput.value.trim().length === 0 && dateInput.value.length > 0) {\n    event.preventDefault();\n    formError.innerText = \"Please enter Oz Drank...\";\n  } else if (ozInput.value.trim().length > 0 && dateInput.value.length === 0) {\n    event.preventDefault();\n    formError.innerText = \"Please select a date...\";\n  } else {\n    event.preventDefault();\n    formError.innerText = \"You need to select a date and enter Oz Drank!\";\n  }\n});\n\naddHydrationButton.addEventListener(\"click\", openForm);\n\ncloseFormButton.addEventListener(\"click\", closeForm);\n\nfunction updatePage() {\n  Promise.all([fetchHydrationData(), fetchUserData(), fetchSleepData()]).then(\n    ([hydrationFetch, usersData, sleepFetch]) => {\n      sleep = sleepFetch;\n      hydration = hydrationFetch;\n      let avgStep = getAverageSteps(usersData.users);\n      user = userGrabber(usersData);\n      getPositions();\n      flOzDays = getDays(user.id, hydration.hydrationData);\n      today = flOzDays.length - 1;\n      userSleepInfo = getHoursSleptWeek(user.id, sleep);\n      updateButtonsDate(flOzDays);\n      updateUserInfo(avgStep);\n      updateSleepAverages(user);\n      updateHoursSlept(user, today);\n      updateSleepQuality(user, today);\n    }\n  );\n}\n\nfunction getPositions() {\n  if (sessionStorage.getItem(\"user\")) {\n    containers.forEach((container) => {\n      let position = JSON.parse(sessionStorage.getItem('containerPositions')) || [];\n      let positionKeys = Object.keys(position)\n      positionKeys.forEach((key) => {\n        if(container.id === key)\n        container.appendChild(document.getElementById(position[key]))\n      });\n    });\n  }\n}\n\nfunction getDays(id, hydration) {\n  let flOzDays1 = getFluidOunceForWeek(id, hydration).map((day) => {\n    return {\n      date: new Date(day.date),\n      ounces: day.ounces,\n    };\n  });\n  flOzDays1.sort((a, b) => {\n    return a.date - b.date;\n  });\n  let flOzDays2 = flOzDays1.map((day) => {\n    return {\n      date: day.date.toISOString().split(\"T\")[0].replaceAll(\"-\", \"/\"),\n      ounces: day.ounces,\n    };\n  });\n  return flOzDays2;\n}\n\nfunction userGrabber(usersData) {\n  let index;\n  if (sessionStorage.getItem(\"user\")) {\n    index = parseInt(sessionStorage.getItem(\"user\"));\n  } else {\n    index = getUserIndex(usersData);\n  }\n  let currentUser = getUserData(index, usersData.users);\n  return currentUser;\n}\n\nfunction getUserIndex(usersData) {\n  return Math.floor(Math.random() * (usersData.users.length - 1)) + 1;\n}\n\nfunction updateUserInfo(avgStep) {\n  info.innerHTML = `<h1 id=\"name\">Welcome: ${user.name}</h1>\n  <h2 id=\"userID\">ID: ${user.id} </h2>\n  <h2 id=\"address\">Address: ${user.address} </h2>\n  <h2 id=\"emailAddress\">Email: ${user.email} </h2>\n  <h2 id=\"strideLength\">Stride Length: ${user.strideLength}</h2>\n  <h2 id=\"stepGoal\">My Step Goal: ${user.dailyStepGoal} steps</h2>\n  <h2 id=\"comparedStepGoal\"> Avg Step Goal: ${avgStep} steps</h2>`;\n  updateFriendsList(user.friends);\n  updateHydration(user, today);\n}\n\nfunction updateFriendsList(friends) {\n  friendsList.innerHTML = '<h1 id=\"friendsHeader\">Friends</h1>';\n  friends.forEach((friend) => {\n    friendsList.insertAdjacentHTML(\n      \"beforeend\",\n      `<aside>\n        <h2>${friend.name}</h2>\n        <h2>Step Goal: ${friend.dailyStepGoal}</h2>\n      </aside>`\n    );\n  });\n}\n\nfunction updateHydration(user, day = 0) {\n  const userHydration = getFluidOunceForDay(\n    user.id,\n    hydration.hydrationData,\n    flOzDays[day].date\n  );\n  userHydrationDate.innerHTML = `<h1>Water Consumption</h1><h2>${userHydration.date}</h2>`;\n  createdWaterMeter.progress = userHydration.numOunces;\n}\n\nfunction updateHoursSlept(user, day) {\n  if (!userSleepInfo[day]) {\n    userSleepTitle.innerHTML = `<h1>Daily Sleep Stats</h1><h2>No Sleep Data For ${flOzDays[day].date}</h2>`;\n    sleepProgressBar(0, sleepHours, sleepHoursMeter, 12);\n  } else {\n    const userSleepHours = getHoursSlept(\n      user.id,\n      sleep,\n      userSleepInfo[day].date\n    );\n    userSleepTitle.innerHTML = `<h1>Daily Sleep Stats</h1><h2>${userSleepInfo[day].date}</h2>`;\n    sleepProgressBar(userSleepHours, sleepHours, sleepHoursMeter, 12);\n  }\n}\n\nfunction updateSleepQuality(user, day) {\n  if (!userSleepInfo[day]) {\n    sleepProgressBar(0, sleepQuality, sleepQualityMeter, 5);\n  } else {\n    const userSleepQuality = getSleepQuality(\n      user.id,\n      sleep,\n      userSleepInfo[day].date\n    );\n    sleepProgressBar(userSleepQuality, sleepQuality, sleepQualityMeter, 5);\n  }\n}\n\nfunction sleepProgressBar(hours, type, meter, cap) {\n  type.innerText = `${hours}`;\n  meter.style.background = `conic-gradient(\n    #00008B ${(hours / cap) * 360}deg,\n    #89CFF0 ${(hours / cap) * 360}deg\n  )`;\n}\n\nfunction updateSleepAverages(user) {\n  const userSleepAvgHours = getAverageHoursSleptNet(user.id, sleep);\n  const userSleepAvgQuality = getAverageSleepQualityNet(user.id, sleep);\n  sleepAverageTitle.innerHTML = `<h1>Average Sleep Stats</h1>`;\n  sleepProgressBar(userSleepAvgHours, sleepHoursAvg, sleepHoursMeterAvg, 12);\n  sleepProgressBar(\n    userSleepAvgQuality,\n    sleepQualityAvg,\n    sleepQualityMeterAvg,\n    5\n  );\n}\n\nfunction updateButtonsDate(dates) {\n  const days = document.querySelectorAll(\".day-selector\");\n  let count = 0;\n  days.forEach((day) => {\n    day.innerText = dates[today - count].date;\n    count++;\n  });\n}\n\nfunction openForm() {\n  popUpForm.style.display = \"block\";\n  sleepMeters.forEach((meter) => {\n    meter.style.filter = \"blur(6px)\";\n  });\n}\n\nfunction closeForm() {\n  sessionStorage.setItem(\"user\", user.id);\n  popUpForm.style.display = \"none\";\n  sleepMeters.forEach((meter) => {\n    meter.style.filter = \"none\";\n  });\n}\n\ndraggables.forEach((draggable) => {\n  draggable.addEventListener(\"dragstart\", () => {\n    draggable.classList.add(\"dragging\");\n  });\n\n  draggable.addEventListener(\"dragend\", () => {\n    draggable.classList.remove(\"dragging\");\n\n    if(sessionStorage.getItem(\"user\")) {\n      containers.forEach((container) => {\n        let newPosition = Array.from(container.children).map((element) => element.id);\n        containerPositions[container.id] = newPosition\n      })\n      sessionStorage.setItem('containerPositions', JSON.stringify(containerPositions))\n    }\n  });\n});\n\ncontainers.forEach((container) => {\n  container.addEventListener(\"dragover\", (e) => {\n    e.preventDefault();\n    let draggable = document.querySelector(\".dragging\");\n    if(draggable) {\n      let fromContainer = draggable.parentNode;\n      if(fromContainer !== container) {\n        let tgt = e.currentTarget.firstElementChild\n        if(tgt) {\n          fromContainer.replaceChild(tgt, draggable)\n          container.appendChild(draggable)\n        }\n      }\n    }\n  });\n})\n\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"file":"bundle.js","mappings":";;;;;;;;;;;;;;AAA4F;AAC5F,YAAsI;;AAEtI;;AAEA;AACA;;AAEA,aAAa,0GAAG,CAAC,4HAAO;;;;AAIxB,iEAAe,4HAAO,aAAa;;;;;;ACZtB;;AAEb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA,CAAC;;AAED;AACA;AACA;AACA;AACA,wDAAwD;;AAExD;AACA;AACA;AACA;AACA;AACA,UAAU;AACV;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA,CAAC;;AAED;;AAEA;AACA;;AAEA,kBAAkB,wBAAwB;AAC1C;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA,kBAAkB,iBAAiB;AACnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA,OAAO;AACP;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;AACA,gBAAgB,KAAwC,GAAG,sBAAiB,GAAG,CAAI;;AAEnF;AACA;AACA;AACA;;AAEA;AACA;AACA,GAAG;;AAEH;AACA;AACA,IAAI;AACJ;;AAEA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;;AAED;AACA,qEAAqE,qBAAqB,cAAc;;AAExG;;AAEA;AACA;AACA,IAAI;AACJ;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA,IAAI;AACJ;AACA;;AAEA;AACA,yDAAyD;AACzD,IAAI;;AAEJ;;;AAGA;AACA;AACA,IAAI;AACJ;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA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U,UAAU,WAAW,WAAW,WAAW,MAAM,KAAK,UAAU,UAAU,WAAW,WAAW,MAAM,KAAK,UAAU,UAAU,WAAW,MAAM,KAAK,UAAU,WAAW,MAAM,KAAK,UAAU,UAAU,WAAW,MAAM,KAAK,WAAW,UAAU,MAAM,KAAK,WAAW,WAAW,WAAW,MAAM,KAAK,WAAW,UAAU,MAAM,KAAK,WAAW,WAAW,UAAU,MAAM,KAAK,WAAW,WAAW,MAAM,KAAK,WAAW,WAAW,UAAU,MAAM,KAAK,WAAW,WAAW,UAAU,MAAM,KAAK,UAAU,WAAW,MAAM,KAAK,UAAU,MAAM,KAAK,UAAU,MAAM,KAAK,UAAU,MAAM,OAAO,UAAU,UAAU,UAAU,WAAW,WAAW,WAAW,WAAW,UAAU,WAAW,WAAW,MAAM,KAAK,WAAW,UAAU,MAAM,KAAK,UAAU,UAAU,MAAM,KAAK,WAAW,UAAU,UAAU,MAAM,KAAK,WAAW,UAAU,UAAU,WAAW,MAAM,KAAK,WAAW,UAAU,UAAU,WAAW,UAAU,WAAW,MAAM,KAAK,UAAU,WAAW,UAAU,UAAU,WAAW,WAAW,MAAM,KAAK,WAAW,WAAW,WAAW,UAAU,UAAU,MAAM,KAAK,UAAU,MAAM,KAAK,UAAU,WAAW,MAAM,KAAK,UAAU,UAAU,MAAM,KAAK,UAAU,UAAU,WAAW,UAAU,WAAW,WAAW,UAAU,MAAM,KAAK,WAAW,UAAU,WAAW,WAAW,WAAW,UAAU,UAAU,WAAW,WAAW,UAAU,UAAU,WAAW,MAAM,KAAK,UAAU,UAAU,UAAU,UAAU,UAAU,UAAU,WAAW,MAAM,KAAK,WAAW,UAAU,UAAU,MAAM,KAAK,WAAW,UAAU,UAAU,UAAU,UAAU,MAAM,KAAK,UAAU,WAAW,UAAU,WAAW,MAAM,KAAK,WAAW,UAAU,MAAM,KAAK,UAAU,WAAW,WAAW,UAAU,MAAM,KAAK,WAAW,MAAM,KAAK,WAAW,MAAM,KAAK,WAAW,MAAM,KAAK,WAAW,MAAM,KAAK,UAAU,MAAM,KAAK,UAAU,MAAM,KAAK,WAAW,UAAU,UAAU,MAAM,KAAK,UAAU,UAAU,MAAM,KAAK,UAAU,UAAU,MAAM,KAAK,UAAU,MAAM,KAAK,UAAU,UAAU,WAAW,WAAW,UAAU,MAAM,KAAK,WAAW,UAAU,UAAU,UAAU,UAAU,sCAAsC,mKAAmK,mBAAmB,iCAAiC,kBAAkB,iBAAiB,cAAc,iDAAiD,GAAG,2LAA2L,kBAAkB,GAAG,8FAA8F,2BAA2B,GAAG,oGAAoG,kCAAkC,GAAG,0BAA0B,sBAAsB,GAAG,qHAAqH,4BAA4B,wBAAwB,GAAG,0GAA0G,iBAAiB,GAAG,sJAAsJ,gBAAgB,GAAG,mHAAmH,uBAAuB,GAAG,iDAAiD,gBAAgB,GAAG,WAAW,kBAAkB,iBAAiB,GAAG,kBAAkB,gBAAgB,GAAG,WAAW,eAAe,GAAG,gDAAgD,gBAAgB,eAAe,4BAA4B,wBAAwB,uBAAuB,GAAG,aAAa,gBAAgB,eAAe,wBAAwB,8GAA8G,GAAG,eAAe,iBAAiB,eAAe,mKAAmK,GAAG,WAAW,eAAe,sBAAsB,GAAG,cAAc,eAAe,mBAAmB,gCAAgC,GAAG,yBAAyB,6BAA6B,gBAAgB,GAAG,+BAA+B,uBAAuB,qCAAqC,qDAAqD,GAAG,oBAAoB,sBAAsB,oBAAoB,GAAG,QAAQ,uBAAuB,qBAAqB,eAAe,GAAG,WAAW,sBAAsB,wGAAwG,GAAG,QAAQ,qBAAqB,qBAAqB,cAAc,GAAG,QAAQ,sBAAsB,qBAAqB,eAAe,GAAG,sBAAsB,iBAAiB,mKAAmK,GAAG,sBAAsB,gBAAgB,GAAG,2BAA2B,oBAAoB,GAAG,WAAW,iBAAiB,GAAG,4DAA4D,gBAAgB,eAAe,iBAAiB,wBAAwB,mDAAmD,qBAAqB,qBAAqB,mBAAmB,mKAAmK,0GAA0G,GAAG,YAAY,8BAA8B,oBAAoB,GAAG,iBAAiB,gBAAgB,eAAe,GAAG,kBAAkB,mKAAmK,gBAAgB,gBAAgB,OAAO,0BAA0B,mKAAmK,gBAAgB,gBAAgB,sBAAsB,GAAG,kBAAkB,uBAAuB,kBAAkB,iBAAiB,uBAAuB,kBAAkB,wBAAwB,GAAG,yBAAyB,kBAAkB,uBAAuB,gBAAgB,eAAe,2BAA2B,uBAAuB,GAAG,iBAAiB,uBAAuB,yCAAyC,sBAAsB,kBAAkB,iBAAiB,GAAG,wBAAwB,oBAAoB,GAAG,mBAAmB,eAAe,sBAAsB,GAAG,wBAAwB,iBAAiB,eAAe,GAAG,qBAAqB,eAAe,eAAe,wBAAwB,gBAAgB,oBAAoB,mGAAmG,oBAAoB,GAAG,oBAAoB,8BAA8B,iBAAiB,2BAA2B,wBAAwB,kCAAkC,iBAAiB,gBAAgB,mGAAmG,uBAAuB,aAAa,cAAc,qCAAqC,GAAG,kBAAkB,kBAAkB,eAAe,iBAAiB,WAAW,YAAY,oBAAoB,+BAA+B,GAAG,uEAAuE,qBAAqB,cAAc,gBAAgB,GAAG,2BAA2B,uBAAuB,gBAAgB,gBAAgB,gBAAgB,oBAAoB,GAAG,0BAA0B,iBAAiB,kCAAkC,eAAe,wBAAwB,GAAG,eAAe,yBAAyB,gBAAgB,GAAG,iBAAiB,eAAe,qBAAqB,uBAAuB,gBAAgB,GAAG,qBAAqB,uBAAuB,GAAG,aAAa,2BAA2B,GAAG,UAAU,oBAAoB,GAAG,WAAW,sBAAsB,GAAG,gBAAgB,iBAAiB,GAAG,yBAAyB,iBAAiB,GAAG,qBAAqB,uBAAuB,eAAe,cAAc,GAAG,mBAAmB,YAAY,cAAc,GAAG,mBAAmB,YAAY,eAAe,GAAG,wBAAwB,eAAe,GAAG,0BAA0B,iBAAiB,cAAc,qBAAqB,uBAAuB,oBAAoB,GAAG,yBAAyB,qBAAqB,iBAAiB,eAAe,mBAAmB,oBAAoB,GAAG,uBAAuB;AACtrgB;AACA,iEAAe,uBAAuB,EAAC;;;;;;;ACP1B;;AAEb,kCAAkC;;AAElC,8BAA8B;;AAE9B,kDAAkD,gBAAgB,gEAAgE,wDAAwD,6DAA6D,sDAAsD;;AAE7S,uCAAuC,uDAAuD,uCAAuC,SAAS,OAAO,oBAAoB;;AAEzK,yCAAyC,8FAA8F,wBAAwB,eAAe,eAAe,gBAAgB,YAAY,MAAM,wBAAwB,+BAA+B,aAAa,qBAAqB,uCAAuC,cAAc,WAAW,YAAY,UAAU,MAAM,mDAAmD,UAAU,sBAAsB;;AAEve,gCAAgC;;AAEhC;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA,uDAAuD,cAAc;AACrE;AACA;AACA;AACA,KAAK;AACL;AACA;;AAEA;AACA;;;;;;ACnCa;;AAEb;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;;AAEjB;AACA;AACA;;AAEA;AACA,4CAA4C,qBAAqB;AACjE;;AAEA;AACA,KAAK;AACL,KAAK;AACL;;;AAGA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA,sBAAsB,iBAAiB;AACvC;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA,qBAAqB,qBAAqB;AAC1C;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,UAAU;AACV;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;;;;;;;;;;ACjEA,iEAAe,sBAAsB;;;;;;;;;;ACArC,iEAAe,uBAAuB;;;;;;;;;;ACAtC,iEAAe,2BAA2B;;;;;;;;;;ACA1C,iEAAe,yBAAyB;;;;;;;;;;;;;ACAxC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL,eAAe;AACf,GAAG;AACH;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;;AAEgF;;;;;;;ACrCnE;AACb,8CAA6C,EAAE,aAAa,EAAC;AAC7D,aAAa,GAAG,0BAA0B;AAC1C,6BAA6B,mBAAO,CAAC,EAAgD;AACrF,sDAAqD,EAAE,qCAAqC,mDAAmD,EAAC;AAChJ,qBAAqB,mBAAO,CAAC,EAA+C;AAC5E,yCAAwC,EAAE,qCAAqC,8BAA8B,EAAC;AAC9G;;;;;;ACPa;AACb,8CAA6C,EAAE,aAAa,EAAC;AAC7D,0BAA0B;AAC1B,oBAAoB,mBAAO,CAAC,EAAsB;AAClD,uBAAuB,mBAAO,CAAC,EAAuB;AACtD,qBAAqB,mBAAO,CAAC,EAAqB;AAClD,qBAAqB,mBAAO,CAAC,EAAwB;AACrD,mCAAmC,mBAAO,CAAC,EAA4B;AACvE,0BAA0B,mBAAO,CAAC,EAA6B;AAC/D,oBAAoB,mBAAO,CAAC,EAAuB;AACnD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA,iCAAiC,MAAM;AACvC,SAAS;AACT,6DAA6D;AAC7D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qEAAqE;AACrE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,gCAAgC,yBAAyB,KAAK,iBAAiB;AAC/E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,8CAA8C,sBAAsB;AACpE;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,0BAA0B;AAC1B;;;;;;AC3nBa;AACb,8CAA6C,EAAE,aAAa,EAAC;AAC7D,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;;;;;;AC/Ga;AACb,8CAA6C,EAAE,aAAa,EAAC;AAC7D,oBAAoB;AACpB,oBAAoB,mBAAO,CAAC,EAA0B;AACtD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,4BAA4B,aAAa;AACzC;AACA;AACA;AACA;AACA;AACA;AACA,wBAAwB,gBAAgB;AACxC;AACA;AACA;AACA;AACA,oBAAoB;AACpB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;AC/Ma;AACb,8CAA6C,EAAE,aAAa,EAAC;AAC7D,cAAc,GAAG,aAAa;AAC9B;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA,cAAc;AACd;;;;;;ACZa;AACb,8CAA6C,EAAE,aAAa,EAAC;AAC7D,aAAa,GAAG,wBAAwB;AACxC,qBAAqB,mBAAO,CAAC,EAA2B;AACxD;AACA;AACA;AACA;AACA;AACA,CAAC,sBAAsB;AACvB,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AACD;AACA;AACA;AACA;AACA;AACA,CAAC;AACD;AACA;AACA;AACA;AACA;AACA,CAAC;AACD;AACA;AACA;AACA;AACA;AACA,CAAC;AACD;AACA;AACA;AACA;AACA;AACA,CAAC;AACD;AACA;AACA;AACA;AACA;AACA,CAAC;AACD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,wBAAwB;AACxB;;;;;;AC7Ga;AACb;AACA;AACA;AACA;AACA;AACA,8CAA6C,EAAE,aAAa,EAAC;AAC7D,kBAAkB;AAClB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,4BAA4B;AAC5B,4BAA4B,+BAA+B;AAC3D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAkB;AAClB;;;;;;AC3Ga;AACb,8CAA6C,EAAE,aAAa,EAAC;AAC7D,qBAAqB;AACrB,qBAAqB,mBAAO,CAAC,EAAqB;AAClD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB;;;;;;AC/Ba;AACb,8CAA6C,EAAE,aAAa,EAAC;AAC7D,0BAA0B;AAC1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,0BAA0B;AAC1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;AC5BA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA,KAAK;AACL,GAAG;AACH;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;;AAKC;;;;;;;;;;;;;ACxBD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;;AAEA;AACA;AACA;AACA,GAAG;AACH;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA,GAAG;AACH;AACA;;AAE2E;;;;;;;;;;;;;;;;AChC3E;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA,GAAG;AACH;AACA;;AAEA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA,GAAG;AACH;AACA;;AAEA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA,GAAG;AACH;AACA;;AAEA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA,GAAG;AACH;AACA;;AAEA;AACA;AACA;AACA,GAAG;AACH;AACA;;AAEA;AACA;AACA;AACA,GAAG;AACH;AACA;;AASE;;;;;;UC/DF;UACA;;UAEA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;;UAEA;UACA;;UAEA;UACA;UACA;;;;;WCtBA;WACA;WACA;WACA;WACA;WACA,iCAAiC,WAAW;WAC5C;WACA;;;;;WCPA;WACA;WACA;WACA;WACA,yCAAyC,wCAAwC;WACjF;WACA;WACA;;;;;WCPA;;;;;WCAA;WACA;WACA;WACA,uDAAuD,iBAAiB;WACxE;WACA,gDAAgD,aAAa;WAC7D;;;;;WCNA;;;;;;;;;;;;;;;;;;ACA0B;AACM;AACC;AACI;AACF;AAMf;AAC6B;AACM;AAKlC;AAQJ;;AAEjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA,4BAA4B,2DAAkB;AAC9C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,cAAc,kBAAkB;AAChC,GAAG;AACH;AACA;AACA,GAAG;AACH,CAAC;;AAED;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA,CAAC;;AAED;AACA;;AAEA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA,CAAC;;AAED;AACA;AACA;AACA;AACA,IAAI,4DAAiB;AACrB,IAAI;AACJ;AACA;AACA,IAAI;AACJ;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA,CAAC;;AAED;;AAEA;;AAEA;AACA,eAAe,6DAAkB,IAAI,wDAAa,IAAI,yDAAc;AACpE;AACA;AACA;AACA,oBAAoB,uDAAe;AACnC;AACA;AACA;AACA;AACA,sBAAsB,yDAAiB;AACvC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP,KAAK;AACL;AACA;;AAEA;AACA,kBAAkB,gEAAoB;AACtC;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;;AAEA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA,oBAAoB,mDAAW;AAC/B;AACA;;AAEA;AACA;AACA;;AAEA;AACA,6CAA6C,UAAU;AACvD,wBAAwB,SAAS;AACjC,8BAA8B,cAAc;AAC5C,iCAAiC,YAAY;AAC7C,yCAAyC,kBAAkB;AAC3D,oCAAoC,oBAAoB;AACxD,8CAA8C,SAAS;AACvD;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,cAAc,YAAY;AAC1B,yBAAyB,qBAAqB;AAC9C;AACA;AACA,GAAG;AACH;;AAEA;AACA,wBAAwB,+DAAmB;AAC3C;AACA;AACA;AACA;AACA,iEAAiE,mBAAmB;AACpF;AACA;;AAEA;AACA;AACA,kFAAkF,mBAAmB;AACrG;AACA,IAAI;AACJ,2BAA2B,qDAAa;AACxC;AACA;AACA;AACA;AACA,gEAAgE,wBAAwB;AACxF;AACA;AACA;;AAEA;AACA;AACA;AACA,IAAI;AACJ,6BAA6B,uDAAe;AAC5C;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,sBAAsB,MAAM;AAC5B;AACA,cAAc,oBAAoB;AAClC,cAAc,oBAAoB;AAClC;AACA;;AAEA;AACA,4BAA4B,+DAAuB;AACnD,8BAA8B,iEAAyB;AACvD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;;AAEA;AACA;AACA;AACA;AACA,GAAG;AACH;;AAEA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;;AAEA;AACA;AACA;AACA,GAAG;;AAEH;AACA;;AAEA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA,GAAG;AACH,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH,CAAC","sources":["webpack://activity-tracker/./src/css/styles.css?d405","webpack://activity-tracker/./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js","webpack://activity-tracker/./src/css/styles.css","webpack://activity-tracker/./node_modules/css-loader/dist/runtime/cssWithMappingToString.js","webpack://activity-tracker/./node_modules/css-loader/dist/runtime/api.js","webpack://activity-tracker/./src/images/user-icon.svg","webpack://activity-tracker/./src/images/sleep-icon.svg","webpack://activity-tracker/./src/images/hydration-icon.svg","webpack://activity-tracker/./src/images/friends-icon.svg","webpack://activity-tracker/./src/apiCalls.js","webpack://activity-tracker/./node_modules/fluid-meter/dist/index.js","webpack://activity-tracker/./node_modules/fluid-meter/dist/meters/CircularFluidMeter/CircularFluidMeter.js","webpack://activity-tracker/./node_modules/fluid-meter/dist/base/BaseMeter.js","webpack://activity-tracker/./node_modules/fluid-meter/dist/meters/CircularFluidMeter/Layers/BubblesLayer.js","webpack://activity-tracker/./node_modules/fluid-meter/dist/utils/MathUtils.js","webpack://activity-tracker/./node_modules/fluid-meter/dist/meters/CircularFluidMeter/Layers/FluidLayer.js","webpack://activity-tracker/./node_modules/fluid-meter/dist/utils/ColorUtils.js","webpack://activity-tracker/./node_modules/fluid-meter/dist/meters/CircularFluidMeter/CircularFluidMeterConfig.js","webpack://activity-tracker/./node_modules/fluid-meter/dist/utils/ResponsiveUtils.js","webpack://activity-tracker/./src/users.js","webpack://activity-tracker/./src/hydration.js","webpack://activity-tracker/./src/sleep.js","webpack://activity-tracker/webpack/bootstrap","webpack://activity-tracker/webpack/runtime/compat get default export","webpack://activity-tracker/webpack/runtime/define property getters","webpack://activity-tracker/webpack/runtime/hasOwnProperty shorthand","webpack://activity-tracker/webpack/runtime/make namespace object","webpack://activity-tracker/webpack/runtime/nonce","webpack://activity-tracker/./src/domUpdates.js"],"sourcesContent":["import api from \"!../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n            import content from \"!!../../node_modules/css-loader/dist/cjs.js!../../node_modules/sass-loader/dist/cjs.js!./styles.css\";\n\nvar options = {};\n\noptions.insert = \"head\";\noptions.singleton = false;\n\nvar update = api(content, options);\n\n\n\nexport default content.locals || {};","\"use strict\";\n\nvar isOldIE = function isOldIE() {\n  var memo;\n  return function memorize() {\n    if (typeof memo === 'undefined') {\n      // Test for IE <= 9 as proposed by Browserhacks\n      // @see http://browserhacks.com/#hack-e71d8692f65334173fee715c222cb805\n      // Tests for existence of standard globals is to allow style-loader\n      // to operate correctly into non-standard environments\n      // @see https://github.com/webpack-contrib/style-loader/issues/177\n      memo = Boolean(window && document && document.all && !window.atob);\n    }\n\n    return memo;\n  };\n}();\n\nvar getTarget = function getTarget() {\n  var memo = {};\n  return function memorize(target) {\n    if (typeof memo[target] === 'undefined') {\n      var styleTarget = document.querySelector(target); // Special case to return head of iframe instead of iframe itself\n\n      if (window.HTMLIFrameElement && styleTarget instanceof window.HTMLIFrameElement) {\n        try {\n          // This will throw an exception if access to iframe is blocked\n          // due to cross-origin restrictions\n          styleTarget = styleTarget.contentDocument.head;\n        } catch (e) {\n          // istanbul ignore next\n          styleTarget = null;\n        }\n      }\n\n      memo[target] = styleTarget;\n    }\n\n    return memo[target];\n  };\n}();\n\nvar stylesInDom = [];\n\nfunction getIndexByIdentifier(identifier) {\n  var result = -1;\n\n  for (var i = 0; i < stylesInDom.length; i++) {\n    if (stylesInDom[i].identifier === identifier) {\n      result = i;\n      break;\n    }\n  }\n\n  return result;\n}\n\nfunction modulesToDom(list, options) {\n  var idCountMap = {};\n  var identifiers = [];\n\n  for (var i = 0; i < list.length; i++) {\n    var item = list[i];\n    var id = options.base ? item[0] + options.base : item[0];\n    var count = idCountMap[id] || 0;\n    var identifier = \"\".concat(id, \" \").concat(count);\n    idCountMap[id] = count + 1;\n    var index = getIndexByIdentifier(identifier);\n    var obj = {\n      css: item[1],\n      media: item[2],\n      sourceMap: item[3]\n    };\n\n    if (index !== -1) {\n      stylesInDom[index].references++;\n      stylesInDom[index].updater(obj);\n    } else {\n      stylesInDom.push({\n        identifier: identifier,\n        updater: addStyle(obj, options),\n        references: 1\n      });\n    }\n\n    identifiers.push(identifier);\n  }\n\n  return identifiers;\n}\n\nfunction insertStyleElement(options) {\n  var style = document.createElement('style');\n  var attributes = options.attributes || {};\n\n  if (typeof attributes.nonce === 'undefined') {\n    var nonce = typeof __webpack_nonce__ !== 'undefined' ? __webpack_nonce__ : null;\n\n    if (nonce) {\n      attributes.nonce = nonce;\n    }\n  }\n\n  Object.keys(attributes).forEach(function (key) {\n    style.setAttribute(key, attributes[key]);\n  });\n\n  if (typeof options.insert === 'function') {\n    options.insert(style);\n  } else {\n    var target = getTarget(options.insert || 'head');\n\n    if (!target) {\n      throw new Error(\"Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.\");\n    }\n\n    target.appendChild(style);\n  }\n\n  return style;\n}\n\nfunction removeStyleElement(style) {\n  // istanbul ignore if\n  if (style.parentNode === null) {\n    return false;\n  }\n\n  style.parentNode.removeChild(style);\n}\n/* istanbul ignore next  */\n\n\nvar replaceText = function replaceText() {\n  var textStore = [];\n  return function replace(index, replacement) {\n    textStore[index] = replacement;\n    return textStore.filter(Boolean).join('\\n');\n  };\n}();\n\nfunction applyToSingletonTag(style, index, remove, obj) {\n  var css = remove ? '' : obj.media ? \"@media \".concat(obj.media, \" {\").concat(obj.css, \"}\") : obj.css; // For old IE\n\n  /* istanbul ignore if  */\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = replaceText(index, css);\n  } else {\n    var cssNode = document.createTextNode(css);\n    var childNodes = style.childNodes;\n\n    if (childNodes[index]) {\n      style.removeChild(childNodes[index]);\n    }\n\n    if (childNodes.length) {\n      style.insertBefore(cssNode, childNodes[index]);\n    } else {\n      style.appendChild(cssNode);\n    }\n  }\n}\n\nfunction applyToTag(style, options, obj) {\n  var css = obj.css;\n  var media = obj.media;\n  var sourceMap = obj.sourceMap;\n\n  if (media) {\n    style.setAttribute('media', media);\n  } else {\n    style.removeAttribute('media');\n  }\n\n  if (sourceMap && typeof btoa !== 'undefined') {\n    css += \"\\n/*# sourceMappingURL=data:application/json;base64,\".concat(btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))), \" */\");\n  } // For old IE\n\n  /* istanbul ignore if  */\n\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    while (style.firstChild) {\n      style.removeChild(style.firstChild);\n    }\n\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nvar singleton = null;\nvar singletonCounter = 0;\n\nfunction addStyle(obj, options) {\n  var style;\n  var update;\n  var remove;\n\n  if (options.singleton) {\n    var styleIndex = singletonCounter++;\n    style = singleton || (singleton = insertStyleElement(options));\n    update = applyToSingletonTag.bind(null, style, styleIndex, false);\n    remove = applyToSingletonTag.bind(null, style, styleIndex, true);\n  } else {\n    style = insertStyleElement(options);\n    update = applyToTag.bind(null, style, options);\n\n    remove = function remove() {\n      removeStyleElement(style);\n    };\n  }\n\n  update(obj);\n  return function updateStyle(newObj) {\n    if (newObj) {\n      if (newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap) {\n        return;\n      }\n\n      update(obj = newObj);\n    } else {\n      remove();\n    }\n  };\n}\n\nmodule.exports = function (list, options) {\n  options = options || {}; // Force single-tag solution on IE6-9, which has a hard limit on the # of <style>\n  // tags it will allow on a page\n\n  if (!options.singleton && typeof options.singleton !== 'boolean') {\n    options.singleton = isOldIE();\n  }\n\n  list = list || [];\n  var lastIdentifiers = modulesToDom(list, options);\n  return function update(newList) {\n    newList = newList || [];\n\n    if (Object.prototype.toString.call(newList) !== '[object Array]') {\n      return;\n    }\n\n    for (var i = 0; i < lastIdentifiers.length; i++) {\n      var identifier = lastIdentifiers[i];\n      var index = getIndexByIdentifier(identifier);\n      stylesInDom[index].references--;\n    }\n\n    var newLastIdentifiers = modulesToDom(newList, options);\n\n    for (var _i = 0; _i < lastIdentifiers.length; _i++) {\n      var _identifier = lastIdentifiers[_i];\n\n      var _index = getIndexByIdentifier(_identifier);\n\n      if (stylesInDom[_index].references === 0) {\n        stylesInDom[_index].updater();\n\n        stylesInDom.splice(_index, 1);\n      }\n    }\n\n    lastIdentifiers = newLastIdentifiers;\n  };\n};","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"body,\\nhtml {\\n  background-image: linear-gradient(to right bottom, #e3edf7, #dde7f1, #d7e1eb, #d2dce6, #ccd6e0, #ccd6e0, #ccd6e0, #ccd6e0, #d2dce6, #d7e1eb, #dde7f1, #e3edf7);\\n  color: #e3edf7;\\n  background-repeat: no-repeat;\\n  height: 100vh;\\n  width: 100vw;\\n  margin: 0;\\n  font-family: \\\"M PLUS Rounded 1c\\\", sans-serif;\\n}\\n\\nsection,\\naside,\\n.main,\\n.info-area,\\n.sleep-area,\\n.widget,\\n#infoCard,\\n#days,\\n#hydrationDaysLabel,\\n#hydrationBottleLabel,\\n#hydrationBottle,\\n.meter-container,\\n.sleep-titles {\\n  display: flex;\\n}\\n\\n.main,\\n.sleep-area,\\n#sleepWidget,\\n#infoCard,\\n#sleepAveragesWidget,\\n#hydrationWidget {\\n  flex-direction: column;\\n}\\n\\naside,\\n.sleep-titles,\\n.meter-container,\\n#days,\\n#hydrationDaysLabel,\\n#hydrationBottleLabel {\\n  justify-content: space-evenly;\\n}\\n\\n#meter-container-avg {\\n  margin-bottom: 5%;\\n}\\n\\nsection,\\n#infoCard,\\n#days,\\n#hydrationDaysLabel,\\n#hydrationBottleLabel,\\n#hydrationBottle,\\n#hydrationWidget {\\n  justify-content: center;\\n  align-items: center;\\n}\\n\\nsection,\\n#hydrationBottle,\\n#hydrationWidget .hydration-area,\\n#waterMeterContainer,\\n#waterBottle {\\n  height: 100%;\\n}\\n\\n.info-area,\\n.sleep-area,\\n.widget-area,\\n#hydrationVisual,\\n#hydrationDays,\\n#hydrationDaysLabel,\\n#hydrationBottleLabel,\\n#waterMeterContainer {\\n  width: 100%;\\n}\\n\\n#info,\\n#friends,\\n#days,\\n#hydrationDaysLabel,\\n#hydrationBottleLabel,\\n#dateSleepTitle,\\n#averageSleepTitle {\\n  text-align: center;\\n}\\n\\n#hydrationDaysLabel,\\n#hydrationBottleLabel {\\n  height: 10%;\\n}\\n\\n.main {\\n  height: 100vh;\\n  width: 100vw;\\n}\\n\\n.widget-area {\\n  height: 90%;\\n}\\n\\n#days {\\n  height: 6%;\\n}\\n\\n.info-area,\\n.sleep-area,\\n.hydration-area {\\n  height: 90%;\\n  width: 33%;\\n  justify-content: center;\\n  align-items: center;\\n  text-align: center;\\n}\\n\\n.widget {\\n  height: 80%;\\n  width: 90%;\\n  border-radius: 3rem;\\n  box-shadow: 10px 10px 12px -1px rgba(0, 0, 0, 0.61), -10px 10px 15px -1px rgba(255, 255, 255, 0.822);\\n}\\n\\n#infoCard {\\n  height: 100%;\\n  width: 95%;\\n  background-image: linear-gradient(to right bottom, #ff6968, #fe706e, #fc7675, #fb7c7b, #f98281, #f98281, #f98281, #f98281, #fb7c7b, #fc7675, #fe706e, #ff6968);\\n}\\n\\n#info {\\n  width: 60%;\\n  margin-bottom: 5%;\\n}\\n\\n#friends {\\n  width: 90%;\\n  overflow: auto;\\n  border-top: 4px solid white;\\n}\\n\\n::-webkit-scrollbar {\\n  -webkit-appearance: none;\\n  width: 10px;\\n}\\n\\n::-webkit-scrollbar-thumb {\\n  border-radius: 5px;\\n  background-color: rgba(0, 0, 0, 0.5);\\n  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\\n}\\n\\n#friendsHeader {\\n  margin-bottom: 8%;\\n  padding-top: 5%;\\n}\\n\\nh1 {\\n  font-size: x-large;\\n  font-weight: 600;\\n  margin: 2%;\\n}\\n\\n#name {\\n  font-size: 1.6rem;\\n  text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;\\n}\\n\\nh2 {\\n  font-size: large;\\n  font-weight: 700;\\n  margin: 0;\\n}\\n\\nh3 {\\n  font-size: medium;\\n  font-weight: 700;\\n  margin: 2%;\\n}\\n\\n#hydrationWidget {\\n  height: 100%;\\n  background-image: linear-gradient(to right bottom, #2ac3ff, #48c7fc, #5dcbfa, #6ecef7, #7ed2f5, #7ed2f5, #7ed2f5, #7ed2f5, #6ecef7, #5dcbfa, #48c7fc, #2ac3ff);\\n}\\n\\n#hydrationVisual {\\n  height: 60%;\\n}\\n\\n#hydrationBottleLabel {\\n  margin-top: 10%;\\n}\\n\\n#days {\\n  width: 100vw;\\n}\\n\\n.day-selector,\\n.input-hydration,\\n.save-layout-button {\\n  height: 80%;\\n  width: 10%;\\n  border: none;\\n  border-radius: 1rem;\\n  font-family: \\\"M PLUS Rounded 1c\\\", sans-serif;\\n  font-size: large;\\n  font-weight: 400;\\n  color: #e3edf7;\\n  background-image: linear-gradient(to right bottom, #4b4b86, #50508b, #56568f, #5b5b94, #616199, #616199, #616199, #616199, #5b5b94, #56568f, #50508b, #4b4b86);\\n  box-shadow: 5px 5px 12px -1px rgba(0, 0, 0, 0.61), -5px 5px 15px -1px rgba(255, 255, 255, 0.822);\\n}\\n\\nbutton {\\n  background-color: #466585;\\n  cursor: pointer;\\n}\\n\\n#waterMeter {\\n  height: 10%;\\n  width: 10%;\\n}\\n\\n#sleepWidget {\\n  background-image: linear-gradient(to right bottom, #5a65ff, #636dfe, #6d76fd, #757efc, #7e86fb, #7e86fb, #7e86fb, #7e86fb, #757efc, #6d76fd, #636dfe, #5a65ff);\\n  height: 55%;\\n  width: 100%;\\n}\\n\\n#sleepAveragesWidget {\\n  background-image: linear-gradient(to right bottom, #7a55fd, #8261fb, #8b6cf9, #9276f7, #9a81f4, #9a81f4, #9a81f4, #9a81f4, #9276f7, #8b6cf9, #8261fb, #7a55fd);\\n  height: 45%;\\n  width: 100%;\\n  margin-bottom: 2%;\\n}\\n\\n.sleep-meter {\\n  position: relative;\\n  height: 10rem;\\n  width: 10rem;\\n  border-radius: 50%;\\n  display: grid;\\n  place-items: center;\\n}\\n\\n.sleep-meter:before {\\n  content: \\\"\\\";\\n  position: absolute;\\n  height: 84%;\\n  width: 84%;\\n  background-color: #fff;\\n  border-radius: 50%;\\n}\\n\\n.sleep-data {\\n  position: relative;\\n  font-family: \\\"Poppins\\\", sans-serif;\\n  font-size: 2.5rem;\\n  color: purple;\\n  filter: none;\\n}\\n\\n#averageSleepTitle {\\n  margin-top: -2%;\\n}\\n\\n.sleep-titles {\\n  height: 5%;\\n  margin-bottom: 3%;\\n}\\n\\n.sleep-widget-pair {\\n  height: 100%;\\n  width: 90%;\\n}\\n\\n.input-hydration {\\n  height: 5%;\\n  width: 40%;\\n  background: #48494B;\\n  color: #fff;\\n  font-weight: 500;\\n  box-shadow: 5px 5px 12px -1px rgba(0, 0, 0, 0.61), -5px 5px 15px -1px rgba(0, 0, 0, 0.61);\\n  cursor: pointer;\\n}\\n\\n#hydrationForm {\\n  background-color: #2ac3ff;\\n  display: flex;\\n  flex-direction: column;\\n  align-items: center;\\n  justify-content: space-around;\\n  height: 400px;\\n  width: 250px;\\n  box-shadow: 5px 5px 12px -1px rgba(0, 0, 0, 0.61), -5px 5px 15px -1px rgba(0, 0, 0, 0.61);\\n  position: absolute;\\n  top: 50%;\\n  left: 50%;\\n  transform: translate(-50%, -50%);\\n}\\n\\n.pop-up-form {\\n  display: none;\\n  width: 100%;\\n  height: 100%;\\n  top: 0;\\n  left: 0;\\n  position: fixed;\\n  backdrop-filter: blur(6px);\\n}\\n\\n#hydrationForm input[type=date], #hydrationForm input[type=number] {\\n  background: white;\\n  width: 50%;\\n  height: 30px;\\n}\\n\\n#hydrationForm button {\\n  border-radius: 10%;\\n  width: 100px;\\n  height: 50px;\\n  border: none;\\n  font-size: 20px;\\n}\\n\\n#hydrationForm aside {\\n  display: flex;\\n  justify-content: space-around;\\n  width: 100%;\\n  align-items: center;\\n}\\n\\n.closeBtn {\\n  background-color: red;\\n  color: #fff;\\n}\\n\\n.form-error {\\n  color: red;\\n  font-weight: 900;\\n  text-align: center;\\n  margin: 0px;\\n}\\n\\n.hydration-form {\\n  margin-bottom: 0px;\\n}\\n\\n.formBtn {\\n  background-color: white;\\n}\\n\\nlabel {\\n  font-weight: 700;\\n}\\n\\n.blur {\\n  filter: blur(4px);\\n}\\n\\n.draggable {\\n  cursor: move;\\n}\\n\\n.draggable.dragging {\\n  opacity: 0.2;\\n}\\n\\n.drag-drop-icon {\\n  position: absolute;\\n  height: 8%;\\n  width: 8%;\\n}\\n\\n#dragAndDrop1 {\\n  top: 8%;\\n  left: 30%;\\n}\\n\\n#dragAndDrop2 {\\n  top: 8%;\\n  right: 30%;\\n}\\n\\n.drag-and-drop-hint {\\n  height: 4%;\\n}\\n\\n.drag-and-drop-label {\\n  color: black;\\n  margin: 0;\\n  font-weight: 600;\\n  text-align: center;\\n  padding-top: 5%;\\n}\\n\\n.save-layout-button {\\n  font-size: small;\\n  height: 100%;\\n  width: 60%;\\n  margin-top: 2%;\\n  cursor: pointer;\\n}\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/css/styles.css\"],\"names\":[],\"mappings\":\"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\",\"sourcesContent\":[\"body,\\nhtml {\\n  background-image: linear-gradient(to right bottom, #e3edf7, #dde7f1, #d7e1eb, #d2dce6, #ccd6e0, #ccd6e0, #ccd6e0, #ccd6e0, #d2dce6, #d7e1eb, #dde7f1, #e3edf7);\\n  color: #e3edf7;\\n  background-repeat: no-repeat;\\n  height: 100vh;\\n  width: 100vw;\\n  margin: 0;\\n  font-family: 'M PLUS Rounded 1c', sans-serif;\\n}\\n\\nsection,\\naside,\\n.main, \\n.info-area,\\n.sleep-area,\\n.widget,\\n#infoCard,\\n#days,\\n#hydrationDaysLabel,\\n#hydrationBottleLabel,\\n#hydrationBottle,\\n.meter-container,\\n.sleep-titles {\\n  display: flex;\\n}\\n\\n.main,\\n.sleep-area,\\n#sleepWidget,\\n#infoCard,\\n#sleepAveragesWidget,\\n#hydrationWidget {\\n  flex-direction: column;\\n}\\n\\naside,\\n.sleep-titles,\\n.meter-container,\\n#days,\\n#hydrationDaysLabel,\\n#hydrationBottleLabel {\\n  justify-content: space-evenly;\\n}\\n\\n#meter-container-avg {\\n  margin-bottom: 5%;\\n}\\n\\nsection,\\n#infoCard,\\n#days,\\n#hydrationDaysLabel,\\n#hydrationBottleLabel,\\n#hydrationBottle,\\n#hydrationWidget {\\n  justify-content: center;\\n  align-items: center;\\n}\\n\\nsection,\\n#hydrationBottle,\\n#hydrationWidget\\n.hydration-area,\\n#waterMeterContainer,\\n#waterBottle {\\n  height: 100%;\\n}\\n\\n.info-area,\\n.sleep-area,\\n.widget-area,\\n#hydrationVisual,\\n#hydrationDays,\\n#hydrationDaysLabel,\\n#hydrationBottleLabel,\\n#waterMeterContainer {\\n  width: 100%;\\n}\\n\\n#info,\\n#friends,\\n#days,\\n#hydrationDaysLabel,\\n#hydrationBottleLabel,\\n#dateSleepTitle,\\n#averageSleepTitle {\\n  text-align: center;\\n}\\n\\n#hydrationDaysLabel,\\n#hydrationBottleLabel {\\n  height: 10%;\\n}\\n\\n.main {\\n  height: 100vh;\\n  width: 100vw;\\n}\\n\\n.widget-area {\\n  height: 90%;\\n}\\n\\n#days {\\n  height: 6%;\\n}\\n\\n.info-area,\\n.sleep-area,\\n.hydration-area {\\n  height: 90%;\\n  width: 33%;\\n  justify-content: center;\\n  align-items: center;\\n  text-align: center;\\n}\\n\\n.widget {\\n  height: 80%;\\n  width: 90%;\\n  border-radius: 3rem;\\n  box-shadow: 10px 10px 12px -1px rgba(0, 0, 0, 0.61),\\n    -10px 10px 15px -1px rgba(255, 255, 255, 0.822);\\n}\\n\\n#infoCard {\\n  height: 100%;\\n  width: 95%;\\n  background-image: linear-gradient(to right bottom, #ff6968, #fe706e, #fc7675, #fb7c7b, #f98281, #f98281, #f98281, #f98281, #fb7c7b, #fc7675, #fe706e, #ff6968);\\n}\\n\\n#info {\\n  width: 60%;\\n  margin-bottom: 5%;\\n}\\n\\n#friends {\\n  width: 90%;\\n  overflow: auto;\\n  border-top: 4px solid white;\\n}\\n\\n::-webkit-scrollbar {\\n  -webkit-appearance: none;\\n  width: 10px;\\n}\\n\\n::-webkit-scrollbar-thumb {\\n  border-radius: 5px;\\n  background-color: rgba(0,0,0,.5);\\n  -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);\\n}\\n\\n#friendsHeader {\\n  margin-bottom: 8%;\\n  padding-top: 5%;\\n}\\n\\nh1 {\\n  font-size: x-large;\\n  font-weight: 600;\\n  margin: 2%;\\n}\\n\\n#name {\\n  font-size: 1.6rem;\\n  text-shadow:\\n    -2px -2px 0 #000,\\n    2px -2px 0 #000,\\n    -2px 2px 0 #000,\\n    2px 2px 0 #000;\\n}\\n\\nh2 {\\n  font-size: large;\\n  font-weight: 700;\\n  margin: 0;\\n}\\n\\nh3 {\\n  font-size: medium;\\n  font-weight: 700;\\n  margin: 2%;\\n}\\n\\n#hydrationWidget {\\n  height: 100%;\\n  background-image: linear-gradient(to right bottom, #2ac3ff, #48c7fc, #5dcbfa, #6ecef7, #7ed2f5, #7ed2f5, #7ed2f5, #7ed2f5, #6ecef7, #5dcbfa, #48c7fc, #2ac3ff);\\n}\\n\\n#hydrationVisual {\\n  height: 60%;\\n}\\n\\n#hydrationBottleLabel {\\n  margin-top: 10%;\\n}\\n\\n#days {\\n  width: 100vw;\\n}\\n\\n.day-selector,\\n.input-hydration,\\n.save-layout-button {\\n  height: 80%;\\n  width: 10%;\\n  border: none;\\n  border-radius: 1rem;\\n  font-family: \\\"M PLUS Rounded 1c\\\", sans-serif;\\n  font-size: large;\\n  font-weight: 400;\\n  color: #e3edf7;\\n  background-image: linear-gradient(to right bottom, #4b4b86, #50508b, #56568f, #5b5b94, #616199, #616199, #616199, #616199, #5b5b94, #56568f, #50508b, #4b4b86);\\n  box-shadow: 5px 5px 12px -1px rgba(0, 0, 0, 0.61),\\n    -5px 5px 15px -1px rgba(255, 255, 255, 0.822);\\n}\\n\\nbutton {\\n  background-color: #466585;\\n  cursor: pointer;\\n}\\n\\n#waterMeter {\\n  height: 10%;\\n  width: 10%;\\n}\\n\\n#sleepWidget {\\n  background-image: linear-gradient(to right bottom, #5a65ff, #636dfe, #6d76fd, #757efc, #7e86fb, #7e86fb, #7e86fb, #7e86fb, #757efc, #6d76fd, #636dfe, #5a65ff);\\n  height: 55%;\\n  width: 100%;\\n  \\n}\\n\\n#sleepAveragesWidget {\\n  background-image: linear-gradient(to right bottom, #7a55fd, #8261fb, #8b6cf9, #9276f7, #9a81f4, #9a81f4, #9a81f4, #9a81f4, #9276f7, #8b6cf9, #8261fb, #7a55fd);\\n  height: 45%;\\n  width: 100%;\\n  margin-bottom: 2%;\\n}\\n\\n.sleep-meter {\\n  position: relative;\\n  height: 10rem;\\n  width: 10rem;\\n  border-radius: 50%;\\n  display: grid;\\n  place-items: center;\\n}\\n\\n.sleep-meter:before {\\n  content: \\\"\\\";\\n  position: absolute;\\n  height: 84%;\\n  width: 84%;\\n  background-color: #fff;\\n  border-radius: 50%;\\n}\\n\\n.sleep-data {\\n  position: relative;\\n  font-family: \\\"Poppins\\\", sans-serif;\\n  font-size: 2.5rem;\\n  color: purple;\\n  filter: none;\\n}\\n\\n#averageSleepTitle {\\n  margin-top: -2%;\\n}\\n\\n.sleep-titles {\\n  height: 5%;\\n  margin-bottom: 3%;\\n}\\n\\n.sleep-widget-pair {\\n  height: 100%;\\n  width: 90%;\\n}\\n\\n.input-hydration{\\n  height: 5%;\\n  width: 40%;\\n  background: #48494B;\\n  color: #fff;\\n  font-weight:500;\\n  box-shadow: 5px 5px 12px -1px rgba(0, 0, 0, 0.61),\\n    -5px 5px 15px -1px rgba(0, 0, 0, 0.61);\\n  cursor: pointer;\\n}\\n\\n#hydrationForm {\\n  background-color: #2ac3ff;\\n  display:flex;\\n  flex-direction: column;\\n  align-items: center;\\n  justify-content: space-around;\\n  height:400px;\\n  width:250px;\\n  box-shadow: 5px 5px 12px -1px rgba(0, 0, 0, 0.61),\\n    -5px 5px 15px -1px rgba(0, 0, 0, 0.61);\\n  position: absolute;\\n  top: 50%;\\n  left: 50%;\\n  transform: translate(-50%, -50%);\\n}\\n\\n.pop-up-form {\\n  display: none;\\n  width:100%;\\n  height: 100%;\\n  top: 0;\\n  left: 0;\\n  position: fixed;\\n  backdrop-filter: blur(6px);\\n}\\n\\n#hydrationForm input[type=date], #hydrationForm input[type=number]{\\n  background:white;\\n  width:50%;\\n  height:30px;\\n}\\n\\n#hydrationForm button {\\n  border-radius: 10%;\\n  width:100px;\\n  height:50px;\\n  border:none;\\n  font-size: 20px;\\n}\\n\\n#hydrationForm aside {\\n  display:flex;\\n  justify-content: space-around;\\n  width:100%;\\n  align-items: center;\\n}\\n\\n.closeBtn {\\n  background-color:red;\\n  color: #fff;\\n}\\n\\n.form-error {\\n  color: red;\\n  font-weight: 900;\\n  text-align: center;\\n  margin: 0px;\\n}\\n\\n.hydration-form {\\n  margin-bottom: 0px;\\n}\\n\\n.formBtn{\\n  background-color:white;\\n}\\n\\nlabel{\\n  font-weight:700;\\n}\\n\\n.blur {\\n  filter: blur(4px);\\n}\\n\\n.draggable {\\n  cursor: move;\\n}\\n\\n.draggable.dragging {\\n  opacity: 0.2;\\n}\\n\\n.drag-drop-icon {\\n  position: absolute;\\n  height: 8%;\\n  width: 8%;\\n}\\n\\n#dragAndDrop1 {\\n  top: 8%;\\n  left: 30%;\\n}\\n\\n#dragAndDrop2 {\\n  top: 8%;\\n  right: 30%;\\n}\\n\\n.drag-and-drop-hint{\\n  height: 4%;\\n}\\n\\n.drag-and-drop-label {\\n  color: black;\\n  margin: 0;\\n  font-weight: 600;\\n  text-align: center;\\n  padding-top: 5%;\\n}\\n\\n.save-layout-button {\\n  font-size: small;\\n  height: 100%;\\n  width: 60%;\\n  margin-top: 2%;\\n  cursor: pointer;\\n}\\n\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","\"use strict\";\n\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _iterableToArrayLimit(arr, i) { var _i = arr && (typeof Symbol !== \"undefined\" && arr[Symbol.iterator] || arr[\"@@iterator\"]); if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"] != null) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\nmodule.exports = function cssWithMappingToString(item) {\n  var _item = _slicedToArray(item, 4),\n      content = _item[1],\n      cssMapping = _item[3];\n\n  if (!cssMapping) {\n    return content;\n  }\n\n  if (typeof btoa === \"function\") {\n    // eslint-disable-next-line no-undef\n    var base64 = btoa(unescape(encodeURIComponent(JSON.stringify(cssMapping))));\n    var data = \"sourceMappingURL=data:application/json;charset=utf-8;base64,\".concat(base64);\n    var sourceMapping = \"/*# \".concat(data, \" */\");\n    var sourceURLs = cssMapping.sources.map(function (source) {\n      return \"/*# sourceURL=\".concat(cssMapping.sourceRoot || \"\").concat(source, \" */\");\n    });\n    return [content].concat(sourceURLs).concat([sourceMapping]).join(\"\\n\");\n  }\n\n  return [content].join(\"\\n\");\n};","\"use strict\";\n\n/*\n  MIT License http://www.opensource.org/licenses/mit-license.php\n  Author Tobias Koppers @sokra\n*/\n// css base code, injected by the css-loader\n// eslint-disable-next-line func-names\nmodule.exports = function (cssWithMappingToString) {\n  var list = []; // return the list of modules as css string\n\n  list.toString = function toString() {\n    return this.map(function (item) {\n      var content = cssWithMappingToString(item);\n\n      if (item[2]) {\n        return \"@media \".concat(item[2], \" {\").concat(content, \"}\");\n      }\n\n      return content;\n    }).join(\"\");\n  }; // import a list of modules into the list\n  // eslint-disable-next-line func-names\n\n\n  list.i = function (modules, mediaQuery, dedupe) {\n    if (typeof modules === \"string\") {\n      // eslint-disable-next-line no-param-reassign\n      modules = [[null, modules, \"\"]];\n    }\n\n    var alreadyImportedModules = {};\n\n    if (dedupe) {\n      for (var i = 0; i < this.length; i++) {\n        // eslint-disable-next-line prefer-destructuring\n        var id = this[i][0];\n\n        if (id != null) {\n          alreadyImportedModules[id] = true;\n        }\n      }\n    }\n\n    for (var _i = 0; _i < modules.length; _i++) {\n      var item = [].concat(modules[_i]);\n\n      if (dedupe && alreadyImportedModules[item[0]]) {\n        // eslint-disable-next-line no-continue\n        continue;\n      }\n\n      if (mediaQuery) {\n        if (!item[2]) {\n          item[2] = mediaQuery;\n        } else {\n          item[2] = \"\".concat(mediaQuery, \" and \").concat(item[2]);\n        }\n      }\n\n      list.push(item);\n    }\n  };\n\n  return list;\n};","export default \"images/user-icon.svg\";","export default \"images/sleep-icon.svg\";","export default \"images/hydration-icon.svg\";","export default \"images/friends-icon.svg\";","function fetchUserData(usersData) {\n  return fetch(\"https://fitlit-server-18177a023c25.herokuapp.com/api/v1/users\")\n    .then((response) => response.json())\n    .then((data) => (usersData = data));\n}\nfunction fetchHydrationData(hydration) {\n  return fetch(\"https://fitlit-server-18177a023c25.herokuapp.com/api/v1/hydration\")\n    .then((repsonse) => repsonse.json())\n    .then((data) => (hydration = data));\n}\n\nfunction fetchSleepData(sleep) {\n  return fetch(\"https://fitlit-server-18177a023c25.herokuapp.com/api/v1/sleep\")\n    .then((repsonse) => repsonse.json())\n    .then((data) => (sleep = data));\n}\n\nfunction postHydrationData(date, numOunces, userID) {\n  fetch(\"https://fitlit-server-18177a023c25.herokuapp.com/api/v1/hydration\", {\n    method: 'POST',\n    body: JSON.stringify({\n      date,\n      numOunces,\n      userID\n    }),\n    headers: { 'Content-Type': 'application/json' }\n  })\n  .then(response => {\n    if(!response.ok) {\n      throw new Error(\"There was an issue adding your hydration details. Please try again later.\")\n    }\n    return response.json();\n  })\n  .then(data => data)\n  .catch(error => popUpError.innerText = error.message)\n}\n\nexport { fetchHydrationData, fetchUserData, fetchSleepData, postHydrationData };\n","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.Speed = exports.CircularFluidMeter = void 0;\nconst CircularFluidMeter_1 = require(\"./meters/CircularFluidMeter/CircularFluidMeter\");\nObject.defineProperty(exports, \"CircularFluidMeter\", { enumerable: true, get: function () { return CircularFluidMeter_1.CircularFluidMeter; } });\nconst FluidLayer_1 = require(\"./meters/CircularFluidMeter/Layers/FluidLayer\");\nObject.defineProperty(exports, \"Speed\", { enumerable: true, get: function () { return FluidLayer_1.Speed; } });\n//# sourceMappingURL=index.js.map","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.CircularFluidMeter = void 0;\nconst BaseMeter_1 = require(\"../../base/BaseMeter\");\nconst BubblesLayer_1 = require(\"./Layers/BubblesLayer\");\nconst FluidLayer_1 = require(\"./Layers/FluidLayer\");\nconst ColorUtils_1 = require(\"../../utils/ColorUtils\");\nconst CircularFluidMeterConfig_1 = require(\"./CircularFluidMeterConfig\");\nconst ResponsiveUtils_1 = require(\"../../utils/ResponsiveUtils\");\nconst MathUtils_1 = require(\"../../utils/MathUtils\");\nclass CircularFluidMeter extends BaseMeter_1.BaseMeter {\n    constructor(container, config) {\n        super(container);\n        Object.defineProperty(this, \"_fluidConfiguration\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: void 0\n        });\n        Object.defineProperty(this, \"_layers\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: void 0\n        });\n        Object.defineProperty(this, \"_bubbles\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: new BubblesLayer_1.BubblesLayer()\n        });\n        Object.defineProperty(this, \"_meterDiameter\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: 0\n        });\n        Object.defineProperty(this, \"_targetProgress\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: void 0\n        });\n        Object.defineProperty(this, \"_progress\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: void 0\n        });\n        Object.defineProperty(this, \"_maxProgress\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: void 0\n        });\n        // computed value used to animate the variation of fluid when the progress changes\n        Object.defineProperty(this, \"_progressStepSpeed\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: 0\n        });\n        Object.defineProperty(this, \"_calculatedBorderWidth\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: 0\n        });\n        Object.defineProperty(this, \"_borderWidth\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: void 0\n        });\n        Object.defineProperty(this, \"_borderColor\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: '#ff00ff'\n        });\n        Object.defineProperty(this, \"_padding\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: 15\n        });\n        Object.defineProperty(this, \"_backgroundColor\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: '#ff00ff'\n        });\n        Object.defineProperty(this, \"_textColor\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: ''\n        });\n        Object.defineProperty(this, \"_fontFamily\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: 'Arial'\n        });\n        Object.defineProperty(this, \"_calculatedFontSize\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: 0\n        });\n        Object.defineProperty(this, \"_fontSize\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: void 0\n        });\n        Object.defineProperty(this, \"_textDropShadow\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: true\n        });\n        Object.defineProperty(this, \"_textShadowOpacity\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: void 0\n        });\n        Object.defineProperty(this, \"_textShadowColor\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: void 0\n        });\n        Object.defineProperty(this, \"_showProgress\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: true\n        });\n        Object.defineProperty(this, \"_showBubbles\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: true\n        });\n        Object.defineProperty(this, \"_bubbleColor\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: '#ffffff'\n        });\n        Object.defineProperty(this, \"_use3D\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: true\n        });\n        Object.defineProperty(this, \"_dropShadow\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: true\n        });\n        Object.defineProperty(this, \"_dropShadowColor\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: void 0\n        });\n        Object.defineProperty(this, \"_progressFormatter\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: (value) => `${value}%`\n        });\n        const computedConfig = Object.assign(Object.assign({}, CircularFluidMeterConfig_1.defaultConfig), config);\n        this._progress = computedConfig.initialProgress;\n        this._maxProgress = computedConfig.maxProgress;\n        this._borderWidth = computedConfig.borderWidth;\n        this._borderColor = computedConfig.borderColor;\n        this._padding = computedConfig.padding;\n        this._targetProgress = this._progress;\n        this._backgroundColor = computedConfig.backgroundColor;\n        this._fluidConfiguration = computedConfig.fluidConfiguration;\n        this._textColor = computedConfig.textColor;\n        this._textDropShadow = computedConfig.textDropShadow;\n        this._textShadowColor = computedConfig.textShadowColor;\n        this._textShadowOpacity = computedConfig.textShadowOpacity;\n        this._showProgress = computedConfig.showProgress;\n        this._fontFamily = computedConfig.fontFamily;\n        this._fontSize = computedConfig.fontSize;\n        this._showBubbles = computedConfig.showBubbles;\n        this._bubbleColor = computedConfig.bubbleColor;\n        this._use3D = computedConfig.use3D;\n        this._dropShadow = computedConfig.dropShadow;\n        this._dropShadowColor = computedConfig.dropShadowColor;\n        this._progressFormatter = computedConfig.progressFormatter;\n        this.calculateDrawingValues();\n    }\n    get progress() {\n        return this._progress;\n    }\n    set progress(value) {\n        this._targetProgress = (0, MathUtils_1.clamp)(value, 0, this._maxProgress);\n    }\n    get maxProgress() {\n        return this._maxProgress;\n    }\n    get borderWidth() {\n        return this._borderWidth;\n    }\n    set borderWidth(borderWidth) {\n        this._borderWidth = borderWidth;\n        this.calculateDrawingValues();\n    }\n    get borderColor() {\n        return this._borderColor;\n    }\n    set borderColor(color) {\n        this._borderColor = color;\n    }\n    get meterPadding() {\n        return this._padding;\n    }\n    set meterPadding(padding) {\n        this._padding = padding;\n        this.calculateDrawingValues();\n    }\n    get backgroundColor() {\n        return this._backgroundColor;\n    }\n    set backgroundColor(color) {\n        this._backgroundColor = color;\n    }\n    get textColor() {\n        return this._textColor;\n    }\n    set textColor(color) {\n        this._textColor = color;\n    }\n    get fontFamily() {\n        return this._fontFamily;\n    }\n    set fontFamily(family) {\n        this._fontFamily = family;\n    }\n    get fontSize() {\n        return this._fontSize;\n    }\n    set fontSize(size) {\n        this._fontSize = size;\n    }\n    get textDropShadow() {\n        return this._textDropShadow;\n    }\n    set textDropShadow(dropShadow) {\n        this._textDropShadow = dropShadow;\n    }\n    get textShadowOpacity() {\n        return this._textShadowOpacity;\n    }\n    set textShadowOpacity(alphaLevel) {\n        this._textShadowOpacity = (0, MathUtils_1.clamp)(alphaLevel, 0, 1);\n    }\n    get textShadowColor() {\n        return this._textShadowColor;\n    }\n    set textShadowColor(color) {\n        this._textShadowColor = color;\n    }\n    get showProgress() {\n        return this._showProgress;\n    }\n    set showProgress(show) {\n        this._showProgress = show;\n    }\n    get showBubbles() {\n        return this._showBubbles;\n    }\n    set showBubbles(show) {\n        this._showBubbles = show;\n    }\n    get bubbleColor() {\n        return this._bubbleColor;\n    }\n    set bubbleColor(color) {\n        this._bubbleColor = color;\n    }\n    get use3D() {\n        return this._use3D;\n    }\n    set use3D(show) {\n        this._use3D = show;\n    }\n    get dropShadow() {\n        return this._dropShadow;\n    }\n    set dropShadow(drop) {\n        this._dropShadow = drop;\n    }\n    get dropShadowColor() {\n        return this._dropShadowColor;\n    }\n    set dropShadowColor(color) {\n        this._dropShadowColor = color;\n    }\n    set progressFormatter(formatter) {\n        this._progressFormatter = formatter;\n    }\n    draw() {\n        this.clear();\n        if (this._meterDiameter <= 0 || !this._width || !this._height) {\n            return;\n        }\n        if (this._dropShadow) {\n            this._context.save();\n            this._context.beginPath();\n            this._context.shadowColor = this._dropShadowColor;\n            this._context.shadowBlur = 10;\n            this._context.shadowOffsetY = 5;\n            this._context.arc(this._width / 2, this._height / 2, this._meterDiameter / 2 - 1, 0, 2 * Math.PI);\n            this._context.closePath();\n            this._context.fill();\n            this._context.restore();\n        }\n        this.drawBackground();\n        // #region clip\n        this._context.save();\n        this._context.arc(this._width / 2, this._height / 2, this._meterDiameter / 2 - this._calculatedBorderWidth, 0, Math.PI * 2);\n        this._context.clip();\n        // #endregion\n        if (this._layers) {\n            this.drawLayer(this._layers[0], false);\n            this.drawLayer(this._layers[1]);\n        }\n        if (this._showBubbles) {\n            this._bubbles.updateBubbleCount();\n            this.drawBubbles();\n        }\n        if (this._showProgress) {\n            this.drawText();\n        }\n        // restore clip\n        this._context.restore();\n        // can draw in whole canvas again\n        this.drawForeground();\n    }\n    clear() {\n        this._context.clearRect(0, 0, this._width, this._height);\n    }\n    /**\n     * calculates the values required to correctly draw all components.\n     * should be called on init and on resize or when some key value\n     * changes such as border width or padding\n     */\n    calculateDrawingValues() {\n        this._meterDiameter = this.calculateMeterDiameter();\n        this._layers = FluidLayer_1.FluidLayerHelper.buildFluidLayersFromConfiguration(this._fluidConfiguration, this._meterDiameter);\n        // other computed values\n        this._progressStepSpeed = this._maxProgress / 6;\n        // responsive (if required)\n        const screenWidth = window.innerWidth;\n        if (typeof this._borderWidth == 'number') {\n            this._calculatedBorderWidth = this._borderWidth;\n        }\n        else {\n            this._calculatedBorderWidth = (0, ResponsiveUtils_1.getResponsiveValue)(screenWidth, this._borderWidth);\n        }\n        if (typeof this._fontSize == 'number') {\n            this._calculatedFontSize = this._fontSize;\n        }\n        else {\n            this._calculatedFontSize = (0, ResponsiveUtils_1.getResponsiveValue)(screenWidth, this._fontSize);\n        }\n        // values for the bubble layer\n        this.updateBubbleLayer();\n        this._bubbles.reset();\n    }\n    updateBubbleLayer() {\n        const meterBottomLimit = this.getMeterBottomLimit();\n        let yThreshold = this.getFluidLevel();\n        if (this._layers) {\n            yThreshold += this._layers[0].waveAmplitude;\n        }\n        let minY = meterBottomLimit * 0.85;\n        if (minY < yThreshold) {\n            minY = yThreshold;\n        }\n        const maxY = meterBottomLimit;\n        const minX = this._width / 2 - this._meterDiameter / 2;\n        const maxX = this._width / 2 + this._meterDiameter / 2;\n        this._bubbles.minY = minY;\n        this._bubbles.maxY = maxY;\n        this._bubbles.minX = minX;\n        this._bubbles.maxX = maxX;\n        this._bubbles.yThreshold = yThreshold;\n        this._bubbles.averageSize = this._meterDiameter * 0.006;\n        this._bubbles.averageSpeed = (this._meterDiameter * 2) / 14; // should take X seconds to go from bottom to top\n        this._bubbles.speedDeviation = this._bubbles.averageSpeed * 0.25;\n        // calculate the amount of bubbles depending on the fill percentage\n        let maxBubbles = this._width * 0.1;\n        if (this._progress < this._maxProgress * 0.5 &&\n            this._progress >= this._maxProgress * 0.25) {\n            maxBubbles = maxBubbles * 0.5;\n        }\n        else if (this._progress < this._maxProgress * 0.25 &&\n            this._progress >= this._maxProgress * 0.12) {\n            maxBubbles = maxBubbles * 0.18;\n        }\n        else if (this._progress < this._maxProgress * 0.12) {\n            maxBubbles = maxBubbles * 0.04;\n        }\n        this._bubbles.total = maxBubbles;\n    }\n    // bottom limit where fluid gets drawn\n    getMeterBottomLimit() {\n        return (this._height -\n            (this._height - this._meterDiameter) / 2 -\n            this._calculatedBorderWidth);\n    }\n    // returns the line where the fluid makes waves\n    getFluidLevel() {\n        let waveAmplitudeCalculation = 0;\n        if (this._layers) {\n            waveAmplitudeCalculation = this._layers[0].waveAmplitude / 2;\n        }\n        const meterFillPercentage = ((this._meterDiameter -\n            waveAmplitudeCalculation -\n            this._calculatedBorderWidth * 2) *\n            this._progress) /\n            this._maxProgress;\n        return this.getMeterBottomLimit() - meterFillPercentage;\n    }\n    updateProgress() {\n        if (this._progress === this._targetProgress) {\n            return;\n        }\n        if (this._progress < this._targetProgress) {\n            this._progress += this._progressStepSpeed * this._elapsed;\n            if (this._progress > this._targetProgress) {\n                this._progress = this._targetProgress;\n            }\n        }\n        else if (this._progress > this._targetProgress) {\n            this._progress -= this._progressStepSpeed * this._elapsed;\n            if (this._progress < this._targetProgress) {\n                this._progress = this._targetProgress;\n            }\n        }\n        this.updateBubbleLayer();\n    }\n    /**\n     * draws a fluid layer\n     * @param layer layer to draw\n     * @param canUse3d will add gradients and details to give an impression of depth\n     */\n    drawLayer(layer, canUse3d = true) {\n        // calculate wave angle\n        let angle = layer.angle + layer.waveSpeed * this._elapsed;\n        if (angle > Math.PI * 2) {\n            angle = angle - Math.PI * 2;\n        }\n        layer.angle = angle;\n        // calculate horizontal position\n        layer.horizontalPosition += layer.horizontalSpeed * this._elapsed;\n        let x = 0;\n        let y = 0;\n        const amplitude = layer.waveAmplitude * Math.sin(layer.angle);\n        const meterBottom = this.getMeterBottomLimit();\n        const fluidAmount = this.getFluidLevel();\n        this.updateProgress();\n        this._context.save();\n        this._context.beginPath();\n        this._context.lineTo(0, fluidAmount);\n        while (x < this._width) {\n            y =\n                fluidAmount +\n                    amplitude * Math.sin((x + layer.horizontalPosition) / layer.frequency);\n            this._context.lineTo(x, y);\n            x++;\n        }\n        this._context.lineTo(x, this._height);\n        this._context.lineTo(0, this._height);\n        this._context.closePath();\n        if (this._use3D && canUse3d) {\n            const x1 = this._width / 2;\n            const y1 = meterBottom;\n            const r1 = this._meterDiameter * 0.05;\n            const gradientBackgroundFill = this._context.createRadialGradient(x1, y1, r1, x1, y1, this._meterDiameter * 0.65);\n            const startColor = layer.color;\n            const endColor = ColorUtils_1.ColorUtils.pSBC(-0.8, layer.color);\n            gradientBackgroundFill.addColorStop(0, startColor);\n            if (endColor) {\n                gradientBackgroundFill.addColorStop(1, endColor);\n            }\n            this._context.fillStyle = gradientBackgroundFill;\n        }\n        else {\n            this._context.fillStyle = layer.color;\n        }\n        this._context.fill();\n        this._context.restore();\n    }\n    drawText() {\n        const text = this._progressFormatter(this._progress);\n        this._context.save();\n        this._context.font = `${this._calculatedFontSize}px ${this._fontFamily}`;\n        this._context.fillStyle = this._textColor;\n        this._context.textAlign = 'center';\n        this._context.textBaseline = 'middle';\n        if (this._textDropShadow) {\n            this._context.save();\n            this._context.shadowColor = this._textShadowColor;\n            this._context.shadowBlur = 7;\n            this._context.globalAlpha = this._textShadowOpacity;\n            this._context.fillText(text, this._width / 2, this._height / 2);\n            this._context.restore();\n        }\n        this._context.fillText(text, this._width / 2, this._height / 2);\n        this._context.restore();\n    }\n    drawBackground() {\n        this._context.save();\n        this._context.beginPath();\n        this._context.arc(this._width / 2, this._height / 2, this._meterDiameter / 2 - this._calculatedBorderWidth, 0, 2 * Math.PI);\n        this._context.closePath();\n        if (this._use3D) {\n            const x1 = this._width / 2;\n            const y1 = this._height / 2;\n            const r1 = this._meterDiameter * 0.1;\n            const gradientBackgroundFill = this._context.createRadialGradient(x1, y1, r1, x1, y1, this._meterDiameter * 0.75);\n            const startColor = this._backgroundColor;\n            const endColor = ColorUtils_1.ColorUtils.pSBC(-0.8, this.backgroundColor);\n            gradientBackgroundFill.addColorStop(0, startColor);\n            if (endColor) {\n                gradientBackgroundFill.addColorStop(0.9, endColor);\n            }\n            this._context.fillStyle = gradientBackgroundFill;\n        }\n        else {\n            this._context.fillStyle = this.backgroundColor;\n        }\n        this._context.fill();\n        this._context.restore();\n    }\n    drawForeground() {\n        this._context.save();\n        this._context.lineWidth = this._calculatedBorderWidth;\n        this._context.strokeStyle = this._borderColor;\n        this._context.beginPath();\n        this._context.arc(this._width / 2, this._height / 2, this._meterDiameter / 2 - this._calculatedBorderWidth / 2, 0, 2 * Math.PI);\n        this._context.closePath();\n        this._context.stroke();\n        // inner border\n        const innerBorderColor = ColorUtils_1.ColorUtils.pSBC(-0.35, this._borderColor);\n        const innerBorderWidth = this._calculatedBorderWidth * 0.25;\n        this._context.lineWidth = innerBorderWidth;\n        this._context.strokeStyle = innerBorderColor || this._borderColor;\n        this._context.beginPath();\n        this._context.arc(this._width / 2, this._height / 2, this._meterDiameter / 2 -\n            this._calculatedBorderWidth * 0.85 -\n            innerBorderWidth / 2, 0, 2 * Math.PI);\n        this._context.closePath();\n        this._context.stroke();\n        // outer border\n        const outerBorderColor = ColorUtils_1.ColorUtils.pSBC(0.05, this._borderColor);\n        const outerBorderWidth = this._calculatedBorderWidth * 0.15;\n        this._context.lineWidth = outerBorderWidth;\n        this._context.strokeStyle = outerBorderColor || this._borderColor;\n        this._context.beginPath();\n        this._context.arc(this._width / 2, this._height / 2, this._meterDiameter / 2 - outerBorderWidth / 2, 0, 2 * Math.PI);\n        this._context.closePath();\n        this._context.stroke();\n        this._context.restore();\n        // details\n        if (this._use3D) {\n            this._context.save();\n            this._context.shadowColor = '#ffffff';\n            this._context.shadowBlur = 17;\n            const availableSurface = this._meterDiameter - this._calculatedBorderWidth;\n            let x = this._width / 2 - availableSurface / 4.5;\n            let y = this._height / 2 - availableSurface / 5.27;\n            let size = availableSurface * 0.045;\n            const shineTop = new Path2D();\n            shineTop.arc(-this._width * 2, y, size, 0, 2 * Math.PI);\n            this._context.shadowOffsetX = this._width * 2 + x;\n            this._context.globalAlpha = 0.7;\n            this._context.fill(shineTop);\n            this._context.restore();\n            this._context.save();\n            this._context.shadowColor = '#ffffff';\n            this._context.shadowBlur = 11;\n            x = this._width / 2 + availableSurface / 5;\n            y = this._height / 2 + availableSurface / 4;\n            size = availableSurface * 0.025;\n            const shineBottom = new Path2D();\n            shineBottom.arc(-this._width * 2, y, size, 0, 2 * Math.PI);\n            this._context.shadowOffsetX = this._width * 2 + x;\n            this._context.globalAlpha = 0.45;\n            this._context.fill(shineBottom);\n            this._context.restore();\n        }\n    }\n    drawBubbles() {\n        this._context.save();\n        this._bubbles.bubbles.forEach((bubble) => {\n            bubble.update(this._elapsed);\n            if (bubble.isDead || bubble.y < this._bubbles.yThreshold) {\n                this._bubbles.resetBubble(bubble);\n            }\n            this._context.beginPath();\n            this._context.strokeStyle = this._bubbleColor;\n            this._context.arc(bubble.x - bubble.currentRadius / 2, bubble.y - bubble.currentRadius / 2, bubble.currentRadius, 0, 2 * Math.PI);\n            this._context.filter = `opacity(${bubble.currentOpacity})`;\n            this._context.stroke();\n            this._context.closePath();\n        });\n        this._context.restore();\n    }\n    calculateMeterDiameter() {\n        if (this._width >= this._height) {\n            return this._height - this._padding;\n        }\n        else {\n            return this._width - this._padding;\n        }\n    }\n    resize() {\n        super.resize();\n        this.calculateDrawingValues();\n        this._bubbles.reset();\n    }\n}\nexports.CircularFluidMeter = CircularFluidMeter;\n//# sourceMappingURL=CircularFluidMeter.js.map","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.BaseMeter = void 0;\nclass BaseMeter {\n    constructor(container) {\n        Object.defineProperty(this, \"_container\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: void 0\n        });\n        Object.defineProperty(this, \"_canvas\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: void 0\n        });\n        Object.defineProperty(this, \"_context\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: void 0\n        });\n        Object.defineProperty(this, \"_width\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: 0\n        });\n        Object.defineProperty(this, \"_height\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: 0\n        });\n        Object.defineProperty(this, \"_time\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: 0\n        });\n        Object.defineProperty(this, \"_elapsed\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: 0\n        });\n        Object.defineProperty(this, \"_animationRequestId\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: 0\n        });\n        // references\n        Object.defineProperty(this, \"_updateBind\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: void 0\n        });\n        Object.defineProperty(this, \"_resizeBind\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: void 0\n        });\n        this._container = container;\n        const size = this._container.getBoundingClientRect();\n        this._width = Math.floor(size.width);\n        this._height = Math.floor(size.height);\n        this._canvas = document.createElement('canvas');\n        this._canvas.width = this._width;\n        this._canvas.height = this._height;\n        const currentContext = this._canvas.getContext('2d');\n        if (currentContext) {\n            this._context = currentContext;\n        }\n        else {\n            throw 'unable to get 2d context';\n        }\n        this._container.appendChild(this._canvas);\n        // setup references\n        this._updateBind = this.update.bind(this);\n        this._resizeBind = this.resize.bind(this);\n        this._animationRequestId = requestAnimationFrame(this._updateBind);\n        window.addEventListener('resize', this._resizeBind);\n    }\n    update() {\n        const now = new Date().getTime();\n        this._elapsed = (now - (this._time || now)) / 1000;\n        this._time = now;\n        this._animationRequestId = requestAnimationFrame(this._updateBind);\n        this.draw();\n    }\n    resize() {\n        if (this._container !== undefined) {\n            const size = this._container.getBoundingClientRect();\n            const width = Math.floor(size.width);\n            const height = Math.floor(size.height);\n            this._width = width;\n            this._height = height;\n            this._canvas.width = width;\n            this._canvas.height = height;\n        }\n    }\n    dispose() {\n        cancelAnimationFrame(this._animationRequestId);\n        window.removeEventListener('resize', this._resizeBind);\n    }\n}\nexports.BaseMeter = BaseMeter;\n//# sourceMappingURL=BaseMeter.js.map","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.BubblesLayer = void 0;\nconst MathUtils_1 = require(\"../../../utils/MathUtils\");\nclass BubblesLayer {\n    constructor() {\n        Object.defineProperty(this, \"bubbles\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: []\n        });\n        Object.defineProperty(this, \"total\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: 22\n        });\n        Object.defineProperty(this, \"averageSpeed\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: 50\n        });\n        Object.defineProperty(this, \"speedDeviation\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: 12\n        });\n        Object.defineProperty(this, \"current\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: 0\n        });\n        Object.defineProperty(this, \"swing\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: 0\n        });\n        Object.defineProperty(this, \"averageSize\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: 4\n        });\n        // spawning limits\n        Object.defineProperty(this, \"minX\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: 0\n        });\n        Object.defineProperty(this, \"maxX\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: 0\n        });\n        Object.defineProperty(this, \"minY\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: 0\n        });\n        Object.defineProperty(this, \"maxY\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: 0\n        });\n        // max y position\n        Object.defineProperty(this, \"yThreshold\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: 0\n        });\n    }\n    getBubble() {\n        const x = (0, MathUtils_1.random)(this.minX, this.maxX);\n        const y = (0, MathUtils_1.random)(this.minY, this.maxY);\n        const r = (0, MathUtils_1.random)(this.averageSize * 0.5, this.averageSize * 1.5);\n        const opacity = r < this.averageSize ? 0.5 : 1;\n        const velY = (0, MathUtils_1.random)(this.averageSpeed - this.speedDeviation, this.averageSpeed + this.speedDeviation);\n        // lifespan is calculated in based on how long the particles will reach surface (y threshold)\n        const totalDistance = y - this.yThreshold;\n        const particleLife = totalDistance / velY;\n        return new BubbleParticle(x, y, r, velY, particleLife, opacity);\n    }\n    resetBubble(bubble) {\n        this.bubbles = this.bubbles.filter((b) => b !== bubble);\n        if (this.bubbles.length < this.total) {\n            this.bubbles.push(this.getBubble());\n        }\n    }\n    updateBubbleCount() {\n        if (this.bubbles.length < this.total) {\n            const missing = this.total - this.bubbles.length;\n            for (let i = 0; i < missing; i++) {\n                this.bubbles.push(this.getBubble());\n            }\n        }\n    }\n    reset() {\n        this.bubbles = [];\n        for (let i = 0; i < this.total; i++) {\n            this.bubbles.push(this.getBubble());\n        }\n    }\n}\nexports.BubblesLayer = BubblesLayer;\nclass BubbleParticle {\n    constructor(x, y, r, velY, lifespan, opacity = 1) {\n        Object.defineProperty(this, \"x\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: 0\n        });\n        Object.defineProperty(this, \"y\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: 0\n        });\n        Object.defineProperty(this, \"r\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: 0\n        });\n        Object.defineProperty(this, \"velY\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: 0\n        });\n        Object.defineProperty(this, \"lifespan\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: 0\n        });\n        Object.defineProperty(this, \"currentRadius\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: 0\n        });\n        Object.defineProperty(this, \"currentLifespan\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: 0\n        });\n        Object.defineProperty(this, \"opacityThreshold\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: 0\n        });\n        Object.defineProperty(this, \"currentOpacity\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: 1\n        });\n        Object.defineProperty(this, \"opacityDecayingSpeed\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: 0\n        });\n        this.x = x;\n        this.y = y;\n        this.r = r;\n        this.velY = velY;\n        this.lifespan = lifespan;\n        this.currentLifespan = lifespan;\n        this.currentOpacity = opacity;\n        /**\n         *  calculate opacity decrease factor base on lifespan:\n         * particles will fade out when they reach X% of their life\n         */\n        this.opacityThreshold = this.lifespan * 0.2;\n        this.opacityDecayingSpeed = (100 / this.lifespan) * 0.2;\n    }\n    get isDead() {\n        return this.currentLifespan <= 0;\n    }\n    update(elapsed) {\n        this.y -= this.velY * elapsed;\n        if (this.currentRadius < this.r) {\n            this.currentRadius += 20 * elapsed;\n        }\n        if (this.currentLifespan < this.opacityThreshold) {\n            this.currentOpacity -= this.opacityDecayingSpeed * elapsed;\n            if (this.currentOpacity <= 0) {\n                this.currentOpacity = 0;\n            }\n        }\n        this.currentLifespan -= elapsed;\n    }\n}\n//# sourceMappingURL=BubblesLayer.js.map","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.random = exports.clamp = void 0;\nconst clamp = (number, min, max) => {\n    return Math.min(Math.max(number, min), max);\n};\nexports.clamp = clamp;\nconst random = (min, max) => {\n    const delta = max - min;\n    return max === min ? min : Math.random() * delta + min;\n};\nexports.random = random;\n//# sourceMappingURL=MathUtils.js.map","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.Speed = exports.FluidLayerHelper = void 0;\nconst ColorUtils_1 = require(\"../../../utils/ColorUtils\");\nvar Speed;\n(function (Speed) {\n    Speed[Speed[\"SLOW\"] = 0] = \"SLOW\";\n    Speed[Speed[\"NORMAL\"] = 1] = \"NORMAL\";\n    Speed[Speed[\"FAST\"] = 2] = \"FAST\";\n})(Speed || (Speed = {}));\nexports.Speed = Speed;\nclass FluidLayerSettings {\n}\nObject.defineProperty(FluidLayerSettings, \"ANGULAR_SPEED_NORMAL\", {\n    enumerable: true,\n    configurable: true,\n    writable: true,\n    value: Math.PI / 2\n});\nObject.defineProperty(FluidLayerSettings, \"ANGULAR_SPEED_FAST\", {\n    enumerable: true,\n    configurable: true,\n    writable: true,\n    value: Math.PI\n});\nObject.defineProperty(FluidLayerSettings, \"ANGULAR_SPEED_SLOW\", {\n    enumerable: true,\n    configurable: true,\n    writable: true,\n    value: Math.PI / 4\n});\nObject.defineProperty(FluidLayerSettings, \"HORIZONTAL_SPEED_NORMAL\", {\n    enumerable: true,\n    configurable: true,\n    writable: true,\n    value: 55\n});\nObject.defineProperty(FluidLayerSettings, \"HORIZONTAL_SPEED_FAST\", {\n    enumerable: true,\n    configurable: true,\n    writable: true,\n    value: 155\n});\nObject.defineProperty(FluidLayerSettings, \"HORIZONTAL_SPEED_SLOW\", {\n    enumerable: true,\n    configurable: true,\n    writable: true,\n    value: 25\n});\nclass FluidLayerHelper {\n    static buildFluidLayersFromConfiguration(configuration, meterDiameter) {\n        // determine values\n        let waveSpeed = FluidLayerSettings.ANGULAR_SPEED_NORMAL;\n        let horizontalSpeed = FluidLayerSettings.HORIZONTAL_SPEED_NORMAL;\n        const frequency = this.calculateFrequency(meterDiameter);\n        switch (configuration.horizontalSpeed) {\n            case Speed.FAST:\n                horizontalSpeed = FluidLayerSettings.HORIZONTAL_SPEED_FAST;\n                break;\n            case Speed.SLOW:\n                horizontalSpeed = FluidLayerSettings.HORIZONTAL_SPEED_SLOW;\n                break;\n            default:\n                horizontalSpeed = FluidLayerSettings.HORIZONTAL_SPEED_NORMAL;\n                break;\n        }\n        switch (configuration.waveSpeed) {\n            case Speed.FAST:\n                waveSpeed = FluidLayerSettings.ANGULAR_SPEED_FAST;\n                break;\n            case Speed.SLOW:\n                waveSpeed = FluidLayerSettings.ANGULAR_SPEED_SLOW;\n                break;\n            default:\n                waveSpeed = FluidLayerSettings.ANGULAR_SPEED_NORMAL;\n                break;\n        }\n        const backgroundColor = ColorUtils_1.ColorUtils.pSBC(-0.75, configuration.color || '#ffffff');\n        const waveAmplitude = this.calculateWaveAmplitude(meterDiameter);\n        const foreGroundLayer = {\n            angle: 0,\n            horizontalPosition: 0,\n            color: configuration.color || '#ffffff',\n            frequency: frequency,\n            waveAmplitude: waveAmplitude,\n            horizontalSpeed: horizontalSpeed,\n            waveSpeed: waveSpeed\n        };\n        const backgroundLayer = {\n            angle: 0,\n            horizontalPosition: 0,\n            color: backgroundColor\n                ? backgroundColor\n                : configuration.color || '#ffffff',\n            frequency: frequency,\n            waveAmplitude: waveAmplitude,\n            horizontalSpeed: -horizontalSpeed,\n            waveSpeed: waveSpeed\n        };\n        return [backgroundLayer, foreGroundLayer];\n    }\n    static calculateWaveAmplitude(meterDiameter) {\n        return meterDiameter * 0.021;\n    }\n    static calculateFrequency(meterDiameter) {\n        return meterDiameter / 11;\n    }\n}\nexports.FluidLayerHelper = FluidLayerHelper;\n//# sourceMappingURL=FluidLayer.js.map","\"use strict\";\n/**\n * https://stackoverflow.com/questions/5560248/programmatically-lighten-or-darken-a-hex-color-or-rgb-and-blend-colors\n * all credits to\n * https://stackoverflow.com/users/740553/mike-pomax-kamermans\n */\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.ColorUtils = void 0;\nclass ColorUtils {\n    static pSBC(p, c0, c1 = null, l = null) {\n        let h;\n        let r;\n        let g;\n        let b;\n        let t;\n        let a = typeof c1 == 'string';\n        let P;\n        let f;\n        const m = Math.round;\n        (h = c0.length > 9),\n            (h = a ? (c1.length > 9 ? true : c1 == 'c' ? !h : false) : h),\n            (f = this.pSBCr(c0)),\n            (P = p < 0),\n            (t =\n                c1 && c1 != 'c'\n                    ? this.pSBCr(c1)\n                    : P\n                        ? { r: 0, g: 0, b: 0, a: -1 }\n                        : { r: 255, g: 255, b: 255, a: -1 }),\n            (p = P ? p * -1 : p),\n            (P = 1 - p);\n        if (!f || !t)\n            return null;\n        if (l)\n            (r = m(P * f.r + p * t.r)),\n                (g = m(P * f.g + p * t.g)),\n                (b = m(P * f.b + p * t.b));\n        else\n            (r = m(Math.pow((P * Math.pow(f.r, 2) + p * Math.pow(t.r, 2)), 0.5))),\n                (g = m(Math.pow((P * Math.pow(f.g, 2) + p * Math.pow(t.g, 2)), 0.5))),\n                (b = m(Math.pow((P * Math.pow(f.b, 2) + p * Math.pow(t.b, 2)), 0.5)));\n        (a = f.a),\n            (t = t.a),\n            (f = a >= 0 || t >= 0),\n            (a = f ? (a < 0 ? t : t < 0 ? a : a * P + t * p) : 0);\n        if (h)\n            return ('rgb' +\n                (f ? 'a(' : '(') +\n                r +\n                ',' +\n                g +\n                ',' +\n                b +\n                (f ? ',' + m(a * 1000) / 1000 : '') +\n                ')');\n        else\n            return ('#' +\n                (4294967296 + r * 16777216 + g * 65536 + b * 256 + (f ? m(a * 255) : 0))\n                    .toString(16)\n                    .slice(1, f ? undefined : -2));\n    }\n    static pSBCr(d) {\n        let r, g, b, a;\n        const i = parseInt;\n        const m = Math.round;\n        let n = d.length;\n        const x = {\n            r: 0,\n            g: 0,\n            b: 0,\n            a: 0\n        };\n        if (n > 9) {\n            ([r, g, b, a] = d.split(',')), (n = d.length);\n            if (n < 3 || n > 4)\n                return null;\n            (x.r = i(r[3] == 'a' ? r.slice(5) : r.slice(4))),\n                (x.g = i(g)),\n                (x.b = i(b)),\n                (x.a = a ? parseFloat(a) : -1);\n        }\n        else {\n            if (n == 8 || n == 6 || n < 4)\n                return null;\n            if (n < 6)\n                d =\n                    '#' +\n                        d[1] +\n                        d[1] +\n                        d[2] +\n                        d[2] +\n                        d[3] +\n                        d[3] +\n                        (n > 4 ? d[4] + d[4] : '');\n            const d1 = i(d.slice(1), 16);\n            if (n == 9 || n == 5)\n                (x.r = (d1 >> 24) & 255),\n                    (x.g = (d1 >> 16) & 255),\n                    (x.b = (d1 >> 8) & 255),\n                    (x.a = m((d1 & 255) / 0.255) / 1000);\n            else\n                (x.r = d1 >> 16), (x.g = (d1 >> 8) & 255), (x.b = d1 & 255), (x.a = -1);\n        }\n        return x;\n    }\n}\nexports.ColorUtils = ColorUtils;\n//# sourceMappingURL=ColorUtils.js.map","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.defaultConfig = void 0;\nconst FluidLayer_1 = require(\"./Layers/FluidLayer\");\nconst defaultConfig = {\n    initialProgress: 0,\n    maxProgress: 100,\n    borderWidth: 30,\n    borderColor: '#75758b',\n    padding: 30,\n    backgroundColor: '#9f9fae',\n    showProgress: true,\n    showBubbles: true,\n    bubbleColor: '#ffffff',\n    textColor: '#ffffff',\n    textDropShadow: true,\n    textShadowOpacity: 1,\n    textShadowColor: '#000000',\n    fontFamily: 'Arial',\n    fontSize: 30,\n    use3D: true,\n    dropShadow: true,\n    dropShadowColor: '#000000',\n    progressFormatter: (value) => Math.round(value).toString(),\n    fluidConfiguration: {\n        color: '#ff0000',\n        waveSpeed: FluidLayer_1.Speed.NORMAL,\n        horizontalSpeed: FluidLayer_1.Speed.NORMAL\n    }\n};\nexports.defaultConfig = defaultConfig;\n//# sourceMappingURL=CircularFluidMeterConfig.js.map","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.getResponsiveValue = void 0;\nconst getResponsiveValue = (screenWidth, responsiveConfigs) => {\n    var _a, _b;\n    if (!responsiveConfigs.length) {\n        return 0;\n    }\n    const breakPoint = (_b = (_a = responsiveConfigs\n        .filter((c) => c.resolution <= screenWidth)) === null || _a === void 0 ? void 0 : _a.sort(breakPointCompare)) === null || _b === void 0 ? void 0 : _b[0];\n    if (!breakPoint) {\n        const minValue = responsiveConfigs.sort(breakPointCompare).reverse()[0];\n        return minValue ? minValue.value : 0;\n    }\n    else {\n        return breakPoint.value;\n    }\n};\nexports.getResponsiveValue = getResponsiveValue;\nconst breakPointCompare = (b1, b2) => {\n    if (b1.resolution < b2.resolution) {\n        return 1;\n    }\n    if (b1.resolution > b2.resolution) {\n        return -1;\n    }\n    return 0;\n};\n//# sourceMappingURL=ResponsiveUtils.js.map","function getUserData(userID, users) {\n  let findUser = users.find((user) => {\n    return user.id === userID;\n  });\n  let updatedFriends = findUser.friends.map((friend) => {\n    return users.find((match) => {\n      return match.id === friend;\n    });\n  });\n  findUser.friends = updatedFriends;\n  return findUser;\n}\n\nfunction getAverageSteps(users) {\n  let totalSteps = users.reduce((total, user) => {\n    total += user.dailyStepGoal;\n    return total;\n  }, 0);\n  return Math.round(totalSteps / users.length);\n}\n\nexport { \n  getUserData,\n  getAverageSteps\n}\n","function getAverageFluidOunce(userID, hydrationData) {\n  let count = 0;\n  let totalOunces = hydrationData.reduce((total, hydrate) => {\n    if (hydrate.userID === userID) {\n      total += hydrate.numOunces;\n      count++;\n    }\n    return total;\n  }, 0);\n  return Math.round(totalOunces / count);\n}\n\nfunction getFluidOunceForDay(userID, hydrationData, date) {\n  let foundHydrationData = hydrationData.find((data) => {\n    return data.userID === userID && data.date === date;\n  });\n  return foundHydrationData;\n}\n\nfunction getFluidOunceForWeek(userID, hydrationData) {\n  const usersWeekHydration = hydrationData.reduce((usersHydration, data) => {\n    if (data.userID === userID) {\n      usersHydration.push({\n        date: data.date,\n        ounces: data.numOunces,\n      });\n    }\n    return usersHydration;\n  }, []);\n  return usersWeekHydration;\n}\n\nexport { getAverageFluidOunce, getFluidOunceForDay, getFluidOunceForWeek };\n","function getAverageHoursSleptNet(userID, sleep) {\n  let allSleepData = sleep.sleepData.filter((data) => {\n    return data.userID === userID;\n  });\n  let netHours = allSleepData.reduce((acc, data) => {\n    acc += data.hoursSlept;\n    return acc;\n  }, 0);\n  return Math.round((10 * netHours) / allSleepData.length) / 10;\n}\n\nfunction getAverageSleepQualityNet(userID, sleep) {\n  let allSleepData = sleep.sleepData.filter((data) => {\n    return data.userID === userID;\n  });\n  let netQuality = allSleepData.reduce((acc, data) => {\n    acc += data.sleepQuality;\n    return acc;\n  }, 0);\n  return Math.round((10 * netQuality) / allSleepData.length) / 10;\n}\n\nfunction getHoursSlept(userID, sleep, date) {\n  let allSleepData = sleep.sleepData.filter((data) => {\n    return data.userID === userID;\n  });\n  let targetDate = allSleepData.find((data) => {\n    return data.date === date;\n  });\n  return targetDate.hoursSlept;\n}\n\nfunction getSleepQuality(userID, sleep, date) {\n  let allSleepData = sleep.sleepData.filter((data) => {\n    return data.userID === userID;\n  });\n  let targetDate = allSleepData.find((data) => {\n    return data.date === date;\n  });\n  return targetDate.sleepQuality;\n}\n\nfunction getHoursSleptWeek(userID, sleep) {\n  let allSleepData = sleep.sleepData.filter((data) => {\n    return data.userID === userID;\n  });\n  return allSleepData;\n}\n\nfunction getSleepQualityWeek(userID, sleep) {\n  let allSleepData = sleep.sleepData.filter((data) => {\n    return data.userID === userID;\n  });\n  return allSleepData;\n}\n\nexport {\n  getAverageHoursSleptNet,\n  getAverageSleepQualityNet,\n  getHoursSlept,\n  getSleepQuality,\n  getHoursSleptWeek,\n  getSleepQualityWeek,\n};\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\tid: moduleId,\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","__webpack_require__.nc = undefined;","import \"./css/styles.css\";\nimport \"./images/user-icon.svg\";\nimport \"./images/sleep-icon.svg\";\nimport \"./images/hydration-icon.svg\";\nimport \"./images/friends-icon.svg\";\nimport {\n  fetchHydrationData,\n  fetchUserData,\n  fetchSleepData,\n  postHydrationData,\n} from \"./apiCalls\";\nimport { CircularFluidMeter } from \"fluid-meter\";\nimport { getUserData, getAverageSteps } from \"./users\";\nimport {\n  getFluidOunceForDay,\n  getFluidOunceForWeek,\n  getAverageFluidOunce,\n} from \"./hydration\";\nimport {\n  getAverageHoursSleptNet,\n  getAverageSleepQualityNet,\n  getHoursSlept,\n  getSleepQuality,\n  getHoursSleptWeek,\n  getSleepQualityWeek,\n} from \"./sleep\";\n\nconst info = document.querySelector(\"#info\");\nconst friendsList = document.querySelector(\"#friends\");\nconst waterMeter = document.querySelector(\"#waterMeterContainer\");\nconst userHydrationDate = document.querySelector(\"#dateHydrationTitle\");\nconst dayButtons = document.querySelector(\"#days\");\nconst sleepHoursMeter = document.querySelector(\"#sleepHoursMeter\");\nconst sleepHours = document.querySelector(\"#sleepHours\");\nconst sleepQualityMeter = document.querySelector(\"#sleepQualityMeter\");\nconst sleepQuality = document.querySelector(\"#sleepQuality\");\nconst userSleepTitle = document.querySelector(\"#dateSleepTitle\");\nconst sleepAverageTitle = document.querySelector(\"#averageSleepTitle\");\nconst sleepHoursMeterAvg = document.querySelector(\"#sleepHoursMeterAverage\");\nconst sleepHoursAvg = document.querySelector(\"#sleepHoursAverage\");\nconst sleepQualityMeterAvg = document.querySelector(\n  \"#sleepQualityMeterAverage\"\n);\nconst sleepQualityAvg = document.querySelector(\"#sleepQualityAverage\");\nconst addHydrationButton = document.querySelector(\".input-hydration\");\nconst popUpForm = document.querySelector(\".pop-up-form\");\nconst closeFormButton = document.querySelector(\".closeBtn\");\nconst dateInput = document.querySelector(\"#dateInput\");\nconst ozInput = document.querySelector(\"#ozDrank\");\nconst submitButton = document.querySelector(\".formBtn\");\nconst formError = document.querySelector(\".form-error\");\nconst draggables = document.querySelectorAll(\".draggable\");\nconst containers = document.querySelectorAll(\".container\");\nconst sleepMeters = document.querySelectorAll(\".sleep-meter\");\n\nlet containerPositions = {};\nlet user, hydration, sleep, today, flOzDays, userSleepInfo, currentPostion;\nlet createdWaterMeter = new CircularFluidMeter(waterMeter, {\n  borderWidth: 15,\n  maxProgress: 100,\n  initialProgress: 0,\n  backgroundColor: \"#002d59\",\n  borderColor: \"#3e4954\",\n  bubbleColor: \"#6bcfff\",\n  fontFamily: \"'M PLUS Rounded 1c', sans-serif\",\n  fontSize: 34,\n  progressFormatter: (value) => {\n    return `${value.toFixed(0)} fl oz`;\n  },\n  fluidConfiguration: {\n    color: \"#1e90ff\",\n  },\n});\n\nwindow.addEventListener(\"load\", function () {\n  if (!user) {\n    updatePage();\n  } else {\n    updatePage(user.id);\n  }\n});\n\ndayButtons.addEventListener(\"click\", (event) => {\n  let button = event.target.closest(\"button\");\n\n  if (!flOzDays[today - Number(button.id)]) {\n    userHydrationDate.innerHTML = `<h1>No Data to Display...</h1>`;\n    createdWaterMeter.progress = 0;\n  } else {\n    updateHydration(user, today - Number(button.id));\n    updateHoursSlept(user, today - Number(button.id));\n    updateSleepQuality(user, today - Number(button.id));\n  }\n});\n\nsubmitButton.addEventListener(\"click\", () => {\n  if (ozInput.value.length > 0 && dateInput.value.length > 0) {\n    closeForm();\n    let date = dateInput.value.split(\"-\").join(\"/\");\n    postHydrationData(date, ozInput.value, user.id);\n  } else if (ozInput.value.trim().length === 0 && dateInput.value.length > 0) {\n    event.preventDefault();\n    formError.innerText = \"Please enter Oz Drank...\";\n  } else if (ozInput.value.trim().length > 0 && dateInput.value.length === 0) {\n    event.preventDefault();\n    formError.innerText = \"Please select a date...\";\n  } else {\n    event.preventDefault();\n    formError.innerText = \"You need to select a date and enter Oz Drank!\";\n  }\n});\n\naddHydrationButton.addEventListener(\"click\", openForm);\n\ncloseFormButton.addEventListener(\"click\", closeForm);\n\nfunction updatePage() {\n  Promise.all([fetchHydrationData(), fetchUserData(), fetchSleepData()]).then(\n    ([hydrationFetch, usersData, sleepFetch]) => {\n      sleep = sleepFetch;\n      hydration = hydrationFetch;\n      let avgStep = getAverageSteps(usersData.users);\n      user = userGrabber(usersData);\n      getPositions();\n      flOzDays = getDays(user.id, hydration.hydrationData);\n      today = flOzDays.length - 1;\n      userSleepInfo = getHoursSleptWeek(user.id, sleep);\n      updateButtonsDate(flOzDays);\n      updateUserInfo(avgStep);\n      updateSleepAverages(user);\n      updateHoursSlept(user, today);\n      updateSleepQuality(user, today);\n    }\n  );\n}\n\nfunction getPositions() {\n  if (sessionStorage.getItem(\"user\")) {\n    containers.forEach((container) => {\n      let position = JSON.parse(sessionStorage.getItem('containerPositions')) || [];\n      let positionKeys = Object.keys(position)\n      positionKeys.forEach((key) => {\n        if(container.id === key)\n        container.appendChild(document.getElementById(position[key]))\n      });\n    });\n  }\n}\n\nfunction getDays(id, hydration) {\n  let flOzDays1 = getFluidOunceForWeek(id, hydration).map((day) => {\n    return {\n      date: new Date(day.date),\n      ounces: day.ounces,\n    };\n  });\n  flOzDays1.sort((a, b) => {\n    return a.date - b.date;\n  });\n  let flOzDays2 = flOzDays1.map((day) => {\n    return {\n      date: day.date.toISOString().split(\"T\")[0].replaceAll(\"-\", \"/\"),\n      ounces: day.ounces,\n    };\n  });\n  return flOzDays2;\n}\n\nfunction userGrabber(usersData) {\n  let index;\n  if (sessionStorage.getItem(\"user\")) {\n    index = parseInt(sessionStorage.getItem(\"user\"));\n  } else {\n    index = getUserIndex(usersData);\n  }\n  let currentUser = getUserData(index, usersData.users);\n  return currentUser;\n}\n\nfunction getUserIndex(usersData) {\n  return Math.floor(Math.random() * (usersData.users.length - 1)) + 1;\n}\n\nfunction updateUserInfo(avgStep) {\n  info.innerHTML = `<h1 id=\"name\">Welcome: ${user.name}</h1>\n  <h2 id=\"userID\">ID: ${user.id} </h2>\n  <h2 id=\"address\">Address: ${user.address} </h2>\n  <h2 id=\"emailAddress\">Email: ${user.email} </h2>\n  <h2 id=\"strideLength\">Stride Length: ${user.strideLength}</h2>\n  <h2 id=\"stepGoal\">My Step Goal: ${user.dailyStepGoal} steps</h2>\n  <h2 id=\"comparedStepGoal\"> Avg Step Goal: ${avgStep} steps</h2>`;\n  updateFriendsList(user.friends);\n  updateHydration(user, today);\n}\n\nfunction updateFriendsList(friends) {\n  friendsList.innerHTML = '<h1 id=\"friendsHeader\">Friends</h1>';\n  friends.forEach((friend) => {\n    friendsList.insertAdjacentHTML(\n      \"beforeend\",\n      `<aside>\n        <h2>${friend.name}</h2>\n        <h2>Step Goal: ${friend.dailyStepGoal}</h2>\n      </aside>`\n    );\n  });\n}\n\nfunction updateHydration(user, day = 0) {\n  const userHydration = getFluidOunceForDay(\n    user.id,\n    hydration.hydrationData,\n    flOzDays[day].date\n  );\n  userHydrationDate.innerHTML = `<h1>Water Consumption</h1><h2>${userHydration.date}</h2>`;\n  createdWaterMeter.progress = userHydration.numOunces;\n}\n\nfunction updateHoursSlept(user, day) {\n  if (!userSleepInfo[day]) {\n    userSleepTitle.innerHTML = `<h1>Daily Sleep Stats</h1><h2>No Sleep Data For ${flOzDays[day].date}</h2>`;\n    sleepProgressBar(0, sleepHours, sleepHoursMeter, 12);\n  } else {\n    const userSleepHours = getHoursSlept(\n      user.id,\n      sleep,\n      userSleepInfo[day].date\n    );\n    userSleepTitle.innerHTML = `<h1>Daily Sleep Stats</h1><h2>${userSleepInfo[day].date}</h2>`;\n    sleepProgressBar(userSleepHours, sleepHours, sleepHoursMeter, 12);\n  }\n}\n\nfunction updateSleepQuality(user, day) {\n  if (!userSleepInfo[day]) {\n    sleepProgressBar(0, sleepQuality, sleepQualityMeter, 5);\n  } else {\n    const userSleepQuality = getSleepQuality(\n      user.id,\n      sleep,\n      userSleepInfo[day].date\n    );\n    sleepProgressBar(userSleepQuality, sleepQuality, sleepQualityMeter, 5);\n  }\n}\n\nfunction sleepProgressBar(hours, type, meter, cap) {\n  type.innerText = `${hours}`;\n  meter.style.background = `conic-gradient(\n    #00008B ${(hours / cap) * 360}deg,\n    #89CFF0 ${(hours / cap) * 360}deg\n  )`;\n}\n\nfunction updateSleepAverages(user) {\n  const userSleepAvgHours = getAverageHoursSleptNet(user.id, sleep);\n  const userSleepAvgQuality = getAverageSleepQualityNet(user.id, sleep);\n  sleepAverageTitle.innerHTML = `<h1>Average Sleep Stats</h1>`;\n  sleepProgressBar(userSleepAvgHours, sleepHoursAvg, sleepHoursMeterAvg, 12);\n  sleepProgressBar(\n    userSleepAvgQuality,\n    sleepQualityAvg,\n    sleepQualityMeterAvg,\n    5\n  );\n}\n\nfunction updateButtonsDate(dates) {\n  const days = document.querySelectorAll(\".day-selector\");\n  let count = 0;\n  days.forEach((day) => {\n    day.innerText = dates[today - count].date;\n    count++;\n  });\n}\n\nfunction openForm() {\n  popUpForm.style.display = \"block\";\n  sleepMeters.forEach((meter) => {\n    meter.style.filter = \"blur(6px)\";\n  });\n}\n\nfunction closeForm() {\n  sessionStorage.setItem(\"user\", user.id);\n  popUpForm.style.display = \"none\";\n  sleepMeters.forEach((meter) => {\n    meter.style.filter = \"none\";\n  });\n}\n\ndraggables.forEach((draggable) => {\n  draggable.addEventListener(\"dragstart\", () => {\n    draggable.classList.add(\"dragging\");\n  });\n\n  draggable.addEventListener(\"dragend\", () => {\n    draggable.classList.remove(\"dragging\");\n\n    if(sessionStorage.getItem(\"user\")) {\n      containers.forEach((container) => {\n        let newPosition = Array.from(container.children).map((element) => element.id);\n        containerPositions[container.id] = newPosition\n      })\n      sessionStorage.setItem('containerPositions', JSON.stringify(containerPositions))\n    }\n  });\n});\n\ncontainers.forEach((container) => {\n  container.addEventListener(\"dragover\", (e) => {\n    e.preventDefault();\n    let draggable = document.querySelector(\".dragging\");\n    if(draggable) {\n      let fromContainer = draggable.parentNode;\n      if(fromContainer !== container) {\n        let tgt = e.currentTarget.firstElementChild\n        if(tgt) {\n          fromContainer.replaceChild(tgt, draggable)\n          container.appendChild(draggable)\n        }\n      }\n    }\n  });\n})\n\n"],"names":[],"sourceRoot":""}
\ No newline at end of file