@cal.macconnachie/web-components 1.1.3 → 1.1.5

package/dist/index.js

@@ -266,13 +266,13 @@ const bo = (e, t) => {
   }
   return [Er(e, s + (e[r] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), o];
 };
-class Fe {
+class je {
   constructor({ strings: t, _$litType$: r }, o) {
     let i;
     this.parts = [];
     let s = 0, a = 0;
     const n = t.length - 1, l = this.parts, [d, c] = bo(t, r);
-    if (this.el = Fe.createElement(d, o), ye.currentNode = this.el.content, r === 2 || r === 3) {
+    if (this.el = je.createElement(d, o), ye.currentNode = this.el.content, r === 2 || r === 3) {
       const p = this.el.content.firstChild;
       p.replaceWith(...p.childNodes);
     }
@@ -368,7 +368,7 @@ class _e {
     this._$AH !== S && qe(this._$AH) ? this._$AA.nextSibling.data = t : this.T($e.createTextNode(t)), this._$AH = t;
   }
   $(t) {
-    const { values: r, _$litType$: o } = t, i = typeof o == "number" ? this._$AC(t) : (o.el === void 0 && (o.el = Fe.createElement(Er(o.h, o.h[0]), this.options)), o);
+    const { values: r, _$litType$: o } = t, i = typeof o == "number" ? this._$AC(t) : (o.el === void 0 && (o.el = je.createElement(Er(o.h, o.h[0]), this.options)), o);
     if (this._$AH?._$AD === i) this._$AH.p(r);
     else {
       const s = new go(i, this), a = s.u(this.options);
@@ -377,7 +377,7 @@ class _e {
   }
   _$AC(t) {
     let r = tr.get(t.strings);
-    return r === void 0 && tr.set(t.strings, r = new Fe(t)), r;
+    return r === void 0 && tr.set(t.strings, r = new je(t)), r;
   }
   k(t) {
     Ot(this._$AH) || (this._$AH = [], this._$AR());
@@ -462,7 +462,7 @@ class wo {
   }
 }
 const xo = { I: _e }, $o = _t.litHtmlPolyfillSupport;
-$o?.(Fe, _e), (_t.litHtmlVersions ??= []).push("3.3.1");
+$o?.(je, _e), (_t.litHtmlVersions ??= []).push("3.3.1");
 const ko = (e, t, r) => {
   const o = r?.renderBefore ?? t;
   let i = o._$litPart$;
@@ -531,7 +531,7 @@ function b(e) {
     return i.constructor.createProperty(s, o), a ? Object.getOwnPropertyDescriptor(i, s) : void 0;
   })(e, t, r);
 }
-function w(e) {
+function x(e) {
   return b({ ...e, state: !0, attribute: !1 });
 }
 const To = (e, t, r) => (r.configurable = !0, r.enumerable = !0, Reflect.decorate && typeof t != "object" && Object.defineProperty(e, t, r), r);
@@ -616,8 +616,8 @@ const or = (e, t, r) => {
     else if (d === void 0 && (d = or(a, y, u), c = or(n, p, g)), d.has(n[p])) if (d.has(n[g])) {
       const v = c.get(a[y]), m = v !== void 0 ? i[v] : null;
       if (m === null) {
-        const x = Ie(e, i[p]);
-        ve(x, s[y]), l[y] = x;
+        const w = Ie(e, i[p]);
+        ve(w, s[y]), l[y] = w;
       } else l[y] = ve(m, s[y]), Ie(e, i[p], m), i[v] = null;
       y++;
     } else gt(i[g]), g--;
@@ -841,16 +841,26 @@ const Cr = ({
   sameSite: "lax",
   path: "/"
 }, _r = () => {
-  const e = (l, d, c = {}) => {
+  const e = (l, d, c = {}, p = !1) => {
     const {
-      maxAge: p,
-      path: g = "/",
-      secure: y = window.location.protocol === "https:",
-      sameSite: u = "lax",
-      domain: v
+      maxAge: g,
+      path: y = "/",
+      secure: u = window.location.protocol === "https:",
+      sameSite: v = "lax",
+      domain: m
     } = c;
-    let m = `${encodeURIComponent(l)}=${encodeURIComponent(d)}`;
-    p !== void 0 && (m += `; Max-Age=${p}`), m += `; Path=${g}`, y && (m += "; Secure"), m += `; SameSite=${u}`, v && (m += `; Domain=${v}`), document.cookie = m;
+    let w = `${encodeURIComponent(l)}=${encodeURIComponent(d)}`;
+    if (g !== void 0 && (w += `; Max-Age=${g}`), w += `; Path=${y}`, u && (w += "; Secure"), w += `; SameSite=${v}`, m)
+      if (p) {
+        const E = m.split(".");
+        if (E.length > 2) {
+          const A = E.slice(-2);
+          w += `; Domain=.${A.join(".")}`;
+        } else
+          w += `; Domain=.${m}`;
+      } else
+        w += `; Domain=${m}`;
+    document.cookie = w;
   }, t = (l) => {
     const d = encodeURIComponent(l) + "=", c = document.cookie.split(";");
     for (let p = 0; p < c.length; p++) {
@@ -861,15 +871,21 @@ const Cr = ({
         return decodeURIComponent(g.substring(d.length));
     }
     return null;
-  }, r = (l, d = {}) => {
+  }, r = (l, d = {}, c = !1) => {
     e(l, "", {
       ...d,
       maxAge: -1
-    });
+    }, c);
   }, o = (l) => t(l) !== null, i = (l, d) => {
-    e(mt[l], d, Ro);
+    e(mt[l], d, {
+      ...Ro,
+      domain: window.location.hostname
+    }, !0);
   }, s = (l) => t(mt[l]), a = (l) => {
-    r(mt[l]);
+    r(mt[l], {
+      path: "/",
+      domain: window.location.hostname
+    }, !0);
   };
   return {
     setCookie: e,
@@ -898,81 +914,81 @@ const Cr = ({
     domain: e,
     clientId: o,
     redirectUri: Mo(i)
-  }, a = (x) => {
-    const _ = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789-._~", E = new Uint8Array(x);
-    return crypto.getRandomValues(E), Array.from(E).map((D) => _[D % _.length]).join("");
-  }, n = async (x) => {
-    const E = new TextEncoder().encode(x), D = await crypto.subtle.digest("SHA-256", E);
+  }, a = (w) => {
+    const E = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789-._~", A = new Uint8Array(w);
+    return crypto.getRandomValues(A), Array.from(A).map((D) => E[D % E.length]).join("");
+  }, n = async (w) => {
+    const A = new TextEncoder().encode(w), D = await crypto.subtle.digest("SHA-256", A);
     return btoa(String.fromCharCode(...new Uint8Array(D))).replace(/\+/g, "-").replace(/\//g, "_").replace(/=/g, "");
   }, l = async () => {
-    const x = a(128), _ = await n(x);
-    return sessionStorage.setItem("pkce_code_verifier", x), { codeVerifier: x, codeChallenge: _ };
+    const w = a(128), E = await n(w);
+    return sessionStorage.setItem("pkce_code_verifier", w), { codeVerifier: w, codeChallenge: E };
   }, d = () => {
-    const x = a(32);
-    return sessionStorage.setItem("oauth_state", x), x;
+    const w = a(32);
+    return sessionStorage.setItem("oauth_state", w), w;
   }, c = async () => {
-    const { codeChallenge: x } = await l(), _ = d(), E = new URLSearchParams({
+    const { codeChallenge: w } = await l(), E = d(), A = new URLSearchParams({
       response_type: "code",
       client_id: s.clientId,
       redirect_uri: s.redirectUri,
       identity_provider: "Google",
       scope: "openid email profile",
-      state: _,
+      state: E,
       code_challenge_method: "S256",
-      code_challenge: x,
+      code_challenge: w,
       prompt: "select_account"
     });
-    return `${s.domain}/oauth2/authorize?${E.toString()}`;
+    return `${s.domain}/oauth2/authorize?${A.toString()}`;
   }, p = async () => {
-    const x = await c();
-    window.location.href = x;
+    const w = await c();
+    window.location.href = w;
   }, g = async () => {
-    const { codeChallenge: x } = await l(), _ = d(), E = new URLSearchParams({
+    const { codeChallenge: w } = await l(), E = d(), A = new URLSearchParams({
       response_type: "code",
       client_id: s.clientId,
       redirect_uri: s.redirectUri,
       identity_provider: "SignInWithApple",
       scope: "openid email profile",
-      state: _,
+      state: E,
       code_challenge_method: "S256",
-      code_challenge: x
+      code_challenge: w
     });
-    return `${s.domain}/oauth2/authorize?${E.toString()}`;
+    return `${s.domain}/oauth2/authorize?${A.toString()}`;
   }, y = async () => {
-    const x = await g();
-    window.location.href = x;
-  }, u = (x) => {
-    const _ = sessionStorage.getItem("oauth_state");
-    return sessionStorage.removeItem("oauth_state"), _ === x;
+    const w = await g();
+    window.location.href = w;
+  }, u = (w) => {
+    const E = sessionStorage.getItem("oauth_state");
+    return sessionStorage.removeItem("oauth_state"), E === w;
   }, v = () => {
-    const x = sessionStorage.getItem("pkce_code_verifier");
-    return sessionStorage.removeItem("pkce_code_verifier"), x;
+    const w = sessionStorage.getItem("pkce_code_verifier");
+    return sessionStorage.removeItem("pkce_code_verifier"), w;
   };
   return {
     redirectToGoogleAuth: p,
     redirectToAppleAuth: y,
     validateState: u,
     getCodeVerifier: v,
-    exchangeCodeForTokens: async (x) => {
-      const _ = v();
-      if (!_)
+    exchangeCodeForTokens: async (w) => {
+      const E = v();
+      if (!E)
         throw new Error("PKCE code verifier not found. Please restart the authentication flow.");
-      const E = new URLSearchParams({
+      const A = new URLSearchParams({
         grant_type: "authorization_code",
         client_id: s.clientId,
-        code: x,
+        code: w,
         redirect_uri: s.redirectUri,
-        code_verifier: _
+        code_verifier: E
       }), D = await fetch(`${s.domain}/oauth2/token`, {
         method: "POST",
         headers: {
           "Content-Type": "application/x-www-form-urlencoded"
         },
-        body: E.toString()
+        body: A.toString()
       });
       if (!D.ok) {
-        const F = await D.text();
-        throw new Error(`Token exchange failed: ${F}`);
+        const j = await D.text();
+        throw new Error(`Token exchange failed: ${j}`);
       }
       return D.json();
     }
@@ -1477,7 +1493,7 @@ const Cr = ({
         transition: none !important;
       }
     }`;
-var Io = Object.defineProperty, Uo = Object.getOwnPropertyDescriptor, C = (e, t, r, o) => {
+var Io = Object.defineProperty, Uo = Object.getOwnPropertyDescriptor, _ = (e, t, r, o) => {
   for (var i = o > 1 ? void 0 : o ? Uo(t, r) : t, s = e.length - 1, a; s >= 0; s--)
     (a = e[s]) && (i = (o ? a(t, r, i) : a(i)) || i);
   return o && i && Io(t, r, i), i;
@@ -1493,7 +1509,7 @@ const Ho = [
   "token_type",
   "expires_in"
 ];
-let A = class extends B {
+let T = class extends B {
   constructor() {
     super(...arguments), this.initialMode = "signin", this.logoUrl = "", this.baseUrl = "", this.oauthDomain = "", this.oauthRegion = "", this.oauthUserPoolId = "", this.oauthClientId = "", this.oauthRedirectUri = "", this.oauthSpaDomain = "", this.disableSignup = !1, this.mode = "signin", this.resetStep = "none", this.signupStep = "form", this.isLoading = !1, this.isLoggedIn = !1, this.email = "", this.password = "", this.givenName = "", this.familyName = "", this.newPassword = "", this.confirmPassword = "", this.notice = "", this.error = "", this.errors = {}, this.otpDigits = ["", "", "", "", "", ""], this.signupOtpDigits = ["", "", "", "", "", ""], this.cookies = _r(), this.hasHandledOAuthCallback = !1, this.baseUrlErrorMessage = "Authentication service is not configured correctly. Please add an API domain or contact support.";
   }
@@ -1631,6 +1647,7 @@ let A = class extends B {
   setAuthTokens(e, t, r, o) {
     this.cookies.setAuthToken("ACCESS_TOKEN", e), this.cookies.setAuthToken("AUTH_TOKEN", t), this.cookies.setAuthToken("REFRESH_TOKEN", r), this.cookies.setCookie("USER_EMAIL", o.email), this.isLoggedIn = !0, this.dispatchEvent(
       new CustomEvent("auth-success", {
+        detail: { user: o },
         bubbles: !0,
         composed: !0
       })
@@ -2350,91 +2367,91 @@ let A = class extends B {
     return this.cookies.getCookie("USER_EMAIL") || null;
   }
 };
-A.styles = Or();
-C([
+T.styles = Or();
+_([
   b({ type: String, attribute: "initial-mode" })
-], A.prototype, "initialMode", 2);
-C([
+], T.prototype, "initialMode", 2);
+_([
   b({ type: String, attribute: "logo-url" })
-], A.prototype, "logoUrl", 2);
-C([
+], T.prototype, "logoUrl", 2);
+_([
   b({ type: String, attribute: "api-domain" })
-], A.prototype, "baseUrl", 2);
-C([
+], T.prototype, "baseUrl", 2);
+_([
   b({ type: String, attribute: "oauth-domain" })
-], A.prototype, "oauthDomain", 2);
-C([
+], T.prototype, "oauthDomain", 2);
+_([
   b({ type: String, attribute: "oauth-region" })
-], A.prototype, "oauthRegion", 2);
-C([
+], T.prototype, "oauthRegion", 2);
+_([
   b({ type: String, attribute: "oauth-user-pool-id" })
-], A.prototype, "oauthUserPoolId", 2);
-C([
+], T.prototype, "oauthUserPoolId", 2);
+_([
   b({ type: String, attribute: "oauth-client-id" })
-], A.prototype, "oauthClientId", 2);
-C([
+], T.prototype, "oauthClientId", 2);
+_([
   b({ type: String, attribute: "oauth-redirect-uri" })
-], A.prototype, "oauthRedirectUri", 2);
-C([
+], T.prototype, "oauthRedirectUri", 2);
+_([
   b({ type: String, attribute: "oauth-spa-domain" })
-], A.prototype, "oauthSpaDomain", 2);
-C([
+], T.prototype, "oauthSpaDomain", 2);
+_([
   b({ type: Boolean, attribute: "disable-signup" })
-], A.prototype, "disableSignup", 2);
-C([
-  w()
-], A.prototype, "mode", 2);
-C([
-  w()
-], A.prototype, "resetStep", 2);
-C([
-  w()
-], A.prototype, "signupStep", 2);
-C([
-  w()
-], A.prototype, "isLoading", 2);
-C([
-  w()
-], A.prototype, "isLoggedIn", 2);
-C([
-  w()
-], A.prototype, "email", 2);
-C([
-  w()
-], A.prototype, "password", 2);
-C([
-  w()
-], A.prototype, "givenName", 2);
-C([
-  w()
-], A.prototype, "familyName", 2);
-C([
-  w()
-], A.prototype, "newPassword", 2);
-C([
-  w()
-], A.prototype, "confirmPassword", 2);
-C([
-  w()
-], A.prototype, "notice", 2);
-C([
-  w()
-], A.prototype, "error", 2);
-C([
-  w()
-], A.prototype, "errors", 2);
-C([
-  w()
-], A.prototype, "otpDigits", 2);
-C([
-  w()
-], A.prototype, "signupOtpDigits", 2);
-C([
+], T.prototype, "disableSignup", 2);
+_([
+  x()
+], T.prototype, "mode", 2);
+_([
+  x()
+], T.prototype, "resetStep", 2);
+_([
+  x()
+], T.prototype, "signupStep", 2);
+_([
+  x()
+], T.prototype, "isLoading", 2);
+_([
+  x()
+], T.prototype, "isLoggedIn", 2);
+_([
+  x()
+], T.prototype, "email", 2);
+_([
+  x()
+], T.prototype, "password", 2);
+_([
+  x()
+], T.prototype, "givenName", 2);
+_([
+  x()
+], T.prototype, "familyName", 2);
+_([
+  x()
+], T.prototype, "newPassword", 2);
+_([
+  x()
+], T.prototype, "confirmPassword", 2);
+_([
+  x()
+], T.prototype, "notice", 2);
+_([
+  x()
+], T.prototype, "error", 2);
+_([
+  x()
+], T.prototype, "errors", 2);
+_([
+  x()
+], T.prototype, "otpDigits", 2);
+_([
+  x()
+], T.prototype, "signupOtpDigits", 2);
+_([
   q("#email-input")
-], A.prototype, "emailInput", 2);
-A = C([
+], T.prototype, "emailInput", 2);
+T = _([
   W("auth-form")
-], A);
+], T);
 const $ = Rt(class extends zt {
   constructor(e) {
     if (super(e), e.type !== Pt.ATTRIBUTE || e.name !== "class" || e.strings?.length > 2) throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.");
@@ -2956,8 +2973,8 @@ fe([
 se = fe([
   W("base-button")
 ], se);
-var qo = Object.defineProperty, Fo = Object.getOwnPropertyDescriptor, Oe = (e, t, r, o) => {
-  for (var i = o > 1 ? void 0 : o ? Fo(t, r) : t, s = e.length - 1, a; s >= 0; s--)
+var qo = Object.defineProperty, jo = Object.getOwnPropertyDescriptor, Oe = (e, t, r, o) => {
+  for (var i = o > 1 ? void 0 : o ? jo(t, r) : t, s = e.length - 1, a; s >= 0; s--)
     (a = e[s]) && (i = (o ? a(t, r, i) : a(i)) || i);
   return o && i && qo(t, r, i), i;
 };
@@ -3219,16 +3236,16 @@ Oe([
   b({ type: Boolean, reflect: !0, attribute: "expandable" })
 ], he.prototype, "expandable", 2);
 Oe([
-  w()
+  x()
 ], he.prototype, "isExpanded", 2);
 he = Oe([
   W("base-card")
 ], he);
 const te = (e) => e ?? S;
-var jo = Object.defineProperty, Yo = Object.getOwnPropertyDescriptor, M = (e, t, r, o) => {
+var Fo = Object.defineProperty, Yo = Object.getOwnPropertyDescriptor, M = (e, t, r, o) => {
   for (var i = o > 1 ? void 0 : o ? Yo(t, r) : t, s = e.length - 1, a; s >= 0; s--)
     (a = e[s]) && (i = (o ? a(t, r, i) : a(i)) || i);
-  return o && i && jo(t, r, i), i;
+  return o && i && Fo(t, r, i), i;
 };
 let P = class extends B {
   constructor() {
@@ -4029,25 +4046,25 @@ M([
   b({ type: String })
 ], P.prototype, "maxDate", 2);
 M([
-  w()
+  x()
 ], P.prototype, "isOpen", 2);
 M([
-  w()
+  x()
 ], P.prototype, "currentMonth", 2);
 M([
-  w()
+  x()
 ], P.prototype, "currentYear", 2);
 M([
-  w()
+  x()
 ], P.prototype, "showMonthPicker", 2);
 M([
-  w()
+  x()
 ], P.prototype, "showYearPicker", 2);
 M([
-  w()
+  x()
 ], P.prototype, "yearRangeStart", 2);
 M([
-  w()
+  x()
 ], P.prototype, "isFlipped", 2);
 M([
   q(".date-display")
@@ -4063,7 +4080,7 @@ var Vo = Object.defineProperty, Ko = Object.getOwnPropertyDescriptor, O = (e, t,
     (a = e[s]) && (i = (o ? a(t, r, i) : a(i)) || i);
   return o && i && Vo(t, r, i), i;
 };
-let T = class extends B {
+let C = class extends B {
   constructor() {
     super(...arguments), this.value = "", this.placeholder = "Select date and time", this.required = !1, this.disabled = !1, this.size = "md", this.format = "12", this.isOpen = !1, this.currentMonth = (/* @__PURE__ */ new Date()).getMonth(), this.currentYear = (/* @__PURE__ */ new Date()).getFullYear(), this.showMonthPicker = !1, this.showYearPicker = !1, this.yearRangeStart = (/* @__PURE__ */ new Date()).getFullYear() - 5, this.selectedDate = "", this.selectedHour = 12, this.selectedMinute = 0, this.selectedPeriod = "AM", this.isFlipped = !1, this.currentStep = "date", this.inputId = `datetime-picker-${Math.random().toString(36).substr(2, 9)}`, this.weekDays = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], this.monthNames = [
       "Jan",
@@ -4516,7 +4533,7 @@ let T = class extends B {
     `;
   }
 };
-T.styles = J`
+C.styles = J`
     :host {
       display: block;
       position: relative;
@@ -5054,82 +5071,82 @@ T.styles = J`
   `;
 O([
   b({ type: String })
-], T.prototype, "value", 2);
+], C.prototype, "value", 2);
 O([
   b({ type: String })
-], T.prototype, "label", 2);
+], C.prototype, "label", 2);
 O([
   b({ type: String })
-], T.prototype, "placeholder", 2);
+], C.prototype, "placeholder", 2);
 O([
   b({ type: Boolean, reflect: !0 })
-], T.prototype, "required", 2);
+], C.prototype, "required", 2);
 O([
   b({ type: Boolean, reflect: !0 })
-], T.prototype, "disabled", 2);
+], C.prototype, "disabled", 2);
 O([
   b({ type: String })
-], T.prototype, "error", 2);
+], C.prototype, "error", 2);
 O([
   b({ type: String })
-], T.prototype, "hint", 2);
+], C.prototype, "hint", 2);
 O([
   b({ type: String })
-], T.prototype, "size", 2);
+], C.prototype, "size", 2);
 O([
   b({ type: String })
-], T.prototype, "minDate", 2);
+], C.prototype, "minDate", 2);
 O([
   b({ type: String })
-], T.prototype, "maxDate", 2);
+], C.prototype, "maxDate", 2);
 O([
   b({ type: String })
-], T.prototype, "format", 2);
+], C.prototype, "format", 2);
 O([
-  w()
-], T.prototype, "isOpen", 2);
+  x()
+], C.prototype, "isOpen", 2);
 O([
-  w()
-], T.prototype, "currentMonth", 2);
+  x()
+], C.prototype, "currentMonth", 2);
 O([
-  w()
-], T.prototype, "currentYear", 2);
+  x()
+], C.prototype, "currentYear", 2);
 O([
-  w()
-], T.prototype, "showMonthPicker", 2);
+  x()
+], C.prototype, "showMonthPicker", 2);
 O([
-  w()
-], T.prototype, "showYearPicker", 2);
+  x()
+], C.prototype, "showYearPicker", 2);
 O([
-  w()
-], T.prototype, "yearRangeStart", 2);
+  x()
+], C.prototype, "yearRangeStart", 2);
 O([
-  w()
-], T.prototype, "selectedDate", 2);
+  x()
+], C.prototype, "selectedDate", 2);
 O([
-  w()
-], T.prototype, "selectedHour", 2);
+  x()
+], C.prototype, "selectedHour", 2);
 O([
-  w()
-], T.prototype, "selectedMinute", 2);
+  x()
+], C.prototype, "selectedMinute", 2);
 O([
-  w()
-], T.prototype, "selectedPeriod", 2);
+  x()
+], C.prototype, "selectedPeriod", 2);
 O([
-  w()
-], T.prototype, "isFlipped", 2);
+  x()
+], C.prototype, "isFlipped", 2);
 O([
-  w()
-], T.prototype, "currentStep", 2);
+  x()
+], C.prototype, "currentStep", 2);
 O([
   q(".datetime-display")
-], T.prototype, "datetimeDisplay", 2);
+], C.prototype, "datetimeDisplay", 2);
 O([
   q(".datetime-container")
-], T.prototype, "datetimeContainer", 2);
-T = O([
+], C.prototype, "datetimeContainer", 2);
+C = O([
   W("base-datetime-picker")
-], T);
+], C);
 var Wo = Object.defineProperty, Jo = Object.getOwnPropertyDescriptor, Z = (e, t, r, o) => {
   for (var i = o > 1 ? void 0 : o ? Jo(t, r) : t, s = e.length - 1, a; s >= 0; s--)
     (a = e[s]) && (i = (o ? a(t, r, i) : a(i)) || i);
@@ -5277,25 +5294,25 @@ Z([
   b({ type: String, attribute: "size" })
 ], V.prototype, "size", 2);
 Z([
-  w()
+  x()
 ], V.prototype, "isClosing", 2);
 Z([
-  w()
+  x()
 ], V.prototype, "isVisible", 2);
 Z([
-  w()
+  x()
 ], V.prototype, "isDragging", 2);
 Z([
-  w()
+  x()
 ], V.prototype, "dragStartY", 2);
 Z([
-  w()
+  x()
 ], V.prototype, "dragCurrentY", 2);
 Z([
-  w()
+  x()
 ], V.prototype, "dragStartTime", 2);
 Z([
-  w()
+  x()
 ], V.prototype, "lastDragEndTime", 2);
 Z([
   q(".modal-container")
@@ -5996,16 +6013,16 @@ I([
   b({ type: Array })
 ], R.prototype, "options", 2);
 I([
-  w()
+  x()
 ], R.prototype, "isOpen", 2);
 I([
-  w()
+  x()
 ], R.prototype, "searchQuery", 2);
 I([
-  w()
+  x()
 ], R.prototype, "highlightedIndex", 2);
 I([
-  w()
+  x()
 ], R.prototype, "isFlipped", 2);
 I([
   q(".select-input")
@@ -6774,13 +6791,13 @@ ae([
   b({ type: Boolean, attribute: "force-expanded" })
 ], X.prototype, "forceExpanded", 2);
 ae([
-  w()
+  x()
 ], X.prototype, "tabs", 2);
 ae([
-  w()
+  x()
 ], X.prototype, "isExpanded", 2);
 ae([
-  w()
+  x()
 ], X.prototype, "isMobile", 2);
 ae([
   q(".tabs-nav")
@@ -7580,19 +7597,19 @@ U([
   b({ type: String })
 ], N.prototype, "format", 2);
 U([
-  w()
+  x()
 ], N.prototype, "isOpen", 2);
 U([
-  w()
+  x()
 ], N.prototype, "selectedHour", 2);
 U([
-  w()
+  x()
 ], N.prototype, "selectedMinute", 2);
 U([
-  w()
+  x()
 ], N.prototype, "selectedPeriod", 2);
 U([
-  w()
+  x()
 ], N.prototype, "isFlipped", 2);
 U([
   q(".time-display")
@@ -8076,7 +8093,7 @@ nt([
   b({ type: String, attribute: "variant" })
 ], Te.prototype, "variant", 2);
 nt([
-  w()
+  x()
 ], Te.prototype, "isDark", 2);
 Te = nt([
   W("theme-toggle")
@@ -8090,31 +8107,31 @@ const { toString: ui } = Object.prototype, { getPrototypeOf: Mt } = Object, { it
   const r = ui.call(t);
   return e[r] || (e[r] = r.slice(8, -1).toLowerCase());
 })(/* @__PURE__ */ Object.create(null)), re = (e) => (e = e.toLowerCase(), (t) => ct(t) === e), dt = (e) => (t) => typeof t === e, { isArray: Re } = Array, Ce = dt("undefined");
-function je(e) {
-  return e !== null && !Ce(e) && e.constructor !== null && !Ce(e.constructor) && j(e.constructor.isBuffer) && e.constructor.isBuffer(e);
+function Fe(e) {
+  return e !== null && !Ce(e) && e.constructor !== null && !Ce(e.constructor) && F(e.constructor.isBuffer) && e.constructor.isBuffer(e);
 }
 const Rr = re("ArrayBuffer");
 function fi(e) {
   let t;
   return typeof ArrayBuffer < "u" && ArrayBuffer.isView ? t = ArrayBuffer.isView(e) : t = e && e.buffer && Rr(e.buffer), t;
 }
-const bi = dt("string"), j = dt("function"), zr = dt("number"), Ye = (e) => e !== null && typeof e == "object", gi = (e) => e === !0 || e === !1, Ze = (e) => {
+const bi = dt("string"), F = dt("function"), zr = dt("number"), Ye = (e) => e !== null && typeof e == "object", gi = (e) => e === !0 || e === !1, Ze = (e) => {
   if (ct(e) !== "object")
     return !1;
   const t = Mt(e);
   return (t === null || t === Object.prototype || Object.getPrototypeOf(t) === null) && !(Pr in e) && !(lt in e);
 }, mi = (e) => {
-  if (!Ye(e) || je(e))
+  if (!Ye(e) || Fe(e))
     return !1;
   try {
     return Object.keys(e).length === 0 && Object.getPrototypeOf(e) === Object.prototype;
   } catch {
     return !1;
   }
-}, vi = re("Date"), yi = re("File"), wi = re("Blob"), xi = re("FileList"), $i = (e) => Ye(e) && j(e.pipe), ki = (e) => {
+}, vi = re("Date"), yi = re("File"), wi = re("Blob"), xi = re("FileList"), $i = (e) => Ye(e) && F(e.pipe), ki = (e) => {
   let t;
-  return e && (typeof FormData == "function" && e instanceof FormData || j(e.append) && ((t = ct(e)) === "formdata" || // detect form-data instance
-  t === "object" && j(e.toString) && e.toString() === "[object FormData]"));
+  return e && (typeof FormData == "function" && e instanceof FormData || F(e.append) && ((t = ct(e)) === "formdata" || // detect form-data instance
+  t === "object" && F(e.toString) && e.toString() === "[object FormData]"));
 }, Si = re("URLSearchParams"), [Ai, Ei, Ti, Ci] = ["ReadableStream", "Request", "Response", "Headers"].map(re), _i = (e) => e.trim ? e.trim() : e.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, "");
 function Ve(e, t, { allOwnKeys: r = !1 } = {}) {
   if (e === null || typeof e > "u")
@@ -8124,7 +8141,7 @@ function Ve(e, t, { allOwnKeys: r = !1 } = {}) {
     for (o = 0, i = e.length; o < i; o++)
       t.call(null, e[o], o, e);
   else {
-    if (je(e))
+    if (Fe(e))
       return;
     const s = r ? Object.getOwnPropertyNames(e) : Object.keys(e), a = s.length;
     let n;
@@ -8133,7 +8150,7 @@ function Ve(e, t, { allOwnKeys: r = !1 } = {}) {
   }
 }
 function Mr(e, t) {
-  if (je(e))
+  if (Fe(e))
     return null;
   t = t.toLowerCase();
   const r = Object.keys(e);
@@ -8154,7 +8171,7 @@ function $t() {
   return r;
 }
 const Oi = (e, t, r, { allOwnKeys: o } = {}) => (Ve(t, (i, s) => {
-  r && j(i) ? e[s] = Dr(i, r) : e[s] = i;
+  r && F(i) ? e[s] = Dr(i, r) : e[s] = i;
 }, { allOwnKeys: o }), e), Di = (e) => (e.charCodeAt(0) === 65279 && (e = e.slice(1)), e), Pi = (e, t, r, o) => {
   e.prototype = Object.create(t.prototype, o), e.prototype.constructor = e, Object.defineProperty(e, "super", {
     value: t.prototype
@@ -8208,10 +8225,10 @@ const Oi = (e, t, r, { allOwnKeys: o } = {}) => (Ve(t, (i, s) => {
   }), Object.defineProperties(e, o);
 }, qi = (e) => {
   Ir(e, (t, r) => {
-    if (j(e) && ["arguments", "caller", "callee"].indexOf(r) !== -1)
+    if (F(e) && ["arguments", "caller", "callee"].indexOf(r) !== -1)
       return !1;
     const o = e[r];
-    if (j(o)) {
+    if (F(o)) {
       if (t.enumerable = !1, "writable" in t) {
         t.writable = !1;
         return;
@@ -8221,24 +8238,24 @@ const Oi = (e, t, r, { allOwnKeys: o } = {}) => (Ve(t, (i, s) => {
       });
     }
   });
-}, Fi = (e, t) => {
+}, ji = (e, t) => {
   const r = {}, o = (i) => {
     i.forEach((s) => {
       r[s] = !0;
     });
   };
   return Re(e) ? o(e) : o(String(e).split(t)), r;
-}, ji = () => {
+}, Fi = () => {
 }, Yi = (e, t) => e != null && Number.isFinite(e = +e) ? e : t;
 function Vi(e) {
-  return !!(e && j(e.append) && e[Pr] === "FormData" && e[lt]);
+  return !!(e && F(e.append) && e[Pr] === "FormData" && e[lt]);
 }
 const Ki = (e) => {
   const t = new Array(10), r = (o, i) => {
     if (Ye(o)) {
       if (t.indexOf(o) >= 0)
         return;
-      if (je(o))
+      if (Fe(o))
         return o;
       if (!("toJSON" in o)) {
         t[i] = o;
@@ -8252,17 +8269,17 @@ const Ki = (e) => {
     return o;
   };
   return r(e, 0);
-}, Wi = re("AsyncFunction"), Ji = (e) => e && (Ye(e) || j(e)) && j(e.then) && j(e.catch), Ur = ((e, t) => e ? setImmediate : t ? ((r, o) => (we.addEventListener("message", ({ source: i, data: s }) => {
+}, Wi = re("AsyncFunction"), Ji = (e) => e && (Ye(e) || F(e)) && F(e.then) && F(e.catch), Ur = ((e, t) => e ? setImmediate : t ? ((r, o) => (we.addEventListener("message", ({ source: i, data: s }) => {
   i === we && s === r && o.length && o.shift()();
 }, !1), (i) => {
   o.push(i), we.postMessage(r, "*");
 }))(`axios@${Math.random()}`, []) : (r) => setTimeout(r))(
   typeof setImmediate == "function",
-  j(we.postMessage)
-), Gi = typeof queueMicrotask < "u" ? queueMicrotask.bind(we) : typeof process < "u" && process.nextTick || Ur, Qi = (e) => e != null && j(e[lt]), h = {
+  F(we.postMessage)
+), Gi = typeof queueMicrotask < "u" ? queueMicrotask.bind(we) : typeof process < "u" && process.nextTick || Ur, Qi = (e) => e != null && F(e[lt]), h = {
   isArray: Re,
   isArrayBuffer: Rr,
-  isBuffer: je,
+  isBuffer: Fe,
   isFormData: ki,
   isArrayBufferView: fi,
   isString: bi,
@@ -8280,7 +8297,7 @@ const Ki = (e) => {
   isFile: yi,
   isBlob: wi,
   isRegExp: Li,
-  isFunction: j,
+  isFunction: F,
   isStream: $i,
   isURLSearchParams: Si,
   isTypedArray: Ni,
@@ -8304,9 +8321,9 @@ const Ki = (e) => {
   // an alias to avoid ESLint no-prototype-builtins detection
   reduceDescriptors: Ir,
   freezeMethods: qi,
-  toObjectSet: Fi,
+  toObjectSet: ji,
   toCamelCase: Bi,
-  noop: ji,
+  noop: Fi,
   toFiniteNumber: Yi,
   findKey: Mr,
   global: we,
@@ -8413,16 +8430,16 @@ function ht(e, t, r) {
     return h.isArrayBuffer(u) || h.isTypedArray(u) ? l && typeof Blob == "function" ? new Blob([u]) : Buffer.from(u) : u;
   }
   function c(u, v, m) {
-    let x = u;
+    let w = u;
     if (u && !m && typeof u == "object") {
       if (h.endsWith(v, "{}"))
         v = o ? v : v.slice(0, -2), u = JSON.stringify(u);
-      else if (h.isArray(u) && Zi(u) || (h.isFileList(u) || h.endsWith(v, "[]")) && (x = h.toArray(u)))
-        return v = Lr(v), x.forEach(function(E, D) {
-          !(h.isUndefined(E) || E === null) && t.append(
+      else if (h.isArray(u) && Zi(u) || (h.isFileList(u) || h.endsWith(v, "[]")) && (w = h.toArray(u)))
+        return v = Lr(v), w.forEach(function(A, D) {
+          !(h.isUndefined(A) || A === null) && t.append(
             // eslint-disable-next-line no-nested-ternary
             a === !0 ? ar([v], D, s) : a === null ? v : v + "[]",
-            d(E)
+            d(A)
           );
         }), !1;
     }
@@ -8437,14 +8454,14 @@ function ht(e, t, r) {
     if (!h.isUndefined(u)) {
       if (p.indexOf(u) !== -1)
         throw Error("Circular reference detected in " + v.join("."));
-      p.push(u), h.forEach(u, function(x, _) {
-        (!(h.isUndefined(x) || x === null) && i.call(
+      p.push(u), h.forEach(u, function(w, E) {
+        (!(h.isUndefined(w) || w === null) && i.call(
           t,
-          x,
-          h.isString(_) ? _.trim() : _,
+          w,
+          h.isString(E) ? E.trim() : E,
           v,
           g
-        )) === !0 && y(x, v ? v.concat(_) : [_]);
+        )) === !0 && y(w, v ? v.concat(E) : [E]);
       }), p.pop();
     }
   }
@@ -8484,7 +8501,7 @@ qr.toString = function(t) {
 function ts(e) {
   return encodeURIComponent(e).replace(/%3A/gi, ":").replace(/%24/g, "$").replace(/%2C/gi, ",").replace(/%20/g, "+");
 }
-function Fr(e, t, r) {
+function jr(e, t, r) {
   if (!t)
     return e;
   const o = r && r.encode || ts;
@@ -8553,7 +8570,7 @@ class lr {
     });
   }
 }
-const jr = {
+const Fr = {
   silentJSONParsing: !0,
   forcedJSONParsing: !0,
   clarifyTimeoutError: !1
@@ -8623,7 +8640,7 @@ function us(e, t, r) {
   return (r || JSON.stringify)(e);
 }
 const Ke = {
-  transitional: jr,
+  transitional: Fr,
   adapter: ["xhr", "http", "fetch"],
   transformRequest: [function(t, r) {
     const o = r.getContentType() || "", i = o.indexOf("application/json") > -1, s = h.isObject(t);
@@ -9086,7 +9103,7 @@ function ke(e, t) {
 const Jr = (e) => {
   const t = ke({}, e);
   let { data: r, withXSRFToken: o, xsrfHeaderName: i, xsrfCookieName: s, headers: a, auth: n } = t;
-  if (t.headers = a = Y.from(a), t.url = Fr(Wr(t.baseURL, t.url, t.allowAbsoluteUrls), e.params, e.paramsSerializer), n && a.set(
+  if (t.headers = a = Y.from(a), t.url = jr(Wr(t.baseURL, t.url, t.allowAbsoluteUrls), e.params, e.paramsSerializer), n && a.set(
     "Authorization",
     "Basic " + btoa((n.username || "") + ":" + (n.password ? unescape(encodeURIComponent(n.password)) : ""))
   ), h.isFormData(r)) {
@@ -9115,16 +9132,16 @@ const Jr = (e) => {
     }
     let m = new XMLHttpRequest();
     m.open(i.method.toUpperCase(), i.url, !0), m.timeout = i.timeout;
-    function x() {
+    function w() {
       if (!m)
         return;
-      const E = Y.from(
+      const A = Y.from(
         "getAllResponseHeaders" in m && m.getAllResponseHeaders()
-      ), F = {
+      ), j = {
         data: !n || n === "text" || n === "json" ? m.responseText : m.response,
         status: m.status,
         statusText: m.statusText,
-        headers: E,
+        headers: A,
         config: e,
         request: m
       };
@@ -9132,32 +9149,32 @@ const Jr = (e) => {
         r(Q), v();
       }, function(Q) {
         o(Q), v();
-      }, F), m = null;
+      }, j), m = null;
     }
-    "onloadend" in m ? m.onloadend = x : m.onreadystatechange = function() {
-      !m || m.readyState !== 4 || m.status === 0 && !(m.responseURL && m.responseURL.indexOf("file:") === 0) || setTimeout(x);
+    "onloadend" in m ? m.onloadend = w : m.onreadystatechange = function() {
+      !m || m.readyState !== 4 || m.status === 0 && !(m.responseURL && m.responseURL.indexOf("file:") === 0) || setTimeout(w);
     }, m.onabort = function() {
       m && (o(new k("Request aborted", k.ECONNABORTED, e, m)), m = null);
     }, m.onerror = function(D) {
-      const F = D && D.message ? D.message : "Network Error", be = new k(F, k.ERR_NETWORK, e, m);
+      const j = D && D.message ? D.message : "Network Error", be = new k(j, k.ERR_NETWORK, e, m);
       be.event = D || null, o(be), m = null;
     }, m.ontimeout = function() {
       let D = i.timeout ? "timeout of " + i.timeout + "ms exceeded" : "timeout exceeded";
-      const F = i.transitional || jr;
+      const j = i.transitional || Fr;
       i.timeoutErrorMessage && (D = i.timeoutErrorMessage), o(new k(
         D,
-        F.clarifyTimeoutError ? k.ETIMEDOUT : k.ECONNABORTED,
+        j.clarifyTimeoutError ? k.ETIMEDOUT : k.ECONNABORTED,
         e,
         m
       )), m = null;
-    }, s === void 0 && a.setContentType(null), "setRequestHeader" in m && h.forEach(a.toJSON(), function(D, F) {
-      m.setRequestHeader(F, D);
-    }), h.isUndefined(i.withCredentials) || (m.withCredentials = !!i.withCredentials), n && n !== "json" && (m.responseType = i.responseType), d && ([g, u] = it(d, !0), m.addEventListener("progress", g)), l && m.upload && ([p, y] = it(l), m.upload.addEventListener("progress", p), m.upload.addEventListener("loadend", y)), (i.cancelToken || i.signal) && (c = (E) => {
-      m && (o(!E || E.type ? new ze(null, e, m) : E), m.abort(), m = null);
+    }, s === void 0 && a.setContentType(null), "setRequestHeader" in m && h.forEach(a.toJSON(), function(D, j) {
+      m.setRequestHeader(j, D);
+    }), h.isUndefined(i.withCredentials) || (m.withCredentials = !!i.withCredentials), n && n !== "json" && (m.responseType = i.responseType), d && ([g, u] = it(d, !0), m.addEventListener("progress", g)), l && m.upload && ([p, y] = it(l), m.upload.addEventListener("progress", p), m.upload.addEventListener("loadend", y)), (i.cancelToken || i.signal) && (c = (A) => {
+      m && (o(!A || A.type ? new ze(null, e, m) : A), m.abort(), m = null);
     }, i.cancelToken && i.cancelToken.subscribe(c), i.signal && (i.signal.aborted ? c() : i.signal.addEventListener("abort", c)));
-    const _ = ws(i.url);
-    if (_ && H.protocols.indexOf(_) === -1) {
-      o(new k("Unsupported protocol " + _ + ":", k.ERR_BAD_REQUEST, e));
+    const E = ws(i.url);
+    if (E && H.protocols.indexOf(E) === -1) {
+      o(new k("Unsupported protocol " + E + ":", k.ERR_BAD_REQUEST, e));
       return;
     }
     m.send(s || null);
@@ -9276,9 +9293,9 @@ const Jr = (e) => {
   };
   i && ["text", "arrayBuffer", "blob", "formData", "stream"].forEach((u) => {
     !p[u] && (p[u] = (v, m) => {
-      let x = v && v[u];
-      if (x)
-        return x.call(v);
+      let w = v && v[u];
+      if (w)
+        return w.call(v);
       throw new k(`Response type '${u}' is not supported`, k.ERR_NOT_SUPPORT, m);
     });
   });
@@ -9304,11 +9321,11 @@ const Jr = (e) => {
     let {
       url: v,
       method: m,
-      data: x,
-      signal: _,
-      cancelToken: E,
+      data: w,
+      signal: E,
+      cancelToken: A,
       timeout: D,
-      onDownloadProgress: F,
+      onDownloadProgress: j,
       onUploadProgress: be,
       responseType: Q,
       headers: ut,
@@ -9316,47 +9333,47 @@ const Jr = (e) => {
       fetchOptions: Bt
     } = Jr(u), Lt = t || fetch;
     Q = Q ? (Q + "").toLowerCase() : "text";
-    let Je = _s([_, E && E.toAbortSignal()], D), Me = null;
+    let Je = _s([E, A && A.toAbortSignal()], D), Me = null;
     const ge = Je && Je.unsubscribe && (() => {
       Je.unsubscribe();
     });
     let qt;
     try {
-      if (be && d && m !== "get" && m !== "head" && (qt = await y(ut, x)) !== 0) {
+      if (be && d && m !== "get" && m !== "head" && (qt = await y(ut, w)) !== 0) {
         let ce = new r(v, {
           method: "POST",
-          body: x,
+          body: w,
           duplex: "half"
         }), Se;
-        if (h.isFormData(x) && (Se = ce.headers.get("content-type")) && ut.setContentType(Se), ce.body) {
+        if (h.isFormData(w) && (Se = ce.headers.get("content-type")) && ut.setContentType(Se), ce.body) {
           const [ft, Ge] = dr(
             qt,
             it(hr(be))
           );
-          x = ur(ce.body, fr, ft, Ge);
+          w = ur(ce.body, fr, ft, Ge);
         }
       }
       h.isString(We) || (We = We ? "include" : "omit");
-      const oe = s && "credentials" in r.prototype, Ft = {
+      const oe = s && "credentials" in r.prototype, jt = {
         ...Bt,
         signal: Je,
         method: m.toUpperCase(),
         headers: ut.normalize().toJSON(),
-        body: x,
+        body: w,
         duplex: "half",
         credentials: oe ? We : void 0
       };
-      Me = s && new r(v, Ft);
-      let le = await (s ? Lt(Me, Bt) : Lt(v, Ft));
-      const jt = c && (Q === "stream" || Q === "response");
-      if (c && (F || jt && ge)) {
+      Me = s && new r(v, jt);
+      let le = await (s ? Lt(Me, Bt) : Lt(v, jt));
+      const Ft = c && (Q === "stream" || Q === "response");
+      if (c && (j || Ft && ge)) {
         const ce = {};
         ["status", "statusText", "headers"].forEach((Yt) => {
           ce[Yt] = le[Yt];
         });
-        const Se = h.toFiniteNumber(le.headers.get("content-length")), [ft, Ge] = F && dr(
+        const Se = h.toFiniteNumber(le.headers.get("content-length")), [ft, Ge] = j && dr(
           Se,
-          it(hr(F), !0)
+          it(hr(j), !0)
         ) || [];
         le = new o(
           ur(le.body, fr, ft, () => {
@@ -9367,7 +9384,7 @@ const Jr = (e) => {
       }
       Q = Q || "text";
       let eo = await p[h.findKey(p, Q) || "text"](le, u);
-      return !jt && ge && ge(), await new Promise((ce, Se) => {
+      return !Ft && ge && ge(), await new Promise((ce, Se) => {
         Kr(ce, Se, {
           data: eo,
           headers: Y.from(le.headers),
@@ -9619,7 +9636,7 @@ class xe {
   getUri(t) {
     t = ke(this.defaults, t);
     const r = Wr(t.baseURL, t.url, t.allowAbsoluteUrls);
-    return Fr(r, t.params, t.paramsSerializer);
+    return jr(r, t.params, t.paramsSerializer);
   }
 }
 h.forEach(["delete", "get", "head", "options"], function(t) {
@@ -9895,12 +9912,12 @@ const Ls = ({ baseUrl: e, apiBaseUrl: t }) => {
   ), i;
 }, Vs = Ls;
 export {
-  A as AuthForm,
+  T as AuthForm,
   xr as AuthRefreshError,
   se as BaseButton,
   he as BaseCard,
   P as BaseDatePicker,
-  T as BaseDateTimePicker,
+  C as BaseDateTimePicker,
   V as BaseDrawer,
   K as BaseInput,
   R as BaseSelect,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cal.macconnachie/web-components",
-  "version": "1.1.3",
+  "version": "1.1.5",
   "description": "Web components hosted on a CDN",
   "keywords": [
     "web-components",