ablok-components 0.3.104 → 0.3.106

package/dist/components/templates/base-form/base-form.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,31 @@
+import { createElementBlock as e, createElementVNode as t, defineComponent as n, openBlock as r, renderSlot as i, withModifiers as a } from "vue";
+//#region src/components/templates/base-form/base-form.vue?vue&type=script&setup=true&lang.ts
+var o = { class: "base-form" }, s = /*@__PURE__*/ n({
+	__name: "base-form",
+	props: {
+		id: {},
+		name: {},
+		variant: {},
+		disabled: { type: Boolean },
+		pending: { type: Boolean }
+	},
+	setup(n) {
+		function s(e) {
+			console.log("input", e);
+		}
+		function c(e) {
+			console.log("reset", e);
+		}
+		function l(e) {
+			console.log("submit", e);
+		}
+		return (n, u) => (r(), e("div", o, [t("form", {
+			ref: "form",
+			onInput: s,
+			onReset: c,
+			onSubmit: a(l, ["prevent"])
+		}, [i(n.$slots, "default")], 544)]));
+	}
+});
+//#endregion
+export { s as default };

package/dist/components/templates/modal-dialog/modal-dialog.js

@@ -0,0 +1,6 @@
+import e from "./modal-dialog.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                             */
+//#region src/components/templates/modal-dialog/modal-dialog.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/components/templates/modal-dialog/modal-dialog.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,117 @@
+import { createCommentVNode as e, createElementBlock as t, createElementVNode as n, defineComponent as r, normalizeClass as i, onBeforeUnmount as a, onMounted as o, openBlock as s, ref as c, renderSlot as l, toDisplayString as u, watch as d } from "vue";
+//#region src/components/templates/modal-dialog/modal-dialog.vue?vue&type=script&setup=true&lang.ts
+var f = { class: "modal-dialog__content d-flex flex-column" }, p = { class: "modal-dialog__header d-flex p-3 border-bottom" }, m = {
+	key: 0,
+	class: "modal-dialog__title",
+	id: "exampleModalLabel"
+}, h = { class: "modal-dialog__body" }, g = {
+	key: 0,
+	class: "modal-dialog__footer d-flex p-3 border-top"
+}, _ = /*@__PURE__*/ r({
+	__name: "modal-dialog",
+	props: {
+		modelValue: {
+			type: Boolean,
+			default: !1
+		},
+		modal: {
+			type: Boolean,
+			default: !0
+		},
+		size: {
+			type: String,
+			default: "md"
+		},
+		dismiss: {
+			type: Boolean,
+			default: !0
+		},
+		title: {
+			type: String,
+			default: ""
+		},
+		footer: {
+			type: Boolean,
+			default: !0
+		},
+		classes: {
+			type: String,
+			default: ""
+		}
+	},
+	emits: [
+		"update:modelValue",
+		"confirm",
+		"cancel"
+	],
+	setup(r, { expose: _, emit: v }) {
+		let y = r, b = v, x = c();
+		function S() {
+			document.documentElement.style.setProperty("--scroll-position", `${Math.round(document.documentElement.scrollTop)}px`), y.modal ? x.value?.showModal() : x.value?.show(), b("update:modelValue", !0);
+		}
+		function C() {
+			let e = x.value && new KeyframeEffect(x.value, [{
+				translate: "0 -100%",
+				opacity: "0"
+			}], {
+				duration: 320,
+				easing: "ease",
+				direction: "normal"
+			}), t = new Animation(e, document.timeline);
+			t.play(), t.addEventListener("finish", () => {
+				x.value?.close(), w();
+			}), b("update:modelValue", !1);
+		}
+		function w() {
+			let e = getComputedStyle(document.documentElement).getPropertyValue("--scroll-position");
+			document.documentElement.scrollTo({
+				top: parseInt(e, 10),
+				behavior: "instant"
+			}), b("update:modelValue", !1);
+		}
+		function T(e) {
+			S(), b("confirm", e);
+		}
+		function E() {
+			C(), b("cancel");
+		}
+		function D(e) {
+			let t = e.target;
+			t && t.nodeName === "DIALOG" && C();
+		}
+		return d(() => y.modelValue, (e, t) => {
+			e && e !== t ? S() : t && C();
+		}, { immediate: !0 }), o(() => {
+			x.value?.addEventListener("cancel", (e) => {
+				e.preventDefault(), C();
+			}), y.dismiss && document.addEventListener("click", D), y.modelValue && S();
+		}), a(() => {
+			y.dismiss && document.removeEventListener("click", D);
+		}), _({
+			show: S,
+			close: C,
+			confirm: T,
+			cancel: E
+		}), (a, o) => (s(), t("dialog", {
+			ref_key: "dialog",
+			ref: x,
+			class: i(["modal-dialog", { [`modal-dialog--${r.size}`]: r.size }]),
+			onClose: w
+		}, [n("div", f, [
+			n("div", p, [r.title ? (s(), t("h5", m, u(r.title), 1)) : e("", !0), n("button", {
+				type: "button",
+				class: "btn-close ms-auto border-radius-none",
+				"aria-label": "Close",
+				onClick: C
+			})]),
+			n("div", h, [l(a.$slots, "default")]),
+			r.footer ? (s(), t("div", g, [l(a.$slots, "footer"), n("button", {
+				type: "button",
+				class: "btn ms-auto",
+				onClick: C
+			}, u(a.$t("common.close")), 1)])) : e("", !0)
+		])], 34));
+	}
+});
+//#endregion
+export { _ as default };

