@rsmlamongan/user-menu 0.0.0-stage → 0.1.0

package/dist/index.js

@@ -0,0 +1,631 @@
+import { a as e, i as t, n, o as r, r as i, t as a } from "./validation-ZwudKvW7.js";
+import { Fragment as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createSlots as f, createTextVNode as p, createVNode as m, defineComponent as h, effectScope as g, getCurrentInstance as _, inject as v, isRef as y, mergeModels as b, nextTick as x, onBeforeUnmount as S, onMounted as C, openBlock as w, reactive as T, ref as E, renderList as D, renderSlot as O, toDisplayString as k, unref as A, useId as j, useModel as M, useSlots as N, watch as P, withCtx as F, withModifiers as I } from "vue";
+import { VAlert as L, VBtn as R, VCard as z, VCardActions as B, VCardText as V, VDialog as H, VNavigationDrawer as U, VProgressCircular as W, VTextField as G } from "vuetify/components";
+//#region src/plugin.ts
+var K = Symbol("rsml-user-menu-options");
+function q(e) {
+	return { install(t) {
+		i(e.appId), t.provide(K, e);
+	} };
+}
+function ee() {
+	let e = v(K);
+	if (!e) throw Error("Install createUserMenu() before using RSML User Menu.");
+	return e;
+}
+//#endregion
+//#region src/state.ts
+function te(o, c, l) {
+	i(o.appId);
+	let u = g(!0), d = 0, f = !1, p = "drawer", m = null, h = 0, _ = 0, v = 0, y = [], b = l?.getItems() !== void 0, x = !1, S = s(o.getSession);
+	function C() {
+		let e = l?.getCreate?.();
+		if (e !== void 0) return e;
+		let t = o.api;
+		return typeof t?.createFavorite == "function" ? t.createFavorite.bind(t) : void 0;
+	}
+	function w() {
+		let e = l?.getSave?.();
+		if (e !== void 0) return e;
+		let t = o.api;
+		return typeof t?.saveFavoriteChanges == "function" ? t.saveFavoriteChanges.bind(t) : void 0;
+	}
+	let E = s(() => l?.getItems() !== void 0 || typeof o.api?.listFavorites == "function"), D = s(() => typeof C() == "function"), O = s(() => typeof w() == "function"), k = T({
+		open: !1,
+		loading: !1,
+		loaded: !1,
+		busy: !1,
+		favorites: [],
+		error: "",
+		notice: "",
+		editing: !1,
+		draft: [],
+		adding: !1,
+		addTitle: "",
+		addUrl: "",
+		addError: "",
+		confirmDiscard: !1
+	}), A = s(() => k.editing ? JSON.stringify(k.draft.map((e) => e.id)) !== JSON.stringify(y.map((e) => e.id)) : k.adding && k.addTitle.trim().length > 0);
+	function j(e = !1) {
+		d++, h++, _++, y = [], x = !1, Object.assign(k, {
+			open: !1,
+			loading: !1,
+			loaded: !1,
+			busy: !1,
+			favorites: [],
+			error: "",
+			notice: "",
+			editing: !1,
+			draft: [],
+			adding: !1,
+			addTitle: "",
+			addUrl: "",
+			addError: "",
+			confirmDiscard: !1
+		}), e && c?.(!1, !0);
+	}
+	u.run(() => P(() => JSON.stringify([S.value?.key, S.value?.user.id]), (e, t) => j(t !== void 0), {
+		immediate: !0,
+		flush: "sync"
+	}));
+	function M(e) {
+		JSON.stringify(e) !== JSON.stringify(k.favorites) && _++, k.favorites = e;
+	}
+	function N(e) {
+		b !== (e !== void 0) && _++, b = e !== void 0;
+	}
+	function F() {
+		return k.editing && v !== _;
+	}
+	function I(t) {
+		try {
+			M(n(t)), k.loaded = !0, k.error = F() ? r(new e("conflict"), "") : "";
+		} catch (e) {
+			_++, k.favorites = [], k.loaded = !1, k.error = r(e, "Daftar favorit dari aplikasi tidak valid.");
+		}
+	}
+	u.run(() => P(() => l?.getItems(), (e) => {
+		(e !== void 0 || b) && (h++, k.loading = !1, N(e), x = !1, S.value && (k.open || k.loaded) && (e === void 0 ? (k.loaded = !1, k.open && (k.busy ? x = !0 : L())) : I(e)));
+	}, { deep: !0 }));
+	async function L() {
+		if (f || !S.value || k.loading || k.busy) return;
+		let t = l?.getItems();
+		if (N(t), t !== void 0) {
+			I(t);
+			return;
+		}
+		let i = o.api;
+		if (typeof i?.listFavorites != "function") {
+			k.loaded = !1, k.error = "Daftar favorit belum tersedia.";
+			return;
+		}
+		let a = i.listFavorites.bind(i), s = d, c = ++h;
+		k.loading = !0, k.loaded = !1, k.error = "";
+		try {
+			let t = n(await a());
+			s === d && c === h && (M(t), k.loaded = !0, F() && (k.error = r(new e("conflict"), "")));
+		} catch (e) {
+			s === d && c === h && (k.error = r(e, "Daftar favorit belum dapat dimuat. Coba lagi."));
+		} finally {
+			s === d && c === h && (k.loading = !1);
+		}
+	}
+	function R(e) {
+		e === d && (k.busy = !1, x && (x = !1, k.open && L()));
+	}
+	function z() {
+		l?.getItems() !== void 0 && l.onItemsChange(n(k.favorites));
+	}
+	function B() {
+		k.busy || (k.editing = !1, k.draft = [], y = [], k.error = "");
+	}
+	function V() {
+		k.open = !1, k.adding = !1, k.confirmDiscard = !1, B();
+	}
+	function H(e) {
+		return !f && (e && S.value && !k.open ? (m = typeof document < "u" && document.activeElement instanceof HTMLElement ? document.activeElement : null, k.open = !0, L()) : !e && k.open && !k.busy && (p = "drawer", A.value ? k.confirmDiscard = !0 : V()), c?.(k.open), k.open);
+	}
+	function U() {
+		k.busy || (p === "add" ? W() : V(), k.confirmDiscard = !1, c?.(k.open));
+	}
+	function W() {
+		k.busy || (k.adding = !1, k.addTitle = "", k.addUrl = "", k.addError = "");
+	}
+	function G() {
+		k.busy || (p = "add", A.value ? k.confirmDiscard = !0 : W());
+	}
+	function K() {
+		if (!(!k.loaded || k.busy || k.loading || k.adding)) {
+			if (!O.value) {
+				k.error = "Pengubahan favorit belum tersedia.";
+				return;
+			}
+			k.draft = n(k.favorites), y = n(k.favorites), v = _, k.editing = !0, k.error = "", k.notice = "";
+		}
+	}
+	function q(e, t) {
+		if (!k.editing || k.busy || t < 0 || t >= k.draft.length) return;
+		let n = k.draft.findIndex((t) => t.id === e);
+		if (n < 0 || n === t) return;
+		let [r] = k.draft.splice(n, 1);
+		k.draft.splice(t, 0, r), k.notice = `${r.title} dipindahkan ke urutan ${t + 1}.`;
+	}
+	function ee(e) {
+		k.editing && !k.busy && (k.draft = k.draft.filter((t) => t.id !== e));
+	}
+	async function te() {
+		if (!k.editing || k.busy) return;
+		if (F()) {
+			k.error = r(new e("conflict"), "");
+			return;
+		}
+		let t = d, i = _;
+		k.busy = !0, k.error = "";
+		let a = k.draft.map((e) => e.id), o = y.filter((e) => !a.includes(e.id)).map((e) => e.id);
+		try {
+			let r = w();
+			if (typeof r != "function") throw new e("unavailable");
+			let s = n(await r({
+				orderedIds: a,
+				deletedIds: o
+			}));
+			if (t === d) {
+				if (i !== _) throw new e("conflict");
+				M(s), k.editing = !1, k.draft = [], y = [], k.notice = "Perubahan favorit disimpan.", z();
+			}
+		} catch (e) {
+			t === d && (k.error = r(e, "Perubahan belum dapat disimpan. Draft tetap tersedia."));
+		} finally {
+			R(t);
+		}
+	}
+	function J() {
+		if (!(!k.loaded || k.loading || k.busy || k.editing)) {
+			if (!D.value) {
+				k.error = "Penambahan favorit belum tersedia.";
+				return;
+			}
+			k.error = "", k.notice = "";
+			try {
+				let n = o.getCurrentPage();
+				if (k.addTitle = i(n.title), k.addUrl = t(n.url), k.favorites.some((e) => e.url === k.addUrl)) throw new e("duplicate");
+				k.addError = "", k.adding = !0;
+			} catch (e) {
+				k.error = r(e, "Halaman ini belum dapat ditambahkan. Coba lagi.");
+			}
+		}
+	}
+	async function Y() {
+		if (!k.adding || k.busy) return;
+		let s = d, c = _;
+		k.addError = "";
+		try {
+			let r = C();
+			if (typeof r != "function") throw new e("unavailable");
+			let l = {
+				title: i(k.addTitle),
+				url: t(k.addUrl),
+				appId: o.appId
+			};
+			k.busy = !0;
+			let u = a(await r(l));
+			if (s === d) {
+				if (c !== _) throw new e("conflict");
+				M(n([...k.favorites, u])), k.adding = !1, k.notice = "Halaman ditambahkan ke favorit.", z();
+			}
+		} catch (e) {
+			s === d && (k.addError = r(e, "Favorit belum dapat disimpan. Coba lagi."));
+		} finally {
+			R(s);
+		}
+	}
+	async function X() {
+		if (k.busy || k.editing || !o.settings || !S.value) return;
+		let e = d;
+		k.busy = !0, k.error = "";
+		try {
+			if (o.settings.onClick) await o.settings.onClick();
+			else {
+				let e = new URL(o.settings.url, window.location.href);
+				window.location.assign(t(e.href));
+			}
+		} catch {
+			e === d && (k.error = "Pengaturan belum dapat dibuka. Coba lagi.");
+		} finally {
+			R(e);
+		}
+	}
+	return {
+		state: k,
+		session: S,
+		dirty: A,
+		canLoad: E,
+		canCreate: D,
+		canSave: O,
+		options: o,
+		requestVisibility: H,
+		load: L,
+		startEdit: K,
+		cancelEdit: B,
+		move: q,
+		remove: ee,
+		save: te,
+		startAdd: J,
+		add: Y,
+		cancelAdd: W,
+		requestCloseAdd: G,
+		discard: U,
+		openSettings: X,
+		restoreFocus: () => {
+			m?.isConnected && m.focus();
+		},
+		dispose: () => {
+			f = !0, j(), u.stop();
+		}
+	};
+}
+//#endregion
+//#region src/components/UserMenuHost.vue?vue&type=script&setup=true&lang.ts
+var J = ["aria-busy"], Y = {
+	key: 0,
+	class: "rsml-user-menu__slot-header"
+}, X = { class: "rsml-user-menu__body" }, ne = { class: "rsml-user-menu__heading-row" }, re = { class: "rsml-user-menu__heading-actions" }, ie = ["disabled"], ae = {
+	key: 0,
+	class: "rsml-user-menu__hint"
+}, oe = {
+	key: 2,
+	class: "rsml-user-menu__empty",
+	role: "status"
+}, se = {
+	key: 0,
+	class: "rsml-user-menu__list",
+	"aria-label": "Draft favorit"
+}, ce = ["data-favorite-id", "onDrop"], le = { class: "rsml-user-menu__edit-title" }, ue = [
+	"draggable",
+	"disabled",
+	"aria-label",
+	"onDragstart"
+], de = { class: "rsml-user-menu__text" }, fe = { class: "rsml-user-menu__meta" }, pe = { class: "rsml-user-menu__item-actions" }, me = [
+	"disabled",
+	"aria-label",
+	"onClick"
+], he = [
+	"disabled",
+	"aria-label",
+	"onClick"
+], ge = {
+	key: 1,
+	class: "rsml-user-menu__list",
+	"aria-label": "Daftar favorit"
+}, _e = ["data-favorite-id"], ve = ["href"], ye = { class: "rsml-user-menu__meta" }, be = {
+	key: 2,
+	class: "rsml-user-menu__empty"
+}, xe = {
+	key: 0,
+	class: "rsml-user-menu__muted"
+}, Se = {
+	class: "rsml-user-menu__status",
+	role: "status",
+	"aria-live": "polite"
+}, Ce = {
+	key: 4,
+	class: "rsml-user-menu__actions"
+}, we = { class: "rsml-user-menu__slot-footer" }, Te = ["id"], Ee = { class: "rsml-user-menu__url" }, De = ["id"], Z = /* @__PURE__ */ h({
+	__name: "UserMenuHost",
+	props: /*@__PURE__*/ b({
+		items: {},
+		onCreate: { type: Function },
+		onSave: { type: Function }
+	}, {
+		modelValue: {
+			type: Boolean,
+			required: !0
+		},
+		modelModifiers: {}
+	}),
+	emits: /*@__PURE__*/ b(["update:items"], ["update:modelValue"]),
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = N(), a = M(e, "modelValue"), h = _(), g = !1, v = !0, b = !1, T = te(ee(), (e, t) => {
+			v && (t && !g && (b = !0), t ? h.emit("update:modelValue", e) : a.value !== e && (a.value = e));
+		}, {
+			getItems: () => n.items,
+			onItemsChange: (e) => r("update:items", e),
+			getCreate: () => n.onCreate,
+			getSave: () => n.onSave
+		}), K = T.state, q = j(), Z = E(null), Q = E(null), Oe = s(() => K.busy || K.editing || !T.options.settings || !T.session.value), $ = "";
+		function ke(e) {
+			e.key !== "Escape" || !K.open || K.adding || K.confirmDiscard || (e.preventDefault(), T.requestVisibility(!1));
+		}
+		let Ae = P(a, (e) => {
+			g && T.requestVisibility(e);
+		}, { flush: "sync" });
+		C(() => {
+			g = !0, window.addEventListener("keydown", ke), T.requestVisibility(!b && a.value);
+		}), S(() => {
+			v = !1, g = !1, Ae(), window.removeEventListener("keydown", ke), T.dispose();
+		}), P(() => K.open, async (e) => {
+			await x(), v && (e ? Z.value?.focus() : T.restoreFocus());
+		}), P(() => K.editing, async () => {
+			await x(), v && K.open && Q.value?.querySelector("[data-edit-action]")?.focus();
+		});
+		function je(e, t) {
+			if (K.busy) return e.preventDefault();
+			$ = t, e.dataTransfer?.setData("text/plain", t), e.dataTransfer && (e.dataTransfer.effectAllowed = "move");
+		}
+		function Me(e, t) {
+			e.preventDefault(), $ && e.dataTransfer?.getData("text/plain") === $ && T.move($, t), $ = "";
+		}
+		async function Ne(e, t) {
+			T.remove(e), await x();
+			let n = Q.value?.querySelectorAll("[data-drag-handle]");
+			(n?.[Math.min(t, (n?.length ?? 0) - 1)] ?? Q.value?.querySelector("[data-edit-action]"))?.focus();
+		}
+		return (e, t) => (w(), u(o, null, [
+			m(A(U), {
+				"model-value": A(K).open,
+				class: "rsml-user-menu",
+				temporary: "",
+				touchless: "",
+				"disable-resize-watcher": "",
+				"disable-route-watcher": "",
+				location: "right",
+				width: 360,
+				persistent: A(K).busy,
+				"capture-focus": !A(K).adding && !A(K).confirmDiscard,
+				"retain-focus": A(K).open && !A(K).adding && !A(K).confirmDiscard,
+				role: "dialog",
+				"aria-modal": "true",
+				"aria-hidden": !A(K).open,
+				"aria-label": "Menu pengguna",
+				"onUpdate:modelValue": t[3] ||= (e) => A(T).requestVisibility(e)
+			}, f({
+				default: F(() => [d("div", {
+					ref_key: "content",
+					ref: Q,
+					class: "rsml-user-menu__panel",
+					"aria-busy": A(K).loading || A(K).busy
+				}, [i.header ? (w(), u("div", Y, [O(e.$slots, "header")])) : l("", !0), d("div", X, [
+					d("div", ne, [d("h2", null, k(A(K).editing ? "Edit favorit" : "Favorit saya"), 1), d("div", re, [A(K).editing ? l("", !0) : (w(), c(A(R), {
+						key: 0,
+						"data-edit-action": "",
+						variant: "text",
+						size: "small",
+						disabled: !A(K).loaded || A(K).loading || A(K).busy || !A(K).favorites.length || !A(T).canSave.value,
+						onClick: A(T).startEdit
+					}, {
+						default: F(() => [...t[9] ||= [p("Edit favorit", -1)]]),
+						_: 1
+					}, 8, ["disabled", "onClick"])), d("button", {
+						ref_key: "closeButton",
+						ref: Z,
+						type: "button",
+						class: "rsml-user-menu__control",
+						"aria-label": "Tutup menu pengguna",
+						disabled: A(K).busy,
+						onClick: t[0] ||= (e) => A(T).requestVisibility(!1)
+					}, [...t[10] ||= [d("span", { "aria-hidden": "true" }, "×", -1)]], 8, ie)])]),
+					A(K).editing ? (w(), u("p", ae, " Geser pegangan atau gunakan tombol naik dan turun untuk mengatur urutan. ")) : l("", !0),
+					A(K).error ? (w(), c(A(L), {
+						key: 1,
+						type: "error",
+						icon: !1,
+						variant: "tonal",
+						class: "rsml-user-menu__alert",
+						role: "alert"
+					}, {
+						default: F(() => [p(k(A(K).error) + " ", 1), A(K).loaded ? l("", !0) : (w(), c(A(R), {
+							key: 0,
+							variant: "text",
+							disabled: A(K).loading || !A(T).canLoad.value,
+							onClick: A(T).load
+						}, {
+							default: F(() => [...t[11] ||= [p("Coba lagi", -1)]]),
+							_: 1
+						}, 8, ["disabled", "onClick"]))]),
+						_: 1
+					})) : l("", !0),
+					A(K).loading ? (w(), u("div", oe, [m(A(W), {
+						indeterminate: "",
+						size: "24",
+						color: "primary",
+						"aria-label": "Memuat favorit"
+					}), t[12] ||= d("p", null, "Memuat favorit…", -1)])) : A(K).loaded ? (w(), u(o, { key: 3 }, [A(K).editing ? (w(), u("ol", se, [(w(!0), u(o, null, D(A(K).draft, (e, n) => (w(), u("li", {
+						key: e.id,
+						"data-favorite-id": e.id,
+						class: "rsml-user-menu__edit-item",
+						onDragover: t[2] ||= I(() => {}, ["prevent"]),
+						onDrop: (e) => Me(e, n)
+					}, [d("div", le, [d("button", {
+						type: "button",
+						class: "rsml-user-menu__control rsml-user-menu__drag",
+						"data-drag-handle": "",
+						draggable: !A(K).busy,
+						disabled: A(K).busy,
+						"aria-label": `Geser ${e.title}`,
+						onDragstart: (t) => je(t, e.id),
+						onDragend: t[1] ||= (e) => y($) ? $.value = "" : $ = ""
+					}, [...t[13] ||= [d("span", { "aria-hidden": "true" }, "⠿", -1)]], 40, ue), d("span", de, [d("strong", null, k(e.title), 1), d("span", fe, k(e.appId), 1)])]), d("div", pe, [
+						d("button", {
+							type: "button",
+							class: "rsml-user-menu__control",
+							disabled: A(K).busy || n === 0,
+							"aria-label": `Naikkan ${e.title}`,
+							onClick: (t) => A(T).move(e.id, n - 1)
+						}, " ↑ ", 8, me),
+						d("button", {
+							type: "button",
+							class: "rsml-user-menu__control",
+							disabled: A(K).busy || n === A(K).draft.length - 1,
+							"aria-label": `Turunkan ${e.title}`,
+							onClick: (t) => A(T).move(e.id, n + 1)
+						}, " ↓ ", 8, he),
+						m(A(R), {
+							variant: "text",
+							size: "small",
+							disabled: A(K).busy,
+							"aria-label": `Hapus ${e.title}`,
+							onClick: (t) => Ne(e.id, n)
+						}, {
+							default: F(() => [...t[14] ||= [p("Hapus", -1)]]),
+							_: 1
+						}, 8, [
+							"disabled",
+							"aria-label",
+							"onClick"
+						])
+					])], 40, ce))), 128))])) : (w(), u("ol", ge, [(w(!0), u(o, null, D(A(K).favorites, (e) => (w(), u("li", {
+						key: e.id,
+						"data-favorite-id": e.id
+					}, [d("a", {
+						href: e.url,
+						class: "rsml-user-menu__link"
+					}, [d("strong", null, k(e.title), 1), d("span", ye, k(e.appId), 1)], 8, ve)], 8, _e))), 128))])), (A(K).editing ? !A(K).draft.length : !A(K).favorites.length) ? (w(), u("div", be, [d("p", null, k(A(K).editing ? "Semua favorit akan dihapus setelah disimpan." : "Belum ada favorit."), 1), A(K).editing ? l("", !0) : (w(), u("p", xe, " Simpan halaman yang sering Anda gunakan di sini. "))])) : l("", !0)], 64)) : l("", !0),
+					d("p", Se, k(A(K).notice), 1),
+					A(K).editing ? (w(), u("div", Ce, [m(A(R), {
+						"data-edit-action": "",
+						variant: "text",
+						disabled: A(K).busy,
+						onClick: A(T).cancelEdit
+					}, {
+						default: F(() => [...t[15] ||= [p("Batal", -1)]]),
+						_: 1
+					}, 8, ["disabled", "onClick"]), m(A(R), {
+						color: "primary",
+						loading: A(K).busy,
+						disabled: A(K).busy || !A(T).dirty.value || !A(T).canSave.value,
+						onClick: A(T).save
+					}, {
+						default: F(() => [...t[16] ||= [p("Simpan", -1)]]),
+						_: 1
+					}, 8, [
+						"loading",
+						"disabled",
+						"onClick"
+					])])) : (w(), c(A(R), {
+						key: 5,
+						block: "",
+						color: "primary",
+						variant: "tonal",
+						disabled: !A(K).loaded || A(K).loading || A(K).busy || !A(T).canCreate.value,
+						onClick: A(T).startAdd
+					}, {
+						default: F(() => [...t[17] ||= [p("Tambahkan halaman ini", -1)]]),
+						_: 1
+					}, 8, ["disabled", "onClick"]))
+				])], 8, J)]),
+				_: 2
+			}, [i.footer || A(T).options.settings ? {
+				name: "append",
+				fn: F(() => [d("div", we, [O(e.$slots, "footer", {
+					openSettings: A(T).openSettings,
+					settingsDisabled: Oe.value
+				}, () => [A(T).options.settings ? (w(), c(A(R), {
+					key: 0,
+					block: "",
+					variant: "text",
+					disabled: Oe.value,
+					onClick: A(T).openSettings
+				}, {
+					default: F(() => [p(k(A(T).options.settings.label), 1)]),
+					_: 1
+				}, 8, ["disabled", "onClick"])) : l("", !0)])])]),
+				key: "0"
+			} : void 0]), 1032, [
+				"model-value",
+				"persistent",
+				"capture-focus",
+				"retain-focus",
+				"aria-hidden"
+			]),
+			m(A(H), {
+				"model-value": A(K).adding,
+				persistent: A(K).busy,
+				"max-width": "440",
+				"aria-labelledby": `${A(q)}-add`,
+				"onUpdate:modelValue": t[6] ||= (e) => !e && A(T).requestCloseAdd()
+			}, {
+				default: F(() => [m(A(z), { class: "rsml-user-menu rsml-user-menu__dialog" }, {
+					default: F(() => [d("form", { onSubmit: t[5] ||= I((...e) => A(T).add && A(T).add(...e), ["prevent"]) }, [m(A(V), null, {
+						default: F(() => [
+							d("h2", { id: `${A(q)}-add` }, "Tambahkan favorit", 8, Te),
+							t[18] ||= d("p", { class: "rsml-user-menu__hint" }, "Simpan halaman ini agar mudah ditemukan kembali.", -1),
+							m(A(G), {
+								modelValue: A(K).addTitle,
+								"onUpdate:modelValue": t[4] ||= (e) => A(K).addTitle = e,
+								label: "Judul favorit",
+								autofocus: "",
+								disabled: A(K).busy,
+								"error-messages": A(K).addError
+							}, null, 8, [
+								"modelValue",
+								"disabled",
+								"error-messages"
+							]),
+							t[19] ||= d("p", { class: "rsml-user-menu__muted" }, "URL halaman", -1),
+							d("p", Ee, k(A(K).addUrl), 1)
+						]),
+						_: 1
+					}), m(A(B), null, {
+						default: F(() => [m(A(R), {
+							variant: "text",
+							disabled: A(K).busy,
+							onClick: A(T).cancelAdd
+						}, {
+							default: F(() => [...t[20] ||= [p("Batal", -1)]]),
+							_: 1
+						}, 8, ["disabled", "onClick"]), m(A(R), {
+							type: "submit",
+							color: "primary",
+							variant: "flat",
+							loading: A(K).busy,
+							disabled: A(K).busy || !A(T).canCreate.value
+						}, {
+							default: F(() => [...t[21] ||= [p("Tambahkan", -1)]]),
+							_: 1
+						}, 8, ["loading", "disabled"])]),
+						_: 1
+					})], 32)]),
+					_: 1
+				})]),
+				_: 1
+			}, 8, [
+				"model-value",
+				"persistent",
+				"aria-labelledby"
+			]),
+			m(A(H), {
+				"model-value": A(K).confirmDiscard,
+				"max-width": "400",
+				"aria-labelledby": `${A(q)}-discard`,
+				"onUpdate:modelValue": t[8] ||= (e) => A(K).confirmDiscard = e
+			}, {
+				default: F(() => [m(A(z), { class: "rsml-user-menu rsml-user-menu__dialog" }, {
+					default: F(() => [m(A(V), null, {
+						default: F(() => [d("h2", { id: `${A(q)}-discard` }, "Buang perubahan?", 8, De), t[22] ||= d("p", { class: "rsml-user-menu__hint" }, "Perubahan Anda belum disimpan.", -1)]),
+						_: 1
+					}), m(A(B), null, {
+						default: F(() => [m(A(R), {
+							variant: "text",
+							onClick: t[7] ||= (e) => A(K).confirmDiscard = !1
+						}, {
+							default: F(() => [...t[23] ||= [p("Lanjutkan edit", -1)]]),
+							_: 1
+						}), m(A(R), {
+							color: "error",
+							variant: "flat",
+							onClick: A(T).discard
+						}, {
+							default: F(() => [...t[24] ||= [p("Buang perubahan", -1)]]),
+							_: 1
+						}, 8, ["onClick"])]),
+						_: 1
+					})]),
+					_: 1
+				})]),
+				_: 1
+			}, 8, ["model-value", "aria-labelledby"])
+		], 64));
+	}
+});
+//#endregion
+export { e as UserMenuError, Z as UserMenuHost, q as createUserMenu };

