@quidgest/ui 0.17.2 → 0.17.4

package/esm/components/QIcon/InlineSvg.js

@@ -1,132 +1,95 @@
-import { defineComponent as a, h as s } from "vue";
-const i = {}, h = a({
-  name: "InlineSvg",
-  inheritAttrs: !1,
-  props: {
-    /**
-     * The source URL of the SVG bundle.
-     */
-    src: {
-      type: String,
-      required: !0
-    },
-    /**
-     * The ID of the SVG symbol to be rendered.
-     */
-    symbol: {
-      type: String,
-      default: ""
-    },
-    /**
-     * The title to be associated with the SVG.
-     */
-    title: {
-      type: String,
-      default: ""
-    },
-    /**
-     * A function to transform the source SVG element before rendering.
-     * If not provided, no transformation will be applied.
-     */
-    transformSource: {
-      type: Function,
-      default: void 0
-    },
-    /**
-     * Determines whether to keep the existing SVG content visible during the loading of a new SVG.
-     * Set to `false` to hide content during loading.
-     */
-    keepDuringLoading: {
-      type: Boolean,
-      default: !0
-    }
-  },
-  emits: {
-    loaded: (t) => typeof t == "object",
-    unloaded: () => !0,
-    error: (t) => typeof t == "object"
-  },
-  expose: [],
-  data() {
-    return {
-      /** @type SVGElement */
-      svgElSource: null
-    };
-  },
-  watch: {
-    src(t) {
-      this.getSource(t);
-    }
-  },
-  async mounted() {
-    await this.getSource(this.src);
-  },
-  methods: {
-    copySvgAttrs(t, e) {
-      const r = e.attributes;
-      if (r) for (const n of r) t[n.name] = n.value;
-    },
-    copyComponentAttrs(t, e) {
-      for (const [r, n] of Object.entries(e))
-        n !== !1 && n !== null && n !== void 0 && (t[r] = n);
-    },
-    getSvgContent(t) {
-      return this.symbol && (t = t.getElementById(this.symbol), !t) ? null : (this.transformSource && (t = t.cloneNode(!0), t = this.transformSource(t)), this.title && (this.transformSource || (t = t.cloneNode(!0)), l(t, this.title)), t);
-    },
-    /**
-     * Get svgElSource
-     * @param {string} src
-     */
-    async getSource(t) {
-      try {
-        i[t] || (i[t] = u(this.download(t))), this.svgElSource && i[t].getIsPending() && !this.keepDuringLoading && (this.svgElSource = null, this.$emit("unloaded"));
-        const e = await i[t];
-        this.svgElSource = e, await this.$nextTick(), this.$emit("loaded", this.$el);
-      } catch (e) {
-        this.svgElSource && (this.svgElSource = null, this.$emit("unloaded")), delete i[t], this.$emit("error", e);
-      }
-    },
-    /**
-     * Get the contents of the SVG
-     * @param {string} url
-     * @returns {PromiseWithState<Element>}
-     */
-    async download(t) {
-      const e = await fetch(t);
-      if (!e.ok) throw new Error("Error loading SVG");
-      const r = await e.text(), o = new DOMParser().parseFromString(r, "text/xml").getElementsByTagName("svg")[0];
-      if (!o) throw new Error("Loaded file is not a valid SVG");
-      return o;
-    }
-  },
-  render() {
-    if (!this.svgElSource) return null;
-    const t = this.getSvgContent(this.svgElSource);
-    if (!t) return s("div", this.$attrs);
-    const e = {};
-    return this.copySvgAttrs(e, this.svgElSource), this.copySvgAttrs(e, t), this.copyComponentAttrs(e, this.$attrs), e.innerHTML = t.innerHTML, this.$attrs.id || delete e.id, s("svg", e);
-  }
+import { defineComponent as e, h as t } from "vue";
+//#region src/components/QIcon/InlineSvg.js
+var n = {}, r = e({
+	name: "InlineSvg",
+	inheritAttrs: !1,
+	props: {
+		src: {
+			type: String,
+			required: !0
+		},
+		symbol: {
+			type: String,
+			default: ""
+		},
+		title: {
+			type: String,
+			default: ""
+		},
+		transformSource: {
+			type: Function,
+			default: void 0
+		},
+		keepDuringLoading: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	emits: {
+		loaded: (e) => typeof e == "object",
+		unloaded: () => !0,
+		error: (e) => typeof e == "object"
+	},
+	expose: [],
+	data() {
+		return { svgElSource: null };
+	},
+	watch: { src(e) {
+		this.getSource(e);
+	} },
+	async mounted() {
+		await this.getSource(this.src);
+	},
+	methods: {
+		copySvgAttrs(e, t) {
+			let n = t.attributes;
+			if (n) for (let t of n) e[t.name] = t.value;
+		},
+		copyComponentAttrs(e, t) {
+			for (let [n, r] of Object.entries(t)) r !== !1 && r != null && (e[n] = r);
+		},
+		getSvgContent(e) {
+			return this.symbol && (e = e.getElementById(this.symbol), !e) ? null : (this.transformSource && (e = e.cloneNode(!0), e = this.transformSource(e)), this.title && (this.transformSource || (e = e.cloneNode(!0)), i(e, this.title)), e);
+		},
+		async getSource(e) {
+			try {
+				n[e] || (n[e] = a(this.download(e))), this.svgElSource && n[e].getIsPending() && !this.keepDuringLoading && (this.svgElSource = null, this.$emit("unloaded"));
+				let t = await n[e];
+				this.svgElSource = t, await this.$nextTick(), this.$emit("loaded", this.$el);
+			} catch (t) {
+				this.svgElSource && (this.svgElSource = null, this.$emit("unloaded")), delete n[e], this.$emit("error", t);
+			}
+		},
+		async download(e) {
+			let t = await fetch(e);
+			if (!t.ok) throw Error("Error loading SVG");
+			let n = await t.text(), r = new DOMParser().parseFromString(n, "text/xml").getElementsByTagName("svg")[0];
+			if (!r) throw Error("Loaded file is not a valid SVG");
+			return r;
+		}
+	},
+	render() {
+		if (!this.svgElSource) return null;
+		let e = this.getSvgContent(this.svgElSource);
+		if (!e) return t("div", this.$attrs);
+		let n = {};
+		return this.copySvgAttrs(n, this.svgElSource), this.copySvgAttrs(n, e), this.copyComponentAttrs(n, this.$attrs), n.innerHTML = e.innerHTML, this.$attrs.id || delete n.id, t("svg", n);
+	}
 });
-function l(t, e) {
-  const r = t.getElementsByTagName("title");
-  if (r.length)
-    r[0].textContent = e;
-  else {
-    const n = document.createElementNS("http://www.w3.org/2000/svg", "title");
-    n.textContent = e, t.insertBefore(n, t.firstChild);
-  }
+function i(e, t) {
+	let n = e.getElementsByTagName("title");
+	if (n.length) n[0].textContent = t;
+	else {
+		let n = document.createElementNS("http://www.w3.org/2000/svg", "title");
+		n.textContent = t, e.insertBefore(n, e.firstChild);
+	}
 }
-function u(t) {
-  if (t.getIsPending) return t;
-  let e = !0;
-  const r = t.then(
-    (n) => (e = !1, n),
-    (n) => {
-      throw e = !1, n;
-    }
-  );
-  return r.getIsPending = () => e, r;
+function a(e) {
+	if (e.getIsPending) return e;
+	let t = !0, n = e.then((e) => (t = !1, e), (e) => {
+		throw t = !1, e;
+	});
+	return n.getIsPending = () => t, n;
 }
-export {
-  h as default
-};
+//#endregion
+export { r as default };

package/esm/components/QIcon/QIcon.vue.js

@@ -1,43 +1,41 @@
-import { defineComponent as i, computed as n, toRef as l, createBlock as a, openBlock as u, resolveDynamicComponent as d, normalizeStyle as m, normalizeClass as p } from "vue";
-import { QIconImg as f, QIconFont as y, QIconSvg as v } from "./index.js";
-import { useColor as z } from "../../composables/useColor/index.js";
-const Q = /* @__PURE__ */ i({
-  __name: "QIcon",
-  props: {
-    id: {},
-    class: {},
-    icon: {},
-    size: {},
-    color: {},
-    type: { default: "svg" }
-  },
-  setup(c) {
-    const e = c, t = n(() => {
-      switch (e.type) {
-        case "svg":
-          return v;
-        case "font":
-          return y;
-        case "img":
-          return f;
-        default:
-          return;
-      }
-    }), { style: s } = z(l(e, "color")), r = n(() => {
-      var o;
-      return {
-        "font-size": e.size !== void 0 ? `${e.size}px` : void 0,
-        color: e.color !== void 0 && e.color !== "primary" ? (o = s.value) == null ? void 0 : o.mainColor : void 0
-      };
-    });
-    return (o, _) => (u(), a(d(t.value), {
-      id: e.id,
-      class: p(e.class),
-      icon: e.icon,
-      style: m(r.value)
-    }, null, 8, ["id", "class", "icon", "style"]));
-  }
+import { useColor as e } from "../../composables/useColor/index.js";
+import { QIconFont as t, QIconImg as n, QIconSvg as r } from "./index.js";
+import { computed as i, createBlock as a, defineComponent as o, normalizeClass as s, normalizeStyle as c, openBlock as l, resolveDynamicComponent as u, toRef as d } from "vue";
+//#region src/components/QIcon/QIcon.vue?vue&type=script&setup=true&lang.ts
+var f = /*@__PURE__*/ o({
+	__name: "QIcon",
+	props: {
+		id: {},
+		class: {},
+		icon: {},
+		size: {},
+		color: {},
+		type: { default: "svg" }
+	},
+	setup(o) {
+		let f = o, p = i(() => {
+			switch (f.type) {
+				case "svg": return r;
+				case "font": return t;
+				case "img": return n;
+				default: return;
+			}
+		}), { style: m } = e(d(f, "color")), h = i(() => ({
+			"font-size": f.size === void 0 ? void 0 : `${f.size}px`,
+			color: f.color !== void 0 && f.color !== "primary" ? m.value?.mainColor : void 0
+		}));
+		return (e, t) => (l(), a(u(p.value), {
+			id: f.id,
+			class: s(f.class),
+			icon: f.icon,
+			style: c(h.value)
+		}, null, 8, [
+			"id",
+			"class",
+			"icon",
+			"style"
+		]));
+	}
 });
-export {
-  Q as default
-};
+//#endregion
+export { f as default };

package/esm/components/QIcon/QIcon2.vue.js

@@ -0,0 +1,5 @@
+import e from "./QIcon.vue.js";
+//#region src/components/QIcon/QIcon.vue
+var t = e;
+//#endregion
+export { t as default };

package/esm/components/QIcon/QIconFont.vue.js

@@ -1,21 +1,27 @@
-import { defineComponent as t, computed as n, createElementBlock as e, openBlock as c, normalizeClass as l } from "vue";
-const s = ["id"], d = /* @__PURE__ */ t({
-  __name: "QIconFont",
-  props: {
-    id: {},
-    class: {},
-    icon: {},
-    variant: {},
-    library: { default: "" }
-  },
-  setup(a) {
-    const r = a, i = n(() => r.variant ? `${r.library}-${r.variant}` : r.library), o = n(() => r.library && r.icon ? `${r.library}-${r.icon}` : r.icon);
-    return (u, p) => (c(), e("i", {
-      id: r.id,
-      class: l(["q-icon", "q-icon__font", i.value, o.value, r.class])
-    }, null, 10, s));
-  }
+import { computed as e, createElementBlock as t, defineComponent as n, normalizeClass as r, openBlock as i } from "vue";
+//#region src/components/QIcon/QIconFont.vue?vue&type=script&setup=true&lang.ts
+var a = ["id"], o = /*@__PURE__*/ n({
+	__name: "QIconFont",
+	props: {
+		id: {},
+		class: {},
+		icon: {},
+		variant: {},
+		library: { default: "" }
+	},
+	setup(n) {
+		let o = n, s = e(() => o.variant ? `${o.library}-${o.variant}` : o.library), c = e(() => o.library && o.icon ? `${o.library}-${o.icon}` : o.icon);
+		return (e, n) => (i(), t("i", {
+			id: o.id,
+			class: r([
+				"q-icon",
+				"q-icon__font",
+				s.value,
+				c.value,
+				o.class
+			])
+		}, null, 10, a));
+	}
 });
-export {
-  d as default
-};
+//#endregion
+export { o as default };

package/esm/components/QIcon/QIconFont2.vue.js

@@ -0,0 +1,5 @@
+import e from "./QIconFont.vue.js";
+//#region src/components/QIcon/QIconFont.vue
+var t = e;
+//#endregion
+export { t as default };

package/esm/components/QIcon/QIconImg.vue.js

@@ -1,20 +1,24 @@
-import { defineComponent as n, createElementBlock as s, openBlock as e, normalizeClass as i } from "vue";
-const t = ["id", "src"], m = /* @__PURE__ */ n({
-  __name: "QIconImg",
-  props: {
-    id: {},
-    class: {},
-    icon: {}
-  },
-  setup(o) {
-    const c = o;
-    return (r, a) => (e(), s("img", {
-      id: c.id,
-      src: c.icon,
-      class: i(["q-icon", "q-icon__img", c.class])
-    }, null, 10, t));
-  }
+import { createElementBlock as e, defineComponent as t, normalizeClass as n, openBlock as r } from "vue";
+//#region src/components/QIcon/QIconImg.vue?vue&type=script&setup=true&lang.ts
+var i = ["id", "src"], a = /*@__PURE__*/ t({
+	__name: "QIconImg",
+	props: {
+		id: {},
+		class: {},
+		icon: {}
+	},
+	setup(t) {
+		let a = t;
+		return (t, o) => (r(), e("img", {
+			id: a.id,
+			src: a.icon,
+			class: n([
+				"q-icon",
+				"q-icon__img",
+				a.class
+			])
+		}, null, 10, i));
+	}
 });
-export {
-  m as default
-};
+//#endregion
+export { a as default };

package/esm/components/QIcon/QIconImg2.vue.js

@@ -0,0 +1,5 @@
+import e from "./QIconImg.vue.js";
+//#region src/components/QIcon/QIconImg.vue
+var t = e;
+//#endregion
+export { t as default };

package/esm/components/QIcon/QIconSvg.vue.js

@@ -1,32 +1,41 @@
-import { defineComponent as a, createBlock as i, openBlock as t, unref as r, normalizeClass as m } from "vue";
-import u from "./InlineSvg.js";
-const b = /* @__PURE__ */ a({
-  __name: "QIconSvg",
-  props: {
-    id: {},
-    class: {},
-    icon: {},
-    bundle: { default: "" }
-  },
-  emits: ["loaded", "unloaded"],
-  setup(s, { emit: c }) {
-    const o = s, n = c;
-    function l(e) {
-      n("loaded", e);
-    }
-    function d() {
-      n("unloaded");
-    }
-    return (e, p) => (t(), i(r(u), {
-      id: o.id,
-      class: m(["q-icon", "q-icon__svg", o.class]),
-      src: o.bundle,
-      symbol: o.icon,
-      onLoaded: l,
-      onUnloaded: d
-    }, null, 8, ["id", "class", "src", "symbol"]));
-  }
+import e from "./InlineSvg.js";
+import { createBlock as t, defineComponent as n, normalizeClass as r, openBlock as i, unref as a } from "vue";
+//#region src/components/QIcon/QIconSvg.vue?vue&type=script&setup=true&lang.ts
+var o = /*@__PURE__*/ n({
+	__name: "QIconSvg",
+	props: {
+		id: {},
+		class: {},
+		icon: {},
+		bundle: { default: "" }
+	},
+	emits: ["loaded", "unloaded"],
+	setup(n, { emit: o }) {
+		let s = n, c = o;
+		function l(e) {
+			c("loaded", e);
+		}
+		function u() {
+			c("unloaded");
+		}
+		return (n, o) => (i(), t(a(e), {
+			id: s.id,
+			class: r([
+				"q-icon",
+				"q-icon__svg",
+				s.class
+			]),
+			src: s.bundle,
+			symbol: s.icon,
+			onLoaded: l,
+			onUnloaded: u
+		}, null, 8, [
+			"id",
+			"class",
+			"src",
+			"symbol"
+		]));
+	}
 });
-export {
-  b as default
-};
+//#endregion
+export { o as default };

package/esm/components/QIcon/QIconSvg2.vue.js

@@ -0,0 +1,5 @@
+import e from "./QIconSvg.vue.js";
+//#region src/components/QIcon/QIconSvg.vue
+var t = e;
+//#endregion
+export { t as default };

package/esm/components/QIcon/index.js

@@ -1,12 +1,9 @@
-import m from "./QIcon.vue.js";
-import n from "./QIconFont.vue.js";
-import r from "./QIconImg.vue.js";
-import c from "./QIconSvg.vue.js";
-import { setupPropsProxy as o } from "../../utils/setupPropsProxy.js";
-const _ = o(m), I = o(n), a = o(r), Q = o(c);
-export {
-  _ as QIcon,
-  I as QIconFont,
-  a as QIconImg,
-  Q as QIconSvg
-};
+import { setupPropsProxy as e } from "../../utils/setupPropsProxy.js";
+import t from "./QIcon2.vue.js";
+import n from "./QIconFont2.vue.js";
+import r from "./QIconImg2.vue.js";
+import i from "./QIconSvg2.vue.js";
+//#region src/components/QIcon/index.ts
+var a = e(t), o = e(n), s = e(r), c = e(i);
+//#endregion
+export { a as QIcon, o as QIconFont, s as QIconImg, c as QIconSvg };