vue-quest-ui 0.0.4 → 0.0.6

package/dist/vue-quest-ui.css

@@ -1 +1 @@
-.base-icon__wrapper[data-v-af0f176c]{display:inline-flex;align-items:center;justify-content:center}.image-icon[data-v-af0f176c]{width:1.1em}.user-image__wrapper[data-v-5fa938c7]{display:inline-block}.user-image[data-v-5fa938c7]{border-radius:50%;width:2.35em}.user-icon[data-v-5fa938c7]{color:var(--37a07012)}.user-icon [data-v-5fa938c7] svg{width:2.3em;height:2.3em}
+.base-icon__wrapper[data-v-af0f176c]{display:inline-flex;align-items:center;justify-content:center}.image-icon[data-v-af0f176c]{width:1.1em}.user-image__wrapper[data-v-5fa938c7]{display:inline-block}.user-image[data-v-5fa938c7]{border-radius:50%;width:2.35em}.user-icon[data-v-5fa938c7]{color:var(--37a07012)}.user-icon [data-v-5fa938c7] svg{width:2.3em;height:2.3em}.base-icon__wrapper[data-v-369c65cf]{display:inline-flex;align-items:center;justify-content:center}.base-icon__wrapper.icon--align[data-v-369c65cf]{vertical-align:sub}.image-icon[data-v-369c65cf]{width:1.1em}.user-image__wrapper[data-v-72891255]{display:inline-block}.user-image[data-v-72891255]{border-radius:50%;width:2.35em}[data-v-72891255] .user-icon svg{width:2.3em!important;height:2.3em!important}[data-v-72891255] .user-icon.icon-border{border:1px solid white;border-radius:50%}

package/dist/vue-quest-ui.js

