432 lines
16 KiB
JavaScript
432 lines
16 KiB
JavaScript
/*
|
|
* Extracted from browser-delivered Turbopack chunk: c412b79b8f787345.3b8bfd201f.js
|
|
* Module id: 163333
|
|
* For reading/searching only; this factory depends on the original Turbopack runtime.
|
|
*/
|
|
|
|
const moduleFactory = (e) => {
|
|
"use strict";
|
|
var t = e.i(462214);
|
|
function r() {
|
|
return (0, t.jsxs)("div", {
|
|
className: "relative w-full",
|
|
children: [
|
|
(0, t.jsxs)("div", {
|
|
className: "block px-2 md:hidden",
|
|
children: [
|
|
(0, t.jsx)("div", {
|
|
className:
|
|
"w-full animate-pulse rounded-xl bg-neutral-200 dark:bg-white/10",
|
|
style: { aspectRatio: "16 / 9" },
|
|
}),
|
|
(0, t.jsxs)("div", {
|
|
className: "flex justify-center gap-1.5 pb-1 pt-2",
|
|
children: [
|
|
(0, t.jsx)("div", {
|
|
className:
|
|
"h-1.5 w-5 animate-pulse rounded-full bg-neutral-200 dark:bg-white/10",
|
|
}),
|
|
(0, t.jsx)("div", {
|
|
className:
|
|
"h-1.5 w-1.5 animate-pulse rounded-full bg-neutral-200 dark:bg-white/10",
|
|
}),
|
|
(0, t.jsx)("div", {
|
|
className:
|
|
"h-1.5 w-1.5 animate-pulse rounded-full bg-neutral-200 dark:bg-white/10",
|
|
}),
|
|
],
|
|
}),
|
|
],
|
|
}),
|
|
(0, t.jsxs)("div", {
|
|
className:
|
|
"relative hidden min-h-[300px] w-full overflow-hidden px-[20px] md:block",
|
|
children: [
|
|
(0, t.jsxs)("div", {
|
|
className: "flex items-center justify-center gap-0",
|
|
style: { aspectRatio: "100 / 20.5" },
|
|
children: [
|
|
(0, t.jsx)("div", {
|
|
className:
|
|
"shrink-0 animate-pulse rounded-l-[1rem] bg-neutral-200 dark:bg-white/10",
|
|
style: {
|
|
width: `${(9 / 29) * 100}%`,
|
|
aspectRatio: "16 / 7.5",
|
|
},
|
|
}),
|
|
(0, t.jsx)("div", {
|
|
className:
|
|
"shrink-0 animate-pulse rounded-[1rem] bg-neutral-200 dark:bg-white/10",
|
|
style: {
|
|
width: `${(10 / 29) * 100}%`,
|
|
aspectRatio: "16 / 9",
|
|
},
|
|
}),
|
|
(0, t.jsx)("div", {
|
|
className:
|
|
"shrink-0 animate-pulse rounded-r-[1rem] bg-neutral-200 dark:bg-white/10",
|
|
style: {
|
|
width: `${(9 / 29) * 100}%`,
|
|
aspectRatio: "16 / 7.5",
|
|
},
|
|
}),
|
|
],
|
|
}),
|
|
(0, t.jsxs)("div", {
|
|
className: "flex justify-center gap-2 pb-2 pt-5",
|
|
children: [
|
|
(0, t.jsx)("div", {
|
|
className:
|
|
"h-1 w-6 animate-pulse rounded-full bg-neutral-200 dark:bg-white/10",
|
|
}),
|
|
(0, t.jsx)("div", {
|
|
className:
|
|
"h-1 w-3 animate-pulse rounded-full bg-neutral-200 dark:bg-white/10",
|
|
}),
|
|
(0, t.jsx)("div", {
|
|
className:
|
|
"h-1 w-3 animate-pulse rounded-full bg-neutral-200 dark:bg-white/10",
|
|
}),
|
|
(0, t.jsx)("div", {
|
|
className:
|
|
"h-1 w-3 animate-pulse rounded-full bg-neutral-200 dark:bg-white/10",
|
|
}),
|
|
],
|
|
}),
|
|
],
|
|
}),
|
|
],
|
|
});
|
|
}
|
|
function a({ className: e = "" }) {
|
|
return (0, t.jsxs)("div", {
|
|
className: e,
|
|
children: [
|
|
(0, t.jsxs)("div", {
|
|
className: "mb-3 flex items-center gap-2 md:mb-4",
|
|
children: [
|
|
(0, t.jsx)("div", {
|
|
className:
|
|
"h-5 w-5 animate-pulse rounded bg-neutral-200 dark:bg-white/10",
|
|
}),
|
|
(0, t.jsx)("div", {
|
|
className:
|
|
"h-5 w-20 animate-pulse rounded bg-neutral-200 dark:bg-white/10",
|
|
}),
|
|
],
|
|
}),
|
|
(0, t.jsx)("div", {
|
|
className: "grid grid-cols-2 gap-3 md:grid-cols-5 md:gap-4",
|
|
children: Array.from({ length: 5 }).map((e, r) =>
|
|
(0, t.jsxs)(
|
|
"div",
|
|
{
|
|
className: "aspect-video w-full shrink-0",
|
|
children: [
|
|
(0, t.jsx)("div", {
|
|
className:
|
|
"aspect-video w-full animate-pulse rounded-xl bg-neutral-200 dark:bg-white/10",
|
|
}),
|
|
(0, t.jsxs)("div", {
|
|
className: "px-2 py-2 md:px-3 md:py-2.5",
|
|
children: [
|
|
(0, t.jsx)("div", {
|
|
className:
|
|
"h-3.5 w-20 animate-pulse rounded bg-neutral-200 md:h-4 md:w-24 dark:bg-white/10",
|
|
}),
|
|
(0, t.jsx)("div", {
|
|
className:
|
|
"mt-1 h-3 w-14 animate-pulse rounded bg-neutral-200 md:w-16 dark:bg-white/10",
|
|
}),
|
|
],
|
|
}),
|
|
],
|
|
},
|
|
`project-list-skeleton-${r}`,
|
|
),
|
|
),
|
|
}),
|
|
],
|
|
});
|
|
}
|
|
function n({ count: e = 10 }) {
|
|
return (0, t.jsx)("div", {
|
|
className:
|
|
"b768:grid-cols-3 b1024:grid-cols-4 b1280:grid-cols-5 b1520:grid-cols-6 b1920:grid-cols-7 grid grid-cols-2 gap-4",
|
|
children: Array.from({ length: e }).map((e, r) =>
|
|
(0, t.jsxs)(
|
|
"div",
|
|
{
|
|
className: "overflow-hidden rounded-xl",
|
|
children: [
|
|
(0, t.jsx)("div", {
|
|
className:
|
|
"aspect-video w-full animate-pulse rounded-xl bg-neutral-200 dark:bg-white/10",
|
|
}),
|
|
(0, t.jsxs)("div", {
|
|
className: "px-3 py-2.5",
|
|
children: [
|
|
(0, t.jsx)("div", {
|
|
className:
|
|
"h-4 w-24 animate-pulse rounded bg-neutral-200 dark:bg-white/10",
|
|
}),
|
|
(0, t.jsx)("div", {
|
|
className:
|
|
"mt-1.5 h-3 w-16 animate-pulse rounded bg-neutral-200 dark:bg-white/10",
|
|
}),
|
|
],
|
|
}),
|
|
],
|
|
},
|
|
`project-grid-skeleton-${r}`,
|
|
),
|
|
),
|
|
});
|
|
}
|
|
function s() {
|
|
return (0, t.jsxs)("div", {
|
|
className:
|
|
"bg-bg-surface relative h-screen w-screen overflow-hidden dark:bg-black",
|
|
children: [
|
|
(0, t.jsx)("div", {
|
|
className:
|
|
"absolute inset-0 animate-pulse bg-neutral-200 opacity-40 dark:bg-white/[0.03] dark:opacity-100",
|
|
}),
|
|
(0, t.jsxs)("div", {
|
|
className:
|
|
"absolute left-0 right-0 top-0 z-20 flex items-center gap-3 px-4 py-3 md:gap-6 md:px-8 md:py-6",
|
|
children: [
|
|
(0, t.jsx)("div", {
|
|
className:
|
|
"h-8 w-[76px] animate-pulse rounded-lg bg-neutral-200 md:h-8 md:w-16 dark:bg-white/10",
|
|
}),
|
|
(0, t.jsxs)("div", {
|
|
className: "flex items-center gap-2 md:gap-3",
|
|
children: [
|
|
(0, t.jsx)("div", {
|
|
className:
|
|
"h-6 w-6 animate-pulse rounded-full bg-neutral-200 md:h-7 md:w-7 dark:bg-white/10",
|
|
}),
|
|
(0, t.jsx)("div", {
|
|
className:
|
|
"h-3.5 w-16 animate-pulse rounded bg-neutral-200 md:h-4 md:w-20 dark:bg-white/10",
|
|
}),
|
|
(0, t.jsx)("div", {
|
|
className:
|
|
"h-3.5 w-px bg-neutral-200 md:h-4 dark:bg-white/10",
|
|
}),
|
|
(0, t.jsx)("div", {
|
|
className:
|
|
"h-3.5 w-20 animate-pulse rounded bg-neutral-200 md:h-4 md:w-32 dark:bg-white/10",
|
|
}),
|
|
],
|
|
}),
|
|
],
|
|
}),
|
|
(0, t.jsxs)("div", {
|
|
className:
|
|
"absolute bottom-[120px] left-1/2 z-10 flex -translate-x-1/2 items-center gap-2 md:bottom-[180px] md:gap-3",
|
|
children: [
|
|
(0, t.jsx)("div", {
|
|
className:
|
|
"h-[36px] w-[100px] animate-pulse rounded-full bg-neutral-200 md:h-[40px] md:w-[120px] dark:bg-white/10",
|
|
}),
|
|
(0, t.jsx)("div", {
|
|
className:
|
|
"h-[36px] w-[36px] animate-pulse rounded-full bg-neutral-200 md:h-[40px] md:w-[140px] dark:bg-white/10",
|
|
}),
|
|
(0, t.jsx)("div", {
|
|
className:
|
|
"h-[36px] w-[36px] animate-pulse rounded-full bg-neutral-200 md:h-[40px] md:w-[40px] dark:bg-white/10",
|
|
}),
|
|
(0, t.jsx)("div", {
|
|
className:
|
|
"h-[36px] w-[36px] animate-pulse rounded-full bg-neutral-200 md:h-[40px] md:w-[40px] dark:bg-white/10",
|
|
}),
|
|
],
|
|
}),
|
|
(0, t.jsx)("div", {
|
|
className: "absolute inset-x-0 bottom-0 z-20 pb-4 md:pb-7",
|
|
children: (0, t.jsxs)("div", {
|
|
className:
|
|
"mx-auto flex items-center justify-center gap-2 px-4 md:gap-3 md:px-6",
|
|
children: [
|
|
Array.from({ length: 7 }).map((e, r) =>
|
|
(0, t.jsx)(
|
|
"div",
|
|
{
|
|
className:
|
|
"hidden shrink-0 animate-pulse rounded-lg bg-neutral-200 md:block dark:bg-white/10",
|
|
style: { width: 220, aspectRatio: "16/9" },
|
|
},
|
|
`detail-thumb-skeleton-${r}`,
|
|
),
|
|
),
|
|
Array.from({ length: 4 }).map((e, r) =>
|
|
(0, t.jsx)(
|
|
"div",
|
|
{
|
|
className:
|
|
"block shrink-0 animate-pulse rounded-lg bg-neutral-200 md:hidden dark:bg-white/10",
|
|
style: { width: 100, aspectRatio: "16/9" },
|
|
},
|
|
`detail-thumb-skeleton-m-${r}`,
|
|
),
|
|
),
|
|
],
|
|
}),
|
|
}),
|
|
],
|
|
});
|
|
}
|
|
function l({
|
|
count: e = 6,
|
|
columnGutter: r = 16,
|
|
rowGutter: a = 16,
|
|
className: n = "",
|
|
}) {
|
|
return (0, t.jsx)("div", {
|
|
className: `grid w-full grid-cols-1 md:grid-cols-2 lg:grid-cols-3 ${n}`,
|
|
style: { gap: `${a}px ${r}px` },
|
|
children: Array.from({ length: e }).map((e, r) =>
|
|
(0, t.jsxs)(
|
|
"div",
|
|
{
|
|
className: "flex flex-col gap-3",
|
|
children: [
|
|
(0, t.jsx)("div", {
|
|
className:
|
|
"border-hair border-border-default aspect-video w-full shrink-0 animate-pulse overflow-hidden rounded-xl bg-neutral-200 dark:bg-white/10",
|
|
}),
|
|
(0, t.jsxs)("div", {
|
|
className: "flex flex-col gap-1 px-2 pb-2",
|
|
children: [
|
|
(0, t.jsx)("div", {
|
|
className:
|
|
"h-4 w-3/4 animate-pulse rounded bg-neutral-200 dark:bg-white/10",
|
|
}),
|
|
(0, t.jsx)("div", {
|
|
className:
|
|
"h-3 w-1/2 animate-pulse rounded bg-neutral-200 dark:bg-white/10",
|
|
}),
|
|
],
|
|
}),
|
|
],
|
|
},
|
|
`activity-skeleton-${r}`,
|
|
),
|
|
),
|
|
});
|
|
}
|
|
function i({ className: e = "" }) {
|
|
return (0, t.jsxs)("div", {
|
|
className: `b1280:max-w-[1000px] mx-auto w-full pb-6 ${e}`,
|
|
children: [
|
|
(0, t.jsxs)("div", {
|
|
className: "mb-8 flex flex-col gap-2",
|
|
children: [
|
|
(0, t.jsxs)("div", {
|
|
className: "flex w-full items-center justify-between",
|
|
children: [
|
|
(0, t.jsx)("div", {
|
|
className:
|
|
"h-7 w-3/4 animate-pulse rounded bg-neutral-200 md:h-8 md:w-96 dark:bg-white/10",
|
|
}),
|
|
(0, t.jsxs)("div", {
|
|
className: "flex shrink-0 gap-3",
|
|
children: [
|
|
(0, t.jsx)("div", {
|
|
className:
|
|
"h-10 w-20 animate-pulse rounded-lg bg-neutral-200 dark:bg-white/10",
|
|
}),
|
|
(0, t.jsx)("div", {
|
|
className:
|
|
"h-10 w-24 animate-pulse rounded-lg bg-neutral-200 dark:bg-white/10",
|
|
}),
|
|
],
|
|
}),
|
|
],
|
|
}),
|
|
(0, t.jsxs)("div", {
|
|
className: "flex flex-wrap items-center gap-3",
|
|
children: [
|
|
(0, t.jsx)("div", {
|
|
className:
|
|
"h-7 w-16 animate-pulse rounded-lg bg-neutral-200 dark:bg-white/10",
|
|
}),
|
|
(0, t.jsx)("div", {
|
|
className:
|
|
"h-4 w-48 animate-pulse rounded bg-neutral-200 dark:bg-white/10",
|
|
}),
|
|
],
|
|
}),
|
|
],
|
|
}),
|
|
(0, t.jsx)("div", {
|
|
className:
|
|
"border-border-default bg-bg-surface rounded-xl border px-6 py-6",
|
|
children: (0, t.jsx)("div", {
|
|
className: "space-y-3",
|
|
children: Array.from({ length: 12 }).map((e, r) =>
|
|
(0, t.jsx)(
|
|
"div",
|
|
{
|
|
className:
|
|
"h-4 animate-pulse rounded bg-neutral-200 dark:bg-white/10",
|
|
style: {
|
|
width: 2 === r ? "60%" : 4 === r ? "80%" : "100%",
|
|
},
|
|
},
|
|
`activity-detail-line-${r}`,
|
|
),
|
|
),
|
|
}),
|
|
}),
|
|
],
|
|
});
|
|
}
|
|
function o({ width: e, height: r, cardBottomHeight: a = 64 }) {
|
|
return (0, t.jsxs)("div", {
|
|
style: { width: e, height: r },
|
|
className: "flex flex-col overflow-hidden rounded-lg",
|
|
children: [
|
|
(0, t.jsx)("div", {
|
|
className: "flex-1 animate-pulse bg-neutral-200 dark:bg-white/10",
|
|
}),
|
|
(0, t.jsxs)("div", {
|
|
className: "bg-bg-surface space-y-2 px-3 py-2.5",
|
|
style: { height: a },
|
|
children: [
|
|
(0, t.jsx)("div", {
|
|
className:
|
|
"h-3 w-3/4 animate-pulse rounded bg-neutral-200 dark:bg-white/10",
|
|
}),
|
|
(0, t.jsx)("div", {
|
|
className:
|
|
"h-2.5 w-1/2 animate-pulse rounded bg-neutral-200 dark:bg-white/10",
|
|
}),
|
|
],
|
|
}),
|
|
],
|
|
});
|
|
}
|
|
e.s([
|
|
"ActivityDetailSkeleton",
|
|
() => i,
|
|
"ActivityListSkeleton",
|
|
() => l,
|
|
"BannerSkeleton",
|
|
() => r,
|
|
"MasonryCardSkeleton",
|
|
() => o,
|
|
"ProjectDetailSkeleton",
|
|
() => s,
|
|
"ProjectGridSkeleton",
|
|
() => n,
|
|
"ProjectListSkeleton",
|
|
() => a,
|
|
]);
|
|
};
|
|
|
|
export default moduleFactory;
|