package/dist/mock.d.ts

@@ -0,0 +1,11 @@
+import type { Favorite, UserMenuApi, UserMenuOptions } from "./types.js";
+export type MockOperation = keyof UserMenuApi;
+export interface MockUserMenuApiOptions {
+    getSession: UserMenuOptions["getSession"];
+    storage?: Pick<Storage, "getItem" | "setItem">;
+    storageKey?: string;
+    initialFavorites?: Record<string, readonly Favorite[]>;
+    latencyMs?: number | (() => number);
+    shouldFail?: (operation: MockOperation) => boolean;
+}
+export declare function createMockUserMenuApi(options: MockUserMenuApiOptions): UserMenuApi;

package/dist/mock.js

@@ -0,0 +1,58 @@
+import { a as e, i as t, n, r } from "./validation-ZwudKvW7.js";
+//#region src/mock.ts
+function i(i) {
+	let a = i.storageKey ?? "rsml-user-menu:mock:v1";
+	function o() {
+		return i.storage ?? globalThis.localStorage;
+	}
+	function s(e) {
+		return `${a}:${encodeURIComponent(e)}`;
+	}
+	function c(e, t) {
+		o().setItem(s(e), JSON.stringify(t));
+	}
+	function l(e, t = !1) {
+		let r = o().getItem(s(e));
+		if (r !== null) return n(JSON.parse(r));
+		let a = i.initialFavorites, l = n(a && Object.hasOwn(a, e) ? [...a[e] ?? []] : []);
+		return t && c(e, l), l;
+	}
+	async function u(t, n) {
+		try {
+			let a = i.getSession();
+			if (!a) throw new e("unauthenticated");
+			let o = r(a.user.id), s = typeof i.latencyMs == "function" ? i.latencyMs() : i.latencyMs, c = i.shouldFail?.(t);
+			if (s && Number.isFinite(s) && s > 0 && await new Promise((e) => setTimeout(e, s)), c) throw new e("unavailable");
+			return n(o);
+		} catch (t) {
+			throw t instanceof e ? t : new e("unavailable");
+		}
+	}
+	return {
+		listFavorites: () => u("listFavorites", (e) => l(e, !0)),
+		createFavorite(n) {
+			let i = { ...n };
+			return u("createFavorite", (n) => {
+				let a = {
+					id: Array.from(crypto.getRandomValues(/* @__PURE__ */ new Uint8Array(16)), (e) => e.toString(16).padStart(2, "0")).join(""),
+					title: r(i.title),
+					url: t(i.url),
+					appId: r(i.appId)
+				}, o = l(n);
+				if (o.some((e) => e.url === a.url)) throw new e("duplicate");
+				return c(n, [...o, a]), { ...a };
+			});
+		},
+		saveFavoriteChanges(t) {
+			let r = [...t.orderedIds], i = [...t.deletedIds];
+			return u("saveFavoriteChanges", (t) => {
+				let a = l(t), o = [...r, ...i];
+				if (o.length !== a.length || new Set(o).size !== o.length || o.some((e) => !a.some((t) => t.id === e))) throw new e("conflict");
+				let s = new Map(a.map((e) => [e.id, e])), u = r.map((e) => s.get(e));
+				return c(t, u), n(u);
+			});
+		}
+	};
+}
+//#endregion
+export { i as createMockUserMenuApi };