@tryghost/kg-unsplash-selector 0.3.26 → 0.4.1

package/dist/index.es.js

@@ -54,69 +54,66 @@ var s = class {
 		...n,
 		children: [e && r && /* @__PURE__ */ a(r, { className: `size-4 ${e === "heart" ? "fill-red" : ""} stroke-[3px] ${t && "mr-1"}` }), t && /* @__PURE__ */ a("span", { children: t })]
 	});
-}, u = ({ payload: e, srcUrl: t, links: n, likes: r, user: i, alt: s, urls: c, height: u, width: d, zoomed: f, insertImage: p, selectImg: m }) => {
-	let h = (t) => {
+}, u = ({ payload: e, srcUrl: t, links: n, likes: r, user: i, alt: s, urls: c, height: u, width: d, zoomed: f, insertImage: p, selectImg: m }) => /* @__PURE__ */ o("div", {
+	className: `relative mb-6 block ${f ? "h-full w-[max-content] cursor-zoom-out" : "w-full cursor-zoom-in"}`,
+	style: { backgroundColor: e.color || "transparent" },
+	"data-kg-unsplash-gallery-item": !0,
+	onClick: (t) => {
 		t.stopPropagation(), m(f ? null : e);
-	};
-	return /* @__PURE__ */ o("div", {
-		className: `relative mb-6 block ${f ? "h-full w-[max-content] cursor-zoom-out" : "w-full cursor-zoom-in"}`,
-		style: { backgroundColor: e.color || "transparent" },
-		"data-kg-unsplash-gallery-item": !0,
-		onClick: h,
-		children: [/* @__PURE__ */ a("img", {
-			alt: s,
-			className: `${f ? "h-full w-auto object-contain" : "block h-auto"}`,
-			height: u,
-			loading: "lazy",
-			src: t,
-			width: d,
-			"data-kg-unsplash-gallery-img": !0
+	},
+	children: [/* @__PURE__ */ a("img", {
+		alt: s,
+		className: `${f ? "h-full w-auto object-contain" : "block h-auto"}`,
+		height: u,
+		loading: "lazy",
+		src: t,
+		width: d,
+		"data-kg-unsplash-gallery-img": !0
+	}), /* @__PURE__ */ o("div", {
+		className: "absolute inset-0 flex flex-col justify-between bg-gradient-to-b from-black/5 via-black/5 to-black/30 p-5 opacity-0 transition-all ease-in-out hover:opacity-100",
+		children: [/* @__PURE__ */ o("div", {
+			className: "flex items-center justify-end gap-3",
+			children: [/* @__PURE__ */ a(l, {
+				"data-kg-button": "unsplash-like",
+				href: `${n.html}/?utm_source=ghost&utm_medium=referral&utm_campaign=api-credit`,
+				icon: "heart",
+				label: r.toString(),
+				rel: "noopener noreferrer",
+				target: "_blank"
+			}), /* @__PURE__ */ a(l, {
+				"data-kg-button": "unsplash-download",
+				href: `${n.download}/?utm_source=ghost&utm_medium=referral&utm_campaign=api-credit&force=true`,
+				icon: "download"
+			})]
 		}), /* @__PURE__ */ o("div", {
-			className: "absolute inset-0 flex flex-col justify-between bg-gradient-to-b from-black/5 via-black/5 to-black/30 p-5 opacity-0 transition-all ease-in-out hover:opacity-100",
+			className: "flex items-center justify-between",
 			children: [/* @__PURE__ */ o("div", {
-				className: "flex items-center justify-end gap-3",
-				children: [/* @__PURE__ */ a(l, {
-					"data-kg-button": "unsplash-like",
-					href: `${n.html}/?utm_source=ghost&utm_medium=referral&utm_campaign=api-credit`,
-					icon: "heart",
-					label: r.toString(),
-					rel: "noopener noreferrer",
-					target: "_blank"
-				}), /* @__PURE__ */ a(l, {
-					"data-kg-button": "unsplash-download",
-					href: `${n.download}/?utm_source=ghost&utm_medium=referral&utm_campaign=api-credit&force=true`,
-					icon: "download"
-				})]
-			}), /* @__PURE__ */ o("div", {
-				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ o("div", {
-					className: "flex items-center",
-					children: [/* @__PURE__ */ a("img", {
-						alt: "author",
-						className: "mr-2 size-8 rounded-full",
-						src: i.profile_image.medium
-					}), /* @__PURE__ */ a("div", {
-						className: "mr-2 truncate font-sans text-sm font-medium text-white",
-						children: i.name
-					})]
-				}), /* @__PURE__ */ a(l, {
-					label: "Insert image",
-					"data-kg-unsplash-insert-button": !0,
-					onClick: (e) => {
-						e.stopPropagation(), p({
-							src: c.regular.replace(/&w=1080/, "&w=2000"),
-							caption: `<span>Photo by <a href="${i.links.html}">${i.name}</a> / <a href="https://unsplash.com/?utm_source=ghost&utm_medium=referral&utm_campaign=api-credit">Unsplash</a></span>`,
-							height: u,
-							width: d,
-							alt: s,
-							links: n
-						});
-					}
+				className: "flex items-center",
+				children: [/* @__PURE__ */ a("img", {
+					alt: "author",
+					className: "mr-2 size-8 rounded-full",
+					src: i.profile_image.medium
+				}), /* @__PURE__ */ a("div", {
+					className: "mr-2 truncate font-sans text-sm font-medium text-white",
+					children: i.name
 				})]
+			}), /* @__PURE__ */ a(l, {
+				label: "Insert image",
+				"data-kg-unsplash-insert-button": !0,
+				onClick: (e) => {
+					e.stopPropagation(), p({
+						src: c.regular.replace(/&w=1080/, "&w=2000"),
+						caption: `<span>Photo by <a href="${i.links.html}">${i.name}</a> / <a href="https://unsplash.com/?utm_source=ghost&utm_medium=referral&utm_campaign=api-credit">Unsplash</a></span>`,
+						height: u,
+						width: d,
+						alt: s,
+						links: n
+					});
+				}
 			})]
 		})]
-	});
-}, d = ({ payload: e, insertImage: t, selectImg: n, zoomed: r }) => /* @__PURE__ */ a("div", {
+	})]
+}), d = ({ payload: e, insertImage: t, selectImg: n, zoomed: r }) => /* @__PURE__ */ a("div", {
 	className: "flex h-full grow basis-0 justify-center",
 	"data-kg-unsplash-zoomed": !0,
 	onClick: () => n(null),
@@ -391,7 +388,8 @@ var s = class {
 		this.photoUseCases = e, this.masonryService = t;
 	}
 	async loadNew() {
-		this.photos = await this.photoUseCases.fetchPhotos(), await this.layoutPhotos();
+		let e = await this.photoUseCases.fetchPhotos();
+		this.photos = e, await this.layoutPhotos();
 	}
 	async layoutPhotos() {
 		this.masonryService.reset(), this.photos && this.photos.forEach((e) => {
@@ -402,7 +400,8 @@ var s = class {
 		return this.masonryService.getColumns();
 	}
 	async updateSearch(e) {
-		this.photos = await this.photoUseCases.searchPhotos(e), this.layoutPhotos();
+		let t = await this.photoUseCases.searchPhotos(e);
+		this.photos = t, this.layoutPhotos();
 	}
 	async loadNextPage() {
 		let e = await this.photoUseCases.fetchNextPage() || [];