ranui 0.2.1-alpha.5 → 0.4.1-alpha.2

package/dist/icon-BoaQYEij.js

@@ -0,0 +1,318 @@
+import { n as o } from "./rolldown-runtime-DkpYurw3.js";
+import { _, i as b } from "./factory-Ce9hR27Y.js";
+import { t as k } from "./events-C59wGdni.js";
+import { a as x, n as A } from "./ssr-vZNJHtYm.js";
+import { a as l, n as z, o as S, r, t as C } from "./utils-DqjNwwjC.js";
+var I = ".remove-wap-active-focus{outline:0;-webkit-tap-highlight-color:transparent}.remove-wap-active-focus:active,.remove-wap-active-focus:focus{outline:0;-webkit-tap-highlight-color:transparent}:host{display:var(--ran-icon-host-display, inline-flex)}:host([spin]){animation-name:var(--ran-icon-host-spin-animation-name, rotate);animation-duration:var(--ran-icon-host-spin-animation-name, 1.4s);animation-timing-function:linear;animation-iteration-count:var(--ran-icon-host-spin-animation-name, infinite)}.ran-icon{display:var(--ran-icon-display, flex);align-items:var(--ran-icon-align-items, center);justify-content:var(--ran-icon-justify-content, center);color:var(--ran-icon-color, inherit);font-size:var(--ran-icon-font-size, 1em);margin:var(--ran-icon-margin, 0)}.ran-icon svg{width:var(--ran-icon-svg-width, 1em);height:var(--ran-icon-svg-height, 1em);fill:var(--ran-icon-svg-fill, currentColor);stroke:var(--ran-icon-svg-stroke, currentColor)}@keyframes rotate{to{transform:var(--ran-icon-keyframes-to-transform, rotate(360deg))}}", j = /* @__PURE__ */ o({ default: () => h }), h = {
+  success: !0,
+  _identification: !0,
+  data: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect x="9" y="9" width="13" height="13" rx="2"/><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/></g></svg>'
+}, D = /* @__PURE__ */ o({ default: () => d }), d = {
+  success: !0,
+  _identification: !0,
+  data: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></g></svg>'
+}, E = /* @__PURE__ */ o({ default: () => u }), u = {
+  success: !0,
+  _identification: !0,
+  data: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" y1="15" x2="12" y2="3"/></g></svg>'
+}, L = /* @__PURE__ */ o({ default: () => v }), v = {
+  success: !0,
+  _identification: !0,
+  data: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3M8 21H5a2 2 0 0 1-2-2v-3m18 0v3a2 2 0 0 1-2 2h-3"/></g></svg>'
+}, P = /* @__PURE__ */ o({ default: () => f }), f = {
+  success: !0,
+  _identification: !0,
+  data: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/><line x1="11" y1="8" x2="11" y2="14"/><line x1="8" y1="11" x2="14" y2="11"/></g></svg>'
+}, M = /* @__PURE__ */ o({ default: () => g }), g = {
+  success: !0,
+  _identification: !0,
+  data: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/><line x1="8" y1="11" x2="14" y2="11"/></g></svg>'
+}, B = /* @__PURE__ */ o({ default: () => p }), p = {
+  success: !0,
+  _identification: !0,
+  data: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><polyline points="23 4 23 10 17 10"/><polyline points="1 20 1 14 7 14"/><path d="M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15"/></g></svg>'
+}, $ = {
+  copy: h,
+  check: d,
+  download: u,
+  fullscreen: v,
+  "zoom-in": f,
+  "zoom-out": g,
+  refresh: p
+}, N = !1, m = /* @__PURE__ */ new Map(), c = !1, a = (e) => /<svg[\s>]/i.test(e), R = (e) => {
+  if (typeof e == "string") return a(e) ? e : void 0;
+  if (!e || typeof e != "object") return;
+  const t = e, s = t.data;
+  if (typeof s == "string" && a(s)) return s;
+  const i = t.default;
+  if (typeof i == "string" && a(i)) return i;
+  if (i && typeof i == "object") {
+    const n = i;
+    if (typeof n.data == "string" && a(n.data)) return n.data;
+  }
+}, w = (e, t) => {
+  c = !0;
+  const s = R(t);
+  s && (m.set(`inline:${e}`, s), typeof window < "u" && window.dispatchEvent(new CustomEvent("ranui-icon-registered", { detail: { name: e } })));
+}, T = (e) => {
+  c = !0, Object.entries(e).forEach(([t, s]) => {
+    w(t, s);
+  });
+};
+T($);
+var H = /* @__PURE__ */ Object.assign({
+  "../../assets/icons/add-user.svg": () => import("./add-user-WnpaBGEK.js").then((e) => e.n).then((e) => e.default),
+  "../../assets/icons/arrow-down.svg": () => import("./arrow-down-DrjnnTe1.js").then((e) => e.n).then((e) => e.default),
+  "../../assets/icons/book.svg": () => import("./book-CkgJlJ4n.js").then((e) => e.n).then((e) => e.default),
+  "../../assets/icons/check-circle-fill.svg": () => import("./check-circle-fill-eBwMoYEo.js").then((e) => e.n).then((e) => e.default),
+  "../../assets/icons/check-circle.svg": () => import("./check-circle-Dpkv0_9Z.js").then((e) => e.n).then((e) => e.default),
+  "../../assets/icons/check.svg": () => Promise.resolve().then(() => D).then((e) => e.default),
+  "../../assets/icons/close-circle-fill.svg": () => import("./close-circle-fill-OiY9CVOv.js").then((e) => e.n).then((e) => e.default),
+  "../../assets/icons/close-circle.svg": () => import("./close-circle-DZZJhaf-.js").then((e) => e.n).then((e) => e.default),
+  "../../assets/icons/close.svg": () => import("./close-CDF9aHTU.js").then((e) => e.n).then((e) => e.default),
+  "../../assets/icons/copy.svg": () => Promise.resolve().then(() => j).then((e) => e.default),
+  "../../assets/icons/download.svg": () => Promise.resolve().then(() => E).then((e) => e.default),
+  "../../assets/icons/drop.svg": () => import("./drop-DU-RgWR1.js").then((e) => e.n).then((e) => e.default),
+  "../../assets/icons/eye-close.svg": () => import("./eye-close-pVr4NTjX.js").then((e) => e.n).then((e) => e.default),
+  "../../assets/icons/eye.svg": () => import("./eye-j7jzy-2Y.js").then((e) => e.n).then((e) => e.default),
+  "../../assets/icons/fullscreen.svg": () => Promise.resolve().then(() => L).then((e) => e.default),
+  "../../assets/icons/github.svg": () => import("./github-BjP57_Xw.js").then((e) => e.n).then((e) => e.default),
+  "../../assets/icons/globe.svg": () => import("./globe-0D8896Sf.js").then((e) => e.n).then((e) => e.default),
+  "../../assets/icons/home.svg": () => import("./home-COHVdQmi.js").then((e) => e.n).then((e) => e.default),
+  "../../assets/icons/info-circle-fill.svg": () => import("./info-circle-fill-D5WjbRhd.js").then((e) => e.n).then((e) => e.default),
+  "../../assets/icons/info-circle.svg": () => import("./info-circle-Ciy6yKz-.js").then((e) => e.n).then((e) => e.default),
+  "../../assets/icons/issue.svg": () => import("./issue-DF89eLmN.js").then((e) => e.n).then((e) => e.default),
+  "../../assets/icons/loading-scene.svg": () => import("./loading-scene-nEgp25AV.js").then((e) => e.n).then((e) => e.default),
+  "../../assets/icons/loading.svg": () => import("./loading-_bxcEaz0.js").then((e) => e.n).then((e) => e.default),
+  "../../assets/icons/lock.svg": () => import("./lock-Dw1hWtdP.js").then((e) => e.n).then((e) => e.default),
+  "../../assets/icons/menu.svg": () => import("./menu-DQpdpBLB.js").then((e) => e.n).then((e) => e.default),
+  "../../assets/icons/message.svg": () => import("./message-BFv9-X-4.js").then((e) => e.n).then((e) => e.default),
+  "../../assets/icons/more.svg": () => import("./more-l0-w-c99.js").then((e) => e.n).then((e) => e.default),
+  "../../assets/icons/plus.svg": () => import("./plus-C91b38f6.js").then((e) => e.n).then((e) => e.default),
+  "../../assets/icons/power-off.svg": () => import("./power-off-CM1fKRrr.js").then((e) => e.n).then((e) => e.default),
+  "../../assets/icons/preview.svg": () => import("./preview-CAEhg4Xl.js").then((e) => e.n).then((e) => e.default),
+  "../../assets/icons/refresh.svg": () => Promise.resolve().then(() => B).then((e) => e.default),
+  "../../assets/icons/search.svg": () => import("./search-Bci4TKOK.js").then((e) => e.n).then((e) => e.default),
+  "../../assets/icons/setting.svg": () => import("./setting-RhW6oH2c.js").then((e) => e.n).then((e) => e.default),
+  "../../assets/icons/sort.svg": () => import("./sort-tAqAKb3x.js").then((e) => e.n).then((e) => e.default),
+  "../../assets/icons/sprite.svg": () => import("./sprite-ICuni2rO.js").then((e) => e.n).then((e) => e.default),
+  "../../assets/icons/team.svg": () => import("./team-oJOYGlHy.js").then((e) => e.n).then((e) => e.default),
+  "../../assets/icons/unlock.svg": () => import("./unlock-DMG2IKZP.js").then((e) => e.n).then((e) => e.default),
+  "../../assets/icons/user.svg": () => import("./user-BvjpVTOP.js").then((e) => e.n).then((e) => e.default),
+  "../../assets/icons/warning-circle-fill.svg": () => import("./warning-circle-fill-CNmn_n74.js").then((e) => e.n).then((e) => e.default),
+  "../../assets/icons/warning-circle.svg": () => import("./warning-circle-2Ni7fSPp.js").then((e) => e.n).then((e) => e.default),
+  "../../assets/icons/without-content.svg": () => import("./without-content-C7ATBu1N.js").then((e) => e.n).then((e) => e.default),
+  "../../assets/icons/zoom-in.svg": () => Promise.resolve().then(() => P).then((e) => e.default),
+  "../../assets/icons/zoom-out.svg": () => Promise.resolve().then(() => M).then((e) => e.default)
+}), y = {};
+for (const [e, t] of Object.entries(H)) {
+  const s = e.split("/").pop()?.replace(/\.svg$/, "");
+  s && s !== "sprite" && (y[s] = t);
+}
+var q = [
+  "add-user",
+  "arrow-down",
+  "book",
+  "check",
+  "check-circle",
+  "check-circle-fill",
+  "close",
+  "close-circle",
+  "close-circle-fill",
+  "copy",
+  "download",
+  "drop",
+  "eye",
+  "eye-close",
+  "fullscreen",
+  "github",
+  "globe",
+  "home",
+  "info-circle",
+  "info-circle-fill",
+  "issue",
+  "loading",
+  "loading-scene",
+  "lock",
+  "menu",
+  "message",
+  "more",
+  "plus",
+  "power-off",
+  "preview",
+  "refresh",
+  "search",
+  "setting",
+  "sort",
+  "team",
+  "unlock",
+  "user",
+  "warning-circle",
+  "warning-circle-fill",
+  "without-content",
+  "zoom-in",
+  "zoom-out"
+], O = class extends A {
+  isDev = N;
+  _events = new k();
+  static get observedAttributes() {
+    return [
+      "name",
+      "size",
+      "color",
+      "spin",
+      "decorative",
+      "aria-label",
+      "sheet"
+    ];
+  }
+  _icon;
+  _div;
+  _shadowDom;
+  _onIconRegistered = (e) => {
+    const t = e.detail?.name;
+    t && t === this.name && !this._icon && this.setIcon();
+  };
+  constructor() {
+    super(), this._shadowDom = z(this, I);
+    const e = C(this._shadowDom, ".ran-icon", () => b().class("ran-icon").part("ran-icon").build());
+    this._div = e;
+  }
+  get name() {
+    return r(this, "name");
+  }
+  set name(e) {
+    e && this.setAttribute("name", e);
+  }
+  get size() {
+    return r(this, "size");
+  }
+  set size(e) {
+    e && this.setAttribute("size", e);
+  }
+  get color() {
+    return r(this, "color");
+  }
+  set color(e) {
+    e && this.setAttribute("color", e);
+  }
+  get spin() {
+    return this.hasAttribute("spin");
+  }
+  set spin(e) {
+    e ? this.setAttribute("spin", "") : this.removeAttribute("spin");
+  }
+  get decorative() {
+    const e = this.getAttribute("decorative");
+    return e == null ? !this.hasAttribute("aria-label") : e !== "false" && e !== "0";
+  }
+  set decorative(e) {
+    this.setAttribute("decorative", e ? "true" : "false");
+  }
+  get ariaLabel() {
+    return r(this, "aria-label");
+  }
+  set ariaLabel(e) {
+    l(this, "aria-label", e, { removeEmpty: !0 });
+  }
+  get sheet() {
+    return r(this, "sheet");
+  }
+  set sheet(e) {
+    l(this, "sheet", e);
+  }
+  handlerExternalCss = () => {
+    S(this, this._shadowDom, "sheet", null, this.sheet);
+  };
+  syncA11y = () => {
+    if (this._icon) {
+      if (this.decorative) {
+        this.setAttribute("aria-hidden", "true"), this.removeAttribute("role"), this._icon.setAttribute("aria-hidden", "true"), this._icon.setAttribute("focusable", "false");
+        return;
+      }
+      this.removeAttribute("aria-hidden"), this.setAttribute("role", "img"), this._icon.removeAttribute("aria-hidden"), this._icon.setAttribute("focusable", "false");
+    }
+  };
+  setIcon = () => {
+    if (typeof document > "u") return;
+    this._icon && (this._icon.remove(), this._icon = void 0);
+    const e = this.name;
+    if (e) if (e.startsWith("<svg")) this.renderSvg(e, e);
+    else try {
+      const t = `inline:${e}`, s = m.get(t);
+      if (!s) {
+        const i = y[e];
+        if (i) {
+          this.lazyLoadBuiltinIcon(e, i);
+          return;
+        }
+        this.isDev && c && console.warn(`[ranui-icon] icon not registered: ${e}`);
+        return;
+      }
+      s && this.isSvgText(s) ? this.renderSvg(s, e) : this.isDev && console.warn(`[ranui-icon] invalid svg text: ${e}`);
+    } catch (t) {
+      this.isDev && console.warn(`[ranui-icon] render icon failed: ${e}`, t);
+    }
+  };
+  lazyLoadBuiltinIcon = (e, t) => {
+    t().then((s) => {
+      w(e, s);
+    }).catch((s) => {
+      this.isDev && console.warn(`[ranui-icon] lazy load builtin failed: ${e}`, s);
+    });
+  };
+  isSvgText = (e) => a(e);
+  parseSvg = (e) => {
+    const t = new window.DOMParser().parseFromString(e, "image/svg+xml").documentElement;
+    if (!t || t.tagName.toLowerCase() === "parsererror" || t.tagName.toLowerCase() !== "svg") return;
+    const s = new XMLSerializer().serializeToString(t), i = _("template").build();
+    i.innerHTML = s.trim();
+    const n = i.content.firstElementChild;
+    if (!(!n || n.tagName.toLowerCase() !== "svg"))
+      return n;
+  };
+  renderSvg = (e, t) => {
+    const s = this.parseSvg(e);
+    s ? (this._icon = s, this._icon.setAttribute("part", "icon-svg"), this._icon.setAttribute("data-name", t), this._div.appendChild(this._icon), this.setSize(), this.setColor(), this.setSpin(), this.syncA11y()) : this.isDev && console.warn(`[ranui-icon] parse svg failed: ${t}`);
+  };
+  setSize = () => {
+    if (this._icon) {
+      const e = this.size || "1em";
+      this._icon.setAttribute("width", e), this._icon.setAttribute("height", e);
+      const t = /^\d+(\.\d+)?$/.test(e) ? `${e}px` : e;
+      this._icon.style.setProperty("width", t), this._icon.style.setProperty("height", t);
+    }
+  };
+  setColor = () => {
+    if (this._icon) {
+      const e = this.color || "currentColor";
+      this._icon.style.setProperty("color", e), this._icon.style.setProperty("fill", e), this._icon.style.setProperty("stroke", e);
+    }
+  };
+  setSpin = () => {
+    this.spin ? this._div.classList.add("ran-icon-spin") : this._div.classList.remove("ran-icon-spin");
+  };
+  connectedCallback() {
+    this._events.on(window, "ranui-icon-registered", this._onIconRegistered), this.handlerExternalCss(), this.setIcon();
+  }
+  disconnectedCallback() {
+    this._events.abort();
+  }
+  attributeChangedCallback(e, t, s) {
+    t !== s && (e === "name" && this.setIcon(), e === "size" && this.setSize(), e === "color" && this.setColor(), e === "spin" && this.setSpin(), (e === "decorative" || e === "aria-label") && this.syncA11y(), e === "sheet" && this.handlerExternalCss());
+  }
+};
+x("r-icon", O);
+export {
+  p as a,
+  v as c,
+  h as d,
+  T as i,
+  u as l,
+  q as n,
+  g as o,
+  w as r,
+  f as s,
+  O as t,
+  d as u
+};

