@mantou/gem 1.7.10 → 1.7.11

package/dist/gem.es.js

@@ -1,72 +1,59 @@
-var __accessCheck = (obj, member, msg) => {
-  if (!member.has(obj))
-    throw TypeError("Cannot " + msg);
+var be = (n, t, e) => {
+  if (!t.has(n))
+    throw TypeError("Cannot " + e);
 };
-var __privateGet = (obj, member, getter) => {
-  __accessCheck(obj, member, "read from private field");
-  return getter ? getter.call(obj) : member.get(obj);
-};
-var __privateAdd = (obj, member, value) => {
-  if (member.has(obj))
+var g = (n, t, e) => (be(n, t, "read from private field"), e ? e.call(n) : t.get(n)), P = (n, t, e) => {
+  if (t.has(n))
     throw TypeError("Cannot add the same private member more than once");
-  member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
-};
-var __privateSet = (obj, member, value, setter) => {
-  __accessCheck(obj, member, "write to private field");
-  setter ? setter.call(obj, value) : member.set(obj, value);
-  return value;
-};
-var __privateMethod = (obj, member, method) => {
-  __accessCheck(obj, member, "access private method");
-  return method;
-};
-var _map, _firstItem, _lastItem, _delete, delete_fn, _stringify, _parse, _routeOptions, routeOptions_get, _hint, hint_get, _onClick, _preventDefault, _getHint, _a, _getContent, _nextSibling, _parentElement, _inertStore, _b, _cacheCurrentKey, cacheCurrentKey_get, _urlParamsLang, urlParamsLang_get, _cacheLang, cacheLang_get, _isMain, isMain_get, _lang, lang_set;
-var GemExports = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  t instanceof WeakSet ? t.add(n) : t.set(n, e);
+}, F = (n, t, e, s) => (be(n, t, "write to private field"), s ? s.call(n, e) : t.set(n, e), e);
+var Ce = (n, t, e) => (be(n, t, "access private method"), e);
+const Ts = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   get GemElement() {
-    return GemElement;
+    return A;
+  },
+  get SVGTemplateResult() {
+    return Gn;
+  },
+  get TemplateResult() {
+    return _e;
   },
   get defineAttribute() {
-    return defineAttribute;
+    return nn;
+  },
+  get defineCSSState() {
+    return rn;
   },
   get defineProperty() {
-    return defineProperty;
+    return Dt;
   },
   get defineRef() {
-    return defineRef;
+    return sn;
   },
-  get defineCSSState() {
-    return defineCSSState;
+  get directive() {
+    return we;
   },
-  get nativeDefineElement() {
-    return nativeDefineElement;
+  get guard() {
+    return Ys;
   },
   get html() {
-    return html;
-  },
-  get svg() {
-    return svg;
-  },
-  get render() {
-    return render;
+    return G;
   },
-  get directive() {
-    return directive;
+  get ifDefined() {
+    return Qn;
   },
-  get TemplateResult() {
-    return TemplateResult;
+  get nativeDefineElement() {
+    return on;
   },
-  get SVGTemplateResult() {
-    return SVGTemplateResult;
+  get render() {
+    return Kn;
   },
   get repeat() {
-    return repeat;
-  },
-  get guard() {
-    return guard;
+    return Js;
   },
-  get ifDefined() {
-    return ifDefined;
+  get svg() {
+    return Vs;
   }
 }, Symbol.toStringTag, { value: "Module" }));
 /**
@@ -82,15 +69,10 @@ var GemExports = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProp
  * subject to an additional IP rights grant found at
  * http://polymer.github.io/PATENTS.txt
  */
-const directives = /* @__PURE__ */ new WeakMap();
-const directive = (f) => (...args) => {
-  const d = f(...args);
-  directives.set(d, true);
-  return d;
-};
-const isDirective = (o) => {
-  return typeof o === "function" && directives.has(o);
-};
+const Dn = /* @__PURE__ */ new WeakMap(), we = (n) => (...t) => {
+  const e = n(...t);
+  return Dn.set(e, !0), e;
+}, Wt = (n) => typeof n == "function" && Dn.has(n);
 /**
  * @license
  * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
@@ -104,19 +86,15 @@ const isDirective = (o) => {
  * subject to an additional IP rights grant found at
  * http://polymer.github.io/PATENTS.txt
  */
-const isCEPolyfill = typeof window !== "undefined" && window.customElements != null && window.customElements.polyfillWrapFlushCallback !== void 0;
-const reparentNodes = (container, start, end = null, before = null) => {
-  while (start !== end) {
-    const n = start.nextSibling;
-    container.insertBefore(start, before);
-    start = n;
+const wn = typeof window < "u" && window.customElements != null && window.customElements.polyfillWrapFlushCallback !== void 0, qn = (n, t, e = null, s = null) => {
+  for (; t !== e; ) {
+    const i = t.nextSibling;
+    n.insertBefore(t, s), t = i;
   }
-};
-const removeNodes = (container, start, end = null) => {
-  while (start !== end) {
-    const n = start.nextSibling;
-    container.removeChild(start);
-    start = n;
+}, Ye = (n, t, e = null) => {
+  for (; t !== e; ) {
+    const s = t.nextSibling;
+    n.removeChild(t), t = s;
   }
 };
 /**
@@ -132,8 +110,7 @@ const removeNodes = (container, start, end = null) => {
  * subject to an additional IP rights grant found at
  * http://polymer.github.io/PATENTS.txt
  */
-const noChange = {};
-const nothing = {};
+const V = {}, _n = {};
 /**
  * @license
  * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
@@ -147,119 +124,70 @@ const nothing = {};
  * subject to an additional IP rights grant found at
  * http://polymer.github.io/PATENTS.txt
  */
-const marker = `{{lit-${String(Math.random()).slice(2)}}}`;
-const nodeMarker = `<!--${marker}-->`;
-const markerRegex = new RegExp(`${marker}|${nodeMarker}`);
-const boundAttributeSuffix = "$lit$";
-class Template {
-  constructor(result, element) {
-    this.parts = [];
-    this.element = element;
-    const nodesToRemove = [];
-    const stack = [];
-    const walker = document.createTreeWalker(element.content, 133, null, false);
-    let lastPartIndex = 0;
-    let index = -1;
-    let partIndex = 0;
-    const { strings, values: { length } } = result;
-    while (partIndex < length) {
-      const node = walker.nextNode();
-      if (node === null) {
-        walker.currentNode = stack.pop();
+const et = `{{lit-${String(Math.random()).slice(2)}}}`, Un = `<!--${et}-->`, vn = new RegExp(`${et}|${Un}`), bt = "$lit$";
+class ks {
+  constructor(t, e) {
+    this.parts = [], this.element = e;
+    const s = [], i = [], r = document.createTreeWalker(e.content, 133, null, !1);
+    let o = 0, a = -1, c = 0;
+    const { strings: h, values: { length: p } } = t;
+    for (; c < p; ) {
+      const u = r.nextNode();
+      if (u === null) {
+        r.currentNode = i.pop();
         continue;
       }
-      index++;
-      if (node.nodeType === 1) {
-        if (node.hasAttributes()) {
-          const attributes = node.attributes;
-          const { length: length2 } = attributes;
-          let count = 0;
-          for (let i = 0; i < length2; i++) {
-            if (endsWith(attributes[i].name, boundAttributeSuffix)) {
-              count++;
-            }
+      if (a++, u.nodeType === 1) {
+        if (u.hasAttributes()) {
+          const S = u.attributes, { length: d } = S;
+          let m = 0;
+          for (let f = 0; f < d; f++)
+            Sn(S[f].name, bt) && m++;
+          for (; m-- > 0; ) {
+            const f = h[c], _ = Re.exec(f)[2], v = _.toLowerCase() + bt, H = u.getAttribute(v);
+            u.removeAttribute(v);
+            const M = H.split(vn);
+            this.parts.push({ type: "attribute", index: a, name: _, strings: M }), c += M.length - 1;
           }
-          while (count-- > 0) {
-            const stringForPart = strings[partIndex];
-            const name = lastAttributeNameRegex.exec(stringForPart)[2];
-            const attributeLookupName = name.toLowerCase() + boundAttributeSuffix;
-            const attributeValue = node.getAttribute(attributeLookupName);
-            node.removeAttribute(attributeLookupName);
-            const statics = attributeValue.split(markerRegex);
-            this.parts.push({ type: "attribute", index, name, strings: statics });
-            partIndex += statics.length - 1;
-          }
-        }
-        if (node.tagName === "TEMPLATE") {
-          stack.push(node);
-          walker.currentNode = node.content;
         }
-      } else if (node.nodeType === 3) {
-        const data = node.data;
-        if (data.indexOf(marker) >= 0) {
-          const parent = node.parentNode;
-          const strings2 = data.split(markerRegex);
-          const lastIndex = strings2.length - 1;
-          for (let i = 0; i < lastIndex; i++) {
-            let insert;
-            let s = strings2[i];
-            if (s === "") {
-              insert = createMarker();
-            } else {
-              const match2 = lastAttributeNameRegex.exec(s);
-              if (match2 !== null && endsWith(match2[2], boundAttributeSuffix)) {
-                s = s.slice(0, match2.index) + match2[1] + match2[2].slice(0, -boundAttributeSuffix.length) + match2[3];
-              }
-              insert = document.createTextNode(s);
+        u.tagName === "TEMPLATE" && (i.push(u), r.currentNode = u.content);
+      } else if (u.nodeType === 3) {
+        const S = u.data;
+        if (S.indexOf(et) >= 0) {
+          const d = u.parentNode, m = S.split(vn), f = m.length - 1;
+          for (let _ = 0; _ < f; _++) {
+            let v, H = m[_];
+            if (H === "")
+              v = U();
+            else {
+              const M = Re.exec(H);
+              M !== null && Sn(M[2], bt) && (H = H.slice(0, M.index) + M[1] + M[2].slice(0, -bt.length) + M[3]), v = document.createTextNode(H);
             }
-            parent.insertBefore(insert, node);
-            this.parts.push({ type: "node", index: ++index });
+            d.insertBefore(v, u), this.parts.push({ type: "node", index: ++a });
           }
-          if (strings2[lastIndex] === "") {
-            parent.insertBefore(createMarker(), node);
-            nodesToRemove.push(node);
-          } else {
-            node.data = strings2[lastIndex];
-          }
-          partIndex += lastIndex;
+          m[f] === "" ? (d.insertBefore(U(), u), s.push(u)) : u.data = m[f], c += f;
         }
-      } else if (node.nodeType === 8) {
-        if (node.data === marker) {
-          const parent = node.parentNode;
-          if (node.previousSibling === null || index === lastPartIndex) {
-            index++;
-            parent.insertBefore(createMarker(), node);
-          }
-          lastPartIndex = index;
-          this.parts.push({ type: "node", index });
-          if (node.nextSibling === null) {
-            node.data = "";
-          } else {
-            nodesToRemove.push(node);
-            index--;
-          }
-          partIndex++;
+      } else if (u.nodeType === 8)
+        if (u.data === et) {
+          const S = u.parentNode;
+          (u.previousSibling === null || a === o) && (a++, S.insertBefore(U(), u)), o = a, this.parts.push({ type: "node", index: a }), u.nextSibling === null ? u.data = "" : (s.push(u), a--), c++;
         } else {
-          let i = -1;
-          while ((i = node.data.indexOf(marker, i + 1)) !== -1) {
-            this.parts.push({ type: "node", index: -1 });
-            partIndex++;
-          }
+          let S = -1;
+          for (; (S = u.data.indexOf(et, S + 1)) !== -1; )
+            this.parts.push({ type: "node", index: -1 }), c++;
         }
-      }
-    }
-    for (const n of nodesToRemove) {
-      n.parentNode.removeChild(n);
     }
+    for (const u of s)
+      u.parentNode.removeChild(u);
   }
 }
-const endsWith = (str, suffix) => {
-  const index = str.length - suffix.length;
-  return index >= 0 && str.slice(index) === suffix;
-};
-const isTemplatePartActive = (part2) => part2.index !== -1;
-const createMarker = () => document.createComment("");
-const lastAttributeNameRegex = /([ \x09\x0a\x0c\x0d])([^\0-\x1F\x7F-\x9F "'>=/]+)([ \x09\x0a\x0c\x0d]*=[ \x09\x0a\x0c\x0d]*(?:[^ \x09\x0a\x0c\x0d"'`<>=]*|"[^"]*|'[^']*))$/;
+const Sn = (n, t) => {
+  const e = n.length - t.length;
+  return e >= 0 && n.slice(e) === t;
+}, Ls = (n) => n.index !== -1, U = () => document.createComment(""), Re = (
+  // eslint-disable-next-line no-control-regex
+  /([ \x09\x0a\x0c\x0d])([^\0-\x1F\x7F-\x9F "'>=/]+)([ \x09\x0a\x0c\x0d]*=[ \x09\x0a\x0c\x0d]*(?:[^ \x09\x0a\x0c\x0d"'`<>=]*|"[^"]*|'[^']*))$/
+);
 /**
  * @license
  * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
@@ -273,68 +201,35 @@ const lastAttributeNameRegex = /([ \x09\x0a\x0c\x0d])([^\0-\x1F\x7F-\x9F "'>=/]+
  * subject to an additional IP rights grant found at
  * http://polymer.github.io/PATENTS.txt
  */
-class TemplateInstance {
-  constructor(template, processor, options) {
-    this.__parts = [];
-    this.template = template;
-    this.processor = processor;
-    this.options = options;
-  }
-  update(values) {
-    let i = 0;
-    for (const part2 of this.__parts) {
-      if (part2 !== void 0) {
-        part2.setValue(values[i]);
-      }
-      i++;
-    }
-    for (const part2 of this.__parts) {
-      if (part2 !== void 0) {
-        part2.commit();
-      }
-    }
+class En {
+  constructor(t, e, s) {
+    this.__parts = [], this.template = t, this.processor = e, this.options = s;
+  }
+  update(t) {
+    let e = 0;
+    for (const s of this.__parts)
+      s !== void 0 && s.setValue(t[e]), e++;
+    for (const s of this.__parts)
+      s !== void 0 && s.commit();
   }
   _clone() {
-    const fragment = isCEPolyfill ? this.template.element.content.cloneNode(true) : document.importNode(this.template.element.content, true);
-    const stack = [];
-    const parts2 = this.template.parts;
-    const walker = document.createTreeWalker(fragment, 133, null, false);
-    let partIndex = 0;
-    let nodeIndex = 0;
-    let part2;
-    let node = walker.nextNode();
-    while (partIndex < parts2.length) {
-      part2 = parts2[partIndex];
-      if (!isTemplatePartActive(part2)) {
-        this.__parts.push(void 0);
-        partIndex++;
+    const t = wn ? this.template.element.content.cloneNode(!0) : document.importNode(this.template.element.content, !0), e = [], s = this.template.parts, i = document.createTreeWalker(t, 133, null, !1);
+    let r = 0, o = 0, a, c = i.nextNode();
+    for (; r < s.length; ) {
+      if (a = s[r], !Ls(a)) {
+        this.__parts.push(void 0), r++;
         continue;
       }
-      while (nodeIndex < part2.index) {
-        nodeIndex++;
-        if (node.nodeName === "TEMPLATE") {
-          stack.push(node);
-          walker.currentNode = node.content;
-        }
-        if ((node = walker.nextNode()) === null) {
-          walker.currentNode = stack.pop();
-          node = walker.nextNode();
-        }
-      }
-      if (part2.type === "node") {
-        const part3 = this.processor.handleTextExpression(this.options);
-        part3.insertAfterNode(node.previousSibling);
-        this.__parts.push(part3);
-      } else {
-        this.__parts.push(...this.processor.handleAttributeExpressions(node, part2.name, part2.strings, this.options));
-      }
-      partIndex++;
-    }
-    if (isCEPolyfill) {
-      document.adoptNode(fragment);
-      customElements.upgrade(fragment);
+      for (; o < a.index; )
+        o++, c.nodeName === "TEMPLATE" && (e.push(c), i.currentNode = c.content), (c = i.nextNode()) === null && (i.currentNode = e.pop(), c = i.nextNode());
+      if (a.type === "node") {
+        const h = this.processor.handleTextExpression(this.options);
+        h.insertAfterNode(c.previousSibling), this.__parts.push(h);
+      } else
+        this.__parts.push(...this.processor.handleAttributeExpressions(c, a.name, a.strings, this.options));
+      r++;
     }
-    return fragment;
+    return wn && (document.adoptNode(t), customElements.upgrade(t)), t;
   }
 }
 /**
@@ -350,54 +245,38 @@ class TemplateInstance {
  * subject to an additional IP rights grant found at
  * http://polymer.github.io/PATENTS.txt
  */
-const policy = window.trustedTypes && trustedTypes.createPolicy("lit-html", { createHTML: (s) => s });
-const commentMarker = ` ${marker} `;
-class TemplateResult {
-  constructor(strings, values, type, processor) {
-    this.strings = strings;
-    this.values = values;
-    this.type = type;
-    this.processor = processor;
-  }
+const xn = window.trustedTypes && trustedTypes.createPolicy("lit-html", { createHTML: (n) => n }), Ns = ` ${et} `;
+class _e {
+  constructor(t, e, s, i) {
+    this.strings = t, this.values = e, this.type = s, this.processor = i;
+  }
+  /**
+   * Returns a string of HTML used to create a `<template>` element.
+   */
   getHTML() {
-    const l = this.strings.length - 1;
-    let html2 = "";
-    let isCommentBinding = false;
-    for (let i = 0; i < l; i++) {
-      const s = this.strings[i];
-      const commentOpen = s.lastIndexOf("<!--");
-      isCommentBinding = (commentOpen > -1 || isCommentBinding) && s.indexOf("-->", commentOpen + 1) === -1;
-      const attributeMatch = lastAttributeNameRegex.exec(s);
-      if (attributeMatch === null) {
-        html2 += s + (isCommentBinding ? commentMarker : nodeMarker);
-      } else {
-        html2 += s.substr(0, attributeMatch.index) + attributeMatch[1] + attributeMatch[2] + boundAttributeSuffix + attributeMatch[3] + marker;
-      }
+    const t = this.strings.length - 1;
+    let e = "", s = !1;
+    for (let i = 0; i < t; i++) {
+      const r = this.strings[i], o = r.lastIndexOf("<!--");
+      s = (o > -1 || s) && r.indexOf("-->", o + 1) === -1;
+      const a = Re.exec(r);
+      a === null ? e += r + (s ? Ns : Un) : e += r.substr(0, a.index) + a[1] + a[2] + bt + a[3] + et;
     }
-    html2 += this.strings[l];
-    return html2;
+    return e += this.strings[t], e;
   }
   getTemplateElement() {
-    const template = document.createElement("template");
-    let value = this.getHTML();
-    if (policy !== void 0) {
-      value = policy.createHTML(value);
-    }
-    template.innerHTML = value;
-    return template;
+    const t = document.createElement("template");
+    let e = this.getHTML();
+    return xn !== void 0 && (e = xn.createHTML(e)), t.innerHTML = e, t;
   }
 }
-class SVGTemplateResult extends TemplateResult {
+class Gn extends _e {
   getHTML() {
     return `<svg>${super.getHTML()}</svg>`;
   }
   getTemplateElement() {
-    const template = super.getTemplateElement();
-    const content = template.content;
-    const svgElement = content.firstChild;
-    content.removeChild(svgElement);
-    reparentNodes(content, svgElement.firstChild);
-    return template;
+    const t = super.getTemplateElement(), e = t.content, s = e.firstChild;
+    return e.removeChild(s), qn(e, s.firstChild), t;
   }
 }
 /**
@@ -413,327 +292,217 @@ class SVGTemplateResult extends TemplateResult {
  * subject to an additional IP rights grant found at
  * http://polymer.github.io/PATENTS.txt
  */
-const isPrimitive = (value) => {
-  return value === null || !(typeof value === "object" || typeof value === "function");
-};
-const isIterable = (value) => {
-  return Array.isArray(value) || !!(value && value[Symbol.iterator]);
-};
-class AttributeCommitter {
-  constructor(element, name, strings) {
-    this.dirty = true;
-    this.element = element;
-    this.name = name;
-    this.strings = strings;
-    this.parts = [];
-    for (let i = 0; i < strings.length - 1; i++) {
+const Qe = (n) => n === null || !(typeof n == "object" || typeof n == "function"), Ae = (n) => Array.isArray(n) || // eslint-disable-next-line @typescript-eslint/no-explicit-any
+!!(n && n[Symbol.iterator]);
+class jn {
+  constructor(t, e, s) {
+    this.dirty = !0, this.element = t, this.name = e, this.strings = s, this.parts = [];
+    for (let i = 0; i < s.length - 1; i++)
       this.parts[i] = this._createPart();
-    }
   }
+  /**
+   * Creates a single part. Override this to create a differnt type of part.
+   */
   _createPart() {
-    return new AttributePart(this);
+    return new Xe(this);
   }
   _getValue() {
-    const strings = this.strings;
-    const l = strings.length - 1;
-    const parts2 = this.parts;
-    if (l === 1 && strings[0] === "" && strings[1] === "") {
-      const v = parts2[0].value;
-      if (typeof v === "symbol") {
-        return String(v);
-      }
-      if (typeof v === "string" || !isIterable(v)) {
-        return v;
-      }
-    }
-    let text = "";
-    for (let i = 0; i < l; i++) {
-      text += strings[i];
-      const part2 = parts2[i];
-      if (part2 !== void 0) {
-        const v = part2.value;
-        if (isPrimitive(v) || !isIterable(v)) {
-          text += typeof v === "string" ? v : String(v);
-        } else {
-          for (const t of v) {
-            text += typeof t === "string" ? t : String(t);
-          }
-        }
+    const t = this.strings, e = t.length - 1, s = this.parts;
+    if (e === 1 && t[0] === "" && t[1] === "") {
+      const r = s[0].value;
+      if (typeof r == "symbol")
+        return String(r);
+      if (typeof r == "string" || !Ae(r))
+        return r;
+    }
+    let i = "";
+    for (let r = 0; r < e; r++) {
+      i += t[r];
+      const o = s[r];
+      if (o !== void 0) {
+        const a = o.value;
+        if (Qe(a) || !Ae(a))
+          i += typeof a == "string" ? a : String(a);
+        else
+          for (const c of a)
+            i += typeof c == "string" ? c : String(c);
       }
     }
-    text += strings[l];
-    return text;
+    return i += t[e], i;
   }
   commit() {
-    if (this.dirty) {
-      this.dirty = false;
-      this.element.setAttribute(this.name, this._getValue());
-    }
+    this.dirty && (this.dirty = !1, this.element.setAttribute(this.name, this._getValue()));
   }
 }
-class AttributePart {
-  constructor(committer) {
-    this.value = void 0;
-    this.committer = committer;
+class Xe {
+  constructor(t) {
+    this.value = void 0, this.committer = t;
   }
-  setValue(value) {
-    if (value !== noChange && (!isPrimitive(value) || value !== this.value)) {
-      this.value = value;
-      if (!isDirective(value)) {
-        this.committer.dirty = true;
-      }
-    }
+  setValue(t) {
+    t !== V && (!Qe(t) || t !== this.value) && (this.value = t, Wt(t) || (this.committer.dirty = !0));
   }
   commit() {
-    while (isDirective(this.value)) {
-      const directive2 = this.value;
-      this.value = noChange;
-      directive2(this);
-    }
-    if (this.value === noChange) {
-      return;
-    }
-    this.committer.commit();
-  }
-}
-class NodePart {
-  constructor(options) {
-    this.value = void 0;
-    this.__pendingValue = void 0;
-    this.options = options;
-  }
-  appendInto(container) {
-    this.startNode = container.appendChild(createMarker());
-    this.endNode = container.appendChild(createMarker());
-  }
-  insertAfterNode(ref) {
-    this.startNode = ref;
-    this.endNode = ref.nextSibling;
-  }
-  appendIntoPart(part2) {
-    part2.__insert(this.startNode = createMarker());
-    part2.__insert(this.endNode = createMarker());
-  }
-  insertAfterPart(ref) {
-    ref.__insert(this.startNode = createMarker());
-    this.endNode = ref.endNode;
-    ref.endNode = this.startNode;
-  }
-  setValue(value) {
-    this.__pendingValue = value;
+    for (; Wt(this.value); ) {
+      const t = this.value;
+      this.value = V, t(this);
+    }
+    this.value !== V && this.committer.commit();
+  }
+}
+class wt {
+  constructor(t) {
+    this.value = void 0, this.__pendingValue = void 0, this.options = t;
+  }
+  /**
+   * Appends this part into a container.
+   *
+   * This part must be empty, as its contents are not automatically moved.
+   */
+  appendInto(t) {
+    this.startNode = t.appendChild(U()), this.endNode = t.appendChild(U());
+  }
+  /**
+   * Inserts this part after the `ref` node (between `ref` and `ref`'s next
+   * sibling). Both `ref` and its next sibling must be static, unchanging nodes
+   * such as those that appear in a literal section of a template.
+   *
+   * This part must be empty, as its contents are not automatically moved.
+   */
+  insertAfterNode(t) {
+    this.startNode = t, this.endNode = t.nextSibling;
+  }
+  /**
+   * Appends this part into a parent part.
+   *
+   * This part must be empty, as its contents are not automatically moved.
+   */
+  appendIntoPart(t) {
+    t.__insert(this.startNode = U()), t.__insert(this.endNode = U());
+  }
+  /**
+   * Inserts this part after the `ref` part.
+   *
+   * This part must be empty, as its contents are not automatically moved.
+   */
+  insertAfterPart(t) {
+    t.__insert(this.startNode = U()), this.endNode = t.endNode, t.endNode = this.startNode;
+  }
+  setValue(t) {
+    this.__pendingValue = t;
   }
   commit() {
-    if (this.startNode.parentNode === null) {
-      return;
-    }
-    while (isDirective(this.__pendingValue)) {
-      const directive2 = this.__pendingValue;
-      this.__pendingValue = noChange;
-      directive2(this);
-    }
-    const value = this.__pendingValue;
-    if (value === noChange) {
+    if (this.startNode.parentNode === null)
       return;
+    for (; Wt(this.__pendingValue); ) {
+      const e = this.__pendingValue;
+      this.__pendingValue = V, e(this);
     }
-    if (isPrimitive(value)) {
-      if (value !== this.value) {
-        this.__commitText(value);
-      }
-    } else if (value instanceof TemplateResult) {
-      this.__commitTemplateResult(value);
-    } else if (value instanceof Node) {
-      this.__commitNode(value);
-    } else if (isIterable(value)) {
-      this.__commitIterable(value);
-    } else if (value === nothing) {
-      this.value = nothing;
-      this.clear();
-    } else {
-      this.__commitText(value);
-    }
+    const t = this.__pendingValue;
+    t !== V && (Qe(t) ? t !== this.value && this.__commitText(t) : t instanceof _e ? this.__commitTemplateResult(t) : t instanceof Node ? this.__commitNode(t) : Ae(t) ? this.__commitIterable(t) : t === _n ? (this.value = _n, this.clear()) : this.__commitText(t));
   }
-  __insert(node) {
-    this.endNode.parentNode.insertBefore(node, this.endNode);
+  __insert(t) {
+    this.endNode.parentNode.insertBefore(t, this.endNode);
   }
-  __commitNode(value) {
-    if (this.value === value) {
-      return;
-    }
-    this.clear();
-    this.__insert(value);
-    this.value = value;
-  }
-  __commitText(value) {
-    const node = this.startNode.nextSibling;
-    value = value == null ? "" : value;
-    const valueAsString = typeof value === "string" ? value : String(value);
-    if (node === this.endNode.previousSibling && node.nodeType === 3) {
-      node.data = valueAsString;
-    } else {
-      this.__commitNode(document.createTextNode(valueAsString));
-    }
-    this.value = value;
+  __commitNode(t) {
+    this.value !== t && (this.clear(), this.__insert(t), this.value = t);
   }
-  __commitTemplateResult(value) {
-    const template = this.options.templateFactory(value);
-    if (this.value instanceof TemplateInstance && this.value.template === template) {
-      this.value.update(value.values);
-    } else {
-      const instance = new TemplateInstance(template, value.processor, this.options);
-      const fragment = instance._clone();
-      instance.update(value.values);
-      this.__commitNode(fragment);
-      this.value = instance;
-    }
+  __commitText(t) {
+    const e = this.startNode.nextSibling;
+    t = t ?? "";
+    const s = typeof t == "string" ? t : String(t);
+    e === this.endNode.previousSibling && e.nodeType === 3 ? e.data = s : this.__commitNode(document.createTextNode(s)), this.value = t;
   }
-  __commitIterable(value) {
-    if (!Array.isArray(this.value)) {
-      this.value = [];
-      this.clear();
-    }
-    const itemParts = this.value;
-    let partIndex = 0;
-    let itemPart;
-    for (const item of value) {
-      itemPart = itemParts[partIndex];
-      if (itemPart === void 0) {
-        itemPart = new NodePart(this.options);
-        itemParts.push(itemPart);
-        if (partIndex === 0) {
-          itemPart.appendIntoPart(this);
-        } else {
-          itemPart.insertAfterPart(itemParts[partIndex - 1]);
-        }
-      }
-      itemPart.setValue(item);
-      itemPart.commit();
-      partIndex++;
-    }
-    if (partIndex < itemParts.length) {
-      itemParts.length = partIndex;
-      this.clear(itemPart && itemPart.endNode);
+  __commitTemplateResult(t) {
+    const e = this.options.templateFactory(t);
+    if (this.value instanceof En && this.value.template === e)
+      this.value.update(t.values);
+    else {
+      const s = new En(e, t.processor, this.options), i = s._clone();
+      s.update(t.values), this.__commitNode(i), this.value = s;
     }
   }
-  clear(startNode = this.startNode) {
-    removeNodes(this.startNode.parentNode, startNode.nextSibling, this.endNode);
+  __commitIterable(t) {
+    Array.isArray(this.value) || (this.value = [], this.clear());
+    const e = this.value;
+    let s = 0, i;
+    for (const r of t)
+      i = e[s], i === void 0 && (i = new wt(this.options), e.push(i), s === 0 ? i.appendIntoPart(this) : i.insertAfterPart(e[s - 1])), i.setValue(r), i.commit(), s++;
+    s < e.length && (e.length = s, this.clear(i && i.endNode));
+  }
+  clear(t = this.startNode) {
+    Ye(this.startNode.parentNode, t.nextSibling, this.endNode);
   }
 }
-class BooleanAttributePart {
-  constructor(element, name, strings) {
-    this.value = void 0;
-    this.__pendingValue = void 0;
-    if (strings.length !== 2 || strings[0] !== "" || strings[1] !== "") {
+class Ms {
+  constructor(t, e, s) {
+    if (this.value = void 0, this.__pendingValue = void 0, s.length !== 2 || s[0] !== "" || s[1] !== "")
       throw new Error("Boolean attributes can only contain a single expression");
-    }
-    this.element = element;
-    this.name = name;
-    this.strings = strings;
+    this.element = t, this.name = e, this.strings = s;
   }
-  setValue(value) {
-    this.__pendingValue = value;
+  setValue(t) {
+    this.__pendingValue = t;
   }
   commit() {
-    while (isDirective(this.__pendingValue)) {
-      const directive2 = this.__pendingValue;
-      this.__pendingValue = noChange;
-      directive2(this);
+    for (; Wt(this.__pendingValue); ) {
+      const e = this.__pendingValue;
+      this.__pendingValue = V, e(this);
     }
-    if (this.__pendingValue === noChange) {
+    if (this.__pendingValue === V)
       return;
-    }
-    const value = !!this.__pendingValue;
-    if (this.value !== value) {
-      if (value) {
-        this.element.setAttribute(this.name, "");
-      } else {
-        this.element.removeAttribute(this.name);
-      }
-      this.value = value;
-    }
-    this.__pendingValue = noChange;
+    const t = !!this.__pendingValue;
+    this.value !== t && (t ? this.element.setAttribute(this.name, "") : this.element.removeAttribute(this.name), this.value = t), this.__pendingValue = V;
   }
 }
-class PropertyCommitter extends AttributeCommitter {
-  constructor(element, name, strings) {
-    super(element, name, strings);
-    this.single = strings.length === 2 && strings[0] === "" && strings[1] === "";
+class Os extends jn {
+  constructor(t, e, s) {
+    super(t, e, s), this.single = s.length === 2 && s[0] === "" && s[1] === "";
   }
   _createPart() {
-    return new PropertyPart(this);
+    return new Rs(this);
   }
   _getValue() {
-    if (this.single) {
-      return this.parts[0].value;
-    }
-    return super._getValue();
+    return this.single ? this.parts[0].value : super._getValue();
   }
   commit() {
-    if (this.dirty) {
-      this.dirty = false;
-      this.element[this.name] = this._getValue();
-    }
+    this.dirty && (this.dirty = !1, this.element[this.name] = this._getValue());
   }
 }
-class PropertyPart extends AttributePart {
+class Rs extends Xe {
 }
-let eventOptionsSupported = false;
+let Fn = !1;
 (() => {
   try {
-    const options = {
+    const n = {
       get capture() {
-        eventOptionsSupported = true;
-        return false;
+        return Fn = !0, !1;
       }
     };
-    window.addEventListener("test", options, options);
-    window.removeEventListener("test", options, options);
-  } catch (_e) {
+    window.addEventListener("test", n, n), window.removeEventListener("test", n, n);
+  } catch {
   }
 })();
-class EventPart {
-  constructor(element, eventName, eventContext) {
-    this.value = void 0;
-    this.__pendingValue = void 0;
-    this.element = element;
-    this.eventName = eventName;
-    this.eventContext = eventContext;
-    this.__boundHandleEvent = (e) => this.handleEvent(e);
-  }
-  setValue(value) {
-    this.__pendingValue = value;
+class As {
+  constructor(t, e, s) {
+    this.value = void 0, this.__pendingValue = void 0, this.element = t, this.eventName = e, this.eventContext = s, this.__boundHandleEvent = (i) => this.handleEvent(i);
+  }
+  setValue(t) {
+    this.__pendingValue = t;
   }
   commit() {
-    while (isDirective(this.__pendingValue)) {
-      const directive2 = this.__pendingValue;
-      this.__pendingValue = noChange;
-      directive2(this);
+    for (; Wt(this.__pendingValue); ) {
+      const r = this.__pendingValue;
+      this.__pendingValue = V, r(this);
     }
-    if (this.__pendingValue === noChange) {
+    if (this.__pendingValue === V)
       return;
-    }
-    const newListener = this.__pendingValue;
-    const oldListener = this.value;
-    const shouldRemoveListener = newListener == null || oldListener != null && (newListener.capture !== oldListener.capture || newListener.once !== oldListener.once || newListener.passive !== oldListener.passive);
-    const shouldAddListener = newListener != null && (oldListener == null || shouldRemoveListener);
-    if (shouldRemoveListener) {
-      this.element.removeEventListener(this.eventName, this.__boundHandleEvent, this.__options);
-    }
-    if (shouldAddListener) {
-      this.__options = getOptions(newListener);
-      this.element.addEventListener(this.eventName, this.__boundHandleEvent, this.__options);
-    }
-    this.value = newListener;
-    this.__pendingValue = noChange;
+    const t = this.__pendingValue, e = this.value, s = t == null || e != null && (t.capture !== e.capture || t.once !== e.once || t.passive !== e.passive), i = t != null && (e == null || s);
+    s && this.element.removeEventListener(this.eventName, this.__boundHandleEvent, this.__options), i && (this.__options = Hs(t), this.element.addEventListener(this.eventName, this.__boundHandleEvent, this.__options)), this.value = t, this.__pendingValue = V;
   }
-  handleEvent(event) {
-    if (typeof this.value === "function") {
-      this.value.call(this.eventContext || this.element, event);
-    } else {
-      this.value.handleEvent(event);
-    }
+  handleEvent(t) {
+    typeof this.value == "function" ? this.value.call(this.eventContext || this.element, t) : this.value.handleEvent(t);
   }
 }
-const getOptions = (o) => o && (eventOptionsSupported ? { capture: o.capture, passive: o.passive, once: o.once } : o.capture);
+const Hs = (n) => n && (Fn ? { capture: n.capture, passive: n.passive, once: n.once } : n.capture);
 /**
  * @license
  * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
@@ -747,27 +516,29 @@ const getOptions = (o) => o && (eventOptionsSupported ? { capture: o.capture, pa
  * subject to an additional IP rights grant found at
  * http://polymer.github.io/PATENTS.txt
  */
-class DefaultTemplateProcessor {
-  handleAttributeExpressions(element, name, strings, options) {
-    const prefix = name[0];
-    if (prefix === ".") {
-      const committer2 = new PropertyCommitter(element, name.slice(1), strings);
-      return committer2.parts;
-    }
-    if (prefix === "@") {
-      return [new EventPart(element, name.slice(1), options.eventContext)];
-    }
-    if (prefix === "?") {
-      return [new BooleanAttributePart(element, name.slice(1), strings)];
-    }
-    const committer = new AttributeCommitter(element, name, strings);
-    return committer.parts;
-  }
-  handleTextExpression(options) {
-    return new NodePart(options);
-  }
-}
-const defaultTemplateProcessor = new DefaultTemplateProcessor();
+class Ws {
+  /**
+   * Create parts for an attribute-position binding, given the event, attribute
+   * name, and string literals.
+   *
+   * @param element The element containing the binding
+   * @param name  The attribute name
+   * @param strings The string literals. There are always at least two strings,
+   *   event for fully-controlled bindings with a single expression.
+   */
+  handleAttributeExpressions(t, e, s, i) {
+    const r = e[0];
+    return r === "." ? new Os(t, e.slice(1), s).parts : r === "@" ? [new As(t, e.slice(1), i.eventContext)] : r === "?" ? [new Ms(t, e.slice(1), s)] : new jn(t, e, s).parts;
+  }
+  /**
+   * Create parts for a text-position binding.
+   * @param templateFactory
+   */
+  handleTextExpression(t) {
+    return new wt(t);
+  }
+}
+const Bn = new Ws();
 /**
  * @license
  * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
@@ -781,29 +552,19 @@ const defaultTemplateProcessor = new DefaultTemplateProcessor();
  * subject to an additional IP rights grant found at
  * http://polymer.github.io/PATENTS.txt
  */
-function templateFactory(result) {
-  let templateCache = templateCaches.get(result.type);
-  if (templateCache === void 0) {
-    templateCache = {
-      stringsArray: /* @__PURE__ */ new WeakMap(),
-      keyString: /* @__PURE__ */ new Map()
-    };
-    templateCaches.set(result.type, templateCache);
-  }
-  let template = templateCache.stringsArray.get(result.strings);
-  if (template !== void 0) {
-    return template;
-  }
-  const key2 = result.strings.join(marker);
-  template = templateCache.keyString.get(key2);
-  if (template === void 0) {
-    template = new Template(result, result.getTemplateElement());
-    templateCache.keyString.set(key2, template);
-  }
-  templateCache.stringsArray.set(result.strings, template);
-  return template;
-}
-const templateCaches = /* @__PURE__ */ new Map();
+function Is(n) {
+  let t = bn.get(n.type);
+  t === void 0 && (t = {
+    stringsArray: /* @__PURE__ */ new WeakMap(),
+    keyString: /* @__PURE__ */ new Map()
+  }, bn.set(n.type, t));
+  let e = t.stringsArray.get(n.strings);
+  if (e !== void 0)
+    return e;
+  const s = n.strings.join(et);
+  return e = t.keyString.get(s), e === void 0 && (e = new ks(n, n.getTemplateElement()), t.keyString.set(s, e)), t.stringsArray.set(n.strings, e), e;
+}
+const bn = /* @__PURE__ */ new Map();
 /**
  * @license
  * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
@@ -817,16 +578,9 @@ const templateCaches = /* @__PURE__ */ new Map();
  * subject to an additional IP rights grant found at
  * http://polymer.github.io/PATENTS.txt
  */
-const parts = /* @__PURE__ */ new WeakMap();
-const render = (result, container, options) => {
-  let part2 = parts.get(container);
-  if (part2 === void 0) {
-    removeNodes(container, container.firstChild);
-    parts.set(container, part2 = new NodePart(Object.assign({ templateFactory }, options)));
-    part2.appendInto(container);
-  }
-  part2.setValue(result);
-  part2.commit();
+const Cn = /* @__PURE__ */ new WeakMap(), Kn = (n, t, e) => {
+  let s = Cn.get(t);
+  s === void 0 && (Ye(t, t.firstChild), Cn.set(t, s = new wt(Object.assign({ templateFactory: Is }, e))), s.appendInto(t)), s.setValue(n), s.commit();
 };
 /**
  * @license
@@ -841,346 +595,259 @@ const render = (result, container, options) => {
  * subject to an additional IP rights grant found at
  * http://polymer.github.io/PATENTS.txt
  */
-if (typeof window !== "undefined") {
-  (window["litHtmlVersions"] || (window["litHtmlVersions"] = [])).push("1.4.1");
-}
-const html = (strings, ...values) => new TemplateResult(strings, values, "html", defaultTemplateProcessor);
-const svg = (strings, ...values) => new SVGTemplateResult(strings, values, "svg", defaultTemplateProcessor);
-const microtaskSet = /* @__PURE__ */ new Set();
-function addMicrotask(func) {
-  if (typeof func !== "function")
-    return;
-  if (!microtaskSet.size) {
-    globalThis.queueMicrotask(() => {
-      microtaskSet.forEach((func2) => func2());
-      microtaskSet.clear();
-    });
-  }
-  microtaskSet.delete(func);
-  microtaskSet.add(func);
-}
-const microtaskStack = [];
-function execMicrotaskStack() {
-  for (let i = microtaskStack.length - 1; i >= 0; i--) {
-    microtaskStack[i]();
-  }
-  microtaskStack.length = 0;
-}
-function addMicrotaskToStack(func) {
-  if (!microtaskStack.length) {
-    addMicrotask(execMicrotaskStack);
-  }
-  microtaskStack.push(func);
-}
-function absoluteLocation(currentPath = "", relativePath = "") {
-  const { pathname, search, hash } = new URL(relativePath, location.origin + currentPath);
-  return pathname + search + decodeURIComponent(hash);
-}
-function addListener(target, type, listener, options) {
-  target.addEventListener(type, listener, options);
-  return () => target.removeEventListener(type, listener, options);
-}
-class LinkedList extends EventTarget {
+typeof window < "u" && (window.litHtmlVersions || (window.litHtmlVersions = [])).push("1.4.1");
+const G = (n, ...t) => new _e(n, t, "html", Bn), Vs = (n, ...t) => new Gn(n, t, "svg", Bn), _t = /* @__PURE__ */ new Set();
+function I(n) {
+  typeof n == "function" && (_t.size || globalThis.queueMicrotask(() => {
+    _t.forEach((t) => t()), _t.clear();
+  }), _t.delete(n), _t.add(n));
+}
+const Ht = [];
+function Ds() {
+  for (let n = Ht.length - 1; n >= 0; n--)
+    Ht[n]();
+  Ht.length = 0;
+}
+function Di(n) {
+  Ht.length || I(Ds), Ht.push(n);
+}
+function zn(n = "", t = "") {
+  const { pathname: e, search: s, hash: i } = new URL(t, location.origin + n);
+  return e + s + decodeURIComponent(i);
+}
+function Jn(n, t, e, s) {
+  return n.addEventListener(t, e, s), () => n.removeEventListener(t, e, s);
+}
+var X, z, Z, Gt, He;
+class qs extends EventTarget {
   constructor() {
     super(...arguments);
-    __privateAdd(this, _delete);
-    __privateAdd(this, _map, void 0);
-    __privateAdd(this, _firstItem, void 0);
-    __privateAdd(this, _lastItem, void 0);
-    __privateSet(this, _map, /* @__PURE__ */ new Map());
+    P(this, Gt);
+    P(this, X, /* @__PURE__ */ new Map());
+    P(this, z, void 0);
+    P(this, Z, void 0);
   }
   get size() {
-    return __privateGet(this, _map).size;
+    return g(this, X).size;
   }
   get first() {
-    return __privateGet(this, _firstItem);
+    return g(this, z);
   }
   get last() {
-    return __privateGet(this, _lastItem);
-  }
-  isSuperLinkOf(subLink) {
-    let subItem = subLink.first;
-    if (!subItem)
-      return true;
-    let item = this.find(subItem.value);
-    while (item && item.value === subItem.value) {
-      subItem = subItem.next;
-      if (!subItem)
-        return true;
-      item = item.next;
-    }
-    return false;
-  }
-  find(value) {
-    return __privateGet(this, _map).get(value);
-  }
-  add(value) {
-    if (!__privateGet(this, _lastItem)) {
-      this.dispatchEvent(new CustomEvent("start"));
-    }
-    const item = __privateMethod(this, _delete, delete_fn).call(this, value) || { value };
-    item.prev = __privateGet(this, _lastItem);
-    if (item.prev) {
-      item.prev.next = item;
-    }
-    item.next = void 0;
-    __privateSet(this, _lastItem, item);
-    if (!__privateGet(this, _firstItem)) {
-      __privateSet(this, _firstItem, item);
-    }
-    __privateGet(this, _map).set(value, item);
-  }
-  delete(value) {
-    const deleteItem = __privateMethod(this, _delete, delete_fn).call(this, value);
-    if (!__privateGet(this, _firstItem)) {
-      this.dispatchEvent(new CustomEvent("end"));
-    }
-    return deleteItem;
-  }
+    return g(this, Z);
+  }
+  isSuperLinkOf(e) {
+    let s = e.first;
+    if (!s)
+      return !0;
+    let i = this.find(s.value);
+    for (; i && i.value === s.value; ) {
+      if (s = s.next, !s)
+        return !0;
+      i = i.next;
+    }
+    return !1;
+  }
+  find(e) {
+    return g(this, X).get(e);
+  }
+  // 添加到尾部，已存在时会删除老的项目
+  // 如果是添加第一个，start 事件会在添加前触发，避免处理事件重复的逻辑
+  add(e) {
+    g(this, Z) || this.dispatchEvent(new CustomEvent("start"));
+    const s = Ce(this, Gt, He).call(this, e) || { value: e };
+    s.prev = g(this, Z), s.prev && (s.prev.next = s), s.next = void 0, F(this, Z, s), g(this, z) || F(this, z, s), g(this, X).set(e, s);
+  }
+  // 删除这个元素后没有其他元素时立即出发 end 事件
+  delete(e) {
+    const s = Ce(this, Gt, He).call(this, e);
+    return g(this, z) || this.dispatchEvent(new CustomEvent("end")), s;
+  }
+  // 获取头部元素
+  // 会从链表删除
   get() {
-    const firstItem = __privateGet(this, _firstItem);
-    if (!firstItem)
-      return;
-    this.delete(firstItem.value);
-    return firstItem.value;
-  }
-}
-_map = new WeakMap();
-_firstItem = new WeakMap();
-_lastItem = new WeakMap();
-_delete = new WeakSet();
-delete_fn = function(value) {
-  const existItem = __privateGet(this, _map).get(value);
-  if (existItem) {
-    if (existItem.prev) {
-      existItem.prev.next = existItem.next;
-    } else {
-      __privateSet(this, _firstItem, existItem.next);
-    }
-    if (existItem.next) {
-      existItem.next.prev = existItem.prev;
-    } else {
-      __privateSet(this, _lastItem, existItem.prev);
-    }
-    __privateGet(this, _map).delete(value);
-  }
-  return existItem;
-};
-class PropProxyMap extends WeakMap {
-  get(ele) {
-    let proxy = super.get(ele);
-    if (!proxy) {
-      proxy = {};
-      this.set(ele, proxy);
-    }
-    return proxy;
+    const e = g(this, z);
+    if (e)
+      return this.delete(e.value), e.value;
   }
 }
-class QueryString extends URLSearchParams {
-  constructor(param) {
-    super(param);
-    __privateAdd(this, _stringify, (value) => typeof value === "string" ? value : JSON.stringify(value));
-    __privateAdd(this, _parse, (value) => {
-      if (!value)
+X = new WeakMap(), z = new WeakMap(), Z = new WeakMap(), Gt = new WeakSet(), He = function(e) {
+  const s = g(this, X).get(e);
+  return s && (s.prev ? s.prev.next = s.next : F(this, z, s.next), s.next ? s.next.prev = s.prev : F(this, Z, s.prev), g(this, X).delete(e)), s;
+};
+class Us extends WeakMap {
+  get(t) {
+    let e = super.get(t);
+    return e || (e = {}, this.set(t, e)), e;
+  }
+}
+var gt, pe;
+class It extends URLSearchParams {
+  constructor(e) {
+    super(e);
+    P(this, gt, (e) => typeof e == "string" ? e : JSON.stringify(e));
+    P(this, pe, (e) => {
+      if (!e)
         return null;
       try {
-        return JSON.parse(value);
+        return JSON.parse(e);
       } catch {
         return null;
       }
     });
   }
-  concat(param) {
-    let query;
-    if (typeof param === "string") {
-      query = Object.fromEntries(new URLSearchParams(param).entries());
-    } else {
-      query = param;
-    }
-    Object.entries(query).forEach(([key2, value]) => {
-      this.append(key2, __privateGet(this, _stringify).call(this, value));
+  // support `{ key: ObjectValue }`
+  concat(e) {
+    let s;
+    typeof e == "string" ? s = Object.fromEntries(new URLSearchParams(e).entries()) : s = e, Object.entries(s).forEach(([i, r]) => {
+      this.append(i, g(this, gt).call(this, r));
     });
   }
-  setAny(key2, value) {
-    if (Array.isArray(value)) {
-      this.delete(key2);
-      value.forEach((e) => this.append(key2, __privateGet(this, _stringify).call(this, e)));
-    } else {
-      const v = __privateGet(this, _stringify).call(this, value);
-      v ? this.set(key2, v) : this.delete(key2);
+  setAny(e, s) {
+    if (Array.isArray(s))
+      this.delete(e), s.forEach((i) => this.append(e, g(this, gt).call(this, i)));
+    else {
+      const i = g(this, gt).call(this, s);
+      i ? this.set(e, i) : this.delete(e);
     }
   }
-  getAny(key2) {
-    return this.getAnyAll(key2)[0];
+  getAny(e) {
+    return this.getAnyAll(e)[0];
   }
-  getAnyAll(key2) {
-    return this.getAll(key2).filter((e) => e !== "").map((e) => __privateGet(this, _parse).call(this, e));
+  getAnyAll(e) {
+    return this.getAll(e).filter((s) => s !== "").map((s) => g(this, pe).call(this, s));
   }
   toString() {
-    const string = super.toString();
-    return string ? `?${string}` : "";
+    const e = super.toString();
+    return e ? `?${e}` : "";
   }
   toJSON() {
     return this.toString();
   }
 }
-_stringify = new WeakMap();
-_parse = new WeakMap();
-function raw(arr, ...args) {
-  return arr.reduce((prev, current, index) => {
-    var _a2;
-    return prev + ((_a2 = args[index - 1]) != null ? _a2 : "") + current;
-  });
-}
-function css(arr, ...args) {
-  return raw(arr, ...args);
-}
-const SheetToken = Symbol.for("gem@sheetToken");
-function createCSSSheet(rules, mediaQuery2 = "") {
-  const styleSheet = new CSSStyleSheet();
-  const sheet = {};
-  styleSheet.media.mediaText = mediaQuery2;
-  let style = "";
-  if (typeof rules === "string") {
-    style = rules;
-  } else {
-    Object.keys(rules).forEach((key2) => {
-      sheet[key2] = `${key2}-${randomStr()}`;
-      style += rules[key2].styledContent.replace(/&/g, sheet[key2]);
-    });
-  }
-  styleSheet.replaceSync(style);
-  sheet[SheetToken] = styleSheet;
-  return sheet;
-}
-function randomStr(len = 5) {
-  const str = Math.random().toString(36).slice(2).slice(0, len);
-  if (str.length < len)
-    return str + randomStr(len - str.length);
-  return str;
-}
-const nestingRuleRegExp = new RegExp("&.*{((.|\n)*)}", "g");
-function flatStyled(style, type) {
-  const nestingRules = [];
-  let styledContent = `& {${style.replace(nestingRuleRegExp, (substr) => {
-    nestingRules.push(substr);
-    return "";
-  })}}` + nestingRules.join("");
-  styledContent = styledContent.replace(/&/g, type === "class" ? ".&" : "#&");
-  return { styledContent, type };
-}
-const styled = {
-  class: (arr, ...args) => {
-    const style = raw(arr, ...args);
-    return flatStyled(style, "class");
+gt = new WeakMap(), pe = new WeakMap();
+function Jt(n, ...t) {
+  return n.reduce((e, s, i) => e + (t[i - 1] ?? "") + s);
+}
+function qi(n, ...t) {
+  return Jt(n, ...t);
+}
+const Yn = Symbol.for("gem@sheetToken");
+function Ui(n, t = "") {
+  const e = new CSSStyleSheet(), s = {};
+  e.media.mediaText = t;
+  let i = "";
+  return typeof n == "string" ? i = n : Object.keys(n).forEach((r) => {
+    s[r] = `${r}-${ve()}`, i += n[r].styledContent.replace(/&/g, s[r]);
+  }), e.replaceSync(i), s[Yn] = e, s;
+}
+function ve(n = 5) {
+  const t = Math.random().toString(36).slice(2).slice(0, n);
+  return t.length < n ? t + ve(n - t.length) : t;
+}
+const Gs = new RegExp(`&.*{((.|
+)*)}`, "g");
+function Pn(n, t) {
+  const e = [];
+  let s = `& {${n.replace(Gs, (i) => (e.push(i), ""))}}` + e.join("");
+  return s = s.replace(/&/g, t === "class" ? ".&" : "#&"), { styledContent: s, type: t };
+}
+const Gi = {
+  class: (n, ...t) => {
+    const e = Jt(n, ...t);
+    return Pn(e, "class");
   },
-  id: (arr, ...args) => {
-    const style = raw(arr, ...args);
-    return flatStyled(style, "id");
+  id: (n, ...t) => {
+    const e = Jt(n, ...t);
+    return Pn(e, "id");
   },
-  keyframes: (arr, ...args) => {
-    const keyframesContent = raw(arr, ...args);
-    const styledContent = `@keyframes & {${keyframesContent}}`;
-    return { styledContent, type: "keyframes" };
-  }
+  keyframes: (n, ...t) => ({ styledContent: `@keyframes & {${Jt(n, ...t)}}`, type: "keyframes" })
 };
-function camelToKebabCase(str) {
-  return str.replace(/[A-Z]/g, ($1) => "-" + $1.toLowerCase());
-}
-function kebabToCamelCase(str) {
-  return str.replace(/-(.)/g, (_substr, $1) => $1.toUpperCase());
-}
-function cleanObject(o) {
-  Object.keys(o).forEach((key2) => {
-    const k = key2;
-    delete o[k];
-  });
-  return o;
-}
-class GemError extends Error {
-  constructor(msg) {
-    super(msg);
-    this.message = `gem: ${this.message}`;
-  }
-}
-function isArrayChange(newValues, oldValues) {
-  const length = newValues.length;
-  if (oldValues.length !== length)
-    return true;
-  for (let i = 0; i < length; i++) {
-    if (newValues[i] !== oldValues[i])
-      return true;
-  }
-  return false;
-}
-function removeItems(target, items) {
-  const set = new Set(items);
-  return target.filter((e) => {
-    if (set.has(e)) {
-      set.delete(e);
-      return false;
-    }
-    return true;
-  });
-}
-function objectMapToString(object, separate, toString) {
-  let result = separate;
-  for (const key2 in object) {
-    const s = toString(key2, object[key2]);
-    result += s ? s + separate : "";
-  }
-  return result;
-}
-function styleMap(object) {
-  return objectMapToString(
-    object,
+function j(n) {
+  return n.replace(/[A-Z]/g, (t) => "-" + t.toLowerCase());
+}
+function ot(n) {
+  return n.replace(/-(.)/g, (t, e) => e.toUpperCase());
+}
+function Ze(n) {
+  return Object.keys(n).forEach((t) => {
+    const e = t;
+    delete n[e];
+  }), n;
+}
+class tt extends Error {
+  constructor(t) {
+    super(t), this.message = `gem: ${this.message}`;
+  }
+}
+function js(n, t) {
+  const e = n.length;
+  if (t.length !== e)
+    return !0;
+  for (let s = 0; s < e; s++)
+    if (n[s] !== t[s])
+      return !0;
+  return !1;
+}
+function Fs(n, t) {
+  const e = new Set(t);
+  return n.filter((s) => e.has(s) ? (e.delete(s), !1) : !0);
+}
+function tn(n, t, e) {
+  let s = t;
+  for (const i in n) {
+    const r = e(i, n[i]);
+    s += r ? r + t : "";
+  }
+  return s;
+}
+function ji(n) {
+  return tn(
+    n,
     ";",
-    (key2, value) => value !== void 0 && value !== null ? `${camelToKebabCase(key2)}:${value}` : ""
+    (t, e) => e || e === 0 ? `${j(t)}:${e}` : ""
   );
 }
-function classMap(object) {
-  return objectMapToString(object, " ", (key2, value) => value ? key2 : "");
+function Bs(n) {
+  return tn(n, " ", (t, e) => e ? t : "");
 }
-const partMap = classMap;
-function exportPartsMap(object) {
-  return objectMapToString(
-    object,
+const Fi = Bs;
+function Bi(n) {
+  return tn(
+    n,
     ",",
-    (key2, value) => value === true || key2 === value ? key2 : value ? `${key2}:${value}` : ""
+    (t, e) => e === !0 || t === e ? t : e ? `${t}:${e}` : ""
   );
 }
-const StoreListenerMap = /* @__PURE__ */ new WeakMap();
-function createStore(originStore) {
-  if (StoreListenerMap.has(originStore)) {
-    throw new GemError("argument error");
-  }
-  StoreListenerMap.set(originStore, /* @__PURE__ */ new Set());
-  return originStore;
+const Vt = /* @__PURE__ */ new WeakMap();
+function Ft(n) {
+  if (Vt.has(n))
+    throw new tt("argument error");
+  return Vt.set(n, /* @__PURE__ */ new Set()), n;
 }
-function updateStore(store2, value) {
-  var _a2;
-  Object.assign(store2, value);
-  (_a2 = StoreListenerMap.get(store2)) == null ? void 0 : _a2.forEach((func) => {
-    addMicrotask(func);
+function nt(n, t) {
+  var e;
+  Object.assign(n, t), (e = Vt.get(n)) == null || e.forEach((s) => {
+    I(s);
   });
 }
-function useStore(originStore) {
-  const store2 = createStore(originStore);
-  return [store2, (value) => updateStore(store2, value)];
+function en(n) {
+  const t = Ft(n);
+  return [t, (e) => nt(t, e)];
 }
-function connect(store2, func) {
-  const listeners = StoreListenerMap.get(store2);
-  listeners == null ? void 0 : listeners.add(func);
-  return () => listeners == null ? void 0 : listeners.delete(func);
+function ct(n, t) {
+  const e = Vt.get(n);
+  return e == null || e.add(t), () => {
+    e == null || e.delete(t);
+  };
 }
-function disconnect(store2, func) {
-  const listeners = StoreListenerMap.get(store2);
-  listeners == null ? void 0 : listeners.delete(func);
+function Ki(n, t) {
+  const e = Vt.get(n);
+  e == null || e.delete(t);
 }
-const version = "1.7.10";
-var VersionExports = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Ks = "1.7.11", zs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  version
+  version: Ks
 }, Symbol.toStringTag, { value: "Module" }));
 /**
  * @license
@@ -1195,131 +862,66 @@ var VersionExports = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.define
  * subject to an additional IP rights grant found at
  * http://polymer.github.io/PATENTS.txt
  */
-const createAndInsertPart = (containerPart, beforePart) => {
-  const container = containerPart.startNode.parentNode;
-  const beforeNode = beforePart === void 0 ? containerPart.endNode : beforePart.startNode;
-  const startNode = container.insertBefore(createMarker(), beforeNode);
-  container.insertBefore(createMarker(), beforeNode);
-  const newPart = new NodePart(containerPart.options);
-  newPart.insertAfterNode(startNode);
-  return newPart;
-};
-const updatePart = (part2, value) => {
-  part2.setValue(value);
-  part2.commit();
-  return part2;
-};
-const insertPartBefore = (containerPart, part2, ref) => {
-  const container = containerPart.startNode.parentNode;
-  const beforeNode = ref ? ref.startNode : containerPart.endNode;
-  const endNode = part2.endNode.nextSibling;
-  if (endNode !== beforeNode) {
-    reparentNodes(container, part2.startNode, endNode, beforeNode);
-  }
-};
-const removePart = (part2) => {
-  removeNodes(part2.startNode.parentNode, part2.startNode, part2.endNode.nextSibling);
-};
-const generateMap = (list, start, end) => {
-  const map = /* @__PURE__ */ new Map();
-  for (let i = start; i <= end; i++) {
-    map.set(list[i], i);
-  }
-  return map;
-};
-const partListCache = /* @__PURE__ */ new WeakMap();
-const keyListCache = /* @__PURE__ */ new WeakMap();
-const repeat = directive((items, keyFnOrTemplate, template) => {
-  let keyFn;
-  if (template === void 0) {
-    template = keyFnOrTemplate;
-  } else if (keyFnOrTemplate !== void 0) {
-    keyFn = keyFnOrTemplate;
-  }
-  return (containerPart) => {
-    if (!(containerPart instanceof NodePart)) {
+const $n = (n, t) => {
+  const e = n.startNode.parentNode, s = t === void 0 ? n.endNode : t.startNode, i = e.insertBefore(U(), s);
+  e.insertBefore(U(), s);
+  const r = new wt(n.options);
+  return r.insertAfterNode(i), r;
+}, st = (n, t) => (n.setValue(t), n.commit(), n), Pe = (n, t, e) => {
+  const s = n.startNode.parentNode, i = e ? e.startNode : n.endNode, r = t.endNode.nextSibling;
+  r !== i && qn(s, t.startNode, r, i);
+}, $e = (n) => {
+  Ye(n.startNode.parentNode, n.startNode, n.endNode.nextSibling);
+}, Tn = (n, t, e) => {
+  const s = /* @__PURE__ */ new Map();
+  for (let i = t; i <= e; i++)
+    s.set(n[i], i);
+  return s;
+}, kn = /* @__PURE__ */ new WeakMap(), Ln = /* @__PURE__ */ new WeakMap(), Js = we((n, t, e) => {
+  let s;
+  return e === void 0 ? e = t : t !== void 0 && (s = t), (i) => {
+    if (!(i instanceof wt))
       throw new Error("repeat can only be used in text bindings");
-    }
-    const oldParts = partListCache.get(containerPart) || [];
-    const oldKeys = keyListCache.get(containerPart) || [];
-    const newParts = [];
-    const newValues = [];
-    const newKeys = [];
-    let index = 0;
-    for (const item of items) {
-      newKeys[index] = keyFn ? keyFn(item, index) : index;
-      newValues[index] = template(item, index);
-      index++;
-    }
-    let newKeyToIndexMap;
-    let oldKeyToIndexMap;
-    let oldHead = 0;
-    let oldTail = oldParts.length - 1;
-    let newHead = 0;
-    let newTail = newValues.length - 1;
-    while (oldHead <= oldTail && newHead <= newTail) {
-      if (oldParts[oldHead] === null) {
-        oldHead++;
-      } else if (oldParts[oldTail] === null) {
-        oldTail--;
-      } else if (oldKeys[oldHead] === newKeys[newHead]) {
-        newParts[newHead] = updatePart(oldParts[oldHead], newValues[newHead]);
-        oldHead++;
-        newHead++;
-      } else if (oldKeys[oldTail] === newKeys[newTail]) {
-        newParts[newTail] = updatePart(oldParts[oldTail], newValues[newTail]);
-        oldTail--;
-        newTail--;
-      } else if (oldKeys[oldHead] === newKeys[newTail]) {
-        newParts[newTail] = updatePart(oldParts[oldHead], newValues[newTail]);
-        insertPartBefore(containerPart, oldParts[oldHead], newParts[newTail + 1]);
-        oldHead++;
-        newTail--;
-      } else if (oldKeys[oldTail] === newKeys[newHead]) {
-        newParts[newHead] = updatePart(oldParts[oldTail], newValues[newHead]);
-        insertPartBefore(containerPart, oldParts[oldTail], oldParts[oldHead]);
-        oldTail--;
-        newHead++;
-      } else {
-        if (newKeyToIndexMap === void 0) {
-          newKeyToIndexMap = generateMap(newKeys, newHead, newTail);
-          oldKeyToIndexMap = generateMap(oldKeys, oldHead, oldTail);
-        }
-        if (!newKeyToIndexMap.has(oldKeys[oldHead])) {
-          removePart(oldParts[oldHead]);
-          oldHead++;
-        } else if (!newKeyToIndexMap.has(oldKeys[oldTail])) {
-          removePart(oldParts[oldTail]);
-          oldTail--;
-        } else {
-          const oldIndex = oldKeyToIndexMap.get(newKeys[newHead]);
-          const oldPart = oldIndex !== void 0 ? oldParts[oldIndex] : null;
-          if (oldPart === null) {
-            const newPart = createAndInsertPart(containerPart, oldParts[oldHead]);
-            updatePart(newPart, newValues[newHead]);
-            newParts[newHead] = newPart;
-          } else {
-            newParts[newHead] = updatePart(oldPart, newValues[newHead]);
-            insertPartBefore(containerPart, oldPart, oldParts[oldHead]);
-            oldParts[oldIndex] = null;
-          }
-          newHead++;
-        }
+    const r = kn.get(i) || [], o = Ln.get(i) || [], a = [], c = [], h = [];
+    let p = 0;
+    for (const v of n)
+      h[p] = s ? s(v, p) : p, c[p] = e(v, p), p++;
+    let u, S, d = 0, m = r.length - 1, f = 0, _ = c.length - 1;
+    for (; d <= m && f <= _; )
+      if (r[d] === null)
+        d++;
+      else if (r[m] === null)
+        m--;
+      else if (o[d] === h[f])
+        a[f] = st(r[d], c[f]), d++, f++;
+      else if (o[m] === h[_])
+        a[_] = st(r[m], c[_]), m--, _--;
+      else if (o[d] === h[_])
+        a[_] = st(r[d], c[_]), Pe(i, r[d], a[_ + 1]), d++, _--;
+      else if (o[m] === h[f])
+        a[f] = st(r[m], c[f]), Pe(i, r[m], r[d]), m--, f++;
+      else if (u === void 0 && (u = Tn(h, f, _), S = Tn(o, d, m)), !u.has(o[d]))
+        $e(r[d]), d++;
+      else if (!u.has(o[m]))
+        $e(r[m]), m--;
+      else {
+        const v = S.get(h[f]), H = v !== void 0 ? r[v] : null;
+        if (H === null) {
+          const M = $n(i, r[d]);
+          st(M, c[f]), a[f] = M;
+        } else
+          a[f] = st(H, c[f]), Pe(i, H, r[d]), r[v] = null;
+        f++;
       }
+    for (; f <= _; ) {
+      const v = $n(i, a[_ + 1]);
+      st(v, c[f]), a[f++] = v;
     }
-    while (newHead <= newTail) {
-      const newPart = createAndInsertPart(containerPart, newParts[newTail + 1]);
-      updatePart(newPart, newValues[newHead]);
-      newParts[newHead++] = newPart;
+    for (; d <= m; ) {
+      const v = r[d++];
+      v !== null && $e(v);
     }
-    while (oldHead <= oldTail) {
-      const oldPart = oldParts[oldHead++];
-      if (oldPart !== null) {
-        removePart(oldPart);
-      }
-    }
-    partListCache.set(containerPart, newParts);
-    keyListCache.set(containerPart, newKeys);
+    kn.set(i, a), Ln.set(i, h);
   };
 });
 /**
@@ -1335,18 +937,14 @@ const repeat = directive((items, keyFnOrTemplate, template) => {
  * subject to an additional IP rights grant found at
  * http://polymer.github.io/PATENTS.txt
  */
-const previousValues$1 = /* @__PURE__ */ new WeakMap();
-const guard = directive((value, f) => (part2) => {
-  const previousValue = previousValues$1.get(part2);
-  if (Array.isArray(value)) {
-    if (Array.isArray(previousValue) && previousValue.length === value.length && value.every((v, i) => v === previousValue[i])) {
+const Te = /* @__PURE__ */ new WeakMap(), Ys = we((n, t) => (e) => {
+  const s = Te.get(e);
+  if (Array.isArray(n)) {
+    if (Array.isArray(s) && s.length === n.length && n.every((i, r) => i === s[r]))
       return;
-    }
-  } else if (previousValue === value && (value !== void 0 || previousValues$1.has(part2))) {
+  } else if (s === n && (n !== void 0 || Te.has(e)))
     return;
-  }
-  part2.setValue(f());
-  previousValues$1.set(part2, Array.isArray(value) ? Array.from(value) : value);
+  e.setValue(t()), Te.set(e, Array.isArray(n) ? Array.from(n) : n);
 });
 /**
  * @license
@@ -1361,1133 +959,815 @@ const guard = directive((value, f) => (part2) => {
  * subject to an additional IP rights grant found at
  * http://polymer.github.io/PATENTS.txt
  */
-const previousValues = /* @__PURE__ */ new WeakMap();
-const ifDefined = directive((value) => (part2) => {
-  const previousValue = previousValues.get(part2);
-  if (value === void 0 && part2 instanceof AttributePart) {
-    if (previousValue !== void 0 || !previousValues.has(part2)) {
-      const name = part2.committer.name;
-      part2.committer.element.removeAttribute(name);
-    }
-  } else if (value !== previousValue) {
-    part2.setValue(value);
-  }
-  previousValues.set(part2, value);
+const ke = /* @__PURE__ */ new WeakMap(), Qn = we((n) => (t) => {
+  const e = ke.get(t);
+  if (n === void 0 && t instanceof Xe) {
+    if (e !== void 0 || !ke.has(t)) {
+      const s = t.committer.name;
+      t.committer.element.removeAttribute(s);
+    }
+  } else
+    n !== e && t.setValue(n);
+  ke.set(t, n);
 });
-var __accessCheck$1 = (obj, member, msg) => {
-  if (!member.has(obj))
-    throw TypeError("Cannot " + msg);
-};
-var __privateGet$1 = (obj, member, getter) => {
-  __accessCheck$1(obj, member, "read from private field");
-  return getter ? getter.call(obj) : member.get(obj);
-};
-var __privateAdd$1 = (obj, member, value) => {
-  if (member.has(obj))
+var Xn = (n, t, e) => {
+  if (!t.has(n))
+    throw TypeError("Cannot " + e);
+}, l = (n, t, e) => (Xn(n, t, "read from private field"), e ? e.call(n) : t.get(n)), w = (n, t, e) => {
+  if (t.has(n))
     throw TypeError("Cannot add the same private member more than once");
-  member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
-};
-var __privateSet$1 = (obj, member, value, setter) => {
-  __accessCheck$1(obj, member, "write to private field");
-  setter ? setter.call(obj, value) : member.set(obj, value);
-  return value;
-};
-var _final, _renderRoot, _internals, _isAppendReason, _isMounted, _isAsync, _effectList, _memoList, _unmountCallback, _exec, _execEffect, _execMemo, _initEffect, _render, _shouldUpdate, _updateCallback, _update, _updated, _disconnectStore, _connectedCallback, _clearEffect;
-function emptyFunction() {
-}
-function execCallback(fun) {
-  typeof fun === "function" && fun();
-}
-const asyncRenderTaskList = new LinkedList();
-const tick = (timeStamp = performance.now()) => {
-  if (performance.now() > timeStamp + 16)
-    return requestAnimationFrame(tick);
-  const task = asyncRenderTaskList.get();
-  if (task) {
-    task();
-    tick(timeStamp);
-  }
+  t instanceof WeakSet ? t.add(n) : t.set(n, e);
+}, k = (n, t, e, s) => (Xn(n, t, "write to private field"), s ? s.call(n, e) : t.set(n, e), e), ft, Ct, Y, Pt, B, $t, K, Q, Yt, Qt, We, Ie, Ve, Xt, De, Zt, it, qe, te, ee, ne;
+function Qs() {
+}
+function Le(n) {
+  typeof n == "function" && n();
+}
+const ce = new qs(), Ue = (n = performance.now()) => {
+  if (performance.now() > n + 16)
+    return requestAnimationFrame(Ue);
+  const t = ce.get();
+  t && (t(), Ue(n));
 };
-asyncRenderTaskList.addEventListener("start", () => addMicrotask(tick));
-const constructorSymbol = Symbol("constructor");
-const initSymbol = Symbol("init");
-const updateSymbol = Symbol("update");
-const _GemElement = class extends HTMLElement {
-  constructor(options = {}) {
-    super();
-    __privateAdd$1(this, _renderRoot, void 0);
-    __privateAdd$1(this, _internals, void 0);
-    __privateAdd$1(this, _isAppendReason, void 0);
-    __privateAdd$1(this, _isMounted, void 0);
-    __privateAdd$1(this, _isAsync, void 0);
-    __privateAdd$1(this, _effectList, void 0);
-    __privateAdd$1(this, _memoList, void 0);
-    __privateAdd$1(this, _unmountCallback, void 0);
-    this.setState = (payload) => {
+ce.addEventListener("start", () => I(Ue));
+const Kt = Symbol("constructor"), he = Symbol("init"), Zn = Symbol("update"), ts = class Tt extends HTMLElement {
+  constructor(t = {}) {
+    super(), w(this, Ct, void 0), w(this, Y, void 0), w(this, Pt, void 0), w(this, B, void 0), w(this, $t, void 0), w(this, K, void 0), w(this, Q, void 0), w(this, Yt, void 0), this.setState = (i) => {
       if (!this.state)
-        throw new GemError("`state` not initialized");
-      Object.assign(this.state, payload);
-      addMicrotask(__privateGet$1(this, _update));
-    };
-    __privateAdd$1(this, _exec, (list) => {
-      list == null ? void 0 : list.forEach((effectItem) => {
-        const { callback, getDep, values, preCallback } = effectItem;
-        const newValues = getDep == null ? void 0 : getDep();
-        if (!getDep || !values || isArrayChange(values, newValues)) {
-          execCallback(preCallback);
-          effectItem.preCallback = callback(newValues, values);
-          effectItem.values = newValues;
-        }
+        throw new tt("`state` not initialized");
+      Object.assign(this.state, i), I(l(this, it));
+    }, w(this, Qt, (i) => {
+      i == null || i.forEach((r) => {
+        const { callback: o, getDep: a, values: c, preCallback: h } = r, p = a == null ? void 0 : a();
+        (!a || !c || js(c, p)) && (Le(h), r.preCallback = o(p, c), r.values = p);
       });
-    });
-    __privateAdd$1(this, _execEffect, () => {
-      __privateGet$1(this, _exec).call(this, __privateGet$1(this, _effectList));
-    });
-    __privateAdd$1(this, _execMemo, () => {
-      __privateGet$1(this, _exec).call(this, __privateGet$1(this, _memoList));
-    });
-    this.effect = (callback, getDep) => {
-      if (!__privateGet$1(this, _effectList))
-        __privateSet$1(this, _effectList, []);
-      const effectItem = {
-        callback,
-        getDep,
-        initialized: __privateGet$1(this, _isMounted),
-        inConstructor: this[constructorSymbol]
+    }), w(this, We, () => {
+      l(this, Qt).call(this, l(this, K));
+    }), w(this, Ie, () => {
+      l(this, Qt).call(this, l(this, Q));
+    }), this.effect = (i, r) => {
+      l(this, K) || k(this, K, []);
+      const o = {
+        callback: i,
+        getDep: r,
+        initialized: l(this, B),
+        inConstructor: this[Kt]
       };
-      if (__privateGet$1(this, _isMounted)) {
-        effectItem.values = getDep == null ? void 0 : getDep();
-        effectItem.preCallback = callback(effectItem.values);
-      }
-      __privateGet$1(this, _effectList).push(effectItem);
-    };
-    this.memo = (callback, getDep) => {
-      if (!__privateGet$1(this, _memoList))
-        __privateSet$1(this, _memoList, []);
-      __privateGet$1(this, _memoList).push({
-        callback,
-        getDep,
-        inConstructor: this[constructorSymbol]
+      l(this, B) && (o.values = r == null ? void 0 : r(), o.preCallback = i(o.values)), l(this, K).push(o);
+    }, this.memo = (i, r) => {
+      l(this, Q) || k(this, Q, []), l(this, Q).push({
+        callback: i,
+        getDep: r,
+        inConstructor: this[Kt]
       });
-    };
-    __privateAdd$1(this, _initEffect, () => {
-      var _a2;
-      (_a2 = __privateGet$1(this, _effectList)) == null ? void 0 : _a2.forEach((effectItem) => {
-        const { callback, getDep, initialized } = effectItem;
-        if (!initialized) {
-          effectItem.values = getDep == null ? void 0 : getDep();
-          effectItem.preCallback = callback(effectItem.values);
-          effectItem.initialized = true;
-        }
+    }, w(this, Ve, () => {
+      var i;
+      (i = l(this, K)) == null || i.forEach((r) => {
+        const { callback: o, getDep: a, initialized: c } = r;
+        c || (r.values = a == null ? void 0 : a(), r.preCallback = o(r.values), r.initialized = !0);
       });
-    });
-    __privateAdd$1(this, _render, () => {
-      __privateGet$1(this, _execMemo).call(this);
-      const isLight = __privateGet$1(this, _renderRoot) === this;
-      const temp = this.render ? this.render() : isLight ? void 0 : html`<slot></slot>`;
-      if (temp === void 0)
-        return;
-      render(temp, __privateGet$1(this, _renderRoot));
-    });
-    __privateAdd$1(this, _shouldUpdate, () => {
-      return this.shouldUpdate ? this.shouldUpdate() : true;
-    });
-    __privateAdd$1(this, _updateCallback, () => {
-      if (__privateGet$1(this, _isMounted) && __privateGet$1(this, _shouldUpdate).call(this)) {
-        __privateGet$1(this, _render).call(this);
-        addMicrotask(__privateGet$1(this, _updated));
-        addMicrotask(__privateGet$1(this, _execEffect));
-      }
-    });
-    __privateAdd$1(this, _update, () => {
-      if (__privateGet$1(this, _isAsync)) {
-        asyncRenderTaskList.add(__privateGet$1(this, _updateCallback));
-      } else {
-        __privateGet$1(this, _updateCallback).call(this);
-      }
-    });
-    this.update = () => {
-      addMicrotask(__privateGet$1(this, _update));
-    };
-    __privateAdd$1(this, _updated, () => {
-      var _a2;
-      (_a2 = this.updated) == null ? void 0 : _a2.call(this);
-    });
-    __privateAdd$1(this, _disconnectStore, void 0);
-    __privateAdd$1(this, _connectedCallback, () => {
-      var _a2, _b2, _c;
-      if (__privateGet$1(this, _isAppendReason)) {
-        __privateSet$1(this, _isAppendReason, false);
+    }), w(this, Xt, () => {
+      l(this, Ie).call(this);
+      const i = l(this, Ct) === this, r = this.render ? this.render() : i ? void 0 : G`<slot></slot>`;
+      r !== void 0 && Kn(r, l(this, Ct));
+    }), w(this, De, () => this.shouldUpdate ? this.shouldUpdate() : !0), w(this, Zt, () => {
+      l(this, B) && l(this, De).call(this) && (l(this, Xt).call(this), I(l(this, qe)), I(l(this, We)));
+    }), w(this, it, () => {
+      l(this, $t) ? ce.add(l(this, Zt)) : l(this, Zt).call(this);
+    }), this.update = () => {
+      I(l(this, it));
+    }, w(this, qe, () => {
+      var i;
+      (i = this.updated) == null || i.call(this);
+    }), w(this, te, void 0), w(this, ee, () => {
+      var o, a, c;
+      if (l(this, Pt)) {
+        k(this, Pt, !1);
         return;
       }
-      Reflect.set(this, constructorSymbol, false);
-      (_a2 = this.willMount) == null ? void 0 : _a2.call(this);
-      const { observedStores, rootElement: rootElement2 } = this.constructor;
-      __privateSet$1(this, _disconnectStore, observedStores == null ? void 0 : observedStores.map((store2) => connect(store2, __privateGet$1(this, _update))));
-      __privateGet$1(this, _render).call(this);
-      __privateSet$1(this, _isMounted, true);
-      __privateSet$1(this, _unmountCallback, (_b2 = this.mounted) == null ? void 0 : _b2.call(this));
-      __privateGet$1(this, _initEffect).call(this);
-      if (rootElement2 && this.isConnected && ((_c = this.getRootNode().host) == null ? void 0 : _c.tagName) !== rootElement2.toUpperCase()) {
-        throw new GemError(`not allow current root type`);
-      }
-    });
-    __privateAdd$1(this, _clearEffect, (list) => {
-      return list == null ? void 0 : list.filter((e) => {
-        execCallback(e.preCallback);
-        e.initialized = false;
-        return e.inConstructor;
-      });
-    });
-    addMicrotask(() => Reflect.set(this, initSymbol, false));
-    Reflect.set(this, constructorSymbol, true);
-    Reflect.set(this, initSymbol, true);
-    Reflect.set(this, updateSymbol, () => {
-      if (__privateGet$1(this, _isMounted)) {
-        addMicrotask(__privateGet$1(this, _update));
-      }
-    });
-    __privateSet$1(this, _isAsync, options.isAsync);
-    __privateSet$1(this, _renderRoot, options.isLight ? this : this.attachShadow({
-      mode: options.mode || "open",
-      delegatesFocus: options.delegatesFocus,
-      slotAssignment: options.slotAssignment
+      Reflect.set(this, Kt, !1), (o = this.willMount) == null || o.call(this);
+      const { observedStores: i, rootElement: r } = this.constructor;
+      if (k(this, te, i == null ? void 0 : i.map((h) => ct(h, l(this, it)))), l(this, Xt).call(this), k(this, B, !0), k(this, Yt, (a = this.mounted) == null ? void 0 : a.call(this)), l(this, Ve).call(this), r && this.isConnected && ((c = this.getRootNode().host) == null ? void 0 : c.tagName) !== r.toUpperCase())
+        throw new tt("not allow current root type");
+    }), w(this, ne, (i) => i == null ? void 0 : i.filter((r) => (Le(r.preCallback), r.initialized = !1, r.inConstructor))), I(() => Reflect.set(this, he, !1)), Reflect.set(this, Kt, !0), Reflect.set(this, he, !0), Reflect.set(this, Zn, () => {
+      l(this, B) && I(l(this, it));
+    }), k(this, $t, t.isAsync), k(this, Ct, t.isLight ? this : this.attachShadow({
+      mode: t.mode || "open",
+      delegatesFocus: t.delegatesFocus,
+      slotAssignment: t.slotAssignment
     }));
-    let hasInitTabIndex;
+    let e;
     this.effect(
-      ([disabled = false]) => {
-        if (hasInitTabIndex === void 0)
-          hasInitTabIndex = this.hasAttribute("tabindex");
-        this.internals.ariaDisabled = String(disabled);
-        if (options.focusable && !hasInitTabIndex) {
-          this.tabIndex = -Number(disabled);
-        }
-        if ((options.focusable || options.delegatesFocus) && disabled) {
-          return addListener(this, "click", (e) => e.isTrusted && e.stopImmediatePropagation(), {
-            capture: true
+      ([i = !1]) => {
+        if (e === void 0 && (e = this.hasAttribute("tabindex")), this.internals.ariaDisabled = String(i), t.focusable && !e && (this.tabIndex = -Number(i)), (t.focusable || t.delegatesFocus) && i)
+          return Jn(this, "click", (r) => r.isTrusted && r.stopImmediatePropagation(), {
+            capture: !0
           });
-        }
       },
       () => [Reflect.get(this, "disabled")]
     );
-    const { adoptedStyleSheets } = new.target;
-    if (adoptedStyleSheets) {
-      const sheets = adoptedStyleSheets.map((item) => item[SheetToken] || item);
-      if (this.shadowRoot) {
-        this.shadowRoot.adoptedStyleSheets = sheets;
-      } else {
-        this.effect(
-          () => {
-            const root = this.getRootNode();
-            root.adoptedStyleSheets = [...root.adoptedStyleSheets, ...sheets];
-            return () => {
-              root.adoptedStyleSheets = removeItems(root.adoptedStyleSheets, sheets);
-            };
-          },
-          () => []
-        );
-      }
+    const { adoptedStyleSheets: s } = new.target;
+    if (s) {
+      const i = s.map((r) => r[Yn] || r);
+      this.shadowRoot ? this.shadowRoot.adoptedStyleSheets = i : this.effect(
+        () => {
+          const r = this.getRootNode();
+          return r.adoptedStyleSheets = [...r.adoptedStyleSheets, ...i], () => {
+            r.adoptedStyleSheets = Fs(r.adoptedStyleSheets, i);
+          };
+        },
+        () => []
+      );
     }
   }
   get internals() {
-    if (!__privateGet$1(this, _internals)) {
-      __privateSet$1(this, _internals, this.attachInternals());
+    if (!l(this, Y)) {
+      k(this, Y, this.attachInternals());
       try {
-        __privateGet$1(this, _internals).states.add("foo");
-        __privateGet$1(this, _internals).states.delete("foo");
+        l(this, Y).states.add("foo"), l(this, Y).states.delete("foo");
       } catch {
-        Reflect.defineProperty(__privateGet$1(this, _internals), "states", {
+        Reflect.defineProperty(l(this, Y), "states", {
           value: {
-            has: (v) => kebabToCamelCase(v) in this.dataset,
-            add: (v) => this.dataset[kebabToCamelCase(v)] = "",
-            delete: (v) => delete this.dataset[kebabToCamelCase(v)]
+            has: (t) => ot(t) in this.dataset,
+            add: (t) => this.dataset[ot(t)] = "",
+            delete: (t) => delete this.dataset[ot(t)]
           }
         });
       }
     }
-    return __privateGet$1(this, _internals);
+    return l(this, Y);
   }
+  /**
+   * @private
+   * @final
+   * use `effect`
+   */
   attributeChangedCallback() {
-    if (__privateGet$1(this, _isMounted)) {
-      addMicrotask(__privateGet$1(this, _update));
-    }
-    return __privateGet$1(_GemElement, _final);
-  }
-  closestElement(constructorOrTag) {
-    const isConstructor = typeof constructorOrTag === "function";
-    const tagName = typeof constructorOrTag === "string" && constructorOrTag.toUpperCase();
-    const getRootElement = (ele) => {
-      const rootEle = ele.parentElement || ele.getRootNode().host;
-      if (!rootEle)
+    return l(this, B) && I(l(this, it)), l(Tt, ft);
+  }
+  closestElement(t) {
+    const e = typeof t == "function", s = typeof t == "string" && t.toUpperCase(), i = (r) => {
+      const o = r.parentElement || r.getRootNode().host;
+      if (!o)
         return null;
-      if (isConstructor) {
-        if (rootEle.constructor === constructorOrTag) {
-          return rootEle;
-        }
-      } else if (rootEle.tagName === tagName) {
-        return rootEle;
-      }
-      return getRootElement(rootEle);
+      if (e) {
+        if (o.constructor === t)
+          return o;
+      } else if (o.tagName === s)
+        return o;
+      return i(o);
     };
-    return getRootElement(this);
+    return i(this);
   }
+  /**
+   * @private
+   * @final
+   * use `mounted`; 允许手动调用 `connectedCallback` 以清除装饰器定义的字段
+   */
   connectedCallback() {
-    if (this.isConnected && __privateGet$1(this, _isAsync)) {
-      asyncRenderTaskList.add(__privateGet$1(this, _connectedCallback));
-    } else {
-      __privateGet$1(this, _connectedCallback).call(this);
-    }
-    return __privateGet$1(_GemElement, _final);
+    return this.isConnected && l(this, $t) ? ce.add(l(this, ee)) : l(this, ee).call(this), l(Tt, ft);
   }
+  /**
+   * @private
+   * @final
+   */
   adoptedCallback() {
-    return __privateGet$1(_GemElement, _final);
+    return l(Tt, ft);
   }
+  /**
+   * @private
+   * @final
+   * use `unmounted`
+   */
   disconnectedCallback() {
-    var _a2, _b2;
+    var t, e;
     if (this.isConnected) {
-      __privateSet$1(this, _isAppendReason, true);
+      k(this, Pt, !0);
       return;
     }
-    __privateSet$1(this, _isMounted, false);
-    (_a2 = __privateGet$1(this, _disconnectStore)) == null ? void 0 : _a2.forEach((disconnect2) => disconnect2());
-    execCallback(__privateGet$1(this, _unmountCallback));
-    (_b2 = this.unmounted) == null ? void 0 : _b2.call(this);
-    __privateSet$1(this, _effectList, __privateGet$1(this, _clearEffect).call(this, __privateGet$1(this, _effectList)));
-    __privateSet$1(this, _memoList, __privateGet$1(this, _clearEffect).call(this, __privateGet$1(this, _memoList)));
-    return __privateGet$1(_GemElement, _final);
+    return k(this, B, !1), (t = l(this, te)) == null || t.forEach((s) => s()), Le(l(this, Yt)), (e = this.unmounted) == null || e.call(this), k(this, K, l(this, ne).call(this, l(this, K))), k(this, Q, l(this, ne).call(this, l(this, Q))), l(Tt, ft);
   }
 };
-let GemElement = _GemElement;
-_final = /* @__PURE__ */ new WeakMap();
-_renderRoot = /* @__PURE__ */ new WeakMap();
-_internals = /* @__PURE__ */ new WeakMap();
-_isAppendReason = /* @__PURE__ */ new WeakMap();
-_isMounted = /* @__PURE__ */ new WeakMap();
-_isAsync = /* @__PURE__ */ new WeakMap();
-_effectList = /* @__PURE__ */ new WeakMap();
-_memoList = /* @__PURE__ */ new WeakMap();
-_unmountCallback = /* @__PURE__ */ new WeakMap();
-_exec = /* @__PURE__ */ new WeakMap();
-_execEffect = /* @__PURE__ */ new WeakMap();
-_execMemo = /* @__PURE__ */ new WeakMap();
-_initEffect = /* @__PURE__ */ new WeakMap();
-_render = /* @__PURE__ */ new WeakMap();
-_shouldUpdate = /* @__PURE__ */ new WeakMap();
-_updateCallback = /* @__PURE__ */ new WeakMap();
-_update = /* @__PURE__ */ new WeakMap();
-_updated = /* @__PURE__ */ new WeakMap();
-_disconnectStore = /* @__PURE__ */ new WeakMap();
-_connectedCallback = /* @__PURE__ */ new WeakMap();
-_clearEffect = /* @__PURE__ */ new WeakMap();
-__privateAdd$1(GemElement, _final, Symbol());
-const gemElementProxyMap = new PropProxyMap();
-function defineAttribute(target, prop, attr) {
-  const { booleanAttributes, numberAttributes } = target.constructor;
-  Object.defineProperty(target, prop, {
-    configurable: true,
+ft = /* @__PURE__ */ new WeakMap();
+Ct = /* @__PURE__ */ new WeakMap();
+Y = /* @__PURE__ */ new WeakMap();
+Pt = /* @__PURE__ */ new WeakMap();
+B = /* @__PURE__ */ new WeakMap();
+$t = /* @__PURE__ */ new WeakMap();
+K = /* @__PURE__ */ new WeakMap();
+Q = /* @__PURE__ */ new WeakMap();
+Yt = /* @__PURE__ */ new WeakMap();
+Qt = /* @__PURE__ */ new WeakMap();
+We = /* @__PURE__ */ new WeakMap();
+Ie = /* @__PURE__ */ new WeakMap();
+Ve = /* @__PURE__ */ new WeakMap();
+Xt = /* @__PURE__ */ new WeakMap();
+De = /* @__PURE__ */ new WeakMap();
+Zt = /* @__PURE__ */ new WeakMap();
+it = /* @__PURE__ */ new WeakMap();
+qe = /* @__PURE__ */ new WeakMap();
+te = /* @__PURE__ */ new WeakMap();
+ee = /* @__PURE__ */ new WeakMap();
+ne = /* @__PURE__ */ new WeakMap();
+w(ts, ft, Symbol());
+let A = ts;
+const le = new Us();
+function nn(n, t, e) {
+  const { booleanAttributes: s, numberAttributes: i } = n.constructor;
+  Object.defineProperty(n, t, {
+    configurable: !0,
     get() {
-      if (!(initSymbol in this))
+      if (!(he in this))
         return;
-      const that = this;
-      const value = that.getAttribute(attr);
-      if (booleanAttributes == null ? void 0 : booleanAttributes.has(attr)) {
-        return value === null ? false : true;
-      }
-      if (numberAttributes == null ? void 0 : numberAttributes.has(attr)) {
-        return Number(value);
-      }
-      return value || "";
+      const o = this.getAttribute(e);
+      return s != null && s.has(e) ? o !== null : i != null && i.has(e) ? Number(o) : o || "";
     },
-    set(v) {
-      const that = this;
-      const proxy = gemElementProxyMap.get(this);
-      const hasSet = proxy[prop];
-      const value = that.getAttribute(attr);
-      if (this[initSymbol] && value !== null && !hasSet)
+    set(r) {
+      const o = this, a = le.get(this), c = a[t], h = o.getAttribute(e);
+      if (this[he] && h !== null && !c)
         return;
-      proxy[prop] = true;
-      const isBool = booleanAttributes == null ? void 0 : booleanAttributes.has(attr);
-      if (v === null || v === void 0) {
-        that.removeAttribute(attr);
-      } else if (isBool) {
-        that.toggleAttribute(attr, !!v);
-      } else {
-        if (value !== String(v))
-          that.setAttribute(attr, String(v));
-      }
+      a[t] = !0;
+      const p = s == null ? void 0 : s.has(e);
+      r == null ? o.removeAttribute(e) : p ? o.toggleAttribute(e, !!r) : h !== String(r) && o.setAttribute(e, String(r));
     }
   });
 }
-const isEventHandleSymbol = Symbol("event handle");
-function defineProperty(target, prop, event, eventOptions) {
-  Object.defineProperty(target, prop, {
-    configurable: true,
+const Nn = Symbol("event handle");
+function Dt(n, t, e, s) {
+  Object.defineProperty(n, t, {
+    configurable: !0,
     get() {
-      const value = gemElementProxyMap.get(this)[prop];
-      if (value || !event) {
-        return value;
-      } else {
-        this[prop] = emptyFunction;
-        return this[prop];
-      }
+      const i = le.get(this)[t];
+      return i || !e ? i : (this[t] = Qs, this[t]);
     },
-    set(v) {
-      const that = this;
-      const proxy = gemElementProxyMap.get(that);
-      if (v !== proxy[prop]) {
-        if (event) {
-          proxy[prop] = (v == null ? void 0 : v[isEventHandleSymbol]) ? v : (detail, options) => {
-            const evt = new CustomEvent(event, { ...options, ...eventOptions, detail });
-            that.dispatchEvent(evt);
-            v(detail, options);
-          };
-          Reflect.set(proxy[prop], isEventHandleSymbol, true);
-        } else {
-          proxy[prop] = v;
-          this[updateSymbol]();
-        }
-      }
+    set(i) {
+      const r = this, o = le.get(r);
+      i !== o[t] && (e ? (o[t] = i != null && i[Nn] ? i : (a, c) => {
+        const h = new CustomEvent(e, { ...c, ...s, detail: a });
+        r.dispatchEvent(h), i(a, c);
+      }, Reflect.set(o[t], Nn, !0)) : (o[t] = i, this[Zn]()));
     }
   });
 }
-function defineRef(target, prop, ref) {
-  Object.defineProperty(target, prop, {
-    configurable: true,
+function sn(n, t, e) {
+  Object.defineProperty(n, t, {
+    configurable: !0,
     get() {
-      const proxy = gemElementProxyMap.get(this);
-      let refobject2 = proxy[prop];
-      if (!refobject2) {
-        const that = this;
-        const ele = that.shadowRoot || that;
-        refobject2 = {
+      const s = le.get(this);
+      let i = s[t];
+      if (!i) {
+        const r = this, o = r.shadowRoot || r;
+        i = {
           get ref() {
-            return ref;
+            return e;
           },
           get element() {
-            const gemReflects = [...ele.querySelectorAll("[data-gem-reflect]")].map((e) => e.target);
-            for (const e of [ele, ...gemReflects]) {
-              const result = e.querySelector(`[ref=${ref}]`);
-              if (result)
-                return result;
+            const a = [...o.querySelectorAll("[data-gem-reflect]")].map((c) => c.target);
+            for (const c of [o, ...a]) {
+              const h = c.querySelector(`[ref=${e}]`);
+              if (h)
+                return h;
             }
           }
-        };
-        proxy[prop] = refobject2;
+        }, s[t] = i;
       }
-      return refobject2;
+      return i;
     }
   });
 }
-function defineCSSState(target, prop, state2) {
-  Object.defineProperty(target, prop, {
-    configurable: true,
+function rn(n, t, e) {
+  Object.defineProperty(n, t, {
+    configurable: !0,
     get() {
-      const that = this;
-      const { states } = that.internals;
-      return states == null ? void 0 : states.has(state2);
+      const s = this, { states: i } = s.internals;
+      return i == null ? void 0 : i.has(e);
     },
-    set(v) {
-      const that = this;
-      const { states } = that.internals;
-      if (v) {
-        states == null ? void 0 : states.add(state2);
-      } else {
-        states == null ? void 0 : states.delete(state2);
-      }
+    set(s) {
+      const i = this, { states: r } = i.internals;
+      s ? r == null || r.add(e) : r == null || r.delete(e);
     }
   });
 }
-const nativeDefineElement = customElements.define.bind(customElements);
-customElements.define = (name, cls, options) => {
-  if (cls.prototype instanceof GemElement) {
-    const { observedAttributes, observedProperties, defineEvents, defineCSSStates, defineRefs } = cls;
-    observedAttributes == null ? void 0 : observedAttributes.forEach((attr) => defineAttribute(cls.prototype, kebabToCamelCase(attr), attr));
-    observedProperties == null ? void 0 : observedProperties.forEach((prop) => defineProperty(cls.prototype, prop));
-    defineEvents == null ? void 0 : defineEvents.forEach((event) => defineProperty(cls.prototype, kebabToCamelCase(event), event));
-    defineCSSStates == null ? void 0 : defineCSSStates.forEach((state2) => defineCSSState(cls.prototype, kebabToCamelCase(state2), state2));
-    defineRefs == null ? void 0 : defineRefs.forEach((ref) => defineRef(cls.prototype, kebabToCamelCase(ref), ref));
-  }
-  nativeDefineElement(name, cls, options);
-};
-if (window.__GEM_DEVTOOLS__HOOK__) {
-  Object.assign(window.__GEM_DEVTOOLS__HOOK__, { ...GemExports, ...VersionExports });
-}
-function pushStaticField(target, field, member, isSet = false) {
-  const cls = target.constructor;
-  const current = cls[field];
-  if (!cls.hasOwnProperty(field)) {
-    Object.defineProperty(cls, field, {
-      value: isSet ? new Set(current) : current ? Array.from(current) : []
-    });
+const on = customElements.define.bind(customElements);
+customElements.define = (n, t, e) => {
+  if (t.prototype instanceof A) {
+    const { observedAttributes: s, observedProperties: i, defineEvents: r, defineCSSStates: o, defineRefs: a } = t;
+    s == null || s.forEach((c) => nn(t.prototype, ot(c), c)), i == null || i.forEach((c) => Dt(t.prototype, c)), r == null || r.forEach((c) => Dt(t.prototype, ot(c), c)), o == null || o.forEach((c) => rn(t.prototype, ot(c), c)), a == null || a.forEach((c) => sn(t.prototype, ot(c), c));
   }
-  cls[field][isSet ? "add" : "push"](member);
+  on(n, t, e);
+};
+window.__GEM_DEVTOOLS__HOOK__ && Object.assign(window.__GEM_DEVTOOLS__HOOK__, { ...Ts, ...zs });
+function D(n, t, e, s = !1) {
+  const i = n.constructor, r = i[t];
+  i.hasOwnProperty(t) || Object.defineProperty(i, t, {
+    value: s ? new Set(r) : r ? Array.from(r) : []
+  }), i[t][s ? "add" : "push"](e);
 }
-function refobject(target, prop) {
-  const ref = `${camelToKebabCase(prop)}-${randomStr()}`;
-  pushStaticField(target, "defineRefs", ref);
-  defineRef(target, prop, ref);
+function zi(n, t) {
+  const e = `${j(t)}-${ve()}`;
+  D(n, "defineRefs", e), sn(n, t, e);
 }
-function defineAttr(target, prop, attr) {
-  pushStaticField(target, "observedAttributes", attr);
-  defineAttribute(target, prop, attr);
+function an(n, t, e) {
+  D(n, "observedAttributes", e), nn(n, t, e);
 }
-function attribute(target, prop) {
-  defineAttr(target, prop, camelToKebabCase(prop));
+function C(n, t) {
+  an(n, t, j(t));
 }
-function boolattribute(target, prop) {
-  const attr = camelToKebabCase(prop);
-  pushStaticField(target, "booleanAttributes", attr, true);
-  defineAttr(target, prop, attr);
+function es(n, t) {
+  const e = j(t);
+  D(n, "booleanAttributes", e, !0), an(n, t, e);
 }
-function numattribute(target, prop) {
-  const attr = camelToKebabCase(prop);
-  pushStaticField(target, "numberAttributes", attr, true);
-  defineAttr(target, prop, attr);
+function Ji(n, t) {
+  const e = j(t);
+  D(n, "numberAttributes", e, !0), an(n, t, e);
 }
-function property(target, prop) {
-  pushStaticField(target, "observedProperties", prop);
-  defineProperty(target, prop);
+function N(n, t) {
+  D(n, "observedProperties", t), Dt(n, t);
 }
-function state(target, prop) {
-  const attr = camelToKebabCase(prop);
-  pushStaticField(target, "defineCSSStates", attr);
-  defineCSSState(target, prop, attr);
+function cn(n, t) {
+  const e = j(t);
+  D(n, "defineCSSStates", e), rn(n, t, e);
 }
-function slot(target, prop) {
-  const attr = camelToKebabCase(target[prop] || prop);
-  target[prop] = attr;
-  pushStaticField(target instanceof GemElement ? target : target.prototype, "defineSlots", attr);
+function Yi(n, t) {
+  const e = j(n[t] || t);
+  n[t] = e, D(n instanceof A ? n : n.prototype, "defineSlots", e);
 }
-function part(target, prop) {
-  const attr = camelToKebabCase(target[prop] || prop);
-  target[prop] = attr;
-  pushStaticField(target instanceof GemElement ? target : target.prototype, "defineParts", attr);
+function Xs(n, t) {
+  const e = j(n[t] || t);
+  n[t] = e, D(n instanceof A ? n : n.prototype, "defineParts", e);
 }
-function emitter(target, prop) {
-  defineEmitter(target, prop);
+function Se(n, t) {
+  ns(n, t);
 }
-function globalemitter(target, prop) {
-  defineEmitter(target, prop, { bubbles: true, composed: true });
+function Qi(n, t) {
+  ns(n, t, { bubbles: !0, composed: !0 });
 }
-function defineEmitter(target, prop, options) {
-  const event = camelToKebabCase(prop);
-  pushStaticField(target, "defineEvents", event);
-  defineProperty(target, prop, event, options);
+function ns(n, t, e) {
+  const s = j(t);
+  D(n, "defineEvents", s), Dt(n, t, s, e);
 }
-function adoptedStyle(style) {
-  return function(cls) {
-    const con = cls;
-    pushStaticField(con.prototype, "adoptedStyleSheets", style);
+function Xi(n) {
+  return function(t) {
+    D(t.prototype, "adoptedStyleSheets", n);
   };
 }
-function connectStore(store2) {
-  return function(cls) {
-    const con = cls;
-    pushStaticField(con.prototype, "observedStores", store2);
+function hn(n) {
+  return function(t) {
+    D(t.prototype, "observedStores", n);
   };
 }
-function rootElement(rootType) {
-  return function(cls) {
-    const con = cls;
-    con.rootElement = rootType;
+function Zi(n) {
+  return function(t) {
+    const e = t;
+    e.rootElement = n;
   };
 }
-function customElement(name) {
-  return function(cls) {
-    nativeDefineElement(name, cls);
+function tr(n) {
+  return function(t) {
+    on(n, t);
   };
 }
-const nativeHistory = window.history;
-const nativePushState = nativeHistory.pushState.bind(nativeHistory);
-const nativeReplaceState = nativeHistory.replaceState.bind(nativeHistory);
-let key = 0;
-const getKey = () => `${performance.now()}-${++key}`;
-const [store, updateHistoryStore] = useStore({
-  $hasCloseHandle: false,
-  $hasOpenHandle: false,
-  $hasShouldCloseHandle: false,
+const O = window.history, ss = O.pushState.bind(O), is = O.replaceState.bind(O);
+let Zs = 0;
+const ln = () => `${performance.now()}-${++Zs}`, [E, pt] = en({
+  $hasCloseHandle: !1,
+  $hasOpenHandle: !1,
+  $hasShouldCloseHandle: !1,
   $key: ""
-});
-const paramsMap = /* @__PURE__ */ new Map();
-function validData(data) {
-  const { $key, $hasCloseHandle, $hasOpenHandle, $hasShouldCloseHandle } = data || {};
-  if (store.$key === $key)
-    return;
-  if ($key)
-    throw new GemError("`$key` is not allowed");
-  if ($hasCloseHandle)
-    throw new GemError("`$hasCloseHandle` is not allowed");
-  if ($hasOpenHandle)
-    throw new GemError("`$hasOpenHandle` is not allowed");
-  if ($hasShouldCloseHandle)
-    throw new GemError("`$hasShouldCloseHandle` is not allowed");
-}
-function getUrlBarPath(internalPath) {
-  return gemHistory.basePath ? gemHistory.basePath + internalPath : internalPath;
-}
-function getInternalPath(urlBarPath) {
-  if (urlBarPath === gemHistory.basePath)
-    return "/";
-  return urlBarPath.replace(new RegExp(`^${gemHistory.basePath}/`), "/");
-}
-function dispatchBeforeChangeEvent() {
-  gemHistory.dispatchEvent(new CustomEvent("beforechange"));
-}
-function normalizeParams(params) {
-  var _a2, _b2;
-  const current = paramsMap.get(store.$key) || { path: getInternalPath(location.pathname), query: new QueryString() };
-  const path = params.path ? absoluteLocation(current.path, params.path) : getInternalPath(location.pathname);
-  const newQueryObject = new QueryString((_a2 = params.query) != null ? _a2 : params.path ? "" : location.search);
-  const queryChanged = String(newQueryObject) !== String(current.query);
-  const query = queryChanged ? newQueryObject : current.query;
-  const urlChanged = path !== current.path || queryChanged;
-  const title = params.title || (urlChanged ? "" : document.title);
-  const statusChanged = params.close || params.data || params.open || params.shouldClose;
-  const hash = decodeURIComponent((_b2 = params.hash) != null ? _b2 : !urlChanged && statusChanged ? location.hash : "");
-  return { ...params, title, path, query, hash };
-}
-function updateHistory(p, native) {
-  validData(p.data);
-  const params = normalizeParams(p);
-  const { title, path, query, hash, close, open: open2, shouldClose, data } = params;
-  const state2 = {
-    $hasCloseHandle: !!close,
-    $hasOpenHandle: !!open2,
-    $hasShouldCloseHandle: !!shouldClose,
-    $key: getKey(),
-    $title: title,
-    ...data
-  };
-  paramsMap.set(state2.$key, params);
-  dispatchBeforeChangeEvent();
-  cleanObject(store);
-  updateHistoryStore(state2);
-  const url = getUrlBarPath(path) + new QueryString(query) + hash;
-  const prevHash = decodeURIComponent(location.hash);
-  native(state2, title, url);
-  if (prevHash !== hash)
-    window.dispatchEvent(new CustomEvent("hashchange"));
-}
-function updateHistoryByNative(data, title, originUrl, native) {
-  validData(data);
-  const state2 = {
-    $key: getKey(),
-    $title: title,
-    ...data || {}
+}), $ = /* @__PURE__ */ new Map();
+function rs(n) {
+  const { $key: t, $hasCloseHandle: e, $hasOpenHandle: s, $hasShouldCloseHandle: i } = n || {};
+  if (E.$key !== t) {
+    if (t)
+      throw new tt("`$key` is not allowed");
+    if (e)
+      throw new tt("`$hasCloseHandle` is not allowed");
+    if (s)
+      throw new tt("`$hasOpenHandle` is not allowed");
+    if (i)
+      throw new tt("`$hasShouldCloseHandle` is not allowed");
+  }
+}
+function os(n) {
+  return R.basePath ? R.basePath + n : n;
+}
+function Ge(n) {
+  return n === R.basePath ? "/" : n.replace(new RegExp(`^${R.basePath}/`), "/");
+}
+function un() {
+  R.dispatchEvent(new CustomEvent("beforechange"));
+}
+function ue(n) {
+  const t = $.get(E.$key) || { path: Ge(location.pathname), query: new It() }, e = n.path ? zn(t.path, n.path) : Ge(location.pathname), s = new It(n.query ?? (n.path ? "" : location.search)), i = String(s) !== String(t.query), r = i ? s : t.query, o = e !== t.path || i, a = n.title || (o ? "" : document.title), c = n.close || n.data || n.open || n.shouldClose, h = decodeURIComponent(n.hash ?? (!o && c ? location.hash : ""));
+  return { ...n, title: a, path: e, query: r, hash: h };
+}
+function Mn(n, t) {
+  rs(n.data);
+  const e = ue(n), { title: s, path: i, query: r, hash: o, close: a, open: c, shouldClose: h, data: p } = e, u = {
+    $hasCloseHandle: !!a,
+    $hasOpenHandle: !!c,
+    $hasShouldCloseHandle: !!h,
+    $key: ln(),
+    $title: s,
+    ...p
   };
-  const { pathname, search, hash } = new URL(originUrl, location.origin + location.pathname);
-  const params = normalizeParams({ path: pathname, query: new QueryString(search), hash, title, data });
-  paramsMap.set(state2.$key, params);
-  dispatchBeforeChangeEvent();
-  cleanObject(store);
-  updateHistoryStore(state2);
-  const url = getUrlBarPath(pathname) + params.query + hash;
-  const prevHash = location.hash;
-  native(state2, title, url);
-  if (prevHash !== hash)
-    window.dispatchEvent(new CustomEvent("hashchange"));
-}
-const [gemBasePathStore, updateBasePathStore] = useStore({
+  $.set(u.$key, e), un(), Ze(E), pt(u);
+  const S = os(i) + new It(r) + o, d = decodeURIComponent(location.hash);
+  t(u, s, S), d !== o && window.dispatchEvent(new CustomEvent("hashchange"));
+}
+function On(n, t, e, s) {
+  rs(n);
+  const i = {
+    $key: ln(),
+    $title: t,
+    ...n || {}
+  }, { pathname: r, search: o, hash: a } = new URL(e, location.origin + location.pathname), c = ue({ path: r, query: new It(o), hash: a, title: t, data: n });
+  $.set(i.$key, c), un(), Ze(E), pt(i);
+  const h = os(r) + c.query + a, p = location.hash;
+  s(i, t, h), p !== a && window.dispatchEvent(new CustomEvent("hashchange"));
+}
+const [as, ti] = en({
   basePath: ""
 });
-class GemHistory extends EventTarget {
+class ei extends EventTarget {
   get store() {
-    return store;
+    return E;
   }
   get currentKey() {
-    return store.$key;
+    return E.$key;
   }
   get basePath() {
-    return gemBasePathStore.basePath;
+    return as.basePath;
   }
-  set basePath(basePath) {
-    updateBasePathStore({ basePath });
-    Object.assign(paramsMap.get(store.$key), { path: getInternalPath(location.pathname) });
+  set basePath(t) {
+    ti({ basePath: t }), Object.assign($.get(E.$key), { path: Ge(location.pathname) });
   }
   getParams() {
-    return paramsMap.get(store.$key);
+    return $.get(E.$key);
   }
-  updateParams(params) {
-    Object.assign(paramsMap.get(store.$key), params);
-    updateHistoryStore();
+  updateParams(t) {
+    Object.assign($.get(E.$key), t), pt();
   }
-  push(params) {
-    updateHistory(params, nativePushState);
+  push(t) {
+    Mn(t, ss);
   }
-  replace(params) {
-    updateHistory(params, nativeReplaceState);
+  replace(t) {
+    Mn(t, is);
   }
-  pushIgnoreCloseHandle(params) {
-    var _a2, _b2;
-    if (store.$hasCloseHandle) {
-      (_b2 = (_a2 = paramsMap.get(store.$key)) == null ? void 0 : _a2.close) == null ? void 0 : _b2.call(_a2);
-      this.replace(params);
-    } else {
-      this.push(params);
-    }
+  pushIgnoreCloseHandle(t) {
+    var e, s;
+    E.$hasCloseHandle ? ((s = (e = $.get(E.$key)) == null ? void 0 : e.close) == null || s.call(e), this.replace(t)) : this.push(t);
   }
   forward() {
-    nativeHistory.forward();
+    O.forward();
   }
   back() {
-    nativeHistory.back();
+    O.back();
   }
 }
-const gemHistory = new GemHistory();
-const [gemTitleStore, updateTitleStore] = useStore({ title: "" });
-const _GEMHISTORY = { history: gemHistory, titleStore: gemTitleStore, basePathStore: gemBasePathStore };
+const R = new ei(), [se, ni] = en({ title: "" }), si = { history: R, titleStore: se, basePathStore: as };
 if (!window._GEMHISTORY) {
-  window._GEMHISTORY = _GEMHISTORY;
-  nativeHistory.pushState = function(state2, title, path) {
-    updateHistoryByNative(state2, title, path, nativePushState);
-  };
-  nativeHistory.replaceState = function(state2, title, path) {
-    updateHistoryByNative(state2, title, path, nativeReplaceState);
-  };
-  window.addEventListener("hashchange", ({ isTrusted }) => {
-    if (isTrusted) {
-      gemHistory.replace({ hash: location.hash });
-    }
-  });
-  if (!nativeHistory.state) {
-    const { pathname, search, hash } = location;
-    gemHistory.replace({ path: pathname, query: search, hash });
-  } else if (nativeHistory.state.$hasCloseHandle) {
-    updateHistoryStore(nativeHistory.state);
-    const params = normalizeParams({ title: document.title });
-    paramsMap.set(store.$key, params);
-    gemHistory.back();
-  } else {
-    const params = normalizeParams({ title: document.title, hash: location.hash });
-    updateHistoryStore({
-      $key: getKey(),
-      ...nativeHistory.state || {}
-    });
-    paramsMap.set(store.$key, params);
-  }
-  connect(gemTitleStore, () => {
-    const params = paramsMap.get(store.$key);
-    if (params) {
-      params.title = gemTitleStore.title;
-    }
-  });
-  connect(store, () => {
-    const { title } = gemHistory.getParams();
-    if (title !== gemTitleStore.title) {
-      updateTitleStore({ title });
-    }
+  if (window._GEMHISTORY = si, O.pushState = function(t, e, s) {
+    On(t, e, s, ss);
+  }, O.replaceState = function(t, e, s) {
+    On(t, e, s, is);
+  }, window.addEventListener("hashchange", ({ isTrusted: t }) => {
+    t && R.replace({ hash: location.hash });
+  }), O.state)
+    if (O.state.$hasCloseHandle) {
+      pt(O.state);
+      const t = ue({ title: document.title });
+      $.set(E.$key, t), R.back();
+    } else {
+      const t = ue({ title: document.title, hash: location.hash });
+      pt({
+        $key: ln(),
+        ...O.state || {}
+      }), $.set(E.$key, t);
+    }
+  else {
+    const { pathname: t, search: e, hash: s } = location;
+    R.replace({ path: t, query: e, hash: s });
+  }
+  ct(se, () => {
+    const t = $.get(E.$key);
+    t && (t.title = se.title);
+  }), ct(E, () => {
+    const { title: t } = R.getParams();
+    t !== se.title && ni({ title: t });
   });
-  let navigating = false;
-  window.addEventListener("popstate", (event) => {
-    var _a2, _b2;
-    const newState = event.state;
-    if (!(newState == null ? void 0 : newState.$key)) {
+  let n = !1;
+  window.addEventListener("popstate", (t) => {
+    var r, o;
+    const e = t.state;
+    if (!(e != null && e.$key))
       return;
-    }
-    if (navigating) {
-      navigating = false;
+    if (n) {
+      n = !1;
       return;
     }
-    if (!paramsMap.has(newState.$key)) {
-      const { pathname, search, hash } = location;
-      paramsMap.set(newState.$key, {
-        path: pathname,
-        query: new QueryString(search),
-        hash: decodeURIComponent(hash),
-        title: newState.$title,
-        data: newState
+    if (!$.has(e.$key)) {
+      const { pathname: a, search: c, hash: h } = location;
+      $.set(e.$key, {
+        path: a,
+        query: new It(c),
+        hash: decodeURIComponent(h),
+        title: e.$title,
+        // document.title 是导航前的
+        data: e
       });
     }
-    const prevState = store;
-    const isForward = parseFloat(newState.$key) > parseFloat(prevState.$key);
-    if (isForward && newState.$hasOpenHandle) {
-      (_b2 = (_a2 = paramsMap.get(newState.$key)) == null ? void 0 : _a2.open) == null ? void 0 : _b2.call(_a2);
-    } else if (prevState.$hasCloseHandle) {
-      const prevParams = paramsMap.get(prevState.$key);
-      const closeHandle = prevParams == null ? void 0 : prevParams.close;
-      const shouldCloseHandle = prevParams == null ? void 0 : prevParams.shouldClose;
-      const notAllowClose = shouldCloseHandle && !shouldCloseHandle();
-      if (notAllowClose) {
-        navigating = true;
-        gemHistory.forward();
+    const s = E;
+    if (parseFloat(e.$key) > parseFloat(s.$key) && e.$hasOpenHandle)
+      (o = (r = $.get(e.$key)) == null ? void 0 : r.open) == null || o.call(r);
+    else if (s.$hasCloseHandle) {
+      const a = $.get(s.$key), c = a == null ? void 0 : a.close, h = a == null ? void 0 : a.shouldClose;
+      if (h && !h()) {
+        n = !0, R.forward();
         return;
-      } else {
-        if (closeHandle) {
-          closeHandle();
-        } else if (newState.$hasCloseHandle) {
-          navigating = true;
-          gemHistory.back();
-        }
-      }
+      } else
+        c ? c() : e.$hasCloseHandle && (n = !0, R.back());
     }
-    dispatchBeforeChangeEvent();
-    cleanObject(store);
-    updateHistoryStore(newState);
+    un(), Ze(E), pt(e);
   });
 }
-const { history, titleStore, basePathStore } = window._GEMHISTORY;
-var __defProp$6 = Object.defineProperty;
-var __getOwnPropDesc$6 = Object.getOwnPropertyDescriptor;
-var __decorateClass$6 = (decorators, target, key2, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$6(target, key2) : target;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (kind ? decorator(target, key2, result) : decorator(result)) || result;
-  if (kind && result)
-    __defProp$6(target, key2, result);
-  return result;
-};
-var __accessCheck2 = (obj, member, msg) => {
-  if (!member.has(obj))
-    throw TypeError("Cannot " + msg);
-};
-var __privateGet2 = (obj, member, getter) => {
-  __accessCheck2(obj, member, "read from private field");
-  return getter ? getter.call(obj) : member.get(obj);
-};
-var __privateAdd2 = (obj, member, value) => {
-  if (member.has(obj))
+const { history: y, titleStore: qt, basePathStore: ii } = window._GEMHISTORY;
+var ri = Object.defineProperty, oi = Object.getOwnPropertyDescriptor, q = (n, t, e, s) => {
+  for (var i = s > 1 ? void 0 : s ? oi(t, e) : t, r = n.length - 1, o; r >= 0; r--)
+    (o = n[r]) && (i = (s ? o(t, e, i) : o(i)) || i);
+  return s && i && ri(t, e, i), i;
+}, cs = (n, t, e) => {
+  if (!t.has(n))
+    throw TypeError("Cannot " + e);
+}, W = (n, t, e) => (cs(n, t, "read from private field"), e ? e.call(n) : t.get(n)), vt = (n, t, e) => {
+  if (t.has(n))
     throw TypeError("Cannot add the same private member more than once");
-  member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
-};
-var __privateSet2 = (obj, member, value, setter) => {
-  __accessCheck2(obj, member, "write to private field");
-  setter ? setter.call(obj, value) : member.set(obj, value);
-  return value;
-};
-var _lastLoader, _scrollContainer, scrollContainer_get, _updateLocationStore, _updateScrollContainerPosition, _setContent;
-const UNNAMED_PARAM_PREFIX = "_";
-class ParamsRegExp extends RegExp {
-  constructor(pattern) {
-    let i = 0;
+  t instanceof WeakSet ? t.add(n) : t.set(n, e);
+}, Rn = (n, t, e, s) => (cs(n, t, "write to private field"), s ? s.call(n, e) : t.set(n, e), e), kt, rt, ut, ie, je, re;
+const hs = "_";
+class ai extends RegExp {
+  constructor(t) {
+    let e = 0;
     super(
-      `^${pattern.replace(/((:[^/$]+)|(\*))/g, (_m, name) => {
-        if (name === "*")
-          return `(?<${UNNAMED_PARAM_PREFIX}${i++}>.*)`;
-        return `(?<${name.slice(1)}>[^/]+)`;
-      })}$`
+      `^${t.replace(/((:[^/$]+)|(\*))/g, (s, i) => i === "*" ? `(?<${hs}${e++}>.*)` : `(?<${i.slice(1)}>[^/]+)`)}$`
     );
   }
 }
-function matchPath(pattern, path) {
+function ls(n, t) {
   if (window.URLPattern) {
-    const urLPattern = new window.URLPattern({ pathname: pattern });
-    const matchResult2 = urLPattern.exec({ pathname: path }) || urLPattern.exec({ pathname: `${path}/` });
-    if (!matchResult2)
-      return null;
-    return matchResult2.pathname.groups;
-  }
-  const reg = new ParamsRegExp(pattern);
-  const matchResult = path.match(reg) || `${path}/`.match(reg);
-  if (!matchResult)
-    return null;
-  const params = {};
-  if (matchResult.groups) {
-    Object.entries(matchResult.groups).forEach(([key2, value]) => {
-      params[key2.startsWith(UNNAMED_PARAM_PREFIX) ? key2.slice(1) : key2] = value;
-    });
-  }
-  return params;
-}
-function createPath(route, options) {
-  let path = route.pattern;
-  const params = options == null ? void 0 : options.params;
-  if (params) {
-    Object.keys(params).forEach((key2) => {
-      path = path.replace(new RegExp(`:${key2}`, "g"), params[key2]);
-    });
+    const r = new window.URLPattern({ pathname: n }), o = r.exec({ pathname: t }) || r.exec({ pathname: `${t}/` });
+    return o ? o.pathname.groups : null;
   }
-  return path;
-}
-function createHistoryParams(route, options) {
-  const path = createPath(route, options);
+  const e = new ai(n), s = t.match(e) || `${t}/`.match(e);
+  if (!s)
+    return null;
+  const i = {};
+  return s.groups && Object.entries(s.groups).forEach(([r, o]) => {
+    i[r.startsWith(hs) ? r.slice(1) : r] = o;
+  }), i;
+}
+function dn(n, t) {
+  let e = 0, s = n.pattern.replaceAll("*", () => `:${e++}`);
+  const i = t == null ? void 0 : t.params;
+  return i && Object.keys(i).forEach((r) => {
+    s = s.replace(new RegExp(`:${r}`, "g"), i[r]);
+  }), s;
+}
+function ci(n, t) {
   return {
-    path,
-    ...options
+    path: dn(n, t),
+    ...t
   };
 }
-const scrollPositionMap = /* @__PURE__ */ new Map();
-const _GemRouteElement = class extends GemElement {
-  constructor({ isLight, routes } = {}) {
-    super({ isLight });
-    __privateAdd2(this, _scrollContainer);
-    this.trigger = history;
-    this.currentParams = {};
-    __privateAdd2(this, _lastLoader, void 0);
-    this.state = {
-      content: void 0
-    };
-    __privateAdd2(this, _updateLocationStore, () => {
+const Ne = G``, An = /* @__PURE__ */ new Map(), T = class us extends A {
+  constructor({ isLight: t, routes: e } = {}) {
+    super({ isLight: t }), vt(this, rt), this.trigger = y, this.currentParams = {}, vt(this, kt, void 0), this.state = {
+      content: Ne
+    }, vt(this, ie, () => {
       if (!this.locationStore)
         return;
-      const { path, query, hash, data } = history.getParams();
-      updateStore(this.locationStore, {
-        path,
+      const { path: s, query: i, hash: r, data: o } = y.getParams();
+      nt(this.locationStore, {
+        path: s,
         params: this.currentParams,
-        query,
-        hash,
-        data
+        query: i,
+        hash: r,
+        data: o
       });
-    });
-    __privateAdd2(this, _updateScrollContainerPosition, () => {
-      if (!__privateGet2(this, _scrollContainer, scrollContainer_get))
+    }), vt(this, je, () => {
+      if (!W(this, rt, ut))
         return;
-      const scrollTop = scrollPositionMap.get(history.currentKey);
-      if (scrollTop) {
-        __privateGet2(this, _scrollContainer, scrollContainer_get).scroll(0, scrollTop);
-      } else if (this.scrollIgnoreHash || !history.getParams().hash) {
-        __privateGet2(this, _scrollContainer, scrollContainer_get).scroll(0, 0);
-      }
-    });
-    __privateAdd2(this, _setContent, (route, params, content) => {
-      this.beforeroutechange(route);
-      __privateSet2(this, _lastLoader, void 0);
-      this.currentRoute = route;
-      this.currentParams = params;
-      const changeContent = async () => {
-        this.setState({ content });
-        __privateGet2(this, _updateLocationStore).call(this);
-        await Promise.resolve();
-        __privateGet2(this, _updateScrollContainerPosition).call(this);
-        this.routechange(this.currentRoute);
+      const s = An.get(y.currentKey);
+      s ? W(this, rt, ut).scroll(0, s) : (this.scrollIgnoreHash || !y.getParams().hash) && W(this, rt, ut).scroll(0, 0);
+    }), vt(this, re, (s, i, r) => {
+      this.beforeroutechange(s), Rn(this, kt, void 0), this.currentRoute = s, this.currentParams = i;
+      const o = async () => {
+        this.setState({ content: r }), W(this, ie).call(this), await Promise.resolve(), W(this, je).call(this), this.routechange(this.currentRoute);
       };
-      if (this.transition && "startViewTransition" in document) {
-        document.startViewTransition(() => changeContent());
-      } else {
-        changeContent();
-      }
-    });
-    this.update = () => {
-      const { route, params = {} } = _GemRouteElement.findRoute(this.routes, this.trigger.getParams().path);
-      const { redirect, content, getContent } = route || {};
-      if (redirect) {
+      this.transition && "startViewTransition" in document ? document.startViewTransition(() => o()) : o();
+    }), this.update = () => {
+      const { path: s, hash: i, query: r } = this.trigger.getParams(), { route: o, params: a = {} } = us.findRoute(this.routes, s), { redirect: c, content: h, getContent: p } = o || {};
+      if (c) {
         this.trigger.replace({
-          path: createPath({ pattern: redirect }, { params })
+          path: dn({ pattern: c }, { params: a }),
+          query: r,
+          hash: i
         });
         return;
       }
-      if (this.trigger === history) {
-        updateStore(titleStore, { title: route == null ? void 0 : route.title });
-      }
-      const contentOrLoader = content || (getContent == null ? void 0 : getContent(params));
-      this.loading(route);
-      if (contentOrLoader instanceof Promise) {
-        __privateSet2(this, _lastLoader, contentOrLoader);
-        const isSomeLoader = () => __privateGet2(this, _lastLoader) === contentOrLoader;
-        contentOrLoader.then((content2) => {
-          if (isSomeLoader())
-            __privateGet2(this, _setContent).call(this, route, params, content2);
-        }).catch((err) => {
-          if (isSomeLoader())
-            this.error(err);
+      this.trigger === y && nt(qt, { title: o == null ? void 0 : o.title });
+      const u = h || (p == null ? void 0 : p(a, this.shadowRoot || this));
+      if (this.loading(o), u instanceof Promise) {
+        Rn(this, kt, u);
+        const S = () => W(this, kt) === u;
+        u.then((d) => {
+          S() && W(this, re).call(this, o, a, d);
+        }).catch((d) => {
+          S() && this.error(d);
         });
         return;
       }
-      __privateGet2(this, _setContent).call(this, route, params, contentOrLoader);
-    };
-    this.routes = routes;
+      W(this, re).call(this, o, a, u);
+    }, this.routes = this.routes || e;
   }
   mounted() {
     this.effect(
       () => {
-        if (!__privateGet2(this, _scrollContainer, scrollContainer_get))
-          return;
-        return addListener(
-          history,
-          "beforechange",
-          () => scrollPositionMap.set(history.currentKey, __privateGet2(this, _scrollContainer, scrollContainer_get).scrollTop)
-        );
+        if (W(this, rt, ut))
+          return Jn(
+            y,
+            "beforechange",
+            () => An.set(y.currentKey, W(this, rt, ut).scrollTop)
+          );
       },
       () => [this.scrollContainer]
-    );
-    this.effect(
-      () => connect(this.trigger.store, () => this.setState({})),
+    ), this.effect(
+      // 触发 this.#update
+      () => ct(this.trigger.store, () => this.setState({})),
       () => [this.trigger]
-    );
-    this.effect(
-      ([key2, path], old) => {
-        if (old && key2 === old[0] && path === old[1]) {
-          __privateGet2(this, _updateLocationStore).call(this);
+    ), this.effect(
+      ([t, e], s) => {
+        if (s && t === s[0] && e === s[1]) {
+          W(this, ie).call(this);
           return;
         }
         this.update();
       },
       () => {
-        const { path, query, hash } = this.trigger.getParams();
-        return [this.key, path, query, hash];
+        const { path: t, query: e, hash: s } = this.trigger.getParams();
+        return [this.key, t, e, s];
       }
     );
   }
   shouldUpdate() {
-    return this.inert ? false : true;
+    return !this.inert;
   }
   render() {
-    const { content } = this.state;
-    if (!this.shadowRoot)
-      return html`${content}`;
-    return html`
+    const { content: t } = this.state;
+    if (t !== void 0)
+      return this.shadowRoot ? G`
       <style>
         :host(:where(:not([hidden]))),
         :not(:defined) {
           display: contents;
         }
       </style>
-      ${content != null ? content : html`<slot></slot>`}
-    `;
+      ${t === Ne ? G`<slot></slot>` : t}
+    ` : t === Ne ? void 0 : G`${t}`;
   }
 };
-let GemRouteElement = _GemRouteElement;
-_lastLoader = /* @__PURE__ */ new WeakMap();
-_scrollContainer = /* @__PURE__ */ new WeakSet();
-scrollContainer_get = function() {
-  return typeof this.scrollContainer === "function" ? this.scrollContainer() : this.scrollContainer;
+kt = /* @__PURE__ */ new WeakMap();
+rt = /* @__PURE__ */ new WeakSet();
+ut = function() {
+  return typeof this.scrollContainer == "function" ? this.scrollContainer() : this.scrollContainer;
 };
-_updateLocationStore = /* @__PURE__ */ new WeakMap();
-_updateScrollContainerPosition = /* @__PURE__ */ new WeakMap();
-_setContent = /* @__PURE__ */ new WeakMap();
-GemRouteElement.createLocationStore = () => {
-  const { path, query, hash, data } = history.getParams();
-  return createStore({ path, query, hash, data, params: {} });
+ie = /* @__PURE__ */ new WeakMap();
+je = /* @__PURE__ */ new WeakMap();
+re = /* @__PURE__ */ new WeakMap();
+T.createLocationStore = () => {
+  const { path: n, query: t, hash: e, data: s } = y.getParams();
+  return Ft({ path: n, query: t, hash: e, data: s, params: {} });
 };
-GemRouteElement.findRoute = (target = [], path) => {
-  let defaultRoute = null;
-  let routes;
-  if (target instanceof Array) {
-    routes = target;
-  } else {
-    routes = Object.values(target);
-  }
-  for (const route of routes) {
-    if ("*" === route.pattern) {
-      defaultRoute = route;
-    } else {
-      const params = matchPath(route.pattern, path);
-      if (params) {
-        return { route, params };
-      }
-    }
-  }
-  return { route: defaultRoute };
-};
-__decorateClass$6([
-  boolattribute
-], GemRouteElement.prototype, "transition", 2);
-__decorateClass$6([
-  property
-], GemRouteElement.prototype, "routes", 2);
-__decorateClass$6([
-  property
-], GemRouteElement.prototype, "locationStore", 2);
-__decorateClass$6([
-  property
-], GemRouteElement.prototype, "key", 2);
-__decorateClass$6([
-  emitter
-], GemRouteElement.prototype, "loading", 2);
-__decorateClass$6([
-  emitter
-], GemRouteElement.prototype, "beforeroutechange", 2);
-__decorateClass$6([
-  emitter
-], GemRouteElement.prototype, "routechange", 2);
-__decorateClass$6([
-  emitter
-], GemRouteElement.prototype, "error", 2);
-__decorateClass$6([
-  property
-], GemRouteElement.prototype, "scrollContainer", 2);
-__decorateClass$6([
-  property
-], GemRouteElement.prototype, "scrollIgnoreHash", 2);
-__decorateClass$6([
-  property
-], GemRouteElement.prototype, "trigger", 2);
-class GemLightRouteElement extends GemRouteElement {
-  constructor(options = {}) {
-    super({ ...options, isLight: true });
-  }
-}
-var __defProp$5 = Object.defineProperty;
-var __getOwnPropDesc$5 = Object.getOwnPropertyDescriptor;
-var __decorateClass$5 = (decorators, target, key2, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$5(target, key2) : target;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (kind ? decorator(target, key2, result) : decorator(result)) || result;
-  if (kind && result)
-    __defProp$5(target, key2, result);
-  return result;
+T.findRoute = (n = [], t) => {
+  let e = null, s;
+  n instanceof Array ? s = n : s = Object.values(n);
+  for (const i of s)
+    if (i.pattern === "*")
+      e = i;
+    else {
+      const r = ls(i.pattern, t);
+      if (r)
+        return { route: i, params: r };
+    }
+  return { route: e };
 };
-function isExternal(path) {
-  return !path.startsWith("/");
+q([
+  es
+], T.prototype, "transition", 2);
+q([
+  N
+], T.prototype, "routes", 2);
+q([
+  N
+], T.prototype, "locationStore", 2);
+q([
+  N
+], T.prototype, "key", 2);
+q([
+  Se
+], T.prototype, "loading", 2);
+q([
+  Se
+], T.prototype, "beforeroutechange", 2);
+q([
+  Se
+], T.prototype, "routechange", 2);
+q([
+  Se
+], T.prototype, "error", 2);
+q([
+  N
+], T.prototype, "scrollContainer", 2);
+q([
+  N
+], T.prototype, "scrollIgnoreHash", 2);
+q([
+  N
+], T.prototype, "trigger", 2);
+let ds = T;
+class hi extends ds {
+  constructor(t = {}) {
+    super({ ...t, isLight: !0 });
+  }
+}
+var li = Object.defineProperty, ui = Object.getOwnPropertyDescriptor, b = (n, t, e, s) => {
+  for (var i = s > 1 ? void 0 : s ? ui(t, e) : t, r = n.length - 1, o; r >= 0; r--)
+    (o = n[r]) && (i = (s ? o(t, e, i) : o(i)) || i);
+  return s && i && li(t, e, i), i;
+}, di = (n, t, e) => {
+  if (!t.has(n))
+    throw TypeError("Cannot " + e);
+}, J = (n, t, e) => (di(n, t, "read from private field"), e ? e.call(n) : t.get(n)), St = (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);
+}, dt, Lt, Fe, fs, Be, Ke, ze;
+function Hn(n) {
+  return !n.startsWith("/");
 }
-let GemLinkElement = (_a = class extends GemElement {
+let x = class extends A {
   constructor() {
-    super({ focusable: true });
-    __privateAdd(this, _routeOptions);
-    __privateAdd(this, _hint);
-    __privateAdd(this, _onClick, void 0);
-    __privateAdd(this, _preventDefault, void 0);
-    __privateAdd(this, _getHint, void 0);
-    __privateSet(this, _onClick, async () => {
-      var _a2;
-      const locationString = this.getLocationString();
-      if (!locationString)
+    super({ focusable: !0 }), St(this, dt), St(this, Fe), St(this, Be, async () => {
+      var i;
+      const n = this.getLocationString();
+      if (!n)
         return;
-      if (isExternal(locationString)) {
+      if (Hn(n))
         switch (this.target) {
           case "_self":
-            window.location.href = locationString;
+            window.location.href = n;
             return;
           case "_parent":
-            window.parent.location.href = locationString;
+            window.parent.location.href = n;
             return;
           case "_top":
-            window.top.location.href = locationString;
+            window.top.location.href = n;
             return;
           default:
-            window.open(locationString);
+            window.open(n);
             return;
         }
-      }
-      const { path, query, hash } = history.getParams();
-      if (path + query + hash === locationString) {
-        return;
-      }
-      await ((_a2 = this.prepare) == null ? void 0 : _a2.call(this));
-      if (this.route) {
-        history.pushIgnoreCloseHandle({
-          ...createHistoryParams(this.route, __privateGet(this, _routeOptions, routeOptions_get)),
-          title: this.route.title || this.docTitle
-        });
-      } else if (this.href) {
-        const { pathname, search, hash: hash2 } = new URL(locationString, location.origin);
-        history.pushIgnoreCloseHandle({
-          path: pathname,
-          query: search,
-          hash: hash2,
-          title: this.docTitle
-        });
-      } else {
-        history.pushIgnoreCloseHandle({
-          path: this.path,
-          query: this.query,
-          hash: this.hash,
-          title: this.docTitle
-        });
-      }
-    });
-    __privateSet(this, _preventDefault, (e) => {
-      e.preventDefault();
-    });
-    __privateSet(this, _getHint, () => {
-      const locationString = this.getLocationString();
-      return isExternal(locationString) ? locationString : new URL(history.basePath + locationString, location.origin).toString();
-    });
-    this.addEventListener("click", __privateGet(this, _onClick));
+      const { path: t, query: e, hash: s } = y.getParams();
+      if (t + e + s !== n)
+        if (await ((i = this.prepare) == null ? void 0 : i.call(this)), this.route)
+          y.pushIgnoreCloseHandle({
+            ...ci(this.route, J(this, dt, Lt)),
+            title: this.route.title || this.docTitle
+          });
+        else if (this.href) {
+          const { pathname: r, search: o, hash: a } = new URL(n, location.origin);
+          y.pushIgnoreCloseHandle({
+            path: r,
+            query: o,
+            hash: a,
+            title: this.docTitle
+          });
+        } else
+          y.pushIgnoreCloseHandle({
+            path: this.path,
+            query: this.query,
+            hash: this.hash,
+            title: this.docTitle
+          });
+    }), St(this, Ke, (n) => {
+      n.preventDefault();
+    }), St(this, ze, () => {
+      const n = this.getLocationString();
+      return Hn(n) ? n : new URL(y.basePath + n, location.origin).toString();
+    }), this.addEventListener("click", J(this, Be));
   }
   render() {
-    return html`
+    return G`
       <style>
         :host {
           /* link default style */
@@ -2505,201 +1785,168 @@ let GemLinkElement = (_a = class extends GemElement {
       </style>
       <a
         part=${this.link}
-        @click=${__privateGet(this, _preventDefault)}
-        href=${ifDefined(__privateGet(this, _hint, hint_get) === "off" ? void 0 : __privateGet(this, _getHint).call(this))}
+        @click=${J(this, Ke)}
+        href=${Qn(J(this, Fe, fs) === "off" ? void 0 : J(this, ze).call(this))}
       >
         <slot></slot>
       </a>
     `;
   }
+  /**
+   * 如果该元素是外部链接返回 URL，否则返回路径（不包含 basePath）
+   */
   getLocationString() {
-    var _a2, _b2;
+    var n, t;
     if (this.route) {
-      const queryProp = ((_a2 = __privateGet(this, _routeOptions, routeOptions_get)) == null ? void 0 : _a2.query) || "";
-      const hashProp = ((_b2 = __privateGet(this, _routeOptions, routeOptions_get)) == null ? void 0 : _b2.hash) || "";
-      return createPath(this.route, __privateGet(this, _routeOptions, routeOptions_get)) + queryProp + hashProp;
+      const e = ((n = J(this, dt, Lt)) == null ? void 0 : n.query) || "", s = ((t = J(this, dt, Lt)) == null ? void 0 : t.hash) || "";
+      return dn(this.route, J(this, dt, Lt)) + e + s;
     } else {
-      const url = this.href || this.path + this.query + this.hash;
-      const { path, query } = history.getParams();
-      if (url.startsWith("#")) {
-        return `${path}${query}${url}`;
-      } else if (url.startsWith("?")) {
-        return `${path}${url}`;
-      } else if (url.startsWith(".")) {
-        return absoluteLocation(path, url);
-      } else {
-        return url;
-      }
+      const e = this.href || this.path + this.query + this.hash, { path: s, query: i } = y.getParams();
+      return e.startsWith("#") ? `${s}${i}${e}` : e.startsWith("?") ? `${s}${e}` : e.startsWith(".") ? zn(s, e) : e;
     }
   }
-}, _routeOptions = new WeakSet(), routeOptions_get = function() {
+};
+dt = /* @__PURE__ */ new WeakSet();
+Lt = function() {
   return this.routeOptions || this.options;
-}, _hint = new WeakSet(), hint_get = function() {
+};
+Fe = /* @__PURE__ */ new WeakSet();
+fs = function() {
   return this.hint || "on";
-}, _onClick = new WeakMap(), _preventDefault = new WeakMap(), _getHint = new WeakMap(), _a);
-__decorateClass$5([
-  attribute
-], GemLinkElement.prototype, "href", 2);
-__decorateClass$5([
-  attribute
-], GemLinkElement.prototype, "target", 2);
-__decorateClass$5([
-  attribute
-], GemLinkElement.prototype, "path", 2);
-__decorateClass$5([
-  attribute
-], GemLinkElement.prototype, "query", 2);
-__decorateClass$5([
-  attribute
-], GemLinkElement.prototype, "hash", 2);
-__decorateClass$5([
-  attribute
-], GemLinkElement.prototype, "docTitle", 2);
-__decorateClass$5([
-  attribute
-], GemLinkElement.prototype, "hint", 2);
-__decorateClass$5([
-  property
-], GemLinkElement.prototype, "route", 2);
-__decorateClass$5([
-  property
-], GemLinkElement.prototype, "options", 2);
-__decorateClass$5([
-  property
-], GemLinkElement.prototype, "routeOptions", 2);
-__decorateClass$5([
-  property
-], GemLinkElement.prototype, "prepare", 2);
-__decorateClass$5([
-  part
-], GemLinkElement.prototype, "link", 2);
-GemLinkElement = __decorateClass$5([
-  connectStore(basePathStore)
-], GemLinkElement);
-let GemActiveLinkElement = class extends GemLinkElement {
+};
+Be = /* @__PURE__ */ new WeakMap();
+Ke = /* @__PURE__ */ new WeakMap();
+ze = /* @__PURE__ */ new WeakMap();
+b([
+  C
+], x.prototype, "href", 2);
+b([
+  C
+], x.prototype, "target", 2);
+b([
+  C
+], x.prototype, "path", 2);
+b([
+  C
+], x.prototype, "query", 2);
+b([
+  C
+], x.prototype, "hash", 2);
+b([
+  C
+], x.prototype, "docTitle", 2);
+b([
+  C
+], x.prototype, "hint", 2);
+b([
+  N
+], x.prototype, "route", 2);
+b([
+  N
+], x.prototype, "options", 2);
+b([
+  N
+], x.prototype, "routeOptions", 2);
+b([
+  N
+], x.prototype, "prepare", 2);
+b([
+  Xs
+], x.prototype, "link", 2);
+x = b([
+  hn(ii)
+], x);
+let Ut = class extends x {
   constructor() {
-    super();
-    this.effect(() => {
-      const { path, query, hash } = history.getParams();
-      const isMatchPattern = this.pattern && matchPath(this.pattern, path);
-      this.active = !!isMatchPattern || path + query + hash === this.getLocationString();
+    super(), this.effect(() => {
+      const { path: n, query: t, hash: e } = y.getParams(), s = this.pattern && ls(this.pattern, n);
+      this.active = !!s || n + t + e === this.getLocationString();
     });
   }
 };
-__decorateClass$5([
-  attribute
-], GemActiveLinkElement.prototype, "pattern", 2);
-__decorateClass$5([
-  state
-], GemActiveLinkElement.prototype, "active", 2);
-GemActiveLinkElement = __decorateClass$5([
-  connectStore(history.store)
-], GemActiveLinkElement);
-customElements.define("gem-link", GemLinkElement);
-customElements.define("gem-active-link", GemActiveLinkElement);
-customElements.define("gem-route", GemRouteElement);
-customElements.define("gem-light-route", GemLightRouteElement);
-var __defProp$4 = Object.defineProperty;
-var __getOwnPropDesc$4 = Object.getOwnPropertyDescriptor;
-var __decorateClass$4 = (decorators, target, key2, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$4(target, key2) : target;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (kind ? decorator(target, key2, result) : decorator(result)) || result;
-  if (kind && result)
-    __defProp$4(target, key2, result);
-  return result;
+b([
+  C
+], Ut.prototype, "pattern", 2);
+b([
+  cn
+], Ut.prototype, "active", 2);
+Ut = b([
+  hn(y.store)
+], Ut);
+customElements.define("gem-link", x);
+customElements.define("gem-active-link", Ut);
+customElements.define("gem-route", ds);
+customElements.define("gem-light-route", hi);
+var fi = Object.defineProperty, pi = Object.getOwnPropertyDescriptor, fn = (n, t, e, s) => {
+  for (var i = s > 1 ? void 0 : s ? pi(t, e) : t, r = n.length - 1, o; r >= 0; r--)
+    (o = n[r]) && (i = (s ? o(t, e, i) : o(i)) || i);
+  return s && i && fi(t, e, i), i;
 };
-const defaultTitle = document.title;
-let documentTitle = "";
-const setTitle = () => document.title = documentTitle;
-function setDocumentTitle(str, prefix = "", suffix = "") {
-  const title = titleStore.title || str;
-  if (title && title !== defaultTitle) {
-    GemTitleElement.title = title;
-    documentTitle = prefix + GemTitleElement.title + suffix;
-  } else {
-    GemTitleElement.title = defaultTitle;
-    documentTitle = GemTitleElement.title;
-  }
-  addMicrotask(setTitle);
-}
-connect(titleStore, setDocumentTitle);
-const PREFIX = `${defaultTitle} | `;
-const SUFFIX = ` - ${defaultTitle}`;
-const _GemTitleElement = class extends GemElement {
+const de = document.title;
+let Je = "";
+const gi = () => document.title = Je;
+function ps(n, t = "", e = "") {
+  const s = qt.title || n;
+  s && s !== de ? (Nt.title = s, Je = t + Nt.title + e) : (Nt.title = de, Je = Nt.title), I(gi);
+}
+ct(qt, ps);
+const mi = `${de} | `, yi = ` - ${de}`, ht = class gs extends A {
   constructor() {
-    super();
-    this.mounted = () => {
+    super(), this.mounted = () => {
       this.effect(
-        () => !this.inert && connect(titleStore, this.update),
+        () => !this.inert && ct(qt, this.update),
         () => [this.inert]
       );
-    };
-    new MutationObserver(() => this.update()).observe(this, {
-      characterData: true,
-      childList: true,
-      subtree: true
+    }, new MutationObserver(() => this.update()).observe(this, {
+      characterData: !0,
+      childList: !0,
+      subtree: !0
     });
   }
-  static setTitle(title) {
-    updateStore(titleStore, { title });
+  static setTitle(t) {
+    nt(qt, { title: t });
   }
   render() {
-    var _a2;
-    setDocumentTitle((_a2 = this.textContent) == null ? void 0 : _a2.trim(), this.prefix, this.suffix);
-    return html`${_GemTitleElement.title}`;
+    var t;
+    return ps((t = this.textContent) == null ? void 0 : t.trim(), this.prefix, this.suffix), G`${gs.title}`;
   }
 };
-let GemTitleElement = _GemTitleElement;
-GemTitleElement.title = document.title;
-GemTitleElement.defaultPrefix = PREFIX;
-GemTitleElement.defaultSuffix = SUFFIX;
-__decorateClass$4([
-  attribute
-], GemTitleElement.prototype, "prefix", 2);
-__decorateClass$4([
-  attribute
-], GemTitleElement.prototype, "suffix", 2);
-__decorateClass$4([
-  boolattribute
-], GemTitleElement.prototype, "inert", 2);
-customElements.define("gem-title", GemTitleElement);
-var __defProp$3 = Object.defineProperty;
-var __getOwnPropDesc$3 = Object.getOwnPropertyDescriptor;
-var __decorateClass$3 = (decorators, target, key2, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$3(target, key2) : target;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (kind ? decorator(target, key2, result) : decorator(result)) || result;
-  if (kind && result)
-    __defProp$3(target, key2, result);
-  return result;
+ht.title = document.title;
+ht.defaultPrefix = mi;
+ht.defaultSuffix = yi;
+fn([
+  C
+], ht.prototype, "prefix", 2);
+fn([
+  C
+], ht.prototype, "suffix", 2);
+fn([
+  es
+], ht.prototype, "inert", 2);
+let Nt = ht;
+customElements.define("gem-title", Nt);
+var wi = Object.defineProperty, _i = Object.getOwnPropertyDescriptor, Ee = (n, t, e, s) => {
+  for (var i = s > 1 ? void 0 : s ? _i(t, e) : t, r = n.length - 1, o; r >= 0; r--)
+    (o = n[r]) && (i = (s ? o(t, e, i) : o(i)) || i);
+  return s && i && wi(t, e, i), i;
 };
-const eleCache = /* @__PURE__ */ new Map();
-class GemUseElement extends GemElement {
+const Wn = /* @__PURE__ */ new Map();
+var jt;
+class Bt extends A {
   constructor() {
     super(...arguments);
-    __privateAdd(this, _getContent, void 0);
-    __privateSet(this, _getContent, () => {
-      const ele = this.element || (this.selector ? (this.root || document).querySelector(this.selector) : null);
-      if (typeof ele === "string") {
-        let temp = eleCache.get(ele);
-        if (!temp) {
-          temp = document.createElement("template");
-          temp.innerHTML = ele;
-          eleCache.set(ele, temp);
-        }
-        return temp.content.cloneNode(true);
-      } else if (ele instanceof HTMLTemplateElement) {
-        return ele.content.cloneNode(true);
-      } else {
-        return ele == null ? void 0 : ele.cloneNode(true);
-      }
+    P(this, jt, void 0);
+    F(this, jt, () => {
+      const e = this.element || (this.selector ? (this.root || document).querySelector(this.selector) : null);
+      if (typeof e == "string") {
+        let s = Wn.get(e);
+        return s || (s = document.createElement("template"), s.innerHTML = e, Wn.set(e, s)), s.content.cloneNode(!0);
+      } else
+        return e instanceof HTMLTemplateElement ? e.content.cloneNode(!0) : e == null ? void 0 : e.cloneNode(!0);
     });
   }
   render() {
-    return html`
+    return G`
       <style>
         :host(:where(:not([hidden]))) {
           position: relative;
@@ -2711,43 +1958,35 @@ class GemUseElement extends GemElement {
           height: 100%;
         }
       </style>
-      ${__privateGet(this, _getContent).call(this)}
+      ${g(this, jt).call(this)}
       <slot></slot>
     `;
   }
 }
-_getContent = new WeakMap();
-__decorateClass$3([
-  attribute
-], GemUseElement.prototype, "selector", 2);
-__decorateClass$3([
-  property
-], GemUseElement.prototype, "root", 2);
-__decorateClass$3([
-  property
-], GemUseElement.prototype, "element", 2);
-__decorateClass$3([
-  state
-], GemUseElement.prototype, "active", 2);
-customElements.define("gem-use", GemUseElement);
-var __defProp$2 = Object.defineProperty;
-var __getOwnPropDesc$2 = Object.getOwnPropertyDescriptor;
-var __decorateClass$2 = (decorators, target, key2, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$2(target, key2) : target;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (kind ? decorator(target, key2, result) : decorator(result)) || result;
-  if (kind && result)
-    __defProp$2(target, key2, result);
-  return result;
+jt = new WeakMap();
+Ee([
+  C
+], Bt.prototype, "selector", 2);
+Ee([
+  N
+], Bt.prototype, "root", 2);
+Ee([
+  N
+], Bt.prototype, "element", 2);
+Ee([
+  cn
+], Bt.prototype, "active", 2);
+customElements.define("gem-use", Bt);
+var vi = Object.defineProperty, Si = Object.getOwnPropertyDescriptor, ms = (n, t, e, s) => {
+  for (var i = s > 1 ? void 0 : s ? Si(t, e) : t, r = n.length - 1, o; r >= 0; r--)
+    (o = n[r]) && (i = (s ? o(t, e, i) : o(i)) || i);
+  return s && i && vi(t, e, i), i;
 };
-class GemUnsafeElement extends GemElement {
+class pn extends A {
   constructor() {
-    super();
-    this.effect(
+    super(), this.effect(
       () => {
-        if (this.shadowRoot) {
-          this.shadowRoot.innerHTML = `
+        this.shadowRoot && (this.shadowRoot.innerHTML = `
             <style>
               :host(:where(:not([hidden]))) {
                 display: contents;
@@ -2755,421 +1994,318 @@ class GemUnsafeElement extends GemElement {
               ${this.contentcss}
             </style>
             ${this.content}
-          `;
-        }
+          `);
       },
       () => [this.content, this.contentcss]
     );
   }
   render() {
-    return void 0;
-  }
-}
-__decorateClass$2([
-  attribute
-], GemUnsafeElement.prototype, "content", 2);
-__decorateClass$2([
-  attribute
-], GemUnsafeElement.prototype, "contentcss", 2);
-customElements.define("gem-unsafe", GemUnsafeElement);
-var __defProp$1 = Object.defineProperty;
-var __getOwnPropDesc$1 = Object.getOwnPropertyDescriptor;
-var __decorateClass$1 = (decorators, target, key2, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$1(target, key2) : target;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (kind ? decorator(target, key2, result) : decorator(result)) || result;
-  if (kind && result)
-    __defProp$1(target, key2, result);
-  return result;
+  }
+}
+ms([
+  C
+], pn.prototype, "content", 2);
+ms([
+  C
+], pn.prototype, "contentcss", 2);
+customElements.define("gem-unsafe", pn);
+var Ei = Object.defineProperty, xi = Object.getOwnPropertyDescriptor, ys = (n, t, e, s) => {
+  for (var i = s > 1 ? void 0 : s ? xi(t, e) : t, r = n.length - 1, o; r >= 0; r--)
+    (o = n[r]) && (i = (s ? o(t, e, i) : o(i)) || i);
+  return s && i && Ei(t, e, i), i;
 };
-const START = "gem-reflect-start";
-const END = "gem-reflect-end";
-const createReflectFragmentTag = (tag) => new Comment(tag);
-const getReflectFragment = (startNode) => {
-  const result = [];
-  let node = startNode;
-  while (node) {
-    result.push(node);
-    if (node.nodeValue === END)
-      break;
-    node = node.nextSibling;
-  }
-  return result;
+const bi = "gem-reflect-start", ws = "gem-reflect-end", In = (n) => new Comment(n), Ci = (n) => {
+  const t = [];
+  let e = n;
+  for (; e && (t.push(e), e.nodeValue !== ws); )
+    e = e.nextSibling;
+  return t;
 };
-class GemReflectElement extends GemElement {
+var ge, _s;
+class gn extends A {
   constructor() {
-    super({ isLight: true });
-    this.target = document.head;
-    this.effect(
+    super({ isLight: !0 });
+    P(this, ge);
+    this.target = document.head, this.effect(
       () => {
-        this.hidden = true;
-        this.dataset.gemReflect = "";
+        this.hidden = !0, this.dataset.gemReflect = "";
       },
       () => []
     );
-    const startNode = createReflectFragmentTag(START);
-    const endNode = createReflectFragmentTag(END);
-    let childNodes;
+    const e = In(bi), s = In(ws);
+    let i;
     this.effect(
-      () => {
-        if (!childNodes) {
-          [startNode, ...this.childNodes, endNode].forEach((node) => this.target.append(node));
-        } else {
-          childNodes.forEach((node) => this.target.append(node));
-        }
-        return () => {
-          childNodes = getReflectFragment(startNode);
-          childNodes.forEach((node) => node.remove());
-        };
-      },
+      () => ((i || [e, ...this.childNodes, s]).forEach((r, o, a) => {
+        const c = a[o - 1];
+        c ? c.after(r) : this.target[g(this, ge, _s)](r);
+      }), () => {
+        i = Ci(e), i.forEach((r) => r.remove());
+      }),
       () => [this.target]
     );
   }
 }
-__decorateClass$1([
-  property
-], GemReflectElement.prototype, "target", 2);
-customElements.define("gem-reflect", GemReflectElement);
-const open = Symbol("open mark");
-function createModalClass(options) {
-  var _a2;
-  const final2 = Symbol();
-  return _a2 = class extends GemElement {
+ge = new WeakSet(), _s = function() {
+  return this.method || "append";
+};
+ys([
+  C
+], gn.prototype, "method", 2);
+ys([
+  N
+], gn.prototype, "target", 2);
+customElements.define("gem-reflect", gn);
+const zt = Symbol("open mark");
+function er(n) {
+  var t;
+  const e = Symbol();
+  return t = class extends A {
     constructor() {
-      super();
-      this.label = "";
-      this.internals.role = "alertdialog";
-      this.internals.ariaModal = "true";
+      super(), this.label = "", this.internals.role = "alertdialog", this.internals.ariaModal = "true";
     }
+    /**@final */
     static get isOpen() {
-      return this.store[open];
+      return this.store[zt];
     }
+    /**@final */
     static get observedStores() {
-      return [history.store, this.store];
-    }
-    static open(opts) {
-      const instance = new this();
-      this.instance = instance;
-      this.inertStore = [...document.body.children].filter((e) => !e.inert);
-      this.inertStore.forEach((e) => e.inert = true);
-      document.body.append(instance);
-      const changeStore = () => updateStore(this.store, { [open]: true, ...opts });
-      setTimeout(() => {
-        changeStore();
-        history.push({
-          title: instance.label,
-          open: changeStore,
+      return [y.store, this.store];
+    }
+    /**
+     * @final
+     * 自带 100ms 延迟，以允许在其他 Dialog 的 `shouldClose` 中调用此方法;
+     * 浏览器 history 为异步 API，需要设置较长延迟;
+     */
+    static open(s) {
+      const i = new this();
+      this.instance = i, this.inertStore = [...document.body.children].filter((o) => !o.inert), this.inertStore.forEach((o) => o.inert = !0), document.body.append(i);
+      const r = () => nt(this.store, { [zt]: !0, ...s });
+      return setTimeout(() => {
+        r(), y.push({
+          title: i.label,
+          open: r,
           close: this.closeHandle.bind(this),
           shouldClose: this.shouldClose.bind(this)
         });
-      }, 100);
-      return final2;
+      }, 100), e;
     }
+    /**
+     * @final
+     * UI 中执行关闭
+     */
     static close() {
-      history.back();
-      return final2;
+      return y.back(), e;
     }
+    /**
+     * @final
+     * history 中自动调用
+     */
     static closeHandle() {
-      var _a3;
-      this.inertStore.forEach((e) => e.inert = false);
-      (_a3 = this.instance) == null ? void 0 : _a3.remove();
-      updateStore(this.store, { [open]: false, ...options });
-      return final2;
+      var s;
+      return this.inertStore.forEach((i) => i.inert = !1), (s = this.instance) == null || s.remove(), nt(this.store, { [zt]: !1, ...n }), e;
     }
+    /**
+     * 由于要操作浏览器历史记录，所以没有设计为 Promise；
+     */
     static shouldClose() {
-      return true;
-    }
-  }, _a2.inertStore = [], _a2.instance = null, _a2.store = createStore({
-    [open]: false,
-    ...options
-  }), _a2;
-}
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __decorateClass = (decorators, target, key2, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key2) : target;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (kind ? decorator(target, key2, result) : decorator(result)) || result;
-  if (kind && result)
-    __defProp(target, key2, result);
-  return result;
-};
-const final = Symbol();
-let GemDialogBaseElement = (_b = class extends GemElement {
+      return !0;
+    }
+  }, t.inertStore = [], t.instance = null, /**
+  * @final
+  * modal 状态，包括内容，是否已经确认关闭等属性
+  */
+  t.store = Ft({
+    [zt]: !1,
+    ...n
+  }), t;
+}
+var Pi = Object.defineProperty, $i = Object.getOwnPropertyDescriptor, mn = (n, t, e, s) => {
+  for (var i = s > 1 ? void 0 : s ? $i(t, e) : t, r = n.length - 1, o; r >= 0; r--)
+    (o = n[r]) && (i = (s ? o(t, e, i) : o(i)) || i);
+  return s && i && Pi(t, e, i), i;
+}, vs = (n, t, e) => {
+  if (!t.has(n))
+    throw TypeError("Cannot " + e);
+}, lt = (n, t, e) => (vs(n, t, "read from private field"), e ? e.call(n) : t.get(n)), Me = (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);
+}, Oe = (n, t, e, s) => (vs(n, t, "write to private field"), s ? s.call(n, e) : t.set(n, e), e), Mt, Ot, Rt;
+const Et = Symbol();
+let fe = class extends A {
   constructor() {
-    super();
-    __privateAdd(this, _nextSibling, void 0);
-    __privateAdd(this, _parentElement, void 0);
-    __privateAdd(this, _inertStore, void 0);
-    __privateSet(this, _inertStore, []);
-    this.closeHandle = () => {
-      var _a2;
-      this.inert = true;
-      __privateGet(this, _inertStore).forEach((e) => e.inert = false);
-      if (__privateGet(this, _nextSibling)) {
-        __privateGet(this, _nextSibling).before(this);
-      } else if (__privateGet(this, _parentElement)) {
-        (_a2 = __privateGet(this, _parentElement)) == null ? void 0 : _a2.appendChild(this);
-      }
-      this.dispatchEvent(new CustomEvent("close"));
-      this.opened = false;
-      return final;
-    };
-    this.openHandle = () => {
-      this.hidden = false;
-      this.inert = false;
-      __privateSet(this, _nextSibling, this.nextSibling);
-      __privateSet(this, _parentElement, this.parentElement || this.getRootNode());
-      __privateSet(this, _inertStore, [...document.body.children].filter((e) => !e.inert));
-      __privateGet(this, _inertStore).forEach((e) => e.inert = true);
-      document.body.append(this);
-      this.dispatchEvent(new CustomEvent("open"));
-      this.opened = true;
-      return final;
-    };
-    this.open = () => {
-      if (this.opened)
-        return;
-      this.openHandle();
-      history.push({
-        title: this.label,
-        open: this.openHandle,
-        close: this.closeHandle,
-        shouldClose: this.shouldClose
-      });
-      return final;
-    };
-    this.close = () => {
-      history.back();
-      return final;
-    };
-    this.forceClose = () => {
-      this.opened = false;
-      setTimeout(this.close, 100);
-      return final;
-    };
-    this.effect(
-      () => this.inert = true,
+    super(), Me(this, Mt, void 0), Me(this, Ot, void 0), Me(this, Rt, []), this.closeHandle = () => {
+      var n;
+      return this.inert = !0, lt(this, Rt).forEach((t) => t.inert = !1), lt(this, Mt) ? lt(this, Mt).before(this) : lt(this, Ot) && ((n = lt(this, Ot)) == null || n.appendChild(this)), this.dispatchEvent(new CustomEvent("close")), this.opened = !1, Et;
+    }, this.openHandle = () => (this.hidden = !1, this.inert = !1, Oe(this, Mt, this.nextSibling), Oe(this, Ot, this.parentElement || this.getRootNode()), Oe(this, Rt, [...document.body.children].filter((n) => !n.inert)), lt(this, Rt).forEach((n) => n.inert = !0), document.body.append(this), this.dispatchEvent(new CustomEvent("open")), this.opened = !0, Et), this.open = () => {
+      if (!this.opened)
+        return this.openHandle(), y.push({
+          title: this.label,
+          open: this.openHandle,
+          close: this.closeHandle,
+          shouldClose: this.shouldClose
+        }), Et;
+    }, this.close = () => (y.back(), Et), this.forceClose = () => (this.opened = !1, setTimeout(this.close, 100), Et), this.effect(
+      () => this.inert = !0,
       () => []
-    );
-    this.internals.role = "dialog";
-    this.internals.ariaModal = "true";
+    ), this.internals.role = "dialog", this.internals.ariaModal = "true";
   }
   shouldClose() {
-    return true;
-  }
-}, _nextSibling = new WeakMap(), _parentElement = new WeakMap(), _inertStore = new WeakMap(), _b);
-__decorateClass([
-  attribute
-], GemDialogBaseElement.prototype, "label", 2);
-__decorateClass([
-  state
-], GemDialogBaseElement.prototype, "opened", 2);
-GemDialogBaseElement = __decorateClass([
-  connectStore(history.store)
-], GemDialogBaseElement);
-const themeStoreMap = /* @__PURE__ */ new WeakMap();
-function getThemeStore(theme) {
-  return themeStoreMap.get(theme);
-}
-const themePropsMap = /* @__PURE__ */ new WeakMap();
-function getThemeProps(theme) {
-  return themePropsMap.get(theme);
-}
-const setThemeFnMap = /* @__PURE__ */ new WeakMap();
-function createTheme(themeObj) {
-  const salt = randomStr();
-  const style = document.createElement("style");
-  const store2 = createStore(themeObj);
-  const theme = {};
-  const props = {};
-  themePropsMap.set(theme, props);
-  themeStoreMap.set(theme, store2);
-  const setTheme = () => Object.keys(store2).forEach((key2) => {
-    if (props[key2])
-      return;
-    props[key2] = `--${camelToKebabCase(key2)}-${salt}`;
-    theme[key2] = `var(${props[key2]})`;
+    return !0;
+  }
+};
+Mt = /* @__PURE__ */ new WeakMap();
+Ot = /* @__PURE__ */ new WeakMap();
+Rt = /* @__PURE__ */ new WeakMap();
+mn([
+  C
+], fe.prototype, "label", 2);
+mn([
+  cn
+], fe.prototype, "opened", 2);
+fe = mn([
+  hn(y.store)
+], fe);
+const Ss = /* @__PURE__ */ new WeakMap();
+function Ti(n) {
+  return Ss.get(n);
+}
+const Es = /* @__PURE__ */ new WeakMap();
+function nr(n) {
+  return Es.get(n);
+}
+const xs = /* @__PURE__ */ new WeakMap();
+function ki(n) {
+  const t = ve(), e = document.createElement("style"), s = Ft(n), i = {}, r = {};
+  Es.set(i, r), Ss.set(i, s);
+  const o = () => Object.keys(s).forEach((h) => {
+    r[h] || (r[h] = `--${j(h)}-${t}`, i[h] = `var(${r[h]})`);
   });
-  setThemeFnMap.set(theme, setTheme);
-  setTheme();
-  const getStyle = () => `:root, :host {${Object.keys(store2).reduce((prev, key2) => prev + `${props[key2]}:${store2[key2]};`, "")}}`;
-  const replace = () => style.textContent = getStyle();
-  connect(store2, replace);
-  replace();
-  (document.head || document.documentElement).append(style);
-  return theme;
-}
-function updateTheme(theme, newThemeObj) {
-  updateStore(getThemeStore(theme), newThemeObj);
-  setThemeFnMap.get(theme)();
-}
-function useTheme(themeObj) {
-  const theme = createTheme(themeObj);
-  return [theme, (newThemeObj) => updateTheme(theme, newThemeObj)];
-}
-class Logger {
-  constructor(type) {
-    this.info = (...args) => {
-      console.log(`[${this._type}]:`, ...args);
-    };
-    this.warn = (...args) => {
-      console.warn(`[${this._type}]:`, ...args);
-    };
-    this.error = (...args) => {
-      console.error(`[${this._type}]:`, ...args);
-    };
-    this._type = type;
-  }
-}
-const logger = new Logger("GEM");
-const splitReg = /\$\d(?:<[^>]*>)?/;
-const matchReg = /\$(\d)(<([^>]*)>)?/g;
-const matchStrIndex = 3;
-function splice(rawValue, ...rest) {
-  const templateArr = rawValue.split(splitReg);
-  const values = [];
-  let result;
-  while (result = matchReg.exec(rawValue)) {
-    const str = result[matchStrIndex];
-    const index = Number(result[1]) - 1;
-    const arg = rest[index];
-    values.push(typeof arg === "function" ? arg(str) : arg);
-  }
-  return html(templateArr, ...values);
-}
-const modules = /* @__PURE__ */ new Set();
-const _I18n = class {
-  constructor(options) {
-    __privateAdd(this, _cacheCurrentKey);
-    __privateAdd(this, _urlParamsLang);
-    __privateAdd(this, _cacheLang);
-    __privateAdd(this, _isMain);
-    __privateAdd(this, _lang);
-    this.cachePrefix = "gem-i18n";
-    this.replace = ({ path }) => {
-      this.setLanguage(path);
-    };
-    this.getParams = () => ({ path: this.currentLanguage });
-    if (!options.resources[options.fallbackLanguage]) {
-      throw new GemError("i18n: fallbackLanguage invalid");
-    }
-    this.store = createStore(this);
-    Object.assign(this, options);
-    let currentLanguage = __privateGet(this, _urlParamsLang, urlParamsLang_get) || this.currentLanguage || __privateGet(this, _cacheLang, cacheLang_get);
-    const ele = document.querySelector(`[type*=${this.cachePrefix}]`);
-    if (ele) {
+  xs.set(i, o), o();
+  const a = () => `:root, :host {${Object.keys(s).reduce((h, p) => h + `${r[p]}:${s[p]};`, "")}}`, c = () => e.textContent = a();
+  return ct(s, c), c(), (document.head || document.documentElement).append(e), i;
+}
+function Li(n, t) {
+  nt(Ti(n), t), xs.get(n)();
+}
+function sr(n) {
+  const t = ki(n);
+  return [t, (e) => Li(t, e)];
+}
+class Ni {
+  constructor(t) {
+    this.info = (...e) => {
+      console.log(`[${this._type}]:`, ...e);
+    }, this.warn = (...e) => {
+      console.warn(`[${this._type}]:`, ...e);
+    }, this.error = (...e) => {
+      console.error(`[${this._type}]:`, ...e);
+    }, this._type = t;
+  }
+}
+const Mi = new Ni("GEM"), Oi = /\$\d(?:<[^>]*>)?/, Ri = /\$(\d)(<([^>]*)>)?/g, Ai = 3;
+function Hi(n, ...t) {
+  const e = n.split(Oi), s = [];
+  let i;
+  for (; i = Ri.exec(n); ) {
+    const r = i[Ai], o = Number(i[1]) - 1, a = t[o];
+    s.push(typeof a == "function" ? a(r) : a);
+  }
+  return G(e, ...s);
+}
+const xt = /* @__PURE__ */ new Set();
+var mt, oe, me, bs, ye, Cs, at, At, yt, ae;
+const yn = class yn {
+  constructor(t) {
+    P(this, mt);
+    P(this, me);
+    P(this, ye);
+    P(this, at);
+    P(this, yt);
+    if (this.cachePrefix = "gem-i18n", this.replace = ({ path: i }) => this.setLanguage(i), this.getParams = () => ({ path: this.currentLanguage }), !t.resources[t.fallbackLanguage])
+      throw new tt("i18n: fallbackLanguage invalid");
+    this.store = Ft(this), Object.assign(this, t);
+    let e = g(this, me, bs) || this.currentLanguage || g(this, ye, Cs);
+    const s = document.querySelector(`[type*=${this.cachePrefix}]`);
+    if (s)
       try {
-        const prerenderData = JSON.parse(ele.textContent || "");
-        currentLanguage = prerenderData.currentLanguage;
-        this.resources[prerenderData.currentLanguage] = prerenderData.currentLanguagePack;
+        const i = JSON.parse(s.textContent || "");
+        e = i.currentLanguage, this.resources[i.currentLanguage] = i.currentLanguagePack;
       } catch {
       }
-    }
-    if (currentLanguage) {
-      __privateSet(this, _lang, currentLanguage, lang_set);
-      this.setLanguage(currentLanguage);
-    } else {
-      this.resetLanguage();
-    }
+    e ? (F(this, yt, e, ae), this.setLanguage(e)) : this.resetLanguage();
   }
-  get(s, ...rest) {
-    const currentLanguagePack = this.resources[this.currentLanguage];
-    const fallbackLanguagePack = this.resources[this.fallbackLanguage];
-    const msg = currentLanguagePack[s] || fallbackLanguagePack[s];
-    const rawValue = (msg == null ? void 0 : msg.message) || msg || `[${s}]`;
-    if (!rest.length)
-      return rawValue;
-    return splice(rawValue, ...rest);
+  get(t, ...e) {
+    const s = this.resources[this.currentLanguage], i = this.resources[this.fallbackLanguage], r = s[t] || i[t], o = (r == null ? void 0 : r.message) || r || `[${t}]`;
+    return e.length ? Hi(o, ...e) : o;
   }
   detectLanguage() {
-    const availableLangs = Object.keys(this.resources);
-    const uiLangs = navigator.languages.map((lang) => lang.replace(/-(.*)/, ($1) => $1.toUpperCase()));
-    for (const lang of uiLangs) {
-      const matched = availableLangs.find((e) => e === lang || lang.startsWith(`${e}-`));
-      if (matched)
-        return matched;
+    const t = Object.keys(this.resources), e = navigator.languages.map((s) => s.replace(/-(.*)/, (i) => i.toUpperCase()));
+    for (const s of e) {
+      const i = t.find((r) => r === s || s.startsWith(`${r}-`));
+      if (i)
+        return i;
     }
     return this.fallbackLanguage;
   }
-  async setLanguage(lang) {
-    if (__privateGet(this, _isMain, isMain_get)) {
-      modules.forEach(async (i18n) => await i18n.setLanguage(lang));
-    }
-    let pack;
-    const data = this.resources[lang];
-    if (!data) {
-      logger.warn(`${this.cachePrefix}: not found \`${lang}\``);
-      return this.resetLanguage();
-    }
-    if (typeof data === "string") {
-      const prefix = `${this.cachePrefix}:`;
-      const localKey = `${prefix}${data}`;
-      const localPackString = localStorage.getItem(localKey);
-      const fetchPack = async () => {
-        const pack2 = await (await fetch(data)).json();
+  async setLanguage(t) {
+    g(this, at, At) && xt.forEach(async (i) => await i.setLanguage(t));
+    let e;
+    const s = this.resources[t];
+    if (!s)
+      return Mi.warn(`${this.cachePrefix}: not found \`${t}\``), this.resetLanguage();
+    if (typeof s == "string") {
+      const i = `${this.cachePrefix}:`, r = `${i}${s}`, o = localStorage.getItem(r), a = async () => {
+        const c = await (await fetch(s)).json();
         if (this.cache) {
-          for (let i = 0; i < localStorage.length; i++) {
-            const key2 = localStorage.key(i);
-            if (key2.startsWith(prefix)) {
-              localStorage.removeItem(key2);
-            }
+          for (let h = 0; h < localStorage.length; h++) {
+            const p = localStorage.key(h);
+            p.startsWith(i) && localStorage.removeItem(p);
           }
-          localStorage.setItem(localKey, JSON.stringify(pack2));
+          localStorage.setItem(r, JSON.stringify(c));
         }
-        return pack2;
+        return c;
       };
-      if (localPackString) {
+      if (o)
         try {
-          pack = JSON.parse(localPackString);
-        } catch (e) {
-          pack = await fetchPack();
+          e = JSON.parse(o);
+        } catch {
+          e = await a();
         }
-      } else {
-        pack = await fetchPack();
-      }
-    } else {
-      pack = data;
-    }
-    this.resources[lang] = pack;
-    updateStore(this.store);
-    if (lang !== this.currentLanguage) {
-      __privateSet(this, _lang, lang, lang_set);
-    }
-    if (this.cache === true) {
-      this.setCache();
-    }
-    return lang;
+      else
+        e = await a();
+    } else
+      e = s;
+    return this.resources[t] = e, nt(this.store), t !== this.currentLanguage && F(this, yt, t, ae), this.cache === !0 && this.setCache(), t;
   }
   resetLanguage() {
-    if (__privateGet(this, _isMain, isMain_get)) {
-      modules.forEach((i18n) => i18n.resetLanguage());
-    }
-    __privateSet(this, _lang, this.fallbackLanguage, lang_set);
-    if (this.cache) {
-      localStorage.removeItem(__privateGet(this, _cacheCurrentKey, cacheCurrentKey_get));
-    }
-    return this.setLanguage(this.detectLanguage());
+    return g(this, at, At) && xt.forEach((t) => t.resetLanguage()), F(this, yt, this.fallbackLanguage, ae), this.cache && localStorage.removeItem(g(this, mt, oe)), this.setLanguage(this.detectLanguage());
   }
+  // 一般用在 `onChange` 中
   setCache() {
-    if (__privateGet(this, _isMain, isMain_get)) {
-      modules.forEach((i18n) => i18n.setCache());
-    }
-    localStorage.setItem(__privateGet(this, _cacheCurrentKey, cacheCurrentKey_get), this.currentLanguage);
+    g(this, at, At) && xt.forEach((t) => t.setCache()), localStorage.setItem(g(this, mt, oe), this.currentLanguage);
   }
-  createSubModule(name, resources) {
-    const module = new _I18n({
-      resources,
-      cachePrefix: `${this.cachePrefix}-${name}`,
+  createSubModule(t, e) {
+    const s = new yn({
+      resources: e,
+      cachePrefix: `${this.cachePrefix}-${t}`,
       currentLanguage: this.currentLanguage,
       fallbackLanguage: this.fallbackLanguage,
       cache: this.cache
     });
-    modules.add(module);
-    return module;
-  }
+    return xt.add(s), s;
+  }
+  /**
+   * prepare: @connectStore(i18n.store)
+   *
+   * @example
+   *
+   * html`
+   *  <gem-reflect>
+   *    <script type="${i18n.cachePrefix}">${JSON.stringify(i18n)}<\/script>
+   *  </gem-reflect>
+   * `
+   */
   toJSON() {
     return {
       currentLanguage: this.currentLanguage,
@@ -3177,147 +2313,225 @@ const _I18n = class {
     };
   }
 };
-let I18n = _I18n;
-_cacheCurrentKey = new WeakSet();
-cacheCurrentKey_get = function() {
+mt = new WeakSet(), oe = function() {
   return `${this.cachePrefix}:current`;
-};
-_urlParamsLang = new WeakSet();
-urlParamsLang_get = function() {
-  const { hostname, pathname, search } = location;
-  const parts2 = hostname.split(".");
+}, me = new WeakSet(), bs = function() {
+  const { hostname: t, pathname: e, search: s } = location, i = t.split(".");
   switch (this.urlParamsType) {
     case "ccTLD":
-      return parts2.pop();
+      return i.pop();
     case "gTLD":
-      return parts2.shift();
+      return i.shift();
     case "path":
-      return pathname.split("/")[1];
+      return e.split("/")[1];
     default:
-      const fragment = this.urlParamsName && new URLSearchParams(search).get(this.urlParamsName) || "";
-      return fragment in this.resources ? fragment : "";
-  }
-};
-_cacheLang = new WeakSet();
-cacheLang_get = function() {
-  return this.cache && localStorage.getItem(__privateGet(this, _cacheCurrentKey, cacheCurrentKey_get)) || "";
+      const r = this.urlParamsName && new URLSearchParams(s).get(this.urlParamsName) || "";
+      return r in this.resources ? r : "";
+  }
+}, ye = new WeakSet(), Cs = function() {
+  return this.cache && localStorage.getItem(g(this, mt, oe)) || "";
+}, at = new WeakSet(), At = function() {
+  return !xt.has(this);
+}, yt = new WeakSet(), ae = function(t) {
+  var e;
+  g(this, at, At) && (document.documentElement.lang = t), this.currentLanguage = t, (e = this.onChange) == null || e.call(this, t);
 };
-_isMain = new WeakSet();
-isMain_get = function() {
-  return !modules.has(this);
-};
-_lang = new WeakSet();
-lang_set = function(lang) {
-  var _a2;
-  if (__privateGet(this, _isMain, isMain_get)) {
-    document.documentElement.lang = lang;
-  }
-  this.currentLanguage = lang;
-  (_a2 = this.onChange) == null ? void 0 : _a2.call(this, lang);
-};
-const defaultReqInit = {
+let Vn = yn;
+const Wi = {
   headers: {
     "Content-Type": "application/json"
   }
 };
-async function request(uri, options = {}) {
-  const res = await fetch(uri, {
-    ...defaultReqInit,
-    ...options
+async function xe(n, t = {}) {
+  const e = await fetch(n, {
+    ...Wi,
+    ...t
   });
-  if (res.status === 0)
+  if (e.status === 0)
     throw new Error("Request fail");
-  if (res.status >= 500)
-    throw new Error(res.statusText);
+  if (e.status >= 500)
+    throw new Error(e.statusText);
   try {
-    const data = await res.json();
-    if (res.status >= 400)
-      throw new Error((data == null ? void 0 : data.message) || res.statusText, { cause: data });
-    return data;
+    const s = await e.json();
+    if (e.status >= 400)
+      throw new Error((s == null ? void 0 : s.message) || e.statusText, { cause: s });
+    return s;
   } catch {
     throw new Error("Server error");
   }
 }
-const TypedArray = Object.getPrototypeOf(Object.getPrototypeOf(new Int8Array())).constructor;
-function serializationBody(body) {
-  if (body instanceof FormData || body instanceof Blob || body instanceof TypedArray || body instanceof URLSearchParams || body instanceof ReadableStream || body instanceof ArrayBuffer) {
-    return body;
-  }
-  if (typeof body === "object") {
-    return JSON.stringify(body);
-  }
-  return body;
+const Ii = Object.getPrototypeOf(Object.getPrototypeOf(new Int8Array())).constructor;
+function Ps(n) {
+  return n instanceof FormData || n instanceof Blob || n instanceof Ii || n instanceof URLSearchParams || n instanceof ReadableStream || n instanceof ArrayBuffer ? n : typeof n == "object" ? JSON.stringify(n) : n;
 }
-function serializationUrl(url, params) {
-  const { origin, pathname, search } = new URL(url, location.origin);
-  const query = new URLSearchParams(params).toString();
-  return `${origin}${pathname}${search ? `${search}&` : query ? "?" : ""}${query}`;
+function $s(n, t) {
+  const { origin: e, pathname: s, search: i } = new URL(n, location.origin), r = new URLSearchParams(t).toString();
+  return `${e}${s}${i ? `${i}&` : r ? "?" : ""}${r}`;
 }
-function get(url, params) {
-  return request(serializationUrl(url, params), { method: "GET" });
+function ir(n, t) {
+  return xe($s(n, t), { method: "GET" });
 }
-function del(url, params) {
-  return request(serializationUrl(url, params), { method: "DELETE" });
+function rr(n, t) {
+  return xe($s(n, t), { method: "DELETE" });
 }
-function put(url, body) {
-  return request(url, { method: "PUT", body: serializationBody(body) });
+function or(n, t) {
+  return xe(n, { method: "PUT", body: Ps(t) });
 }
-function post(url, body) {
-  return request(url, { method: "POST", body: serializationBody(body) });
+function ar(n, t) {
+  return xe(n, { method: "POST", body: Ps(t) });
 }
-const match = (query) => window.matchMedia(query).matches;
-const mediaQuery = {
+const L = (n) => window.matchMedia(n).matches, cr = {
   PRINT: "print",
   get isPrint() {
-    return match(this.PRINT);
+    return L(this.PRINT);
   },
   HOVER: "(hover: hover)",
   get isHover() {
-    return match(this.HOVER);
+    return L(this.HOVER);
   },
   PWA: "(display-mode: standalone)",
+  // PWA: '(display-mode: browser)', // debugging
   get isPWA() {
-    return match(this.PWA);
+    return L(this.PWA);
   },
   MOTION_REDUCE: "(prefers-reduced-motion: reduce)",
   get isMotionReduce() {
-    return match(this.MOTION_REDUCE);
+    return L(this.MOTION_REDUCE);
   },
   DATA_REDUCE: "(prefers-reduced-data: reduce)",
   get isDataReduce() {
-    return match(this.DATA_REDUCE);
+    return L(this.DATA_REDUCE);
   },
   WATCH: "(width < 320px)",
   get isWatch() {
-    return match(this.WATCH);
+    return L(this.WATCH);
   },
   SMALL_PHONE: "(320px <= width <= 480px) and (height <= 640px)",
   get isSmallPhone() {
-    return match(this.SMALL_PHONE);
+    return L(this.SMALL_PHONE);
   },
   PHONE: "(320px <= width <= 480px)",
   get isPhone() {
-    return match(this.PHONE);
+    return L(this.PHONE);
   },
   PHONE_LANDSCAPE: "(480px < width < 960px) and (orientation: landscape)",
+  // PHONE_LANDSCAPE: '(480px < width < 960px)',
   get isPhoneLandscape() {
-    return match(this.PHONE_LANDSCAPE);
+    return L(this.PHONE_LANDSCAPE);
   },
+  // Widget
   SHORT: "(width >= 480px) and (height <= 320px)",
   get isShort() {
-    return match(this.SHORT);
+    return L(this.SHORT);
   },
+  // 1280 x 850
+  // 1024 x 768
   TABLET: "(480px < width <= 1280px)",
   get isTablet() {
-    return match(this.TABLET);
+    return L(this.TABLET);
   },
+  // 1366x768
   DESKTOP: "(width > 1280px) and (orientation: landscape)",
   get isDesktop() {
-    return match(this.DESKTOP);
+    return L(this.DESKTOP);
   },
+  // 1920x1080
   WIDTHSCREEN: "(width >= 1920px) and (orientation: landscape)",
   get isWidthScreen() {
-    return match(this.WIDTHSCREEN);
+    return L(this.WIDTHSCREEN);
   }
 };
-export { GemActiveLinkElement, GemDialogBaseElement, GemElement, GemError, GemLightRouteElement, GemLinkElement, GemReflectElement, GemRouteElement, GemTitleElement, GemUnsafeElement, GemUseElement, I18n, LinkedList, PREFIX, PropProxyMap, QueryString, SUFFIX, SVGTemplateResult, SheetToken, StoreListenerMap, TemplateResult, absoluteLocation, addListener, addMicrotask, addMicrotaskToStack, adoptedStyle, attribute, basePathStore, boolattribute, camelToKebabCase, classMap, cleanObject, connect, connectStore, createCSSSheet, createHistoryParams, createModalClass, createPath, createStore, createTheme, css, customElement, defaultReqInit, defineAttribute, defineCSSState, defineProperty, defineRef, del, directive, disconnect, emitter, exportPartsMap, get, getThemeProps, getThemeStore, globalemitter, guard, history, html, ifDefined, isArrayChange, kebabToCamelCase, matchPath, mediaQuery, nativeDefineElement, numattribute, objectMapToString, part, partMap, post, property, put, randomStr, raw, refobject, removeItems, render, repeat, request, rootElement, slot, splice, state, styleMap, styled, svg, titleStore, updateStore, updateTheme, useStore, useTheme, version };
+export {
+  Ut as GemActiveLinkElement,
+  fe as GemDialogBaseElement,
+  A as GemElement,
+  tt as GemError,
+  hi as GemLightRouteElement,
+  x as GemLinkElement,
+  gn as GemReflectElement,
+  ds as GemRouteElement,
+  Nt as GemTitleElement,
+  pn as GemUnsafeElement,
+  Bt as GemUseElement,
+  Vn as I18n,
+  qs as LinkedList,
+  mi as PREFIX,
+  Us as PropProxyMap,
+  It as QueryString,
+  yi as SUFFIX,
+  Gn as SVGTemplateResult,
+  Yn as SheetToken,
+  Vt as StoreListenerMap,
+  _e as TemplateResult,
+  zn as absoluteLocation,
+  Jn as addListener,
+  I as addMicrotask,
+  Di as addMicrotaskToStack,
+  Xi as adoptedStyle,
+  C as attribute,
+  ii as basePathStore,
+  es as boolattribute,
+  j as camelToKebabCase,
+  Bs as classMap,
+  Ze as cleanObject,
+  ct as connect,
+  hn as connectStore,
+  Ui as createCSSSheet,
+  ci as createHistoryParams,
+  er as createModalClass,
+  dn as createPath,
+  Ft as createStore,
+  ki as createTheme,
+  qi as css,
+  tr as customElement,
+  Wi as defaultReqInit,
+  nn as defineAttribute,
+  rn as defineCSSState,
+  Dt as defineProperty,
+  sn as defineRef,
+  rr as del,
+  we as directive,
+  Ki as disconnect,
+  Se as emitter,
+  Bi as exportPartsMap,
+  ir as get,
+  nr as getThemeProps,
+  Ti as getThemeStore,
+  Qi as globalemitter,
+  Ys as guard,
+  y as history,
+  G as html,
+  Qn as ifDefined,
+  js as isArrayChange,
+  ot as kebabToCamelCase,
+  ls as matchPath,
+  cr as mediaQuery,
+  on as nativeDefineElement,
+  Ji as numattribute,
+  tn as objectMapToString,
+  Xs as part,
+  Fi as partMap,
+  ar as post,
+  N as property,
+  or as put,
+  ve as randomStr,
+  Jt as raw,
+  zi as refobject,
+  Fs as removeItems,
+  Kn as render,
+  Js as repeat,
+  xe as request,
+  Zi as rootElement,
+  Yi as slot,
+  Hi as splice,
+  cn as state,
+  ji as styleMap,
+  Gi as styled,
+  Vs as svg,
+  qt as titleStore,
+  nt as updateStore,
+  Li as updateTheme,
+  en as useStore,
+  sr as useTheme,
+  Ks as version
+};