@cal.macconnachie/web-components 2.6.11 → 2.6.13

package/dist/index.d.ts

@@ -206,6 +206,7 @@ export declare class BaseDrawer extends BaseElement {
     size: 'sm' | 'md' | 'lg' | 'full';
     detents: number[];
     persistOnOverlayClick: boolean;
+    defaultDetent: string;
     private isClosing;
     private isVisible;
     private isDragging;

package/dist/index.js

@@ -530,7 +530,7 @@ function y(r) {
   return u({ ...r, state: !0, attribute: !1 });
 }
 const Rs = (r, e, t) => (t.configurable = !0, t.enumerable = !0, Reflect.decorate && typeof e != "object" && Object.defineProperty(r, e, t), t);
-function V(r, e) {
+function Y(r, e) {
   return (t, i, s) => {
     const o = (a) => a.renderRoot?.querySelector(r) ?? null;
     return Rs(t, i, { get() {
@@ -2153,7 +2153,7 @@ E([
   y()
 ], A.prototype, "signupOtpDigits");
 E([
-  V("#email-input")
+  Y("#email-input")
 ], A.prototype, "emailInput");
 const S = qt(class extends Ht {
   constructor(r) {
@@ -3789,10 +3789,10 @@ I([
   y()
 ], P.prototype, "alignRight");
 I([
-  V(".date-display")
+  Y(".date-display")
 ], P.prototype, "dateDisplay");
 I([
-  V(".calendar-container")
+  Y(".calendar-container")
 ], P.prototype, "calendarContainer");
 var Qs = Object.defineProperty, U = (r, e, t, i) => {
   for (var s = void 0, o = r.length - 1, a; o >= 0; o--)
@@ -4303,12 +4303,12 @@ U([
   y()
 ], L.prototype, "alignRight");
 U([
-  V(".time-display")
+  Y(".time-display")
 ], L.prototype, "timeDisplay");
 U([
-  V(".time-container")
+  Y(".time-container")
 ], L.prototype, "timeContainer");
-var ei = Object.defineProperty, F = (r, e, t, i) => {
+var ei = Object.defineProperty, j = (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 && ei(e, t, s), s;
@@ -4556,66 +4556,66 @@ class q extends M {
     `;
   }
 }
-F([
+j([
   u({ type: String })
 ], q.prototype, "value");
-F([
+j([
   u({ type: String })
 ], q.prototype, "label");
-F([
+j([
   u({ type: String })
 ], q.prototype, "placeholder");
-F([
+j([
   u({ type: Boolean, reflect: !0 })
 ], q.prototype, "required");
-F([
+j([
   u({ type: Boolean, reflect: !0 })
 ], q.prototype, "disabled");
-F([
+j([
   u({ type: String })
 ], q.prototype, "error");
-F([
+j([
   u({ type: String })
 ], q.prototype, "hint");
-F([
+j([
   u({ type: String })
 ], q.prototype, "size");
-F([
+j([
   u({ type: String })
 ], q.prototype, "minDate");
-F([
+j([
   u({ type: String })
 ], q.prototype, "maxDate");
-F([
+j([
   u({ type: String })
 ], q.prototype, "format");
-F([
+j([
   y()
 ], q.prototype, "dateValue");
-F([
+j([
   y()
 ], q.prototype, "timeValue");
-F([
+j([
   y()
 ], q.prototype, "isFocused");
-F([
-  V("base-date-picker")
+j([
+  Y("base-date-picker")
 ], q.prototype, "datePicker");
-F([
-  V("base-time-picker")
+j([
+  Y("base-time-picker")
 ], q.prototype, "timePicker");
-var ri = Object.defineProperty, Y = (r, e, t, i) => {
+var ri = Object.defineProperty, V = (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 && ri(e, t, s), s;
 };
 const si = () => R({
   name: "base-drawer",
-  element: j
+  element: H
 });
-class j extends M {
+class H extends M {
   constructor() {
-    super(...arguments), this.open = !1, this.size = "sm", this.detents = [0, 85], this.persistOnOverlayClick = !1, this.isClosing = !1, this.isVisible = !1, this.isDragging = !1, this.dragStartY = 0, this.dragCurrentY = 0, this.dragStartTime = 0, this.lastDragEndTime = 0, this.currentDetentIndex = 0, this.dragCommitted = !1, this.transitionDuration = 300, this.boundKeyHandler = (e) => {
+    super(...arguments), this.open = !1, this.size = "sm", this.detents = [0, 85], this.persistOnOverlayClick = !1, this.defaultDetent = "", this.isClosing = !1, this.isVisible = !1, this.isDragging = !1, this.dragStartY = 0, this.dragCurrentY = 0, this.dragStartTime = 0, this.lastDragEndTime = 0, this.currentDetentIndex = 0, this.dragCommitted = !1, this.transitionDuration = 300, this.boundKeyHandler = (e) => {
       e.key === "Escape" && this.isVisible && this.isClosable() && this.handleClose();
     }, this.handleClose = () => {
       this.isClosing || !this.isVisible || (this.cleanupInlineStyles(), this.isDragging = !1, this.dragCommitted = !1, this.dragStartY = 0, this.dragCurrentY = 0, this.dragStartTime = 0, this.isClosing = !0, setTimeout(() => {
@@ -4721,7 +4721,11 @@ class j extends M {
     if (this.open) {
       this.isVisible = !0;
       const e = this.getActiveDetents();
-      this.currentDetentIndex = this.isClosable() ? Math.max(0, e.length - 1) : 0;
+      if (this.defaultDetent != "") {
+        const t = Number(this.defaultDetent), i = e.findIndex((s) => s === t);
+        this.currentDetentIndex = i !== -1 ? i : 0;
+      } else
+        this.currentDetentIndex = this.isClosable() ? Math.max(0, e.length - 1) : 0;
     }
   }
   updated(e) {
@@ -4729,7 +4733,12 @@ class j extends M {
       if (this.open) {
         this.isVisible = !0;
         const t = this.getActiveDetents();
-        this.currentDetentIndex = this.isClosable() ? Math.max(0, t.length - 1) : 0, this.lockBodyScroll();
+        if (this.defaultDetent != "") {
+          const i = Number(this.defaultDetent), s = t.findIndex((o) => o === i);
+          this.currentDetentIndex = s !== -1 ? s : 0;
+        } else
+          this.currentDetentIndex = this.isClosable() ? Math.max(0, t.length - 1) : 0;
+        this.lockBodyScroll();
       } else this.isVisible && this.handleClose();
     e.has("isVisible") && (this.isVisible ? (this.lockBodyScroll(), this.cleanupInlineStyles()) : (this.unlockBodyScroll(), this.resetState()));
   }
@@ -4764,7 +4773,12 @@ class j extends M {
   openDrawer() {
     this.open = !0, this.isVisible = !0;
     const e = this.getActiveDetents();
-    this.currentDetentIndex = this.isClosable() ? Math.max(0, e.length - 1) : 0, this.dispatchEvent(
+    if (this.defaultDetent != "") {
+      const t = Number(this.defaultDetent), i = e.findIndex((s) => s === t);
+      this.currentDetentIndex = i !== -1 ? i : 0;
+    } else
+      this.currentDetentIndex = this.isClosable() ? Math.max(0, e.length - 1) : 0;
+    this.dispatchEvent(
       new CustomEvent("drawer-open", {
         bubbles: !0,
         composed: !0
@@ -5020,13 +5034,13 @@ class j extends M {
     }`;
   }
 }
-Y([
+V([
   u({ type: Boolean, reflect: !0 })
-], j.prototype, "open");
-Y([
+], H.prototype, "open");
+V([
   u({ type: String, attribute: "size" })
-], j.prototype, "size");
-Y([
+], H.prototype, "size");
+V([
   u({
     type: Array,
     converter: {
@@ -5040,43 +5054,46 @@ Y([
       }
     }
   })
-], j.prototype, "detents");
-Y([
+], H.prototype, "detents");
+V([
   u({ type: Boolean, attribute: "persist-on-overlay-click" })
-], j.prototype, "persistOnOverlayClick");
-Y([
+], H.prototype, "persistOnOverlayClick");
+V([
+  u({ type: String, attribute: "default-detent" })
+], H.prototype, "defaultDetent");
+V([
   y()
-], j.prototype, "isClosing");
-Y([
+], H.prototype, "isClosing");
+V([
   y()
-], j.prototype, "isVisible");
-Y([
+], H.prototype, "isVisible");
+V([
   y()
-], j.prototype, "isDragging");
-Y([
+], H.prototype, "isDragging");
+V([
   y()
-], j.prototype, "dragStartY");
-Y([
+], H.prototype, "dragStartY");
+V([
   y()
-], j.prototype, "dragCurrentY");
-Y([
+], H.prototype, "dragCurrentY");
+V([
   y()
-], j.prototype, "dragStartTime");
-Y([
+], H.prototype, "dragStartTime");
+V([
   y()
-], j.prototype, "lastDragEndTime");
-Y([
+], H.prototype, "lastDragEndTime");
+V([
   y()
-], j.prototype, "currentDetentIndex");
-Y([
+], H.prototype, "currentDetentIndex");
+V([
   y()
-], j.prototype, "dragCommitted");
-Y([
-  V(".modal-container")
-], j.prototype, "modalContainer");
-Y([
-  V(".drawer-content")
-], j.prototype, "drawerContent");
+], H.prototype, "dragCommitted");
+V([
+  Y(".modal-container")
+], H.prototype, "modalContainer");
+V([
+  Y(".drawer-content")
+], H.prototype, "drawerContent");
 const ii = `<?xml version="1.0" encoding="UTF-8"?>
 <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 90 90">
   <defs>
@@ -5728,7 +5745,7 @@ re([
   u({ type: String })
 ], G.prototype, "size");
 re([
-  V("input")
+  Y("input")
 ], G.prototype, "inputElement");
 var Oi = Object.defineProperty, Se = (r, e, t, i) => {
   for (var s = void 0, o = r.length - 1, a; o >= 0; o--)
@@ -7291,13 +7308,13 @@ O([
   y()
 ], D.prototype, "selectedValuesSet");
 O([
-  V(".select-input")
+  Y(".select-input")
 ], D.prototype, "selectInput");
 O([
-  V(".select-display")
+  Y(".select-display")
 ], D.prototype, "selectDisplay");
 O([
-  V(".dropdown-options")
+  Y(".dropdown-options")
 ], D.prototype, "dropdownElement");
 var Li = Object.defineProperty, We = (r, e, t, i) => {
   for (var s = void 0, o = r.length - 1, a; o >= 0; o--)
@@ -8079,7 +8096,7 @@ le([
   y()
 ], ae.prototype, "isMobile");
 le([
-  V(".tabs-nav")
+  Y(".tabs-nav")
 ], ae.prototype, "tabsNav");
 var qi = Object.defineProperty, te = (r, e, t, i) => {
   for (var s = void 0, o = r.length - 1, a; o >= 0; o--)
@@ -8381,7 +8398,7 @@ te([
   u({ type: String })
 ], X.prototype, "resize");
 te([
-  V("textarea")
+  Y("textarea")
 ], X.prototype, "textareaElement");
 var Fi = Object.defineProperty, Ke = (r, e, t, i) => {
   for (var s = void 0, o = r.length - 1, a; o >= 0; o--)
@@ -9824,14 +9841,14 @@ self instanceof WorkerGlobalScope && typeof self.importScripts == "function", jo
   hasStandardBrowserWebWorkerEnv: Fo,
   navigator: Pt,
   origin: jo
-}, Symbol.toStringTag, { value: "Module" })), H = {
+}, Symbol.toStringTag, { value: "Module" })), F = {
   ...Vo,
   ...qo
 };
 function Yo(r, e) {
-  return wt(r, new H.classes.URLSearchParams(), {
+  return wt(r, new F.classes.URLSearchParams(), {
     visitor: function(t, i, s, o) {
-      return H.isNode && d.isBuffer(t) ? (this.append(i, t.toString("base64")), !1) : o.defaultVisitor.apply(this, arguments);
+      return F.isNode && d.isBuffer(t) ? (this.append(i, t.toString("base64")), !1) : o.defaultVisitor.apply(this, arguments);
     },
     ...e
   });
@@ -9926,8 +9943,8 @@ const tt = {
   maxContentLength: -1,
   maxBodyLength: -1,
   env: {
-    FormData: H.classes.FormData,
-    Blob: H.classes.Blob
+    FormData: F.classes.FormData,
+    Blob: F.classes.Blob
   },
   validateStatus: function(e) {
     return e >= 200 && e < 300;
@@ -10227,10 +10244,10 @@ const ut = (r, e, t = 3) => {
     total: r,
     loaded: i
   }), e[1]];
-}, yr = (r) => (...e) => d.asap(() => r(...e)), oa = H.hasStandardBrowserEnv ? /* @__PURE__ */ ((r, e) => (t) => (t = new URL(t, H.origin), r.protocol === t.protocol && r.host === t.host && (e || r.port === t.port)))(
-  new URL(H.origin),
-  H.navigator && /(msie|trident)/i.test(H.navigator.userAgent)
-) : () => !0, aa = H.hasStandardBrowserEnv ? (
+}, yr = (r) => (...e) => d.asap(() => r(...e)), oa = F.hasStandardBrowserEnv ? /* @__PURE__ */ ((r, e) => (t) => (t = new URL(t, F.origin), r.protocol === t.protocol && r.host === t.host && (e || r.port === t.port)))(
+  new URL(F.origin),
+  F.navigator && /(msie|trident)/i.test(F.navigator.userAgent)
+) : () => !0, aa = F.hasStandardBrowserEnv ? (
   // Standard browser envs support document.cookie
   {
     write(r, e, t, i, s, o, a) {
@@ -10341,7 +10358,7 @@ const rs = (r) => {
     "Authorization",
     "Basic " + btoa((n.username || "") + ":" + (n.password ? unescape(encodeURIComponent(n.password)) : ""))
   ), d.isFormData(t)) {
-    if (H.hasStandardBrowserEnv || H.hasStandardBrowserWebWorkerEnv)
+    if (F.hasStandardBrowserEnv || F.hasStandardBrowserWebWorkerEnv)
       a.setContentType(void 0);
     else if (d.isFunction(t.getHeaders)) {
       const l = t.getHeaders(), h = ["content-type", "content-length"];
@@ -10350,7 +10367,7 @@ const rs = (r) => {
       });
     }
   }
-  if (H.hasStandardBrowserEnv && (i && d.isFunction(i) && (i = i(e)), i || i !== !1 && oa(e.url))) {
+  if (F.hasStandardBrowserEnv && (i && d.isFunction(i) && (i = i(e)), i || i !== !1 && oa(e.url))) {
     const l = s && o && aa.read(o);
     l && a.set(s, l);
   }
@@ -10407,7 +10424,7 @@ const rs = (r) => {
       m && (i(!C || C.type ? new Le(null, r, m) : C), 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) {
+    if (_ && F.protocols.indexOf(_) === -1) {
       i(new $("Unsupported protocol " + _ + ":", $.ERR_BAD_REQUEST, r));
       return;
     }
@@ -10514,7 +10531,7 @@ const rs = (r) => {
     return !1;
   const n = s && at(kr), l = s && (typeof Sr == "function" ? /* @__PURE__ */ ((g) => (v) => g.encode(v))(new Sr()) : async (g) => new Uint8Array(await new t(g).arrayBuffer())), h = o && n && _r(() => {
     let g = !1;
-    const v = new t(H.origin, {
+    const v = new t(F.origin, {
       body: new kr(),
       method: "POST",
       get duplex() {
@@ -10539,7 +10556,7 @@ const rs = (r) => {
     if (d.isBlob(g))
       return g.size;
     if (d.isSpecCompliantForm(g))
-      return (await new t(H.origin, {
+      return (await new t(F.origin, {
         method: "POST",
         body: g
       }).arrayBuffer()).byteLength;
@@ -11196,7 +11213,7 @@ export {
   De as BaseCard,
   P as BaseDatePicker,
   q as BaseDateTimePicker,
-  j as BaseDrawer,
+  H as BaseDrawer,
   Oe as BaseIcon,
   G as BaseInput,
   ue as BaseList,

package/package.json

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