package/dist/components/templates/popover-dialog/popover-dialog.js

@@ -0,0 +1,6 @@
+import e from "./popover-dialog.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                               */
+//#region src/components/templates/popover-dialog/popover-dialog.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/components/templates/popover-dialog/popover-dialog.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,91 @@
+import { computed as e, createElementBlock as t, createTextVNode as n, defineComponent as r, onBeforeUnmount as i, onMounted as a, openBlock as o, ref as s, renderSlot as c, watch as l } from "vue";
+//#region src/components/templates/popover-dialog/popover-dialog.vue?vue&type=script&setup=true&lang.ts
+var u = ["id", "popover"], d = /*@__PURE__*/ r({
+	__name: "popover-dialog",
+	props: {
+		modelValue: {
+			type: Boolean,
+			default: !1
+		},
+		type: {
+			type: String,
+			default: "auto"
+		},
+		id: {
+			type: String,
+			default: () => `popover-dialog-${Math.random().toString(36).substr(2, 9)}`
+		},
+		title: {
+			type: String,
+			default: ""
+		},
+		header: {
+			type: Boolean,
+			default: !1
+		},
+		footer: {
+			type: Boolean,
+			default: !1
+		},
+		classes: {
+			type: String,
+			default: ""
+		},
+		hover: {
+			type: Boolean,
+			default: !1
+		},
+		hoverDelay: {
+			type: Number,
+			default: 400
+		},
+		closeTimeout: {
+			type: Number,
+			default: 0
+		}
+	},
+	emits: ["update:modelValue"],
+	setup(r, { emit: d }) {
+		let f = r, p = d, m = s(), h = s(), g = s(!1), _ = e(() => "ontouchstart" in window || navigator.maxTouchPoints > 0);
+		function v() {
+			clearTimeout(h.value), f.hover && m.value?.showPopover();
+		}
+		function y() {
+			g.value = !0, clearTimeout(h.value), v();
+		}
+		function b() {
+			g.value = !1, (f.hover || f.closeTimeout) && (h.value = setTimeout(() => {
+				m.value?.hidePopover();
+			}, f.closeTimeout || f.hoverDelay));
+		}
+		l(() => f.modelValue, (e, t) => {
+			e && !t ? m.value?.matches(":popover-open") || m.value?.showPopover() : !e && t && m.value?.matches(":popover-open") && m.value?.hidePopover();
+		});
+		function x(e) {
+			e.newState === "open" ? (f.closeTimeout && !g.value && (clearTimeout(h.value), h.value = setTimeout(() => {
+				g.value || m.value?.hidePopover();
+			}, f.closeTimeout)), f.modelValue || p("update:modelValue", !0)) : e.newState === "closed" && (g.value = !1, f.modelValue && p("update:modelValue", !1));
+		}
+		return a(() => {
+			if (m.value?.addEventListener("toggle", x), f.modelValue && m.value?.showPopover(), !_.value) {
+				m.value?.addEventListener("mouseenter", y), m.value?.addEventListener("mouseleave", b);
+				let e = document.querySelector(`[popovertarget="${f.id}"]`);
+				e && (e.addEventListener("mouseenter", y), e.addEventListener("mouseleave", b));
+			}
+		}), i(() => {
+			if (clearTimeout(h.value), m.value?.removeEventListener("toggle", x), !_.value) {
+				m.value?.removeEventListener("mouseenter", y), m.value?.removeEventListener("mouseleave", b);
+				let e = document.querySelector(`[popovertarget="${f.id}"]`);
+				e && (e.removeEventListener("mouseenter", y), e.removeEventListener("mouseleave", b));
+			}
+		}), (e, i) => (o(), t("span", {
+			class: "popover-dialog",
+			id: r.id,
+			popover: r.type,
+			ref_key: "popover",
+			ref: m
+		}, [c(e.$slots, "default", {}, () => [i[0] ||= n(" Popover content goes here. ", -1)])], 8, u));
+	}
+});
+//#endregion
+export { d as default };