@@ -1,5 +1,5 @@
-import { defineComponent as we, h as K, computed as ve, createElementBlock as _, openBlock as k, normalizeClass as Se, normalizeStyle as B, createBlock as le, unref as ke, useCssVars as Ce } from "vue";
-const ue = /^[a-z0-9]+(-[a-z0-9]+)*$/, z = (e, t, o, i = "") => {
+import { defineComponent as ve, h as K, computed as Se, createElementBlock as _, openBlock as k, normalizeClass as le, normalizeStyle as B, createBlock as ue, unref as ke } from "vue";
+const ae = /^[a-z0-9]+(-[a-z0-9]+)*$/, z = (e, t, o, i = "") => {
   const n = e.split(":");
   if (e.slice(0, 1) === "@") {
     if (n.length < 2 || n.length > 3)
@@ -48,11 +48,11 @@ const ue = /^[a-z0-9]+(-[a-z0-9]+)*$/, z = (e, t, o, i = "") => {
   rotate: 0,
   vFlip: !1,
   hFlip: !1
-}), q = Object.freeze({
+}), N = Object.freeze({
   ...fe,
   ...M
 }), $ = Object.freeze({
-  ...q,
+  ...N,
   body: "",
   hidden: !1
 });
@@ -68,7 +68,7 @@ function J(e, t) {
     i in M ? i in e && !(i in o) && (o[i] = M[i]) : i in t ? o[i] = t[i] : i in e && (o[i] = e[i]);
   return o;
 }
-function Pe(e, t) {
+function Ce(e, t) {
   const o = e.icons, i = e.aliases || /* @__PURE__ */ Object.create(null), n = /* @__PURE__ */ Object.create(null);
   function s(r) {
     if (o[r])
@@ -82,7 +82,7 @@ function Pe(e, t) {
   }
   return Object.keys(o).concat(Object.keys(i)).forEach(s), n;
 }
-function je(e, t, o) {
+function Pe(e, t, o) {
   const i = e.icons, n = e.aliases || /* @__PURE__ */ Object.create(null);
   let s = {};
   function r(c) {
@@ -93,37 +93,37 @@ function je(e, t, o) {
   }
   return r(t), o.forEach(r), J(e, s);
 }
-function ae(e, t) {
+function de(e, t) {
   const o = [];
   if (typeof e != "object" || typeof e.icons != "object")
     return o;
   e.not_found instanceof Array && e.not_found.forEach((n) => {
     t(n, null), o.push(n);
   });
-  const i = Pe(e);
+  const i = Ce(e);
   for (const n in i) {
     const s = i[n];
-    s && (t(n, je(e, n, s)), o.push(n));
+    s && (t(n, Pe(e, n, s)), o.push(n));
   }
   return o;
 }
-const Ee = {
+const je = {
   provider: "",
   aliases: {},
   not_found: {},
   ...fe
 };
-function R(e, t) {
+function q(e, t) {
   for (const o in t)
     if (o in e && typeof e[o] != typeof t[o])
       return !1;
   return !0;
 }
-function de(e) {
+function pe(e) {
   if (typeof e != "object" || e === null)
     return null;
   const t = e;
-  if (typeof t.prefix != "string" || !e.icons || typeof e.icons != "object" || !R(e, Ee))
+  if (typeof t.prefix != "string" || !e.icons || typeof e.icons != "object" || !q(e, je))
     return null;
   const o = t.icons;
   for (const n in o) {
@@ -132,7 +132,7 @@ function de(e) {
       // Name cannot be empty
       !n || // Must have body
       typeof s.body != "string" || // Check other props
-      !R(
+      !q(
         s,
         $
       )
@@ -146,7 +146,7 @@ function de(e) {
       // Name cannot be empty
       !n || // Parent must be set and point to existing icon
       typeof r != "string" || !o[r] && !i[r] || // Check other props
-      !R(
+      !q(
         s,
         $
       )
@@ -156,7 +156,7 @@ function de(e) {
   return t;
 }
 const X = /* @__PURE__ */ Object.create(null);
-function Le(e, t) {
+function Ee(e, t) {
   return {
     provider: e,
     prefix: t,
@@ -164,16 +164,16 @@ function Le(e, t) {
     missing: /* @__PURE__ */ new Set()
   };
 }
-function C(e, t) {
+function T(e, t) {
   const o = X[e] || (X[e] = /* @__PURE__ */ Object.create(null));
-  return o[t] || (o[t] = Le(e, t));
+  return o[t] || (o[t] = Ee(e, t));
 }
 function he(e, t) {
-  return de(t) ? ae(t, (o, i) => {
+  return pe(t) ? de(t, (o, i) => {
     i ? e.icons[o] = i : e.missing.add(o);
   }) : [];
 }
-function Fe(e, t, o) {
+function Le(e, t, o) {
   try {
     if (typeof o.body == "string")
       return e.icons[t] = { ...o }, !0;
@@ -182,30 +182,30 @@ function Fe(e, t, o) {
   return !1;
 }
 let E = !1;
-function pe(e) {
+function ge(e) {
   return typeof e == "boolean" && (E = e), E;
 }
-function Oe(e) {
+function Fe(e) {
   const t = typeof e == "string" ? z(e, !0, E) : e;
   if (t) {
-    const o = C(t.provider, t.prefix), i = t.name;
+    const o = T(t.provider, t.prefix), i = t.name;
     return o.icons[i] || (o.missing.has(i) ? null : void 0);
   }
 }
-function Ae(e, t) {
+function Oe(e, t) {
   const o = z(e, !0, E);
   if (!o)
     return !1;
-  const i = C(o.provider, o.prefix);
-  return t ? Fe(i, o.name, t) : (i.missing.add(o.name), !0);
+  const i = T(o.provider, o.prefix);
+  return t ? Le(i, o.name, t) : (i.missing.add(o.name), !0);
 }
-function _e(e, t) {
+function Ae(e, t) {
   if (typeof e != "object")
     return !1;
   if (typeof t != "string" && (t = e.provider || ""), E && !t && !e.prefix) {
     let n = !1;
-    return de(e) && (e.prefix = "", ae(e, (s, r) => {
-      Ae(s, r) && (n = !0);
+    return pe(e) && (e.prefix = "", de(e, (s, r) => {
+      Oe(s, r) && (n = !0);
     })), n;
   }
   const o = e.prefix;
@@ -214,18 +214,18 @@ function _e(e, t) {
     name: "a"
   }))
     return !1;
-  const i = C(t, o);
+  const i = T(t, o);
   return !!he(i, e);
 }
-const ge = Object.freeze({
+const me = Object.freeze({
   width: null,
   height: null
-}), me = Object.freeze({
+}), ye = Object.freeze({
   // Dimensions
-  ...ge,
+  ...me,
   // Transformations
   ...M
-}), Me = /(-?[0-9.]*[0-9]+[0-9.]*)/g, ze = /^-?[0-9.]*[0-9]+[0-9.]*$/g;
+}), _e = /(-?[0-9.]*[0-9]+[0-9.]*)/g, Me = /^-?[0-9.]*[0-9]+[0-9.]*$/g;
 function Y(e, t, o) {
   if (t === 1)
     return e;
@@ -233,11 +233,11 @@ function Y(e, t, o) {
     return Math.ceil(e * t * o) / o;
   if (typeof e != "string")
     return e;
-  const i = e.split(Me);
+  const i = e.split(_e);
   if (i === null || !i.length)
     return e;
   const n = [];
-  let s = i.shift(), r = ze.test(s);
+  let s = i.shift(), r = Me.test(s);
   for (; ; ) {
     if (r) {
       const c = parseFloat(s);
@@ -249,7 +249,7 @@ function Y(e, t, o) {
     r = !r;
   }
 }
-function qe(e, t = "defs") {
+function ze(e, t = "defs") {
   let o = "";
   const i = e.indexOf("<" + t);
   for (; i >= 0; ) {
@@ -270,16 +270,16 @@ function Ne(e, t) {
   return e ? "<defs>" + e + "</defs>" + t : t;
 }
 function Re(e, t, o) {
-  const i = qe(e);
+  const i = ze(e);
   return Ne(i.defs, t + i.content + o);
 }
-const De = (e) => e === "unset" || e === "undefined" || e === "none";
-function Be(e, t) {
+const qe = (e) => e === "unset" || e === "undefined" || e === "none";
+function De(e, t) {
   const o = {
-    ...q,
+    ...N,
     ...e
   }, i = {
-    ...me,
+    ...ye,
     ...t
   }, n = {
     left: o.left,
@@ -289,63 +289,63 @@ function Be(e, t) {
   };
   let s = o.body;
   [o, i].forEach((g) => {
-    const f = [], S = g.hFlip, w = g.vFlip;
-    let b = g.rotate;
-    S ? w ? b += 2 : (f.push(
+    const a = [], S = g.hFlip, w = g.vFlip;
+    let x = g.rotate;
+    S ? w ? x += 2 : (a.push(
       "translate(" + (n.width + n.left).toString() + " " + (0 - n.top).toString() + ")"
-    ), f.push("scale(-1 1)"), n.top = n.left = 0) : w && (f.push(
+    ), a.push("scale(-1 1)"), n.top = n.left = 0) : w && (a.push(
       "translate(" + (0 - n.left).toString() + " " + (n.height + n.top).toString() + ")"
-    ), f.push("scale(1 -1)"), n.top = n.left = 0);
+    ), a.push("scale(1 -1)"), n.top = n.left = 0);
     let y;
-    switch (b < 0 && (b -= Math.floor(b / 4) * 4), b = b % 4, b) {
+    switch (x < 0 && (x -= Math.floor(x / 4) * 4), x = x % 4, x) {
       case 1:
-        y = n.height / 2 + n.top, f.unshift(
+        y = n.height / 2 + n.top, a.unshift(
           "rotate(90 " + y.toString() + " " + y.toString() + ")"
         );
         break;
       case 2:
-        f.unshift(
+        a.unshift(
           "rotate(180 " + (n.width / 2 + n.left).toString() + " " + (n.height / 2 + n.top).toString() + ")"
         );
         break;
       case 3:
-        y = n.width / 2 + n.left, f.unshift(
+        y = n.width / 2 + n.left, a.unshift(
           "rotate(-90 " + y.toString() + " " + y.toString() + ")"
         );
         break;
     }
-    b % 2 === 1 && (n.left !== n.top && (y = n.left, n.left = n.top, n.top = y), n.width !== n.height && (y = n.width, n.width = n.height, n.height = y)), f.length && (s = Re(
+    x % 2 === 1 && (n.left !== n.top && (y = n.left, n.left = n.top, n.top = y), n.width !== n.height && (y = n.width, n.width = n.height, n.height = y)), a.length && (s = Re(
       s,
-      '<g transform="' + f.join(" ") + '">',
+      '<g transform="' + a.join(" ") + '">',
       "</g>"
     ));
   });
   const r = i.width, c = i.height, l = n.width, u = n.height;
-  let a, d;
-  r === null ? (d = c === null ? "1em" : c === "auto" ? u : c, a = Y(d, l / u)) : (a = r === "auto" ? l : r, d = c === null ? Y(a, u / l) : c === "auto" ? u : c);
-  const p = {}, m = (g, f) => {
-    De(f) || (p[g] = f.toString());
+  let f, d;
+  r === null ? (d = c === null ? "1em" : c === "auto" ? u : c, f = Y(d, l / u)) : (f = r === "auto" ? l : r, d = c === null ? Y(f, u / l) : c === "auto" ? u : c);
+  const h = {}, m = (g, a) => {
+    qe(a) || (h[g] = a.toString());
   };
-  m("width", a), m("height", d);
+  m("width", f), m("height", d);
   const I = [n.left, n.top, l, u];
-  return p.viewBox = I.join(" "), {
-    attributes: p,
+  return h.viewBox = I.join(" "), {
+    attributes: h,
     viewBox: I,
     body: s
   };
 }
-const $e = /\sid="(\S+)"/g, Ue = "IconifyId" + Date.now().toString(16) + (Math.random() * 16777216 | 0).toString(16);
-let Qe = 0;
-function Ve(e, t = Ue) {
+const Be = /\sid="(\S+)"/g, $e = "IconifyId" + Date.now().toString(16) + (Math.random() * 16777216 | 0).toString(16);
+let Ue = 0;
+function Qe(e, t = $e) {
   const o = [];
   let i;
-  for (; i = $e.exec(e); )
+  for (; i = Be.exec(e); )
     o.push(i[1]);
   if (!o.length)
     return e;
   const n = "suffix" + (Math.random() * 16777216 | Date.now()).toString(16);
   return o.forEach((s) => {
-    const r = typeof t == "function" ? t(s) : t + (Qe++).toString(), c = s.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+    const r = typeof t == "function" ? t(s) : t + (Ue++).toString(), c = s.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
     e = e.replace(
       // Allowed characters before id: [#;"]
       // Allowed characters after id: [)"], .[a-z]
@@ -355,7 +355,7 @@ function Ve(e, t = Ue) {
   }), e = e.replace(new RegExp(n, "g"), ""), e;
 }
 const U = /* @__PURE__ */ Object.create(null);
-function He(e, t) {
+function Ve(e, t) {
   U[e] = t;
 }
 function Q(e) {
@@ -395,14 +395,14 @@ for (; P.length > 0; )
 G[""] = H({
   resources: ["https://api.iconify.design"].concat(O)
 });
-function Ge(e, t) {
+function He(e, t) {
   const o = H(t);
   return o === null ? !1 : (G[e] = o, !0);
 }
 function W(e) {
   return G[e];
 }
-const We = () => {
+const Ge = () => {
   let e;
   try {
     if (e = fetch, typeof e == "function")
@@ -410,8 +410,8 @@ const We = () => {
   } catch {
   }
 };
-let Z = We();
-function Ke(e, t) {
+let Z = Ge();
+function We(e, t) {
   const o = W(e);
   if (!o)
     return 0;
@@ -428,11 +428,11 @@ function Ke(e, t) {
   }
   return i;
 }
-function Je(e) {
+function Ke(e) {
   return e === 404;
 }
-const Xe = (e, t, o) => {
-  const i = [], n = Ke(e, t), s = "icons";
+const Je = (e, t, o) => {
+  const i = [], n = We(e, t), s = "icons";
   let r = {
     type: s,
     provider: e,
@@ -448,7 +448,7 @@ const Xe = (e, t, o) => {
     }, c = l.length), r.icons.push(l);
   }), i.push(r), i;
 };
-function Ye(e) {
+function Xe(e) {
   if (typeof e == "string") {
     const t = W(e);
     if (t)
@@ -456,12 +456,12 @@ function Ye(e) {
   }
   return "/";
 }
-const Ze = (e, t, o) => {
+const Ye = (e, t, o) => {
   if (!Z) {
     o("abort", 424);
     return;
   }
-  let i = Ye(t.provider);
+  let i = Xe(t.provider);
   switch (t.type) {
     case "icons": {
       const s = t.prefix, c = t.icons.join(","), l = new URLSearchParams({
@@ -484,7 +484,7 @@ const Ze = (e, t, o) => {
     const r = s.status;
     if (r !== 200) {
       setTimeout(() => {
-        o(Je(r) ? "abort" : "next", r);
+        o(Ke(r) ? "abort" : "next", r);
       });
       return;
     }
@@ -502,11 +502,11 @@ const Ze = (e, t, o) => {
   }).catch(() => {
     o("next", n);
   });
-}, et = {
-  prepare: Xe,
-  send: Ze
+}, Ze = {
+  prepare: Je,
+  send: Ye
 };
-function tt(e) {
+function et(e) {
   const t = {
     loaded: [],
     missing: [],
@@ -522,24 +522,24 @@ function tt(e) {
     if (i.name === n.name && i.prefix === n.prefix && i.provider === n.provider)
       return;
     i = n;
-    const s = n.provider, r = n.prefix, c = n.name, l = o[s] || (o[s] = /* @__PURE__ */ Object.create(null)), u = l[r] || (l[r] = C(s, r));
-    let a;
-    c in u.icons ? a = t.loaded : r === "" || u.missing.has(c) ? a = t.missing : a = t.pending;
+    const s = n.provider, r = n.prefix, c = n.name, l = o[s] || (o[s] = /* @__PURE__ */ Object.create(null)), u = l[r] || (l[r] = T(s, r));
+    let f;
+    c in u.icons ? f = t.loaded : r === "" || u.missing.has(c) ? f = t.missing : f = t.pending;
     const d = {
       provider: s,
       prefix: r,
       name: c
     };
-    a.push(d);
+    f.push(d);
   }), t;
 }
-function ye(e, t) {
+function be(e, t) {
   e.forEach((o) => {
     const i = o.loaderCallbacks;
     i && (o.loaderCallbacks = i.filter((n) => n.id !== t));
   });
 }
-function nt(e) {
+function tt(e) {
   e.pendingCallbacksFlag || (e.pendingCallbacksFlag = !0, setTimeout(() => {
     e.pendingCallbacksFlag = !1;
     const t = e.loaderCallbacks ? e.loaderCallbacks.slice(0) : [];
@@ -568,7 +568,7 @@ function nt(e) {
         else
           return o = !0, !0;
         return !1;
-      }), r.pending.length !== c && (o || ye([e], s.id), s.callback(
+      }), r.pending.length !== c && (o || be([e], s.id), s.callback(
         r.loaded.slice(0),
         r.missing.slice(0),
         r.pending.slice(0),
@@ -577,9 +577,9 @@ function nt(e) {
     });
   }));
 }
-let ot = 0;
-function it(e, t, o) {
-  const i = ot++, n = ye.bind(null, o, i);
+let nt = 0;
+function ot(e, t, o) {
+  const i = nt++, n = be.bind(null, o, i);
   if (!t.pending.length)
     return n;
   const s = {
@@ -592,14 +592,14 @@ function it(e, t, o) {
     (r.loaderCallbacks || (r.loaderCallbacks = [])).push(s);
   }), n;
 }
-function st(e, t = !0, o = !1) {
+function it(e, t = !0, o = !1) {
   const i = [];
   return e.forEach((n) => {
     const s = typeof n == "string" ? z(n, t, o) : n;
     s && i.push(s);
   }), i;
 }
-var rt = {
+var st = {
   resources: [],
   index: 0,
   timeout: 2e3,
@@ -607,31 +607,31 @@ var rt = {
   random: !1,
   dataAfterTimeout: !1
 };
-function ct(e, t, o, i) {
+function rt(e, t, o, i) {
   const n = e.resources.length, s = e.random ? Math.floor(Math.random() * n) : e.index;
   let r;
   if (e.random) {
-    let h = e.resources.slice(0);
-    for (r = []; h.length > 1; ) {
-      const x = Math.floor(Math.random() * h.length);
-      r.push(h[x]), h = h.slice(0, x).concat(h.slice(x + 1));
+    let p = e.resources.slice(0);
+    for (r = []; p.length > 1; ) {
+      const b = Math.floor(Math.random() * p.length);
+      r.push(p[b]), p = p.slice(0, b).concat(p.slice(b + 1));
     }
-    r = r.concat(h);
+    r = r.concat(p);
   } else
     r = e.resources.slice(s).concat(e.resources.slice(0, s));
   const c = Date.now();
-  let l = "pending", u = 0, a, d = null, p = [], m = [];
+  let l = "pending", u = 0, f, d = null, h = [], m = [];
   typeof i == "function" && m.push(i);
   function I() {
     d && (clearTimeout(d), d = null);
   }
   function g() {
-    l === "pending" && (l = "aborted"), I(), p.forEach((h) => {
-      h.status === "pending" && (h.status = "aborted");
-    }), p = [];
+    l === "pending" && (l = "aborted"), I(), h.forEach((p) => {
+      p.status === "pending" && (p.status = "aborted");
+    }), h = [];
   }
-  function f(h, x) {
-    x && (m = []), typeof h == "function" && m.push(h);
+  function a(p, b) {
+    b && (m = []), typeof p == "function" && m.push(p);
   }
   function S() {
     return {
@@ -639,24 +639,24 @@ function ct(e, t, o, i) {
       payload: t,
       status: l,
       queriesSent: u,
-      queriesPending: p.length,
-      subscribe: f,
+      queriesPending: h.length,
+      subscribe: a,
       abort: g
     };
   }
   function w() {
-    l = "failed", m.forEach((h) => {
-      h(void 0, a);
+    l = "failed", m.forEach((p) => {
+      p(void 0, f);
     });
   }
-  function b() {
-    p.forEach((h) => {
-      h.status === "pending" && (h.status = "aborted");
-    }), p = [];
+  function x() {
+    h.forEach((p) => {
+      p.status === "pending" && (p.status = "aborted");
+    }), h = [];
   }
-  function y(h, x, T) {
-    const L = x !== "success";
-    switch (p = p.filter((v) => v !== h), l) {
+  function y(p, b, C) {
+    const L = b !== "success";
+    switch (h = h.filter((v) => v !== p), l) {
       case "pending":
         break;
       case "failed":
@@ -666,51 +666,51 @@ function ct(e, t, o, i) {
       default:
         return;
     }
-    if (x === "abort") {
-      a = T, w();
+    if (b === "abort") {
+      f = C, w();
       return;
     }
     if (L) {
-      a = T, p.length || (r.length ? N() : w());
+      f = C, h.length || (r.length ? R() : w());
       return;
     }
-    if (I(), b(), !e.random) {
-      const v = e.resources.indexOf(h.resource);
+    if (I(), x(), !e.random) {
+      const v = e.resources.indexOf(p.resource);
       v !== -1 && v !== e.index && (e.index = v);
     }
     l = "completed", m.forEach((v) => {
-      v(T);
+      v(C);
     });
   }
-  function N() {
+  function R() {
     if (l !== "pending")
       return;
     I();
-    const h = r.shift();
-    if (h === void 0) {
-      if (p.length) {
+    const p = r.shift();
+    if (p === void 0) {
+      if (h.length) {
         d = setTimeout(() => {
-          I(), l === "pending" && (b(), w());
+          I(), l === "pending" && (x(), w());
         }, e.timeout);
         return;
       }
       w();
       return;
     }
-    const x = {
+    const b = {
       status: "pending",
-      resource: h,
-      callback: (T, L) => {
-        y(x, T, L);
+      resource: p,
+      callback: (C, L) => {
+        y(b, C, L);
       }
     };
-    p.push(x), u++, d = setTimeout(N, e.rotate), o(h, t, x.callback);
+    h.push(b), u++, d = setTimeout(R, e.rotate), o(p, t, b.callback);
   }
-  return setTimeout(N), S;
+  return setTimeout(R), S;
 }
 function xe(e) {
   const t = {
-    ...rt,
+    ...st,
     ...e
   };
   let o = [];
@@ -718,15 +718,15 @@ function xe(e) {
     o = o.filter((c) => c().status === "pending");
   }
   function n(c, l, u) {
-    const a = ct(
+    const f = rt(
       t,
       c,
       l,
-      (d, p) => {
-        i(), u && u(d, p);
+      (d, h) => {
+        i(), u && u(d, h);
       }
     );
-    return o.push(a), a;
+    return o.push(f), f;
   }
   function s(c) {
     return o.find((l) => c(l)) || null;
@@ -744,7 +744,7 @@ function xe(e) {
 function ee() {
 }
 const D = /* @__PURE__ */ Object.create(null);
-function lt(e) {
+function ct(e) {
   if (!D[e]) {
     const t = W(e);
     if (!t)
@@ -757,14 +757,14 @@ function lt(e) {
   }
   return D[e];
 }
-function ut(e, t, o) {
+function lt(e, t, o) {
   let i, n;
   if (typeof e == "string") {
     const s = Q(e);
     if (!s)
       return o(void 0, 424), ee;
     n = s.send;
-    const r = lt(e);
+    const r = ct(e);
     r && (i = r.redundancy);
   } else {
     const s = H(e);
@@ -778,15 +778,15 @@ function ut(e, t, o) {
 }
 function te() {
 }
-function ft(e) {
+function ut(e) {
   e.iconsLoaderFlag || (e.iconsLoaderFlag = !0, setTimeout(() => {
-    e.iconsLoaderFlag = !1, nt(e);
+    e.iconsLoaderFlag = !1, tt(e);
   }));
 }
 function at(e) {
   const t = [], o = [];
   return e.forEach((i) => {
-    (i.match(ue) ? t : o).push(i);
+    (i.match(ae) ? t : o).push(i);
   }), {
     valid: t,
     invalid: o
@@ -808,7 +808,7 @@ function j(e, t, o) {
     } catch (n) {
       console.error(n);
     }
-  i(), ft(e);
+  i(), ut(e);
 }
 function ne(e, t) {
   e instanceof Promise ? e.then((o) => {
@@ -817,7 +817,7 @@ function ne(e, t) {
     t(null);
   }) : t(e);
 }
-function dt(e, t) {
+function ft(e, t) {
   e.iconsToLoad ? e.iconsToLoad = e.iconsToLoad.concat(t).sort() : e.iconsToLoad = t, e.iconsQueueFlag || (e.iconsQueueFlag = !0, setTimeout(() => {
     e.iconsQueueFlag = !1;
     const { provider: o, prefix: i } = e, n = e.iconsToLoad;
@@ -827,23 +827,23 @@ function dt(e, t) {
     if (e.loadIcons && (n.length > 1 || !s)) {
       ne(
         e.loadIcons(n, i, o),
-        (a) => {
-          j(e, n, a);
+        (f) => {
+          j(e, n, f);
         }
       );
       return;
     }
     if (s) {
-      n.forEach((a) => {
-        const d = s(a, i, o);
-        ne(d, (p) => {
-          const m = p ? {
+      n.forEach((f) => {
+        const d = s(f, i, o);
+        ne(d, (h) => {
+          const m = h ? {
             prefix: i,
             icons: {
-              [a]: p
+              [f]: h
             }
           } : null;
-          j(e, [a], m);
+          j(e, [f], m);
         });
       });
       return;
@@ -851,20 +851,20 @@ function dt(e, t) {
     const { valid: r, invalid: c } = at(n);
     if (c.length && j(e, c, null), !r.length)
       return;
-    const l = i.match(ue) ? Q(o) : null;
+    const l = i.match(ae) ? Q(o) : null;
     if (!l) {
       j(e, r, null);
       return;
     }
-    l.prepare(o, i, r).forEach((a) => {
-      ut(o, a, (d) => {
-        j(e, a.icons, d);
+    l.prepare(o, i, r).forEach((f) => {
+      lt(o, f, (d) => {
+        j(e, f.icons, d);
       });
     });
   }));
 }
-const ht = (e, t) => {
-  const o = st(e, !0, pe()), i = tt(o);
+const dt = (e, t) => {
+  const o = it(e, !0, ge()), i = et(o);
   if (!i.pending.length) {
     let l = !0;
     return t && setTimeout(() => {
@@ -881,19 +881,19 @@ const ht = (e, t) => {
   const n = /* @__PURE__ */ Object.create(null), s = [];
   let r, c;
   return i.pending.forEach((l) => {
-    const { provider: u, prefix: a } = l;
-    if (a === c && u === r)
+    const { provider: u, prefix: f } = l;
+    if (f === c && u === r)
       return;
-    r = u, c = a, s.push(C(u, a));
+    r = u, c = f, s.push(T(u, f));
     const d = n[u] || (n[u] = /* @__PURE__ */ Object.create(null));
-    d[a] || (d[a] = []);
+    d[f] || (d[f] = []);
   }), i.pending.forEach((l) => {
-    const { provider: u, prefix: a, name: d } = l, p = C(u, a), m = p.pendingIcons || (p.pendingIcons = /* @__PURE__ */ new Set());
-    m.has(d) || (m.add(d), n[u][a].push(d));
+    const { provider: u, prefix: f, name: d } = l, h = T(u, f), m = h.pendingIcons || (h.pendingIcons = /* @__PURE__ */ new Set());
+    m.has(d) || (m.add(d), n[u][f].push(d));
   }), s.forEach((l) => {
     const u = n[l.provider][l.prefix];
-    u.length && dt(l, u);
-  }), t ? it(t, i, s) : te;
+    u.length && ft(l, u);
+  }), t ? ot(t, i, s) : te;
 };
 function pt(e, t) {
   const o = {
@@ -901,13 +901,13 @@ function pt(e, t) {
   };
   for (const i in t) {
     const n = t[i], s = typeof n;
-    i in ge ? (n === null || n && (s === "string" || s === "number")) && (o[i] = n) : s === typeof o[i] && (o[i] = i === "rotate" ? n % 4 : n);
+    i in me ? (n === null || n && (s === "string" || s === "number")) && (o[i] = n) : s === typeof o[i] && (o[i] = i === "rotate" ? n % 4 : n);
   }
   return o;
 }
-const gt = /[\s,]+/;
-function mt(e, t) {
-  t.split(gt).forEach((o) => {
+const ht = /[\s,]+/;
+function gt(e, t) {
+  t.split(ht).forEach((o) => {
     switch (o.trim()) {
       case "horizontal":
         e.hFlip = !0;
@@ -918,7 +918,7 @@ function mt(e, t) {
     }
   });
 }
-function yt(e, t = 0) {
+function mt(e, t = 0) {
   const o = e.replace(/^-?[0-9.]*/, "");
   function i(n) {
     for (; n < 0; )
@@ -944,7 +944,7 @@ function yt(e, t = 0) {
   }
   return t;
 }
-function xt(e, t) {
+function yt(e, t) {
   let o = e.indexOf("xlink:") === -1 ? "" : ' xmlns:xlink="http://www.w3.org/1999/xlink"';
   for (const i in t)
     o += " " + i + '="' + t[i] + '"';
@@ -953,25 +953,25 @@ function xt(e, t) {
 function bt(e) {
   return e.replace(/"/g, "'").replace(/%/g, "%25").replace(/#/g, "%23").replace(/</g, "%3C").replace(/>/g, "%3E").replace(/\s+/g, " ");
 }
-function It(e) {
+function xt(e) {
   return "data:image/svg+xml," + bt(e);
 }
-function wt(e) {
-  return 'url("' + It(e) + '")';
+function It(e) {
+  return 'url("' + xt(e) + '")';
 }
 const oe = {
-  ...me,
+  ...ye,
   inline: !1
-}, vt = {
+}, wt = {
   xmlns: "http://www.w3.org/2000/svg",
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   "aria-hidden": !0,
   role: "img"
-}, St = {
+}, vt = {
   display: "inline-block"
 }, V = {
   backgroundColor: "currentColor"
-}, be = {
+}, Ie = {
   backgroundColor: "transparent"
 }, ie = {
   Image: "var(--svg)",
@@ -980,7 +980,7 @@ const oe = {
 }, se = {
   webkitMask: V,
   mask: V,
-  background: be
+  background: Ie
 };
 for (const e in se) {
   const t = se[e];
@@ -996,10 +996,10 @@ function re(e) {
   return e + (e.match(/^[-0-9.]+$/) ? "px" : "");
 }
 const ce = (e, t) => {
-  const o = pt(oe, t), i = { ...vt }, n = t.mode || "svg", s = {}, r = t.style, c = typeof r == "object" && !(r instanceof Array) ? r : {};
+  const o = pt(oe, t), i = { ...wt }, n = t.mode || "svg", s = {}, r = t.style, c = typeof r == "object" && !(r instanceof Array) ? r : {};
   for (let g in t) {
-    const f = t[g];
-    if (f !== void 0)
+    const a = t[g];
+    if (a !== void 0)
       switch (g) {
         // Properties to ignore
         case "icon":
@@ -1012,57 +1012,57 @@ const ce = (e, t) => {
         case "inline":
         case "hFlip":
         case "vFlip":
-          o[g] = f === !0 || f === "true" || f === 1;
+          o[g] = a === !0 || a === "true" || a === 1;
           break;
         // Flip as string: 'horizontal,vertical'
         case "flip":
-          typeof f == "string" && mt(o, f);
+          typeof a == "string" && gt(o, a);
           break;
         // Color: override style
         case "color":
-          s.color = f;
+          s.color = a;
           break;
         // Rotation as string
         case "rotate":
-          typeof f == "string" ? o[g] = yt(f) : typeof f == "number" && (o[g] = f);
+          typeof a == "string" ? o[g] = mt(a) : typeof a == "number" && (o[g] = a);
           break;
         // Remove aria-hidden
         case "ariaHidden":
         case "aria-hidden":
-          f !== !0 && f !== "true" && delete i["aria-hidden"];
+          a !== !0 && a !== "true" && delete i["aria-hidden"];
           break;
         default: {
           const S = A[g];
-          S ? (f === !0 || f === "true" || f === 1) && (o[S] = !0) : oe[g] === void 0 && (i[g] = f);
+          S ? (a === !0 || a === "true" || a === 1) && (o[S] = !0) : oe[g] === void 0 && (i[g] = a);
         }
       }
   }
-  const l = Be(e, o), u = l.attributes;
+  const l = De(e, o), u = l.attributes;
   if (o.inline && (s.verticalAlign = "-0.125em"), n === "svg") {
     i.style = {
       ...s,
       ...c
     }, Object.assign(i, u);
-    let g = 0, f = t.id;
-    return typeof f == "string" && (f = f.replace(/-/g, "_")), i.innerHTML = Ve(l.body, f ? () => f + "ID" + g++ : "iconifyVue"), K("svg", i);
+    let g = 0, a = t.id;
+    return typeof a == "string" && (a = a.replace(/-/g, "_")), i.innerHTML = Qe(l.body, a ? () => a + "ID" + g++ : "iconifyVue"), K("svg", i);
   }
-  const { body: a, width: d, height: p } = e, m = n === "mask" || (n === "bg" ? !1 : a.indexOf("currentColor") !== -1), I = xt(a, {
+  const { body: f, width: d, height: h } = e, m = n === "mask" || (n === "bg" ? !1 : f.indexOf("currentColor") !== -1), I = yt(f, {
     ...u,
     width: d + "",
-    height: p + ""
+    height: h + ""
   });
   return i.style = {
     ...s,
-    "--svg": wt(I),
+    "--svg": It(I),
     width: re(u.width),
     height: re(u.height),
-    ...St,
-    ...m ? V : be,
+    ...vt,
+    ...m ? V : Ie,
     ...c
   }, K("span", i);
 };
-pe(!0);
-He("", et);
+ge(!0);
+Ve("", Ze);
 if (typeof document < "u" && typeof window < "u") {
   const e = window;
   if (e.IconifyPreload !== void 0) {
@@ -1072,7 +1072,7 @@ if (typeof document < "u" && typeof window < "u") {
         // Check if item is an object and not null/array
         (typeof i != "object" || i === null || i instanceof Array || // Check for 'icons' and 'prefix'
         typeof i.icons != "object" || typeof i.prefix != "string" || // Add icon set
-        !_e(i)) && console.error(o);
+        !Ae(i)) && console.error(o);
       } catch {
         console.error(o);
       }
@@ -1087,17 +1087,17 @@ if (typeof document < "u" && typeof window < "u") {
           const n = t[o];
           if (typeof n != "object" || !n || n.resources === void 0)
             continue;
-          Ge(o, n) || console.error(i);
+          He(o, n) || console.error(i);
         } catch {
           console.error(i);
         }
       }
   }
 }
-const kt = {
-  ...q,
+const St = {
+  ...N,
   body: ""
-}, Ct = we({
+}, kt = ve({
   // Do not inherit other attributes: it is handled by render()
   inheritAttrs: !1,
   // Set initial data
@@ -1132,11 +1132,11 @@ const kt = {
       let i;
       if (typeof e != "string" || (i = z(e, !1, !0)) === null)
         return this.abortLoading(), null;
-      let n = Oe(i);
+      let n = Fe(i);
       if (!n)
         return (!this._loadingIcon || this._loadingIcon.name !== e) && (this.abortLoading(), this._name = "", n !== null && (this._loadingIcon = {
           name: e,
-          abort: ht([i], () => {
+          abort: dt([i], () => {
             this.counter++;
           })
         })), null;
@@ -1154,56 +1154,61 @@ const kt = {
     this.counter;
     const e = this.$attrs, t = this.iconMounted || e.ssr ? this.getIcon(e.icon, e.onLoad, e.customise) : null;
     if (!t)
-      return ce(kt, e);
+      return ce(St, e);
     let o = e;
     return t.classes && (o = {
       ...e,
       class: (typeof e.class == "string" ? e.class + " " : "") + t.classes.join(" ")
     }), ce({
-      ...q,
+      ...N,
       ...t.data
     }, o);
   }
-}), Ie = (e, t) => {
+}), we = (e, t) => {
   const o = e.__vccOpts || e;
   for (const [i, n] of t)
     o[i] = n;
   return o;
-}, Tt = ["src"], Pt = {
+}, Tt = ["src"], Ct = {
   __name: "BaseIcon",
   props: {
     icon: {
       type: String,
       required: !0,
-      description: "Predefined icon string or any iconify value."
+      tsType: "string",
+      description: "Any iconify value."
     },
     color: {
       type: String,
       required: !1,
-      default: "",
+      default: null,
+      tsType: "string",
       description: "Color of the icon."
     },
     circle: {
       type: Boolean,
       required: !1,
       default: !1,
+      tsType: "boolean",
       description: "Shows the icon in a circle."
     },
     size: {
       type: String,
       required: !1,
-      default: "14px",
+      default: "16px",
+      tsType: "string",
       description: "Size of the icon."
     },
     alignText: {
       type: Boolean,
       required: !1,
       default: !1,
+      tsType: "boolean",
       description: "Vertically aligns the icon and text."
     }
   },
   setup(e) {
-    const t = e, o = ve(() => t.circle ? {
+    const t = e, o = Se(() => t.circle ? {
       backgroundColor: t.color,
       color: "white",
       borderRadius: "50%",
@@ -1213,13 +1218,13 @@ const kt = {
       var s;
       return k(), _("div", {
         style: B({ fontSize: e.size }),
-        class: Se([{ "align-sub": e.alignText }, "base-icon__wrapper"])
+        class: le([{ "icon--align": e.alignText }, "base-icon__wrapper"])
       }, [
         (s = e.icon) != null && s.startsWith("https") ? (k(), _("img", {
           key: 0,
           src: e.icon,
           class: "image-icon"
-        }, null, 8, Tt)) : (k(), le(ke(Ct), {
+        }, null, 8, Tt)) : (k(), ue(ke(kt), {
           key: 1,
           icon: e.icon,
           style: B(o.value)
@@ -1227,55 +1232,50 @@ const kt = {
       ], 6);
     };
   }
-}, jt = /* @__PURE__ */ Ie(Pt, [["__scopeId", "data-v-af0f176c"]]), Et = { class: "user-image__wrapper" }, Lt = ["src"], Ft = {
+}, Pt = /* @__PURE__ */ we(Ct, [["__scopeId", "data-v-369c65cf"]]), jt = { class: "user-image__wrapper" }, Et = ["src"], Lt = {
   __name: "UserImage",
   props: {
     image: {
       type: String,
       required: !1,
-      default: "",
+      default: null,
+      tsType: "string",
       description: "The image for the user, if not provided defaults to a user icon."
     },
     size: {
       type: String,
       required: !1,
       default: "14px",
+      tsType: "string",
       description: "Size of the image."
     },
-    bgColor: {
+    backgroundColor: {
       type: String,
       required: !1,
-      default: "#616161",
+      default: null,
+      tsType: "string",
       description: "Background color when showing the user icon."
-    },
-    iconColor: {
-      type: String,
-      required: !1,
-      default: "#fff",
-      description: "Color when showing the user icon."
     }
   },
   setup(e) {
-    return Ce((t) => ({
-      "37a07012": e.iconColor
-    })), (t, o) => (k(), _("div", Et, [
+    return (t, o) => (k(), _("div", jt, [
       e.image ? (k(), _("img", {
         key: 0,
         src: e.image,
         style: B({ fontSize: e.size }),
         class: "user-image"
-      }, null, 12, Lt)) : (k(), le(jt, {
+      }, null, 12, Et)) : (k(), ue(Pt, {
         key: 1,
         icon: "ph:user-fill",
         size: e.size,
         circle: "",
-        color: e.bgColor,
-        class: "user-icon"
-      }, null, 8, ["size", "color"]))
+        color: e.backgroundColor,
+        class: le([{ "icon-border": !e.backgroundColor }, "user-icon"])
+      }, null, 8, ["size", "color", "class"]))
     ]));
   }
-}, At = /* @__PURE__ */ Ie(Ft, [["__scopeId", "data-v-5fa938c7"]]);
+}, Ot = /* @__PURE__ */ we(Lt, [["__scopeId", "data-v-72891255"]]);
 export {
-  jt as BaseIcon,
-  At as UserImage
+  Pt as BaseIcon,
+  Ot as UserImage
 };

package/dist/vue-quest-ui.umd.cjs

@@ -1 +1 @@
-(function(k,h){typeof exports=="object"&&typeof module<"u"?h(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],h):(k=typeof globalThis<"u"?globalThis:k||self,h(k.QuestUI={},k.Vue))})(this,function(k,h){"use strict";const W=/^[a-z0-9]+(-[a-z0-9]+)*$/,L=(e,t,o,i="")=>{const n=e.split(":");if(e.slice(0,1)==="@"){if(n.length<2||n.length>3)return null;i=n.shift().slice(1)}if(n.length>3||!n.length)return null;if(n.length>1){const c=n.pop(),l=n.pop(),f={provider:n.length>0?n[0]:i,prefix:l,name:c};return t&&!O(f)?null:f}const s=n[0],r=s.split("-");if(r.length>1){const c={provider:i,prefix:r.shift(),name:r.join("-")};return t&&!O(c)?null:c}if(o&&i===""){const c={provider:i,prefix:"",name:s};return t&&!O(c,o)?null:c}return null},O=(e,t)=>e?!!((t&&e.prefix===""||e.prefix)&&e.name):!1,K=Object.freeze({left:0,top:0,width:16,height:16}),_=Object.freeze({rotate:0,vFlip:!1,hFlip:!1}),A=Object.freeze({...K,..._}),q=Object.freeze({...A,body:"",hidden:!1});function xe(e,t){const o={};!e.hFlip!=!t.hFlip&&(o.hFlip=!0),!e.vFlip!=!t.vFlip&&(o.vFlip=!0);const i=((e.rotate||0)+(t.rotate||0))%4;return i&&(o.rotate=i),o}function J(e,t){const o=xe(e,t);for(const i in q)i in _?i in e&&!(i in o)&&(o[i]=_[i]):i in t?o[i]=t[i]:i in e&&(o[i]=e[i]);return o}function Ie(e,t){const o=e.icons,i=e.aliases||Object.create(null),n=Object.create(null);function s(r){if(o[r])return n[r]=[];if(!(r in n)){n[r]=null;const c=i[r]&&i[r].parent,l=c&&s(c);l&&(n[r]=[c].concat(l))}return n[r]}return Object.keys(o).concat(Object.keys(i)).forEach(s),n}function we(e,t,o){const i=e.icons,n=e.aliases||Object.create(null);let s={};function r(c){s=J(i[c]||n[c],s)}return r(t),o.forEach(r),J(e,s)}function X(e,t){const o=[];if(typeof e!="object"||typeof e.icons!="object")return o;e.not_found instanceof Array&&e.not_found.forEach(n=>{t(n,null),o.push(n)});const i=Ie(e);for(const n in i){const s=i[n];s&&(t(n,we(e,n,s)),o.push(n))}return o}const ke={provider:"",aliases:{},not_found:{},...K};function N(e,t){for(const o in t)if(o in e&&typeof e[o]!=typeof t[o])return!1;return!0}function Y(e){if(typeof e!="object"||e===null)return null;const t=e;if(typeof t.prefix!="string"||!e.icons||typeof e.icons!="object"||!N(e,ke))return null;const o=t.icons;for(const n in o){const s=o[n];if(!n||typeof s.body!="string"||!N(s,q))return null}const i=t.aliases||Object.create(null);for(const n in i){const s=i[n],r=s.parent;if(!n||typeof r!="string"||!o[r]&&!i[r]||!N(s,q))return null}return t}const Z=Object.create(null);function Se(e,t){return{provider:e,prefix:t,icons:Object.create(null),missing:new Set}}function C(e,t){const o=Z[e]||(Z[e]=Object.create(null));return o[t]||(o[t]=Se(e,t))}function ee(e,t){return Y(t)?X(t,(o,i)=>{i?e.icons[o]=i:e.missing.add(o)}):[]}function ve(e,t,o){try{if(typeof o.body=="string")return e.icons[t]={...o},!0}catch{}return!1}let P=!1;function te(e){return typeof e=="boolean"&&(P=e),P}function Ce(e){const t=typeof e=="string"?L(e,!0,P):e;if(t){const o=C(t.provider,t.prefix),i=t.name;return o.icons[i]||(o.missing.has(i)?null:void 0)}}function Te(e,t){const o=L(e,!0,P);if(!o)return!1;const i=C(o.provider,o.prefix);return t?ve(i,o.name,t):(i.missing.add(o.name),!0)}function Pe(e,t){if(typeof e!="object")return!1;if(typeof t!="string"&&(t=e.provider||""),P&&!t&&!e.prefix){let n=!1;return Y(e)&&(e.prefix="",X(e,(s,r)=>{Te(s,r)&&(n=!0)})),n}const o=e.prefix;if(!O({prefix:o,name:"a"}))return!1;const i=C(t,o);return!!ee(i,e)}const ne=Object.freeze({width:null,height:null}),oe=Object.freeze({...ne,..._}),je=/(-?[0-9.]*[0-9]+[0-9.]*)/g,Ee=/^-?[0-9.]*[0-9]+[0-9.]*$/g;function ie(e,t,o){if(t===1)return e;if(o=o||100,typeof e=="number")return Math.ceil(e*t*o)/o;if(typeof e!="string")return e;const i=e.split(je);if(i===null||!i.length)return e;const n=[];let s=i.shift(),r=Ee.test(s);for(;;){if(r){const c=parseFloat(s);isNaN(c)?n.push(s):n.push(Math.ceil(c*t*o)/o)}else n.push(s);if(s=i.shift(),s===void 0)return n.join("");r=!r}}function Fe(e,t="defs"){let o="";const i=e.indexOf("<"+t);for(;i>=0;){const n=e.indexOf(">",i),s=e.indexOf("</"+t);if(n===-1||s===-1)break;const r=e.indexOf(">",s);if(r===-1)break;o+=e.slice(n+1,s).trim(),e=e.slice(0,i).trim()+e.slice(r+1)}return{defs:o,content:e}}function Le(e,t){return e?"<defs>"+e+"</defs>"+t:t}function Oe(e,t,o){const i=Fe(e);return Le(i.defs,t+i.content+o)}const _e=e=>e==="unset"||e==="undefined"||e==="none";function Ae(e,t){const o={...A,...e},i={...oe,...t},n={left:o.left,top:o.top,width:o.width,height:o.height};let s=o.body;[o,i].forEach(m=>{const a=[],T=m.hFlip,S=m.vFlip;let I=m.rotate;T?S?I+=2:(a.push("translate("+(n.width+n.left).toString()+" "+(0-n.top).toString()+")"),a.push("scale(-1 1)"),n.top=n.left=0):S&&(a.push("translate("+(0-n.left).toString()+" "+(n.height+n.top).toString()+")"),a.push("scale(1 -1)"),n.top=n.left=0);let b;switch(I<0&&(I-=Math.floor(I/4)*4),I=I%4,I){case 1:b=n.height/2+n.top,a.unshift("rotate(90 "+b.toString()+" "+b.toString()+")");break;case 2:a.unshift("rotate(180 "+(n.width/2+n.left).toString()+" "+(n.height/2+n.top).toString()+")");break;case 3:b=n.width/2+n.left,a.unshift("rotate(-90 "+b.toString()+" "+b.toString()+")");break}I%2===1&&(n.left!==n.top&&(b=n.left,n.left=n.top,n.top=b),n.width!==n.height&&(b=n.width,n.width=n.height,n.height=b)),a.length&&(s=Oe(s,'<g transform="'+a.join(" ")+'">',"</g>"))});const r=i.width,c=i.height,l=n.width,f=n.height;let u,d;r===null?(d=c===null?"1em":c==="auto"?f:c,u=ie(d,l/f)):(u=r==="auto"?l:r,d=c===null?ie(u,f/l):c==="auto"?f:c);const g={},y=(m,a)=>{_e(a)||(g[m]=a.toString())};y("width",u),y("height",d);const w=[n.left,n.top,l,f];return g.viewBox=w.join(" "),{attributes:g,viewBox:w,body:s}}const Me=/\sid="(\S+)"/g,ze="IconifyId"+Date.now().toString(16)+(Math.random()*16777216|0).toString(16);let Be=0;function qe(e,t=ze){const o=[];let i;for(;i=Me.exec(e);)o.push(i[1]);if(!o.length)return e;const n="suffix"+(Math.random()*16777216|Date.now()).toString(16);return o.forEach(s=>{const r=typeof t=="function"?t(s):t+(Be++).toString(),c=s.replace(/[.*+?^${}()|[\]\\]/g,"\\$&");e=e.replace(new RegExp('([#;"])('+c+')([")]|\\.[a-z])',"g"),"$1"+r+n+"$3")}),e=e.replace(new RegExp(n,"g"),""),e}const R=Object.create(null);function Ne(e,t){R[e]=t}function D(e){return R[e]||R[""]}function U(e){let t;if(typeof e.resources=="string")t=[e.resources];else if(t=e.resources,!(t instanceof Array)||!t.length)return null;return{resources:t,path:e.path||"/",maxURL:e.maxURL||500,rotate:e.rotate||750,timeout:e.timeout||5e3,random:e.random===!0,index:e.index||0,dataAfterTimeout:e.dataAfterTimeout!==!1}}const $=Object.create(null),j=["https://api.simplesvg.com","https://api.unisvg.com"],M=[];for(;j.length>0;)j.length===1||Math.random()>.5?M.push(j.shift()):M.push(j.pop());$[""]=U({resources:["https://api.iconify.design"].concat(M)});function Re(e,t){const o=U(t);return o===null?!1:($[e]=o,!0)}function Q(e){return $[e]}let se=(()=>{let e;try{if(e=fetch,typeof e=="function")return e}catch{}})();function De(e,t){const o=Q(e);if(!o)return 0;let i;if(!o.maxURL)i=0;else{let n=0;o.resources.forEach(r=>{n=Math.max(n,r.length)});const s=t+".json?icons=";i=o.maxURL-n-o.path.length-s.length}return i}function Ue(e){return e===404}const $e=(e,t,o)=>{const i=[],n=De(e,t),s="icons";let r={type:s,provider:e,prefix:t,icons:[]},c=0;return o.forEach((l,f)=>{c+=l.length+1,c>=n&&f>0&&(i.push(r),r={type:s,provider:e,prefix:t,icons:[]},c=l.length),r.icons.push(l)}),i.push(r),i};function Qe(e){if(typeof e=="string"){const t=Q(e);if(t)return t.path}return"/"}const Ve={prepare:$e,send:(e,t,o)=>{if(!se){o("abort",424);return}let i=Qe(t.provider);switch(t.type){case"icons":{const s=t.prefix,c=t.icons.join(","),l=new URLSearchParams({icons:c});i+=s+".json?"+l.toString();break}case"custom":{const s=t.uri;i+=s.slice(0,1)==="/"?s.slice(1):s;break}default:o("abort",400);return}let n=503;se(e+i).then(s=>{const r=s.status;if(r!==200){setTimeout(()=>{o(Ue(r)?"abort":"next",r)});return}return n=501,s.json()}).then(s=>{if(typeof s!="object"||s===null){setTimeout(()=>{s===404?o("abort",s):o("next",n)});return}setTimeout(()=>{o("success",s)})}).catch(()=>{o("next",n)})}};function He(e){const t={loaded:[],missing:[],pending:[]},o=Object.create(null);e.sort((n,s)=>n.provider!==s.provider?n.provider.localeCompare(s.provider):n.prefix!==s.prefix?n.prefix.localeCompare(s.prefix):n.name.localeCompare(s.name));let i={provider:"",prefix:"",name:""};return e.forEach(n=>{if(i.name===n.name&&i.prefix===n.prefix&&i.provider===n.provider)return;i=n;const s=n.provider,r=n.prefix,c=n.name,l=o[s]||(o[s]=Object.create(null)),f=l[r]||(l[r]=C(s,r));let u;c in f.icons?u=t.loaded:r===""||f.missing.has(c)?u=t.missing:u=t.pending;const d={provider:s,prefix:r,name:c};u.push(d)}),t}function re(e,t){e.forEach(o=>{const i=o.loaderCallbacks;i&&(o.loaderCallbacks=i.filter(n=>n.id!==t))})}function Ge(e){e.pendingCallbacksFlag||(e.pendingCallbacksFlag=!0,setTimeout(()=>{e.pendingCallbacksFlag=!1;const t=e.loaderCallbacks?e.loaderCallbacks.slice(0):[];if(!t.length)return;let o=!1;const i=e.provider,n=e.prefix;t.forEach(s=>{const r=s.icons,c=r.pending.length;r.pending=r.pending.filter(l=>{if(l.prefix!==n)return!0;const f=l.name;if(e.icons[f])r.loaded.push({provider:i,prefix:n,name:f});else if(e.missing.has(f))r.missing.push({provider:i,prefix:n,name:f});else return o=!0,!0;return!1}),r.pending.length!==c&&(o||re([e],s.id),s.callback(r.loaded.slice(0),r.missing.slice(0),r.pending.slice(0),s.abort))})}))}let We=0;function Ke(e,t,o){const i=We++,n=re.bind(null,o,i);if(!t.pending.length)return n;const s={id:i,icons:t,callback:e,abort:n};return o.forEach(r=>{(r.loaderCallbacks||(r.loaderCallbacks=[])).push(s)}),n}function Je(e,t=!0,o=!1){const i=[];return e.forEach(n=>{const s=typeof n=="string"?L(n,t,o):n;s&&i.push(s)}),i}var Xe={resources:[],index:0,timeout:2e3,rotate:750,random:!1,dataAfterTimeout:!1};function Ye(e,t,o,i){const n=e.resources.length,s=e.random?Math.floor(Math.random()*n):e.index;let r;if(e.random){let p=e.resources.slice(0);for(r=[];p.length>1;){const x=Math.floor(Math.random()*p.length);r.push(p[x]),p=p.slice(0,x).concat(p.slice(x+1))}r=r.concat(p)}else r=e.resources.slice(s).concat(e.resources.slice(0,s));const c=Date.now();let l="pending",f=0,u,d=null,g=[],y=[];typeof i=="function"&&y.push(i);function w(){d&&(clearTimeout(d),d=null)}function m(){l==="pending"&&(l="aborted"),w(),g.forEach(p=>{p.status==="pending"&&(p.status="aborted")}),g=[]}function a(p,x){x&&(y=[]),typeof p=="function"&&y.push(p)}function T(){return{startTime:c,payload:t,status:l,queriesSent:f,queriesPending:g.length,subscribe:a,abort:m}}function S(){l="failed",y.forEach(p=>{p(void 0,u)})}function I(){g.forEach(p=>{p.status==="pending"&&(p.status="aborted")}),g=[]}function b(p,x,F){const B=x!=="success";switch(g=g.filter(v=>v!==p),l){case"pending":break;case"failed":if(B||!e.dataAfterTimeout)return;break;default:return}if(x==="abort"){u=F,S();return}if(B){u=F,g.length||(r.length?G():S());return}if(w(),I(),!e.random){const v=e.resources.indexOf(p.resource);v!==-1&&v!==e.index&&(e.index=v)}l="completed",y.forEach(v=>{v(F)})}function G(){if(l!=="pending")return;w();const p=r.shift();if(p===void 0){if(g.length){d=setTimeout(()=>{w(),l==="pending"&&(I(),S())},e.timeout);return}S();return}const x={status:"pending",resource:p,callback:(F,B)=>{b(x,F,B)}};g.push(x),f++,d=setTimeout(G,e.rotate),o(p,t,x.callback)}return setTimeout(G),T}function ce(e){const t={...Xe,...e};let o=[];function i(){o=o.filter(c=>c().status==="pending")}function n(c,l,f){const u=Ye(t,c,l,(d,g)=>{i(),f&&f(d,g)});return o.push(u),u}function s(c){return o.find(l=>c(l))||null}return{query:n,find:s,setIndex:c=>{t.index=c},getIndex:()=>t.index,cleanup:i}}function le(){}const V=Object.create(null);function Ze(e){if(!V[e]){const t=Q(e);if(!t)return;const o=ce(t),i={config:t,redundancy:o};V[e]=i}return V[e]}function et(e,t,o){let i,n;if(typeof e=="string"){const s=D(e);if(!s)return o(void 0,424),le;n=s.send;const r=Ze(e);r&&(i=r.redundancy)}else{const s=U(e);if(s){i=ce(s);const r=e.resources?e.resources[0]:"",c=D(r);c&&(n=c.send)}}return!i||!n?(o(void 0,424),le):i.query(t,n,o)().abort}function fe(){}function tt(e){e.iconsLoaderFlag||(e.iconsLoaderFlag=!0,setTimeout(()=>{e.iconsLoaderFlag=!1,Ge(e)}))}function nt(e){const t=[],o=[];return e.forEach(i=>{(i.match(W)?t:o).push(i)}),{valid:t,invalid:o}}function E(e,t,o){function i(){const n=e.pendingIcons;t.forEach(s=>{n&&n.delete(s),e.icons[s]||e.missing.add(s)})}if(o&&typeof o=="object")try{if(!ee(e,o).length){i();return}}catch(n){console.error(n)}i(),tt(e)}function ae(e,t){e instanceof Promise?e.then(o=>{t(o)}).catch(()=>{t(null)}):t(e)}function ot(e,t){e.iconsToLoad?e.iconsToLoad=e.iconsToLoad.concat(t).sort():e.iconsToLoad=t,e.iconsQueueFlag||(e.iconsQueueFlag=!0,setTimeout(()=>{e.iconsQueueFlag=!1;const{provider:o,prefix:i}=e,n=e.iconsToLoad;if(delete e.iconsToLoad,!n||!n.length)return;const s=e.loadIcon;if(e.loadIcons&&(n.length>1||!s)){ae(e.loadIcons(n,i,o),u=>{E(e,n,u)});return}if(s){n.forEach(u=>{const d=s(u,i,o);ae(d,g=>{const y=g?{prefix:i,icons:{[u]:g}}:null;E(e,[u],y)})});return}const{valid:r,invalid:c}=nt(n);if(c.length&&E(e,c,null),!r.length)return;const l=i.match(W)?D(o):null;if(!l){E(e,r,null);return}l.prepare(o,i,r).forEach(u=>{et(o,u,d=>{E(e,u.icons,d)})})}))}const it=(e,t)=>{const o=Je(e,!0,te()),i=He(o);if(!i.pending.length){let l=!0;return t&&setTimeout(()=>{l&&t(i.loaded,i.missing,i.pending,fe)}),()=>{l=!1}}const n=Object.create(null),s=[];let r,c;return i.pending.forEach(l=>{const{provider:f,prefix:u}=l;if(u===c&&f===r)return;r=f,c=u,s.push(C(f,u));const d=n[f]||(n[f]=Object.create(null));d[u]||(d[u]=[])}),i.pending.forEach(l=>{const{provider:f,prefix:u,name:d}=l,g=C(f,u),y=g.pendingIcons||(g.pendingIcons=new Set);y.has(d)||(y.add(d),n[f][u].push(d))}),s.forEach(l=>{const f=n[l.provider][l.prefix];f.length&&ot(l,f)}),t?Ke(t,i,s):fe};function st(e,t){const o={...e};for(const i in t){const n=t[i],s=typeof n;i in ne?(n===null||n&&(s==="string"||s==="number"))&&(o[i]=n):s===typeof o[i]&&(o[i]=i==="rotate"?n%4:n)}return o}const rt=/[\s,]+/;function ct(e,t){t.split(rt).forEach(o=>{switch(o.trim()){case"horizontal":e.hFlip=!0;break;case"vertical":e.vFlip=!0;break}})}function lt(e,t=0){const o=e.replace(/^-?[0-9.]*/,"");function i(n){for(;n<0;)n+=4;return n%4}if(o===""){const n=parseInt(e);return isNaN(n)?0:i(n)}else if(o!==e){let n=0;switch(o){case"%":n=25;break;case"deg":n=90}if(n){let s=parseFloat(e.slice(0,e.length-o.length));return isNaN(s)?0:(s=s/n,s%1===0?i(s):0)}}return t}function ft(e,t){let o=e.indexOf("xlink:")===-1?"":' xmlns:xlink="http://www.w3.org/1999/xlink"';for(const i in t)o+=" "+i+'="'+t[i]+'"';return'<svg xmlns="http://www.w3.org/2000/svg"'+o+">"+e+"</svg>"}function at(e){return e.replace(/"/g,"'").replace(/%/g,"%25").replace(/#/g,"%23").replace(/</g,"%3C").replace(/>/g,"%3E").replace(/\s+/g," ")}function ut(e){return"data:image/svg+xml,"+at(e)}function dt(e){return'url("'+ut(e)+'")'}const ue={...oe,inline:!1},ht={xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink","aria-hidden":!0,role:"img"},pt={display:"inline-block"},H={backgroundColor:"currentColor"},de={backgroundColor:"transparent"},he={Image:"var(--svg)",Repeat:"no-repeat",Size:"100% 100%"},pe={webkitMask:H,mask:H,background:de};for(const e in pe){const t=pe[e];for(const o in he)t[e+o]=he[o]}const z={};["horizontal","vertical"].forEach(e=>{const t=e.slice(0,1)+"Flip";z[e+"-flip"]=t,z[e.slice(0,1)+"-flip"]=t,z[e+"Flip"]=t});function ge(e){return e+(e.match(/^[-0-9.]+$/)?"px":"")}const me=(e,t)=>{const o=st(ue,t),i={...ht},n=t.mode||"svg",s={},r=t.style,c=typeof r=="object"&&!(r instanceof Array)?r:{};for(let m in t){const a=t[m];if(a!==void 0)switch(m){case"icon":case"style":case"onLoad":case"mode":case"ssr":break;case"inline":case"hFlip":case"vFlip":o[m]=a===!0||a==="true"||a===1;break;case"flip":typeof a=="string"&&ct(o,a);break;case"color":s.color=a;break;case"rotate":typeof a=="string"?o[m]=lt(a):typeof a=="number"&&(o[m]=a);break;case"ariaHidden":case"aria-hidden":a!==!0&&a!=="true"&&delete i["aria-hidden"];break;default:{const T=z[m];T?(a===!0||a==="true"||a===1)&&(o[T]=!0):ue[m]===void 0&&(i[m]=a)}}}const l=Ae(e,o),f=l.attributes;if(o.inline&&(s.verticalAlign="-0.125em"),n==="svg"){i.style={...s,...c},Object.assign(i,f);let m=0,a=t.id;return typeof a=="string"&&(a=a.replace(/-/g,"_")),i.innerHTML=qe(l.body,a?()=>a+"ID"+m++:"iconifyVue"),h.h("svg",i)}const{body:u,width:d,height:g}=e,y=n==="mask"||(n==="bg"?!1:u.indexOf("currentColor")!==-1),w=ft(u,{...f,width:d+"",height:g+""});return i.style={...s,"--svg":dt(w),width:ge(f.width),height:ge(f.height),...pt,...y?H:de,...c},h.h("span",i)};if(te(!0),Ne("",Ve),typeof document<"u"&&typeof window<"u"){const e=window;if(e.IconifyPreload!==void 0){const t=e.IconifyPreload,o="Invalid IconifyPreload syntax.";typeof t=="object"&&t!==null&&(t instanceof Array?t:[t]).forEach(i=>{try{(typeof i!="object"||i===null||i instanceof Array||typeof i.icons!="object"||typeof i.prefix!="string"||!Pe(i))&&console.error(o)}catch{console.error(o)}})}if(e.IconifyProviders!==void 0){const t=e.IconifyProviders;if(typeof t=="object"&&t!==null)for(let o in t){const i="IconifyProviders["+o+"] is invalid.";try{const n=t[o];if(typeof n!="object"||!n||n.resources===void 0)continue;Re(o,n)||console.error(i)}catch{console.error(i)}}}}const gt={...A,body:""},mt=h.defineComponent({inheritAttrs:!1,data(){return{_name:"",_loadingIcon:null,iconMounted:!1,counter:0}},mounted(){this.iconMounted=!0},unmounted(){this.abortLoading()},methods:{abortLoading(){this._loadingIcon&&(this._loadingIcon.abort(),this._loadingIcon=null)},getIcon(e,t,o){if(typeof e=="object"&&e!==null&&typeof e.body=="string")return this._name="",this.abortLoading(),{data:e};let i;if(typeof e!="string"||(i=L(e,!1,!0))===null)return this.abortLoading(),null;let n=Ce(i);if(!n)return(!this._loadingIcon||this._loadingIcon.name!==e)&&(this.abortLoading(),this._name="",n!==null&&(this._loadingIcon={name:e,abort:it([i],()=>{this.counter++})})),null;if(this.abortLoading(),this._name!==e&&(this._name=e,t&&t(e)),o){n=Object.assign({},n);const r=o(n.body,i.name,i.prefix,i.provider);typeof r=="string"&&(n.body=r)}const s=["iconify"];return i.prefix!==""&&s.push("iconify--"+i.prefix),i.provider!==""&&s.push("iconify--"+i.provider),{data:n,classes:s}}},render(){this.counter;const e=this.$attrs,t=this.iconMounted||e.ssr?this.getIcon(e.icon,e.onLoad,e.customise):null;if(!t)return me(gt,e);let o=e;return t.classes&&(o={...e,class:(typeof e.class=="string"?e.class+" ":"")+t.classes.join(" ")}),me({...A,...t.data},o)}}),ye=(e,t)=>{const o=e.__vccOpts||e;for(const[i,n]of t)o[i]=n;return o},yt=["src"],be=ye({__name:"BaseIcon",props:{icon:{type:String,required:!0,description:"Predefined icon string or any iconify value."},color:{type:String,required:!1,default:"",description:"Color of the icon."},circle:{type:Boolean,required:!1,default:!1,description:"Shows the icon in a circle."},size:{type:String,required:!1,default:"14px",description:"Size of the icon."},alignText:{type:Boolean,required:!1,default:!1,description:"Vertically aligns the icon and text."}},setup(e){const t=e,o=h.computed(()=>t.circle?{backgroundColor:t.color,color:"white",borderRadius:"50%",padding:"3px"}:t.color?{color:t.color}:null);return(i,n)=>{var s;return h.openBlock(),h.createElementBlock("div",{style:h.normalizeStyle({fontSize:e.size}),class:h.normalizeClass([{"align-sub":e.alignText},"base-icon__wrapper"])},[(s=e.icon)!=null&&s.startsWith("https")?(h.openBlock(),h.createElementBlock("img",{key:0,src:e.icon,class:"image-icon"},null,8,yt)):(h.openBlock(),h.createBlock(h.unref(mt),{key:1,icon:e.icon,style:h.normalizeStyle(o.value)},null,8,["icon","style"]))],6)}}},[["__scopeId","data-v-af0f176c"]]),bt={class:"user-image__wrapper"},xt=["src"],It=ye({__name:"UserImage",props:{image:{type:String,required:!1,default:"",description:"The image for the user, if not provided defaults to a user icon."},size:{type:String,required:!1,default:"14px",description:"Size of the image."},bgColor:{type:String,required:!1,default:"#616161",description:"Background color when showing the user icon."},iconColor:{type:String,required:!1,default:"#fff",description:"Color when showing the user icon."}},setup(e){return h.useCssVars(t=>({"37a07012":e.iconColor})),(t,o)=>(h.openBlock(),h.createElementBlock("div",bt,[e.image?(h.openBlock(),h.createElementBlock("img",{key:0,src:e.image,style:h.normalizeStyle({fontSize:e.size}),class:"user-image"},null,12,xt)):(h.openBlock(),h.createBlock(be,{key:1,icon:"ph:user-fill",size:e.size,circle:"",color:e.bgColor,class:"user-icon"},null,8,["size","color"]))]))}},[["__scopeId","data-v-5fa938c7"]]);k.BaseIcon=be,k.UserImage=It,Object.defineProperty(k,Symbol.toStringTag,{value:"Module"})});
+(function(k,p){typeof exports=="object"&&typeof module<"u"?p(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],p):(k=typeof globalThis<"u"?globalThis:k||self,p(k.QuestUI={},k.Vue))})(this,function(k,p){"use strict";const W=/^[a-z0-9]+(-[a-z0-9]+)*$/,L=(e,t,o,i="")=>{const n=e.split(":");if(e.slice(0,1)==="@"){if(n.length<2||n.length>3)return null;i=n.shift().slice(1)}if(n.length>3||!n.length)return null;if(n.length>1){const c=n.pop(),l=n.pop(),a={provider:n.length>0?n[0]:i,prefix:l,name:c};return t&&!O(a)?null:a}const s=n[0],r=s.split("-");if(r.length>1){const c={provider:i,prefix:r.shift(),name:r.join("-")};return t&&!O(c)?null:c}if(o&&i===""){const c={provider:i,prefix:"",name:s};return t&&!O(c,o)?null:c}return null},O=(e,t)=>e?!!((t&&e.prefix===""||e.prefix)&&e.name):!1,K=Object.freeze({left:0,top:0,width:16,height:16}),A=Object.freeze({rotate:0,vFlip:!1,hFlip:!1}),_=Object.freeze({...K,...A}),q=Object.freeze({..._,body:"",hidden:!1});function xe(e,t){const o={};!e.hFlip!=!t.hFlip&&(o.hFlip=!0),!e.vFlip!=!t.vFlip&&(o.vFlip=!0);const i=((e.rotate||0)+(t.rotate||0))%4;return i&&(o.rotate=i),o}function J(e,t){const o=xe(e,t);for(const i in q)i in A?i in e&&!(i in o)&&(o[i]=A[i]):i in t?o[i]=t[i]:i in e&&(o[i]=e[i]);return o}function Ie(e,t){const o=e.icons,i=e.aliases||Object.create(null),n=Object.create(null);function s(r){if(o[r])return n[r]=[];if(!(r in n)){n[r]=null;const c=i[r]&&i[r].parent,l=c&&s(c);l&&(n[r]=[c].concat(l))}return n[r]}return Object.keys(o).concat(Object.keys(i)).forEach(s),n}function we(e,t,o){const i=e.icons,n=e.aliases||Object.create(null);let s={};function r(c){s=J(i[c]||n[c],s)}return r(t),o.forEach(r),J(e,s)}function X(e,t){const o=[];if(typeof e!="object"||typeof e.icons!="object")return o;e.not_found instanceof Array&&e.not_found.forEach(n=>{t(n,null),o.push(n)});const i=Ie(e);for(const n in i){const s=i[n];s&&(t(n,we(e,n,s)),o.push(n))}return o}const ke={provider:"",aliases:{},not_found:{},...K};function N(e,t){for(const o in t)if(o in e&&typeof e[o]!=typeof t[o])return!1;return!0}function Y(e){if(typeof e!="object"||e===null)return null;const t=e;if(typeof t.prefix!="string"||!e.icons||typeof e.icons!="object"||!N(e,ke))return null;const o=t.icons;for(const n in o){const s=o[n];if(!n||typeof s.body!="string"||!N(s,q))return null}const i=t.aliases||Object.create(null);for(const n in i){const s=i[n],r=s.parent;if(!n||typeof r!="string"||!o[r]&&!i[r]||!N(s,q))return null}return t}const Z=Object.create(null);function Se(e,t){return{provider:e,prefix:t,icons:Object.create(null),missing:new Set}}function v(e,t){const o=Z[e]||(Z[e]=Object.create(null));return o[t]||(o[t]=Se(e,t))}function ee(e,t){return Y(t)?X(t,(o,i)=>{i?e.icons[o]=i:e.missing.add(o)}):[]}function Te(e,t,o){try{if(typeof o.body=="string")return e.icons[t]={...o},!0}catch{}return!1}let j=!1;function te(e){return typeof e=="boolean"&&(j=e),j}function ve(e){const t=typeof e=="string"?L(e,!0,j):e;if(t){const o=v(t.provider,t.prefix),i=t.name;return o.icons[i]||(o.missing.has(i)?null:void 0)}}function Ce(e,t){const o=L(e,!0,j);if(!o)return!1;const i=v(o.provider,o.prefix);return t?Te(i,o.name,t):(i.missing.add(o.name),!0)}function je(e,t){if(typeof e!="object")return!1;if(typeof t!="string"&&(t=e.provider||""),j&&!t&&!e.prefix){let n=!1;return Y(e)&&(e.prefix="",X(e,(s,r)=>{Ce(s,r)&&(n=!0)})),n}const o=e.prefix;if(!O({prefix:o,name:"a"}))return!1;const i=v(t,o);return!!ee(i,e)}const ne=Object.freeze({width:null,height:null}),oe=Object.freeze({...ne,...A}),Pe=/(-?[0-9.]*[0-9]+[0-9.]*)/g,Ee=/^-?[0-9.]*[0-9]+[0-9.]*$/g;function ie(e,t,o){if(t===1)return e;if(o=o||100,typeof e=="number")return Math.ceil(e*t*o)/o;if(typeof e!="string")return e;const i=e.split(Pe);if(i===null||!i.length)return e;const n=[];let s=i.shift(),r=Ee.test(s);for(;;){if(r){const c=parseFloat(s);isNaN(c)?n.push(s):n.push(Math.ceil(c*t*o)/o)}else n.push(s);if(s=i.shift(),s===void 0)return n.join("");r=!r}}function Fe(e,t="defs"){let o="";const i=e.indexOf("<"+t);for(;i>=0;){const n=e.indexOf(">",i),s=e.indexOf("</"+t);if(n===-1||s===-1)break;const r=e.indexOf(">",s);if(r===-1)break;o+=e.slice(n+1,s).trim(),e=e.slice(0,i).trim()+e.slice(r+1)}return{defs:o,content:e}}function Le(e,t){return e?"<defs>"+e+"</defs>"+t:t}function Oe(e,t,o){const i=Fe(e);return Le(i.defs,t+i.content+o)}const Ae=e=>e==="unset"||e==="undefined"||e==="none";function _e(e,t){const o={..._,...e},i={...oe,...t},n={left:o.left,top:o.top,width:o.width,height:o.height};let s=o.body;[o,i].forEach(m=>{const f=[],C=m.hFlip,S=m.vFlip;let I=m.rotate;C?S?I+=2:(f.push("translate("+(n.width+n.left).toString()+" "+(0-n.top).toString()+")"),f.push("scale(-1 1)"),n.top=n.left=0):S&&(f.push("translate("+(0-n.left).toString()+" "+(n.height+n.top).toString()+")"),f.push("scale(1 -1)"),n.top=n.left=0);let b;switch(I<0&&(I-=Math.floor(I/4)*4),I=I%4,I){case 1:b=n.height/2+n.top,f.unshift("rotate(90 "+b.toString()+" "+b.toString()+")");break;case 2:f.unshift("rotate(180 "+(n.width/2+n.left).toString()+" "+(n.height/2+n.top).toString()+")");break;case 3:b=n.width/2+n.left,f.unshift("rotate(-90 "+b.toString()+" "+b.toString()+")");break}I%2===1&&(n.left!==n.top&&(b=n.left,n.left=n.top,n.top=b),n.width!==n.height&&(b=n.width,n.width=n.height,n.height=b)),f.length&&(s=Oe(s,'<g transform="'+f.join(" ")+'">',"</g>"))});const r=i.width,c=i.height,l=n.width,a=n.height;let u,d;r===null?(d=c===null?"1em":c==="auto"?a:c,u=ie(d,l/a)):(u=r==="auto"?l:r,d=c===null?ie(u,a/l):c==="auto"?a:c);const g={},y=(m,f)=>{Ae(f)||(g[m]=f.toString())};y("width",u),y("height",d);const w=[n.left,n.top,l,a];return g.viewBox=w.join(" "),{attributes:g,viewBox:w,body:s}}const Me=/\sid="(\S+)"/g,ze="IconifyId"+Date.now().toString(16)+(Math.random()*16777216|0).toString(16);let Be=0;function qe(e,t=ze){const o=[];let i;for(;i=Me.exec(e);)o.push(i[1]);if(!o.length)return e;const n="suffix"+(Math.random()*16777216|Date.now()).toString(16);return o.forEach(s=>{const r=typeof t=="function"?t(s):t+(Be++).toString(),c=s.replace(/[.*+?^${}()|[\]\\]/g,"\\$&");e=e.replace(new RegExp('([#;"])('+c+')([")]|\\.[a-z])',"g"),"$1"+r+n+"$3")}),e=e.replace(new RegExp(n,"g"),""),e}const R=Object.create(null);function Ne(e,t){R[e]=t}function D(e){return R[e]||R[""]}function U(e){let t;if(typeof e.resources=="string")t=[e.resources];else if(t=e.resources,!(t instanceof Array)||!t.length)return null;return{resources:t,path:e.path||"/",maxURL:e.maxURL||500,rotate:e.rotate||750,timeout:e.timeout||5e3,random:e.random===!0,index:e.index||0,dataAfterTimeout:e.dataAfterTimeout!==!1}}const $=Object.create(null),P=["https://api.simplesvg.com","https://api.unisvg.com"],M=[];for(;P.length>0;)P.length===1||Math.random()>.5?M.push(P.shift()):M.push(P.pop());$[""]=U({resources:["https://api.iconify.design"].concat(M)});function Re(e,t){const o=U(t);return o===null?!1:($[e]=o,!0)}function Q(e){return $[e]}let se=(()=>{let e;try{if(e=fetch,typeof e=="function")return e}catch{}})();function De(e,t){const o=Q(e);if(!o)return 0;let i;if(!o.maxURL)i=0;else{let n=0;o.resources.forEach(r=>{n=Math.max(n,r.length)});const s=t+".json?icons=";i=o.maxURL-n-o.path.length-s.length}return i}function Ue(e){return e===404}const $e=(e,t,o)=>{const i=[],n=De(e,t),s="icons";let r={type:s,provider:e,prefix:t,icons:[]},c=0;return o.forEach((l,a)=>{c+=l.length+1,c>=n&&a>0&&(i.push(r),r={type:s,provider:e,prefix:t,icons:[]},c=l.length),r.icons.push(l)}),i.push(r),i};function Qe(e){if(typeof e=="string"){const t=Q(e);if(t)return t.path}return"/"}const Ve={prepare:$e,send:(e,t,o)=>{if(!se){o("abort",424);return}let i=Qe(t.provider);switch(t.type){case"icons":{const s=t.prefix,c=t.icons.join(","),l=new URLSearchParams({icons:c});i+=s+".json?"+l.toString();break}case"custom":{const s=t.uri;i+=s.slice(0,1)==="/"?s.slice(1):s;break}default:o("abort",400);return}let n=503;se(e+i).then(s=>{const r=s.status;if(r!==200){setTimeout(()=>{o(Ue(r)?"abort":"next",r)});return}return n=501,s.json()}).then(s=>{if(typeof s!="object"||s===null){setTimeout(()=>{s===404?o("abort",s):o("next",n)});return}setTimeout(()=>{o("success",s)})}).catch(()=>{o("next",n)})}};function He(e){const t={loaded:[],missing:[],pending:[]},o=Object.create(null);e.sort((n,s)=>n.provider!==s.provider?n.provider.localeCompare(s.provider):n.prefix!==s.prefix?n.prefix.localeCompare(s.prefix):n.name.localeCompare(s.name));let i={provider:"",prefix:"",name:""};return e.forEach(n=>{if(i.name===n.name&&i.prefix===n.prefix&&i.provider===n.provider)return;i=n;const s=n.provider,r=n.prefix,c=n.name,l=o[s]||(o[s]=Object.create(null)),a=l[r]||(l[r]=v(s,r));let u;c in a.icons?u=t.loaded:r===""||a.missing.has(c)?u=t.missing:u=t.pending;const d={provider:s,prefix:r,name:c};u.push(d)}),t}function re(e,t){e.forEach(o=>{const i=o.loaderCallbacks;i&&(o.loaderCallbacks=i.filter(n=>n.id!==t))})}function Ge(e){e.pendingCallbacksFlag||(e.pendingCallbacksFlag=!0,setTimeout(()=>{e.pendingCallbacksFlag=!1;const t=e.loaderCallbacks?e.loaderCallbacks.slice(0):[];if(!t.length)return;let o=!1;const i=e.provider,n=e.prefix;t.forEach(s=>{const r=s.icons,c=r.pending.length;r.pending=r.pending.filter(l=>{if(l.prefix!==n)return!0;const a=l.name;if(e.icons[a])r.loaded.push({provider:i,prefix:n,name:a});else if(e.missing.has(a))r.missing.push({provider:i,prefix:n,name:a});else return o=!0,!0;return!1}),r.pending.length!==c&&(o||re([e],s.id),s.callback(r.loaded.slice(0),r.missing.slice(0),r.pending.slice(0),s.abort))})}))}let We=0;function Ke(e,t,o){const i=We++,n=re.bind(null,o,i);if(!t.pending.length)return n;const s={id:i,icons:t,callback:e,abort:n};return o.forEach(r=>{(r.loaderCallbacks||(r.loaderCallbacks=[])).push(s)}),n}function Je(e,t=!0,o=!1){const i=[];return e.forEach(n=>{const s=typeof n=="string"?L(n,t,o):n;s&&i.push(s)}),i}var Xe={resources:[],index:0,timeout:2e3,rotate:750,random:!1,dataAfterTimeout:!1};function Ye(e,t,o,i){const n=e.resources.length,s=e.random?Math.floor(Math.random()*n):e.index;let r;if(e.random){let h=e.resources.slice(0);for(r=[];h.length>1;){const x=Math.floor(Math.random()*h.length);r.push(h[x]),h=h.slice(0,x).concat(h.slice(x+1))}r=r.concat(h)}else r=e.resources.slice(s).concat(e.resources.slice(0,s));const c=Date.now();let l="pending",a=0,u,d=null,g=[],y=[];typeof i=="function"&&y.push(i);function w(){d&&(clearTimeout(d),d=null)}function m(){l==="pending"&&(l="aborted"),w(),g.forEach(h=>{h.status==="pending"&&(h.status="aborted")}),g=[]}function f(h,x){x&&(y=[]),typeof h=="function"&&y.push(h)}function C(){return{startTime:c,payload:t,status:l,queriesSent:a,queriesPending:g.length,subscribe:f,abort:m}}function S(){l="failed",y.forEach(h=>{h(void 0,u)})}function I(){g.forEach(h=>{h.status==="pending"&&(h.status="aborted")}),g=[]}function b(h,x,F){const B=x!=="success";switch(g=g.filter(T=>T!==h),l){case"pending":break;case"failed":if(B||!e.dataAfterTimeout)return;break;default:return}if(x==="abort"){u=F,S();return}if(B){u=F,g.length||(r.length?G():S());return}if(w(),I(),!e.random){const T=e.resources.indexOf(h.resource);T!==-1&&T!==e.index&&(e.index=T)}l="completed",y.forEach(T=>{T(F)})}function G(){if(l!=="pending")return;w();const h=r.shift();if(h===void 0){if(g.length){d=setTimeout(()=>{w(),l==="pending"&&(I(),S())},e.timeout);return}S();return}const x={status:"pending",resource:h,callback:(F,B)=>{b(x,F,B)}};g.push(x),a++,d=setTimeout(G,e.rotate),o(h,t,x.callback)}return setTimeout(G),C}function ce(e){const t={...Xe,...e};let o=[];function i(){o=o.filter(c=>c().status==="pending")}function n(c,l,a){const u=Ye(t,c,l,(d,g)=>{i(),a&&a(d,g)});return o.push(u),u}function s(c){return o.find(l=>c(l))||null}return{query:n,find:s,setIndex:c=>{t.index=c},getIndex:()=>t.index,cleanup:i}}function le(){}const V=Object.create(null);function Ze(e){if(!V[e]){const t=Q(e);if(!t)return;const o=ce(t),i={config:t,redundancy:o};V[e]=i}return V[e]}function et(e,t,o){let i,n;if(typeof e=="string"){const s=D(e);if(!s)return o(void 0,424),le;n=s.send;const r=Ze(e);r&&(i=r.redundancy)}else{const s=U(e);if(s){i=ce(s);const r=e.resources?e.resources[0]:"",c=D(r);c&&(n=c.send)}}return!i||!n?(o(void 0,424),le):i.query(t,n,o)().abort}function ae(){}function tt(e){e.iconsLoaderFlag||(e.iconsLoaderFlag=!0,setTimeout(()=>{e.iconsLoaderFlag=!1,Ge(e)}))}function nt(e){const t=[],o=[];return e.forEach(i=>{(i.match(W)?t:o).push(i)}),{valid:t,invalid:o}}function E(e,t,o){function i(){const n=e.pendingIcons;t.forEach(s=>{n&&n.delete(s),e.icons[s]||e.missing.add(s)})}if(o&&typeof o=="object")try{if(!ee(e,o).length){i();return}}catch(n){console.error(n)}i(),tt(e)}function fe(e,t){e instanceof Promise?e.then(o=>{t(o)}).catch(()=>{t(null)}):t(e)}function ot(e,t){e.iconsToLoad?e.iconsToLoad=e.iconsToLoad.concat(t).sort():e.iconsToLoad=t,e.iconsQueueFlag||(e.iconsQueueFlag=!0,setTimeout(()=>{e.iconsQueueFlag=!1;const{provider:o,prefix:i}=e,n=e.iconsToLoad;if(delete e.iconsToLoad,!n||!n.length)return;const s=e.loadIcon;if(e.loadIcons&&(n.length>1||!s)){fe(e.loadIcons(n,i,o),u=>{E(e,n,u)});return}if(s){n.forEach(u=>{const d=s(u,i,o);fe(d,g=>{const y=g?{prefix:i,icons:{[u]:g}}:null;E(e,[u],y)})});return}const{valid:r,invalid:c}=nt(n);if(c.length&&E(e,c,null),!r.length)return;const l=i.match(W)?D(o):null;if(!l){E(e,r,null);return}l.prepare(o,i,r).forEach(u=>{et(o,u,d=>{E(e,u.icons,d)})})}))}const it=(e,t)=>{const o=Je(e,!0,te()),i=He(o);if(!i.pending.length){let l=!0;return t&&setTimeout(()=>{l&&t(i.loaded,i.missing,i.pending,ae)}),()=>{l=!1}}const n=Object.create(null),s=[];let r,c;return i.pending.forEach(l=>{const{provider:a,prefix:u}=l;if(u===c&&a===r)return;r=a,c=u,s.push(v(a,u));const d=n[a]||(n[a]=Object.create(null));d[u]||(d[u]=[])}),i.pending.forEach(l=>{const{provider:a,prefix:u,name:d}=l,g=v(a,u),y=g.pendingIcons||(g.pendingIcons=new Set);y.has(d)||(y.add(d),n[a][u].push(d))}),s.forEach(l=>{const a=n[l.provider][l.prefix];a.length&&ot(l,a)}),t?Ke(t,i,s):ae};function st(e,t){const o={...e};for(const i in t){const n=t[i],s=typeof n;i in ne?(n===null||n&&(s==="string"||s==="number"))&&(o[i]=n):s===typeof o[i]&&(o[i]=i==="rotate"?n%4:n)}return o}const rt=/[\s,]+/;function ct(e,t){t.split(rt).forEach(o=>{switch(o.trim()){case"horizontal":e.hFlip=!0;break;case"vertical":e.vFlip=!0;break}})}function lt(e,t=0){const o=e.replace(/^-?[0-9.]*/,"");function i(n){for(;n<0;)n+=4;return n%4}if(o===""){const n=parseInt(e);return isNaN(n)?0:i(n)}else if(o!==e){let n=0;switch(o){case"%":n=25;break;case"deg":n=90}if(n){let s=parseFloat(e.slice(0,e.length-o.length));return isNaN(s)?0:(s=s/n,s%1===0?i(s):0)}}return t}function at(e,t){let o=e.indexOf("xlink:")===-1?"":' xmlns:xlink="http://www.w3.org/1999/xlink"';for(const i in t)o+=" "+i+'="'+t[i]+'"';return'<svg xmlns="http://www.w3.org/2000/svg"'+o+">"+e+"</svg>"}function ft(e){return e.replace(/"/g,"'").replace(/%/g,"%25").replace(/#/g,"%23").replace(/</g,"%3C").replace(/>/g,"%3E").replace(/\s+/g," ")}function ut(e){return"data:image/svg+xml,"+ft(e)}function dt(e){return'url("'+ut(e)+'")'}const ue={...oe,inline:!1},pt={xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink","aria-hidden":!0,role:"img"},ht={display:"inline-block"},H={backgroundColor:"currentColor"},de={backgroundColor:"transparent"},pe={Image:"var(--svg)",Repeat:"no-repeat",Size:"100% 100%"},he={webkitMask:H,mask:H,background:de};for(const e in he){const t=he[e];for(const o in pe)t[e+o]=pe[o]}const z={};["horizontal","vertical"].forEach(e=>{const t=e.slice(0,1)+"Flip";z[e+"-flip"]=t,z[e.slice(0,1)+"-flip"]=t,z[e+"Flip"]=t});function ge(e){return e+(e.match(/^[-0-9.]+$/)?"px":"")}const me=(e,t)=>{const o=st(ue,t),i={...pt},n=t.mode||"svg",s={},r=t.style,c=typeof r=="object"&&!(r instanceof Array)?r:{};for(let m in t){const f=t[m];if(f!==void 0)switch(m){case"icon":case"style":case"onLoad":case"mode":case"ssr":break;case"inline":case"hFlip":case"vFlip":o[m]=f===!0||f==="true"||f===1;break;case"flip":typeof f=="string"&&ct(o,f);break;case"color":s.color=f;break;case"rotate":typeof f=="string"?o[m]=lt(f):typeof f=="number"&&(o[m]=f);break;case"ariaHidden":case"aria-hidden":f!==!0&&f!=="true"&&delete i["aria-hidden"];break;default:{const C=z[m];C?(f===!0||f==="true"||f===1)&&(o[C]=!0):ue[m]===void 0&&(i[m]=f)}}}const l=_e(e,o),a=l.attributes;if(o.inline&&(s.verticalAlign="-0.125em"),n==="svg"){i.style={...s,...c},Object.assign(i,a);let m=0,f=t.id;return typeof f=="string"&&(f=f.replace(/-/g,"_")),i.innerHTML=qe(l.body,f?()=>f+"ID"+m++:"iconifyVue"),p.h("svg",i)}const{body:u,width:d,height:g}=e,y=n==="mask"||(n==="bg"?!1:u.indexOf("currentColor")!==-1),w=at(u,{...a,width:d+"",height:g+""});return i.style={...s,"--svg":dt(w),width:ge(a.width),height:ge(a.height),...ht,...y?H:de,...c},p.h("span",i)};if(te(!0),Ne("",Ve),typeof document<"u"&&typeof window<"u"){const e=window;if(e.IconifyPreload!==void 0){const t=e.IconifyPreload,o="Invalid IconifyPreload syntax.";typeof t=="object"&&t!==null&&(t instanceof Array?t:[t]).forEach(i=>{try{(typeof i!="object"||i===null||i instanceof Array||typeof i.icons!="object"||typeof i.prefix!="string"||!je(i))&&console.error(o)}catch{console.error(o)}})}if(e.IconifyProviders!==void 0){const t=e.IconifyProviders;if(typeof t=="object"&&t!==null)for(let o in t){const i="IconifyProviders["+o+"] is invalid.";try{const n=t[o];if(typeof n!="object"||!n||n.resources===void 0)continue;Re(o,n)||console.error(i)}catch{console.error(i)}}}}const gt={..._,body:""},mt=p.defineComponent({inheritAttrs:!1,data(){return{_name:"",_loadingIcon:null,iconMounted:!1,counter:0}},mounted(){this.iconMounted=!0},unmounted(){this.abortLoading()},methods:{abortLoading(){this._loadingIcon&&(this._loadingIcon.abort(),this._loadingIcon=null)},getIcon(e,t,o){if(typeof e=="object"&&e!==null&&typeof e.body=="string")return this._name="",this.abortLoading(),{data:e};let i;if(typeof e!="string"||(i=L(e,!1,!0))===null)return this.abortLoading(),null;let n=ve(i);if(!n)return(!this._loadingIcon||this._loadingIcon.name!==e)&&(this.abortLoading(),this._name="",n!==null&&(this._loadingIcon={name:e,abort:it([i],()=>{this.counter++})})),null;if(this.abortLoading(),this._name!==e&&(this._name=e,t&&t(e)),o){n=Object.assign({},n);const r=o(n.body,i.name,i.prefix,i.provider);typeof r=="string"&&(n.body=r)}const s=["iconify"];return i.prefix!==""&&s.push("iconify--"+i.prefix),i.provider!==""&&s.push("iconify--"+i.provider),{data:n,classes:s}}},render(){this.counter;const e=this.$attrs,t=this.iconMounted||e.ssr?this.getIcon(e.icon,e.onLoad,e.customise):null;if(!t)return me(gt,e);let o=e;return t.classes&&(o={...e,class:(typeof e.class=="string"?e.class+" ":"")+t.classes.join(" ")}),me({..._,...t.data},o)}}),ye=(e,t)=>{const o=e.__vccOpts||e;for(const[i,n]of t)o[i]=n;return o},yt=["src"],be=ye({__name:"BaseIcon",props:{icon:{type:String,required:!0,tsType:"string",description:"Any iconify value."},color:{type:String,required:!1,default:null,tsType:"string",description:"Color of the icon."},circle:{type:Boolean,required:!1,default:!1,tsType:"boolean",description:"Shows the icon in a circle."},size:{type:String,required:!1,default:"16px",tsType:"string",description:"Size of the icon."},alignText:{type:Boolean,required:!1,default:!1,tsType:"boolean",description:"Vertically aligns the icon and text."}},setup(e){const t=e,o=p.computed(()=>t.circle?{backgroundColor:t.color,color:"white",borderRadius:"50%",padding:"3px"}:t.color?{color:t.color}:null);return(i,n)=>{var s;return p.openBlock(),p.createElementBlock("div",{style:p.normalizeStyle({fontSize:e.size}),class:p.normalizeClass([{"icon--align":e.alignText},"base-icon__wrapper"])},[(s=e.icon)!=null&&s.startsWith("https")?(p.openBlock(),p.createElementBlock("img",{key:0,src:e.icon,class:"image-icon"},null,8,yt)):(p.openBlock(),p.createBlock(p.unref(mt),{key:1,icon:e.icon,style:p.normalizeStyle(o.value)},null,8,["icon","style"]))],6)}}},[["__scopeId","data-v-369c65cf"]]),bt={class:"user-image__wrapper"},xt=["src"],It=ye({__name:"UserImage",props:{image:{type:String,required:!1,default:null,tsType:"string",description:"The image for the user, if not provided defaults to a user icon."},size:{type:String,required:!1,default:"14px",tsType:"string",description:"Size of the image."},backgroundColor:{type:String,required:!1,default:null,tsType:"string",description:"Background color when showing the user icon."}},setup(e){return(t,o)=>(p.openBlock(),p.createElementBlock("div",bt,[e.image?(p.openBlock(),p.createElementBlock("img",{key:0,src:e.image,style:p.normalizeStyle({fontSize:e.size}),class:"user-image"},null,12,xt)):(p.openBlock(),p.createBlock(be,{key:1,icon:"ph:user-fill",size:e.size,circle:"",color:e.backgroundColor,class:p.normalizeClass([{"icon-border":!e.backgroundColor},"user-icon"])},null,8,["size","color","class"]))]))}},[["__scopeId","data-v-72891255"]]);k.BaseIcon=be,k.UserImage=It,Object.defineProperty(k,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vue-quest-ui",
   "private": false,
-  "version": "0.0.4",
+  "version": "0.0.6",
   "type": "module",
   "files": [
     "dist",
@@ -12,9 +12,9 @@
   "exports": {
     ".": {
       "import": "./dist/vue-quest-ui.js",
-      "require": "./dist/vue-quest-ui-umd.cjs",
-      "css": "./dist/vue-quest-ui.css"
-    }
+      "require": "./dist/vue-quest-ui-umd.cjs"
+    },
+    "./dist/*.css": "./dist/*.css"
   },
   "description": "A reusable component library",
   "keywords": [