@cal.macconnachie/web-components 2.4.11 → 2.4.12

package/dist/index.js

@@ -326,7 +326,7 @@ let $s = class {
     for (; l !== void 0; ) {
       if (a === l.index) {
         let h;
-        l.type === 2 ? h = new Ee(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 Ae(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];
       }
       a !== l?.index && (o = be.nextNode(), a++);
     }
@@ -337,7 +337,7 @@ let $s = class {
     for (const i of this._$AV) i !== void 0 && (i.strings !== void 0 ? (i._$AI(e, i, t), t += i.strings.length - 2) : i._$AI(e[t])), t++;
   }
 };
-class Ee {
+class Ae {
   get _$AU() {
     return this._$AM?._$AU ?? this._$Cv;
   }
@@ -383,7 +383,7 @@ class Ee {
     Bt(this._$AH) || (this._$AH = [], this._$AR());
     const t = this._$AH;
     let i, s = 0;
-    for (const o of e) s === t.length ? t.push(i = new Ee(this.O(Fe()), this.O(Fe()), this, this.options)) : i = t[s], i._$AI(o), s++;
+    for (const o of e) s === t.length ? t.push(i = new Ae(this.O(Fe()), this.O(Fe()), this, this.options)) : i = t[s], i._$AI(o), s++;
     s < t.length && (this._$AR(i && i._$AB.nextSibling, s), t.length = s);
   }
   _$AR(e = this._$AA.nextSibling, t) {
@@ -461,14 +461,14 @@ class Cs {
     _e(this, e);
   }
 }
-const Es = { I: Ee }, As = Lt.litHtmlPolyfillSupport;
-As?.(je, Ee), (Lt.litHtmlVersions ??= []).push("3.3.1");
+const As = { I: Ae }, Es = Lt.litHtmlPolyfillSupport;
+Es?.(je, Ae), (Lt.litHtmlVersions ??= []).push("3.3.1");
 const Ts = (r, e, t) => {
   const i = t?.renderBefore ?? e;
   let s = i._$litPart$;
   if (s === void 0) {
     const o = t?.renderBefore ?? null;
-    i._$litPart$ = s = new Ee(e.insertBefore(Fe(), o), o, void 0, t ?? {});
+    i._$litPart$ = s = new Ae(e.insertBefore(Fe(), o), o, void 0, t ?? {});
   }
   return s._$AI(r), s;
 };
@@ -555,7 +555,7 @@ class Ft {
     return this.render(...t);
   }
 }
-const { I: zs } = Es, dr = () => document.createComment(""), Be = (r, e, t) => {
+const { I: zs } = As, dr = () => document.createComment(""), Be = (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);
@@ -935,7 +935,7 @@ const P = ({
     }
   };
 };
-var Hs = Object.defineProperty, A = (r, e, t, i) => {
+var Hs = Object.defineProperty, E = (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 && Hs(e, t, s), s;
@@ -952,9 +952,9 @@ const js = [
   "expires_in"
 ], Vs = () => P({
   name: "auth-form",
-  element: E
+  element: A
 });
-class E extends R {
+class A extends R {
   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;
@@ -2070,90 +2070,90 @@ class E extends R {
     }`;
   }
 }
-A([
+E([
   u({ type: String, attribute: "initial-mode" })
-], E.prototype, "initialMode");
-A([
+], A.prototype, "initialMode");
+E([
   u({ type: String, attribute: "logo-url" })
-], E.prototype, "logoUrl");
-A([
+], A.prototype, "logoUrl");
+E([
   u({ type: String, attribute: "oauth-domain" })
-], E.prototype, "oauthDomain");
-A([
+], A.prototype, "oauthDomain");
+E([
   u({ type: String, attribute: "oauth-region" })
-], E.prototype, "oauthRegion");
-A([
+], A.prototype, "oauthRegion");
+E([
   u({ type: String, attribute: "oauth-user-pool-id" })
-], E.prototype, "oauthUserPoolId");
-A([
+], A.prototype, "oauthUserPoolId");
+E([
   u({ type: String, attribute: "oauth-client-id" })
-], E.prototype, "oauthClientId");
-A([
+], A.prototype, "oauthClientId");
+E([
   u({ type: String, attribute: "oauth-redirect-uri" })
-], E.prototype, "oauthRedirectUri");
-A([
+], A.prototype, "oauthRedirectUri");
+E([
   u({ type: String, attribute: "oauth-spa-domain" })
-], E.prototype, "oauthSpaDomain");
-A([
+], A.prototype, "oauthSpaDomain");
+E([
   u({ type: Boolean, attribute: "disable-signup" })
-], E.prototype, "disableSignup");
-A([
+], A.prototype, "disableSignup");
+E([
   u({ type: Boolean, attribute: "mock-mode" })
-], E.prototype, "mockMode");
-A([
+], A.prototype, "mockMode");
+E([
   w()
-], E.prototype, "mode");
-A([
+], A.prototype, "mode");
+E([
   w()
-], E.prototype, "resetStep");
-A([
+], A.prototype, "resetStep");
+E([
   w()
-], E.prototype, "signupStep");
-A([
+], A.prototype, "signupStep");
+E([
   w()
-], E.prototype, "isLoading");
-A([
+], A.prototype, "isLoading");
+E([
   w()
-], E.prototype, "isLoggedIn");
-A([
+], A.prototype, "isLoggedIn");
+E([
   w()
-], E.prototype, "email");
-A([
+], A.prototype, "email");
+E([
   w()
-], E.prototype, "password");
-A([
+], A.prototype, "password");
+E([
   w()
-], E.prototype, "givenName");
-A([
+], A.prototype, "givenName");
+E([
   w()
-], E.prototype, "familyName");
-A([
+], A.prototype, "familyName");
+E([
   w()
-], E.prototype, "newPassword");
-A([
+], A.prototype, "newPassword");
+E([
   w()
-], E.prototype, "confirmPassword");
-A([
+], A.prototype, "confirmPassword");
+E([
   w()
-], E.prototype, "notice");
-A([
+], A.prototype, "notice");
+E([
   w()
-], E.prototype, "error");
-A([
+], A.prototype, "error");
+E([
   w()
-], E.prototype, "errors");
-A([
+], A.prototype, "errors");
+E([
   w()
-], E.prototype, "userEmail");
-A([
+], A.prototype, "userEmail");
+E([
   w()
-], E.prototype, "otpDigits");
-A([
+], A.prototype, "otpDigits");
+E([
   w()
-], E.prototype, "signupOtpDigits");
-A([
+], A.prototype, "signupOtpDigits");
+E([
   V("#email-input")
-], E.prototype, "emailInput");
+], A.prototype, "emailInput");
 const S = qt(class extends Ft {
   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.");
@@ -2685,9 +2685,9 @@ var Ws = Object.defineProperty, Ve = (r, e, t, i) => {
 };
 const Ks = () => P({
   name: "base-card",
-  element: Ae
+  element: Ee
 });
-class Ae extends R {
+class Ee extends R {
   constructor() {
     super(...arguments), this.variant = "default", this.padding = "none", this.hoverable = !1, this.expandable = !1, this.isExpanded = !1;
   }
@@ -2936,19 +2936,19 @@ class Ae extends R {
 }
 Ve([
   u({ type: String, attribute: "variant" })
-], Ae.prototype, "variant");
+], Ee.prototype, "variant");
 Ve([
   u({ type: String, attribute: "padding" })
-], Ae.prototype, "padding");
+], Ee.prototype, "padding");
 Ve([
   u({ type: Boolean, reflect: !0, attribute: "hoverable" })
-], Ae.prototype, "hoverable");
+], Ee.prototype, "hoverable");
 Ve([
   u({ type: Boolean, reflect: !0, attribute: "expandable" })
-], Ae.prototype, "expandable");
+], Ee.prototype, "expandable");
 Ve([
   w()
-], Ae.prototype, "isExpanded");
+], Ee.prototype, "isExpanded");
 const J = (r) => r ?? k;
 var Xs = Object.defineProperty, z = (r, e, t, i) => {
   for (var s = void 0, o = r.length - 1, a; o >= 0; o--)
@@ -5360,7 +5360,7 @@ var Ci = Object.defineProperty, ft = (r, e, t, i) => {
     (a = r[o]) && (s = a(e, t, s) || s);
   return s && Ci(e, t, s), s;
 };
-const Ei = /* @__PURE__ */ Object.assign({
+const Ai = /* @__PURE__ */ Object.assign({
   "../../public/icons/arrow.svg": ii,
   "../../public/icons/calendar-day.svg": oi,
   "../../public/icons/calendar-month.svg": ai,
@@ -5383,7 +5383,7 @@ const Ei = /* @__PURE__ */ Object.assign({
   "../../public/icons/sun.svg": ki,
   "../../public/icons/trash-can.svg": Si,
   "../../public/icons/user.svg": _i
-}), Ai = () => P({
+}), Ei = () => P({
   name: "base-icon",
   element: Te
 });
@@ -5427,7 +5427,7 @@ class Te extends R {
     }
     try {
       const e = `../../public/icons/${this.name}.svg`;
-      let t = Ei[e];
+      let t = Ai[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;
@@ -5912,6 +5912,75 @@ class ie extends R {
       filter: brightness(0.9);
     }
 
+    /* Desktop hover actions */
+    .desktop-actions {
+      position: absolute;
+      right: 0;
+      top: 0;
+      bottom: 0;
+      display: flex;
+      align-items: center;
+      gap: var(--space-1);
+      padding-right: var(--space-3);
+      opacity: 0;
+      transform: translateX(10px);
+      transition: all var(--transition-fast);
+      pointer-events: none;
+      z-index: 2;
+      background: linear-gradient(to right, transparent, var(--color-bg-primary) 20%);
+      padding-left: var(--space-8);
+    }
+
+    .desktop-action-button {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 32px;
+      height: 32px;
+      border: none;
+      border-radius: var(--radius-md);
+      cursor: pointer;
+      transition: all var(--transition-fast);
+      color: white;
+      pointer-events: auto;
+    }
+
+    .desktop-action-button:hover {
+      transform: scale(1.1);
+      filter: brightness(1.1);
+    }
+
+    .desktop-action-button:active {
+      transform: scale(0.95);
+    }
+
+    .desktop-action-button:focus-visible {
+      outline: 2px solid var(--color-border-focus);
+      outline-offset: 2px;
+    }
+
+    /* Show desktop actions on hover (desktop only) */
+    @media (hover: hover) and (pointer: fine) {
+      :host(:hover) .desktop-actions,
+      :host(:focus-within) .desktop-actions {
+        opacity: 1;
+        transform: translateX(0);
+        pointer-events: auto;
+      }
+
+      /* Hide swipe actions on desktop */
+      .swipe-actions {
+        display: none;
+      }
+    }
+
+    /* Hide desktop actions on touch devices */
+    @media (hover: none) {
+      .desktop-actions {
+        display: none;
+      }
+    }
+
     .base-list-item {
       position: relative;
       display: block;
@@ -6079,6 +6148,46 @@ class ie extends R {
               </div>
             ` : ""}
 
+        <!-- Desktop hover actions -->
+        ${this.leftSwipeAction || this.rightSwipeAction ? f`
+              <div class="desktop-actions">
+                ${this.leftSwipeAction ? f`
+                      <button
+                        class="desktop-action-button"
+                        style="background-color: ${this.leftSwipeAction.color || "var(--color-success)"}"
+                        @click=${(t) => {
+      t.stopPropagation(), this.triggerSwipeAction(this.leftSwipeAction);
+    }}
+                        title=${this.leftSwipeAction.label || ""}
+                        aria-label=${this.leftSwipeAction.label || ""}
+                      >
+                        <base-icon
+                          name=${this.leftSwipeAction.icon}
+                          size="20px"
+                          color="white"
+                        ></base-icon>
+                      </button>
+                    ` : ""}
+                ${this.rightSwipeAction ? f`
+                      <button
+                        class="desktop-action-button"
+                        style="background-color: ${this.rightSwipeAction.color || "var(--color-error)"}"
+                        @click=${(t) => {
+      t.stopPropagation(), this.triggerSwipeAction(this.rightSwipeAction);
+    }}
+                        title=${this.rightSwipeAction.label || ""}
+                        aria-label=${this.rightSwipeAction.label || ""}
+                      >
+                        <base-icon
+                          name=${this.rightSwipeAction.icon}
+                          size="20px"
+                          color="white"
+                        ></base-icon>
+                      </button>
+                    ` : ""}
+              </div>
+            ` : ""}
+
         <div
           class=${S(e)}
           style="transform: translateX(${this.swipeOffset}px)"
@@ -8809,8 +8918,8 @@ const po = (r, e, t, { allOwnKeys: i } = {}) => (Qe(e, (s, o) => {
   };
   return ze(r) ? i(r) : i(String(r).split(e)), t;
 }, Co = () => {
-}, Eo = (r, e) => r != null && Number.isFinite(r = +r) ? r : e;
-function Ao(r) {
+}, Ao = (r, e) => r != null && Number.isFinite(r = +r) ? r : e;
+function Eo(r) {
   return !!(r && Y(r.append) && r[Nr] === "FormData" && r[bt]);
 }
 const To = (r) => {
@@ -8887,11 +8996,11 @@ const To = (r) => {
   toObjectSet: _o,
   toCamelCase: $o,
   noop: Co,
-  toFiniteNumber: Eo,
+  toFiniteNumber: Ao,
   findKey: Fr,
   global: ve,
   isContextDefined: Hr,
-  isSpecCompliantForm: Ao,
+  isSpecCompliantForm: Eo,
   toJSONObject: To,
   isAsyncFn: Do,
   isThenable: Po,
@@ -9472,7 +9581,7 @@ d.reduceDescriptors(W.prototype, ({ value: r }, e) => {
   };
 });
 d.freezeMethods(W);
-function Et(r, e) {
+function At(r, e) {
   const t = this || et, i = e || t, s = W.from(i.headers);
   let o = i.data;
   return d.forEach(r, function(n) {
@@ -10036,22 +10145,22 @@ const is = {
    */
   adapters: Zt
 };
-function At(r) {
+function Et(r) {
   if (r.cancelToken && r.cancelToken.throwIfRequested(), r.signal && r.signal.aborted)
     throw new Me(null, r);
 }
-function Er(r) {
-  return At(r), r.headers = W.from(r.headers), r.data = Et.call(
+function Ar(r) {
+  return Et(r), r.headers = W.from(r.headers), r.data = At.call(
     r,
     r.transformRequest
   ), ["post", "put", "patch"].indexOf(r.method) !== -1 && r.headers.setContentType("application/x-www-form-urlencoded", !1), is.getAdapter(r.adapter || et.adapter, r)(r).then(function(i) {
-    return At(r), i.data = Et.call(
+    return Et(r), i.data = At.call(
       r,
       r.transformResponse,
       i
     ), i.headers = W.from(i.headers), i;
   }, function(i) {
-    return Qr(i) || (At(r), i && i.response && (i.response.data = Et.call(
+    return Qr(i) || (Et(r), i && i.response && (i.response.data = At.call(
       r,
       r.transformResponse,
       i.response
@@ -10064,7 +10173,7 @@ const os = "1.13.2", xt = {};
     return typeof i === r || "a" + (e < 1 ? "n " : " ") + r;
   };
 });
-const Ar = {};
+const Er = {};
 xt.transitional = function(e, t, i) {
   function s(o, a) {
     return "[Axios v" + os + "] Transitional option '" + o + "'" + a + (i ? ". " + i : "");
@@ -10075,7 +10184,7 @@ xt.transitional = function(e, t, i) {
         s(a, " has been removed" + (t ? " in " + t : "")),
         $.ERR_DEPRECATED
       );
-    return t && !Ar[a] && (Ar[a] = !0), e ? e(o, a, n) : !0;
+    return t && !Er[a] && (Er[a] = !0), e ? e(o, a, n) : !0;
   };
 };
 xt.spelling = function(e) {
@@ -10171,7 +10280,7 @@ class ye {
     });
     let c, p = 0, b;
     if (!l) {
-      const g = [Er.bind(this), void 0];
+      const g = [Ar.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;
@@ -10188,7 +10297,7 @@ class ye {
       }
     }
     try {
-      c = Er.call(this, y);
+      c = Ar.call(this, y);
     } catch (g) {
       return Promise.reject(g);
     }
@@ -10413,7 +10522,7 @@ class Tr extends Error {
     super(e), this.name = "AuthRefreshError";
   }
 }
-const Ea = ({ baseUrl: r, useToasts: e = !0 }) => {
+const Aa = ({ baseUrl: r, useToasts: e = !0 }) => {
   const t = O.create({
     baseURL: r,
     headers: {
@@ -10515,14 +10624,14 @@ const Ea = ({ baseUrl: r, useToasts: e = !0 }) => {
     }
   ), t;
 };
-function Aa() {
-  Vs(), Ys(), Ks(), Js(), ti(), si(), Ai(), Di(), Oi(), zi(), Ii(), Bi(), Ui(), Fi(), Qs(), Lr(), Vi(), Yi();
+function Ea() {
+  Vs(), Ys(), Ks(), Js(), ti(), si(), Ei(), Di(), Oi(), zi(), Ii(), Bi(), Ui(), Fi(), Qs(), Lr(), Vi(), Yi();
 }
 export {
-  E as AuthForm,
+  A as AuthForm,
   Tr as AuthRefreshError,
   pe as BaseButton,
-  Ae as BaseCard,
+  Ee as BaseCard,
   D as BaseDatePicker,
   q as BaseDateTimePicker,
   j as BaseDrawer,
@@ -10538,15 +10647,15 @@ export {
   Pe as BaseToast,
   Oe as QuantitySelect,
   Re as ThemeToggle,
-  Ea as createApiClient,
-  Aa as registerAll,
+  Aa as createApiClient,
+  Ea as registerAll,
   Vs as registerAuthForm,
   Ys as registerBaseButton,
   Ks as registerBaseCard,
   Js as registerBaseDatePicker,
   ti as registerBaseDateTimePicker,
   si as registerBaseDrawer,
-  Ai as registerBaseIcon,
+  Ei as registerBaseIcon,
   Di as registerBaseInput,
   Oi as registerBaseList,
   zi as registerBaseListItem,

package/package.json

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