package/dist/icon.js

@@ -1,4 +1,4 @@
-import { i as s, n as o, r as e, t } from "./icon-GZrfSeon.js";
+import { i as s, n as o, r as e, t } from "./icon-BoaQYEij.js";
 export {
   t as Icon,
   o as RAN_ICON_NAMES,

package/dist/icons.js

@@ -1,5 +1,93 @@
-import { n as t, t as i } from "./builtin-1lUEp_ro.js";
+import { a, c as i, d as r, i as c, l, o as f, s as m, u as n } from "./icon-BoaQYEij.js";
+import { t as u } from "./check-circle-fill-eBwMoYEo.js";
+import { t as _ } from "./close-circle-fill-OiY9CVOv.js";
+import { t as g } from "./info-circle-fill-D5WjbRhd.js";
+import { t as d } from "./warning-circle-fill-CNmn_n74.js";
+import { t as p } from "./arrow-down-DrjnnTe1.js";
+import { t as v } from "./add-user-WnpaBGEK.js";
+import { t as h } from "./book-CkgJlJ4n.js";
+import { t as w } from "./check-circle-Dpkv0_9Z.js";
+import { t as k } from "./close-circle-DZZJhaf-.js";
+import { t as b } from "./close-CDF9aHTU.js";
+import { t as y } from "./drop-DU-RgWR1.js";
+import { t as I } from "./eye-close-pVr4NTjX.js";
+import { t as z } from "./eye-j7jzy-2Y.js";
+import { t as O } from "./github-BjP57_Xw.js";
+import { t as j } from "./globe-0D8896Sf.js";
+import { t as N } from "./home-COHVdQmi.js";
+import { t as B } from "./info-circle-Ciy6yKz-.js";
+import { t as x } from "./issue-DF89eLmN.js";
+import { t as A } from "./loading-scene-nEgp25AV.js";
+import { t as C } from "./loading-_bxcEaz0.js";
+import { t as E } from "./lock-Dw1hWtdP.js";
+import { t as L } from "./menu-DQpdpBLB.js";
+import { t as M } from "./message-BFv9-X-4.js";
+import { t as S } from "./more-l0-w-c99.js";
+import { t as T } from "./plus-C91b38f6.js";
+import { t as U } from "./power-off-CM1fKRrr.js";
+import { t as $ } from "./preview-CAEhg4Xl.js";
+import { t as q } from "./search-Bci4TKOK.js";
+import { t as D } from "./setting-RhW6oH2c.js";
+import { t as F } from "./sort-tAqAKb3x.js";
+import { t as G } from "./sprite-ICuni2rO.js";
+import { t as H } from "./team-oJOYGlHy.js";
+import { t as J } from "./unlock-DMG2IKZP.js";
+import { t as K } from "./user-BvjpVTOP.js";
+import { t as P } from "./warning-circle-2Ni7fSPp.js";
+import { t as Q } from "./without-content-C7ATBu1N.js";
+var R = /* @__PURE__ */ Object.assign({
+  "../../assets/icons/add-user.svg": v,
+  "../../assets/icons/arrow-down.svg": p,
+  "../../assets/icons/book.svg": h,
+  "../../assets/icons/check-circle-fill.svg": u,
+  "../../assets/icons/check-circle.svg": w,
+  "../../assets/icons/check.svg": n,
+  "../../assets/icons/close-circle-fill.svg": _,
+  "../../assets/icons/close-circle.svg": k,
+  "../../assets/icons/close.svg": b,
+  "../../assets/icons/copy.svg": r,
+  "../../assets/icons/download.svg": l,
+  "../../assets/icons/drop.svg": y,
+  "../../assets/icons/eye-close.svg": I,
+  "../../assets/icons/eye.svg": z,
+  "../../assets/icons/fullscreen.svg": i,
+  "../../assets/icons/github.svg": O,
+  "../../assets/icons/globe.svg": j,
+  "../../assets/icons/home.svg": N,
+  "../../assets/icons/info-circle-fill.svg": g,
+  "../../assets/icons/info-circle.svg": B,
+  "../../assets/icons/issue.svg": x,
+  "../../assets/icons/loading-scene.svg": A,
+  "../../assets/icons/loading.svg": C,
+  "../../assets/icons/lock.svg": E,
+  "../../assets/icons/menu.svg": L,
+  "../../assets/icons/message.svg": M,
+  "../../assets/icons/more.svg": S,
+  "../../assets/icons/plus.svg": T,
+  "../../assets/icons/power-off.svg": U,
+  "../../assets/icons/preview.svg": $,
+  "../../assets/icons/refresh.svg": a,
+  "../../assets/icons/search.svg": q,
+  "../../assets/icons/setting.svg": D,
+  "../../assets/icons/sort.svg": F,
+  "../../assets/icons/sprite.svg": G,
+  "../../assets/icons/team.svg": H,
+  "../../assets/icons/unlock.svg": J,
+  "../../assets/icons/user.svg": K,
+  "../../assets/icons/warning-circle-fill.svg": d,
+  "../../assets/icons/warning-circle.svg": P,
+  "../../assets/icons/without-content.svg": Q,
+  "../../assets/icons/zoom-in.svg": m,
+  "../../assets/icons/zoom-out.svg": f
+}), t = {};
+for (const [o, e] of Object.entries(R)) {
+  const s = o.split("/").pop()?.replace(/\.svg$/, "");
+  s && s !== "sprite" && (t[s] = e);
+}
+var Es = Object.keys(t).sort(), Ls = () => {
+  c(t);
+};
 export {
-  i as BUILTIN_ICON_NAMES,
-  t as registerBuiltinIcons
+  Es as BUILTIN_ICON_NAMES,
+  Ls as registerBuiltinIcons
 };

package/dist/iife/button.iife.js

@@ -1 +1 @@
-var ranui_button=(function(e){Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var t=class{_events=new Map;tap=(e,t)=>{this._events.get(e)&&e!==Symbol.for(`NEW_LISTENER`)&&this.call(Symbol.for(`NEW_LISTENER`),e);let n=this._events.get(e)||new Set;return typeof t==`function`?n.add({name:e,callback:t}):n.add(t),this._events.set(e,n),this};call=(e,...t)=>((this._events.get(e)||new Set).forEach(e=>{let{callback:n}=e;n(...t)}),this);callSync=async(e,...t)=>{let n=this._events.get(e)||new Set;for(let e of n){let{callback:n}=e;await n(...t)}return this};once=(e,t)=>{let n;if(typeof t==`function`)n={name:e,callback:(...r)=>{t(...r),this.off(e,n)},initialCallback:t};else{let{callback:r}=t;n={name:e,callback:(...t)=>{r(...t),this.off(e,n)},initialCallback:r}}return this.tap(e,n),this};off=(e,t)=>{let n=[...this._events.get(e)||new Set].filter(e=>{if(typeof t==`function`)return e.callback!==t&&e.initialCallback!==t;{let{callback:n}=t;return e.callback!==n&&e.initialCallback!==n}});return this._events.set(e,new Set(n)),this}},n=(e=8)=>Math.random().toString(36).substring(2,e+2),r=e=>typeof e==`function`,i=()=>{if(typeof window<`u`){let e=navigator.userAgent.toLowerCase();return/ipad|ipod/.test(e)?`ipad`:/android/.test(e)?`android`:/iphone/.test(e)?`iphone`:`pc`}return`pc`},a=12e4,o=`__ranuts_bridge__`,s=`default`,c=new class{bridges=new Set;attachedWindow=null;handleMessage=e=>{for(let t of Array.from(this.bridges))t.receive(e)};add(e){this.bridges.add(e),typeof window<`u`&&this.attachedWindow!==window&&(window.addEventListener(`message`,this.handleMessage),this.attachedWindow=window)}remove(e){this.bridges.delete(e),this.bridges.size===0&&this.attachedWindow&&(this.attachedWindow.removeEventListener(`message`,this.handleMessage),this.attachedWindow=null)}},l=class{targetWindow;targetOrigin;messageHandlers;pendingRequests;channel;senderId;available;constructor(e,t=`*`,r=s){this.targetOrigin=t,this.channel=r,this.senderId=n(12),this.messageHandlers=new Map,this.pendingRequests=new Map,this.available=typeof window<`u`,this.available?(this.targetWindow=e??window,c.add(this)):this.targetWindow=void 0}post(e,t){let n={...t,__bridge:o,channel:this.channel,senderId:this.senderId};e.postMessage(n,this.targetOrigin)}receive=e=>{if(!this.available||this.targetOrigin!==`*`&&e.origin!==this.targetOrigin||e.source&&e.source!==this.targetWindow)return;let t=e.data;if(!t||typeof t!=`object`||t.__bridge!==`__ranuts_bridge__`||(t.channel??`default`)!==this.channel)return;let{type:n,payload:i,id:a,isResponse:o,isError:s,senderId:c}=t;if(o&&a){let e=this.pendingRequests.get(a);e&&(s?e.reject(Error(typeof i==`string`?i:`Bridge request failed`)):e.resolve(i),this.pendingRequests.delete(a));return}if(c&&c===this.senderId||typeof n!=`string`||!this.messageHandlers.has(n))return;let l=this.messageHandlers.get(n);if(r(l)){let t=e.source??this.targetWindow;Promise.resolve(l(i)).then(e=>{a&&this.post(t,{type:n,payload:e,id:a,isResponse:!0})}).catch(e=>{a&&this.post(t,{type:n,payload:e instanceof Error?e.message:String(e),id:a,isResponse:!0,isError:!0})})}};on=(e,t)=>{this.messageHandlers.set(e,t)};off=e=>{this.messageHandlers.delete(e)};send=async(e,t)=>{if(!this.available)return Promise.reject(Error(`PostMessageBridge is unavailable outside a browser environment`));let r=n(10);return new Promise((n,i)=>{let o=setTimeout(()=>{this.pendingRequests.has(r)&&(this.pendingRequests.delete(r),i(Error(`Request timeout`)))},a),s=e=>{clearTimeout(o),i(e)};this.pendingRequests.set(r,{resolve:e=>{clearTimeout(o),n(e)},reject:s});try{this.post(this.targetWindow,{type:e,payload:t,id:r})}catch(e){this.pendingRequests.delete(r),s(e instanceof Error?e:Error(`Failed to post message`))}})};broadcast=e=>{if(this.available)try{this.post(this.targetWindow,{type:e.type,payload:e.payload})}catch{}};destroy=()=>{c.remove(this),this.messageHandlers.clear(),this.pendingRequests.forEach(e=>{e.reject(Error(`Bridge destroyed`))}),this.pendingRequests.clear()}};(class e{static instance;bridges=new Map;constructor(){}static getInstance(){return e.instance||=new e,e.instance}connectClient=({id:e,targetOrigin:t,targetWindow:r,channel:i})=>{let a=new l(r,t,i);if(e||=n(10),this.bridges.has(e))throw Error(`Bridge ${e} already exists`);return this.bridges.set(e,a),{bridge:a,id:e}};getClient=e=>this.bridges.get(e);removeClient=e=>{let t=this.bridges.get(e);t&&(t.destroy(),this.bridges.delete(e))};removeAllClient=()=>{this.bridges.forEach(e=>{e.destroy()}),this.bridges.clear()};broadcast=e=>{this.bridges.forEach(t=>{t.broadcast(e)})};sendTo=(e,t,n)=>{let r=this.getClient(e);return r?r.send(t,n):Promise.reject(Error(`Bridge ${e} not found`))}}).getInstance(),new t;var u=[1116352408,1899447441,3049323471,3921009573,961987163,1508970993,2453635748,2870763221,3624381080,310598401,607225278,1426881987,1925078388,2162078206,2614888103,3248222580,3835390401,4022224774,264347078,604807628,770255983,1249150122,1555081692,1996064986,2554220882,2821834349,2952996808,3210313671,3336571891,3584528711,113926993,338241895,666307205,773529912,1294757372,1396182291,1695183700,1986661051,2177026350,2456956037,2730485921,2820302411,3259730800,3345764771,3516065817,3600352804,4094571909,275423344,430227734,506948616,659060556,883997877,958139571,1322822218,1537002063,1747873779,1955562222,2024104815,2227730452,2361852424,2428436474,2756734187,3204031479,3329325298],d=class{highOrder;lowOrder;constructor(e,t){this.highOrder=e,this.lowOrder=t}};new d(u[0],3609767458),new d(u[1],602891725),new d(u[2],3964484399),new d(u[3],2173295548),new d(u[4],4081628472),new d(u[5],3053834265),new d(u[6],2937671579),new d(u[7],3664609560),new d(u[8],2734883394),new d(u[9],1164996542),new d(u[10],1323610764),new d(u[11],3590304994),new d(u[12],4068182383),new d(u[13],991336113),new d(u[14],633803317),new d(u[15],3479774868),new d(u[16],2666613458),new d(u[17],944711139),new d(u[18],2341262773),new d(u[19],2007800933),new d(u[20],1495990901),new d(u[21],1856431235),new d(u[22],3175218132),new d(u[23],2198950837),new d(u[24],3999719339),new d(u[25],766784016),new d(u[26],2566594879),new d(u[27],3203337956),new d(u[28],1034457026),new d(u[29],2466948901),new d(u[30],3758326383),new d(u[31],168717936),new d(u[32],1188179964),new d(u[33],1546045734),new d(u[34],1522805485),new d(u[35],2643833823),new d(u[36],2343527390),new d(u[37],1014477480),new d(u[38],1206759142),new d(u[39],344077627),new d(u[40],1290863460),new d(u[41],3158454273),new d(u[42],3505952657),new d(u[43],106217008),new d(u[44],3606008344),new d(u[45],1432725776),new d(u[46],1467031594),new d(u[47],851169720),new d(u[48],3100823752),new d(u[49],1363258195),new d(u[50],3750685593),new d(u[51],3785050280),new d(u[52],3318307427),new d(u[53],3812723403),new d(u[54],2003034995),new d(u[55],3602036899),new d(u[56],1575990012),new d(u[57],1125592928),new d(u[58],2716904306),new d(u[59],442776044),new d(u[60],593698344),new d(u[61],3733110249),new d(u[62],2999351573),new d(u[63],3815920427),new d(3391569614,3928383900),new d(3515267271,566280711),new d(3940187606,3454069534),new d(4118630271,4000239992),new d(116418474,1914138554),new d(174292421,2731055270),new d(289380356,3203993006),new d(460393269,320620315),new d(685471733,587496836),new d(852142971,1086792851),new d(1017036298,365543100),new d(1126000580,2618297676),new d(1288033470,3409855158),new d(1501505948,4234509866),new d(1607167915,987167468),new d(1816402316,1246189591),new d(0,1),new d(0,32898),new d(2147483648,32906),new d(2147483648,2147516416),new d(0,32907),new d(0,2147483649),new d(2147483648,2147516545),new d(2147483648,32777),new d(0,138),new d(0,136),new d(0,2147516425),new d(0,2147483658),new d(0,2147516555),new d(2147483648,139),new d(2147483648,32905),new d(2147483648,32771),new d(2147483648,32770),new d(2147483648,128),new d(0,32778),new d(2147483648,2147483658),new d(2147483648,2147516545),new d(2147483648,32896),new d(0,2147483649),new d(2147483648,2147516424);var f=new Map([[100,`Continue`],[101,`Switching Protocols`],[102,`Processing`],[103,`Early Hints`],[200,`OK`],[201,`Created`],[202,`Accepted`],[203,`Non-Authoritative Information`],[204,`No Content`],[205,`Reset Content`],[206,`Partial Content`],[207,`Multi-Status`],[208,`Already Reported`],[226,`IM Used`],[300,`Multiple Choices`],[301,`Moved Permanently`],[302,`Found`],[303,`See Other`],[304,`Not Modified`],[305,`Use Proxy`],[307,`Temporary Redirect`],[308,`Permanent Redirect`],[400,`Bad Request`],[401,`Unauthorized`],[402,`Payment Required`],[403,`Forbidden`],[404,`Not Found`],[405,`Method Not Allowed`],[406,`Not Acceptable`],[407,`Proxy Authentication Required`],[408,`Request Timeout`],[409,`Conflict`],[410,`Gone`],[411,`Length Required`],[412,`Precondition Failed`],[413,`Payload Too Large`],[414,`URI Too Long`],[415,`Unsupported Media Type`],[416,`Range Not Satisfiable`],[417,`Expectation Failed`],[418,`I'm a Teapot`],[421,`Misdirected Request`],[422,`Unprocessable Entity`],[423,`Locked`],[424,`Failed Dependency`],[425,`Too Early`],[426,`Upgrade Required`],[428,`Precondition Required`],[429,`Too Many Requests`],[431,`Request Header Fields Too Large`],[451,`Unavailable For Legal Reasons`],[500,`Internal Server Error`],[501,`Not Implemented`],[502,`Bad Gateway`],[503,`Service Unavailable`],[504,`Gateway Timeout`],[505,`HTTP Version Not Supported`],[506,`Variant Also Negotiates`],[507,`Insufficient Storage`],[508,`Loop Detected`],[509,`Bandwidth Limit Exceeded`],[510,`Not Extended`],[511,`Network Authentication Required`]]);(function(e){let t=new Map;for(let[n,r]of e)t.set(r.toLowerCase(),n);return t})(f),function(e){let t=[];for(let[n,r]of e)t.push(n);return t}(f);var ee=`.remove-wap-active-focus,.remove-wap-active-focus:active,.remove-wap-active-focus:focus{-webkit-tap-highlight-color:transparent;outline:0}:host{box-sizing:var(--ran-btn-box-sizing,border-box);position:var(--ran-btn-position,relative);display:var(--ran-btn-display,inline-flex);background-image:var(--ran-btn-background-image,none);box-shadow:var(--ran-btn-box-shadow,var(--ran-skin-raised-shadow,0 2px #00000004));cursor:var(--ran-btn-cursor,pointer);user-select:var(--ran-btn-user-select,none);touch-action:var(--ran-btn-touch-action,manipulation);overflow:var(--ran-btn-overflow,hidden);pointer-events:var(--ran-btn-pointer-events,auto)}:host .ran-btn{box-sizing:var(--ran-btn-contain-box-sizing,border-box);position:var(--ran-btn-contain-position,relative);display:var(--ran-btn-contain-display,block);background-image:var(--ran-btn-contain-background-image,none);cursor:var(--ran-btn-contain-cursor,pointer);transition:var(--ran-btn-contain-transition,opacity var(--ran-motion-duration-base,.2s) var(--ran-motion-ease-standard,cubic-bezier(.645, .045, .355, 1)));user-select:var(--ran-btn-contain-user-select,none);touch-action:var(--ran-btn-contain-touch-action,manipulation);border-radius:var(--ran-btn-content-border-radius,var(--ran-radius-sm,6px));background:var(--ran-btn-contain-background,var(--ran-color-bg-elevated,#fff))}:host,:host(:active),:host(:focus){-webkit-tap-highlight-color:transparent;outline:0}:host .ran-btn,:host(:active) .ran-btn,:host(:focus) .ran-btn{outline:var(--ran-btn-contain-outline,0)}:host(:focus-visible){outline:var(--ran-btn-focus-outline,2px solid var(--ran-color-primary));outline-offset:var(--ran-btn-focus-outline-offset,2px)}:host([type=primary]) .ran-btn-content{background-color:var(--ran-btn-content-background-color,var(--ran-color-primary,#006bff));background-image:var(--ran-btn-content-background-image,none);border-color:var(--ran-btn-content-border-color,var(--ran-color-primary,#006bff));color:var(--ran-btn-content-color,#fff)}:host([type=primary]:not([disabled])) .ran-btn:after{background-image:var(--ran-btn-after-background-image,radial-gradient(circle, #fff 10%, transparent 10.01%))}:host([type=primary]:not([disabled]):active) .ran-btn-content{background-color:var(--ran-btn-content-active-background-color,var(--ran-color-primary-active,#005ff2));border-color:var(--ran-btn-content-active-border-color,var(--ran-color-primary-active,#005ff2))}:host([type=contrast]) .ran-btn-content{background-color:var(--ran-btn-content-background-color,var(--ran-color-contrast-bg,#171717));background-image:var(--ran-btn-content-background-image,none);border-color:var(--ran-btn-content-border-color,var(--ran-color-contrast-bg,#171717));color:var(--ran-btn-content-color,var(--ran-color-contrast-text,#fff))}:host([type=contrast]:not([disabled])) .ran-btn:after{background-image:var(--ran-btn-after-background-image,radial-gradient(circle, var(--ran-color-contrast-text,#fff) 10%, transparent 10.01%))}:host([type=contrast]:not([disabled]):active) .ran-btn-content{background-color:var(--ran-btn-content-active-background-color,var(--ran-color-contrast-bg-active,#4d4d4d));border-color:var(--ran-btn-content-active-border-color,var(--ran-color-contrast-bg-active,#4d4d4d))}@media (width>=1024px){:host(:not([disabled]):hover) .ran-btn-content{border-color:var(--ran-btn-content-hover-border-color,var(--ran-color-border-hover,#c9c9c9));color:var(--ran-btn-content-hover-color,var(--ran-color-text,#171717))}:host([type=primary]:not([disabled]):hover) .ran-btn-content{background-color:var(--ran-btn-content-hover-background-color,var(--ran-color-primary-hover,#0059ec));border-color:var(--ran-btn-content-hover-border-color,var(--ran-color-primary-hover,#0059ec));color:var(--ran-btn-content-hover-color,#fff)}:host([type=contrast]:not([disabled]):hover) .ran-btn-content{background-color:var(--ran-btn-content-hover-background-color,var(--ran-color-contrast-bg-hover,#383838));border-color:var(--ran-btn-content-hover-border-color,var(--ran-color-contrast-bg-hover,#383838));color:var(--ran-btn-content-hover-color,var(--ran-color-contrast-text,#fff))}:host([type=warning]:not([disabled]):hover) .ran-btn-content{border-color:var(--ran-btn-content-warning-border-color,var(--ran-color-danger,#ff4d4f));background-color:var(--ran-btn-content-warning-background-color,var(--ran-color-danger,#ff4d4f));color:var(--ran-btn-content-warning-color,#fff)}}:host([type=warning]) .ran-btn-content{border-color:var(--ran-btn-content-warning-border-color,var(--ran-color-danger,#ff4d4f));background-color:var(--ran-btn-content-warning-background-color,var(--ran-color-danger,#ff4d4f));background-image:var(--ran-btn-content-background-image,none);color:var(--ran-btn-content-warning-color,#fff)}:host([type=warning]:not([disabled])) .ran-btn:after{background-image:var(--ran-btn-after-background-image,radial-gradient(circle, #fff 10%, transparent 10.01%))}:host([type=text]) .ran-btn-content{border:var(--ran-btn-content-text-border,none)}:host([disabled]){cursor:var(--ran-btn-disabled-cursor,not-allowed);pointer-events:var(--ran-btn-disabled-pointer-events,all);opacity:var(--ran-btn-disabled-opacity,.6)}:host([disabled]) .ran-btn{cursor:var(--ran-btn-disabled-container-cursor,not-allowed);pointer-events:var(--ran-btn-disabled-container-pointer-events,all);opacity:var(--ran-btn-disabled-container-opacity,.6)}:host(:not([disabled]):active) .ran-btn:after{transform:var(--ran-btn-after-transform,translate(-50%, -50%) scale(0));opacity:var(--ran-btn-after-opacity,.3);transition:var(--ran-btn-after-transition,0s)}:host(:not([disabled]):active) .ran-btn-content{transform:var(--ran-btn-content-active-transform,scale(.96))}@media (width>=1024px){:host(:not([disabled],[effect])) .ran-btn:after{content:"";width:100%;height:100%;left:var(--ran-x,0);top:var(--ran-y,0);pointer-events:none;background-image:radial-gradient(circle, var(--ran-gray-alpha-400,#00000014) 10%, transparent 10.01%);opacity:0;background-position:50%;background-repeat:no-repeat;transition:transform .3s,opacity .8s;display:block;position:absolute;transform:translate(-50%,-50%)scale(10)}}:host .slot{display:var(--ran-btn-slot-display,block)}.ran-btn-content{display:var(--ran-btn-content-display,flex);justify-content:var(--ran-btn-content-display,space-between);align-items:var(--ran-btn-content-align-items,center);padding:var(--ran-btn-content-padding,4px 15px);border:var(--ran-btn-content-border,1px solid transparent);border-image-source:var(--ran-btn-content-border-image-source,none);border-image-slice:var(--ran-btn-content-border-image-slice,8);border-image-width:var(--ran-btn-content-border-image-width,4px);border-radius:var(--ran-btn-content-border-radius,var(--ran-radius-sm,6px));border-color:var(--ran-btn-content-border-color,var(--ran-color-border,#eaeaea));color:var(--ran-btn-content-color,var(--ran-color-text,#000000d9));line-height:var(--ran-btn-content-line-height,22px);font-size:var(--ran-btn-content-font-size,14px);font-weight:var(--ran-btn-content-font-weight,400);font-family:var(--ran-btn-content-font-family,var(--ran-skin-font-family,inherit));white-space:var(--ran-btn-content-white-space,nowrap);text-align:var(--ran-btn-content-text-align,center);box-sizing:var(--ran-btn-content-box-sizing,border-box);transition:var(--ran-btn-content-transition,transform var(--ran-motion-duration-base,.2s) var(--ran-motion-ease-spring,cubic-bezier(.34, 1.26, .5, 1)));border-image-outset:0;border-image-repeat:stretch}.ran-btn-content .icon{margin-right:var(--ran-btn-icon-margin-right,2px)}@media (prefers-reduced-motion:reduce){.ran-btn-content{transition:none}}`,p=typeof document>`u`,te=class{ac;constructor(){this.ac=new AbortController}get signal(){return this.ac.signal}on(e,t,n,r){return e.addEventListener(t,n,{...r,signal:this.ac.signal}),this}delegate(e,t,n,r,i){return e.addEventListener(n,n=>{let i=n.target?.closest(t);i&&e.contains(i)&&r(n,i)},{...i,signal:this.ac.signal}),this}abort(){this.ac.abort(),this.ac=new AbortController}},m=0,h=1,g=2,_=null,v=null,y=0,b=new Set,x=!1;function S(e,t){let n=t?.equals??Object.is,r={value:e,observers:new Set};return[()=>(ie(r),r.value),e=>{let t=typeof e==`function`?e(r.value):e;if(!n(r.value,t)){r.value=t;for(let e of r.observers)E(e,g);y===0&&D()}}]}function C(e){let t=ne(e,!0);return re(t),k(t),()=>j(t)}function w(e){let t={owned:[],cleanups:[],owner:v},n=v,r=_;v=t,_=null;try{return e(()=>ae(t))}finally{v=n,_=r}}function T(e){v&&v.cleanups.push(e)}function ne(e,t,n){return{fn:e,sources:new Set,isEffect:t,running:!1,disposed:!1,state:g,observers:new Set,value:void 0,equals:n??Object.is,owned:[],cleanups:[],owner:v}}function re(e){v&&v.owned.push(e)}function ie(e){_&&(_.sources.add(e),e.observers.add(_))}function E(e,t){if(e.disposed||e.state>=t)return;let n=e.state===m;if(e.state=t,e.isEffect)b.add(e);else if(n)for(let t of e.observers)E(t,h)}function D(){if(!(y>0||x)){x=!0;try{for(;b.size>0;){let e=[...b];b.clear();for(let t of e)t.disposed||O(t)}}finally{x=!1}}}function O(e){if(!(e.disposed||e.state===m)){if(e.state===h)for(let t of e.sources)`fn`in t&&O(t);e.state===g&&k(e),e.state=m}}function k(e){if(e.running)throw Error(`ranui reactivity: cyclic dependency detected (a computation triggered itself).`);A(e);let t=_,n=v;_=e,v=e,e.running=!0,e.state=m;try{let t=e.fn();if(e.isEffect)typeof t==`function`&&e.cleanups.push(t);else{let n=e.value;if(e.value=t,e.observers.size>0&&!e.equals(n,t))for(let t of e.observers)E(t,g)}}finally{e.running=!1,_=t,v=n}}function A(e){for(let t of e.owned)j(t);e.owned.length=0;for(let t of e.cleanups)t();e.cleanups.length=0;for(let t of e.sources)t.observers.delete(e);e.sources.clear()}function j(e){e.disposed||(e.disposed=!0,A(e),e.observers.clear())}function ae(e){for(let t of e.owned)j(t);e.owned.length=0;for(let t of e.cleanups)t();e.cleanups.length=0}function M(e){return typeof e==`string`?e.replace(/&/g,`&amp;`).replace(/</g,`&lt;`).replace(/>/g,`&gt;`).replace(/"/g,`&quot;`).replace(/'/g,`&#039;`):String(e)}function N(e){return M(e)}var oe=e=>typeof e!=`string`&&`tagName`in e&&`childrenList`in e,se=(e,t)=>{let n=t.trim();if(!n)return!1;if(n.startsWith(`.`))return e.classList.contains(n.slice(1));if(n.startsWith(`#`))return e.getAttribute(`id`)===n.slice(1);if(n.startsWith(`[`)&&n.endsWith(`]`)){let[t,r]=n.slice(1,-1).trim().split(`=`),i=(t||``).trim();if(!i)return!1;if(r==null)return e.hasAttribute(i);let a=r.trim().replace(/^['"]|['"]$/g,``);return e.getAttribute(i)===a}return e.tagName===n.toLowerCase()},P=(e,t,n)=>{for(let r of e)oe(r)&&(se(r,t)&&n.push(r),P(r.childrenList,t,n))},F=class{childrenList=[];appendChild(e){return this.childrenList.push(e),e}serialize(){return this.childrenList.map(e=>typeof e==`string`?M(e):e.serialize()).join(``)}querySelector(e){let t=this.querySelectorAll(e);return t.length>0?t[0]:null}querySelectorAll(e){let t=[];return P(this.childrenList,e,t),t}},I=class{tagName;attributes=new Map;inlineStyles=new Map;childrenList=[];shadowRoot=null;textContent=null;content;eventListeners=new Map;style={setProperty:(e,t)=>{let n=e.startsWith(`--`)?e:e.replace(/([A-Z])/g,`-$1`).toLowerCase();this.inlineStyles.set(n,t)},removeProperty:e=>this.inlineStyles.delete(e)};classList={add:(...e)=>{let t=this.attributes.get(`class`)||``,n=new Set([...t.split(` `).filter(Boolean),...e]);this.attributes.set(`class`,Array.from(n).join(` `))},remove:(...e)=>{let t=(this.attributes.get(`class`)||``).split(` `).filter(t=>!e.includes(t));this.attributes.set(`class`,t.join(` `))},toggle:e=>{this.classList.contains(e)?this.classList.remove(e):this.classList.add(e)},contains:e=>(this.attributes.get(`class`)||``).split(` `).includes(e)};_innerHTML=``;get innerHTML(){return this._innerHTML}set innerHTML(e){this._innerHTML=e,this.tagName===`template`&&this.content&&(this.content.childrenList=[e])}constructor(e=`div`){this.tagName=e.toLowerCase(),this.tagName===`template`&&(this.content=new F)}get hidden(){return this.hasAttribute(`hidden`)}set hidden(e){e?this.setAttribute(`hidden`,``):this.removeAttribute(`hidden`)}setAttribute(e,t){this.attributes.set(e,t)}getAttribute(e){return this.attributes.get(e)||null}removeAttribute(e){this.attributes.delete(e)}hasAttribute(e){return this.attributes.has(e)}appendChild(e){return this.childrenList.push(e),e}attachShadow(e){return this.shadowRoot=new ce(this,e),this.shadowRoot}querySelector(e){let t=this.querySelectorAll(e);return t.length>0?t[0]:null}querySelectorAll(e){let t=[];return P(this.childrenList,e,t),t}addEventListener(e,t){let n=this.eventListeners.get(e)||new Set;n.add(t),this.eventListeners.set(e,n)}removeEventListener(e,t){let n=this.eventListeners.get(e);n&&(n.delete(t),n.size===0&&this.eventListeners.delete(e))}dispatchEvent(e){let t=this.eventListeners.get(e.type);if(!t||t.size===0)return!0;for(let n of t)typeof n==`function`?n.call(this,e):n.handleEvent(e);return!e.defaultPrevented}serialize(e){typeof this._preSerialize==`function`&&this._preSerialize();let t=e||this._ssrTag||this.tagName,n=Array.from(this.attributes.entries()).map(([e,t])=>` ${e}="${N(t)}"`).join(``),r=Array.from(this.inlineStyles.entries()).map(([e,t])=>`${e}:${t}`).join(`;`),i=r?` style="${N(r)}"`:``,a=``;return this.shadowRoot&&(a+=this.shadowRoot.serialize()),this.textContent===null?this._innerHTML?a+=this._innerHTML:a+=this.childrenList.map(e=>typeof e==`string`?M(e):(e instanceof F,e.serialize())).join(``):a+=M(this.textContent),[`area`,`base`,`br`,`col`,`embed`,`hr`,`img`,`input`,`link`,`meta`,`param`,`source`,`track`,`wbr`].includes(t)&&!a?`<${t}${n}${i} />`:`<${t}${n}${i}>${a}</${t}>`}},ce=class{host;options;childrenList=[];adoptedStyleSheets=[];constructor(e,t){this.host=e,this.options=t}appendChild(e){return this.childrenList.push(e),e}querySelector(e){let t=this.querySelectorAll(e);return t.length>0?t[0]:null}querySelectorAll(e){let t=[];return P(this.childrenList,e,t),t}serialize(){return`<template shadowrootmode="${this.options.mode}"${this.options.delegatesFocus?` shadowrootdelegatesfocus`:``}>${this.adoptedStyleSheets.map(e=>`<style>${M(e)}</style>`).join(``)}${this.childrenList.map(e=>typeof e==`string`?M(e):(e instanceof F,e.serialize())).join(``)}</template>`}},L=e=>e.reduce((e,t)=>Array.isArray(t)?e.concat(L(t)):e.concat(t),[]),R=e=>e==null?null:e instanceof U?e.build():typeof e==`string`?p?e:document.createTextNode(e):e,le=(e,t)=>{if(p){H(e,[t()]);return}let n=document.createComment(``),r=document.createComment(``);e.appendChild(n),e.appendChild(r);let i=null,a=()=>{i?.(),i=null;let e=n.nextSibling;for(;e&&e!==r;){let t=e.nextSibling;e.parentNode?.removeChild(e),e=t}};C(()=>{let e=t();a();let n=document.createDocumentFragment();i=w(t=>(H(n,[e]),t)),r.parentNode?.insertBefore(n,r)}),T(()=>i?.())},ue=`__ranFor`,de=e=>typeof e==`object`&&!!e&&e[ue]===!0,z=(e,t,n)=>{let[r,i]=S(t),a=null,o=w(t=>{let i=R(n(e,r));return a=typeof i==`string`?document.createTextNode(i):i,t});return{node:a,index:i,dispose:o}},B=(e,t)=>{let n=e.parentNode;if(!n)return;let r=e;for(let e of t)r.nextSibling!==e&&n.insertBefore(e,r.nextSibling),r=e},V=(e,t)=>{if(p){(t.each()??[]).forEach((n,r)=>{let i=R(t.render(n,()=>r));i!=null&&e.appendChild(i)});return}let n=document.createComment(``);e.appendChild(n);let r=new Map;T(()=>{for(let e of r.values())e.dispose();r.clear()}),C(()=>{let e=t.each()??[],i=new Map,a=[];e.forEach((e,n)=>{let o=t.key(e,n);if(i.has(o))return;let s=r.get(o);s?(r.delete(o),s.index(n)):s=z(e,n,t.render),i.set(o,s),s.node&&a.push(s.node)});for(let e of r.values())e.node?.parentNode?.removeChild(e.node),e.dispose();B(n,a),r=i})},fe=`__ranIndex`,pe=e=>typeof e==`object`&&!!e&&e[fe]===!0,me=(e,t,n)=>{let[r,i]=S(e),a=null,o=w(e=>{let i=R(n(r,t));return a=typeof i==`string`?document.createTextNode(i):i,e});return{node:a,setItem:i,dispose:o}},he=(e,t)=>{if(p){(t.each()??[]).forEach((n,r)=>{let i=R(t.render(()=>n,r));i!=null&&e.appendChild(i)});return}let n=document.createComment(``);e.appendChild(n);let r=[];T(()=>{for(let e of r)e.dispose();r=[]}),C(()=>{let e=t.each()??[];for(let n=0;n<e.length;n++)n<r.length?r[n].setItem(e[n]):r.push(me(e[n],n,t.render));for(let t=r.length-1;t>=e.length;t--){let{node:e}=r[t];e?.parentNode?.removeChild(e),r[t].dispose(),r.pop()}B(n,r.map(e=>e.node).filter(e=>e!=null))})},H=(e,t)=>{L(t).forEach(t=>{if(de(t)){V(e,t);return}if(pe(t)){he(e,t);return}if(typeof t==`function`){le(e,t);return}let n=R(t);n!=null&&e.appendChild(n)})},U=class{el;constructor(e){this.el=p?new I(e):document.createElement(e)}id(e){return this.el.setAttribute(`id`,e),this}bind(e,t){typeof e==`function`?C(()=>t(e())):t(e)}class(e){return this.bind(e,e=>{p?this.el.attributes.set(`class`,e):this.el.className=e}),this}addClass(...e){return e.forEach(e=>this.el.classList.add(e)),this}removeClass(...e){return e.forEach(e=>this.el.classList.remove(e)),this}attr(e,t){return this.bind(t,t=>this.el.setAttribute(e,t)),this}attrs(e){return Object.entries(e).forEach(([e,t])=>{t!=null&&this.el.setAttribute(e,String(t))}),this}boolAttr(e,t,n=``){return this.bind(t,t=>{t?this.el.setAttribute(e,n):this.el.removeAttribute(e)}),this}part(e){return this.attr(`part`,e)}data(e,t){return this.attr(`data-${e}`,t)}style(e,t){return typeof e==`string`?this.bind(t??``,t=>this.el.style.setProperty(e,t)):Object.entries(e).forEach(([e,t])=>this.el.style.setProperty(e,t)),this}cssVar(e,t){let n=e.startsWith(`--`)?e:`--${e}`;return this.style(n,t)}aria(e,t){return this.attr(`aria-${e}`,t)}role(e){return this.attr(`role`,e)}tabIndex(e){return this.attr(`tabindex`,String(e))}label(e){return this.aria(`label`,e)}labelledBy(e){return this.aria(`labelledby`,e)}describedBy(e){return this.aria(`describedby`,e)}ariaHidden(e=!0){return this.aria(`hidden`,String(e))}on(e,t,n){return this.el.addEventListener(e,t,n),this}listen(e,t,n,r){return e.on(this.el,t,n,r),this}delegate(e,t,n,r,i){return e.delegate(this.el,t,n,r,i),this}children(...e){return H(this.el,e),this}replaceChildren(...e){if(p){let e=this.el;e.childrenList=[]}else this.el.replaceChildren();return this.children(...e)}text(e){return this.bind(e,e=>{this.el.textContent=e}),this}ref(e){return e.current=this.el,this}shadow(e={mode:`closed`}){let t=this.el.attachShadow(e);return new ge(this.el,t,e)}build(){return this.el}serialize(){if(p)return this.el.serialize();let e=document.createElement(`div`);return e.appendChild(this.el.cloneNode(!0)),e.innerHTML}},ge=class{root;hostEl;options;constructor(e,t,n){this.hostEl=e,this.root=t,this.options=n}children(...e){return H(this.root,e),this}adoptSheet(...e){return this.root.adoptedStyleSheets=[...this.root.adoptedStyleSheets,...e],this}css(e){if(p)return this.root.adoptedStyleSheets.push(e),this;if(typeof CSSStyleSheet<`u`)try{let t=new CSSStyleSheet;return t.replaceSync(e),this.root.adoptedStyleSheets=[...this.root.adoptedStyleSheets,t],this}catch{}let t=document.createElement(`style`);return t.textContent=e,this.root.appendChild(t),this}done(){return{host:this.hostEl,shadow:this.root}}serialize(){return p?this.root.serialize():this.root.innerHTML}},W=e=>new U(e),G=()=>W(`div`),_e=()=>W(`slot`),K=[!1,`false`,null,void 0],q=e=>{let t=e.hasAttribute(`disabled`),n=e.getAttribute(`disabled`);return!!(t&&!K.includes(n))},ve=new Map;function ye(e,t){p?(ve.set(e,t),t.prototype._ssrTag=e):customElements.get(e)||customElements.define(e,t)}var be=typeof document<`u`?HTMLElement:I,J=new Map,Y=new Map,xe=(e,t)=>{if(!(typeof document>`u`)&&t){if(typeof CSSStyleSheet<`u`)try{if(!J.has(t)){let e=new CSSStyleSheet;e.replaceSync(t),J.set(t,e)}let n=J.get(t);e.adoptedStyleSheets.includes(n)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,n]);return}catch{}if(!e.querySelector(`style[data-ranui]`)){let n=document.createElement(`style`);n.setAttribute(`data-ranui`,``),n.textContent=t,e.appendChild(n)}}},X=(e,t)=>{if(!(typeof document>`u`)&&t){if(typeof CSSStyleSheet<`u`)try{if(!Y.has(t)){let e=new CSSStyleSheet;e.replaceSync(t),Y.set(t,e)}let n=Y.get(t);e.adoptedStyleSheets.includes(n)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,n]);return}catch{}if(!Array.from(e.querySelectorAll(`style[data-ranui-sheet]`)).some(e=>e.textContent===t)){let n=document.createElement(`style`);n.setAttribute(`data-ranui-sheet`,``),n.textContent=t,e.appendChild(n)}}},Z=new WeakMap,Q=`@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}`,Se=(e,t=``,n={mode:`closed`})=>{let r=e.shadowRoot||Z.get(e)||e.attachShadow(n);return Z.set(e,r),xe(r,t?`${t}\n${Q}`:Q),r},Ce=(e,t,n)=>{let r=e.querySelector(t);if(r)return r;let i=n();return e.appendChild(i),i},we=(e,t,n,r,i)=>{if(n!==`sheet`||r===i)return;let a=e.getAttribute(`sheet`)||``;a&&X(t,a)},$=class extends be{_btn;_btnContent;_iconElement;_slot;_shadowDom;_events=new te;debounceTimeId;static get observedAttributes(){return[`disabled`,`icon`,`effect`,`iconSize`,`type`,`sheet`]}constructor(){super(),this._shadowDom=Se(this,ee);let e=Ce(this._shadowDom,`.ran-btn`,()=>G().class(`ran-btn`).attr(`part`,`button`).role(`button`).tabIndex(0).children(G().class(`ran-btn-content`).attr(`part`,`content`).children(_e().class(`slot`))).build());this._btn=e,this._btnContent=e.querySelector(`.ran-btn-content`),this._slot=e.querySelector(`slot`)}get sheet(){return this.getAttribute(`sheet`)||``}set sheet(e){this.setAttribute(`sheet`,e||``),this.handlerExternalCss()}get disabled(){return q(this)}set disabled(e){!e||e===`false`?(this.removeAttribute(`disabled`),this.removeAttribute(`aria-disabled`)):(this.setAttribute(`disabled`,``),this.setAttribute(`aria-disabled`,`true`))}get iconSize(){return this.getAttribute(`iconSize`)||``}set iconSize(e){!e||e===`false`?this.removeAttribute(`iconSize`):(this.setAttribute(`iconSize`,e),this.setIcon())}get icon(){return this.getAttribute(`icon`)||``}set icon(e){!e||e===`false`?this.removeAttribute(`icon`):(this.setAttribute(`icon`,e),this.setIcon())}get effect(){return this.getAttribute(`effect`)||``}set effect(e){K.includes(e)||!e?this.removeAttribute(`effect`):this.setAttribute(`effect`,e)}get type(){return this.getAttribute(`type`)||``}set type(e){e?this.setAttribute(`type`,e):this.removeAttribute(`type`)}setIcon=()=>{if(typeof document>`u`||!this._slot)return;let e=this.icon;if(!e){this._iconElement&&=(this._iconElement.remove(),void 0);return}if(this._iconElement)this._iconElement.setAttribute(`name`,e);else{let t=this._shadowDom.querySelector(`r-icon`);t||(t=W(`r-icon`).attr(`color`,`currentColor`).class(`icon`).build(),this._slot.insertAdjacentElement(`beforebegin`,t)),this._iconElement=t,this._iconElement.setAttribute(`name`,e)}let{width:t,height:n}=this._slot.getBoundingClientRect(),r=Math.min(t,n)||16,i=this.iconSize||`${r>5?r-5:r}`;this._iconElement.setAttribute(`size`,String(i))};mousedown=e=>{if(i()===`pc`&&!this.disabled){this.debounceMouseEvent();let{left:t,top:n}=this.getBoundingClientRect();this._btn.style.setProperty(`--ran-x`,`${e.clientX-t}px`),this._btn.style.setProperty(`--ran-y`,`${e.clientY-n}px`)}};mouseup=()=>{i()===`pc`&&(this.debounceTimeId||=setTimeout(()=>{this._btn.style.removeProperty(`--ran-x`),this._btn.style.removeProperty(`--ran-y`),this.debounceMouseEvent()},600))};keydown=e=>{q(this)||(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),this.click())};debounceMouseEvent=()=>{this.debounceTimeId&&=(clearTimeout(this.debounceTimeId),void 0)};handlerExternalCss=()=>{we(this,this._shadowDom,`sheet`,null,this.sheet)};syncA11yState=()=>{let e=q(this);this._btn.setAttribute(`aria-disabled`,e?`true`:`false`),this._btn.tabIndex=e?-1:0,e?(this.setAttribute(`aria-disabled`,`true`),this._btnContent.setAttribute(`disabled`,`true`)):(this.removeAttribute(`aria-disabled`),this._btnContent.removeAttribute(`disabled`))};connectedCallback(){this.handlerExternalCss(),this.setIcon(),this.syncA11yState(),this._events.on(this._btn,`mousedown`,this.mousedown).on(this._btn,`mouseup`,this.mouseup).on(this._btn,`keydown`,this.keydown)}disconnectedCallback(){this.debounceMouseEvent(),this._events.abort()}attributeChangedCallback(e,t,n){t!==n&&(e===`disabled`&&this._btnContent&&this.syncA11yState(),(e===`icon`||e===`iconSize`)&&this.setIcon(),e===`sheet`&&this.handlerExternalCss())}};return ye(`r-button`,$),e.Button=$,e.default=$,e})({});
+var ranui_button=(function(e){Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var t=class{_events=new Map;tap=(e,t)=>{this._events.get(e)&&e!==Symbol.for(`NEW_LISTENER`)&&this.call(Symbol.for(`NEW_LISTENER`),e);let n=this._events.get(e)||new Set;return typeof t==`function`?n.add({name:e,callback:t}):n.add(t),this._events.set(e,n),this};call=(e,...t)=>((this._events.get(e)||new Set).forEach(e=>{let{callback:n}=e;n(...t)}),this);callSync=async(e,...t)=>{let n=this._events.get(e)||new Set;for(let e of n){let{callback:n}=e;await n(...t)}return this};once=(e,t)=>{let n;if(typeof t==`function`)n={name:e,callback:(...r)=>{t(...r),this.off(e,n)},initialCallback:t};else{let{callback:r}=t;n={name:e,callback:(...t)=>{r(...t),this.off(e,n)},initialCallback:r}}return this.tap(e,n),this};off=(e,t)=>{let n=[...this._events.get(e)||new Set].filter(e=>{if(typeof t==`function`)return e.callback!==t&&e.initialCallback!==t;{let{callback:n}=t;return e.callback!==n&&e.initialCallback!==n}});return this._events.set(e,new Set(n)),this}};Math.PI/180,180/Math.PI,2*Math.PI;var n=(e=8)=>Math.random().toString(36).substring(2,e+2),r=()=>{if(typeof window<`u`){let e=navigator.userAgent.toLowerCase();return/ipad|ipod/.test(e)?`ipad`:/android/.test(e)?`android`:/iphone/.test(e)?`iphone`:`pc`}return`pc`};Object.freeze({});var i=e=>typeof e==`function`,a=12e4,o=`__ranuts_bridge__`,s=`default`,c=new class{bridges=new Set;attachedWindow=null;handleMessage=e=>{for(let t of Array.from(this.bridges))t.receive(e)};add(e){this.bridges.add(e),typeof window<`u`&&this.attachedWindow!==window&&(window.addEventListener(`message`,this.handleMessage),this.attachedWindow=window)}remove(e){this.bridges.delete(e),this.bridges.size===0&&this.attachedWindow&&(this.attachedWindow.removeEventListener(`message`,this.handleMessage),this.attachedWindow=null)}},l=class{targetWindow;targetOrigin;messageHandlers;pendingRequests;channel;senderId;available;constructor(e,t=`*`,r=s){this.targetOrigin=t,this.channel=r,this.senderId=n(12),this.messageHandlers=new Map,this.pendingRequests=new Map,this.available=typeof window<`u`,this.available?(this.targetWindow=e??window,c.add(this)):this.targetWindow=void 0}post(e,t){let n={...t,__bridge:o,channel:this.channel,senderId:this.senderId};e.postMessage(n,this.targetOrigin)}receive=e=>{if(!this.available||this.targetOrigin!==`*`&&e.origin!==this.targetOrigin||e.source&&e.source!==this.targetWindow)return;let t=e.data;if(!t||typeof t!=`object`||t.__bridge!==`__ranuts_bridge__`||(t.channel??`default`)!==this.channel)return;let{type:n,payload:r,id:a,isResponse:o,isError:s,senderId:c}=t;if(o&&a){let e=this.pendingRequests.get(a);e&&(s?e.reject(Error(typeof r==`string`?r:`Bridge request failed`)):e.resolve(r),this.pendingRequests.delete(a));return}if(c&&c===this.senderId||typeof n!=`string`||!this.messageHandlers.has(n))return;let l=this.messageHandlers.get(n);if(i(l)){let t=e.source??this.targetWindow;Promise.resolve(l(r)).then(e=>{a&&this.post(t,{type:n,payload:e,id:a,isResponse:!0})}).catch(e=>{a&&this.post(t,{type:n,payload:e instanceof Error?e.message:String(e),id:a,isResponse:!0,isError:!0})})}};on=(e,t)=>{this.messageHandlers.set(e,t)};off=e=>{this.messageHandlers.delete(e)};send=async(e,t)=>{if(!this.available)return Promise.reject(Error(`PostMessageBridge is unavailable outside a browser environment`));let r=n(10);return new Promise((n,i)=>{let o=setTimeout(()=>{this.pendingRequests.has(r)&&(this.pendingRequests.delete(r),i(Error(`Request timeout`)))},a),s=e=>{clearTimeout(o),i(e)};this.pendingRequests.set(r,{resolve:e=>{clearTimeout(o),n(e)},reject:s});try{this.post(this.targetWindow,{type:e,payload:t,id:r})}catch(e){this.pendingRequests.delete(r),s(e instanceof Error?e:Error(`Failed to post message`))}})};broadcast=e=>{if(this.available)try{this.post(this.targetWindow,{type:e.type,payload:e.payload})}catch{}};destroy=()=>{c.remove(this),this.messageHandlers.clear(),this.pendingRequests.forEach(e=>{e.reject(Error(`Bridge destroyed`))}),this.pendingRequests.clear()}};(class e{static instance;bridges=new Map;constructor(){}static getInstance(){return e.instance||=new e,e.instance}connectClient=({id:e,targetOrigin:t,targetWindow:r,channel:i})=>{let a=new l(r,t,i);if(e||=n(10),this.bridges.has(e))throw Error(`Bridge ${e} already exists`);return this.bridges.set(e,a),{bridge:a,id:e}};getClient=e=>this.bridges.get(e);removeClient=e=>{let t=this.bridges.get(e);t&&(t.destroy(),this.bridges.delete(e))};removeAllClient=()=>{this.bridges.forEach(e=>{e.destroy()}),this.bridges.clear()};broadcast=e=>{this.bridges.forEach(t=>{t.broadcast(e)})};sendTo=(e,t,n)=>{let r=this.getClient(e);return r?r.send(t,n):Promise.reject(Error(`Bridge ${e} not found`))}}).getInstance(),new t;var u=[1116352408,1899447441,3049323471,3921009573,961987163,1508970993,2453635748,2870763221,3624381080,310598401,607225278,1426881987,1925078388,2162078206,2614888103,3248222580,3835390401,4022224774,264347078,604807628,770255983,1249150122,1555081692,1996064986,2554220882,2821834349,2952996808,3210313671,3336571891,3584528711,113926993,338241895,666307205,773529912,1294757372,1396182291,1695183700,1986661051,2177026350,2456956037,2730485921,2820302411,3259730800,3345764771,3516065817,3600352804,4094571909,275423344,430227734,506948616,659060556,883997877,958139571,1322822218,1537002063,1747873779,1955562222,2024104815,2227730452,2361852424,2428436474,2756734187,3204031479,3329325298],d=class{highOrder;lowOrder;constructor(e,t){this.highOrder=e,this.lowOrder=t}};new d(u[0],3609767458),new d(u[1],602891725),new d(u[2],3964484399),new d(u[3],2173295548),new d(u[4],4081628472),new d(u[5],3053834265),new d(u[6],2937671579),new d(u[7],3664609560),new d(u[8],2734883394),new d(u[9],1164996542),new d(u[10],1323610764),new d(u[11],3590304994),new d(u[12],4068182383),new d(u[13],991336113),new d(u[14],633803317),new d(u[15],3479774868),new d(u[16],2666613458),new d(u[17],944711139),new d(u[18],2341262773),new d(u[19],2007800933),new d(u[20],1495990901),new d(u[21],1856431235),new d(u[22],3175218132),new d(u[23],2198950837),new d(u[24],3999719339),new d(u[25],766784016),new d(u[26],2566594879),new d(u[27],3203337956),new d(u[28],1034457026),new d(u[29],2466948901),new d(u[30],3758326383),new d(u[31],168717936),new d(u[32],1188179964),new d(u[33],1546045734),new d(u[34],1522805485),new d(u[35],2643833823),new d(u[36],2343527390),new d(u[37],1014477480),new d(u[38],1206759142),new d(u[39],344077627),new d(u[40],1290863460),new d(u[41],3158454273),new d(u[42],3505952657),new d(u[43],106217008),new d(u[44],3606008344),new d(u[45],1432725776),new d(u[46],1467031594),new d(u[47],851169720),new d(u[48],3100823752),new d(u[49],1363258195),new d(u[50],3750685593),new d(u[51],3785050280),new d(u[52],3318307427),new d(u[53],3812723403),new d(u[54],2003034995),new d(u[55],3602036899),new d(u[56],1575990012),new d(u[57],1125592928),new d(u[58],2716904306),new d(u[59],442776044),new d(u[60],593698344),new d(u[61],3733110249),new d(u[62],2999351573),new d(u[63],3815920427),new d(3391569614,3928383900),new d(3515267271,566280711),new d(3940187606,3454069534),new d(4118630271,4000239992),new d(116418474,1914138554),new d(174292421,2731055270),new d(289380356,3203993006),new d(460393269,320620315),new d(685471733,587496836),new d(852142971,1086792851),new d(1017036298,365543100),new d(1126000580,2618297676),new d(1288033470,3409855158),new d(1501505948,4234509866),new d(1607167915,987167468),new d(1816402316,1246189591),new d(0,1),new d(0,32898),new d(2147483648,32906),new d(2147483648,2147516416),new d(0,32907),new d(0,2147483649),new d(2147483648,2147516545),new d(2147483648,32777),new d(0,138),new d(0,136),new d(0,2147516425),new d(0,2147483658),new d(0,2147516555),new d(2147483648,139),new d(2147483648,32905),new d(2147483648,32771),new d(2147483648,32770),new d(2147483648,128),new d(0,32778),new d(2147483648,2147483658),new d(2147483648,2147516545),new d(2147483648,32896),new d(0,2147483649),new d(2147483648,2147516424);var f=/["'&<>]/;function p(e){let t=``+e,n=f.exec(t);if(!n)return t;let r,i=``,a=0,o=0;for(a=n.index;a<t.length;a++){switch(t.charCodeAt(a)){case 34:r=`&quot;`;break;case 38:r=`&amp;`;break;case 39:r=`&#39;`;break;case 60:r=`&lt;`;break;case 62:r=`&gt;`;break;default:continue}o!==a&&(i+=t.substring(o,a)),o=a+1,i+=r}return o===a?i:i+t.substring(o,a)}var ee=new Map,m=new Map,te=`data-adopted-style`,ne=`data-adopted-sheet`,h=(e,t,n)=>{if(typeof CSSStyleSheet>`u`)return!1;try{if(!n.has(t)){let e=new CSSStyleSheet;e.replaceSync(t),n.set(t,e)}let r=n.get(t);return e.adoptedStyleSheets.includes(r)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,r]),!0}catch{return!1}},re=(e,t,n=te)=>{if(typeof document<`u`&&t&&!h(e,t,ee)&&!e.querySelector(`style[${n}]`)){let r=document.createElement(`style`);r.setAttribute(n,``),r.textContent=t,e.appendChild(r)}},ie=(e,t,n=ne)=>{if(typeof document<`u`&&t&&!h(e,t,m)&&!Array.from(e.querySelectorAll(`style[${n}]`)).some(e=>e.textContent===t)){let r=document.createElement(`style`);r.setAttribute(n,``),r.textContent=t,e.appendChild(r)}},g=new Map([[100,`Continue`],[101,`Switching Protocols`],[102,`Processing`],[103,`Early Hints`],[200,`OK`],[201,`Created`],[202,`Accepted`],[203,`Non-Authoritative Information`],[204,`No Content`],[205,`Reset Content`],[206,`Partial Content`],[207,`Multi-Status`],[208,`Already Reported`],[226,`IM Used`],[300,`Multiple Choices`],[301,`Moved Permanently`],[302,`Found`],[303,`See Other`],[304,`Not Modified`],[305,`Use Proxy`],[307,`Temporary Redirect`],[308,`Permanent Redirect`],[400,`Bad Request`],[401,`Unauthorized`],[402,`Payment Required`],[403,`Forbidden`],[404,`Not Found`],[405,`Method Not Allowed`],[406,`Not Acceptable`],[407,`Proxy Authentication Required`],[408,`Request Timeout`],[409,`Conflict`],[410,`Gone`],[411,`Length Required`],[412,`Precondition Failed`],[413,`Payload Too Large`],[414,`URI Too Long`],[415,`Unsupported Media Type`],[416,`Range Not Satisfiable`],[417,`Expectation Failed`],[418,`I'm a Teapot`],[421,`Misdirected Request`],[422,`Unprocessable Entity`],[423,`Locked`],[424,`Failed Dependency`],[425,`Too Early`],[426,`Upgrade Required`],[428,`Precondition Required`],[429,`Too Many Requests`],[431,`Request Header Fields Too Large`],[451,`Unavailable For Legal Reasons`],[500,`Internal Server Error`],[501,`Not Implemented`],[502,`Bad Gateway`],[503,`Service Unavailable`],[504,`Gateway Timeout`],[505,`HTTP Version Not Supported`],[506,`Variant Also Negotiates`],[507,`Insufficient Storage`],[508,`Loop Detected`],[509,`Bandwidth Limit Exceeded`],[510,`Not Extended`],[511,`Network Authentication Required`]]);(function(e){let t=new Map;for(let[n,r]of e)t.set(r.toLowerCase(),n);return t})(g),function(e){let t=[];for(let[n,r]of e)t.push(n);return t}(g);var ae=`.remove-wap-active-focus,.remove-wap-active-focus:active,.remove-wap-active-focus:focus{-webkit-tap-highlight-color:transparent;outline:0}:host{box-sizing:var(--ran-btn-box-sizing,border-box);position:var(--ran-btn-position,relative);display:var(--ran-btn-display,inline-flex);background-image:var(--ran-btn-background-image,none);box-shadow:var(--ran-btn-box-shadow,var(--ran-skin-raised-shadow,0 2px #00000004));cursor:var(--ran-btn-cursor,pointer);user-select:var(--ran-btn-user-select,none);touch-action:var(--ran-btn-touch-action,manipulation);overflow:var(--ran-btn-overflow,hidden);pointer-events:var(--ran-btn-pointer-events,auto)}:host .ran-btn{box-sizing:var(--ran-btn-contain-box-sizing,border-box);position:var(--ran-btn-contain-position,relative);display:var(--ran-btn-contain-display,block);background-image:var(--ran-btn-contain-background-image,none);cursor:var(--ran-btn-contain-cursor,pointer);transition:var(--ran-btn-contain-transition,opacity var(--ran-motion-duration-base,.2s) var(--ran-motion-ease-standard,cubic-bezier(.645, .045, .355, 1)));user-select:var(--ran-btn-contain-user-select,none);touch-action:var(--ran-btn-contain-touch-action,manipulation);border-radius:var(--ran-btn-content-border-radius,var(--ran-radius-sm,6px));background:var(--ran-btn-contain-background,var(--ran-color-bg-elevated,#fff))}:host,:host(:active),:host(:focus){-webkit-tap-highlight-color:transparent;outline:0}:host .ran-btn,:host(:active) .ran-btn,:host(:focus) .ran-btn{outline:var(--ran-btn-contain-outline,0)}:host(:focus-visible){outline:var(--ran-btn-focus-outline,2px solid var(--ran-color-primary));outline-offset:var(--ran-btn-focus-outline-offset,2px)}:host([type=primary]) .ran-btn-content{background-color:var(--ran-btn-content-background-color,var(--ran-color-primary,#171717));background-image:var(--ran-btn-content-background-image,none);border-color:var(--ran-btn-content-border-color,var(--ran-color-primary,#171717));color:var(--ran-btn-content-color,var(--ran-color-primary-text,#fff))}:host([type=primary]:not([disabled])) .ran-btn:after{background-image:var(--ran-btn-after-background-image,radial-gradient(circle, var(--ran-color-primary-text,#fff) 10%, transparent 10.01%))}:host([type=primary]:not([disabled]):active) .ran-btn-content{background-color:var(--ran-btn-content-active-background-color,var(--ran-color-primary-active,#4d4d4d));border-color:var(--ran-btn-content-active-border-color,var(--ran-color-primary-active,#4d4d4d))}@media (width>=1024px){:host(:not([disabled]):hover) .ran-btn-content{border-color:var(--ran-btn-content-hover-border-color,var(--ran-color-border-hover,#c9c9c9));color:var(--ran-btn-content-hover-color,var(--ran-color-text,#171717))}:host([type=primary]:not([disabled]):hover) .ran-btn-content{background-color:var(--ran-btn-content-hover-background-color,var(--ran-color-primary-hover,#383838));border-color:var(--ran-btn-content-hover-border-color,var(--ran-color-primary-hover,#383838));color:var(--ran-btn-content-hover-color,var(--ran-color-primary-text,#fff))}:host([type=warning]:not([disabled]):hover) .ran-btn-content{border-color:var(--ran-btn-content-warning-border-color,var(--ran-color-danger,#ff4d4f));background-color:var(--ran-btn-content-warning-background-color,var(--ran-color-danger,#ff4d4f));color:var(--ran-btn-content-warning-color,#fff)}}:host([type=warning]) .ran-btn-content{border-color:var(--ran-btn-content-warning-border-color,var(--ran-color-danger,#ff4d4f));background-color:var(--ran-btn-content-warning-background-color,var(--ran-color-danger,#ff4d4f));background-image:var(--ran-btn-content-background-image,none);color:var(--ran-btn-content-warning-color,#fff)}:host([type=warning]:not([disabled])) .ran-btn:after{background-image:var(--ran-btn-after-background-image,radial-gradient(circle, #fff 10%, transparent 10.01%))}:host([type=text]) .ran-btn-content{border:var(--ran-btn-content-text-border,none)}:host([disabled]){cursor:var(--ran-btn-disabled-cursor,not-allowed);pointer-events:var(--ran-btn-disabled-pointer-events,all);opacity:var(--ran-btn-disabled-opacity,.6)}:host([disabled]) .ran-btn{cursor:var(--ran-btn-disabled-container-cursor,not-allowed);pointer-events:var(--ran-btn-disabled-container-pointer-events,all);opacity:var(--ran-btn-disabled-container-opacity,.6)}:host(:not([disabled]):active) .ran-btn:after{transform:var(--ran-btn-after-transform,translate(-50%, -50%) scale(0));opacity:var(--ran-btn-after-opacity,.3);transition:var(--ran-btn-after-transition,0s)}:host(:not([disabled]):active) .ran-btn-content{transform:var(--ran-btn-content-active-transform,scale(.96))}@media (width>=1024px){:host(:not([disabled],[effect])) .ran-btn:after{content:"";width:100%;height:100%;left:var(--ran-x,0);top:var(--ran-y,0);pointer-events:none;background-image:radial-gradient(circle, var(--ran-gray-alpha-400,#00000014) 10%, transparent 10.01%);opacity:0;background-position:50%;background-repeat:no-repeat;transition:transform .3s,opacity .8s;display:block;position:absolute;transform:translate(-50%,-50%)scale(10)}}:host .slot{display:var(--ran-btn-slot-display,block)}.ran-btn-content{display:var(--ran-btn-content-display,flex);justify-content:var(--ran-btn-content-display,space-between);align-items:var(--ran-btn-content-align-items,center);padding:var(--ran-btn-content-padding,4px 15px);border:var(--ran-btn-content-border,1px solid transparent);border-image-source:var(--ran-btn-content-border-image-source,none);border-image-slice:var(--ran-btn-content-border-image-slice,8);border-image-width:var(--ran-btn-content-border-image-width,4px);border-radius:var(--ran-btn-content-border-radius,var(--ran-radius-sm,6px));border-color:var(--ran-btn-content-border-color,var(--ran-color-border,#eaeaea));color:var(--ran-btn-content-color,var(--ran-color-text,#000000d9));line-height:var(--ran-btn-content-line-height,22px);font-size:var(--ran-btn-content-font-size,14px);font-weight:var(--ran-btn-content-font-weight,400);font-family:var(--ran-btn-content-font-family,var(--ran-skin-font-family,inherit));white-space:var(--ran-btn-content-white-space,nowrap);text-align:var(--ran-btn-content-text-align,center);box-sizing:var(--ran-btn-content-box-sizing,border-box);transition:var(--ran-btn-content-transition,transform var(--ran-motion-duration-base,.2s) var(--ran-motion-ease-spring,cubic-bezier(.34, 1.26, .5, 1)));border-image-outset:0;border-image-repeat:stretch}.ran-btn-content .icon{margin-right:var(--ran-btn-icon-margin-right,2px)}@media (prefers-reduced-motion:reduce){.ran-btn-content{transition:none}}`,_=typeof document>`u`,oe=class{ac;constructor(){this.ac=new AbortController}get signal(){return this.ac.signal}on(e,t,n,r){return e.addEventListener(t,n,{...r,signal:this.ac.signal}),this}delegate(e,t,n,r,i){return e.addEventListener(n,n=>{let i=n.target?.closest(t);i&&e.contains(i)&&r(n,i)},{...i,signal:this.ac.signal}),this}abort(){this.ac.abort(),this.ac=new AbortController}},v=0,y=1,b=2,x=null,S=null,C=0,w=new Set,T=!1;function E(e,t){let n=t?.equals??Object.is,r={value:e,observers:new Set};return[()=>(le(r),r.value),e=>{let t=typeof e==`function`?e(r.value):e;if(!n(r.value,t)){r.value=t;for(let e of r.observers)A(e,b);C===0&&j()}}]}function D(e){let t=se(e,!0);return ce(t),N(t),()=>F(t)}function O(e){let t={owned:[],cleanups:[],owner:S},n=S,r=x;S=t,x=null;try{return e(()=>ue(t))}finally{S=n,x=r}}function k(e){S&&S.cleanups.push(e)}function se(e,t,n){return{fn:e,sources:new Set,isEffect:t,running:!1,disposed:!1,state:b,observers:new Set,value:void 0,equals:n??Object.is,owned:[],cleanups:[],owner:S}}function ce(e){S&&S.owned.push(e)}function le(e){x&&(x.sources.add(e),e.observers.add(x))}function A(e,t){if(e.disposed||e.state>=t)return;let n=e.state===v;if(e.state=t,e.isEffect)w.add(e);else if(n)for(let t of e.observers)A(t,y)}function j(){if(!(C>0||T)){T=!0;try{for(;w.size>0;){let e=[...w];w.clear();for(let t of e)t.disposed||M(t)}}finally{T=!1}}}function M(e){if(!(e.disposed||e.state===v)){if(e.state===y)for(let t of e.sources)`fn`in t&&M(t);e.state===b&&N(e),e.state=v}}function N(e){if(e.running)throw Error(`ranui reactivity: cyclic dependency detected (a computation triggered itself).`);P(e);let t=x,n=S;x=e,S=e,e.running=!0,e.state=v;try{let t=e.fn();if(e.isEffect)typeof t==`function`&&e.cleanups.push(t);else{let n=e.value;if(e.value=t,e.observers.size>0&&!e.equals(n,t))for(let t of e.observers)A(t,b)}}finally{e.running=!1,x=t,S=n}}function P(e){for(let t of e.owned)F(t);e.owned.length=0;for(let t of e.cleanups)t();e.cleanups.length=0;for(let t of e.sources)t.observers.delete(e);e.sources.clear()}function F(e){e.disposed||(e.disposed=!0,P(e),e.observers.clear())}function ue(e){for(let t of e.owned)F(t);e.owned.length=0;for(let t of e.cleanups)t();e.cleanups.length=0}function I(e){return p(e)}var de=e=>typeof e!=`string`&&`tagName`in e&&`childrenList`in e,fe=(e,t)=>{let n=t.trim();if(!n)return!1;if(n.startsWith(`.`))return e.classList.contains(n.slice(1));if(n.startsWith(`#`))return e.getAttribute(`id`)===n.slice(1);if(n.startsWith(`[`)&&n.endsWith(`]`)){let[t,r]=n.slice(1,-1).trim().split(`=`),i=(t||``).trim();if(!i)return!1;if(r==null)return e.hasAttribute(i);let a=r.trim().replace(/^['"]|['"]$/g,``);return e.getAttribute(i)===a}return e.tagName===n.toLowerCase()},L=(e,t,n)=>{for(let r of e)de(r)&&(fe(r,t)&&n.push(r),L(r.childrenList,t,n))},R=class{childrenList=[];appendChild(e){return this.childrenList.push(e),e}serialize(){return this.childrenList.map(e=>typeof e==`string`?p(e):e.serialize()).join(``)}querySelector(e){let t=this.querySelectorAll(e);return t.length>0?t[0]:null}querySelectorAll(e){let t=[];return L(this.childrenList,e,t),t}},z=class{tagName;attributes=new Map;inlineStyles=new Map;childrenList=[];shadowRoot=null;textContent=null;content;eventListeners=new Map;style={setProperty:(e,t)=>{let n=e.startsWith(`--`)?e:e.replace(/([A-Z])/g,`-$1`).toLowerCase();this.inlineStyles.set(n,t)},removeProperty:e=>this.inlineStyles.delete(e)};classList={add:(...e)=>{let t=this.attributes.get(`class`)||``,n=new Set([...t.split(` `).filter(Boolean),...e]);this.attributes.set(`class`,Array.from(n).join(` `))},remove:(...e)=>{let t=(this.attributes.get(`class`)||``).split(` `).filter(t=>!e.includes(t));this.attributes.set(`class`,t.join(` `))},toggle:e=>{this.classList.contains(e)?this.classList.remove(e):this.classList.add(e)},contains:e=>(this.attributes.get(`class`)||``).split(` `).includes(e)};_innerHTML=``;get innerHTML(){return this._innerHTML}set innerHTML(e){this._innerHTML=e,this.tagName===`template`&&this.content&&(this.content.childrenList=[e])}constructor(e=`div`){this.tagName=e.toLowerCase(),this.tagName===`template`&&(this.content=new R)}get hidden(){return this.hasAttribute(`hidden`)}set hidden(e){e?this.setAttribute(`hidden`,``):this.removeAttribute(`hidden`)}setAttribute(e,t){this.attributes.set(e,t)}getAttribute(e){return this.attributes.get(e)||null}removeAttribute(e){this.attributes.delete(e)}hasAttribute(e){return this.attributes.has(e)}appendChild(e){return this.childrenList.push(e),e}attachShadow(e){return this.shadowRoot=new B(this,e),this.shadowRoot}querySelector(e){let t=this.querySelectorAll(e);return t.length>0?t[0]:null}querySelectorAll(e){let t=[];return L(this.childrenList,e,t),t}addEventListener(e,t){let n=this.eventListeners.get(e)||new Set;n.add(t),this.eventListeners.set(e,n)}removeEventListener(e,t){let n=this.eventListeners.get(e);n&&(n.delete(t),n.size===0&&this.eventListeners.delete(e))}dispatchEvent(e){let t=this.eventListeners.get(e.type);if(!t||t.size===0)return!0;for(let n of t)typeof n==`function`?n.call(this,e):n.handleEvent(e);return!e.defaultPrevented}serialize(e){typeof this._preSerialize==`function`&&this._preSerialize();let t=e||this._ssrTag||this.tagName,n=Array.from(this.attributes.entries()).map(([e,t])=>` ${e}="${I(t)}"`).join(``),r=Array.from(this.inlineStyles.entries()).map(([e,t])=>`${e}:${t}`).join(`;`),i=r?` style="${I(r)}"`:``,a=``;return this.shadowRoot&&(a+=this.shadowRoot.serialize()),this.textContent===null?this._innerHTML?a+=this._innerHTML:a+=this.childrenList.map(e=>typeof e==`string`?p(e):(e instanceof R,e.serialize())).join(``):a+=p(this.textContent),[`area`,`base`,`br`,`col`,`embed`,`hr`,`img`,`input`,`link`,`meta`,`param`,`source`,`track`,`wbr`].includes(t)&&!a?`<${t}${n}${i} />`:`<${t}${n}${i}>${a}</${t}>`}},B=class{host;options;childrenList=[];adoptedStyleSheets=[];constructor(e,t){this.host=e,this.options=t}appendChild(e){return this.childrenList.push(e),e}querySelector(e){let t=this.querySelectorAll(e);return t.length>0?t[0]:null}querySelectorAll(e){let t=[];return L(this.childrenList,e,t),t}serialize(){return`<template shadowrootmode="${this.options.mode}"${this.options.delegatesFocus?` shadowrootdelegatesfocus`:``}>${this.adoptedStyleSheets.map(e=>`<style>${p(e)}</style>`).join(``)}${this.childrenList.map(e=>typeof e==`string`?p(e):(e instanceof R,e.serialize())).join(``)}</template>`}},V=e=>e.reduce((e,t)=>Array.isArray(t)?e.concat(V(t)):e.concat(t),[]),H=e=>e==null?null:e instanceof G?e.build():typeof e==`string`?_?e:document.createTextNode(e):e,pe=(e,t)=>{if(_){W(e,[t()]);return}let n=document.createComment(``),r=document.createComment(``);e.appendChild(n),e.appendChild(r);let i=null,a=()=>{i?.(),i=null;let e=n.nextSibling;for(;e&&e!==r;){let t=e.nextSibling;e.parentNode?.removeChild(e),e=t}};D(()=>{let e=t();a();let n=document.createDocumentFragment();i=O(t=>(W(n,[e]),t)),r.parentNode?.insertBefore(n,r)}),k(()=>i?.())},me=`__ranFor`,he=e=>typeof e==`object`&&!!e&&e[me]===!0,ge=(e,t,n)=>{let[r,i]=E(t),a=null,o=O(t=>{let i=H(n(e,r));return a=typeof i==`string`?document.createTextNode(i):i,t});return{node:a,index:i,dispose:o}},U=(e,t)=>{let n=e.parentNode;if(!n)return;let r=e;for(let e of t)r.nextSibling!==e&&n.insertBefore(e,r.nextSibling),r=e},_e=(e,t)=>{if(_){(t.each()??[]).forEach((n,r)=>{let i=H(t.render(n,()=>r));i!=null&&e.appendChild(i)});return}let n=document.createComment(``);e.appendChild(n);let r=new Map;k(()=>{for(let e of r.values())e.dispose();r.clear()}),D(()=>{let e=t.each()??[],i=new Map,a=[];e.forEach((e,n)=>{let o=t.key(e,n);if(i.has(o))return;let s=r.get(o);s?(r.delete(o),s.index(n)):s=ge(e,n,t.render),i.set(o,s),s.node&&a.push(s.node)});for(let e of r.values())e.node?.parentNode?.removeChild(e.node),e.dispose();U(n,a),r=i})},ve=`__ranIndex`,ye=e=>typeof e==`object`&&!!e&&e[ve]===!0,be=(e,t,n)=>{let[r,i]=E(e),a=null,o=O(e=>{let i=H(n(r,t));return a=typeof i==`string`?document.createTextNode(i):i,e});return{node:a,setItem:i,dispose:o}},xe=(e,t)=>{if(_){(t.each()??[]).forEach((n,r)=>{let i=H(t.render(()=>n,r));i!=null&&e.appendChild(i)});return}let n=document.createComment(``);e.appendChild(n);let r=[];k(()=>{for(let e of r)e.dispose();r=[]}),D(()=>{let e=t.each()??[];for(let n=0;n<e.length;n++)n<r.length?r[n].setItem(e[n]):r.push(be(e[n],n,t.render));for(let t=r.length-1;t>=e.length;t--){let{node:e}=r[t];e?.parentNode?.removeChild(e),r[t].dispose(),r.pop()}U(n,r.map(e=>e.node).filter(e=>e!=null))})},W=(e,t)=>{V(t).forEach(t=>{if(he(t)){_e(e,t);return}if(ye(t)){xe(e,t);return}if(typeof t==`function`){pe(e,t);return}let n=H(t);n!=null&&e.appendChild(n)})},G=class{el;constructor(e){this.el=_?new z(e):document.createElement(e)}id(e){return this.el.setAttribute(`id`,e),this}bind(e,t){typeof e==`function`?D(()=>t(e())):t(e)}class(e){return this.bind(e,e=>{_?this.el.attributes.set(`class`,e):this.el.className=e}),this}addClass(...e){return e.forEach(e=>this.el.classList.add(e)),this}removeClass(...e){return e.forEach(e=>this.el.classList.remove(e)),this}attr(e,t){return this.bind(t,t=>this.el.setAttribute(e,t)),this}attrs(e){return Object.entries(e).forEach(([e,t])=>{t!=null&&this.el.setAttribute(e,String(t))}),this}boolAttr(e,t,n=``){return this.bind(t,t=>{t?this.el.setAttribute(e,n):this.el.removeAttribute(e)}),this}part(e){return this.attr(`part`,e)}data(e,t){return this.attr(`data-${e}`,t)}style(e,t){return typeof e==`string`?this.bind(t??``,t=>this.el.style.setProperty(e,t)):Object.entries(e).forEach(([e,t])=>this.el.style.setProperty(e,t)),this}cssVar(e,t){let n=e.startsWith(`--`)?e:`--${e}`;return this.style(n,t)}aria(e,t){return this.attr(`aria-${e}`,t)}role(e){return this.attr(`role`,e)}tabIndex(e){return this.attr(`tabindex`,String(e))}label(e){return this.aria(`label`,e)}labelledBy(e){return this.aria(`labelledby`,e)}describedBy(e){return this.aria(`describedby`,e)}ariaHidden(e=!0){return this.aria(`hidden`,String(e))}on(e,t,n){return this.el.addEventListener(e,t,n),this}listen(e,t,n,r){return e.on(this.el,t,n,r),this}delegate(e,t,n,r,i){return e.delegate(this.el,t,n,r,i),this}children(...e){return W(this.el,e),this}replaceChildren(...e){if(_){let e=this.el;e.childrenList=[]}else this.el.replaceChildren();return this.children(...e)}text(e){return this.bind(e,e=>{this.el.textContent=e}),this}ref(e){return e.current=this.el,this}shadow(e={mode:`closed`}){let t=this.el.attachShadow(e);return new Se(this.el,t,e)}build(){return this.el}serialize(){if(_)return this.el.serialize();let e=document.createElement(`div`);return e.appendChild(this.el.cloneNode(!0)),e.innerHTML}},Se=class{root;hostEl;options;constructor(e,t,n){this.hostEl=e,this.root=t,this.options=n}children(...e){return W(this.root,e),this}adoptSheet(...e){return this.root.adoptedStyleSheets=[...this.root.adoptedStyleSheets,...e],this}css(e){if(_)return this.root.adoptedStyleSheets.push(e),this;if(typeof CSSStyleSheet<`u`)try{let t=new CSSStyleSheet;return t.replaceSync(e),this.root.adoptedStyleSheets=[...this.root.adoptedStyleSheets,t],this}catch{}let t=document.createElement(`style`);return t.textContent=e,this.root.appendChild(t),this}done(){return{host:this.hostEl,shadow:this.root}}serialize(){return _?this.root.serialize():this.root.innerHTML}},K=e=>new G(e),q=()=>K(`div`),Ce=()=>K(`slot`),J=[!1,`false`,null,void 0],Y=e=>{let t=e.hasAttribute(`disabled`),n=e.getAttribute(`disabled`);return!!(t&&!J.includes(n))},we=new Map;function X(e,t){_?(we.set(e,t),t.prototype._ssrTag=e):customElements.get(e)||customElements.define(e,t)}var Te=typeof document<`u`?HTMLElement:z,Ee=`data-ranui`,De=`data-ranui-sheet`,Oe=(e,t)=>re(e,t,Ee),ke=(e,t)=>ie(e,t,De),Z=new WeakMap,Q=`@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}`,Ae=(e,t=``,n={mode:`closed`})=>{let r=e.shadowRoot||Z.get(e)||e.attachShadow(n);return Z.set(e,r),Oe(r,t?`${t}\n${Q}`:Q),r},je=(e,t,n)=>{let r=e.querySelector(t);if(r)return r;let i=n();return e.appendChild(i),i},Me=(e,t,n,r,i)=>{if(n!==`sheet`||r===i)return;let a=e.getAttribute(`sheet`)||``;a&&ke(t,a)},$=class extends Te{_btn;_btnContent;_iconElement;_slot;_shadowDom;_events=new oe;debounceTimeId;static get observedAttributes(){return[`disabled`,`icon`,`effect`,`iconSize`,`type`,`sheet`]}constructor(){super(),this._shadowDom=Ae(this,ae);let e=je(this._shadowDom,`.ran-btn`,()=>q().class(`ran-btn`).attr(`part`,`button`).role(`button`).tabIndex(0).children(q().class(`ran-btn-content`).attr(`part`,`content`).children(Ce().class(`slot`))).build());this._btn=e,this._btnContent=e.querySelector(`.ran-btn-content`),this._slot=e.querySelector(`slot`)}get sheet(){return this.getAttribute(`sheet`)||``}set sheet(e){this.setAttribute(`sheet`,e||``),this.handlerExternalCss()}get disabled(){return Y(this)}set disabled(e){!e||e===`false`?(this.removeAttribute(`disabled`),this.removeAttribute(`aria-disabled`)):(this.setAttribute(`disabled`,``),this.setAttribute(`aria-disabled`,`true`))}get iconSize(){return this.getAttribute(`iconSize`)||``}set iconSize(e){!e||e===`false`?this.removeAttribute(`iconSize`):(this.setAttribute(`iconSize`,e),this.setIcon())}get icon(){return this.getAttribute(`icon`)||``}set icon(e){!e||e===`false`?this.removeAttribute(`icon`):(this.setAttribute(`icon`,e),this.setIcon())}get effect(){return this.getAttribute(`effect`)||``}set effect(e){J.includes(e)||!e?this.removeAttribute(`effect`):this.setAttribute(`effect`,e)}get type(){return this.getAttribute(`type`)||``}set type(e){e?this.setAttribute(`type`,e):this.removeAttribute(`type`)}setIcon=()=>{if(typeof document>`u`||!this._slot)return;let e=this.icon;if(!e){this._iconElement&&=(this._iconElement.remove(),void 0);return}if(this._iconElement)this._iconElement.setAttribute(`name`,e);else{let t=this._shadowDom.querySelector(`r-icon`);t||(t=K(`r-icon`).attr(`color`,`currentColor`).class(`icon`).build(),this._slot.insertAdjacentElement(`beforebegin`,t)),this._iconElement=t,this._iconElement.setAttribute(`name`,e)}let{width:t,height:n}=this._slot.getBoundingClientRect(),r=Math.min(t,n)||16,i=this.iconSize||`${r>5?r-5:r}`;this._iconElement.setAttribute(`size`,String(i))};mousedown=e=>{if(r()===`pc`&&!this.disabled){this.debounceMouseEvent();let{left:t,top:n}=this.getBoundingClientRect();this._btn.style.setProperty(`--ran-x`,`${e.clientX-t}px`),this._btn.style.setProperty(`--ran-y`,`${e.clientY-n}px`)}};mouseup=()=>{r()===`pc`&&(this.debounceTimeId||=setTimeout(()=>{this._btn.style.removeProperty(`--ran-x`),this._btn.style.removeProperty(`--ran-y`),this.debounceMouseEvent()},600))};keydown=e=>{Y(this)||(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),this.click())};debounceMouseEvent=()=>{this.debounceTimeId&&=(clearTimeout(this.debounceTimeId),void 0)};handlerExternalCss=()=>{Me(this,this._shadowDom,`sheet`,null,this.sheet)};syncA11yState=()=>{let e=Y(this);this._btn.setAttribute(`aria-disabled`,e?`true`:`false`),this._btn.tabIndex=e?-1:0,e?(this.setAttribute(`aria-disabled`,`true`),this._btnContent.setAttribute(`disabled`,`true`)):(this.removeAttribute(`aria-disabled`),this._btnContent.removeAttribute(`disabled`))};connectedCallback(){this.handlerExternalCss(),this.setIcon(),this.syncA11yState(),this._events.on(this._btn,`mousedown`,this.mousedown).on(this._btn,`mouseup`,this.mouseup).on(this._btn,`keydown`,this.keydown)}disconnectedCallback(){this.debounceMouseEvent(),this._events.abort()}attributeChangedCallback(e,t,n){t!==n&&(e===`disabled`&&this._btnContent&&this.syncA11yState(),(e===`icon`||e===`iconSize`)&&this.setIcon(),e===`sheet`&&this.handlerExternalCss())}};return X(`r-button`,$),e.Button=$,e.default=$,e})({});