@hiai-gg/docsmint 0.3.7 → 0.3.9

package/dist/frontend-ssr/assets/ShareDialog-vMvJLRfn.js

@@ -0,0 +1,54 @@
+import { Bn as share_expires_30d, Gn as share_expires, Hn as share_expires_1d, Jn as share_create_link, Kn as share_toggle_password, Rn as share_add, Un as share_expires_1h, Vn as share_expires_7d, Wn as share_expires_never, Yn as share_create_title, fn as action_close, qn as share_password_protection, zn as share_guest_access } from "./messages-CvqpZNJe.js";
+import "./keyboard.svelte-BgF47N3L.js";
+import * as $ from "svelte/internal/server";
+//#region src/lib/components/ShareDialog.svelte
+function ShareDialog($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		let { open = false, documentId = "", documentTitle = "", folderId = "", folderName = "", categoryId = "", categoryName = "" } = $$props;
+		let usePassword = false;
+		let expiresIn = "7d";
+		let guestEmail = "";
+		let guestEmails = [];
+		let creating = false;
+		if (open) {
+			$$renderer.push("<!--[0-->");
+			$$renderer.push(`<div class="fixed inset-0 layer-modal flex items-center justify-center"><button class="absolute inset-0 bg-black/50"${$.attr("aria-label", action_close())}></button> <div class="relative z-10 w-full max-w-md rounded-lg border border-border bg-background p-6 shadow-lg" role="dialog" aria-modal="true"><div class="mb-4 flex items-center justify-between"><h2 class="text-lg font-semibold">${$.escape(share_create_title())} "${$.escape(categoryName || folderName || documentTitle)}"</h2> <button class="rounded-md p-1 text-muted-foreground hover:bg-accent hover:text-foreground"${$.attr("aria-label", action_close())}>✕</button></div> `);
+			{
+				$$renderer.push("<!--[0-->");
+				$$renderer.push(`<div class="space-y-4"><div class="flex items-center justify-between"><span class="text-sm font-medium">${$.escape(share_password_protection())}</span> <button${$.attr_class(`relative inline-flex h-5 w-9 items-center rounded-full transition-colors bg-input`)} role="switch"${$.attr("aria-checked", usePassword)}${$.attr("aria-label", share_toggle_password())}><span${$.attr_class(`inline-block h-4 w-4 rounded-full bg-white shadow transition-transform translate-x-0.5`)}></span></button></div> `);
+				$$renderer.push("<!--[-1-->");
+				$$renderer.push(`<!--]--> <div class="space-y-2"><span class="text-sm font-medium">${$.escape(share_expires())}</span> <div class="flex gap-2"><!--[-->`);
+				const each_array = $.ensure_array_like([
+					["1h", share_expires_1h()],
+					["1d", share_expires_1d()],
+					["7d", share_expires_7d()],
+					["30d", share_expires_30d()],
+					["never", share_expires_never()]
+				]);
+				for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+					let [val, label] = each_array[$$index];
+					$$renderer.push(`<button${$.attr_class(`rounded-md border px-2.5 py-1 text-xs font-medium transition-colors ${expiresIn === val ? "border-primary bg-primary text-primary-foreground" : "border-border text-muted-foreground hover:bg-accent"}`)}>${$.escape(label)}</button>`);
+				}
+				$$renderer.push(`<!--]--></div></div> <div class="space-y-2"><span class="text-sm font-medium">${$.escape(share_guest_access())}</span> <div class="flex gap-2"><input type="email"${$.attr("value", guestEmail)} placeholder="guest@email.com" class="flex h-9 flex-1 rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring"/> <button class="rounded-md border border-border px-3 py-1.5 text-sm font-medium hover:bg-accent">${$.escape(share_add())}</button></div> `);
+				if (guestEmails.length > 0) {
+					$$renderer.push("<!--[0-->");
+					$$renderer.push(`<div class="flex flex-wrap gap-1.5"><!--[-->`);
+					const each_array_1 = $.ensure_array_like(guestEmails);
+					for (let $$index_1 = 0, $$length = each_array_1.length; $$index_1 < $$length; $$index_1++) {
+						let email = each_array_1[$$index_1];
+						$$renderer.push(`<span class="inline-flex items-center gap-1 rounded-md bg-secondary px-2 py-0.5 text-xs">${$.escape(email)} <button class="text-muted-foreground hover:text-foreground">×</button></span>`);
+					}
+					$$renderer.push(`<!--]--></div>`);
+				} else $$renderer.push("<!--[-1-->");
+				$$renderer.push(`<!--]--></div> `);
+				$$renderer.push("<!--[-1-->");
+				$$renderer.push(`<!--]--> <button${$.attr("disabled", creating, true)} class="w-full rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 disabled:opacity-50">${$.escape(share_create_link())}</button></div>`);
+			}
+			$$renderer.push(`<!--]--></div></div>`);
+		} else $$renderer.push("<!--[-1-->");
+		$$renderer.push(`<!--]-->`);
+		$.bind_props($$props, { open });
+	});
+}
+//#endregion
+export { ShareDialog as t };