@aws-amplify/ui-react 1.2.56-legacy-ui-tests.6 → 1.2.60-unstable.5

package/dist/@aws-amplify/ui-react.js

@@ -26957,7 +26957,6 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _aws_amplify_auth__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_aws_amplify_auth__WEBPACK_IMPORTED_MODULE_0__);
 
 var AuthStrings;
-
 (function (AuthStrings) {
   AuthStrings["BACK_TO_SIGN_IN"] = "Back to Sign In";
   AuthStrings["CHANGE_PASSWORD_ACTION"] = "Change";
@@ -27069,9 +27068,7 @@ var AuthStrings;
   AuthStrings["CONFIRM_SIGN_UP_FAILED"] = "Confirm Sign Up Failed";
   AuthStrings["SIGN_UP_FAILED"] = "Sign Up Failed";
 })(AuthStrings || (AuthStrings = {}));
-
 var InteractionsStrings;
-
 (function (InteractionsStrings) {
   InteractionsStrings["CHATBOT_TITLE"] = "ChatBot Lex";
   InteractionsStrings["TEXT_INPUT_PLACEHOLDER"] = "Write a message";
@@ -27079,7 +27076,6 @@ var InteractionsStrings;
   InteractionsStrings["CHAT_DISABLED_ERROR"] = "Error: Either voice or text must be enabled for the chatbot";
   InteractionsStrings["NO_BOT_NAME_ERROR"] = "Error: Bot name must be provided to ChatBot";
 })(InteractionsStrings || (InteractionsStrings = {}));
-
 var Translations = Object.assign(Object.assign(Object.assign({}, AuthStrings), _aws_amplify_auth__WEBPACK_IMPORTED_MODULE_0__["AuthErrorStrings"]), InteractionsStrings);
 
 
@@ -27101,7 +27097,6 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return AuthFormField; });
 // TODO: Move these values to or extract them from the Cognito Provider in the Auth category for Auth V2
 var AuthState;
-
 (function (AuthState) {
   AuthState["SignUp"] = "signup";
   AuthState["SignOut"] = "signout";
@@ -27122,17 +27117,13 @@ var AuthState;
   AuthState["CustomConfirmSignIn"] = "customConfirmSignIn";
   AuthState["VerifyContact"] = "verifyContact";
 })(AuthState || (AuthState = {}));
-
 var MfaOption;
-
 (function (MfaOption) {
   MfaOption["TOTP"] = "TOTP";
   MfaOption["SMS"] = "SMS";
   MfaOption["NOMFA"] = "NOMFA";
 })(MfaOption || (MfaOption = {}));
-
 var ChallengeName;
-
 (function (ChallengeName) {
   ChallengeName["SoftwareTokenMFA"] = "SOFTWARE_TOKEN_MFA";
   ChallengeName["SMSMFA"] = "SMS_MFA";
@@ -27140,15 +27131,11 @@ var ChallengeName;
   ChallengeName["MFASetup"] = "MFA_SETUP";
   ChallengeName["CustomChallenge"] = "CUSTOM_CHALLENGE";
 })(ChallengeName || (ChallengeName = {}));
-
 var AuthFormField;
-
 (function (AuthFormField) {
   AuthFormField["Password"] = "password";
 })(AuthFormField || (AuthFormField = {}));
-
 var UsernameAlias;
-
 (function (UsernameAlias) {
   UsernameAlias["username"] = "username";
   UsernameAlias["email"] = "email";
@@ -27156,7 +27143,6 @@ var UsernameAlias;
 })(UsernameAlias || (UsernameAlias = {}));
 
 
-
 /***/ }),
 
 /***/ "../amplify-ui-components/dist/esm-es5/constants-c8ecaa24.js":
@@ -27192,21 +27178,21 @@ var USERNAME_SUFFIX = 'username';
 var EMAIL_SUFFIX = 'email';
 var CODE_SUFFIX = 'code';
 var PHONE_SUFFIX = 'phone';
-var PASSWORD_SUFFIX = 'password'; // Country Dial Code common constants
-
+var PASSWORD_SUFFIX = 'password';
+// Country Dial Code common constants
 var COUNTRY_DIAL_CODE_SUFFIX = 'country-dial-code-select';
-var COUNTRY_DIAL_CODE_DEFAULT = '+1'; // Auth Keys
-
-var AUTH_SOURCE_KEY = 'amplify-auth-source'; // Error message Common Constants
-
+var COUNTRY_DIAL_CODE_DEFAULT = '+1';
+// Auth Keys
+var AUTH_SOURCE_KEY = 'amplify-auth-source';
+// Error message Common Constants
 var PHONE_EMPTY_ERROR_MESSAGE = 'Phone number can not be empty';
 var NO_AUTH_MODULE_FOUND = 'No Auth module found, please ensure @aws-amplify/auth is imported';
 var NO_STORAGE_MODULE_FOUND = 'No Storage module found, please ensure @aws-amplify/storage is imported';
-var NO_INTERACTIONS_MODULE_FOUND = 'No Interactions module found, please ensure @aws-amplify/interactions is imported'; // Select MFA Types Messages
-
+var NO_INTERACTIONS_MODULE_FOUND = 'No Interactions module found, please ensure @aws-amplify/interactions is imported';
+// Select MFA Types Messages
 var USER_NOT_SETUP_SOFTWARE_TOKEN_MFA = 'User has not set up software token mfa';
-var USER_NOT_VERIFIED_SOFTWARE_TOKEN_MFA = 'User has not verified software token mfa'; // Hub Events and Channels
-
+var USER_NOT_VERIFIED_SOFTWARE_TOKEN_MFA = 'User has not verified software token mfa';
+// Hub Events and Channels
 var AUTH_CHANNEL = 'auth';
 var UI_AUTH_CHANNEL = 'UI Auth';
 var TOAST_AUTH_ERROR_EVENT = 'ToastAuthError';
@@ -27246,7 +27232,6 @@ var __awaiter = undefined && undefined.__awaiter || function (thisArg, _argument
       resolve(value);
     });
   }
-
   return new (P || (P = Promise))(function (resolve, reject) {
     function fulfilled(value) {
       try {
@@ -27255,7 +27240,6 @@ var __awaiter = undefined && undefined.__awaiter || function (thisArg, _argument
         reject(e);
       }
     }
-
     function rejected(value) {
       try {
         step(generator["throw"](value));
@@ -27263,29 +27247,26 @@ var __awaiter = undefined && undefined.__awaiter || function (thisArg, _argument
         reject(e);
       }
     }
-
     function step(result) {
       result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
     }
-
     step((generator = generator.apply(thisArg, _arguments || [])).next());
   });
 };
-
 var __generator = undefined && undefined.__generator || function (thisArg, body) {
   var _ = {
-    label: 0,
-    sent: function sent() {
-      if (t[0] & 1) throw t[1];
-      return t[1];
+      label: 0,
+      sent: function sent() {
+        if (t[0] & 1) throw t[1];
+        return t[1];
+      },
+      trys: [],
+      ops: []
     },
-    trys: [],
-    ops: []
-  },
-      f,
-      y,
-      t,
-      g;
+    f,
+    y,
+    t,
+    g;
   return g = {
     next: verb(0),
     "throw": verb(1),
@@ -27293,79 +27274,60 @@ var __generator = undefined && undefined.__generator || function (thisArg, body)
   }, typeof Symbol === "function" && (g[Symbol.iterator] = function () {
     return this;
   }), g;
-
   function verb(n) {
     return function (v) {
       return step([n, v]);
     };
   }
-
   function step(op) {
     if (f) throw new TypeError("Generator is already executing.");
-
     while (_) {
       try {
         if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
         if (y = 0, t) op = [op[0] & 2, t.value];
-
         switch (op[0]) {
           case 0:
           case 1:
             t = op;
             break;
-
           case 4:
             _.label++;
             return {
               value: op[1],
               done: false
             };
-
           case 5:
             _.label++;
             y = op[1];
             op = [0];
             continue;
-
           case 7:
             op = _.ops.pop();
-
             _.trys.pop();
-
             continue;
-
           default:
             if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
               _ = 0;
               continue;
             }
-
             if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
               _.label = op[1];
               break;
             }
-
             if (op[0] === 6 && _.label < t[1]) {
               _.label = t[1];
               t = op;
               break;
             }
-
             if (t && _.label < t[2]) {
               _.label = t[2];
-
               _.ops.push(op);
-
               break;
             }
-
             if (t[2]) _.ops.pop();
-
             _.trys.pop();
-
             continue;
         }
-
         op = body.call(thisArg, _);
       } catch (e) {
         op = [6, e];
@@ -27374,7 +27336,6 @@ var __generator = undefined && undefined.__generator || function (thisArg, body)
         f = t = 0;
       }
     }
-
     if (op[0] & 5) throw op[1];
     return {
       value: op[0] ? op[1] : void 0,
@@ -27387,7 +27348,6 @@ var __generator = undefined && undefined.__generator || function (thisArg, body)
 
 
 
-
 var logger = new _aws_amplify_core__WEBPACK_IMPORTED_MODULE_0__["Logger"]('helpers');
 /**
  * Finds closest element that matches the selector from the ancestor tree.
@@ -27395,28 +27355,23 @@ var logger = new _aws_amplify_core__WEBPACK_IMPORTED_MODULE_0__["Logger"]('helpe
  *
  * Adpated from: https://stackoverflow.com/a/56105394
  */
-
 var closestElement = function closestElement(selector, base) {
   function _closestFrom(el) {
     if (!el || el === document || el === window) return null;
     if (el.matches(selector)) return base; // return if current element matches the selector
-
     if (el.assignedSlot) el = el.assignedSlot; // traverse up slots if slotted
-
     var found = el.closest(selector);
     return found ? found : _closestFrom(el.getRootNode().host); // try to traverse up shadows
   }
 
   return _closestFrom(base);
 };
-
 var dispatchToastHubEvent = function dispatchToastHubEvent(error) {
   _aws_amplify_core__WEBPACK_IMPORTED_MODULE_0__["Hub"].dispatch(_constants_c8ecaa24_js__WEBPACK_IMPORTED_MODULE_4__["U"], {
     event: _constants_c8ecaa24_js__WEBPACK_IMPORTED_MODULE_4__["T"],
     message: _aws_amplify_core__WEBPACK_IMPORTED_MODULE_0__["I18n"].get(error.message)
   });
 };
-
 var dispatchAuthStateChangeEvent = function dispatchAuthStateChangeEvent(nextAuthState, data) {
   _aws_amplify_core__WEBPACK_IMPORTED_MODULE_0__["Hub"].dispatch(_constants_c8ecaa24_js__WEBPACK_IMPORTED_MODULE_4__["U"], {
     event: _constants_c8ecaa24_js__WEBPACK_IMPORTED_MODULE_4__["a"],
@@ -27424,114 +27379,73 @@ var dispatchAuthStateChangeEvent = function dispatchAuthStateChangeEvent(nextAut
     data: data
   });
 };
-
 var composePhoneNumberInput = function composePhoneNumberInput(phoneNumber) {
   if (!phoneNumber.phoneNumberValue) {
     throw new Error(_constants_c8ecaa24_js__WEBPACK_IMPORTED_MODULE_4__["P"]);
   }
-
   var sanitizedPhoneNumberValue = phoneNumber.phoneNumberValue.replace(/[-()\s]/g, '');
   return "" + phoneNumber.countryDialCodeValue + sanitizedPhoneNumberValue;
 };
-
 var checkUsernameAlias = function checkUsernameAlias(usernameAlias) {
   if (!(usernameAlias in _auth_types_78df304e_js__WEBPACK_IMPORTED_MODULE_1__["U"])) {
     throw new Error("Invalid username Alias - " + usernameAlias + ". Instead use " + Object.values(_auth_types_78df304e_js__WEBPACK_IMPORTED_MODULE_1__["U"]));
   }
 };
-
 var onAuthUIStateChange = function onAuthUIStateChange(authStateHandler) {
   var authUIStateHandler = function authUIStateHandler(data) {
     return __awaiter(void 0, void 0, void 0, function () {
       var payload, _a, user, e_1;
-
       return __generator(this, function (_b) {
         switch (_b.label) {
           case 0:
             payload = data.payload;
             _a = payload.event;
-
             switch (_a) {
               case _constants_c8ecaa24_js__WEBPACK_IMPORTED_MODULE_4__["a"]:
-                return [3
-                /*break*/
-                , 1];
+                return [3 /*break*/, 1];
             }
-
-            return [3
-            /*break*/
-            , 8];
-
+            return [3 /*break*/, 8];
           case 1:
-            if (!payload.message) return [3
-            /*break*/
-            , 7];
-            if (!(payload.message === _auth_types_78df304e_js__WEBPACK_IMPORTED_MODULE_1__["A"].SignedIn)) return [3
-            /*break*/
-            , 6];
+            if (!payload.message) return [3 /*break*/, 7];
+            if (!(payload.message === _auth_types_78df304e_js__WEBPACK_IMPORTED_MODULE_1__["A"].SignedIn)) return [3 /*break*/, 6];
             _b.label = 2;
-
           case 2:
             _b.trys.push([2, 4,, 5]);
-
-            return [4
-            /*yield*/
-            , _aws_amplify_auth__WEBPACK_IMPORTED_MODULE_2___default.a.currentAuthenticatedUser()];
-
+            return [4 /*yield*/, _aws_amplify_auth__WEBPACK_IMPORTED_MODULE_2___default.a.currentAuthenticatedUser()];
           case 3:
             user = _b.sent();
             authStateHandler(payload.message, user);
-            return [3
-            /*break*/
-            , 5];
-
+            return [3 /*break*/, 5];
           case 4:
             e_1 = _b.sent();
             logger.error('User is not authenticated');
-            return [3
-            /*break*/
-            , 5];
-
+            return [3 /*break*/, 5];
           case 5:
-            return [3
-            /*break*/
-            , 7];
-
+            return [3 /*break*/, 7];
           case 6:
             authStateHandler(payload.message, payload.data);
             _b.label = 7;
-
           case 7:
-            return [3
-            /*break*/
-            , 8];
-
+            return [3 /*break*/, 8];
           case 8:
-            return [2
-            /*return*/
-            ];
+            return [2 /*return*/];
         }
       });
     });
   };
 
   _aws_amplify_core__WEBPACK_IMPORTED_MODULE_0__["Hub"].listen(_constants_c8ecaa24_js__WEBPACK_IMPORTED_MODULE_4__["U"], authUIStateHandler);
-
   var unsubscribe = function unsubscribe() {
     // Replace user's `authStateHandler` with a noop so that we don't trigger side-effects during the async `authUIStateHandler` when unsubscribed
     authStateHandler = function authStateHandler() {};
-
     _aws_amplify_core__WEBPACK_IMPORTED_MODULE_0__["Hub"].remove(_constants_c8ecaa24_js__WEBPACK_IMPORTED_MODULE_4__["U"], authUIStateHandler);
   };
-
   return unsubscribe;
 };
-
 var isHintValid = function isHintValid(field) {
   return !(field['hint'] === null || typeof field['hint'] === 'string');
-}; // Required attributes come from https://openid.net/specs/openid-connect-core-1_0.html#StandardClaims
-
-
+};
+// Required attributes come from https://openid.net/specs/openid-connect-core-1_0.html#StandardClaims
 var getRequiredAttributesMap = function getRequiredAttributesMap() {
   return {
     address: {
@@ -27604,7 +27518,6 @@ var getRequiredAttributesMap = function getRequiredAttributesMap() {
     }
   };
 };
-
 function handlePhoneNumberChange(event, phoneNumber) {
   var name = event.target.name;
   var value = event.target.value;
@@ -27612,18 +27525,15 @@ function handlePhoneNumberChange(event, phoneNumber) {
    * input from the phone number input, we need to first capture both components values and combined
    * them together.
    */
-
   if (name === _constants_c8ecaa24_js__WEBPACK_IMPORTED_MODULE_4__["C"]) {
     phoneNumber.countryDialCodeValue = value;
   }
-
   if (name === _constants_c8ecaa24_js__WEBPACK_IMPORTED_MODULE_4__["b"]) {
     phoneNumber.phoneNumberValue = value;
   }
 }
 
 
-
 /***/ }),
 
 /***/ "../amplify-ui-components/dist/esm-es5/index-83f2275b.js":
@@ -27656,7 +27566,6 @@ function _typeof(obj) {
     return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
   }, _typeof(obj);
 }
-
 var __extends = undefined && undefined.__extends || function () {
   var _extendStatics = function extendStatics(d, b) {
     _extendStatics = Object.setPrototypeOf || {
@@ -27668,28 +27577,22 @@ var __extends = undefined && undefined.__extends || function () {
         if (b.hasOwnProperty(p)) d[p] = b[p];
       }
     };
-
     return _extendStatics(d, b);
   };
-
   return function (d, b) {
     _extendStatics(d, b);
-
     function __() {
       this.constructor = d;
     }
-
     d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
   };
 }();
-
 var __awaiter = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
   function adopt(value) {
     return value instanceof P ? value : new P(function (resolve) {
       resolve(value);
     });
   }
-
   return new (P || (P = Promise))(function (resolve, reject) {
     function fulfilled(value) {
       try {
@@ -27698,7 +27601,6 @@ var __awaiter = undefined && undefined.__awaiter || function (thisArg, _argument
         reject(e);
       }
     }
-
     function rejected(value) {
       try {
         step(generator["throw"](value));
@@ -27706,29 +27608,26 @@ var __awaiter = undefined && undefined.__awaiter || function (thisArg, _argument
         reject(e);
       }
     }
-
     function step(result) {
       result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
     }
-
     step((generator = generator.apply(thisArg, _arguments || [])).next());
   });
 };
-
 var __generator = undefined && undefined.__generator || function (thisArg, body) {
   var _ = {
-    label: 0,
-    sent: function sent() {
-      if (t[0] & 1) throw t[1];
-      return t[1];
+      label: 0,
+      sent: function sent() {
+        if (t[0] & 1) throw t[1];
+        return t[1];
+      },
+      trys: [],
+      ops: []
     },
-    trys: [],
-    ops: []
-  },
-      f,
-      y,
-      t,
-      g;
+    f,
+    y,
+    t,
+    g;
   return g = {
     next: verb(0),
     "throw": verb(1),
@@ -27736,79 +27635,60 @@ var __generator = undefined && undefined.__generator || function (thisArg, body)
   }, typeof Symbol === "function" && (g[Symbol.iterator] = function () {
     return this;
   }), g;
-
   function verb(n) {
     return function (v) {
       return step([n, v]);
     };
   }
-
   function step(op) {
     if (f) throw new TypeError("Generator is already executing.");
-
     while (_) {
       try {
         if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
         if (y = 0, t) op = [op[0] & 2, t.value];
-
         switch (op[0]) {
           case 0:
           case 1:
             t = op;
             break;
-
           case 4:
             _.label++;
             return {
               value: op[1],
               done: false
             };
-
           case 5:
             _.label++;
             y = op[1];
             op = [0];
             continue;
-
           case 7:
             op = _.ops.pop();
-
             _.trys.pop();
-
             continue;
-
           default:
             if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
               _ = 0;
               continue;
             }
-
             if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
               _.label = op[1];
               break;
             }
-
             if (op[0] === 6 && _.label < t[1]) {
               _.label = t[1];
               t = op;
               break;
             }
-
             if (t && _.label < t[2]) {
               _.label = t[2];
-
               _.ops.push(op);
-
               break;
             }
-
             if (t[2]) _.ops.pop();
-
             _.trys.pop();
-
             continue;
         }
-
         op = body.call(thisArg, _);
       } catch (e) {
         op = [6, e];
@@ -27817,7 +27697,6 @@ var __generator = undefined && undefined.__generator || function (thisArg, body)
         f = t = 0;
       }
     }
-
     if (op[0] & 5) throw op[1];
     return {
       value: op[0] ? op[1] : void 0,
@@ -27825,21 +27704,17 @@ var __generator = undefined && undefined.__generator || function (thisArg, body)
     };
   }
 };
