@cal.macconnachie/web-components 2.6.0 → 2.6.2

package/dist/index.d.ts

@@ -295,8 +295,9 @@ export declare class BaseList extends BaseElement {
     private isPulling;
     private pullDistance;
     private startY;
+    private startScrollTop;
     private pullThreshold;
-    private listElement?;
+    private pullActivationDistance;
     static styles: CSSResult;
     connectedCallback(): void;
     disconnectedCallback(): void;

package/dist/index.js

@@ -65,7 +65,7 @@ const { is: ds, defineProperty: hs, getOwnPropertyDescriptor: ps, getOwnProperty
   return t;
 } }, It = (r, e) => !ds(r, e), sr = { attribute: !0, type: String, converter: ht, reflect: !1, useDefault: !1, hasChanged: It };
 Symbol.metadata ??= Symbol("metadata"), ft.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
-let Ce = class extends HTMLElement {
+let Ae = class extends HTMLElement {
   static addInitializer(e) {
     this._$Ei(), (this.l ??= []).push(e);
   }
@@ -246,7 +246,7 @@ let Ce = class extends HTMLElement {
   firstUpdated(e) {
   }
 };
-Ce.elementStyles = [], Ce.shadowRootOptions = { mode: "open" }, Ce[He("elementProperties")] = /* @__PURE__ */ new Map(), Ce[He("finalized")] = /* @__PURE__ */ new Map(), bs?.({ ReactiveElement: Ce }), (ft.reactiveElementVersions ??= []).push("2.1.1");
+Ae.elementStyles = [], Ae.shadowRootOptions = { mode: "open" }, Ae[He("elementProperties")] = /* @__PURE__ */ new Map(), Ae[He("finalized")] = /* @__PURE__ */ new Map(), bs?.({ ReactiveElement: Ae }), (ft.reactiveElementVersions ??= []).push("2.1.1");
 const Lt = globalThis, pt = Lt.trustedTypes, ir = pt ? pt.createPolicy("lit-html", { createHTML: (r) => r }) : void 0, Or = "$lit$", he = `lit$${Math.random().toFixed(9).slice(2)}$`, Pr = "?" + he, vs = `<${Pr}>`, xe = document, je = () => xe.createComment(""), Ve = (r) => r === null || typeof r != "object" && typeof r != "function", Bt = Array.isArray, ys = (r) => Bt(r) || typeof r?.[Symbol.iterator] == "function", St = `[ 	
 \f\r]`, Ne = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, or = /-->/g, ar = />/g, me = RegExp(`>|${St}(?:([^\\s"'>=/]+)(${St}*=${St}*(?:[^ 	
 \f\r"'\`<>=]|("|')|))|$)`, "g"), nr = /'/g, lr = /"/g, Rr = /^(?:script|style|textarea|title)$/i, ws = (r) => (e, ...t) => ({ _$litType$: r, strings: e, values: t }), f = ws(1), ne = Symbol.for("lit-noChange"), k = Symbol.for("lit-nothing"), cr = /* @__PURE__ */ new WeakMap(), ve = xe.createTreeWalker(xe, 129);
@@ -303,11 +303,11 @@ class Ye {
     return i.innerHTML = e, i;
   }
 }
-function Ae(r, e, t = r, i) {
+function Ce(r, e, t = r, i) {
   if (e === ne) return e;
   let s = i !== void 0 ? t._$Co?.[i] : t._$Cl;
   const o = Ve(e) ? void 0 : e._$litDirective$;
-  return s?.constructor !== o && (s?._$AO?.(!1), o === void 0 ? s = void 0 : (s = new o(r), s._$AT(r, t, i)), i !== void 0 ? (t._$Co ??= [])[i] = s : t._$Cl = s), s !== void 0 && (e = Ae(r, s._$AS(r, e.values), s, i)), e;
+  return s?.constructor !== o && (s?._$AO?.(!1), o === void 0 ? s = void 0 : (s = new o(r), s._$AT(r, t, i)), i !== void 0 ? (t._$Co ??= [])[i] = s : t._$Cl = s), s !== void 0 && (e = Ce(r, s._$AS(r, e.values), s, i)), e;
 }
 let $s = class {
   constructor(e, t) {
@@ -326,7 +326,7 @@ let $s = class {
     for (; l !== void 0; ) {
       if (a === l.index) {
         let h;
-        l.type === 2 ? h = new Te(o, o.nextSibling, this, e) : l.type === 1 ? h = new l.ctor(o, l.name, l.strings, this, e) : l.type === 6 && (h = new Cs(o, this, e)), this._$AV.push(h), l = i[++n];
+        l.type === 2 ? h = new Te(o, o.nextSibling, this, e) : l.type === 1 ? h = new l.ctor(o, l.name, l.strings, this, e) : l.type === 6 && (h = new As(o, this, e)), this._$AV.push(h), l = i[++n];
       }
       a !== l?.index && (o = ve.nextNode(), a++);
     }
@@ -356,7 +356,7 @@ class Te {
     return this._$AB;
   }
   _$AI(e, t = this) {
-    e = Ae(this, e, t), Ve(e) ? e === k || e == null || e === "" ? (this._$AH !== k && this._$AR(), this._$AH = k) : e !== this._$AH && e !== ne && this._(e) : e._$litType$ !== void 0 ? this.$(e) : e.nodeType !== void 0 ? this.T(e) : ys(e) ? this.k(e) : this._(e);
+    e = Ce(this, e, t), Ve(e) ? e === k || e == null || e === "" ? (this._$AH !== k && this._$AR(), this._$AH = k) : e !== this._$AH && e !== ne && this._(e) : e._$litType$ !== void 0 ? this.$(e) : e.nodeType !== void 0 ? this.T(e) : ys(e) ? this.k(e) : this._(e);
   }
   O(e) {
     return this._$AA.parentNode.insertBefore(e, this._$AB);
@@ -409,11 +409,11 @@ class gt {
   _$AI(e, t = this, i, s) {
     const o = this.strings;
     let a = !1;
-    if (o === void 0) e = Ae(this, e, t, 0), a = !Ve(e) || e !== this._$AH && e !== ne, a && (this._$AH = e);
+    if (o === void 0) e = Ce(this, e, t, 0), a = !Ve(e) || e !== this._$AH && e !== ne, a && (this._$AH = e);
     else {
       const n = e;
       let l, h;
-      for (e = o[0], l = 0; l < o.length - 1; l++) h = Ae(this, n[i + l], t, l), h === ne && (h = this._$AH[l]), a ||= !Ve(h) || h !== this._$AH[l], h === k ? e = k : e !== k && (e += (h ?? "") + o[l + 1]), this._$AH[l] = h;
+      for (e = o[0], l = 0; l < o.length - 1; l++) h = Ce(this, n[i + l], t, l), h === ne && (h = this._$AH[l]), a ||= !Ve(h) || h !== this._$AH[l], h === k ? e = k : e !== k && (e += (h ?? "") + o[l + 1]), this._$AH[l] = h;
     }
     a && !s && this.j(e);
   }
@@ -442,7 +442,7 @@ class _s extends gt {
     super(e, t, i, s, o), this.type = 5;
   }
   _$AI(e, t = this) {
-    if ((e = Ae(this, e, t, 0) ?? k) === ne) return;
+    if ((e = Ce(this, e, t, 0) ?? k) === ne) return;
     const i = this._$AH, s = e === k && i !== k || e.capture !== i.capture || e.once !== i.once || e.passive !== i.passive, o = e !== k && (i === k || s);
     s && this.element.removeEventListener(this.name, this, i), o && this.element.addEventListener(this.name, this, e), this._$AH = e;
   }
@@ -450,7 +450,7 @@ class _s extends gt {
     typeof this._$AH == "function" ? this._$AH.call(this.options?.host ?? this.element, e) : this._$AH.handleEvent(e);
   }
 }
-class Cs {
+class As {
   constructor(e, t, i) {
     this.element = e, this.type = 6, this._$AN = void 0, this._$AM = t, this.options = i;
   }
@@ -458,10 +458,10 @@ class Cs {
     return this._$AM._$AU;
   }
   _$AI(e) {
-    Ae(this, e);
+    Ce(this, e);
   }
 }
-const As = { I: Te }, Es = Lt.litHtmlPolyfillSupport;
+const Cs = { I: Te }, Es = Lt.litHtmlPolyfillSupport;
 Es?.(Ye, Te), (Lt.litHtmlVersions ??= []).push("3.3.1");
 const Ts = (r, e, t) => {
   const i = t?.renderBefore ?? e;
@@ -473,7 +473,7 @@ const Ts = (r, e, t) => {
   return s._$AI(r), s;
 };
 const Nt = globalThis;
-let Fe = class extends Ce {
+let Fe = class extends Ae {
   constructor() {
     super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
   }
@@ -555,7 +555,7 @@ class Ht {
     return this.render(...t);
   }
 }
-const { I: zs } = As, dr = () => document.createComment(""), Ue = (r, e, t) => {
+const { I: zs } = Cs, dr = () => document.createComment(""), Ue = (r, e, t) => {
   const i = r._$AA.parentNode, s = e === void 0 ? r._$AB : e._$AA;
   if (t === void 0) {
     const o = i.insertBefore(dr(), s), a = i.insertBefore(dr(), s);
@@ -856,10 +856,10 @@ const R = ({
     clientId: i,
     redirectUri: qs(s)
   }, a = (x) => {
-    const _ = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789-._~", C = new Uint8Array(x);
-    return crypto.getRandomValues(C), Array.from(C).map((T) => _[T % _.length]).join("");
+    const _ = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789-._~", A = new Uint8Array(x);
+    return crypto.getRandomValues(A), Array.from(A).map((T) => _[T % _.length]).join("");
   }, n = async (x) => {
-    const C = new TextEncoder().encode(x), T = await crypto.subtle.digest("SHA-256", C);
+    const A = new TextEncoder().encode(x), T = await crypto.subtle.digest("SHA-256", A);
     return btoa(String.fromCharCode(...new Uint8Array(T))).replace(/\+/g, "-").replace(/\//g, "_").replace(/=/g, "");
   }, l = async () => {
     const x = a(128), _ = await n(x);
@@ -868,7 +868,7 @@ const R = ({
     const x = a(32);
     return sessionStorage.setItem("oauth_state", x), x;
   }, c = async () => {
-    const { codeChallenge: x } = await l(), _ = h(), C = new URLSearchParams({
+    const { codeChallenge: x } = await l(), _ = h(), A = new URLSearchParams({
       response_type: "code",
       client_id: o.clientId,
       redirect_uri: o.redirectUri,
@@ -879,12 +879,12 @@ const R = ({
       code_challenge: x,
       prompt: "select_account"
     });
-    return `${o.domain}/oauth2/authorize?${C.toString()}`;
+    return `${o.domain}/oauth2/authorize?${A.toString()}`;
   }, p = async () => {
     const x = await c();
     window.location.href = x;
   }, b = async () => {
-    const { codeChallenge: x } = await l(), _ = h(), C = new URLSearchParams({
+    const { codeChallenge: x } = await l(), _ = h(), A = new URLSearchParams({
       response_type: "code",
       client_id: o.clientId,
       redirect_uri: o.redirectUri,
@@ -894,7 +894,7 @@ const R = ({
       code_challenge_method: "S256",
       code_challenge: x
     });
-    return `${o.domain}/oauth2/authorize?${C.toString()}`;
+    return `${o.domain}/oauth2/authorize?${A.toString()}`;
   }, w = async () => {
     const x = await b();
     window.location.href = x;
@@ -914,7 +914,7 @@ const R = ({
       const _ = v();
       if (!_)
         throw new Error("PKCE code verifier not found. Please restart the authentication flow.");
-      const C = new URLSearchParams({
+      const A = new URLSearchParams({
         grant_type: "authorization_code",
         client_id: o.clientId,
         code: x,
@@ -925,7 +925,7 @@ const R = ({
         headers: {
           "Content-Type": "application/x-www-form-urlencoded"
         },
-        body: C.toString()
+        body: A.toString()
       });
       if (!T.ok) {
         const N = await T.text();
@@ -952,9 +952,9 @@ const js = [
   "expires_in"
 ], Vs = () => R({
   name: "auth-form",
-  element: A
+  element: C
 });
-class A extends M {
+class C extends M {
   constructor() {
     super(...arguments), this.initialMode = "signin", this.logoUrl = "", this.oauthDomain = "", this.oauthRegion = "", this.oauthUserPoolId = "", this.oauthClientId = "", this.oauthRedirectUri = "", this.oauthSpaDomain = "", this.disableSignup = !1, this.mockMode = !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.userEmail = null, this.otpDigits = ["", "", "", "", "", ""], this.signupOtpDigits = ["", "", "", "", "", ""], this.hasHandledOAuthCallback = !1, this.handleAuthRefreshFailed = () => {
       this.isLoggedIn = !1, this.userEmail = null;
@@ -2072,88 +2072,88 @@ class A extends M {
 }
 E([
   u({ type: String, attribute: "initial-mode" })
-], A.prototype, "initialMode");
+], C.prototype, "initialMode");
 E([
   u({ type: String, attribute: "logo-url" })
-], A.prototype, "logoUrl");
+], C.prototype, "logoUrl");
 E([
   u({ type: String, attribute: "oauth-domain" })
-], A.prototype, "oauthDomain");
+], C.prototype, "oauthDomain");
 E([
   u({ type: String, attribute: "oauth-region" })
-], A.prototype, "oauthRegion");
+], C.prototype, "oauthRegion");
 E([
   u({ type: String, attribute: "oauth-user-pool-id" })
-], A.prototype, "oauthUserPoolId");
+], C.prototype, "oauthUserPoolId");
 E([
   u({ type: String, attribute: "oauth-client-id" })
-], A.prototype, "oauthClientId");
+], C.prototype, "oauthClientId");
 E([
   u({ type: String, attribute: "oauth-redirect-uri" })
-], A.prototype, "oauthRedirectUri");
+], C.prototype, "oauthRedirectUri");
 E([
   u({ type: String, attribute: "oauth-spa-domain" })
-], A.prototype, "oauthSpaDomain");
+], C.prototype, "oauthSpaDomain");
 E([
   u({ type: Boolean, attribute: "disable-signup" })
-], A.prototype, "disableSignup");
+], C.prototype, "disableSignup");
 E([
   u({ type: Boolean, attribute: "mock-mode" })
-], A.prototype, "mockMode");
+], C.prototype, "mockMode");
 E([
   y()
-], A.prototype, "mode");
+], C.prototype, "mode");
 E([
   y()
-], A.prototype, "resetStep");
+], C.prototype, "resetStep");
 E([
   y()
-], A.prototype, "signupStep");
+], C.prototype, "signupStep");
 E([
   y()
-], A.prototype, "isLoading");
+], C.prototype, "isLoading");
 E([
   y()
-], A.prototype, "isLoggedIn");
+], C.prototype, "isLoggedIn");
 E([
   y()
-], A.prototype, "email");
+], C.prototype, "email");
 E([
   y()
-], A.prototype, "password");
+], C.prototype, "password");
 E([
   y()
-], A.prototype, "givenName");
+], C.prototype, "givenName");
 E([
   y()
-], A.prototype, "familyName");
+], C.prototype, "familyName");
 E([
   y()
-], A.prototype, "newPassword");
+], C.prototype, "newPassword");
 E([
   y()
-], A.prototype, "confirmPassword");
+], C.prototype, "confirmPassword");
 E([
   y()
-], A.prototype, "notice");
+], C.prototype, "notice");
 E([
   y()
-], A.prototype, "error");
+], C.prototype, "error");
 E([
   y()
-], A.prototype, "errors");
+], C.prototype, "errors");
 E([
   y()
-], A.prototype, "userEmail");
+], C.prototype, "userEmail");
 E([
   y()
-], A.prototype, "otpDigits");
+], C.prototype, "otpDigits");
 E([
   y()
-], A.prototype, "signupOtpDigits");
+], C.prototype, "signupOtpDigits");
 E([
   V("#email-input")
-], A.prototype, "emailInput");
+], C.prototype, "emailInput");
 const S = qt(class extends Ht {
   constructor(r) {
     if (super(r), r.type !== Ut.ATTRIBUTE || r.name !== "class" || r.strings?.length > 2) throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.");
@@ -4666,10 +4666,10 @@ class j extends M {
       if (i > c && Math.abs(e) > 30)
         e > 0 ? b ? i > p && g && e > 50 || l < w * 0.8 ? h = -1 : h = Math.max(0, this.currentDetentIndex - 1) : h = Math.max(0, this.currentDetentIndex - 1) : h = Math.min(s.length - 1, this.currentDetentIndex + 1);
       else {
-        let _ = 0, C = Math.abs(l - s[0]);
+        let _ = 0, A = Math.abs(l - s[0]);
         for (let T = 1; T < s.length; T++) {
           const N = Math.abs(l - s[T]);
-          N < C && (C = N, _ = T);
+          N < A && (A = N, _ = T);
         }
         h = _, b && (g && l < w * 0.7 || l < w - 5) && (h = -1);
       }
@@ -5355,12 +5355,12 @@ class Tt extends Ht {
 }
 Tt.directiveName = "unsafeHTML", Tt.resultType = 1;
 const Ir = qt(Tt);
-var Ci = Object.defineProperty, mt = (r, e, t, i) => {
+var Ai = Object.defineProperty, mt = (r, e, t, i) => {
   for (var s = void 0, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (s = a(e, t, s) || s);
-  return s && Ci(e, t, s), s;
+  return s && Ai(e, t, s), s;
 };
-const Ai = /* @__PURE__ */ Object.assign({
+const Ci = /* @__PURE__ */ Object.assign({
   "../../public/icons/arrow.svg": ii,
   "../../public/icons/calendar-day.svg": oi,
   "../../public/icons/calendar-month.svg": ai,
@@ -5427,7 +5427,7 @@ class Oe extends M {
     }
     try {
       const e = `../../public/icons/${this.name}.svg`;
-      let t = Ai[e];
+      let t = Ci[e];
       if (!t)
         throw new Error(`Icon "${this.name}" not found`);
       t = t.replace(/<\?xml[^?]*\?>/g, ""), t = t.replace(/<style[\s\S]*?<\/style>/gi, ""), t = t.replace(/\s+style="[^"]*"/gi, ""), t = t.replace(/<defs>\s*<\/defs>/gi, ""), t = t.replace(/\s+fill="[^"]*"/gi, ""), t = t.trim(), this.svgContent = t;
@@ -5735,17 +5735,21 @@ const Pi = () => R({
 });
 class ue extends M {
   constructor() {
-    super(...arguments), this.size = "md", this.variant = "default", this.interactive = !1, this.role = "list", this.isPulling = !1, this.pullDistance = 0, this.startY = 0, this.pullThreshold = 80, this.handleTouchStart = (e) => {
-      this.listElement && this.listElement.scrollTop === 0 && (this.startY = e.touches[0].clientY);
+    super(...arguments), this.size = "md", this.variant = "default", this.interactive = !1, this.role = "list", this.isPulling = !1, this.pullDistance = 0, this.startY = 0, this.startScrollTop = 0, this.pullThreshold = 80, this.pullActivationDistance = 20, this.handleTouchStart = (e) => {
+      this.scrollTop === 0 && (this.startY = e.touches[0].clientY, this.startScrollTop = this.scrollTop);
     }, this.handleTouchMove = (e) => {
-      if (!this.listElement || this.startY === 0) return;
+      if (this.startY === 0) return;
       const i = e.touches[0].clientY - this.startY;
-      i > 0 && this.listElement.scrollTop === 0 && (e.preventDefault(), this.isPulling = !0, this.pullDistance = Math.min(i * 0.5, this.pullThreshold * 1.5));
+      i > this.pullActivationDistance && this.scrollTop === 0 && this.startScrollTop === 0 ? (e.preventDefault(), this.isPulling = !0, this.pullDistance = Math.min(i * 0.5, this.pullThreshold * 1.5)) : (i <= 0 || this.scrollTop > 0) && (this.startY = 0, this.startScrollTop = 0, this.isPulling = !1, this.pullDistance = 0);
     }, this.handleTouchEnd = () => {
-      this.isPulling && (this.pullDistance >= this.pullThreshold && this.dispatchEvent(new CustomEvent("list-pulled", {
+      if (!this.isPulling) {
+        this.startY = 0, this.startScrollTop = 0;
+        return;
+      }
+      this.pullDistance >= this.pullThreshold && this.dispatchEvent(new CustomEvent("list-pulled", {
         bubbles: !0,
         composed: !0
-      })), this.isPulling = !1, this.pullDistance = 0, this.startY = 0);
+      })), this.isPulling = !1, this.pullDistance = 0, this.startY = 0, this.startScrollTop = 0;
     };
   }
   static {
@@ -5754,6 +5758,7 @@ class ue extends M {
       display: block;
       width: 100%;
       position: relative;
+      overflow-y: auto;
       -ms-overflow-style: none;
       scrollbar-width: none;
     }
@@ -5764,13 +5769,9 @@ class ue extends M {
 
     .base-list-wrapper {
       position: relative;
+      width: 100%;
       overflow: hidden;
-      -ms-overflow-style: none;
-      scrollbar-width: none;
-    }
-
-    .base-list-wrapper::-webkit-scrollbar {
-      display: none;
+      height: 100%;
     }
 
     .pull-indicator {
@@ -5795,11 +5796,6 @@ class ue extends M {
     .pull-indicator__icon {
       font-size: 24px;
       color: var(--color-text-muted);
-      transition: transform var(--transition-normal);
-    }
-
-    .pull-indicator--threshold .pull-indicator__icon {
-      transform: rotate(180deg);
     }
 
     .base-list {
@@ -5808,12 +5804,6 @@ class ue extends M {
       width: 100%;
       background-color: inherit;
       transition: transform var(--transition-normal);
-      -ms-overflow-style: none;
-      scrollbar-width: none;
-    }
-
-    .base-list::-webkit-scrollbar {
-      display: none;
     }
 
     .base-list--pulling {
@@ -5870,18 +5860,16 @@ class ue extends M {
   `;
   }
   connectedCallback() {
-    super.connectedCallback(), this.pullActionIcon && this.updateComplete.then(() => {
-      this.listElement = this.shadowRoot?.querySelector(".base-list"), this.setupPullListeners();
-    });
+    super.connectedCallback(), this.pullActionIcon && this.setupPullListeners();
   }
   disconnectedCallback() {
     super.disconnectedCallback(), this.removePullListeners();
   }
   setupPullListeners() {
-    this.listElement && (this.listElement.addEventListener("touchstart", this.handleTouchStart, { passive: !1 }), this.listElement.addEventListener("touchmove", this.handleTouchMove, { passive: !1 }), this.listElement.addEventListener("touchend", this.handleTouchEnd));
+    this.addEventListener("touchstart", this.handleTouchStart, { passive: !0 }), this.addEventListener("touchmove", this.handleTouchMove, { passive: !1 }), this.addEventListener("touchend", this.handleTouchEnd, { passive: !0 });
   }
   removePullListeners() {
-    this.listElement && (this.listElement.removeEventListener("touchstart", this.handleTouchStart), this.listElement.removeEventListener("touchmove", this.handleTouchMove), this.listElement.removeEventListener("touchend", this.handleTouchEnd));
+    this.removeEventListener("touchstart", this.handleTouchStart), this.removeEventListener("touchmove", this.handleTouchMove), this.removeEventListener("touchend", this.handleTouchEnd);
   }
   render() {
     const e = {
@@ -5892,14 +5880,13 @@ class ue extends M {
       "base-list--pulling": this.isPulling
     }, t = {
       "pull-indicator": !0,
-      "pull-indicator--active": this.isPulling,
-      "pull-indicator--threshold": this.pullDistance >= this.pullThreshold
-    }, i = this.isPulling ? `transform: translateY(${this.pullDistance}px)` : "", s = this.isPulling ? `transform: translateY(${Math.max(-100 + this.pullDistance / this.pullThreshold * 100, -100)}%)` : "";
+      "pull-indicator--active": this.isPulling
+    }, i = this.isPulling ? `transform: translateY(${this.pullDistance}px)` : "", s = Math.min(this.pullDistance / this.pullThreshold * 180, 180), o = this.isPulling ? `transform: translateY(${Math.max(-100 + this.pullDistance / this.pullThreshold * 100, -100)}%)` : "", a = `transform: rotate(${s}deg)`;
     return f`
       <div class="base-list-wrapper">
         ${this.pullActionIcon ? f`
-          <div class=${S(t)} style=${s}>
-            <span class="pull-indicator__icon">${this.pullActionIcon}</span>
+          <div class=${S(t)} style=${o}>
+            <span class="pull-indicator__icon" style=${a}>${this.pullActionIcon}</span>
           </div>
         ` : ""}
         <div class=${S(e)} role=${this.role} style=${i}>
@@ -9475,8 +9462,8 @@ const po = (r, e, t, { allOwnKeys: i } = {}) => (et(e, (s, o) => {
     });
   };
   return Ie(r) ? i(r) : i(String(r).split(e)), t;
-}, Co = () => {
-}, Ao = (r, e) => r != null && Number.isFinite(r = +r) ? r : e;
+}, Ao = () => {
+}, Co = (r, e) => r != null && Number.isFinite(r = +r) ? r : e;
 function Eo(r) {
   return !!(r && W(r.append) && r[Nr] === "FormData" && r[bt]);
 }
@@ -9553,8 +9540,8 @@ const To = (r) => {
   freezeMethods: So,
   toObjectSet: _o,
   toCamelCase: $o,
-  noop: Co,
-  toFiniteNumber: Ao,
+  noop: Ao,
+  toFiniteNumber: Co,
   findKey: Hr,
   global: ye,
   isContextDefined: Fr,
@@ -9665,11 +9652,11 @@ function wt(r, e, t) {
       if (d.endsWith(v, "{}"))
         v = i ? v : v.slice(0, -2), g = JSON.stringify(g);
       else if (d.isArray(g) && Mo(g) || (d.isFileList(g) || d.endsWith(v, "[]")) && (x = d.toArray(g)))
-        return v = Wr(v), x.forEach(function(C, T) {
-          !(d.isUndefined(C) || C === null) && e.append(
+        return v = Wr(v), x.forEach(function(A, T) {
+          !(d.isUndefined(A) || A === null) && e.append(
             // eslint-disable-next-line no-nested-ternary
             a === !0 ? fr([v], T, o) : a === null ? v : v + "[]",
-            h(C)
+            h(A)
           );
         }), !1;
     }
@@ -9978,7 +9965,7 @@ function Qo(r) {
   return e;
 }
 const Go = (r) => /^[-_a-zA-Z0-9^`|~,!#$%&'*+.]+$/.test(r.trim());
-function Ct(r, e, t, i, s) {
+function At(r, e, t, i, s) {
   if (d.isFunction(i))
     return i.call(this, e, t);
   if (s && (e = t), !!d.isString(e)) {
@@ -10052,7 +10039,7 @@ class K {
   has(e, t) {
     if (e = qe(e), e) {
       const i = d.findKey(this, e);
-      return !!(i && this[i] !== void 0 && (!t || Ct(this, this[i], i, t)));
+      return !!(i && this[i] !== void 0 && (!t || At(this, this[i], i, t)));
     }
     return !1;
   }
@@ -10062,7 +10049,7 @@ class K {
     function o(a) {
       if (a = qe(a), a) {
         const n = d.findKey(i, a);
-        n && (!t || Ct(i, i[n], n, t)) && (delete i[n], s = !0);
+        n && (!t || At(i, i[n], n, t)) && (delete i[n], s = !0);
       }
     }
     return d.isArray(e) ? e.forEach(o) : o(e), s;
@@ -10072,7 +10059,7 @@ class K {
     let i = t.length, s = !1;
     for (; i--; ) {
       const o = t[i];
-      (!e || Ct(this, this[o], o, e, !0)) && (delete this[o], s = !0);
+      (!e || At(this, this[o], o, e, !0)) && (delete this[o], s = !0);
     }
     return s;
   }
@@ -10139,7 +10126,7 @@ d.reduceDescriptors(K.prototype, ({ value: r }, e) => {
   };
 });
 d.freezeMethods(K);
-function At(r, e) {
+function Ct(r, e) {
   const t = this || tt, i = e || t, s = K.from(i.headers);
   let o = i.data;
   return d.forEach(r, function(n) {
@@ -10365,13 +10352,13 @@ const rs = (r) => {
     function x() {
       if (!m)
         return;
-      const C = K.from(
+      const A = K.from(
         "getAllResponseHeaders" in m && m.getAllResponseHeaders()
       ), N = {
         data: !n || n === "text" || n === "json" ? m.responseText : m.response,
         status: m.status,
         statusText: m.statusText,
-        headers: C,
+        headers: A,
         config: r,
         request: m
       };
@@ -10399,8 +10386,8 @@ const rs = (r) => {
       )), m = null;
     }, o === void 0 && a.setContentType(null), "setRequestHeader" in m && d.forEach(a.toJSON(), function(T, N) {
       m.setRequestHeader(N, T);
-    }), d.isUndefined(s.withCredentials) || (m.withCredentials = !!s.withCredentials), n && n !== "json" && (m.responseType = s.responseType), h && ([b, g] = ut(h, !0), m.addEventListener("progress", b)), l && m.upload && ([p, w] = ut(l), m.upload.addEventListener("progress", p), m.upload.addEventListener("loadend", w)), (s.cancelToken || s.signal) && (c = (C) => {
-      m && (i(!C || C.type ? new Le(null, r, m) : C), m.abort(), m = null);
+    }), d.isUndefined(s.withCredentials) || (m.withCredentials = !!s.withCredentials), n && n !== "json" && (m.responseType = s.responseType), h && ([b, g] = ut(h, !0), m.addEventListener("progress", b)), l && m.upload && ([p, w] = ut(l), m.upload.addEventListener("progress", p), m.upload.addEventListener("loadend", w)), (s.cancelToken || s.signal) && (c = (A) => {
+      m && (i(!A || A.type ? new Le(null, r, m) : A), m.abort(), m = null);
     }, s.cancelToken && s.cancelToken.subscribe(c), s.signal && (s.signal.aborted ? c() : s.signal.addEventListener("abort", c)));
     const _ = ra(s.url);
     if (_ && H.protocols.indexOf(_) === -1) {
@@ -10553,7 +10540,7 @@ const rs = (r) => {
       method: m,
       data: x,
       signal: _,
-      cancelToken: C,
+      cancelToken: A,
       timeout: T,
       onDownloadProgress: N,
       onUploadProgress: fe,
@@ -10563,7 +10550,7 @@ const rs = (r) => {
       fetchOptions: Wt
     } = rs(g), Kt = e || fetch;
     Q = Q ? (Q + "").toLowerCase() : "text";
-    let st = ha([_, C && C.toAbortSignal()], T), Be = null;
+    let st = ha([_, A && A.toAbortSignal()], T), Be = null;
     const ge = st && st.unsubscribe && (() => {
       st.unsubscribe();
     });
@@ -10662,7 +10649,7 @@ d.forEach(Yt, (r, e) => {
     Object.defineProperty(r, "adapterName", { value: e });
   }
 });
-const Cr = (r) => `- ${r}`, va = (r) => d.isFunction(r) || r === null || r === !1;
+const Ar = (r) => `- ${r}`, va = (r) => d.isFunction(r) || r === null || r === !1;
 function ya(r, e) {
   r = d.isArray(r) ? r : [r];
   const { length: t } = r;
@@ -10682,8 +10669,8 @@ function ya(r, e) {
       ([l, h]) => `adapter ${l} ` + (h === !1 ? "is not supported by the environment" : "is not available in the build")
     );
     let n = t ? a.length > 1 ? `since :
-` + a.map(Cr).join(`
-`) : " " + Cr(a[0]) : "as no adapter specified";
+` + a.map(Ar).join(`
+`) : " " + Ar(a[0]) : "as no adapter specified";
     throw new $(
       "There is no suitable adapter to dispatch the request " + n,
       "ERR_NOT_SUPPORT"
@@ -10707,18 +10694,18 @@ function Et(r) {
   if (r.cancelToken && r.cancelToken.throwIfRequested(), r.signal && r.signal.aborted)
     throw new Le(null, r);
 }
-function Ar(r) {
-  return Et(r), r.headers = K.from(r.headers), r.data = At.call(
+function Cr(r) {
+  return Et(r), r.headers = K.from(r.headers), r.data = Ct.call(
     r,
     r.transformRequest
   ), ["post", "put", "patch"].indexOf(r.method) !== -1 && r.headers.setContentType("application/x-www-form-urlencoded", !1), is.getAdapter(r.adapter || tt.adapter, r)(r).then(function(i) {
-    return Et(r), i.data = At.call(
+    return Et(r), i.data = Ct.call(
       r,
       r.transformResponse,
       i
     ), i.headers = K.from(i.headers), i;
   }, function(i) {
-    return Gr(i) || (Et(r), i && i.response && (i.response.data = At.call(
+    return Gr(i) || (Et(r), i && i.response && (i.response.data = Ct.call(
       r,
       r.transformResponse,
       i.response
@@ -10838,7 +10825,7 @@ class we {
     });
     let c, p = 0, b;
     if (!l) {
-      const g = [Ar.bind(this), void 0];
+      const g = [Cr.bind(this), void 0];
       for (g.unshift(...n), g.push(...h), b = g.length, c = Promise.resolve(t); p < b; )
         c = c.then(g[p++], g[p++]);
       return c;
@@ -10855,7 +10842,7 @@ class we {
       }
     }
     try {
-      c = Ar.call(this, w);
+      c = Cr.call(this, w);
     } catch (g) {
       return Promise.reject(g);
     }
@@ -11080,7 +11067,7 @@ class Tr extends Error {
     super(e), this.name = "AuthRefreshError";
   }
 }
-const Aa = ({ baseUrl: r, useToasts: e = !0 }) => {
+const Ca = ({ baseUrl: r, useToasts: e = !0 }) => {
   const t = z.create({
     baseURL: r,
     headers: {
@@ -11186,7 +11173,7 @@ function Ea() {
   Vs(), Zs(), Ks(), Xs(), ti(), si(), Ei(), Di(), Pi(), zi(), Ii(), Bi(), Ui(), Hi(), Gs(), Lr(), Vi(), Zi();
 }
 export {
-  A as AuthForm,
+  C as AuthForm,
   Tr as AuthRefreshError,
   pe as BaseButton,
   De as BaseCard,
@@ -11205,7 +11192,7 @@ export {
   Re as BaseToast,
   ze as QuantitySelect,
   Me as ThemeToggle,
-  Aa as createApiClient,
+  Ca as createApiClient,
   Ea as registerAll,
   Vs as registerAuthForm,
   Zs as registerBaseButton,

package/package.json

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