package/dist/components/templates/sortable-list/sortable-list.js

@@ -0,0 +1,6 @@
+import e from "./sortable-list.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                              */
+//#region src/components/templates/sortable-list/sortable-list.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/components/templates/sortable-list/sortable-list.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,190 @@
+import e from "../../atoms/svg-icon/svg-icon.js";
+import { Fragment as t, TransitionGroup as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, defineComponent as u, normalizeClass as d, openBlock as f, ref as p, renderList as m, renderSlot as h, toDisplayString as g, useSlots as _, watch as v, withCtx as y, withModifiers as b } from "vue";
+import x from "dompurify";
+//#region src/components/templates/sortable-list/sortable-list.vue?vue&type=script&setup=true&lang.ts
+var S = [
+	"onDragenter",
+	"onDragover",
+	"onDragleave",
+	"onDragend",
+	"onDrop",
+	"innerHTML"
+], C = [
+	"draggable",
+	"onDragstart",
+	"onDrag",
+	"onDragenter",
+	"onDragover",
+	"onDragleave",
+	"onDragend",
+	"onDrop"
+], w = {
+	key: 0,
+	class: "sortable-list__drag-handle"
+}, T = ["onDragstart", "onDrag"], E = {
+	key: 0,
+	class: "sortable-list__item"
+}, D = /*@__PURE__*/ u({
+	__name: "sortable-list",
+	props: {
+		modelValue: {
+			type: Array,
+			default: () => []
+		},
+		config: {
+			type: Object,
+			default: null
+		},
+		messages: {
+			type: Object,
+			default: {}
+		},
+		vertical: {
+			type: Boolean,
+			default: !0
+		},
+		showDragHandle: {
+			type: Boolean,
+			default: !1
+		},
+		showPreview: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	emits: [
+		"update:modelValue",
+		"update:isDragging",
+		"update:dragIndex",
+		"update:dragOverIndex"
+	],
+	setup(u, { emit: D }) {
+		let O = u, k = p(!1), A = p(null), j = p(null), M = D, N = r({
+			get() {
+				return O.modelValue;
+			},
+			set(e) {
+				M("update:modelValue", e);
+			}
+		}), P = p("");
+		function F(e) {
+			let t = e.currentTarget.closest(".sortable-list__item") ?? e.currentTarget;
+			P.value = x.sanitize(t.outerHTML, {
+				ALLOWED_TAGS: [
+					"b",
+					"i",
+					"em",
+					"strong",
+					"u",
+					"span",
+					"p",
+					"br",
+					"a",
+					"ul",
+					"ol",
+					"li",
+					"h1",
+					"h2",
+					"h3",
+					"h4",
+					"h5",
+					"h6",
+					"article",
+					"div",
+					"label",
+					"button",
+					"svg",
+					"use"
+				],
+				ALLOWED_ATTR: [
+					"class",
+					"id",
+					"style",
+					"href",
+					"target",
+					"rel",
+					"title",
+					"type",
+					"aria-expanded",
+					"aria-controls",
+					"aria-labelledby",
+					"data-countdown"
+				],
+				ALLOW_DATA_ATTR: !0
+			});
+		}
+		let I = _(), L = r(() => I["list-append"]);
+		function R(e, t) {
+			e.dataTransfer && (F(e), e.dataTransfer.dropEffect = "move", e.dataTransfer.effectAllowed = "move", e.dataTransfer.setData("index", t.toLocaleString()), k.value = !0, A.value = t);
+		}
+		function z(e, t) {
+			k.value = !1, A.value = null, j.value = null, P.value = "";
+		}
+		function B(e, t) {
+			j.value = A.value === t ? null : t;
+		}
+		function V(e, t) {
+			j.value = A.value === t ? null : t;
+		}
+		function H(e, t) {
+			if (e.dataTransfer) {
+				e.preventDefault();
+				let n = Number(e.dataTransfer.getData("index")), r = t, i = [...N.value];
+				(r || r === 0) && (n || n === 0) && i.splice(r, 0, i.splice(n, 1)[0]), N.value = i;
+			}
+		}
+		return v(() => k.value, (e) => {
+			M("update:isDragging", e);
+		}, { immediate: !0 }), v(() => A.value, (e) => {
+			M("update:dragIndex", e);
+		}, { immediate: !0 }), v(() => j.value, (e) => {
+			M("update:dragOverIndex", e);
+		}, { immediate: !0 }), (r, p) => (f(), i(n, {
+			name: "list",
+			tag: "ul",
+			class: d(["sortable-list p-0 d-flex gap-2", {
+				"flex-column": u.vertical,
+				"flex-row flex-wrap": !u.vertical
+			}]),
+			onDragover: p[0] ||= b(() => {}, ["prevent"]),
+			onDragenter: p[1] ||= b(() => {}, ["prevent"])
+		}, {
+			default: y(() => [(f(!0), o(t, null, m(N.value, (n, i) => (f(), o(t, { key: i }, [u.showPreview && k.value && j.value === i ? (f(), o("li", {
+				key: 0,
+				class: "sortable-list__item is-drop-target",
+				onDragenter: (e) => B(e, i),
+				onDragover: (e) => V(e, i),
+				onDragleave: (e) => void 0,
+				onDragend: (e) => z(e, i),
+				onDrop: (e) => H(e, i),
+				innerHTML: P.value
+			}, null, 40, S)) : a("", !0), s("li", {
+				class: d(["sortable-list__item d-flex", {
+					"is-drag-item": k.value && A.value === i,
+					"is-drop-target": k.value && j.value === i && !u.showPreview,
+					"align-items-center gap-2": u.vertical
+				}]),
+				draggable: !u.showDragHandle,
+				onDragstart: (e) => R(e, i),
+				onDrag: (e) => void 0,
+				onDragenter: (e) => B(e, i),
+				onDragover: (e) => V(e, i),
+				onDragleave: (e) => void 0,
+				onDragend: (e) => z(e, i),
+				onDrop: (e) => H(e, i)
+			}, [u.showDragHandle ? (f(), o("div", w, [s("button", {
+				type: "button",
+				class: "btn",
+				draggable: "true",
+				onDragstart: (e) => R(e, i),
+				onDrag: (e) => void 0
+			}, [l(e, { symbol: "drag" })], 40, T)])) : a("", !0), s("div", { class: d(["sortable-list__item-content", { "flex-grow-1": u.vertical }]) }, [h(r.$slots, "list-item", {
+				item: n,
+				index: i
+			}, () => [c(g(n), 1)])], 2)], 42, C)], 64))), 128)), L.value ? (f(), o("li", E, [h(r.$slots, "list-append")])) : a("", !0)]),
+			_: 3
+		}, 8, ["class"]));
+	}
+});
+//#endregion
+export { D as default };

package/dist/components/templates/touch-wrapper/touch-wrapper.js

@@ -0,0 +1,6 @@
+import e from "./touch-wrapper.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                              */
+//#region src/components/templates/touch-wrapper/touch-wrapper.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/components/templates/touch-wrapper/touch-wrapper.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,54 @@
+import e from "../../atoms/svg-icon/svg-icon.js";
+import { createElementBlock as t, createElementVNode as n, createVNode as r, defineComponent as i, onMounted as a, openBlock as o, ref as s, renderSlot as c } from "vue";
+//#region src/components/templates/touch-wrapper/touch-wrapper.vue?vue&type=script&setup=true&lang.ts
+var l = { class: "touch-wrapper__controls" }, u = {
+	class: "btn-group",
+	role: "group"
+}, d = /*@__PURE__*/ i({
+	__name: "touch-wrapper",
+	props: { modelValue: {
+		type: Number,
+		default: 1
+	} },
+	emits: ["update:modelValue"],
+	setup(i, { emit: d }) {
+		let f = i, p = d, m = s();
+		function h(e) {
+			let t = f.modelValue + e;
+			p("update:modelValue", e === 0 ? 1 : t >= 1 ? t : 1);
+		}
+		function g(e) {
+			e.ctrlKey && (e.preventDefault(), h(0 - e.deltaY * .01));
+		}
+		function _(e) {
+			e.preventDefault();
+			let { scale: t } = e;
+			h(t > 1 ? t * .01 : 0 - t);
+		}
+		return a(() => {
+			m.value && (m.value.addEventListener("wheel", g, !1), m.value.addEventListener("gesturestart", _, !1), m.value.addEventListener("gesturechange", _, !1), m.value.addEventListener("gestureend", _, !1));
+		}), (i, a) => (o(), t("div", {
+			ref_key: "touchElement",
+			ref: m,
+			class: "touch-wrapper"
+		}, [c(i.$slots, "controls", { on: { setScale: h } }, () => [n("div", l, [n("div", u, [
+			n("button", {
+				type: "button",
+				class: "btn",
+				onClick: a[0] ||= (e) => h(-1)
+			}, [r(e, { symbol: "minus" })]),
+			n("button", {
+				type: "button",
+				class: "btn",
+				onClick: a[1] ||= (e) => h(0)
+			}, [r(e, { symbol: "maximize" })]),
+			n("button", {
+				type: "button",
+				class: "btn",
+				onClick: a[2] ||= (e) => h(1)
+			}, [r(e, { symbol: "plus" })])
+		])])]), c(i.$slots, "default")], 512));
+	}
+});
+//#endregion
+export { d as default };

package/dist/composables/useCameraFilter.js

@@ -1,56 +1,61 @@
-import { computed as F } from "vue";
-function R(l) {
-  const m = F(() => {
-    if (!l.tintColor) return null;
-    const e = l.tintColor.replace("#", ""), a = parseInt(e.substring(0, 2), 16), i = parseInt(e.substring(2, 4), 16), r = parseInt(e.substring(4, 6), 16);
-    return { r: a, g: i, b: r };
-  });
-  function f(e, a, i) {
-    if (l.filter === "none" && !l.tintColor) return;
-    const r = e.getImageData(0, 0, a, i), t = r.data;
-    if (l.filter === "grayscale")
-      for (let n = 0; n < t.length; n += 4) {
-        const o = 0.299 * t[n] + 0.587 * t[n + 1] + 0.114 * t[n + 2];
-        t[n] = o, t[n + 1] = o, t[n + 2] = o;
-      }
-    else if (l.filter === "sepia")
-      for (let n = 0; n < t.length; n += 4) {
-        const o = t[n], g = t[n + 1], c = t[n + 2];
-        t[n] = Math.min(255, 0.393 * o + 0.769 * g + 0.189 * c), t[n + 1] = Math.min(255, 0.349 * o + 0.686 * g + 0.168 * c), t[n + 2] = Math.min(255, 0.272 * o + 0.534 * g + 0.131 * c);
-      }
-    if (l.tintColor && m.value) {
-      const { r: n, g: o, b: g } = m.value, c = l.tintIntensity;
-      for (let s = 0; s < t.length; s += 4) {
-        const d = t[s], h = t[s + 1], u = t[s + 2], I = d * n / 255, C = h * o / 255, v = u * g / 255;
-        t[s] = d + (I - d) * c, t[s + 1] = h + (C - h) * c, t[s + 2] = u + (v - u) * c;
-      }
-    }
-    e.putImageData(r, 0, 0);
-  }
-  async function w(e) {
-    if (typeof e != "string")
-      return e.complete && e.naturalWidth > 0 || await new Promise((i, r) => {
-        e.onload = () => i(), e.onerror = () => r(new Error("Failed to load image element"));
-      }), e;
-    const a = new Image();
-    return await new Promise((i, r) => {
-      a.onload = () => i(), a.onerror = () => r(new Error("Failed to load image source")), a.src = e;
-    }), a;
-  }
-  async function b(e, a = {}) {
-    const i = await w(e), r = document.createElement("canvas"), t = a.width || i.naturalWidth || i.width, n = a.height || i.naturalHeight || i.height;
-    r.width = t, r.height = n;
-    const o = r.getContext("2d");
-    if (!o)
-      throw new Error("Could not create canvas context");
-    return o.drawImage(i, 0, 0, t, n), f(o, t, n), r.toDataURL(a.mimeType || "image/png", a.quality);
-  }
-  async function y(e, a = {}) {
-    const i = await b(e, a);
-    return (await fetch(i)).blob();
-  }
-  return { tintRgb: m, applyFilterToCanvas: f, applyFilterToImage: b, applyFilterToImageBlob: y };
+import { computed as e } from "vue";
+//#region src/composables/useCameraFilter.ts
+function t(t) {
+	let n = e(() => {
+		if (!t.tintColor) return null;
+		let e = t.tintColor.replace("#", "");
+		return {
+			r: parseInt(e.substring(0, 2), 16),
+			g: parseInt(e.substring(2, 4), 16),
+			b: parseInt(e.substring(4, 6), 16)
+		};
+	});
+	function r(e, r, i) {
+		if (t.filter === "none" && !t.tintColor) return;
+		let a = e.getImageData(0, 0, r, i), o = a.data;
+		if (t.filter === "grayscale") for (let e = 0; e < o.length; e += 4) {
+			let t = .299 * o[e] + .587 * o[e + 1] + .114 * o[e + 2];
+			o[e] = t, o[e + 1] = t, o[e + 2] = t;
+		}
+		else if (t.filter === "sepia") for (let e = 0; e < o.length; e += 4) {
+			let t = o[e], n = o[e + 1], r = o[e + 2];
+			o[e] = Math.min(255, .393 * t + .769 * n + .189 * r), o[e + 1] = Math.min(255, .349 * t + .686 * n + .168 * r), o[e + 2] = Math.min(255, .272 * t + .534 * n + .131 * r);
+		}
+		if (t.tintColor && n.value) {
+			let { r: e, g: r, b: i } = n.value, a = t.tintIntensity;
+			for (let t = 0; t < o.length; t += 4) {
+				let n = o[t], s = o[t + 1], c = o[t + 2], l = n * e / 255, u = s * r / 255, d = c * i / 255;
+				o[t] = n + (l - n) * a, o[t + 1] = s + (u - s) * a, o[t + 2] = c + (d - c) * a;
+			}
+		}
+		e.putImageData(a, 0, 0);
+	}
+	async function i(e) {
+		if (typeof e != "string") return e.complete && e.naturalWidth > 0 || await new Promise((t, n) => {
+			e.onload = () => t(), e.onerror = () => n(/* @__PURE__ */ Error("Failed to load image element"));
+		}), e;
+		let t = new Image();
+		return await new Promise((n, r) => {
+			t.onload = () => n(), t.onerror = () => r(/* @__PURE__ */ Error("Failed to load image source")), t.src = e;
+		}), t;
+	}
+	async function a(e, t = {}) {
+		let n = await i(e), a = document.createElement("canvas"), o = t.width || n.naturalWidth || n.width, s = t.height || n.naturalHeight || n.height;
+		a.width = o, a.height = s;
+		let c = a.getContext("2d");
+		if (!c) throw Error("Could not create canvas context");
+		return c.drawImage(n, 0, 0, o, s), r(c, o, s), a.toDataURL(t.mimeType || "image/png", t.quality);
+	}
+	async function o(e, t = {}) {
+		let n = await a(e, t);
+		return (await fetch(n)).blob();
+	}
+	return {
+		tintRgb: n,
+		applyFilterToCanvas: r,
+		applyFilterToImage: a,
+		applyFilterToImageBlob: o
+	};
 }
-export {
-  R as useCameraFilter
-};
+//#endregion
+export { t as useCameraFilter };

package/dist/composables/useConfetti.js

@@ -1,12 +1,10 @@
-let t = null;
-async function n() {
-  if (typeof window > "u")
-    return null;
-  if (t)
-    return t;
-  const e = await import("canvas-confetti");
-  return t = e.default || e, t;
+//#region src/composables/useConfetti.ts
+var e = null;
+async function t() {
+	if (typeof window > "u") return null;
+	if (e) return e;
+	let t = await import("canvas-confetti");
+	return e = t.default || t, e;
 }
-export {
-  n as getConfetti
-};
+//#endregion
+export { t as getConfetti };