vanilla-drawers 1.0.15 → 1.1.16

package/dist/drawers.es.js

@@ -1,151 +1,151 @@
-var J = (n, t, e) => {
+var W = (n, t, e) => {
   if (!t.has(n))
     throw TypeError("Cannot " + e);
 };
-var r = (n, t, e) => (J(n, t, "read from private field"), e ? e.call(n) : t.get(n)), y = (n, t, e) => {
+var s = (n, t, e) => (W(n, t, "read from private field"), e ? e.call(n) : t.get(n)), g = (n, t, e) => {
   if (t.has(n))
     throw TypeError("Cannot add the same private member more than once");
   t instanceof WeakSet ? t.add(n) : t.set(n, e);
-}, b = (n, t, e, l) => (J(n, t, "write to private field"), l ? l.call(n, e) : t.set(n, e), e);
-function te(n) {
+}, b = (n, t, e, o) => (W(n, t, "write to private field"), o ? o.call(n, e) : t.set(n, e), e);
+function ne(n) {
   return n && n.__esModule && Object.prototype.hasOwnProperty.call(n, "default") ? n.default : n;
 }
-var ne = { exports: {} };
+var se = { exports: {} };
 (function(n) {
   var t = Object.prototype.hasOwnProperty, e = "~";
-  function l() {
+  function o() {
   }
-  Object.create && (l.prototype = /* @__PURE__ */ Object.create(null), new l().__proto__ || (e = !1));
-  function s(h, i, o) {
-    this.fn = h, this.context = i, this.once = o || !1;
+  Object.create && (o.prototype = /* @__PURE__ */ Object.create(null), new o().__proto__ || (e = !1));
+  function r(h, i, l) {
+    this.fn = h, this.context = i, this.once = l || !1;
   }
-  function f(h, i, o, c, O) {
-    if (typeof o != "function")
+  function f(h, i, l, c, v) {
+    if (typeof l != "function")
       throw new TypeError("The listener must be a function");
-    var g = new s(o, c || h, O), w = e ? e + i : i;
-    return h._events[w] ? h._events[w].fn ? h._events[w] = [h._events[w], g] : h._events[w].push(g) : (h._events[w] = g, h._eventsCount++), h;
+    var y = new r(l, c || h, v), m = e ? e + i : i;
+    return h._events[m] ? h._events[m].fn ? h._events[m] = [h._events[m], y] : h._events[m].push(y) : (h._events[m] = y, h._eventsCount++), h;
   }
   function d(h, i) {
-    --h._eventsCount === 0 ? h._events = new l() : delete h._events[i];
+    --h._eventsCount === 0 ? h._events = new o() : delete h._events[i];
   }
   function u() {
-    this._events = new l(), this._eventsCount = 0;
+    this._events = new o(), this._eventsCount = 0;
   }
   u.prototype.eventNames = function() {
-    var i = [], o, c;
+    var i = [], l, c;
     if (this._eventsCount === 0)
       return i;
-    for (c in o = this._events)
-      t.call(o, c) && i.push(e ? c.slice(1) : c);
-    return Object.getOwnPropertySymbols ? i.concat(Object.getOwnPropertySymbols(o)) : i;
+    for (c in l = this._events)
+      t.call(l, c) && i.push(e ? c.slice(1) : c);
+    return Object.getOwnPropertySymbols ? i.concat(Object.getOwnPropertySymbols(l)) : i;
   }, u.prototype.listeners = function(i) {
-    var o = e ? e + i : i, c = this._events[o];
+    var l = e ? e + i : i, c = this._events[l];
     if (!c)
       return [];
     if (c.fn)
       return [c.fn];
-    for (var O = 0, g = c.length, w = new Array(g); O < g; O++)
-      w[O] = c[O].fn;
-    return w;
+    for (var v = 0, y = c.length, m = new Array(y); v < y; v++)
+      m[v] = c[v].fn;
+    return m;
   }, u.prototype.listenerCount = function(i) {
-    var o = e ? e + i : i, c = this._events[o];
+    var l = e ? e + i : i, c = this._events[l];
     return c ? c.fn ? 1 : c.length : 0;
-  }, u.prototype.emit = function(i, o, c, O, g, w) {
+  }, u.prototype.emit = function(i, l, c, v, y, m) {
     var _ = e ? e + i : i;
     if (!this._events[_])
       return !1;
-    var a = this._events[_], S = arguments.length, k, m;
+    var a = this._events[_], L = arguments.length, S, w;
     if (a.fn) {
-      switch (a.once && this.removeListener(i, a.fn, void 0, !0), S) {
+      switch (a.once && this.removeListener(i, a.fn, void 0, !0), L) {
         case 1:
           return a.fn.call(a.context), !0;
         case 2:
-          return a.fn.call(a.context, o), !0;
+          return a.fn.call(a.context, l), !0;
         case 3:
-          return a.fn.call(a.context, o, c), !0;
+          return a.fn.call(a.context, l, c), !0;
         case 4:
-          return a.fn.call(a.context, o, c, O), !0;
+          return a.fn.call(a.context, l, c, v), !0;
         case 5:
-          return a.fn.call(a.context, o, c, O, g), !0;
+          return a.fn.call(a.context, l, c, v, y), !0;
         case 6:
-          return a.fn.call(a.context, o, c, O, g, w), !0;
+          return a.fn.call(a.context, l, c, v, y, m), !0;
       }
-      for (m = 1, k = new Array(S - 1); m < S; m++)
-        k[m - 1] = arguments[m];
-      a.fn.apply(a.context, k);
+      for (w = 1, S = new Array(L - 1); w < L; w++)
+        S[w - 1] = arguments[w];
+      a.fn.apply(a.context, S);
     } else {
-      var se = a.length, N;
-      for (m = 0; m < se; m++)
-        switch (a[m].once && this.removeListener(i, a[m].fn, void 0, !0), S) {
+      var oe = a.length, N;
+      for (w = 0; w < oe; w++)
+        switch (a[w].once && this.removeListener(i, a[w].fn, void 0, !0), L) {
           case 1:
-            a[m].fn.call(a[m].context);
+            a[w].fn.call(a[w].context);
             break;
           case 2:
-            a[m].fn.call(a[m].context, o);
+            a[w].fn.call(a[w].context, l);
             break;
           case 3:
-            a[m].fn.call(a[m].context, o, c);
+            a[w].fn.call(a[w].context, l, c);
             break;
           case 4:
-            a[m].fn.call(a[m].context, o, c, O);
+            a[w].fn.call(a[w].context, l, c, v);
             break;
           default:
-            if (!k)
-              for (N = 1, k = new Array(S - 1); N < S; N++)
-                k[N - 1] = arguments[N];
-            a[m].fn.apply(a[m].context, k);
+            if (!S)
+              for (N = 1, S = new Array(L - 1); N < L; N++)
+                S[N - 1] = arguments[N];
+            a[w].fn.apply(a[w].context, S);
         }
     }
     return !0;
-  }, u.prototype.on = function(i, o, c) {
-    return f(this, i, o, c, !1);
-  }, u.prototype.once = function(i, o, c) {
-    return f(this, i, o, c, !0);
-  }, u.prototype.removeListener = function(i, o, c, O) {
-    var g = e ? e + i : i;
-    if (!this._events[g])
+  }, u.prototype.on = function(i, l, c) {
+    return f(this, i, l, c, !1);
+  }, u.prototype.once = function(i, l, c) {
+    return f(this, i, l, c, !0);
+  }, u.prototype.removeListener = function(i, l, c, v) {
+    var y = e ? e + i : i;
+    if (!this._events[y])
       return this;
-    if (!o)
-      return d(this, g), this;
-    var w = this._events[g];
-    if (w.fn)
-      w.fn === o && (!O || w.once) && (!c || w.context === c) && d(this, g);
+    if (!l)
+      return d(this, y), this;
+    var m = this._events[y];
+    if (m.fn)
+      m.fn === l && (!v || m.once) && (!c || m.context === c) && d(this, y);
     else {
-      for (var _ = 0, a = [], S = w.length; _ < S; _++)
-        (w[_].fn !== o || O && !w[_].once || c && w[_].context !== c) && a.push(w[_]);
-      a.length ? this._events[g] = a.length === 1 ? a[0] : a : d(this, g);
+      for (var _ = 0, a = [], L = m.length; _ < L; _++)
+        (m[_].fn !== l || v && !m[_].once || c && m[_].context !== c) && a.push(m[_]);
+      a.length ? this._events[y] = a.length === 1 ? a[0] : a : d(this, y);
     }
     return this;
   }, u.prototype.removeAllListeners = function(i) {
-    var o;
-    return i ? (o = e ? e + i : i, this._events[o] && d(this, o)) : (this._events = new l(), this._eventsCount = 0), this;
+    var l;
+    return i ? (l = e ? e + i : i, this._events[l] && d(this, l)) : (this._events = new o(), this._eventsCount = 0), this;
   }, u.prototype.off = u.prototype.removeListener, u.prototype.addListener = u.prototype.on, u.prefixed = e, u.EventEmitter = u, n.exports = u;
-})(ne);
-var ie = ne.exports;
-const oe = /* @__PURE__ */ te(ie);
-var le = function(t) {
-  return ae(t) && !ce(t);
+})(se);
+var ie = se.exports;
+const le = /* @__PURE__ */ ne(ie);
+var ae = function(t) {
+  return ce(t) && !he(t);
 };
-function ae(n) {
+function ce(n) {
   return !!n && typeof n == "object";
 }
-function ce(n) {
+function he(n) {
   var t = Object.prototype.toString.call(n);
-  return t === "[object RegExp]" || t === "[object Date]" || fe(n);
-}
-var he = typeof Symbol == "function" && Symbol.for, ue = he ? Symbol.for("react.element") : 60103;
-function fe(n) {
-  return n.$$typeof === ue;
+  return t === "[object RegExp]" || t === "[object Date]" || de(n);
 }
+var ue = typeof Symbol == "function" && Symbol.for, fe = ue ? Symbol.for("react.element") : 60103;
 function de(n) {
+  return n.$$typeof === fe;
+}
+function pe(n) {
   return Array.isArray(n) ? [] : {};
 }
-function R(n, t) {
-  return t.clone !== !1 && t.isMergeableObject(n) ? U(de(n), n, t) : n;
+function B(n, t) {
+  return t.clone !== !1 && t.isMergeableObject(n) ? U(pe(n), n, t) : n;
 }
-function pe(n, t, e) {
-  return n.concat(t).map(function(l) {
-    return R(l, e);
+function me(n, t, e) {
+  return n.concat(t).map(function(o) {
+    return B(o, e);
   });
 }
 function we(n, t) {
@@ -154,13 +154,13 @@ function we(n, t) {
   var e = t.customMerge(n);
   return typeof e == "function" ? e : U;
 }
-function me(n) {
+function ge(n) {
   return Object.getOwnPropertySymbols ? Object.getOwnPropertySymbols(n).filter(function(t) {
     return Object.propertyIsEnumerable.call(n, t);
   }) : [];
 }
-function Q(n) {
-  return Object.keys(n).concat(me(n));
+function X(n) {
+  return Object.keys(n).concat(ge(n));
 }
 function re(n, t) {
   try {
@@ -173,47 +173,47 @@ function ye(n, t) {
   return re(n, t) && !(Object.hasOwnProperty.call(n, t) && Object.propertyIsEnumerable.call(n, t));
 }
 function be(n, t, e) {
-  var l = {};
-  return e.isMergeableObject(n) && Q(n).forEach(function(s) {
-    l[s] = R(n[s], e);
-  }), Q(t).forEach(function(s) {
-    ye(n, s) || (re(n, s) && e.isMergeableObject(t[s]) ? l[s] = we(s, e)(n[s], t[s], e) : l[s] = R(t[s], e));
-  }), l;
+  var o = {};
+  return e.isMergeableObject(n) && X(n).forEach(function(r) {
+    o[r] = B(n[r], e);
+  }), X(t).forEach(function(r) {
+    ye(n, r) || (re(n, r) && e.isMergeableObject(t[r]) ? o[r] = we(r, e)(n[r], t[r], e) : o[r] = B(t[r], e));
+  }), o;
 }
 function U(n, t, e) {
-  e = e || {}, e.arrayMerge = e.arrayMerge || pe, e.isMergeableObject = e.isMergeableObject || le, e.cloneUnlessOtherwiseSpecified = R;
-  var l = Array.isArray(t), s = Array.isArray(n), f = l === s;
-  return f ? l ? e.arrayMerge(n, t, e) : be(n, t, e) : R(t, e);
+  e = e || {}, e.arrayMerge = e.arrayMerge || me, e.isMergeableObject = e.isMergeableObject || ae, e.cloneUnlessOtherwiseSpecified = B;
+  var o = Array.isArray(t), r = Array.isArray(n), f = o === r;
+  return f ? o ? e.arrayMerge(n, t, e) : be(n, t, e) : B(t, e);
 }
 U.all = function(t, e) {
   if (!Array.isArray(t))
     throw new Error("first argument should be an array");
-  return t.reduce(function(l, s) {
-    return U(l, s, e);
+  return t.reduce(function(o, r) {
+    return U(o, r, e);
   }, {});
 };
-var ge = U, Oe = ge;
-const ve = /* @__PURE__ */ te(Oe);
+var ve = U, Oe = ve;
+const Ee = /* @__PURE__ */ ne(Oe);
 /*!
  * is-plain-object <https://github.com/jonschlinkert/is-plain-object>
  *
  * Copyright (c) 2014-2017, Jon Schlinkert.
  * Released under the MIT License.
  */
-function W(n) {
+function Z(n) {
   return Object.prototype.toString.call(n) === "[object Object]";
 }
-function Ee(n) {
+function Ae(n) {
   var t, e;
-  return W(n) === !1 ? !1 : (t = n.constructor, t === void 0 ? !0 : (e = t.prototype, !(W(e) === !1 || e.hasOwnProperty("isPrototypeOf") === !1)));
+  return Z(n) === !1 ? !1 : (t = n.constructor, t === void 0 ? !0 : (e = t.prototype, !(Z(e) === !1 || e.hasOwnProperty("isPrototypeOf") === !1)));
 }
-function Y(n) {
+function Q(n) {
   return n instanceof Element ? n : document.querySelector(n);
 }
-async function F(n) {
+async function V(n) {
   return await new Promise((t) => setTimeout(t, n));
 }
-const Ae = '[data-elem="drawer.panel"]', $ = "data-drawers-group", Ce = [
+const Ce = '[data-elem="drawer.panel"]', F = "data-drawers-group", _e = [
   "a[href]",
   "area[href]",
   'input:not([disabled]):not([type="hidden"]):not([aria-hidden])',
@@ -225,7 +225,7 @@ const Ae = '[data-elem="drawer.panel"]', $ = "data-drawers-group", Ce = [
   "embed",
   "[contenteditable]",
   '[tabindex]:not([tabindex^="-"])'
-], X = {
+], ee = {
   modal: !0,
   focusOnChild: !0,
   closeOnEsc: !0,
@@ -239,78 +239,80 @@ const Ae = '[data-elem="drawer.panel"]', $ = "data-drawers-group", Ce = [
   onOpen: null,
   onOpenAnimationEnd: null,
   openClass: "drawer_open",
+  closingClass: "drawer_closing",
+  openingClass: "drawer_opening",
   openAnimationDuration: 0,
   closeAnimationDuration: 0,
   lockPageScroll: !0
 };
-function Z(n) {
-  return ve.all(n, {
-    isMergeableObject: Ee
+function te(n) {
+  return Ee.all(n, {
+    isMergeableObject: Ae
   });
 }
-var E, v, P, B;
-class H {
-  constructor({ target: t, type: e, owner: l }) {
-    y(this, E, void 0);
-    y(this, v, void 0);
-    y(this, P, void 0);
-    y(this, B, !1);
-    const s = Y(t);
-    if (!s)
+var E, O, P, $;
+class Y {
+  constructor({ target: t, type: e, owner: o }) {
+    g(this, E, void 0);
+    g(this, O, void 0);
+    g(this, P, void 0);
+    g(this, $, !1);
+    const r = Q(t);
+    if (!r)
       throw new Error("Trigger element cannot be found");
-    b(this, E, s), b(this, v, l), b(this, P, e), this.init();
+    b(this, E, r), b(this, O, o), b(this, P, e), this.init();
   }
   // Accessors
   get isActive() {
-    return r(this, B);
+    return s(this, $);
   }
   get owner() {
-    return r(this, v);
+    return s(this, O);
   }
   // Methods
   init() {
-    r(this, E).addEventListener("click", (t) => this.clickHandler(t)), r(this, v).on("open", () => this.setActive(!0)), r(this, v).on("close", () => this.setActive(!1));
+    s(this, E).addEventListener("click", (t) => this.clickHandler(t)), s(this, O).on("open", () => this.setActive(!0)), s(this, O).on("close", () => this.setActive(!1));
   }
   clickHandler(t) {
-    t.__drawerTrigger = this, r(this, P) === "open" ? r(this, v).isOpen || r(this, v).open(r(this, E)) : r(this, P) === "close" ? r(this, v).isOpen && r(this, v).close(r(this, E)) : r(this, v).isOpen ? r(this, v).close(r(this, E)) : r(this, v).open(r(this, E));
+    t.__drawerTrigger = this, s(this, P) === "open" ? s(this, O).isOpen || s(this, O).open(s(this, E)) : s(this, P) === "close" ? s(this, O).isOpen && s(this, O).close(s(this, E)) : s(this, O).isOpen ? s(this, O).close(s(this, E)) : s(this, O).open(s(this, E));
   }
   setActive(t) {
-    b(this, B, t), t ? r(this, E).classList.add("drawer-trigger_active") : r(this, E).classList.remove("drawer-trigger_active");
+    b(this, $, t), t ? s(this, E).classList.add("drawer-trigger_active") : s(this, E).classList.remove("drawer-trigger_active");
   }
 }
-E = new WeakMap(), v = new WeakMap(), P = new WeakMap(), B = new WeakMap();
-var p, G, M, K, T;
-class _e extends oe {
-  constructor({ target: e, options: l }) {
+E = new WeakMap(), O = new WeakMap(), P = new WeakMap(), $ = new WeakMap();
+var p, K, j, H, T;
+class Le extends le {
+  constructor({ target: e, options: o }) {
     super();
-    y(this, p, void 0);
-    y(this, G, void 0);
-    y(this, M, void 0);
-    y(this, K, void 0);
-    y(this, T, void 0);
+    g(this, p, void 0);
+    g(this, K, void 0);
+    g(this, j, void 0);
+    g(this, H, void 0);
+    g(this, T, void 0);
     this.handleDocumentClick = async (u) => {
-      var o;
-      if (((o = u.__drawerTrigger) == null ? void 0 : o.owner) === this)
+      var l;
+      if (((l = u.__drawerTrigger) == null ? void 0 : l.owner) === this)
         return;
       const h = u.target;
       if (u.composedPath(), this.dom.panel.contains(h))
         return;
       const i = h == null ? void 0 : h.closest("[data-drawer]");
-      i ? i.getAttribute("data-drawer") === r(this, T) ? this.handleUnderlayClick(u) : this.handleOtherDrawerClick(u) : this.handleOutsideClick(u);
+      i ? i.getAttribute("data-drawer") === s(this, T) ? this.handleUnderlayClick(u) : this.handleOtherDrawerClick(u) : this.handleOutsideClick(u);
     }, this.handleKeydown = (u) => {
-      r(this, p).closeOnEsc && u.key === "Escape" && this.close();
+      s(this, p).closeOnEsc && u.key === "Escape" && this.close();
     };
-    const s = Z(l ? [X, l] : [X]), f = Y(e);
+    const r = te(o ? [ee, o] : [ee]), f = Q(e);
     if (f === null)
       throw new Error("Drawer's root cannot be found");
     b(this, T, f.getAttribute("data-drawer"));
-    const d = f.querySelector(Ae);
+    const d = f.querySelector(Ce);
     if (d === null)
-      throw new Error(`Drawer's panel cannot be found. Alias: ${r(this, T)}`);
+      throw new Error(`Drawer's panel cannot be found. Alias: ${s(this, T)}`);
     this.dom = {
       root: f,
       panel: d
-    }, this.setOptions(s), this.dom.panel.setAttribute("tabindex", "-1"), this.dom.root.classList.add("drawer_initialized");
+    }, this.setOptions(r), this.dom.panel.setAttribute("tabindex", "-1"), this.dom.root.classList.add("drawer_initialized");
   }
   addEventListeners() {
     this.dom.root.addEventListener("keydown", this.handleKeydown), document.addEventListener("click", this.handleDocumentClick);
@@ -320,157 +322,173 @@ class _e extends oe {
   }
   // Accessors
   get isOpen() {
-    return r(this, M);
+    return s(this, j);
   }
   get isModal() {
-    return r(this, p).modal;
+    return s(this, p).modal;
   }
   set isModal(e) {
     this.dom.root.classList[e ? "add" : "remove"]("drawer_modal");
   }
   get willLockScroll() {
-    return r(this, p).lockPageScroll;
+    return s(this, p).lockPageScroll;
   }
   set zIndex(e) {
-    this.dom.root.style.setProperty("--z-index", String(e)), b(this, G, e);
+    this.dom.root.style.setProperty("--z-index", String(e)), b(this, K, e);
   }
   get zIndex() {
-    return r(this, G);
+    return s(this, K);
   }
   // Methods
   async open(e) {
-    await F(0), !r(this, M) && (this.emit("beforeOpen", { drawer: this, trigger: e }), b(this, M, !0), this.dom.root.classList.add(r(this, p).openClass), this.emit("open", { drawer: this, trigger: e }), typeof r(this, p).openAnimationDuration == "number" && await F(r(this, p).openAnimationDuration), this.emit("openAnimationEnd", { drawer: this, trigger: e }), this.focus(), this.addEventListeners());
+    await V(0), !s(this, j) && (this.emit("beforeOpen", { drawer: this, trigger: e }), b(this, j, !0), this.dom.root.classList.add(s(this, p).openingClass), this.emit("open", { drawer: this, trigger: e }), typeof s(this, p).openAnimationDuration == "number" && await V(s(this, p).openAnimationDuration), this.dom.root.classList.remove(s(this, p).openingClass), this.dom.root.classList.add(s(this, p).openClass), this.emit("openAnimationEnd", { drawer: this, trigger: e }), this.focus(), this.addEventListeners());
   }
   async close(e) {
-    r(this, p).onCloseConfirm && !r(this, p).onCloseConfirm(this, e) || (this.emit("beforeClose", { drawer: this, trigger: e }), this.removeEventListeners(), b(this, M, !1), this.dom.root.classList.remove(r(this, p).openClass), this.emit("close", { drawer: this, trigger: e }), typeof r(this, p).closeAnimationDuration == "number" && await F(r(this, p).closeAnimationDuration), this.emit("closeAnimationEnd", { drawer: this, trigger: e }));
+    s(this, p).onCloseConfirm && !s(this, p).onCloseConfirm(this, e) || (this.emit("beforeClose", { drawer: this, trigger: e }), this.removeEventListeners(), b(this, j, !1), this.dom.root.classList.remove(s(this, p).openClass), this.dom.root.classList.add(s(this, p).closingClass), this.emit("close", { drawer: this, trigger: e }), typeof s(this, p).closeAnimationDuration == "number" && await V(s(this, p).closeAnimationDuration), this.dom.root.classList.remove(s(this, p).closingClass), this.emit("closeAnimationEnd", { drawer: this, trigger: e }));
   }
   handleOtherDrawerClick(e) {
   }
   handleOutsideClick(e) {
-    r(this, p).closeOnOutsideClick && (typeof r(this, p).closeOnOutsideClick == "object" && r(this, p).closeOnOutsideClick.hasOwnProperty("checkTarget") ? r(this, p).closeOnOutsideClick.checkTarget(e.target) && this.close() : this.close());
+    s(this, p).closeOnOutsideClick && (typeof s(this, p).closeOnOutsideClick == "object" && s(this, p).closeOnOutsideClick.hasOwnProperty("checkTarget") ? s(this, p).closeOnOutsideClick.checkTarget(e.target) && this.close() : this.close());
   }
   handleUnderlayClick(e) {
-    r(this, p).closeOnOutsideClick && this.close();
+    s(this, p).closeOnOutsideClick && this.close();
   }
   focus() {
-    r(this, p).focusOnChild && this.focusChild() || this.focusSelf();
+    s(this, p).focusOnChild && this.focusChild() || this.focusSelf();
   }
   focusSelf() {
     this.dom.panel.focus();
   }
   focusChild() {
-    const e = this.dom.panel.querySelector(Ce.join(","));
+    const e = this.dom.panel.querySelector(_e.join(","));
     return e ? (e.focus(), !0) : !1;
   }
   setOptions(e) {
-    var l;
-    e.hasOwnProperty("modal") && ((l = r(this, p)) == null ? void 0 : l.modal) !== e.modal && (this.isModal = e.modal), b(this, p, r(this, p) ? Z([r(this, p), e]) : e);
+    var o;
+    e.hasOwnProperty("modal") && ((o = s(this, p)) == null ? void 0 : o.modal) !== e.modal && (this.isModal = e.modal), b(this, p, s(this, p) ? te([s(this, p), e]) : e);
   }
   assignGroup(e) {
-    b(this, K, e);
+    b(this, H, e);
   }
 }
-p = new WeakMap(), G = new WeakMap(), M = new WeakMap(), K = new WeakMap(), T = new WeakMap();
-var x, A, C, D, L, j;
-class ee {
+p = new WeakMap(), K = new WeakMap(), j = new WeakMap(), H = new WeakMap(), T = new WeakMap();
+var M;
+class ke {
+  constructor() {
+    g(this, M, /* @__PURE__ */ new Map());
+  }
+  lock(t, e) {
+    s(this, M).has(t) || s(this, M).set(t, /* @__PURE__ */ new Set());
+    const o = s(this, M).get(t);
+    o.size === 0 && t.classList.add("scroll-lock-by-drawer"), o.add(e);
+  }
+  unlock(t, e) {
+    const o = s(this, M).get(t);
+    o == null || o.delete(e), (!o || o.size === 0) && t.classList.remove("scroll-lock-by-drawer");
+  }
+}
+M = new WeakMap();
+var x, A, C, D, k;
+const q = class q {
   constructor(t) {
-    y(this, x, void 0);
-    y(this, A, void 0);
-    y(this, C, void 0);
-    y(this, D, void 0);
-    y(this, L, void 0);
-    y(this, j, void 0);
-    b(this, A, []), b(this, C, []), b(this, L, /* @__PURE__ */ new Set()), b(this, j, /* @__PURE__ */ new Map()), this.onBeforeOpen = ({ drawer: s, trigger: f }) => {
-      s.isModal ? (r(this, j).set(s, r(this, A).length), r(this, A).push(s), s.zIndex = r(this, C).length + r(this, A).length) : (r(this, j).set(s, r(this, C).length), r(this, C).push(s), s.zIndex = r(this, C).length, r(this, A).length > 0 && r(this, A).forEach((d, u) => d.zIndex = r(this, C).length + u + 1)), s.willLockScroll && this.lockScroll(s);
-    }, this.onCloseAnimationEnd = ({ drawer: s, trigger: f }) => {
-      const d = s.isModal ? r(this, A) : r(this, C);
-      for (delete d[r(this, j).get(s)]; d.length && !d.at(-1); )
+    g(this, x, void 0);
+    g(this, A, void 0);
+    g(this, C, void 0);
+    g(this, D, void 0);
+    g(this, k, void 0);
+    b(this, A, []), b(this, C, []), b(this, k, /* @__PURE__ */ new Map()), this.onBeforeOpen = ({ drawer: r, trigger: f }) => {
+      r.isModal ? (s(this, k).set(r, s(this, A).length), s(this, A).push(r), r.zIndex = s(this, C).length + s(this, A).length) : (s(this, k).set(r, s(this, C).length), s(this, C).push(r), r.zIndex = s(this, C).length, s(this, A).length > 0 && s(this, A).forEach((d, u) => d.zIndex = s(this, C).length + u + 1)), r.willLockScroll && this.lockScroll(r);
+    }, this.onCloseAnimationEnd = ({ drawer: r, trigger: f }) => {
+      const d = r.isModal ? s(this, A) : s(this, C);
+      for (delete d[s(this, k).get(r)]; d.length && !d.at(-1); )
         d.pop();
-      r(this, j).delete(s), this.unlockScroll(s);
+      s(this, k).delete(r), this.unlockScroll(r);
     };
-    const e = Y(t);
+    const e = Q(t);
     if (e === null)
       throw new Error("Drawer's group root cannot be found");
     b(this, x, e);
-    const l = r(this, x).closest("[data-scrollable], html") || r(this, x).matches("[data-scrollable], html") && r(this, x);
-    if (l === null)
+    const o = s(this, x).closest("[data-scrollable], html") || s(this, x).matches("[data-scrollable], html") && s(this, x);
+    if (o === null)
       throw new Error("Scrollable container for group root cannot be found");
-    b(this, D, l);
+    b(this, D, o);
   }
   add(t) {
     t.on("beforeOpen", this.onBeforeOpen), t.on("closeAnimationEnd", this.onCloseAnimationEnd), t.assignGroup(this);
   }
   lockScroll(t) {
-    r(this, L).size === 0 && r(this, D).classList.add("scroll-lock-by-drawer"), r(this, L).add(t);
+    q.scrollLock.lock(s(this, D), t);
   }
   unlockScroll(t) {
-    r(this, L).delete(t), r(this, L).size === 0 && r(this, D).classList.remove("scroll-lock-by-drawer");
+    q.scrollLock.unlock(s(this, D), t);
   }
-}
-x = new WeakMap(), A = new WeakMap(), C = new WeakMap(), D = new WeakMap(), L = new WeakMap(), j = new WeakMap();
+};
+x = new WeakMap(), A = new WeakMap(), C = new WeakMap(), D = new WeakMap(), k = new WeakMap(), q.scrollLock = new ke();
+let G = q;
 var I, z;
-const q = class q {
+const R = class R {
   constructor() {
-    y(this, I, /* @__PURE__ */ new Map());
-    y(this, z, /* @__PURE__ */ new Map());
-    if (q.instance)
-      return q.instance;
-    q.instance = this;
+    g(this, I, /* @__PURE__ */ new Map());
+    g(this, z, /* @__PURE__ */ new Map());
+    if (R.instance)
+      return R.instance;
+    R.instance = this;
   }
   init(t) {
-    document.querySelectorAll(`[${$}]`).forEach((f) => {
-      const d = f.getAttribute($);
-      typeof d == "string" && r(this, z).set(d, new ee(f));
-    }), r(this, z).set("default", new ee(document.documentElement)), document.querySelectorAll("[data-drawer]").forEach((f) => {
-      var o;
+    document.querySelectorAll(`[${F}]`).forEach((f) => {
+      const d = f.getAttribute(F);
+      typeof d == "string" && s(this, z).set(d, new G(f));
+    }), s(this, z).set("default", new G(document.documentElement)), document.querySelectorAll("[data-drawer]").forEach((f) => {
+      var l;
       const d = f.getAttribute("data-drawer");
       if (typeof d != "string")
         return;
-      const u = new _e({ target: f, options: t });
-      r(this, I).set(d, u);
-      const h = f.closest(`[${$}]`), i = h ? h.getAttribute($) : "default";
+      const u = new Le({ target: f, options: t });
+      s(this, I).set(d, u);
+      const h = f.closest(`[${F}]`), i = h ? h.getAttribute(F) : "default";
       if (typeof i != "string")
         throw new Error("Group doesn't have alias set correctly");
-      (o = r(this, z).get(i)) == null || o.add(u);
+      (l = s(this, z).get(i)) == null || l.add(u);
     }), document.querySelectorAll("[data-drawer-open], [data-drawer-close], [data-drawer-toggle]").forEach((f) => {
       if (f.hasAttribute("data-drawer-open")) {
         const d = f.getAttribute("data-drawer-open");
-        new H({ target: f, type: "open", owner: this.get(d) });
+        new Y({ target: f, type: "open", owner: this.get(d) });
       } else if (f.hasAttribute("data-drawer-close")) {
         const d = f.getAttribute("data-drawer-close");
-        new H({ target: f, type: "close", owner: this.get(d) });
+        new Y({ target: f, type: "close", owner: this.get(d) });
       } else {
         const d = f.getAttribute("data-drawer-toggle");
-        new H({ target: f, type: "toggle", owner: this.get(d) });
+        new Y({ target: f, type: "toggle", owner: this.get(d) });
       }
     });
   }
-  open(t, { trigger: e, options: l } = {}) {
-    var s;
-    (s = this.get(t)) == null || s.open(e);
+  open(t, { trigger: e, options: o } = {}) {
+    var r;
+    (r = this.get(t)) == null || r.open(e);
   }
-  close(t, { trigger: e, options: l } = {}) {
-    var s;
-    (s = this.get(t)) == null || s.close(e);
+  close(t, { trigger: e, options: o } = {}) {
+    var r;
+    (r = this.get(t)) == null || r.close(e);
   }
   get(t) {
-    return typeof t == "string" && r(this, I).get(t) || null;
+    return typeof t == "string" && s(this, I).get(t) || null;
   }
-  on(t, e, l) {
-    var s;
+  on(t, e, o) {
+    var r;
     if (t)
-      (s = this.get(t)) == null || s.on(e, l);
+      (r = this.get(t)) == null || r.on(e, o);
     else
-      for (const [f, d] of r(this, I))
-        d.on(e, l);
+      for (const [f, d] of s(this, I))
+        d.on(e, o);
   }
 };
 I = new WeakMap(), z = new WeakMap();
-let V = q;
-typeof window < "u" && (window.hasOwnProperty("app") || (window.app = {}), window.app.drawers = new V());
+let J = R;
+typeof window < "u" && (window.hasOwnProperty("app") || (window.app = {}), window.app.drawers = new J());
 export {
-  _e as Drawer,
-  ee as DrawersGroup,
-  H as Trigger,
-  V as default
+  Le as Drawer,
+  G as DrawersGroup,
+  Y as Trigger,
+  J as default
 };

package/dist/drawers.umd.js

@@ -1,6 +1,6 @@
-(function(w,b){typeof exports=="object"&&typeof module<"u"?b(exports):typeof define=="function"&&define.amd?define(["exports"],b):(w=typeof globalThis<"u"?globalThis:w||self,b(w.Drawers={}))})(this,function(w){"use strict";var oe=(w,b,C)=>{if(!b.has(w))throw TypeError("Cannot "+C)};var t=(w,b,C)=>(oe(w,b,"read from private field"),C?C.call(w):b.get(w)),g=(w,b,C)=>{if(b.has(w))throw TypeError("Cannot add the same private member more than once");b instanceof WeakSet?b.add(w):b.set(w,C)},O=(w,b,C,H)=>(oe(w,b,"write to private field"),H?H.call(w,C):b.set(w,C),C);var _,E,z,B,p,$,T,Q,U,P,S,j,N,M,k,q,G;function b(r){return r&&r.__esModule&&Object.prototype.hasOwnProperty.call(r,"default")?r.default:r}var C={exports:{}};(function(r){var n=Object.prototype.hasOwnProperty,e="~";function a(){}Object.create&&(a.prototype=Object.create(null),new a().__proto__||(e=!1));function s(u,i,o){this.fn=u,this.context=i,this.once=o||!1}function f(u,i,o,c,A){if(typeof o!="function")throw new TypeError("The listener must be a function");var v=new s(o,c||u,A),m=e?e+i:i;return u._events[m]?u._events[m].fn?u._events[m]=[u._events[m],v]:u._events[m].push(v):(u._events[m]=v,u._eventsCount++),u}function d(u,i){--u._eventsCount===0?u._events=new a:delete u._events[i]}function h(){this._events=new a,this._eventsCount=0}h.prototype.eventNames=function(){var i=[],o,c;if(this._eventsCount===0)return i;for(c in o=this._events)n.call(o,c)&&i.push(e?c.slice(1):c);return Object.getOwnPropertySymbols?i.concat(Object.getOwnPropertySymbols(o)):i},h.prototype.listeners=function(i){var o=e?e+i:i,c=this._events[o];if(!c)return[];if(c.fn)return[c.fn];for(var A=0,v=c.length,m=new Array(v);A<v;A++)m[A]=c[A].fn;return m},h.prototype.listenerCount=function(i){var o=e?e+i:i,c=this._events[o];return c?c.fn?1:c.length:0},h.prototype.emit=function(i,o,c,A,v,m){var L=e?e+i:i;if(!this._events[L])return!1;var l=this._events[L],x=arguments.length,D,y;if(l.fn){switch(l.once&&this.removeListener(i,l.fn,void 0,!0),x){case 1:return l.fn.call(l.context),!0;case 2:return l.fn.call(l.context,o),!0;case 3:return l.fn.call(l.context,o,c),!0;case 4:return l.fn.call(l.context,o,c,A),!0;case 5:return l.fn.call(l.context,o,c,A,v),!0;case 6:return l.fn.call(l.context,o,c,A,v,m),!0}for(y=1,D=new Array(x-1);y<x;y++)D[y-1]=arguments[y];l.fn.apply(l.context,D)}else{var Se=l.length,F;for(y=0;y<Se;y++)switch(l[y].once&&this.removeListener(i,l[y].fn,void 0,!0),x){case 1:l[y].fn.call(l[y].context);break;case 2:l[y].fn.call(l[y].context,o);break;case 3:l[y].fn.call(l[y].context,o,c);break;case 4:l[y].fn.call(l[y].context,o,c,A);break;default:if(!D)for(F=1,D=new Array(x-1);F<x;F++)D[F-1]=arguments[F];l[y].fn.apply(l[y].context,D)}}return!0},h.prototype.on=function(i,o,c){return f(this,i,o,c,!1)},h.prototype.once=function(i,o,c){return f(this,i,o,c,!0)},h.prototype.removeListener=function(i,o,c,A){var v=e?e+i:i;if(!this._events[v])return this;if(!o)return d(this,v),this;var m=this._events[v];if(m.fn)m.fn===o&&(!A||m.once)&&(!c||m.context===c)&&d(this,v);else{for(var L=0,l=[],x=m.length;L<x;L++)(m[L].fn!==o||A&&!m[L].once||c&&m[L].context!==c)&&l.push(m[L]);l.length?this._events[v]=l.length===1?l[0]:l:d(this,v)}return this},h.prototype.removeAllListeners=function(i){var o;return i?(o=e?e+i:i,this._events[o]&&d(this,o)):(this._events=new a,this._eventsCount=0),this},h.prototype.off=h.prototype.removeListener,h.prototype.addListener=h.prototype.on,h.prefixed=e,h.EventEmitter=h,r.exports=h})(C);var H=C.exports;const le=b(H);var ae=function(n){return ce(n)&&!ue(n)};function ce(r){return!!r&&typeof r=="object"}function ue(r){var n=Object.prototype.toString.call(r);return n==="[object RegExp]"||n==="[object Date]"||de(r)}var he=typeof Symbol=="function"&&Symbol.for,fe=he?Symbol.for("react.element"):60103;function de(r){return r.$$typeof===fe}function pe(r){return Array.isArray(r)?[]:{}}function R(r,n){return n.clone!==!1&&n.isMergeableObject(r)?I(pe(r),r,n):r}function we(r,n,e){return r.concat(n).map(function(a){return R(a,e)})}function me(r,n){if(!n.customMerge)return I;var e=n.customMerge(r);return typeof e=="function"?e:I}function ye(r){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(r).filter(function(n){return Object.propertyIsEnumerable.call(r,n)}):[]}function ee(r){return Object.keys(r).concat(ye(r))}function te(r,n){try{return n in r}catch{return!1}}function be(r,n){return te(r,n)&&!(Object.hasOwnProperty.call(r,n)&&Object.propertyIsEnumerable.call(r,n))}function ge(r,n,e){var a={};return e.isMergeableObject(r)&&ee(r).forEach(function(s){a[s]=R(r[s],e)}),ee(n).forEach(function(s){be(r,s)||(te(r,s)&&e.isMergeableObject(n[s])?a[s]=me(s,e)(r[s],n[s],e):a[s]=R(n[s],e))}),a}function I(r,n,e){e=e||{},e.arrayMerge=e.arrayMerge||we,e.isMergeableObject=e.isMergeableObject||ae,e.cloneUnlessOtherwiseSpecified=R;var a=Array.isArray(n),s=Array.isArray(r),f=a===s;return f?a?e.arrayMerge(r,n,e):ge(r,n,e):R(n,e)}I.all=function(n,e){if(!Array.isArray(n))throw new Error("first argument should be an array");return n.reduce(function(a,s){return I(a,s,e)},{})};var Oe=I,ve=Oe;const Ee=b(ve);/*!
+(function(m,y){typeof exports=="object"&&typeof module<"u"?y(exports):typeof define=="function"&&define.amd?define(["exports"],y):(m=typeof globalThis<"u"?globalThis:m||self,y(m.Drawers={}))})(this,function(m){"use strict";var le=(m,y,C)=>{if(!y.has(m))throw TypeError("Cannot "+C)};var n=(m,y,C)=>(le(m,y,"read from private field"),C?C.call(m):y.get(m)),b=(m,y,C)=>{if(y.has(m))throw TypeError("Cannot add the same private member more than once");y instanceof WeakSet?y.add(m):y.set(m,C)},O=(m,y,C,Y)=>(le(m,y,"write to private field"),Y?Y.call(m,C):y.set(m,C),C);var _,E,z,K,f,F,x,X,U,T,P,L,S,N,j,q,R;function y(s){return s&&s.__esModule&&Object.prototype.hasOwnProperty.call(s,"default")?s.default:s}var C={exports:{}};(function(s){var t=Object.prototype.hasOwnProperty,e="~";function i(){}Object.create&&(i.prototype=Object.create(null),new i().__proto__||(e=!1));function r(h,o,l){this.fn=h,this.context=o,this.once=l||!1}function d(h,o,l,c,A){if(typeof l!="function")throw new TypeError("The listener must be a function");var v=new r(l,c||h,A),w=e?e+o:o;return h._events[w]?h._events[w].fn?h._events[w]=[h._events[w],v]:h._events[w].push(v):(h._events[w]=v,h._eventsCount++),h}function p(h,o){--h._eventsCount===0?h._events=new i:delete h._events[o]}function u(){this._events=new i,this._eventsCount=0}u.prototype.eventNames=function(){var o=[],l,c;if(this._eventsCount===0)return o;for(c in l=this._events)t.call(l,c)&&o.push(e?c.slice(1):c);return Object.getOwnPropertySymbols?o.concat(Object.getOwnPropertySymbols(l)):o},u.prototype.listeners=function(o){var l=e?e+o:o,c=this._events[l];if(!c)return[];if(c.fn)return[c.fn];for(var A=0,v=c.length,w=new Array(v);A<v;A++)w[A]=c[A].fn;return w},u.prototype.listenerCount=function(o){var l=e?e+o:o,c=this._events[l];return c?c.fn?1:c.length:0},u.prototype.emit=function(o,l,c,A,v,w){var k=e?e+o:o;if(!this._events[k])return!1;var a=this._events[k],M=arguments.length,D,g;if(a.fn){switch(a.once&&this.removeListener(o,a.fn,void 0,!0),M){case 1:return a.fn.call(a.context),!0;case 2:return a.fn.call(a.context,l),!0;case 3:return a.fn.call(a.context,l,c),!0;case 4:return a.fn.call(a.context,l,c,A),!0;case 5:return a.fn.call(a.context,l,c,A,v),!0;case 6:return a.fn.call(a.context,l,c,A,v,w),!0}for(g=1,D=new Array(M-1);g<M;g++)D[g-1]=arguments[g];a.fn.apply(a.context,D)}else{var ke=a.length,V;for(g=0;g<ke;g++)switch(a[g].once&&this.removeListener(o,a[g].fn,void 0,!0),M){case 1:a[g].fn.call(a[g].context);break;case 2:a[g].fn.call(a[g].context,l);break;case 3:a[g].fn.call(a[g].context,l,c);break;case 4:a[g].fn.call(a[g].context,l,c,A);break;default:if(!D)for(V=1,D=new Array(M-1);V<M;V++)D[V-1]=arguments[V];a[g].fn.apply(a[g].context,D)}}return!0},u.prototype.on=function(o,l,c){return d(this,o,l,c,!1)},u.prototype.once=function(o,l,c){return d(this,o,l,c,!0)},u.prototype.removeListener=function(o,l,c,A){var v=e?e+o:o;if(!this._events[v])return this;if(!l)return p(this,v),this;var w=this._events[v];if(w.fn)w.fn===l&&(!A||w.once)&&(!c||w.context===c)&&p(this,v);else{for(var k=0,a=[],M=w.length;k<M;k++)(w[k].fn!==l||A&&!w[k].once||c&&w[k].context!==c)&&a.push(w[k]);a.length?this._events[v]=a.length===1?a[0]:a:p(this,v)}return this},u.prototype.removeAllListeners=function(o){var l;return o?(l=e?e+o:o,this._events[l]&&p(this,l)):(this._events=new i,this._eventsCount=0),this},u.prototype.off=u.prototype.removeListener,u.prototype.addListener=u.prototype.on,u.prefixed=e,u.EventEmitter=u,s.exports=u})(C);var Y=C.exports;const ae=y(Y);var ce=function(t){return he(t)&&!ue(t)};function he(s){return!!s&&typeof s=="object"}function ue(s){var t=Object.prototype.toString.call(s);return t==="[object RegExp]"||t==="[object Date]"||pe(s)}var fe=typeof Symbol=="function"&&Symbol.for,de=fe?Symbol.for("react.element"):60103;function pe(s){return s.$$typeof===de}function me(s){return Array.isArray(s)?[]:{}}function B(s,t){return t.clone!==!1&&t.isMergeableObject(s)?I(me(s),s,t):s}function we(s,t,e){return s.concat(t).map(function(i){return B(i,e)})}function ge(s,t){if(!t.customMerge)return I;var e=t.customMerge(s);return typeof e=="function"?e:I}function ye(s){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(s).filter(function(t){return Object.propertyIsEnumerable.call(s,t)}):[]}function te(s){return Object.keys(s).concat(ye(s))}function ne(s,t){try{return t in s}catch{return!1}}function be(s,t){return ne(s,t)&&!(Object.hasOwnProperty.call(s,t)&&Object.propertyIsEnumerable.call(s,t))}function ve(s,t,e){var i={};return e.isMergeableObject(s)&&te(s).forEach(function(r){i[r]=B(s[r],e)}),te(t).forEach(function(r){be(s,r)||(ne(s,r)&&e.isMergeableObject(t[r])?i[r]=ge(r,e)(s[r],t[r],e):i[r]=B(t[r],e))}),i}function I(s,t,e){e=e||{},e.arrayMerge=e.arrayMerge||we,e.isMergeableObject=e.isMergeableObject||ce,e.cloneUnlessOtherwiseSpecified=B;var i=Array.isArray(t),r=Array.isArray(s),d=i===r;return d?i?e.arrayMerge(s,t,e):ve(s,t,e):B(t,e)}I.all=function(t,e){if(!Array.isArray(t))throw new Error("first argument should be an array");return t.reduce(function(i,r){return I(i,r,e)},{})};var Oe=I,Ee=Oe;const Ae=y(Ee);/*!
  * is-plain-object <https://github.com/jonschlinkert/is-plain-object>
  *
  * Copyright (c) 2014-2017, Jon Schlinkert.
  * Released under the MIT License.
- */function ne(r){return Object.prototype.toString.call(r)==="[object Object]"}function Ae(r){var n,e;return ne(r)===!1?!1:(n=r.constructor,n===void 0?!0:(e=n.prototype,!(ne(e)===!1||e.hasOwnProperty("isPrototypeOf")===!1)))}function W(r){return r instanceof Element?r:document.querySelector(r)}async function X(r){return await new Promise(n=>setTimeout(n,r))}const Ce='[data-elem="drawer.panel"]',V="data-drawers-group",_e=["a[href]","area[href]",'input:not([disabled]):not([type="hidden"]):not([aria-hidden])',"select:not([disabled]):not([aria-hidden])","textarea:not([disabled]):not([aria-hidden])","button:not([disabled]):not([aria-hidden])","iframe","object","embed","[contenteditable]",'[tabindex]:not([tabindex^="-"])'],re={modal:!0,focusOnChild:!0,closeOnEsc:!0,closeOnOutsideClick:!0,closeOnUnderlayClick:!0,onCloseConfirm:()=>!0,onBeforeClose:null,onClose:null,onCloseAnimationEnd:null,onBeforeOpen:null,onOpen:null,onOpenAnimationEnd:null,openClass:"drawer_open",openAnimationDuration:0,closeAnimationDuration:0,lockPageScroll:!0};function se(r){return Ee.all(r,{isMergeableObject:Ae})}class Y{constructor({target:n,type:e,owner:a}){g(this,_,void 0);g(this,E,void 0);g(this,z,void 0);g(this,B,!1);const s=W(n);if(!s)throw new Error("Trigger element cannot be found");O(this,_,s),O(this,E,a),O(this,z,e),this.init()}get isActive(){return t(this,B)}get owner(){return t(this,E)}init(){t(this,_).addEventListener("click",n=>this.clickHandler(n)),t(this,E).on("open",()=>this.setActive(!0)),t(this,E).on("close",()=>this.setActive(!1))}clickHandler(n){n.__drawerTrigger=this,t(this,z)==="open"?t(this,E).isOpen||t(this,E).open(t(this,_)):t(this,z)==="close"?t(this,E).isOpen&&t(this,E).close(t(this,_)):t(this,E).isOpen?t(this,E).close(t(this,_)):t(this,E).open(t(this,_))}setActive(n){O(this,B,n),n?t(this,_).classList.add("drawer-trigger_active"):t(this,_).classList.remove("drawer-trigger_active")}}_=new WeakMap,E=new WeakMap,z=new WeakMap,B=new WeakMap;class ie extends le{constructor({target:e,options:a}){super();g(this,p,void 0);g(this,$,void 0);g(this,T,void 0);g(this,Q,void 0);g(this,U,void 0);this.handleDocumentClick=async h=>{var o;if(((o=h.__drawerTrigger)==null?void 0:o.owner)===this)return;const u=h.target;if(h.composedPath(),this.dom.panel.contains(u))return;const i=u==null?void 0:u.closest("[data-drawer]");i?i.getAttribute("data-drawer")===t(this,U)?this.handleUnderlayClick(h):this.handleOtherDrawerClick(h):this.handleOutsideClick(h)},this.handleKeydown=h=>{t(this,p).closeOnEsc&&h.key==="Escape"&&this.close()};const s=se(a?[re,a]:[re]),f=W(e);if(f===null)throw new Error("Drawer's root cannot be found");O(this,U,f.getAttribute("data-drawer"));const d=f.querySelector(Ce);if(d===null)throw new Error(`Drawer's panel cannot be found. Alias: ${t(this,U)}`);this.dom={root:f,panel:d},this.setOptions(s),this.dom.panel.setAttribute("tabindex","-1"),this.dom.root.classList.add("drawer_initialized")}addEventListeners(){this.dom.root.addEventListener("keydown",this.handleKeydown),document.addEventListener("click",this.handleDocumentClick)}removeEventListeners(){this.dom.root.removeEventListener("keydown",this.handleKeydown),document.removeEventListener("click",this.handleDocumentClick)}get isOpen(){return t(this,T)}get isModal(){return t(this,p).modal}set isModal(e){this.dom.root.classList[e?"add":"remove"]("drawer_modal")}get willLockScroll(){return t(this,p).lockPageScroll}set zIndex(e){this.dom.root.style.setProperty("--z-index",String(e)),O(this,$,e)}get zIndex(){return t(this,$)}async open(e){await X(0),!t(this,T)&&(this.emit("beforeOpen",{drawer:this,trigger:e}),O(this,T,!0),this.dom.root.classList.add(t(this,p).openClass),this.emit("open",{drawer:this,trigger:e}),typeof t(this,p).openAnimationDuration=="number"&&await X(t(this,p).openAnimationDuration),this.emit("openAnimationEnd",{drawer:this,trigger:e}),this.focus(),this.addEventListeners())}async close(e){t(this,p).onCloseConfirm&&!t(this,p).onCloseConfirm(this,e)||(this.emit("beforeClose",{drawer:this,trigger:e}),this.removeEventListeners(),O(this,T,!1),this.dom.root.classList.remove(t(this,p).openClass),this.emit("close",{drawer:this,trigger:e}),typeof t(this,p).closeAnimationDuration=="number"&&await X(t(this,p).closeAnimationDuration),this.emit("closeAnimationEnd",{drawer:this,trigger:e}))}handleOtherDrawerClick(e){}handleOutsideClick(e){t(this,p).closeOnOutsideClick&&(typeof t(this,p).closeOnOutsideClick=="object"&&t(this,p).closeOnOutsideClick.hasOwnProperty("checkTarget")?t(this,p).closeOnOutsideClick.checkTarget(e.target)&&this.close():this.close())}handleUnderlayClick(e){t(this,p).closeOnOutsideClick&&this.close()}focus(){t(this,p).focusOnChild&&this.focusChild()||this.focusSelf()}focusSelf(){this.dom.panel.focus()}focusChild(){const e=this.dom.panel.querySelector(_e.join(","));return e?(e.focus(),!0):!1}setOptions(e){var a;e.hasOwnProperty("modal")&&((a=t(this,p))==null?void 0:a.modal)!==e.modal&&(this.isModal=e.modal),O(this,p,t(this,p)?se([t(this,p),e]):e)}assignGroup(e){O(this,Q,e)}}p=new WeakMap,$=new WeakMap,T=new WeakMap,Q=new WeakMap,U=new WeakMap;class Z{constructor(n){g(this,P,void 0);g(this,S,void 0);g(this,j,void 0);g(this,N,void 0);g(this,M,void 0);g(this,k,void 0);O(this,S,[]),O(this,j,[]),O(this,M,new Set),O(this,k,new Map),this.onBeforeOpen=({drawer:s,trigger:f})=>{s.isModal?(t(this,k).set(s,t(this,S).length),t(this,S).push(s),s.zIndex=t(this,j).length+t(this,S).length):(t(this,k).set(s,t(this,j).length),t(this,j).push(s),s.zIndex=t(this,j).length,t(this,S).length>0&&t(this,S).forEach((d,h)=>d.zIndex=t(this,j).length+h+1)),s.willLockScroll&&this.lockScroll(s)},this.onCloseAnimationEnd=({drawer:s,trigger:f})=>{const d=s.isModal?t(this,S):t(this,j);for(delete d[t(this,k).get(s)];d.length&&!d.at(-1);)d.pop();t(this,k).delete(s),this.unlockScroll(s)};const e=W(n);if(e===null)throw new Error("Drawer's group root cannot be found");O(this,P,e);const a=t(this,P).closest("[data-scrollable], html")||t(this,P).matches("[data-scrollable], html")&&t(this,P);if(a===null)throw new Error("Scrollable container for group root cannot be found");O(this,N,a)}add(n){n.on("beforeOpen",this.onBeforeOpen),n.on("closeAnimationEnd",this.onCloseAnimationEnd),n.assignGroup(this)}lockScroll(n){t(this,M).size===0&&t(this,N).classList.add("scroll-lock-by-drawer"),t(this,M).add(n)}unlockScroll(n){t(this,M).delete(n),t(this,M).size===0&&t(this,N).classList.remove("scroll-lock-by-drawer")}}P=new WeakMap,S=new WeakMap,j=new WeakMap,N=new WeakMap,M=new WeakMap,k=new WeakMap;const K=class K{constructor(){g(this,q,new Map);g(this,G,new Map);if(K.instance)return K.instance;K.instance=this}init(n){document.querySelectorAll(`[${V}]`).forEach(f=>{const d=f.getAttribute(V);typeof d=="string"&&t(this,G).set(d,new Z(f))}),t(this,G).set("default",new Z(document.documentElement)),document.querySelectorAll("[data-drawer]").forEach(f=>{var o;const d=f.getAttribute("data-drawer");if(typeof d!="string")return;const h=new ie({target:f,options:n});t(this,q).set(d,h);const u=f.closest(`[${V}]`),i=u?u.getAttribute(V):"default";if(typeof i!="string")throw new Error("Group doesn't have alias set correctly");(o=t(this,G).get(i))==null||o.add(h)}),document.querySelectorAll("[data-drawer-open], [data-drawer-close], [data-drawer-toggle]").forEach(f=>{if(f.hasAttribute("data-drawer-open")){const d=f.getAttribute("data-drawer-open");new Y({target:f,type:"open",owner:this.get(d)})}else if(f.hasAttribute("data-drawer-close")){const d=f.getAttribute("data-drawer-close");new Y({target:f,type:"close",owner:this.get(d)})}else{const d=f.getAttribute("data-drawer-toggle");new Y({target:f,type:"toggle",owner:this.get(d)})}})}open(n,{trigger:e,options:a}={}){var s;(s=this.get(n))==null||s.open(e)}close(n,{trigger:e,options:a}={}){var s;(s=this.get(n))==null||s.close(e)}get(n){return typeof n=="string"&&t(this,q).get(n)||null}on(n,e,a){var s;if(n)(s=this.get(n))==null||s.on(e,a);else for(const[f,d]of t(this,q))d.on(e,a)}};q=new WeakMap,G=new WeakMap;let J=K;typeof window<"u"&&(window.hasOwnProperty("app")||(window.app={}),window.app.drawers=new J),w.Drawer=ie,w.DrawersGroup=Z,w.Trigger=Y,w.default=J,Object.defineProperties(w,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+ */function se(s){return Object.prototype.toString.call(s)==="[object Object]"}function Ce(s){var t,e;return se(s)===!1?!1:(t=s.constructor,t===void 0?!0:(e=t.prototype,!(se(e)===!1||e.hasOwnProperty("isPrototypeOf")===!1)))}function Z(s){return s instanceof Element?s:document.querySelector(s)}async function ee(s){return await new Promise(t=>setTimeout(t,s))}const _e='[data-elem="drawer.panel"]',J="data-drawers-group",Le=["a[href]","area[href]",'input:not([disabled]):not([type="hidden"]):not([aria-hidden])',"select:not([disabled]):not([aria-hidden])","textarea:not([disabled]):not([aria-hidden])","button:not([disabled]):not([aria-hidden])","iframe","object","embed","[contenteditable]",'[tabindex]:not([tabindex^="-"])'],re={modal:!0,focusOnChild:!0,closeOnEsc:!0,closeOnOutsideClick:!0,closeOnUnderlayClick:!0,onCloseConfirm:()=>!0,onBeforeClose:null,onClose:null,onCloseAnimationEnd:null,onBeforeOpen:null,onOpen:null,onOpenAnimationEnd:null,openClass:"drawer_open",closingClass:"drawer_closing",openingClass:"drawer_opening",openAnimationDuration:0,closeAnimationDuration:0,lockPageScroll:!0};function ie(s){return Ae.all(s,{isMergeableObject:Ce})}class Q{constructor({target:t,type:e,owner:i}){b(this,_,void 0);b(this,E,void 0);b(this,z,void 0);b(this,K,!1);const r=Z(t);if(!r)throw new Error("Trigger element cannot be found");O(this,_,r),O(this,E,i),O(this,z,e),this.init()}get isActive(){return n(this,K)}get owner(){return n(this,E)}init(){n(this,_).addEventListener("click",t=>this.clickHandler(t)),n(this,E).on("open",()=>this.setActive(!0)),n(this,E).on("close",()=>this.setActive(!1))}clickHandler(t){t.__drawerTrigger=this,n(this,z)==="open"?n(this,E).isOpen||n(this,E).open(n(this,_)):n(this,z)==="close"?n(this,E).isOpen&&n(this,E).close(n(this,_)):n(this,E).isOpen?n(this,E).close(n(this,_)):n(this,E).open(n(this,_))}setActive(t){O(this,K,t),t?n(this,_).classList.add("drawer-trigger_active"):n(this,_).classList.remove("drawer-trigger_active")}}_=new WeakMap,E=new WeakMap,z=new WeakMap,K=new WeakMap;class oe extends ae{constructor({target:e,options:i}){super();b(this,f,void 0);b(this,F,void 0);b(this,x,void 0);b(this,X,void 0);b(this,U,void 0);this.handleDocumentClick=async u=>{var l;if(((l=u.__drawerTrigger)==null?void 0:l.owner)===this)return;const h=u.target;if(u.composedPath(),this.dom.panel.contains(h))return;const o=h==null?void 0:h.closest("[data-drawer]");o?o.getAttribute("data-drawer")===n(this,U)?this.handleUnderlayClick(u):this.handleOtherDrawerClick(u):this.handleOutsideClick(u)},this.handleKeydown=u=>{n(this,f).closeOnEsc&&u.key==="Escape"&&this.close()};const r=ie(i?[re,i]:[re]),d=Z(e);if(d===null)throw new Error("Drawer's root cannot be found");O(this,U,d.getAttribute("data-drawer"));const p=d.querySelector(_e);if(p===null)throw new Error(`Drawer's panel cannot be found. Alias: ${n(this,U)}`);this.dom={root:d,panel:p},this.setOptions(r),this.dom.panel.setAttribute("tabindex","-1"),this.dom.root.classList.add("drawer_initialized")}addEventListeners(){this.dom.root.addEventListener("keydown",this.handleKeydown),document.addEventListener("click",this.handleDocumentClick)}removeEventListeners(){this.dom.root.removeEventListener("keydown",this.handleKeydown),document.removeEventListener("click",this.handleDocumentClick)}get isOpen(){return n(this,x)}get isModal(){return n(this,f).modal}set isModal(e){this.dom.root.classList[e?"add":"remove"]("drawer_modal")}get willLockScroll(){return n(this,f).lockPageScroll}set zIndex(e){this.dom.root.style.setProperty("--z-index",String(e)),O(this,F,e)}get zIndex(){return n(this,F)}async open(e){await ee(0),!n(this,x)&&(this.emit("beforeOpen",{drawer:this,trigger:e}),O(this,x,!0),this.dom.root.classList.add(n(this,f).openingClass),this.emit("open",{drawer:this,trigger:e}),typeof n(this,f).openAnimationDuration=="number"&&await ee(n(this,f).openAnimationDuration),this.dom.root.classList.remove(n(this,f).openingClass),this.dom.root.classList.add(n(this,f).openClass),this.emit("openAnimationEnd",{drawer:this,trigger:e}),this.focus(),this.addEventListeners())}async close(e){n(this,f).onCloseConfirm&&!n(this,f).onCloseConfirm(this,e)||(this.emit("beforeClose",{drawer:this,trigger:e}),this.removeEventListeners(),O(this,x,!1),this.dom.root.classList.remove(n(this,f).openClass),this.dom.root.classList.add(n(this,f).closingClass),this.emit("close",{drawer:this,trigger:e}),typeof n(this,f).closeAnimationDuration=="number"&&await ee(n(this,f).closeAnimationDuration),this.dom.root.classList.remove(n(this,f).closingClass),this.emit("closeAnimationEnd",{drawer:this,trigger:e}))}handleOtherDrawerClick(e){}handleOutsideClick(e){n(this,f).closeOnOutsideClick&&(typeof n(this,f).closeOnOutsideClick=="object"&&n(this,f).closeOnOutsideClick.hasOwnProperty("checkTarget")?n(this,f).closeOnOutsideClick.checkTarget(e.target)&&this.close():this.close())}handleUnderlayClick(e){n(this,f).closeOnOutsideClick&&this.close()}focus(){n(this,f).focusOnChild&&this.focusChild()||this.focusSelf()}focusSelf(){this.dom.panel.focus()}focusChild(){const e=this.dom.panel.querySelector(Le.join(","));return e?(e.focus(),!0):!1}setOptions(e){var i;e.hasOwnProperty("modal")&&((i=n(this,f))==null?void 0:i.modal)!==e.modal&&(this.isModal=e.modal),O(this,f,n(this,f)?ie([n(this,f),e]):e)}assignGroup(e){O(this,X,e)}}f=new WeakMap,F=new WeakMap,x=new WeakMap,X=new WeakMap,U=new WeakMap;class Se{constructor(){b(this,T,new Map)}lock(t,e){n(this,T).has(t)||n(this,T).set(t,new Set);const i=n(this,T).get(t);i.size===0&&t.classList.add("scroll-lock-by-drawer"),i.add(e)}unlock(t,e){const i=n(this,T).get(t);i==null||i.delete(e),(!i||i.size===0)&&t.classList.remove("scroll-lock-by-drawer")}}T=new WeakMap;const G=class G{constructor(t){b(this,P,void 0);b(this,L,void 0);b(this,S,void 0);b(this,N,void 0);b(this,j,void 0);O(this,L,[]),O(this,S,[]),O(this,j,new Map),this.onBeforeOpen=({drawer:r,trigger:d})=>{r.isModal?(n(this,j).set(r,n(this,L).length),n(this,L).push(r),r.zIndex=n(this,S).length+n(this,L).length):(n(this,j).set(r,n(this,S).length),n(this,S).push(r),r.zIndex=n(this,S).length,n(this,L).length>0&&n(this,L).forEach((p,u)=>p.zIndex=n(this,S).length+u+1)),r.willLockScroll&&this.lockScroll(r)},this.onCloseAnimationEnd=({drawer:r,trigger:d})=>{const p=r.isModal?n(this,L):n(this,S);for(delete p[n(this,j).get(r)];p.length&&!p.at(-1);)p.pop();n(this,j).delete(r),this.unlockScroll(r)};const e=Z(t);if(e===null)throw new Error("Drawer's group root cannot be found");O(this,P,e);const i=n(this,P).closest("[data-scrollable], html")||n(this,P).matches("[data-scrollable], html")&&n(this,P);if(i===null)throw new Error("Scrollable container for group root cannot be found");O(this,N,i)}add(t){t.on("beforeOpen",this.onBeforeOpen),t.on("closeAnimationEnd",this.onCloseAnimationEnd),t.assignGroup(this)}lockScroll(t){G.scrollLock.lock(n(this,N),t)}unlockScroll(t){G.scrollLock.unlock(n(this,N),t)}};P=new WeakMap,L=new WeakMap,S=new WeakMap,N=new WeakMap,j=new WeakMap,G.scrollLock=new Se;let $=G;const H=class H{constructor(){b(this,q,new Map);b(this,R,new Map);if(H.instance)return H.instance;H.instance=this}init(t){document.querySelectorAll(`[${J}]`).forEach(d=>{const p=d.getAttribute(J);typeof p=="string"&&n(this,R).set(p,new $(d))}),n(this,R).set("default",new $(document.documentElement)),document.querySelectorAll("[data-drawer]").forEach(d=>{var l;const p=d.getAttribute("data-drawer");if(typeof p!="string")return;const u=new oe({target:d,options:t});n(this,q).set(p,u);const h=d.closest(`[${J}]`),o=h?h.getAttribute(J):"default";if(typeof o!="string")throw new Error("Group doesn't have alias set correctly");(l=n(this,R).get(o))==null||l.add(u)}),document.querySelectorAll("[data-drawer-open], [data-drawer-close], [data-drawer-toggle]").forEach(d=>{if(d.hasAttribute("data-drawer-open")){const p=d.getAttribute("data-drawer-open");new Q({target:d,type:"open",owner:this.get(p)})}else if(d.hasAttribute("data-drawer-close")){const p=d.getAttribute("data-drawer-close");new Q({target:d,type:"close",owner:this.get(p)})}else{const p=d.getAttribute("data-drawer-toggle");new Q({target:d,type:"toggle",owner:this.get(p)})}})}open(t,{trigger:e,options:i}={}){var r;(r=this.get(t))==null||r.open(e)}close(t,{trigger:e,options:i}={}){var r;(r=this.get(t))==null||r.close(e)}get(t){return typeof t=="string"&&n(this,q).get(t)||null}on(t,e,i){var r;if(t)(r=this.get(t))==null||r.on(e,i);else for(const[d,p]of n(this,q))p.on(e,i)}};q=new WeakMap,R=new WeakMap;let W=H;typeof window<"u"&&(window.hasOwnProperty("app")||(window.app={}),window.app.drawers=new W),m.Drawer=oe,m.DrawersGroup=$,m.Trigger=Q,m.default=W,Object.defineProperties(m,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/dist/style.css

@@ -1 +1 @@
-html{overflow-x:hidden;scroll-behavior:auto}body{position:fixed;left:0;top:0;width:100%;background-color:#fff;height:100vh;overflow:hidden;margin:0;scroll-behavior:auto}.drawers-group{position:fixed;left:0;top:0;width:100%;height:100%;pointer-events:none}.drawers-group>*{pointer-events:all}.drawer{display:flex;justify-content:center;position:fixed;z-index:var(--z-index);left:0;top:0;width:100%;height:100%;overflow:hidden;background-color:#4e4e4e57}.drawer__panel{display:flex;height:100%;width:100%;max-width:600px;max-height:400px;margin:auto;overflow-x:hidden}.drawer__panel{transition:visibility .4s,opacity .4s,transform .4s}.drawer:not(.drawer_open),.drawer:not(.drawer_open) .drawer__panel{visibility:hidden;opacity:0;transform:none}.drawer__body{width:100%}.drawer:nth-child(1) .drawer__body{background-color:#0ff}.drawer:nth-child(2) .drawer__body{background-color:#8a2be2}.drawer:nth-child(3) .drawer__body{background-color:brown}
+html{overflow-x:hidden;scroll-behavior:auto}body{position:fixed;left:0;top:0;width:100%;background-color:#fff;height:100vh;overflow:hidden;margin:0;scroll-behavior:auto}.drawers-group{position:fixed;left:0;top:0;width:100%;height:100%;pointer-events:none}.drawers-group>*{pointer-events:all}.drawer{display:flex;justify-content:center;position:fixed;z-index:var(--z-index);left:0;top:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.drawer_modal{background-color:#4e4e4e57;pointer-events:all}.drawer__panel{display:flex;height:100%;width:100%;max-width:600px;max-height:400px;margin:auto;overflow-x:hidden;pointer-events:all}.drawer__panel{transition:visibility .4s,opacity .4s,transform .4s}.drawer:not(.drawer_open,.drawer_opening),.drawer:not(.drawer_open,.drawer_opening) .drawer__panel{visibility:hidden;opacity:0;transform:none}.drawer__body{width:100%}.drawer:nth-child(1) .drawer__body{background-color:#0ff}.drawer:nth-child(2) .drawer__body{background-color:#8a2be2}.drawer:nth-child(3) .drawer__body{background-color:brown}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vanilla-drawers",
-  "version": "1.0.15",
+  "version": "1.1.16",
   "description": "Drawers controller.",
   "files": [
     "dist"