-
 var __spreadArrays = undefined && undefined.__spreadArrays || function () {
   for (var s = 0, i = 0, il = arguments.length; i < il; i++) {
     s += arguments[i].length;
   }
-
   for (var r = Array(s), k = 0, i = 0; i < il; i++) {
     for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++) {
       r[k] = a[j];
     }
   }
-
   return r;
 };
-
 var NAMESPACE = 'amplify-ui-components';
 var scopeId;
 var contentRef;
@@ -27871,30 +27746,25 @@ var plt = {
     return el.removeEventListener(eventName, listener, opts);
   }
 };
-
 var supportsShadow = /*@__PURE__*/function () {
   return (doc.head.attachShadow + '').indexOf('[native') > -1;
 }();
-
 var promiseResolve = function promiseResolve(v) {
   return Promise.resolve(v);
 };
-
 var supportsConstructibleStylesheets = /*@__PURE__*/function () {
   try {
     new CSSStyleSheet();
     return true;
   } catch (e) {}
-
   return false;
 }();
-
 var addHostEventListeners = function addHostEventListeners(elm, hostRef, listeners, attachParentListeners) {
   if (listeners) {
     listeners.map(function (_a) {
       var flags = _a[0],
-          name = _a[1],
-          method = _a[2];
+        name = _a[1],
+        method = _a[2];
       var target = elm;
       var handler = hostListenerProxy(hostRef, method);
       var opts = hostListenerOpts(flags);
@@ -27905,13 +27775,10 @@ var addHostEventListeners = function addHostEventListeners(elm, hostRef, listene
     });
   }
 };
-
 var hostListenerProxy = function hostListenerProxy(hostRef, methodName) {
   return function (ev) {
     {
-      if (hostRef.$flags$ & 256
-      /* isListenReady */
-      ) {
+      if (hostRef.$flags$ & 256 /* isListenReady */) {
         // instance is ready, let's call it's member method for this event
         hostRef.$lazyInstance$[methodName](ev);
       } else {
@@ -27919,30 +27786,23 @@ var hostListenerProxy = function hostListenerProxy(hostRef, methodName) {
       }
     }
   };
-}; // prettier-ignore
-
-
+};
+// prettier-ignore
 var hostListenerOpts = function hostListenerOpts(flags) {
-  return (flags & 2
-  /* Capture */
-  ) !== 0;
+  return (flags & 2 /* Capture */) !== 0;
 };
-
 var HYDRATED_CSS = '{visibility:hidden}.hydrated{visibility:inherit}';
 var XLINK_NS = 'http://www.w3.org/1999/xlink';
-
 var createTime = function createTime(fnName, tagName) {
   if (tagName === void 0) {
     tagName = '';
   }
-
   {
     return function () {
       return;
     };
   }
 };
-
 var uniqueTime = function uniqueTime(key, measureText) {
   {
     return function () {
@@ -27950,64 +27810,49 @@ var uniqueTime = function uniqueTime(key, measureText) {
     };
   }
 };
-
 var rootAppliedStyles = new WeakMap();
-
 var registerStyle = function registerStyle(scopeId, cssText, allowCS) {
   var style = styles.get(scopeId);
-
   if (supportsConstructibleStylesheets && allowCS) {
     style = style || new CSSStyleSheet();
     style.replace(cssText);
   } else {
     style = cssText;
   }
-
   styles.set(scopeId, style);
 };
-
 var addStyle = function addStyle(styleContainerNode, cmpMeta, mode, hostElm) {
   var scopeId = getScopeId(cmpMeta);
-  var style = styles.get(scopeId); // if an element is NOT connected then getRootNode() will return the wrong root node
+  var style = styles.get(scopeId);
+  // if an element is NOT connected then getRootNode() will return the wrong root node
   // so the fallback is to always use the document for the root node in those cases
-
-  styleContainerNode = styleContainerNode.nodeType === 11
-  /* DocumentFragment */
-  ? styleContainerNode : doc;
-
+  styleContainerNode = styleContainerNode.nodeType === 11 /* DocumentFragment */ ? styleContainerNode : doc;
   if (style) {
     if (typeof style === 'string') {
       styleContainerNode = styleContainerNode.head || styleContainerNode;
       var appliedStyles = rootAppliedStyles.get(styleContainerNode);
       var styleElm = void 0;
-
       if (!appliedStyles) {
         rootAppliedStyles.set(styleContainerNode, appliedStyles = new Set());
       }
-
       if (!appliedStyles.has(scopeId)) {
         {
           if (plt.$cssShim$) {
-            styleElm = plt.$cssShim$.createHostStyle(hostElm, scopeId, style, !!(cmpMeta.$flags$ & 10
-            /* needsScopedEncapsulation */
-            ));
+            styleElm = plt.$cssShim$.createHostStyle(hostElm, scopeId, style, !!(cmpMeta.$flags$ & 10 /* needsScopedEncapsulation */));
             var newScopeId = styleElm['s-sc'];
-
             if (newScopeId) {
-              scopeId = newScopeId; // we don't want to add this styleID to the appliedStyles Set
+              scopeId = newScopeId;
+              // we don't want to add this styleID to the appliedStyles Set
               // since the cssVarShim might need to apply several different
               // stylesheets for the same component
-
               appliedStyles = null;
             }
           } else {
             styleElm = doc.createElement('style');
             styleElm.innerHTML = style;
           }
-
           styleContainerNode.insertBefore(styleElm, styleContainerNode.querySelector('link'));
         }
-
         if (appliedStyles) {
           appliedStyles.add(scopeId);
         }
@@ -28016,20 +27861,15 @@ var addStyle = function addStyle(styleContainerNode, cmpMeta, mode, hostElm) {
       styleContainerNode.adoptedStyleSheets = __spreadArrays(styleContainerNode.adoptedStyleSheets, [style]);
     }
   }
-
   return scopeId;
 };
-
 var attachStyles = function attachStyles(hostRef) {
   var cmpMeta = hostRef.$cmpMeta$;
   var elm = hostRef.$hostElement$;
   var flags = cmpMeta.$flags$;
   var endAttachStyles = createTime('attachStyles', cmpMeta.$tagName$);
   var scopeId = addStyle(supportsShadow && elm.shadowRoot ? elm.shadowRoot : elm.getRootNode(), cmpMeta, hostRef.$modeName$, elm);
-
-  if (flags & 10
-  /* needsScopedEncapsulation */
-  ) {
+  if (flags & 10 /* needsScopedEncapsulation */) {
     // only required when we're NOT using native shadow dom (slot)
     // or this browser doesn't support native shadow dom
     // and this host element was NOT created with SSR
@@ -28039,42 +27879,31 @@ var attachStyles = function attachStyles(hostRef) {
     // DOM WRITE!!
     elm['s-sc'] = scopeId;
     elm.classList.add(scopeId + '-h');
-
-    if (flags & 2
-    /* scopedCssEncapsulation */
-    ) {
+    if (flags & 2 /* scopedCssEncapsulation */) {
       elm.classList.add(scopeId + '-s');
     }
   }
-
   endAttachStyles();
 };
-
 var getScopeId = function getScopeId(cmp, mode) {
   return 'sc-' + cmp.$tagName$;
 };
 /**
  * Default style mode id
  */
-
 /**
  * Reusable empty obj/array
  * Don't add values to these!!
  */
-
-
 var EMPTY_OBJ = {};
 /**
  * Namespaces
  */
-
 var SVG_NS = 'http://www.w3.org/2000/svg';
 var HTML_NS = 'http://www.w3.org/1999/xhtml';
-
 var isDef = function isDef(v) {
   return v != null;
 };
-
 var isComplexType = function isComplexType(o) {
   // https://jsperf.com/typeof-fn-object/5
   o = _typeof(o);
@@ -28091,33 +27920,26 @@ var isComplexType = function isComplexType(o) {
 // const stack: any[] = [];
 // export function h(nodeName: string | d.FunctionalComponent, vnodeData: d.PropsType, child?: d.ChildType): d.VNode;
 // export function h(nodeName: string | d.FunctionalComponent, vnodeData: d.PropsType, ...children: d.ChildType[]): d.VNode;
-
-
 var h = function h(nodeName, vnodeData) {
   var children = [];
-
   for (var _i = 2; _i < arguments.length; _i++) {
     children[_i - 2] = arguments[_i];
   }
-
   var child = null;
   var key = null;
   var slotName = null;
   var simple = false;
   var lastSimple = false;
   var vNodeChildren = [];
-
   var walk = function walk(c) {
     for (var i = 0; i < c.length; i++) {
       child = c[i];
-
       if (Array.isArray(child)) {
         walk(child);
       } else if (child != null && typeof child !== 'boolean') {
         if (simple = typeof nodeName !== 'function' && !isComplexType(child)) {
           child = String(child);
         }
-
         if (simple && lastSimple) {
           // If the previous child was simple (string), we merge both
           vNodeChildren[vNodeChildren.length - 1].$text$ += child;
@@ -28125,27 +27947,21 @@ var h = function h(nodeName, vnodeData) {
           // Append a new vNode, if it's text, we create a text vNode
           vNodeChildren.push(simple ? newVNode(null, child) : child);
         }
-
         lastSimple = simple;
       }
     }
   };
-
   walk(children);
-
   if (vnodeData) {
     // normalize class / classname attributes
     if (vnodeData.key) {
       key = vnodeData.key;
     }
-
     if (vnodeData.name) {
       slotName = vnodeData.name;
     }
-
     {
       var classData_1 = vnodeData.className || vnodeData["class"];
-
       if (classData_1) {
         vnodeData["class"] = _typeof(classData_1) !== 'object' ? classData_1 : Object.keys(classData_1).filter(function (k) {
           return classData_1[k];
@@ -28153,14 +27969,11 @@ var h = function h(nodeName, vnodeData) {
       }
     }
   }
-
   var vnode = newVNode(nodeName, null);
   vnode.$attrs$ = vnodeData;
-
   if (vNodeChildren.length > 0) {
     vnode.$children$ = vNodeChildren;
   }
-
   {
     vnode.$key$ = key;
   }
@@ -28169,7 +27982,6 @@ var h = function h(nodeName, vnodeData) {
   }
   return vnode;
 };
-
 var newVNode = function newVNode(tag, text) {
   var vnode = {
     $flags$: 0,
@@ -28189,9 +28001,7 @@ var newVNode = function newVNode(tag, text) {
   }
   return vnode;
 };
-
 var Host = {};
-
 var isHost = function isHost(node) {
   return node && node.$tag$ === Host;
 };
@@ -28203,13 +28013,10 @@ var isHost = function isHost(node) {
  *
  * Modified for Stencil's compiler and vdom
  */
-
-
 var setAccessor = function setAccessor(elm, memberName, oldValue, newValue, isSvg, flags) {
   if (oldValue !== newValue) {
     var isProp = isMemberInElement(elm, memberName);
     var ln = memberName.toLowerCase();
-
     if (memberName === 'class') {
       var classList = elm.classList;
       var oldClasses_1 = parseClassList(oldValue);
@@ -28233,7 +28040,6 @@ var setAccessor = function setAccessor(elm, memberName, oldValue, newValue, isSv
           }
         }
       }
-
       for (var prop in newValue) {
         if (!oldValue || newValue[prop] !== oldValue[prop]) {
           if (prop.includes('-')) {
@@ -28276,25 +28082,23 @@ var setAccessor = function setAccessor(elm, memberName, oldValue, newValue, isSv
         // except for the first character, we keep the event name case
         memberName = ln[2] + memberName.slice(3);
       }
-
       if (oldValue) {
         plt.rel(elm, memberName, oldValue, false);
       }
-
       if (newValue) {
         plt.ael(elm, memberName, newValue, false);
       }
     } else {
       // Set property if it exists and it's not a SVG
       var isComplex = isComplexType(newValue);
-
       if ((isProp || isComplex && newValue !== null) && !isSvg) {
         try {
           if (!elm.tagName.includes('-')) {
-            var n = newValue == null ? '' : newValue; // Workaround for Safari, moving the <input> caret when re-assigning the same valued
-
+            var n = newValue == null ? '' : newValue;
+            // Workaround for Safari, moving the <input> caret when re-assigning the same valued
             if (memberName === 'list') {
-              isProp = false; // tslint:disable-next-line: triple-equals
+              isProp = false;
+              // tslint:disable-next-line: triple-equals
             } else if (oldValue == null || elm[memberName] != n) {
               elm[memberName] = n;
             }
@@ -28310,8 +28114,6 @@ var setAccessor = function setAccessor(elm, memberName, oldValue, newValue, isSv
        * - if it's a SVG, since properties might not work in <svg>
        * - if the newValue is null/undefined or 'false'.
        */
-
-
       var xlink = false;
       {
         if (ln !== (ln = ln.replace(/^xlink\:?/, ''))) {
@@ -28319,7 +28121,6 @@ var setAccessor = function setAccessor(elm, memberName, oldValue, newValue, isSv
           xlink = true;
         }
       }
-
       if (newValue == null || newValue === false) {
         if (newValue !== false || elm.getAttribute(memberName) === '') {
           if (xlink) {
@@ -28328,11 +28129,8 @@ var setAccessor = function setAccessor(elm, memberName, oldValue, newValue, isSv
             elm.removeAttribute(memberName);
           }
         }
-      } else if ((!isProp || flags & 4
-      /* isHost */
-      || isSvg) && !isComplex) {
+      } else if ((!isProp || flags & 4 /* isHost */ || isSvg) && !isComplex) {
         newValue = newValue === true ? '' : newValue;
-
         if (xlink) {
           elm.setAttributeNS(XLINK_NS, memberName, newValue);
         } else {
@@ -28342,20 +28140,15 @@ var setAccessor = function setAccessor(elm, memberName, oldValue, newValue, isSv
     }
   }
 };
-
 var parseClassListRegex = /\s/;
-
 var parseClassList = function parseClassList(value) {
   return !value ? [] : value.split(parseClassListRegex);
 };
-
 var updateElement = function updateElement(oldVnode, newVnode, isSvgMode, memberName) {
   // if the element passed in is a shadow root, which is a document fragment
   // then we want to be adding attrs/props to the shadow root's "host" element
   // if it's not a shadow root, then we add attrs/props to the same element
-  var elm = newVnode.$elm$.nodeType === 11
-  /* DocumentFragment */
-  && newVnode.$elm$.host ? newVnode.$elm$.host : newVnode.$elm$;
+  var elm = newVnode.$elm$.nodeType === 11 /* DocumentFragment */ && newVnode.$elm$.host ? newVnode.$elm$.host : newVnode.$elm$;
   var oldVnodeAttrs = oldVnode && oldVnode.$attrs$ || EMPTY_OBJ;
   var newVnodeAttrs = newVnode.$attrs$ || EMPTY_OBJ;
   {
@@ -28365,13 +28158,12 @@ var updateElement = function updateElement(oldVnode, newVnode, isSvgMode, member
         setAccessor(elm, memberName, oldVnodeAttrs[memberName], undefined, isSvgMode, newVnode.$flags$);
       }
     }
-  } // add new & update changed attributes
-
+  }
+  // add new & update changed attributes
   for (memberName in newVnodeAttrs) {
     setAccessor(elm, memberName, oldVnodeAttrs[memberName], newVnodeAttrs[memberName], isSvgMode, newVnode.$flags$);
   }
 };
-
 var createElm = function createElm(oldParentVNode, newParentVNode, childIndex, parentElm) {
   // tslint:disable-next-line: prefer-const
   var newVNode = newParentVNode.$children$[childIndex];
@@ -28379,72 +28171,57 @@ var createElm = function createElm(oldParentVNode, newParentVNode, childIndex, p
   var elm;
   var childNode;
   var oldVNode;
-
   if (!useNativeShadowDom) {
     // remember for later we need to check to relocate nodes
     checkSlotRelocate = true;
-
     if (newVNode.$tag$ === 'slot') {
       if (scopeId) {
         // scoped css needs to add its scoped id to the parent element
         parentElm.classList.add(scopeId + '-s');
       }
-
-      newVNode.$flags$ |= newVNode.$children$ ? // slot element has fallback content
-      2
-      /* isSlotFallback */
-      : // slot element does not have fallback content
-      1
-      /* isSlotReference */
-      ;
+      newVNode.$flags$ |= newVNode.$children$ ?
+      // slot element has fallback content
+      2 /* isSlotFallback */ :
+      // slot element does not have fallback content
+      1 /* isSlotReference */;
     }
   }
 
   if (newVNode.$text$ !== null) {
     // create text node
     elm = newVNode.$elm$ = doc.createTextNode(newVNode.$text$);
-  } else if (newVNode.$flags$ & 1
-  /* isSlotReference */
-  ) {
+  } else if (newVNode.$flags$ & 1 /* isSlotReference */) {
     // create a slot reference node
     elm = newVNode.$elm$ = doc.createTextNode('');
   } else {
     if (!isSvgMode) {
       isSvgMode = newVNode.$tag$ === 'svg';
-    } // create element
-
-
-    elm = newVNode.$elm$ = doc.createElementNS(isSvgMode ? SVG_NS : HTML_NS, newVNode.$flags$ & 2
-    /* isSlotFallback */
-    ? 'slot-fb' : newVNode.$tag$);
-
+    }
+    // create element
+    elm = newVNode.$elm$ = doc.createElementNS(isSvgMode ? SVG_NS : HTML_NS, newVNode.$flags$ & 2 /* isSlotFallback */ ? 'slot-fb' : newVNode.$tag$);
     if (isSvgMode && newVNode.$tag$ === 'foreignObject') {
       isSvgMode = false;
-    } // add css classes, attrs, props, listeners, etc.
-
-
+    }
+    // add css classes, attrs, props, listeners, etc.
     {
       updateElement(null, newVNode, isSvgMode);
     }
-
     if (isDef(scopeId) && elm['s-si'] !== scopeId) {
       // if there is a scopeId and this is the initial render
       // then let's add the scopeId as a css class
       elm.classList.add(elm['s-si'] = scopeId);
     }
-
     if (newVNode.$children$) {
       for (i = 0; i < newVNode.$children$.length; ++i) {
         // create the node
-        childNode = createElm(oldParentVNode, newVNode, i, elm); // return node could have been null
-
+        childNode = createElm(oldParentVNode, newVNode, i, elm);
+        // return node could have been null
         if (childNode) {
           // append our new node
           elm.appendChild(childNode);
         }
       }
     }
-
     {
       if (newVNode.$tag$ === 'svg') {
         // Only reset the SVG context when we're exiting <svg> element
@@ -28455,24 +28232,17 @@ var createElm = function createElm(oldParentVNode, newParentVNode, childIndex, p
       }
     }
   }
-
   {
     elm['s-hn'] = hostTagName;
-
-    if (newVNode.$flags$ & (2
-    /* isSlotFallback */
-    | 1
-    /* isSlotReference */
-    )) {
+    if (newVNode.$flags$ & (2 /* isSlotFallback */ | 1 /* isSlotReference */)) {
       // remember the content reference comment
-      elm['s-sr'] = true; // remember the content reference comment
-
-      elm['s-cr'] = contentRef; // remember the slot name, or empty string for default slot
-
-      elm['s-sn'] = newVNode.$name$ || ''; // check if we've got an old vnode for this slot
-
+      elm['s-sr'] = true;
+      // remember the content reference comment
+      elm['s-cr'] = contentRef;
+      // remember the slot name, or empty string for default slot
+      elm['s-sn'] = newVNode.$name$ || '';
+      // check if we've got an old vnode for this slot
       oldVNode = oldParentVNode && oldParentVNode.$children$ && oldParentVNode.$children$[childIndex];
-
       if (oldVNode && oldVNode.$tag$ === newVNode.$tag$ && oldParentVNode.$elm$) {
         // we've got an old slot vnode and the wrapper is being replaced
         // so let's move the old slot content back to it's original location
@@ -28482,52 +28252,40 @@ var createElm = function createElm(oldParentVNode, newParentVNode, childIndex, p
   }
   return elm;
 };
-
 var putBackInOriginalLocation = function putBackInOriginalLocation(parentElm, recursive) {
-  plt.$flags$ |= 1
-  /* isTmpDisconnected */
-  ;
+  plt.$flags$ |= 1 /* isTmpDisconnected */;
   var oldSlotChildNodes = parentElm.childNodes;
-
   for (var i = oldSlotChildNodes.length - 1; i >= 0; i--) {
     var childNode = oldSlotChildNodes[i];
-
     if (childNode['s-hn'] !== hostTagName && childNode['s-ol']) {
       // // this child node in the old element is from another component
       // // remove this node from the old slot's parent
       // childNode.remove();
       // and relocate it back to it's original location
-      parentReferenceNode(childNode).insertBefore(childNode, referenceNode(childNode)); // remove the old original location comment entirely
+      parentReferenceNode(childNode).insertBefore(childNode, referenceNode(childNode));
+      // remove the old original location comment entirely
       // later on the patch function will know what to do
       // and move this to the correct spot in need be
-
       childNode['s-ol'].remove();
       childNode['s-ol'] = undefined;
       checkSlotRelocate = true;
     }
-
     if (recursive) {
       putBackInOriginalLocation(childNode, recursive);
     }
   }
-
-  plt.$flags$ &= ~1
-  /* isTmpDisconnected */
-  ;
+  plt.$flags$ &= ~1 /* isTmpDisconnected */;
 };
 
 var addVnodes = function addVnodes(parentElm, before, parentVNode, vnodes, startIdx, endIdx) {
   var containerElm = parentElm['s-cr'] && parentElm['s-cr'].parentNode || parentElm;
   var childNode;
-
   if (containerElm.shadowRoot && containerElm.tagName === hostTagName) {
     containerElm = containerElm.shadowRoot;
   }
-
   for (; startIdx <= endIdx; ++startIdx) {
     if (vnodes[startIdx]) {
       childNode = createElm(null, parentVNode, startIdx, parentElm);
-
       if (childNode) {
         vnodes[startIdx].$elm$ = childNode;
         containerElm.insertBefore(childNode, referenceNode(before));
@@ -28535,7 +28293,6 @@ var addVnodes = function addVnodes(parentElm, before, parentVNode, vnodes, start
     }
   }
 };
-
 var removeVnodes = function removeVnodes(vnodes, startIdx, endIdx, vnode, elm) {
   for (; startIdx <= endIdx; ++startIdx) {
     if (vnode = vnodes[startIdx]) {
@@ -28545,7 +28302,6 @@ var removeVnodes = function removeVnodes(vnodes, startIdx, endIdx, vnode, elm) {
         // we're removing this element
         // so it's possible we need to show slot fallback content now
         checkSlotFallbackVisibility = true;
-
         if (elm['s-ol']) {
           // remove the original location comment
           elm['s-ol'].remove();
@@ -28554,13 +28310,12 @@ var removeVnodes = function removeVnodes(vnodes, startIdx, endIdx, vnode, elm) {
           // that's being removed are slot nodes
           putBackInOriginalLocation(elm, true);
         }
-      } // remove the vnode's element from the dom
-
+      }
+      // remove the vnode's element from the dom
       elm.remove();
     }
   }
 };
-
 var updateChildren = function updateChildren(parentElm, oldCh, newVNode, newCh) {
   var oldStartIdx = 0;
   var newStartIdx = 0;
@@ -28574,7 +28329,6 @@ var updateChildren = function updateChildren(parentElm, oldCh, newVNode, newCh)
   var newEndVnode = newCh[newEndIdx];
   var node;
   var elmToMove;
-
   while (oldStartIdx <= oldEndIdx && newStartIdx <= newEndIdx) {
     if (oldStartVnode == null) {
       // Vnode might have been moved left
@@ -28598,7 +28352,6 @@ var updateChildren = function updateChildren(parentElm, oldCh, newVNode, newCh)
       if (oldStartVnode.$tag$ === 'slot' || newEndVnode.$tag$ === 'slot') {
         putBackInOriginalLocation(oldStartVnode.$elm$.parentNode, false);
       }
-
       patch(oldStartVnode, newEndVnode);
       parentElm.insertBefore(oldStartVnode.$elm$, oldEndVnode.$elm$.nextSibling);
       oldStartVnode = oldCh[++oldStartIdx];
@@ -28608,7 +28361,6 @@ var updateChildren = function updateChildren(parentElm, oldCh, newVNode, newCh)
       if (oldStartVnode.$tag$ === 'slot' || newEndVnode.$tag$ === 'slot') {
         putBackInOriginalLocation(oldEndVnode.$elm$.parentNode, false);
       }
-
       patch(oldEndVnode, newStartVnode);
       parentElm.insertBefore(oldEndVnode.$elm$, oldStartVnode.$elm$);
       oldEndVnode = oldCh[--oldEndIdx];
@@ -28624,10 +28376,8 @@ var updateChildren = function updateChildren(parentElm, oldCh, newVNode, newCh)
           }
         }
       }
-
       if (idxInOld >= 0) {
         elmToMove = oldCh[idxInOld];
-
         if (elmToMove.$tag$ !== newStartVnode.$tag$) {
           node = createElm(oldCh && oldCh[newStartIdx], newVNode, idxInOld, parentElm);
         } else {
@@ -28635,14 +28385,12 @@ var updateChildren = function updateChildren(parentElm, oldCh, newVNode, newCh)
           oldCh[idxInOld] = undefined;
           node = elmToMove.$elm$;
         }
-
         newStartVnode = newCh[++newStartIdx];
       } else {
         // new element
         node = createElm(oldCh && oldCh[newStartIdx], newVNode, newStartIdx, parentElm);
         newStartVnode = newCh[++newStartIdx];
       }
-
       if (node) {
         {
           parentReferenceNode(oldStartVnode.$elm$).insertBefore(node, referenceNode(oldStartVnode.$elm$));
@@ -28650,14 +28398,12 @@ var updateChildren = function updateChildren(parentElm, oldCh, newVNode, newCh)
       }
     }
   }
-
   if (oldStartIdx > oldEndIdx) {
     addVnodes(parentElm, newCh[newEndIdx + 1] == null ? null : newCh[newEndIdx + 1].$elm$, newVNode, newCh, newStartIdx, newEndIdx);
   } else if (newStartIdx > newEndIdx) {
     removeVnodes(oldCh, oldStartIdx, oldEndIdx);
   }
 };
-
 var isSameVnode = function isSameVnode(vnode1, vnode2) {
   // compare if two vnode to see if they're "technically" the same
   // need to have the same element tag, and same key to be the same
@@ -28665,15 +28411,12 @@ var isSameVnode = function isSameVnode(vnode1, vnode2) {
     if (vnode1.$tag$ === 'slot') {
       return vnode1.$name$ === vnode2.$name$;
     }
-
     {
       return vnode1.$key$ === vnode2.$key$;
     }
   }
-
   return false;
 };
-
 var referenceNode = function referenceNode(node) {
   // this node was relocated to a new location in the dom
   // because of some other component's slot
@@ -28681,11 +28424,9 @@ var referenceNode = function referenceNode(node) {
   // it's original location was according to it's original vdom
   return node && node['s-ol'] || node;
 };
-
 var parentReferenceNode = function parentReferenceNode(node) {
   return (node['s-ol'] ? node['s-ol'] : node).parentNode;
 };
-
 var patch = function patch(oldVNode, newVNode) {
   var elm = newVNode.$elm$ = oldVNode.$elm$;
   var oldChildren = oldVNode.$children$;
@@ -28693,14 +28434,13 @@ var patch = function patch(oldVNode, newVNode) {
   var tag = newVNode.$tag$;
   var text = newVNode.$text$;
   var defaultHolder;
-
   if (text === null) {
     {
       // test if we're rendering an svg element, or still rendering nodes inside of one
       // only add this to the when the compiler sees we're using an svg somewhere
       isSvgMode = tag === 'svg' ? true : tag === 'foreignObject' ? false : isSvgMode;
-    } // element node
-
+    }
+    // element node
     {
       if (tag === 'slot') ;else {
         // either this is the first render of an element OR it's an update
@@ -28709,7 +28449,6 @@ var patch = function patch(oldVNode, newVNode) {
         updateElement(oldVNode, newVNode, isSvgMode);
       }
     }
-
     if (oldChildren !== null && newChildren !== null) {
       // looks like there's child vnodes for both the old and new vnodes
       updateChildren(elm, oldChildren, newVNode, newChildren);
@@ -28718,15 +28457,13 @@ var patch = function patch(oldVNode, newVNode) {
       if (oldVNode.$text$ !== null) {
         // the old vnode was text, so be sure to clear it out
         elm.textContent = '';
-      } // add the new vnode children
-
-
+      }
+      // add the new vnode children
       addVnodes(elm, null, newVNode, newChildren, 0, newChildren.length - 1);
     } else if (oldChildren !== null) {
       // no new child vnodes, but there are old child vnodes to remove
       removeVnodes(oldChildren, 0, oldChildren.length - 1);
     }
-
     if (isSvgMode && tag === 'svg') {
       isSvgMode = false;
     }
@@ -28739,7 +28476,6 @@ var patch = function patch(oldVNode, newVNode) {
     elm.data = text;
   }
 };
-
 var updateFallbackSlotVisibility = function updateFallbackSlotVisibility(elm) {
   // tslint:disable-next-line: prefer-const
   var childNodes = elm.childNodes;
@@ -28749,31 +28485,23 @@ var updateFallbackSlotVisibility = function updateFallbackSlotVisibility(elm) {
   var j;
   var slotNameAttr;
   var nodeType;
-
   for (i = 0, ilen = childNodes.length; i < ilen; i++) {
     childNode = childNodes[i];
-
-    if (childNode.nodeType === 1
-    /* ElementNode */
-    ) {
+    if (childNode.nodeType === 1 /* ElementNode */) {
       if (childNode['s-sr']) {
         // this is a slot fallback node
         // get the slot name for this slot reference node
-        slotNameAttr = childNode['s-sn']; // by default always show a fallback slot node
+        slotNameAttr = childNode['s-sn'];
+        // by default always show a fallback slot node
         // then hide it if there are other slots in the light dom
-
         childNode.hidden = false;
-
         for (j = 0; j < ilen; j++) {
           if (childNodes[j]['s-hn'] !== childNode['s-hn']) {
             // this sibling node is from a different component
             nodeType = childNodes[j].nodeType;
-
             if (slotNameAttr !== '') {
               // this is a named fallback slot node
-              if (nodeType === 1
-              /* ElementNode */
-              && slotNameAttr === childNodes[j].getAttribute('slot')) {
+              if (nodeType === 1 /* ElementNode */ && slotNameAttr === childNodes[j].getAttribute('slot')) {
                 childNode.hidden = true;
                 break;
               }
@@ -28781,27 +28509,20 @@ var updateFallbackSlotVisibility = function updateFallbackSlotVisibility(elm) {
               // this is a default fallback slot node
               // any element or text node (with content)
               // should hide the default fallback slot node
-              if (nodeType === 1
-              /* ElementNode */
-              || nodeType === 3
-              /* TextNode */
-              && childNodes[j].textContent.trim() !== '') {
+              if (nodeType === 1 /* ElementNode */ || nodeType === 3 /* TextNode */ && childNodes[j].textContent.trim() !== '') {
                 childNode.hidden = true;
                 break;
               }
             }
           }
         }
-      } // keep drilling down
-
-
+      }
+      // keep drilling down
       updateFallbackSlotVisibility(childNode);
     }
   }
 };
-
 var relocateNodes = [];
-
 var relocateSlotContent = function relocateSlotContent(elm) {
   // tslint:disable-next-line: prefer-const
   var childNode;
@@ -28813,19 +28534,15 @@ var relocateSlotContent = function relocateSlotContent(elm) {
   var i = 0;
   var childNodes = elm.childNodes;
   var ilen = childNodes.length;
-
   for (; i < ilen; i++) {
     childNode = childNodes[i];
-
     if (childNode['s-sr'] && (node = childNode['s-cr'])) {
       // first got the content reference comment node
       // then we got it's parent, which is where all the host content is in now
       hostContentNodes = node.parentNode.childNodes;
       slotNameAttr = childNode['s-sn'];
-
       for (j = hostContentNodes.length - 1; j >= 0; j--) {
         node = hostContentNodes[j];
-
         if (!node['s-cn'] && !node['s-nr'] && node['s-hn'] !== childNode['s-hn']) {
           // let's do some relocating to its new home
           // but never relocate a content reference node
@@ -28834,13 +28551,12 @@ var relocateSlotContent = function relocateSlotContent(elm) {
             // it's possible we've already decided to relocate this node
             relocateNodeData = relocateNodes.find(function (r) {
               return r.$nodeToRelocate$ === node;
-            }); // made some changes to slots
+            });
+            // made some changes to slots
             // let's make sure we also double check
             // fallbacks are correctly hidden or shown
-
             checkSlotFallbackVisibility = true;
             node['s-sn'] = node['s-sn'] || slotNameAttr;
-
             if (relocateNodeData) {
               // previously we never found a slot home for this node
               // but turns out we did, so let's remember it now
@@ -28852,14 +28568,12 @@ var relocateSlotContent = function relocateSlotContent(elm) {
                 $nodeToRelocate$: node
               });
             }
-
             if (node['s-sr']) {
               relocateNodes.map(function (relocateNode) {
                 if (isNodeLocatedInSlot(relocateNode.$nodeToRelocate$, node['s-sn'])) {
                   relocateNodeData = relocateNodes.find(function (r) {
                     return r.$nodeToRelocate$ === node;
                   });
-
                   if (relocateNodeData && !relocateNode.$slotRefNode$) {
                     relocateNode.$slotRefNode$ = relocateNodeData.$slotRefNode$;
                   }
@@ -28878,44 +28592,32 @@ var relocateSlotContent = function relocateSlotContent(elm) {
         }
       }
     }
-
-    if (childNode.nodeType === 1
-    /* ElementNode */
-    ) {
+    if (childNode.nodeType === 1 /* ElementNode */) {
       relocateSlotContent(childNode);
     }
   }
 };
-
 var isNodeLocatedInSlot = function isNodeLocatedInSlot(nodeToRelocate, slotNameAttr) {
-  if (nodeToRelocate.nodeType === 1
-  /* ElementNode */
-  ) {
+  if (nodeToRelocate.nodeType === 1 /* ElementNode */) {
     if (nodeToRelocate.getAttribute('slot') === null && slotNameAttr === '') {
       return true;
     }
-
     if (nodeToRelocate.getAttribute('slot') === slotNameAttr) {
       return true;
     }
-
     return false;
   }
-
   if (nodeToRelocate['s-sn'] === slotNameAttr) {
     return true;
   }
-
   return slotNameAttr === '';
 };
-
 var callNodeRefs = function callNodeRefs(vNode) {
   {
     vNode.$attrs$ && vNode.$attrs$.ref && vNode.$attrs$.ref(null);
     vNode.$children$ && vNode.$children$.map(callNodeRefs);
   }
 };
-
 var renderVdom = function renderVdom(hostRef, renderFnResults) {
   var hostElm = hostRef.$hostElement$;
   var cmpMeta = hostRef.$cmpMeta$;
@@ -28923,9 +28625,7 @@ var renderVdom = function renderVdom(hostRef, renderFnResults) {
   var rootVnode = isHost(renderFnResults) ? renderFnResults : h(null, null, renderFnResults);
   hostTagName = hostElm.tagName;
   rootVnode.$tag$ = null;
-  rootVnode.$flags$ |= 4
-  /* isHost */
-  ;
+  rootVnode.$flags$ |= 4 /* isHost */;
   hostRef.$vnode$ = rootVnode;
   rootVnode.$elm$ = oldVNode.$elm$ = hostElm.shadowRoot || hostElm;
   {
@@ -28933,21 +28633,16 @@ var renderVdom = function renderVdom(hostRef, renderFnResults) {
   }
   {
     contentRef = hostElm['s-cr'];
-    useNativeShadowDom = supportsShadow && (cmpMeta.$flags$ & 1
-    /* shadowDomEncapsulation */
-    ) !== 0; // always reset
-
+    useNativeShadowDom = supportsShadow && (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) !== 0;
+    // always reset
     checkSlotFallbackVisibility = false;
-  } // synchronous patch
-
+  }
+  // synchronous patch
   patch(oldVNode, rootVnode);
   {
     // while we're moving nodes around existing nodes, temporarily disable
     // the disconnectCallback from working
-    plt.$flags$ |= 1
-    /* isTmpDisconnected */
-    ;
-
+    plt.$flags$ |= 1 /* isTmpDisconnected */;
     if (checkSlotRelocate) {
       relocateSlotContent(rootVnode.$elm$);
       var relocateData = void 0;
@@ -28957,11 +28652,9 @@ var renderVdom = function renderVdom(hostRef, renderFnResults) {
       var insertBeforeNode = void 0;
       var refNode = void 0;
       var i = 0;
-
       for (; i < relocateNodes.length; i++) {
         relocateData = relocateNodes[i];
         nodeToRelocate = relocateData.$nodeToRelocate$;
-
         if (!nodeToRelocate['s-ol']) {
           // add a reference node marking this node's original location
           // keep a reference to this node for later lookups
@@ -28970,31 +28663,25 @@ var renderVdom = function renderVdom(hostRef, renderFnResults) {
           nodeToRelocate.parentNode.insertBefore(nodeToRelocate['s-ol'] = orgLocationNode, nodeToRelocate);
         }
       }
-
       for (i = 0; i < relocateNodes.length; i++) {
         relocateData = relocateNodes[i];
         nodeToRelocate = relocateData.$nodeToRelocate$;
-
         if (relocateData.$slotRefNode$) {
           // by default we're just going to insert it directly
           // after the slot reference node
           parentNodeRef = relocateData.$slotRefNode$.parentNode;
           insertBeforeNode = relocateData.$slotRefNode$.nextSibling;
           orgLocationNode = nodeToRelocate['s-ol'];
-
           while (orgLocationNode = orgLocationNode.previousSibling) {
             refNode = orgLocationNode['s-nr'];
-
             if (refNode && refNode['s-sn'] === nodeToRelocate['s-sn'] && parentNodeRef === refNode.parentNode) {
               refNode = refNode.nextSibling;
-
               if (!refNode || !refNode['s-nr']) {
                 insertBeforeNode = refNode;
                 break;
               }
             }
           }
-
           if (!insertBeforeNode && parentNodeRef !== nodeToRelocate.parentNode || nodeToRelocate.nextSibling !== insertBeforeNode) {
             // we've checked that it's worth while to relocate
             // since that the node to relocate
@@ -29003,67 +28690,50 @@ var renderVdom = function renderVdom(hostRef, renderFnResults) {
               if (!nodeToRelocate['s-hn'] && nodeToRelocate['s-ol']) {
                 // probably a component in the index.html that doesn't have it's hostname set
                 nodeToRelocate['s-hn'] = nodeToRelocate['s-ol'].parentNode.nodeName;
-              } // add it back to the dom but in its new home
-
-
+              }
+              // add it back to the dom but in its new home
               parentNodeRef.insertBefore(nodeToRelocate, insertBeforeNode);
             }
           }
         } else {
           // this node doesn't have a slot home to go to, so let's hide it
-          if (nodeToRelocate.nodeType === 1
-          /* ElementNode */
-          ) {
+          if (nodeToRelocate.nodeType === 1 /* ElementNode */) {
             nodeToRelocate.hidden = true;
           }
         }
       }
     }
-
     if (checkSlotFallbackVisibility) {
       updateFallbackSlotVisibility(rootVnode.$elm$);
-    } // done moving nodes around
+    }
+    // done moving nodes around
     // allow the disconnect callback to work again
-
-
-    plt.$flags$ &= ~1
-    /* isTmpDisconnected */
-    ; // always reset
-
+    plt.$flags$ &= ~1 /* isTmpDisconnected */;
+    // always reset
     relocateNodes.length = 0;
   }
 };
-
 var getElement = function getElement(ref) {
   return getHostRef(ref).$hostElement$;
 };
-
 var createEvent = function createEvent(ref, name, flags) {
   var elm = getElement(ref);
   return {
     emit: function emit(detail) {
       return emitEvent(elm, name, {
-        bubbles: !!(flags & 4
-        /* Bubbles */
-        ),
-        composed: !!(flags & 2
-        /* Composed */
-        ),
-        cancelable: !!(flags & 1
-        /* Cancellable */
-        ),
+        bubbles: !!(flags & 4 /* Bubbles */),
+        composed: !!(flags & 2 /* Composed */),
+        cancelable: !!(flags & 1 /* Cancellable */),
         detail: detail
       });
     }
   };
 };
-
 var emitEvent = function emitEvent(elm, name, opts) {
   var ev = new CustomEvent(name, opts);
   elm.dispatchEvent(ev);
   return ev;
 };
-
 var attachToAncestor = function attachToAncestor(hostRef, ancestorComponent) {
   if (ancestorComponent && !hostRef.$onRenderResolve$ && ancestorComponent['s-p']) {
     ancestorComponent['s-p'].push(new Promise(function (r) {
@@ -29071,49 +28741,35 @@ var attachToAncestor = function attachToAncestor(hostRef, ancestorComponent) {
     }));
   }
 };
-
 var scheduleUpdate = function scheduleUpdate(hostRef, isInitialLoad) {
   {
-    hostRef.$flags$ |= 16
-    /* isQueuedForUpdate */
-    ;
+    hostRef.$flags$ |= 16 /* isQueuedForUpdate */;
   }
 
-  if (hostRef.$flags$ & 4
-  /* isWaitingForChildren */
-  ) {
-    hostRef.$flags$ |= 512
-    /* needsRerender */
-    ;
+  if (hostRef.$flags$ & 4 /* isWaitingForChildren */) {
+    hostRef.$flags$ |= 512 /* needsRerender */;
     return;
   }
-
-  attachToAncestor(hostRef, hostRef.$ancestorComponent$); // there is no ancestorc omponent or the ancestor component
+  attachToAncestor(hostRef, hostRef.$ancestorComponent$);
+  // there is no ancestorc omponent or the ancestor component
   // has already fired off its lifecycle update then
   // fire off the initial update
-
   var dispatch = function dispatch() {
     return dispatchHooks(hostRef, isInitialLoad);
   };
-
   return writeTask(dispatch);
 };
-
 var dispatchHooks = function dispatchHooks(hostRef, isInitialLoad) {
   var endSchedule = createTime('scheduleUpdate', hostRef.$cmpMeta$.$tagName$);
   var instance = hostRef.$lazyInstance$;
   var promise;
-
   if (isInitialLoad) {
     {
-      hostRef.$flags$ |= 256
-      /* isListenReady */
-      ;
-
+      hostRef.$flags$ |= 256 /* isListenReady */;
       if (hostRef.$queuedListeners$) {
         hostRef.$queuedListeners$.map(function (_a) {
           var methodName = _a[0],
-              event = _a[1];
+            event = _a[1];
           return safeCall(instance, methodName, event);
         });
         hostRef.$queuedListeners$ = null;
@@ -29123,24 +28779,20 @@ var dispatchHooks = function dispatchHooks(hostRef, isInitialLoad) {
       promise = safeCall(instance, 'componentWillLoad');
     }
   }
-
   endSchedule();
   return then(promise, function () {
     return updateComponent(hostRef, instance, isInitialLoad);
   });
 };
-
 var updateComponent = function updateComponent(hostRef, instance, isInitialLoad) {
   // updateComponent
   var elm = hostRef.$hostElement$;
   var endUpdate = createTime('update', hostRef.$cmpMeta$.$tagName$);
   var rc = elm['s-rc'];
-
   if (isInitialLoad) {
     // DOM WRITE!
     attachStyles(hostRef);
   }
-
   var endRender = createTime('render', hostRef.$cmpMeta$.$tagName$);
   {
     {
@@ -29150,11 +28802,9 @@ var updateComponent = function updateComponent(hostRef, instance, isInitialLoad)
       renderVdom(hostRef, callRender(hostRef, instance));
     }
   }
-
   if (plt.$cssShim$) {
     plt.$cssShim$.updateHost(elm);
   }
-
   if (rc) {
     // ok, so turns out there are some child host elements
     // waiting on this parent element to load
@@ -29164,48 +28814,37 @@ var updateComponent = function updateComponent(hostRef, instance, isInitialLoad)
     });
     elm['s-rc'] = undefined;
   }
-
   endRender();
   endUpdate();
   {
     var childrenPromises = elm['s-p'];
-
     var postUpdate = function postUpdate() {
       return postUpdateComponent(hostRef);
     };
-
     if (childrenPromises.length === 0) {
       postUpdate();
     } else {
       Promise.all(childrenPromises).then(postUpdate);
-      hostRef.$flags$ |= 4
-      /* isWaitingForChildren */
-      ;
+      hostRef.$flags$ |= 4 /* isWaitingForChildren */;
       childrenPromises.length = 0;
     }
   }
 };
-
 var callRender = function callRender(hostRef, instance) {
   try {
     instance = instance.render();
     {
-      hostRef.$flags$ &= ~16
-      /* isQueuedForUpdate */
-      ;
+      hostRef.$flags$ &= ~16 /* isQueuedForUpdate */;
     }
+
     {
-      hostRef.$flags$ |= 2
-      /* hasRendered */
-      ;
+      hostRef.$flags$ |= 2 /* hasRendered */;
     }
   } catch (e) {
     consoleError(e);
   }
-
   return instance;
 };
-
 var postUpdateComponent = function postUpdateComponent(hostRef) {
   var tagName = hostRef.$cmpMeta$.$tagName$;
   var elm = hostRef.$hostElement$;
@@ -29215,13 +28854,8 @@ var postUpdateComponent = function postUpdateComponent(hostRef) {
   {
     safeCall(instance, 'componentDidRender');
   }
-
-  if (!(hostRef.$flags$ & 64
-  /* hasLoadedComponent */
-  )) {
-    hostRef.$flags$ |= 64
-    /* hasLoadedComponent */
-    ;
+  if (!(hostRef.$flags$ & 64 /* hasLoadedComponent */)) {
+    hostRef.$flags$ |= 64 /* hasLoadedComponent */;
     {
       // DOM WRITE!
       addHydratedFlag(elm);
@@ -29232,37 +28866,28 @@ var postUpdateComponent = function postUpdateComponent(hostRef) {
     endPostUpdate();
     {
       hostRef.$onReadyResolve$(elm);
-
       if (!ancestorComponent) {
         appDidLoad();
       }
     }
   } else {
     endPostUpdate();
-  } // load events fire from bottom to top
+  }
+  // load events fire from bottom to top
   // the deepest elements load first then bubbles up
-
-
   {
     if (hostRef.$onRenderResolve$) {
       hostRef.$onRenderResolve$();
       hostRef.$onRenderResolve$ = undefined;
     }
-
-    if (hostRef.$flags$ & 512
-    /* needsRerender */
-    ) {
+    if (hostRef.$flags$ & 512 /* needsRerender */) {
       nextTick(function () {
         return scheduleUpdate(hostRef, false);
       });
     }
-
-    hostRef.$flags$ &= ~(4
-    /* isWaitingForChildren */
-    | 512
-    /* needsRerender */
-    );
-  } // ( •_•)
+    hostRef.$flags$ &= ~(4 /* isWaitingForChildren */ | 512 /* needsRerender */);
+  }
+  // ( •_•)
   // ( •_•)>⌐■-■
   // (⌐■_■)
 };
@@ -29271,22 +28896,13 @@ var forceUpdate = function forceUpdate(ref) {
   {
     var hostRef = getHostRef(ref);
     var isConnected = hostRef.$hostElement$.isConnected;
-
-    if (isConnected && (hostRef.$flags$ & (2
-    /* hasRendered */
-    | 16
-    /* isQueuedForUpdate */
-    )) === 2
-    /* hasRendered */
-    ) {
+    if (isConnected && (hostRef.$flags$ & (2 /* hasRendered */ | 16 /* isQueuedForUpdate */)) === 2 /* hasRendered */) {
       scheduleUpdate(hostRef, false);
-    } // Returns "true" when the forced update was successfully scheduled
-
-
+    }
+    // Returns "true" when the forced update was successfully scheduled
     return isConnected;
   }
 };
-
 var appDidLoad = function appDidLoad(who) {
   // on appload
   // we have finish the first big initial render
@@ -29294,10 +28910,9 @@ var appDidLoad = function appDidLoad(who) {
     addHydratedFlag(doc.documentElement);
   }
   {
-    plt.$flags$ |= 2
-    /* appLoaded */
-    ;
+    plt.$flags$ |= 2 /* appLoaded */;
   }
+
   nextTick(function () {
     return emitEvent(win, 'appload', {
       detail: {
@@ -29306,7 +28921,6 @@ var appDidLoad = function appDidLoad(who) {
     });
   });
 };
-
 var safeCall = function safeCall(instance, method, arg) {
   if (instance && instance[method]) {
     try {
@@ -29315,57 +28929,41 @@ var safeCall = function safeCall(instance, method, arg) {
       consoleError(e);
     }
   }
-
   return undefined;
 };
-
 var then = function then(promise, thenFn) {
   return promise && promise.then ? promise.then(thenFn) : thenFn();
 };
-
 var addHydratedFlag = function addHydratedFlag(elm) {
   return elm.classList.add('hydrated');
 };
-
 var parsePropertyValue = function parsePropertyValue(propValue, propType) {
   // ensure this value is of the correct prop type
   if (propValue != null && !isComplexType(propValue)) {
-    if (propType & 4
-    /* Boolean */
-    ) {
+    if (propType & 4 /* Boolean */) {
       // per the HTML spec, any string value means it is a boolean true value
       // but we'll cheat here and say that the string "false" is the boolean false
       return propValue === 'false' ? false : propValue === '' || !!propValue;
     }
-
-    if (propType & 2
-    /* Number */
-    ) {
+    if (propType & 2 /* Number */) {
       // force it to be a number
       return parseFloat(propValue);
     }
-
-    if (propType & 1
-    /* String */
-    ) {
+    if (propType & 1 /* String */) {
       // could have been passed as a number or boolean
       // but we still want it as a string
       return String(propValue);
-    } // redundant return here for better minification
-
-
+    }
+    // redundant return here for better minification
     return propValue;
-  } // not sure exactly what type we want
+  }
+  // not sure exactly what type we want
   // so no need to change to a different type
-
-
   return propValue;
 };
-
 var getValue = function getValue(ref, propName) {
   return getHostRef(ref).$instanceValues$.get(propName);
 };
-
 var setValue = function setValue(ref, propName, newVal, cmpMeta) {
   // check our new property value against our internal value
   var hostRef = getHostRef(ref);
@@ -29373,22 +28971,15 @@ var setValue = function setValue(ref, propName, newVal, cmpMeta) {
   var flags = hostRef.$flags$;
   var instance = hostRef.$lazyInstance$;
   newVal = parsePropertyValue(newVal, cmpMeta.$members$[propName][0]);
-
-  if ((!(flags & 8
-  /* isConstructingInstance */
-  ) || oldVal === undefined) && newVal !== oldVal) {
+  if ((!(flags & 8 /* isConstructingInstance */) || oldVal === undefined) && newVal !== oldVal) {
     // gadzooks! the property's value has changed!!
     // set our new value!
     hostRef.$instanceValues$.set(propName, newVal);
-
     if (instance) {
       // get an array of method names of watch functions to call
       if (cmpMeta.$watchers$) {
-        if (flags & 128
-        /* isWatchReady */
-        ) {
+        if (flags & 128 /* isWatchReady */) {
           var watchMethods = cmpMeta.$watchers$[propName];
-
           if (watchMethods) {
             // this instance is watching for when this property changed
             watchMethods.map(function (watchMethodName) {
@@ -29402,14 +28993,7 @@ var setValue = function setValue(ref, propName, newVal, cmpMeta) {
           }
         }
       }
-
-      if ((flags & (2
-      /* hasRendered */
-      | 16
-      /* isQueuedForUpdate */
-      )) === 2
-      /* hasRendered */
-      ) {
+      if ((flags & (2 /* hasRendered */ | 16 /* isQueuedForUpdate */)) === 2 /* hasRendered */) {
         // looks like this value actually changed, so we've got work to do!
         // but only if we've already rendered, otherwise just chill out
         // queue that we need to do an update, but don't worry about queuing
@@ -29419,27 +29003,18 @@ var setValue = function setValue(ref, propName, newVal, cmpMeta) {
     }
   }
 };
-
 var proxyComponent = function proxyComponent(Cstr, cmpMeta, flags) {
   if (cmpMeta.$members$) {
     if (Cstr.watchers) {
       cmpMeta.$watchers$ = Cstr.watchers;
-    } // It's better to have a const than two Object.entries()
-
-
+    }
+    // It's better to have a const than two Object.entries()
     var members = Object.entries(cmpMeta.$members$);
     var prototype_1 = Cstr.prototype;
     members.map(function (_a) {
       var memberName = _a[0],
-          memberFlags = _a[1][0];
-
-      if (memberFlags & 31
-      /* Prop */
-      || flags & 2
-      /* proxyState */
-      && memberFlags & 32
-      /* State */
-      ) {
+        memberFlags = _a[1][0];
+      if (memberFlags & 31 /* Prop */ || flags & 2 /* proxyState */ && memberFlags & 32 /* State */) {
         // proxyComponent - prop
         Object.defineProperty(prototype_1, memberName, {
           get: function get() {
@@ -29455,75 +29030,53 @@ var proxyComponent = function proxyComponent(Cstr, cmpMeta, flags) {
         });
       }
     });
-
-    if (flags & 1
-    /* isElementConstructor */
-    ) {
+    if (flags & 1 /* isElementConstructor */) {
       var attrNameToPropName_1 = new Map();
-
       prototype_1.attributeChangedCallback = function (attrName, _oldValue, newValue) {
         var _this = this;
-
         plt.jmp(function () {
           var propName = attrNameToPropName_1.get(attrName);
           _this[propName] = newValue === null && typeof _this[propName] === 'boolean' ? false : newValue;
         });
-      }; // create an array of attributes to observe
+      };
+      // create an array of attributes to observe
       // and also create a map of html attribute name to js property name
-
-
       Cstr.observedAttributes = members.filter(function (_a) {
         var _ = _a[0],
-            m = _a[1];
+          m = _a[1];
         return m[0] & 15;
-      }
-      /* HasAttribute */
-      ) // filter to only keep props that should match attributes
+      } /* HasAttribute */) // filter to only keep props that should match attributes
       .map(function (_a) {
         var propName = _a[0],
-            m = _a[1];
+          m = _a[1];
         var attrName = m[1] || propName;
         attrNameToPropName_1.set(attrName, propName);
         return attrName;
       });
     }
   }
-
   return Cstr;
 };
-
 var initializeComponent = function initializeComponent(elm, hostRef, cmpMeta, hmrVersionId, Cstr) {
   return __awaiter(void 0, void 0, void 0, function () {
     var endLoad, endNewInstance, style_1, scopeId_1, endRegisterStyles, ancestorComponent, schedule;
     return __generator(this, function (_a) {
       switch (_a.label) {
         case 0:
-          if (!((hostRef.$flags$ & 32
-          /* hasInitializedComponent */
-          ) === 0)) return [3
-          /*break*/
-          , 5]; // we haven't initialized this element yet
-
-          hostRef.$flags$ |= 32
-          /* hasInitializedComponent */
-          ; // lazy loaded components
+          if (!((hostRef.$flags$ & 32 /* hasInitializedComponent */) === 0)) return [3 /*break*/, 5];
+          // we haven't initialized this element yet
+          hostRef.$flags$ |= 32 /* hasInitializedComponent */;
+          // lazy loaded components
           // request the component's implementation to be
           // wired up with the host element
-
           Cstr = loadModule(cmpMeta);
-          if (!Cstr.then) return [3
-          /*break*/
-          , 2];
+          if (!Cstr.then) return [3 /*break*/, 2];
           endLoad = uniqueTime();
-          return [4
-          /*yield*/
-          , Cstr];
-
+          return [4 /*yield*/, Cstr];
         case 1:
           Cstr = _a.sent();
           endLoad();
           _a.label = 2;
-
         case 2:
           if (!Cstr.isProxied) {
             // we'eve never proxied this Constructor before
@@ -29532,82 +29085,55 @@ var initializeComponent = function initializeComponent(elm, hostRef, cmpMeta, hm
             {
               cmpMeta.$watchers$ = Cstr.watchers;
             }
-            proxyComponent(Cstr, cmpMeta, 2
-            /* proxyState */
-            );
+            proxyComponent(Cstr, cmpMeta, 2 /* proxyState */);
             Cstr.isProxied = true;
           }
-
-          endNewInstance = createTime('createInstance', cmpMeta.$tagName$); // ok, time to construct the instance
+          endNewInstance = createTime('createInstance', cmpMeta.$tagName$);
+          // ok, time to construct the instance
           // but let's keep track of when we start and stop
           // so that the getters/setters don't incorrectly step on data
-
           {
-            hostRef.$flags$ |= 8
-            /* isConstructingInstance */
-            ;
-          } // construct the lazy-loaded component implementation
+            hostRef.$flags$ |= 8 /* isConstructingInstance */;
+          }
+          // construct the lazy-loaded component implementation
           // passing the hostRef is very important during
           // construction in order to directly wire together the
           // host element and the lazy-loaded instance
-
           try {
             new Cstr(hostRef);
           } catch (e) {
             consoleError(e);
           }
-
           {
-            hostRef.$flags$ &= ~8
-            /* isConstructingInstance */
-            ;
+            hostRef.$flags$ &= ~8 /* isConstructingInstance */;
           }
+
           {
-            hostRef.$flags$ |= 128
-            /* isWatchReady */
-            ;
+            hostRef.$flags$ |= 128 /* isWatchReady */;
           }
+
           endNewInstance();
-          if (!Cstr.style) return [3
-          /*break*/
-          , 5];
+          if (!Cstr.style) return [3 /*break*/, 5];
           style_1 = Cstr.style;
           scopeId_1 = getScopeId(cmpMeta);
-          if (!!styles.has(scopeId_1)) return [3
-          /*break*/
-          , 5];
+          if (!!styles.has(scopeId_1)) return [3 /*break*/, 5];
           endRegisterStyles = createTime('registerStyles', cmpMeta.$tagName$);
-          if (!(cmpMeta.$flags$ & 8)
-          /* needsShadowDomShim */
-          ) return [3
-          /*break*/
-          , 4];
-          /* needsShadowDomShim */
-
-          return [4
-          /*yield*/
-          , __webpack_require__.e(/*! import() */ 29).then(__webpack_require__.bind(null, /*! ./shadow-css-360bb6da.js */ "../amplify-ui-components/dist/esm-es5/shadow-css-360bb6da.js")).then(function (m) {
+          if (!(cmpMeta.$flags$ & 8) /* needsShadowDomShim */) return [3 /*break*/, 4]; /* needsShadowDomShim */
+          return [4 /*yield*/, __webpack_require__.e(/*! import() */ 29).then(__webpack_require__.bind(null, /*! ./shadow-css-360bb6da.js */ "../amplify-ui-components/dist/esm-es5/shadow-css-360bb6da.js")).then(function (m) {
             return m.scopeCss(style_1, scopeId_1, false);
           })];
-
         case 3:
           style_1 = _a.sent();
           _a.label = 4;
-
         case 4:
-          registerStyle(scopeId_1, style_1, !!(cmpMeta.$flags$ & 1
-          /* shadowDomEncapsulation */
-          ));
+          registerStyle(scopeId_1, style_1, !!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */));
           endRegisterStyles();
           _a.label = 5;
-
         case 5:
           ancestorComponent = hostRef.$ancestorComponent$;
-
           schedule = function schedule() {
             return scheduleUpdate(hostRef, true);
           };
-
           if (ancestorComponent && ancestorComponent['s-rc']) {
             // this is the intial load and this component it has an ancestor component
             // but the ancestor component has NOT fired its will update lifecycle yet
@@ -29619,40 +29145,26 @@ var initializeComponent = function initializeComponent(elm, hostRef, cmpMeta, hm
           } else {
             schedule();
           }
-
-          return [2
-          /*return*/
-          ];
+          return [2 /*return*/];
       }
     });
   });
 };
 
 var connectedCallback = function connectedCallback(elm) {
-  if ((plt.$flags$ & 1
-  /* isTmpDisconnected */
-  ) === 0) {
+  if ((plt.$flags$ & 1 /* isTmpDisconnected */) === 0) {
     var hostRef = getHostRef(elm);
     var cmpMeta = hostRef.$cmpMeta$;
     var endConnected = createTime('connectedCallback', cmpMeta.$tagName$);
-
-    if (!(hostRef.$flags$ & 1
-    /* hasConnected */
-    )) {
+    if (!(hostRef.$flags$ & 1 /* hasConnected */)) {
       // first time this component has connected
-      hostRef.$flags$ |= 1
-      /* hasConnected */
-      ;
+      hostRef.$flags$ |= 1 /* hasConnected */;
       {
         // initUpdate
         // if the slot polyfill is required we'll need to put some nodes
         // in here to act as original content anchors as we move nodes around
         // host element has been connected to the DOM
-        if (cmpMeta.$flags$ & (4
-        /* hasSlotRelocation */
-        | 8
-        /* needsShadowDomShim */
-        )) {
+        if (cmpMeta.$flags$ & (4 /* hasSlotRelocation */ | 8 /* needsShadowDomShim */)) {
           setContentReference(elm);
         }
       }
@@ -29660,7 +29172,6 @@ var connectedCallback = function connectedCallback(elm) {
         // find the first ancestor component (if there is one) and register
         // this component as one of the actively loading child components for its ancestor
         var ancestorComponent = elm;
-
         while (ancestorComponent = ancestorComponent.parentNode || ancestorComponent.host) {
           // climb up the ancestors looking for the first
           // component that hasn't finished its lifecycle update yet
@@ -29671,24 +29182,20 @@ var connectedCallback = function connectedCallback(elm) {
             break;
           }
         }
-      } // Lazy properties
+      }
+      // Lazy properties
       // https://developers.google.com/web/fundamentals/web-components/best-practices#lazy-properties
-
       if (cmpMeta.$members$) {
         Object.entries(cmpMeta.$members$).map(function (_a) {
           var memberName = _a[0],
-              memberFlags = _a[1][0];
-
-          if (memberFlags & 31
-          /* Prop */
-          && elm.hasOwnProperty(memberName)) {
+            memberFlags = _a[1][0];
+          if (memberFlags & 31 /* Prop */ && elm.hasOwnProperty(memberName)) {
             var value = elm[memberName];
             delete elm[memberName];
             elm[memberName] = value;
           }
         });
       }
-
       {
         initializeComponent(elm, hostRef, cmpMeta);
       }
@@ -29698,11 +29205,9 @@ var connectedCallback = function connectedCallback(elm) {
       // since they would have been removed when disconnected
       addHostEventListeners(elm, hostRef, cmpMeta.$listeners$);
     }
-
     endConnected();
   }
 };
-
 var setContentReference = function setContentReference(elm) {
   // only required when we're NOT using native shadow dom (slot)
   // or this browser doesn't support native shadow dom
@@ -29714,11 +29219,8 @@ var setContentReference = function setContentReference(elm) {
   contentRefElm['s-cn'] = true;
   elm.insertBefore(contentRefElm, elm.firstChild);
 };
-
 var disconnectedCallback = function disconnectedCallback(elm) {
-  if ((plt.$flags$ & 1
-  /* isTmpDisconnected */
-  ) === 0) {
+  if ((plt.$flags$ & 1 /* isTmpDisconnected */) === 0) {
     var hostRef = getHostRef(elm);
     var instance = hostRef.$lazyInstance$;
     {
@@ -29728,23 +29230,20 @@ var disconnectedCallback = function disconnectedCallback(elm) {
         });
         hostRef.$rmListeners$ = undefined;
       }
-    } // clear CSS var-shim tracking
-
+    }
+    // clear CSS var-shim tracking
     if (plt.$cssShim$) {
       plt.$cssShim$.removeHost(elm);
     }
-
     {
       safeCall(instance, 'disconnectedCallback');
     }
   }
 };
-
 var bootstrapLazy = function bootstrapLazy(lazyBundles, options) {
   if (options === void 0) {
     options = {};
   }
-
   var endBootstrap = createTime();
   var cmpTags = [];
   var exclude = options.exclude || [];
@@ -29759,11 +29258,10 @@ var bootstrapLazy = function bootstrapLazy(lazyBundles, options) {
   plt.$resourcesUrl$ = new URL(options.resourcesUrl || './', doc.baseURI).href;
   {
     if (options.syncQueue) {
-      plt.$flags$ |= 4
-      /* queueSync */
-      ;
+      plt.$flags$ |= 4 /* queueSync */;
     }
   }
+
   lazyBundles.map(function (lazyBundle) {
     return lazyBundle[1].map(function (compactMeta) {
       var cmpMeta = {
@@ -29781,33 +29279,21 @@ var bootstrapLazy = function bootstrapLazy(lazyBundles, options) {
       {
         cmpMeta.$watchers$ = {};
       }
-
-      if (!supportsShadow && cmpMeta.$flags$ & 1
-      /* shadowDomEncapsulation */
-      ) {
-        cmpMeta.$flags$ |= 8
-        /* needsShadowDomShim */
-        ;
+      if (!supportsShadow && cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
+        cmpMeta.$flags$ |= 8 /* needsShadowDomShim */;
       }
 
       var tagName = cmpMeta.$tagName$;
-
-      var HostElement =
-      /** @class */
-      function (_super) {
-        __extends(HostElement, _super); // StencilLazyHost
-
-
+      var HostElement = /** @class */function (_super) {
+        __extends(HostElement, _super);
+        // StencilLazyHost
         function HostElement(self) {
-          var _this = // @ts-ignore
+          var _this =
+          // @ts-ignore
           _super.call(this, self) || this;
-
           self = _this;
           registerHost(self, cmpMeta);
-
-          if (cmpMeta.$flags$ & 1
-          /* shadowDomEncapsulation */
-          ) {
+          if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
             // this component is using shadow dom
             // and this browser supports shadow dom
             // add the read-only property "shadowRoot" to the host element
@@ -29822,18 +29308,14 @@ var bootstrapLazy = function bootstrapLazy(lazyBundles, options) {
               self.shadowRoot = self;
             }
           }
-
           return _this;
         }
-
         HostElement.prototype.connectedCallback = function () {
           var _this = this;
-
           if (appLoadFallback) {
             clearTimeout(appLoadFallback);
             appLoadFallback = null;
           }
-
           if (isBootstrapping) {
             // connectedCallback will be processed once all components have been registered
             deferredConnectedCallbacks.push(this);
@@ -29843,44 +29325,35 @@ var bootstrapLazy = function bootstrapLazy(lazyBundles, options) {
             });
           }
         };
-
         HostElement.prototype.disconnectedCallback = function () {
           var _this = this;
-
           plt.jmp(function () {
             return disconnectedCallback(_this);
           });
         };
-
         HostElement.prototype.forceUpdate = function () {
           forceUpdate(this);
         };
-
         HostElement.prototype.componentOnReady = function () {
           return getHostRef(this).$onReadyPromise$;
         };
-
         return HostElement;
       }(HTMLElement);
-
       cmpMeta.$lazyBundleId$ = lazyBundle[0];
-
       if (!exclude.includes(tagName) && !customElements.get(tagName)) {
         cmpTags.push(tagName);
-        customElements.define(tagName, proxyComponent(HostElement, cmpMeta, 1
-        /* isElementConstructor */
-        ));
+        customElements.define(tagName, proxyComponent(HostElement, cmpMeta, 1 /* isElementConstructor */));
       }
     });
   });
+
   {
     visibilityStyle.innerHTML = cmpTags + HYDRATED_CSS;
     visibilityStyle.setAttribute('data-styles', '');
     head.insertBefore(visibilityStyle, metaCharset ? metaCharset.nextSibling : head.firstChild);
-  } // Process deferred connectedCallbacks now all components have been registered
-
+  }
+  // Process deferred connectedCallbacks now all components have been registered
   isBootstrapping = false;
-
   if (deferredConnectedCallbacks.length) {
     deferredConnectedCallbacks.map(function (host) {
       return host.connectedCallback();
@@ -29891,22 +29364,17 @@ var bootstrapLazy = function bootstrapLazy(lazyBundles, options) {
         return appLoadFallback = setTimeout(appDidLoad, 30);
       });
     }
-  } // Fallback appLoad event
-
-
+  }
+  // Fallback appLoad event
   endBootstrap();
 };
-
 var hostRefs = new WeakMap();
-
 var getHostRef = function getHostRef(ref) {
   return hostRefs.get(ref);
 };
-
 var registerInstance = function registerInstance(lazyInstance, hostRef) {
   return hostRefs.set(hostRef.$lazyInstance$ = lazyInstance, hostRef);
 };
-
 var registerHost = function registerHost(elm, cmpMeta) {
   var hostRef = {
     $flags$: 0,
@@ -29924,27 +29392,21 @@ var registerHost = function registerHost(elm, cmpMeta) {
   addHostEventListeners(elm, hostRef, cmpMeta.$listeners$);
   return hostRefs.set(elm, hostRef);
 };
-
 var isMemberInElement = function isMemberInElement(elm, memberName) {
   return memberName in elm;
 };
-
 var consoleError = function consoleError(e) {
   return console.error(e);
 };
-
 var cmpModules = /*@__PURE__*/new Map();
-
 var loadModule = function loadModule(cmpMeta, hostRef, hmrVersionId) {
   // loadModuleImport
   var exportName = cmpMeta.$tagName$.replace(/-/g, '_');
   var bundleId = cmpMeta.$lazyBundleId$;
   var module = cmpModules.get(bundleId);
-
   if (module) {
     return module[exportName];
   }
-
   return __webpack_require__("../amplify-ui-components/dist/esm-es5 lazy recursive ^\\.\\/.*\\.entry\\.js$ include: \\.entry\\.js$ exclude: \\.system\\.entry\\.js$")("./" + bundleId + ".entry.js").then(function (importedModule) {
     {
       cmpModules.set(bundleId, importedModule);
@@ -29952,22 +29414,16 @@ var loadModule = function loadModule(cmpMeta, hostRef, hmrVersionId) {
     return importedModule[exportName];
   }, consoleError);
 };
-
 var styles = new Map();
 var queueDomReads = [];
 var queueDomWrites = [];
 var queueDomWritesLow = [];
-
 var queueTask = function queueTask(queue, write) {
   return function (cb) {
     queue.push(cb);
-
     if (!queuePending) {
       queuePending = true;
-
-      if (write && plt.$flags$ & 4
-      /* queueSync */
-      ) {
+      if (write && plt.$flags$ & 4 /* queueSync */) {
         nextTick(flush);
       } else {
         plt.raf(flush);
@@ -29975,7 +29431,6 @@ var queueTask = function queueTask(queue, write) {
     }
   };
 };
-
 var consume = function consume(queue) {
   for (var i = 0; i < queue.length; i++) {
     try {
@@ -29984,14 +29439,11 @@ var consume = function consume(queue) {
       consoleError(e);
     }
   }
-
   queue.length = 0;
 };
-
 var consumeTimeout = function consumeTimeout(queue, timeout) {
   var i = 0;
   var ts = 0;
-
   while (i < queue.length && (ts = performance.now()) < timeout) {
     try {
       queue[i++](ts);
@@ -29999,37 +29451,29 @@ var consumeTimeout = function consumeTimeout(queue, timeout) {
       consoleError(e);
     }
   }
-
   if (i === queue.length) {
     queue.length = 0;
   } else if (i !== 0) {
     queue.splice(0, i);
   }
 };
-
 var flush = function flush() {
   {
     queueCongestion++;
-  } // always force a bunch of medium callbacks to run, but still have
+  }
+  // always force a bunch of medium callbacks to run, but still have
   // a throttle on how many can run in a certain time
   // DOM READS!!!
-
-  consume(queueDomReads); // DOM WRITES!!!
-
+  consume(queueDomReads);
+  // DOM WRITES!!!
   {
-    var timeout = (plt.$flags$ & 6
-    /* queueMask */
-    ) === 2
-    /* appLoaded */
-    ? performance.now() + 14 * Math.ceil(queueCongestion * (1.0 / 10.0)) : Infinity;
+    var timeout = (plt.$flags$ & 6 /* queueMask */) === 2 /* appLoaded */ ? performance.now() + 14 * Math.ceil(queueCongestion * (1.0 / 10.0)) : Infinity;
     consumeTimeout(queueDomWrites, timeout);
     consumeTimeout(queueDomWritesLow, timeout);
-
     if (queueDomWrites.length > 0) {
       queueDomWritesLow.push.apply(queueDomWritesLow, queueDomWrites);
       queueDomWrites.length = 0;
     }
-
     if (queuePending = queueDomReads.length + queueDomWrites.length + queueDomWritesLow.length > 0) {
       // still more to do yet, but we've run out of time
       // let's let this thing cool off and try again in the next tick
@@ -30039,11 +29483,9 @@ var flush = function flush() {
     }
   }
 };
-
 var nextTick = /*@__PURE__*/function nextTick(cb) {
   return promiseResolve().then(cb);
 };
-
 var writeTask = /*@__PURE__*/queueTask(queueDomWrites, true);
 
 
@@ -30139,7 +29581,6 @@ var defineCustomElements = function (win, options) {
 __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "A", function() { return AccessLevel; });
 var AccessLevel;
-
 (function (AccessLevel) {
   AccessLevel["Public"] = "public";
   AccessLevel["Private"] = "private";
@@ -30147,7 +29588,6 @@ var AccessLevel;
 })(AccessLevel || (AccessLevel = {}));
 
 
-
 /***/ }),
 
 /***/ "../amplify-ui-components/dist/esm-es5/theme-19a9209a.js":
@@ -30169,11 +29609,9 @@ __webpack_require__.r(__webpack_exports__);
 /*
  Stencil Client Patch v1.15.0 | MIT Licensed | https://stenciljs.com
  */
-
 var getDynamicImportFunction = function getDynamicImportFunction(namespace) {
   return "__sc_import_" + namespace.replace(/\s|-/g, '_');
 };
-
 var patchEsm = function patchEsm() {
   // NOTE!! This fn cannot use async/await!
   // @ts-ignore
@@ -30188,24 +29626,19 @@ var patchEsm = function patchEsm() {
       }
     });
   }
-
   return Object(_index_83f2275b_js__WEBPACK_IMPORTED_MODULE_0__["a"])();
 };
-
 var patchBrowser = function patchBrowser() {
   {
     // shim css vars
     _index_83f2275b_js__WEBPACK_IMPORTED_MODULE_0__["p"].$cssShim$ = _index_83f2275b_js__WEBPACK_IMPORTED_MODULE_0__["w"].__cssshim;
-  } // @ts-ignore
-
+  }
+  // @ts-ignore
   var scriptElm = Array.from(_index_83f2275b_js__WEBPACK_IMPORTED_MODULE_0__["d"].querySelectorAll('script')).find(function (s) {
     return new RegExp("/" + _index_83f2275b_js__WEBPACK_IMPORTED_MODULE_0__["N"] + "(\\.esm)?\\.js($|\\?|#)").test(s.src) || s.getAttribute('data-stencil-namespace') === _index_83f2275b_js__WEBPACK_IMPORTED_MODULE_0__["N"];
   });
   var opts = scriptElm['data-opts'] || {};
-
-  if ('onbeforeload' in scriptElm && !history.scrollRestoration
-  /* IS_ESM_BUILD */
-  ) {
+  if ('onbeforeload' in scriptElm && !history.scrollRestoration /* IS_ESM_BUILD */) {
     // Safari < v11 support: This IF is true if it's Safari below v11.
     // This fn cannot use async/await since Safari didn't support it until v11,
     // however, Safari 10 did support modules. Safari 10 also didn't support "nomodule",
@@ -30219,13 +29652,11 @@ var patchBrowser = function patchBrowser() {
       }
     };
   }
-
   {
     opts.resourcesUrl = new URL('.', new URL(scriptElm.getAttribute('data-resources-url') || scriptElm.src, _index_83f2275b_js__WEBPACK_IMPORTED_MODULE_0__["w"].location.href)).href;
     {
       patchDynamicImport(opts.resourcesUrl, scriptElm);
     }
-
     if (!_index_83f2275b_js__WEBPACK_IMPORTED_MODULE_0__["w"].customElements) {
       // module support, but no custom elements support (Old Edge)
       // @ts-ignore
@@ -30236,10 +29667,8 @@ var patchBrowser = function patchBrowser() {
   }
   return Object(_index_83f2275b_js__WEBPACK_IMPORTED_MODULE_0__["a"])(opts);
 };
-
 var patchDynamicImport = function patchDynamicImport(base, orgScriptElm) {
   var importFunctionName = getDynamicImportFunction(_index_83f2275b_js__WEBPACK_IMPORTED_MODULE_0__["N"]);
-
   try {
     // test if this browser supports dynamic imports
     // There is a caching issue in V8, that breaks using import() in Function
@@ -30251,11 +29680,9 @@ var patchDynamicImport = function patchDynamicImport(base, orgScriptElm) {
     // however, they do NOT support "dynamic" imports
     // basically this code is for old Edge, v18 and below
     var moduleMap_1 = new Map();
-
     _index_83f2275b_js__WEBPACK_IMPORTED_MODULE_0__["w"][importFunctionName] = function (src) {
       var url = new URL(src, base).href;
       var mod = moduleMap_1.get(url);
-
       if (!mod) {
         var script_1 = _index_83f2275b_js__WEBPACK_IMPORTED_MODULE_0__["d"].createElement('script');
         script_1.type = 'module';
@@ -30272,14 +29699,11 @@ var patchDynamicImport = function patchDynamicImport(base, orgScriptElm) {
         moduleMap_1.set(url, mod);
         _index_83f2275b_js__WEBPACK_IMPORTED_MODULE_0__["d"].head.appendChild(script_1);
       }
-
       return mod;
     };
   }
 };
 /* eslint-disable */
-
-
 if (Object(_aws_amplify_core__WEBPACK_IMPORTED_MODULE_1__["browserOrNode"])().isBrowser) {
   var customStyles = document.createElement('style');
   customStyles.appendChild(document.createTextNode("\n    :root {\n      /* Typography */\n      --amplify-font-family: 'Amazon Ember', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;\n\n      --amplify-text-xxs: 0.75rem;\n      --amplify-text-xs: 0.81rem;\n      --amplify-text-sm: 0.875rem;\n      --amplify-text-md: 1rem;\n      --amplify-text-md-sub: 1.15rem;\n      --amplify-text-lg: 1.5rem;\n      --amplify-text-xl: 2rem;\n      --amplify-text-xxl: 2.5rem;\n\n      /* Colors */\n      --amplify-primary-color: #ff9900;\n      --amplify-primary-contrast: var(--amplify-white);\n      --amplify-primary-tint: #ffac31;\n      --amplify-primary-shade: #e88b01;\n\n      --amplify-secondary-color: #152939;\n      --amplify-secondary-contrast: var(--amplify-white);\n      --amplify-secondary-tint: #31465f;\n      --amplify-secondary-shade: #1F2A37;\n\n      --amplify-tertiary-color: #5d8aff;\n      --amplify-tertiary-contrast: var(--amplify-white);\n      --amplify-tertiary-tint: #7da1ff;\n      --amplify-tertiary-shade: #537BE5;\n\n      --amplify-background-color: var(--amplify-white);\n\n      /* Neutral */\n      --amplify-grey: #828282;\n      --amplify-light-grey: #c4c4c4;\n      --amplify-white: #ffffff;\n      --amplify-smoke-white: #f5f5f5;\n      --amplify-red: #dd3f5b;\n      --amplify-blue: #099ac8;\n    }\n  "));
@@ -30289,7 +29713,6 @@ if (Object(_aws_amplify_core__WEBPACK_IMPORTED_MODULE_1__["browserOrNode"])().is
 }
 
 
-
 /***/ }),
 
 /***/ "../amplify-ui-components/dist/esm/polyfills/index.js":
@@ -30304,7 +29727,6 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "applyPolyfills", function() { return applyPolyfills; });
 function applyPolyfills() {
   var promises = [];
-
   if (typeof window !== 'undefined') {
     var checkIfURLIsSupported = function checkIfURLIsSupported() {
       try {
@@ -30315,18 +29737,14 @@ function applyPolyfills() {
         return false;
       }
     };
-
     var win = window;
-
     if (!win.customElements || win.Element && (!win.Element.prototype.closest || !win.Element.prototype.matches || !win.Element.prototype.remove || !win.Element.prototype.getRootNode)) {
       promises.push(__webpack_require__.e(/*! import() | polyfills-dom */ "polyfills-dom").then(__webpack_require__.t.bind(null, /*! ./dom.js */ "../amplify-ui-components/dist/esm/polyfills/dom.js", 7)));
     }
-
     if ('function' !== typeof Object.assign || !Object.entries || !Array.prototype.find || !Array.prototype.includes || !String.prototype.startsWith || !String.prototype.endsWith || win.NodeList && !win.NodeList.prototype.forEach || !win.fetch || !checkIfURLIsSupported() || typeof WeakMap == 'undefined') {
       promises.push(__webpack_require__.e(/*! import() | polyfills-core-js */ "polyfills-core-js").then(__webpack_require__.t.bind(null, /*! ./core-js.js */ "../amplify-ui-components/dist/esm/polyfills/core-js.js", 7)));
     }
   }
-
   return Promise.all(promises);
 }
 
@@ -30407,15 +29825,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 /* eslint-disable */
-
 /* tslint:disable */
-
 /* auto-generated react proxies */
-
 var react_component_lib_1 = __webpack_require__(/*! ./react-component-lib */ "./lib/react-component-lib/index.js");
-
 var loader_1 = __webpack_require__(/*! @aws-amplify/ui-components/loader */ "../amplify-ui-components/dist/loader/index.mjs");
-
 loader_1.applyPolyfills().then(function () {
   return loader_1.defineCustomElements();
 });
@@ -30492,15 +29905,11 @@ function __export(m) {
     if (!exports.hasOwnProperty(p)) exports[p] = m[p];
   }
 }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 __export(__webpack_require__(/*! ./components */ "./lib/components.js"));
-
 var withAuthenticator_1 = __webpack_require__(/*! ./withAuthenticator */ "./lib/withAuthenticator.js");
-
 exports.withAuthenticator = withAuthenticator_1.withAuthenticator;
 
 /***/ }),
@@ -30526,124 +29935,93 @@ var __extends = this && this.__extends || function () {
         if (b.hasOwnProperty(p)) d[p] = b[p];
       }
     };
-
     return _extendStatics(d, b);
   };
-
   return function (d, b) {
     _extendStatics(d, b);
-
     function __() {
       this.constructor = d;
     }
-
     d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
   };
 }();
-
 var __assign = this && this.__assign || function () {
   __assign = Object.assign || function (t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
       s = arguments[i];
-
       for (var p in s) {
         if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
       }
     }
-
     return t;
   };
-
   return __assign.apply(this, arguments);
 };
-
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
-
   for (var p in s) {
     if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
   }
-
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
     if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
-
 var __importDefault = this && this.__importDefault || function (mod) {
   return mod && mod.__esModule ? mod : {
     "default": mod
   };
 };
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 var react_1 = __importDefault(__webpack_require__(/*! react */ "react"));
-
 var index_1 = __webpack_require__(/*! ./utils/index */ "./lib/react-component-lib/utils/index.js");
-
 exports.createReactComponent = function (tagName) {
   var displayName = index_1.dashToPascalCase(tagName);
-
-  var ReactComponent =
-  /** @class */
-  function (_super) {
+  var ReactComponent = /** @class */function (_super) {
     __extends(class_1, _super);
-
     function class_1(props) {
       var _this = _super.call(this, props) || this;
-
       _this.ref = react_1["default"].createRef();
       return _this;
     }
-
     class_1.prototype.componentDidMount = function () {
       this.componentDidUpdate(this.props);
     };
-
     class_1.prototype.componentDidUpdate = function (prevProps) {
       var node = this.ref.current;
       index_1.attachEventProps(node, this.props, prevProps);
     };
-
     class_1.prototype.render = function () {
       var _a = this.props,
-          children = _a.children,
-          forwardedRef = _a.forwardedRef,
-          style = _a.style,
-          className = _a.className,
-          ref = _a.ref,
-          cProps = __rest(_a, ["children", "forwardedRef", "style", "className", "ref"]);
-
+        children = _a.children,
+        forwardedRef = _a.forwardedRef,
+        style = _a.style,
+        className = _a.className,
+        ref = _a.ref,
+        cProps = __rest(_a, ["children", "forwardedRef", "style", "className", "ref"]);
       var propsToPass = Object.keys(cProps).reduce(function (acc, name) {
         var isEventProp = name.indexOf('on') === 0 && name[2] === name[2].toUpperCase();
         var isDataProp = name.indexOf('data-') === 0;
         var isAriaProp = name.indexOf('aria-') === 0;
-
         if (isEventProp) {
           var eventName = name.substring(2).toLowerCase();
-
           if (typeof document !== "undefined" && index_1.isCoveredByReact(eventName)) {
             acc[name] = cProps[name];
           }
         } else if (isDataProp || isAriaProp) {
           acc[name] = cProps[name];
         }
-
         return acc;
       }, {});
-
       var newProps = __assign(__assign({}, propsToPass), {
         ref: this.ref,
         style: style,
         className: className
       });
-
       return react_1["default"].createElement(tagName, newProps, children);
     };
-
     Object.defineProperty(class_1, "displayName", {
       get: function get() {
         return displayName;
@@ -30653,7 +30031,6 @@ exports.createReactComponent = function (tagName) {
     });
     return class_1;
   }(react_1["default"].Component);
-
   return index_1.createForwardRef(ReactComponent, displayName);
 };
 
@@ -30680,44 +30057,34 @@ var __extends = this && this.__extends || function () {
         if (b.hasOwnProperty(p)) d[p] = b[p];
       }
     };
-
     return _extendStatics(d, b);
   };
-
   return function (d, b) {
     _extendStatics(d, b);
-
     function __() {
       this.constructor = d;
     }
-
     d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
   };
 }();
-
 var __assign = this && this.__assign || function () {
   __assign = Object.assign || function (t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
       s = arguments[i];
-
       for (var p in s) {
         if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
       }
     }
-
     return t;
   };
-
   return __assign.apply(this, arguments);
 };
-
 var __awaiter = this && this.__awaiter || function (thisArg, _arguments, P, generator) {
   function adopt(value) {
     return value instanceof P ? value : new P(function (resolve) {
       resolve(value);
     });
   }
-
   return new (P || (P = Promise))(function (resolve, reject) {
     function fulfilled(value) {
       try {
@@ -30726,7 +30093,6 @@ var __awaiter = this && this.__awaiter || function (thisArg, _arguments, P, gene
         reject(e);
       }
     }
-
     function rejected(value) {
       try {
         step(generator["throw"](value));
@@ -30734,29 +30100,26 @@ var __awaiter = this && this.__awaiter || function (thisArg, _arguments, P, gene
         reject(e);
       }
     }
-
     function step(result) {
       result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
     }
-
     step((generator = generator.apply(thisArg, _arguments || [])).next());
   });
 };
-
 var __generator = this && this.__generator || function (thisArg, body) {
   var _ = {
-    label: 0,
-    sent: function sent() {
-      if (t[0] & 1) throw t[1];
-      return t[1];
+      label: 0,
+      sent: function sent() {
+        if (t[0] & 1) throw t[1];
+        return t[1];
+      },
+      trys: [],
+      ops: []
     },
-    trys: [],
-    ops: []
-  },
-      f,
-      y,
-      t,
-      g;
+    f,
+    y,
+    t,
+    g;
   return g = {
     next: verb(0),
     "throw": verb(1),
@@ -30764,79 +30127,60 @@ var __generator = this && this.__generator || function (thisArg, body) {
   }, typeof Symbol === "function" && (g[Symbol.iterator] = function () {
     return this;
   }), g;
-
   function verb(n) {
     return function (v) {
       return step([n, v]);
     };
   }
-
   function step(op) {
     if (f) throw new TypeError("Generator is already executing.");
-
     while (_) {
       try {
         if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
         if (y = 0, t) op = [op[0] & 2, t.value];
-
         switch (op[0]) {
           case 0:
           case 1:
             t = op;
             break;
-
           case 4:
             _.label++;
             return {
               value: op[1],
               done: false
             };
-
           case 5:
             _.label++;
             y = op[1];
             op = [0];
             continue;
-
           case 7:
             op = _.ops.pop();
-
             _.trys.pop();
-
             continue;
-
           default:
             if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
               _ = 0;
               continue;
             }
-
             if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
               _.label = op[1];
               break;
             }
-
             if (op[0] === 6 && _.label < t[1]) {
               _.label = t[1];
               t = op;
               break;
             }
-
             if (t && _.label < t[2]) {
               _.label = t[2];
-
               _.ops.push(op);
-
               break;
             }
-
             if (t[2]) _.ops.pop();
-
             _.trys.pop();
-
             continue;
         }
-
         op = body.call(thisArg, _);
       } catch (e) {
         op = [6, e];
@@ -30845,7 +30189,6 @@ var __generator = this && this.__generator || function (thisArg, body) {
         f = t = 0;
       }
     }
-
     if (op[0] & 5) throw op[1];
     return {
       value: op[0] ? op[1] : void 0,
@@ -30853,45 +30196,33 @@ var __generator = this && this.__generator || function (thisArg, body) {
     };
   }
 };
-
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
-
   for (var p in s) {
     if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
   }
-
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
     if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
-
 var __importDefault = this && this.__importDefault || function (mod) {
   return mod && mod.__esModule ? mod : {
     "default": mod
   };
 };
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 var react_1 = __importDefault(__webpack_require__(/*! react */ "react"));
-
 var attachEventProps_1 = __webpack_require__(/*! ./utils/attachEventProps */ "./lib/react-component-lib/utils/attachEventProps.js");
-
 function createControllerComponent(displayName, controller) {
   var dismissEventName = "on" + displayName + "DidDismiss";
-  return (
-    /** @class */
-    function (_super) {
+  return (/** @class */function (_super) {
       __extends(ReactControllerComponent, _super);
-
       function ReactControllerComponent(props) {
         return _super.call(this, props) || this;
       }
-
       Object.defineProperty(ReactControllerComponent, "displayName", {
         get: function get() {
           return displayName;
@@ -30899,20 +30230,15 @@ function createControllerComponent(displayName, controller) {
         enumerable: true,
         configurable: true
       });
-
       ReactControllerComponent.prototype.componentDidMount = function () {
         return __awaiter(this, void 0, void 0, function () {
           var isOpen;
           return __generator(this, function (_a) {
             isOpen = this.props.isOpen;
-
             if (isOpen) {
               this.present();
             }
-
-            return [2
-            /*return*/
-            ];
+            return [2 /*return*/];
           });
         });
       };
@@ -30925,23 +30251,13 @@ function createControllerComponent(displayName, controller) {
                 if (prevProps.isOpen !== this.props.isOpen && this.props.isOpen === true) {
                   this.present(prevProps);
                 }
-
-                if (!(this.controller && prevProps.isOpen !== this.props.isOpen && this.props.isOpen === false)) return [3
-                /*break*/
-                , 2];
-                return [4
-                /*yield*/
-                , this.controller.dismiss()];
-
+                if (!(this.controller && prevProps.isOpen !== this.props.isOpen && this.props.isOpen === false)) return [3 /*break*/, 2];
+                return [4 /*yield*/, this.controller.dismiss()];
               case 1:
                 _a.sent();
-
                 _a.label = 2;
-
               case 2:
-                return [2
-                /*return*/
-                ];
+                return [2 /*return*/];
             }
           });
         });
@@ -30950,26 +30266,19 @@ function createControllerComponent(displayName, controller) {
       ReactControllerComponent.prototype.present = function (prevProps) {
         return __awaiter(this, void 0, void 0, function () {
           var _a, isOpen, onDidDismiss, cProps, elementProps, _b;
-
           var _c;
-
           return __generator(this, function (_d) {
             switch (_d.label) {
               case 0:
                 _a = this.props, isOpen = _a.isOpen, onDidDismiss = _a.onDidDismiss, cProps = __rest(_a, ["isOpen", "onDidDismiss"]);
                 elementProps = __assign(__assign({}, cProps), (_c = {}, _c[dismissEventName] = onDidDismiss, _c));
                 _b = this;
-                return [4
-                /*yield*/
-                , controller.create(__assign({}, elementProps))];
-
+                return [4 /*yield*/, controller.create(__assign({}, elementProps))];
               case 1:
                 _b.controller = _d.sent();
                 attachEventProps_1.attachEventProps(this.controller, elementProps, prevProps);
                 this.controller.present();
-                return [2
-                /*return*/
-                ];
+                return [2 /*return*/];
             }
           });
         });
@@ -30978,12 +30287,10 @@ function createControllerComponent(displayName, controller) {
       ReactControllerComponent.prototype.render = function () {
         return null;
       };
-
       return ReactControllerComponent;
     }(react_1["default"].Component)
   );
 }
-
 exports.createControllerComponent = createControllerComponent;
 
 /***/ }),
@@ -31009,44 +30316,34 @@ var __extends = this && this.__extends || function () {
         if (b.hasOwnProperty(p)) d[p] = b[p];
       }
     };
-
     return _extendStatics(d, b);
   };
-
   return function (d, b) {
     _extendStatics(d, b);
-
     function __() {
       this.constructor = d;
     }
-
     d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
   };
 }();
-
 var __assign = this && this.__assign || function () {
   __assign = Object.assign || function (t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
       s = arguments[i];
-
       for (var p in s) {
         if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
       }
     }
-
     return t;
   };
-
   return __assign.apply(this, arguments);
 };
-
 var __awaiter = this && this.__awaiter || function (thisArg, _arguments, P, generator) {
   function adopt(value) {
     return value instanceof P ? value : new P(function (resolve) {
       resolve(value);
     });
   }
-
   return new (P || (P = Promise))(function (resolve, reject) {
     function fulfilled(value) {
       try {
@@ -31055,7 +30352,6 @@ var __awaiter = this && this.__awaiter || function (thisArg, _arguments, P, gene
         reject(e);
       }
     }
-
     function rejected(value) {
       try {
         step(generator["throw"](value));
@@ -31063,29 +30359,26 @@ var __awaiter = this && this.__awaiter || function (thisArg, _arguments, P, gene
         reject(e);
       }
     }
-
     function step(result) {
       result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
     }
-
     step((generator = generator.apply(thisArg, _arguments || [])).next());
   });
 };
-
 var __generator = this && this.__generator || function (thisArg, body) {
   var _ = {
-    label: 0,
-    sent: function sent() {
-      if (t[0] & 1) throw t[1];
-      return t[1];
+      label: 0,
+      sent: function sent() {
+        if (t[0] & 1) throw t[1];
+        return t[1];
+      },
+      trys: [],
+      ops: []
     },
-    trys: [],
-    ops: []
-  },
-      f,
-      y,
-      t,
-      g;
+    f,
+    y,
+    t,
+    g;
   return g = {
     next: verb(0),
     "throw": verb(1),
@@ -31093,79 +30386,60 @@ var __generator = this && this.__generator || function (thisArg, body) {
   }, typeof Symbol === "function" && (g[Symbol.iterator] = function () {
     return this;
   }), g;
-
   function verb(n) {
     return function (v) {
       return step([n, v]);
     };
   }
-
   function step(op) {
     if (f) throw new TypeError("Generator is already executing.");
-
     while (_) {
       try {
         if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
         if (y = 0, t) op = [op[0] & 2, t.value];
-
         switch (op[0]) {
           case 0:
           case 1:
             t = op;
             break;
-
           case 4:
             _.label++;
             return {
               value: op[1],
               done: false
             };
-
           case 5:
             _.label++;
             y = op[1];
             op = [0];
             continue;
-
           case 7:
             op = _.ops.pop();
-
             _.trys.pop();
-
             continue;
-
           default:
             if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
               _ = 0;
               continue;
             }
-
             if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
               _.label = op[1];
               break;
             }
-
             if (op[0] === 6 && _.label < t[1]) {
               _.label = t[1];
               t = op;
               break;
             }
-
             if (t && _.label < t[2]) {
               _.label = t[2];
-
               _.ops.push(op);
-
               break;
             }
-
             if (t[2]) _.ops.pop();
-
             _.trys.pop();
-
             continue;
         }
-
         op = body.call(thisArg, _);
       } catch (e) {
         op = [6, e];
@@ -31174,7 +30448,6 @@ var __generator = this && this.__generator || function (thisArg, body) {
         f = t = 0;
       }
     }
-
     if (op[0] & 5) throw op[1];
     return {
       value: op[0] ? op[1] : void 0,
@@ -31182,50 +30455,36 @@ var __generator = this && this.__generator || function (thisArg, body) {
     };
   }
 };
-
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
-
   for (var p in s) {
     if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
   }
-
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
     if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
-
 var __importDefault = this && this.__importDefault || function (mod) {
   return mod && mod.__esModule ? mod : {
     "default": mod
   };
 };
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 var react_1 = __importDefault(__webpack_require__(/*! react */ "react"));
-
 var react_dom_1 = __importDefault(__webpack_require__(/*! react-dom */ "../../node_modules/react-dom/index.js"));
-
 var attachEventProps_1 = __webpack_require__(/*! ./utils/attachEventProps */ "./lib/react-component-lib/utils/attachEventProps.js");
-
 function createOverlayComponent(displayName, controller) {
   var dismissEventName = "on" + displayName + "DidDismiss";
-  return (
-    /** @class */
-    function (_super) {
+  return (/** @class */function (_super) {
       __extends(ReactOverlayComponent, _super);
-
       function ReactOverlayComponent(props) {
         var _this = _super.call(this, props) || this;
-
         _this.el = document.createElement('div');
         return _this;
       }
-
       Object.defineProperty(ReactOverlayComponent, "displayName", {
         get: function get() {
           return displayName;
@@ -31233,13 +30492,11 @@ function createOverlayComponent(displayName, controller) {
         enumerable: true,
         configurable: true
       });
-
       ReactOverlayComponent.prototype.componentDidMount = function () {
         if (this.props.isOpen) {
           this.present();
         }
       };
-
       ReactOverlayComponent.prototype.componentDidUpdate = function (prevProps) {
         return __awaiter(this, void 0, void 0, function () {
           return __generator(this, function (_a) {
@@ -31248,23 +30505,13 @@ function createOverlayComponent(displayName, controller) {
                 if (prevProps.isOpen !== this.props.isOpen && this.props.isOpen === true) {
                   this.present(prevProps);
                 }
-
-                if (!(this.controller && prevProps.isOpen !== this.props.isOpen && this.props.isOpen === false)) return [3
-                /*break*/
-                , 2];
-                return [4
-                /*yield*/
-                , this.controller.dismiss()];
-
+                if (!(this.controller && prevProps.isOpen !== this.props.isOpen && this.props.isOpen === false)) return [3 /*break*/, 2];
+                return [4 /*yield*/, this.controller.dismiss()];
               case 1:
                 _a.sent();
-
                 _a.label = 2;
-
               case 2:
-                return [2
-                /*return*/
-                ];
+                return [2 /*return*/];
             }
           });
         });
@@ -31273,29 +30520,22 @@ function createOverlayComponent(displayName, controller) {
       ReactOverlayComponent.prototype.present = function (prevProps) {
         return __awaiter(this, void 0, void 0, function () {
           var _a, children, isOpen, _b, onDidDismiss, cProps, elementProps, _c;
-
           var _d;
-
           return __generator(this, function (_e) {
             switch (_e.label) {
               case 0:
                 _a = this.props, children = _a.children, isOpen = _a.isOpen, _b = _a.onDidDismiss, onDidDismiss = _b === void 0 ? function () {} : _b, cProps = __rest(_a, ["children", "isOpen", "onDidDismiss"]);
                 elementProps = __assign(__assign({}, cProps), (_d = {}, _d[dismissEventName] = onDidDismiss, _d));
                 _c = this;
-                return [4
-                /*yield*/
-                , controller.create(__assign(__assign({}, elementProps), {
+                return [4 /*yield*/, controller.create(__assign(__assign({}, elementProps), {
                   component: this.el,
                   componentProps: {}
                 }))];
-
               case 1:
                 _c.controller = _e.sent();
                 attachEventProps_1.attachEventProps(this.controller, elementProps, prevProps);
                 this.controller.present();
-                return [2
-                /*return*/
-                ];
+                return [2 /*return*/];
             }
           });
         });
@@ -31304,12 +30544,10 @@ function createOverlayComponent(displayName, controller) {
       ReactOverlayComponent.prototype.render = function () {
         return react_dom_1["default"].createPortal(this.props.children, this.el);
       };
-
       return ReactOverlayComponent;
     }(react_1["default"].Component)
   );
 }
-
 exports.createOverlayComponent = createOverlayComponent;
 
 /***/ }),
@@ -31327,17 +30565,11 @@ exports.createOverlayComponent = createOverlayComponent;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 var createComponent_1 = __webpack_require__(/*! ./createComponent */ "./lib/react-component-lib/createComponent.js");
-
 exports.createReactComponent = createComponent_1.createReactComponent;
-
 var createControllerComponent_1 = __webpack_require__(/*! ./createControllerComponent */ "./lib/react-component-lib/createControllerComponent.js");
-
 exports.createControllerComponent = createControllerComponent_1.createControllerComponent;
-
 var createOverlayComponent_1 = __webpack_require__(/*! ./createOverlayComponent */ "./lib/react-component-lib/createOverlayComponent.js");
-
 exports.createOverlayComponent = createOverlayComponent_1.createOverlayComponent;
 
 /***/ }),
@@ -31355,27 +30587,21 @@ exports.createOverlayComponent = createOverlayComponent_1.createOverlayComponent
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 function attachEventProps(node, newProps, oldProps) {
   if (oldProps === void 0) {
     oldProps = {};
   }
-
   var className = getClassName(node.classList, newProps, oldProps);
-
   if (className) {
     node.className = className;
   }
-
   Object.keys(newProps).forEach(function (name) {
     if (name === 'children' || name === 'style' || name === 'ref' || name === 'className') {
       return;
     }
-
     if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {
       var eventName = name.substring(2);
       var eventNameLc = eventName[0].toLowerCase() + eventName.substring(1);
-
       if (!isCoveredByReact(eventNameLc)) {
         syncEvent(node, eventNameLc, newProps[name]);
       }
@@ -31384,17 +30610,15 @@ function attachEventProps(node, newProps, oldProps) {
     }
   });
 }
-
 exports.attachEventProps = attachEventProps;
-
 function getClassName(classList, newProps, oldProps) {
   // map the classes to Maps for performance
   var currentClasses = arrayToMap(classList);
   var incomingPropClasses = arrayToMap(newProps.className ? newProps.className.split(' ') : []);
   var oldPropClasses = arrayToMap(oldProps.className ? oldProps.className.split(' ') : []);
-  var finalClassNames = []; // loop through each of the current classes on the component
+  var finalClassNames = [];
+  // loop through each of the current classes on the component
   // to see if it should be a part of the classNames added
-
   currentClasses.forEach(function (currentClass) {
     if (incomingPropClasses.has(currentClass)) {
       // add it as its already included in classnames coming in from newProps
@@ -31410,40 +30634,32 @@ function getClassName(classList, newProps, oldProps) {
   });
   return finalClassNames.join(' ');
 }
-
 exports.getClassName = getClassName;
 /**
  * Checks if an event is supported in the current execution environment.
  * @license Modernizr 3.0.0pre (Custom Build) | MIT
  */
-
 function isCoveredByReact(eventNameSuffix, doc) {
   if (doc === void 0) {
     doc = document;
   }
-
   var eventName = 'on' + eventNameSuffix;
   var isSupported = (eventName in doc);
-
   if (!isSupported) {
     var element = doc.createElement('div');
     element.setAttribute(eventName, 'return;');
     isSupported = typeof element[eventName] === 'function';
   }
-
   return isSupported;
 }
-
 exports.isCoveredByReact = isCoveredByReact;
-
 function syncEvent(node, eventName, newEventHandler) {
   var eventStore = node.__events || (node.__events = {});
-  var oldEventHandler = eventStore[eventName]; // Remove old listener so they don't double up.
-
+  var oldEventHandler = eventStore[eventName];
+  // Remove old listener so they don't double up.
   if (oldEventHandler) {
     node.removeEventListener(eventName, oldEventHandler);
   }
-
   if (newEventHandler != null) {
     // Bind new listener.
     node.addEventListener(eventName, eventStore[eventName] = function handler(e) {
@@ -31451,9 +30667,7 @@ function syncEvent(node, eventName, newEventHandler) {
     });
   }
 }
-
 exports.syncEvent = syncEvent;
-
 function arrayToMap(arr) {
   var map = new Map();
   arr.forEach(function (s) {
@@ -31478,53 +30692,42 @@ var __assign = this && this.__assign || function () {
   __assign = Object.assign || function (t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
       s = arguments[i];
-
       for (var p in s) {
         if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
       }
     }
-
     return t;
   };
-
   return __assign.apply(this, arguments);
 };
-
 function __export(m) {
   for (var p in m) {
     if (!exports.hasOwnProperty(p)) exports[p] = m[p];
   }
 }
-
 var __importDefault = this && this.__importDefault || function (mod) {
   return mod && mod.__esModule ? mod : {
     "default": mod
   };
 };
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 var react_1 = __importDefault(__webpack_require__(/*! react */ "react"));
-
 exports.dashToPascalCase = function (str) {
   return str.toLowerCase().split('-').map(function (segment) {
     return segment.charAt(0).toUpperCase() + segment.slice(1);
   }).join('');
 };
-
 exports.createForwardRef = function (ReactComponent, displayName) {
   var forwardRef = function forwardRef(props, ref) {
     return react_1["default"].createElement(ReactComponent, __assign({}, props, {
       forwardedRef: ref
     }));
   };
-
   forwardRef.displayName = displayName;
   return react_1["default"].forwardRef(forwardRef);
 };
-
 __export(__webpack_require__(/*! ./attachEventProps */ "./lib/react-component-lib/utils/attachEventProps.js"));
 
 /***/ }),
@@ -31543,25 +30746,20 @@ var __assign = this && this.__assign || function () {
   __assign = Object.assign || function (t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
       s = arguments[i];
-
       for (var p in s) {
         if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
       }
     }
-
     return t;
   };
-
   return __assign.apply(this, arguments);
 };
-
 var __awaiter = this && this.__awaiter || function (thisArg, _arguments, P, generator) {
   function adopt(value) {
     return value instanceof P ? value : new P(function (resolve) {
       resolve(value);
     });
   }
-
   return new (P || (P = Promise))(function (resolve, reject) {
     function fulfilled(value) {
       try {
@@ -31570,7 +30768,6 @@ var __awaiter = this && this.__awaiter || function (thisArg, _arguments, P, gene
         reject(e);
       }
     }
-
     function rejected(value) {
       try {
         step(generator["throw"](value));
@@ -31578,29 +30775,26 @@ var __awaiter = this && this.__awaiter || function (thisArg, _arguments, P, gene
         reject(e);
       }
     }
-
     function step(result) {
       result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
     }
-
     step((generator = generator.apply(thisArg, _arguments || [])).next());
   });
 };
-
 var __generator = this && this.__generator || function (thisArg, body) {
   var _ = {
-    label: 0,
-    sent: function sent() {
-      if (t[0] & 1) throw t[1];
-      return t[1];
+      label: 0,
+      sent: function sent() {
+        if (t[0] & 1) throw t[1];
+        return t[1];
+      },
+      trys: [],
+      ops: []
     },
-    trys: [],
-    ops: []
-  },
-      f,
-      y,
-      t,
-      g;
+    f,
+    y,
+    t,
+    g;
   return g = {
     next: verb(0),
     "throw": verb(1),
@@ -31608,79 +30802,60 @@ var __generator = this && this.__generator || function (thisArg, body) {
   }, typeof Symbol === "function" && (g[Symbol.iterator] = function () {
     return this;
   }), g;
-
   function verb(n) {
     return function (v) {
       return step([n, v]);
     };
   }
-
   function step(op) {
     if (f) throw new TypeError("Generator is already executing.");
-
     while (_) {
       try {
         if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
         if (y = 0, t) op = [op[0] & 2, t.value];
-
         switch (op[0]) {
           case 0:
           case 1:
             t = op;
             break;
-
           case 4:
             _.label++;
             return {
               value: op[1],
               done: false
             };
-
           case 5:
             _.label++;
             y = op[1];
             op = [0];
             continue;
-
           case 7:
             op = _.ops.pop();
-
             _.trys.pop();
-
             continue;
-
           default:
             if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
               _ = 0;
               continue;
             }
-
             if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
               _.label = op[1];
               break;
             }
-
             if (op[0] === 6 && _.label < t[1]) {
               _.label = t[1];
               t = op;
               break;
             }
-
             if (t && _.label < t[2]) {
               _.label = t[2];
-
               _.ops.push(op);
-
               break;
             }
-
             if (t[2]) _.ops.pop();
-
             _.trys.pop();
-
             continue;
         }
-
         op = body.call(thisArg, _);
       } catch (e) {
         op = [6, e];
@@ -31689,7 +30864,6 @@ var __generator = this && this.__generator || function (thisArg, body) {
         f = t = 0;
       }
     }
-
     if (op[0] & 5) throw op[1];
     return {
       value: op[0] ? op[1] : void 0,
@@ -31697,15 +30871,13 @@ var __generator = this && this.__generator || function (thisArg, body) {
     };
   }
 };
-
 var __read = this && this.__read || function (o, n) {
   var m = typeof Symbol === "function" && o[Symbol.iterator];
   if (!m) return o;
   var i = m.call(o),
-      r,
-      ar = [],
-      e;
-
+    r,
+    ar = [],
+    e;
   try {
     while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {
       ar.push(r.value);
@@ -31721,44 +30893,32 @@ var __read = this && this.__read || function (o, n) {
       if (e) throw e.error;
     }
   }
-
   return ar;
 };
-
 var __importDefault = this && this.__importDefault || function (mod) {
   return mod && mod.__esModule ? mod : {
     "default": mod
   };
 };
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 var react_1 = __importDefault(__webpack_require__(/*! react */ "react"));
-
 var auth_1 = __webpack_require__(/*! @aws-amplify/auth */ "@aws-amplify/auth");
-
 var _1 = __webpack_require__(/*! ./ */ "./lib/index.js");
-
 var ui_components_1 = __webpack_require__(/*! @aws-amplify/ui-components */ "../amplify-ui-components/dist/index.mjs");
-
 var core_1 = __webpack_require__(/*! @aws-amplify/core */ "@aws-amplify/core");
-
 var logger = new core_1.Logger('withAuthenticator');
-
 function withAuthenticator(Component, authenticatorProps) {
   var AppWithAuthenticator = function AppWithAuthenticator(props) {
     var _a = __read(react_1["default"].useState(false), 2),
-        signedIn = _a[0],
-        setSignedIn = _a[1];
-
+      signedIn = _a[0],
+      setSignedIn = _a[1];
     react_1["default"].useEffect(function () {
-      auth_1.appendToCognitoUserAgent('withAuthenticator'); // checkUser returns an "unsubscribe" function to stop side-effects
-
+      auth_1.appendToCognitoUserAgent('withAuthenticator');
+      // checkUser returns an "unsubscribe" function to stop side-effects
       return checkUser();
     }, []);
-
     function checkUser() {
       setUser();
       return ui_components_1.onAuthUIStateChange(function (authState) {
@@ -31769,7 +30929,6 @@ function withAuthenticator(Component, authenticatorProps) {
         }
       });
     }
-
     function setUser() {
       return __awaiter(this, void 0, void 0, function () {
         var user, err_1;
@@ -31777,46 +30936,30 @@ function withAuthenticator(Component, authenticatorProps) {
           switch (_a.label) {
             case 0:
               _a.trys.push([0, 2,, 3]);
-
-              return [4
-              /*yield*/
-              , auth_1.Auth.currentAuthenticatedUser()];
-
+              return [4 /*yield*/, auth_1.Auth.currentAuthenticatedUser()];
             case 1:
               user = _a.sent();
               if (user) setSignedIn(true);
-              return [3
-              /*break*/
-              , 3];
-
+              return [3 /*break*/, 3];
             case 2:
               err_1 = _a.sent();
               logger.debug(err_1);
-              return [3
-              /*break*/
-              , 3];
-
+              return [3 /*break*/, 3];
             case 3:
-              return [2
-              /*return*/
-              ];
+              return [2 /*return*/];
           }
         });
       });
     }
 
     ;
-
     if (!signedIn) {
       return react_1["default"].createElement(_1.AmplifyContainer, null, react_1["default"].createElement(_1.AmplifyAuthContainer, null, react_1["default"].createElement(_1.AmplifyAuthenticator, __assign({}, authenticatorProps, props))));
     }
-
     return react_1["default"].createElement(Component, __assign({}, props));
   };
-
   return AppWithAuthenticator;
 }
-
 exports.withAuthenticator = withAuthenticator;
 
 /***/ }),