@shriyanss/js-recon 1.0.0 → 1.1.0-beta.1

package/output/ss0x00.com/_next/static/chunks/229.097c396d86b4a882.js

@@ -0,0 +1,458 @@
+// JS Source: https://ss0x00.com/_next/static/chunks/229.097c396d86b4a882.js
+(self.webpackChunk_N_E = self.webpackChunk_N_E || []).push([
+  [229, 487],
+  {
+    487: function (e, t, r) {
+      "use strict";
+      (r.r(t),
+        r.d(t, {
+          default: function () {
+            return s;
+          },
+        }));
+      var n = r(5893);
+      r(7294);
+      var o = r(3967),
+        l = r.n(o),
+        i = r(6880);
+      function s(e) {
+        let { elementId: t, className: r, url: o, altText: s = "" } = e;
+        return o
+          ? (0, n.jsx)(i.M, {
+              content: e,
+              children: (0, n.jsx)("img", {
+                id: t || null,
+                className: l()(
+                  "sb-component",
+                  "sb-component-block",
+                  "sb-component-image-block",
+                  r,
+                ),
+                src: o,
+                alt: s,
+              }),
+            })
+          : null;
+      }
+    },
+    2229: function (e, t, r) {
+      "use strict";
+      (r.r(t),
+        r.d(t, {
+          default: function () {
+            return d;
+          },
+        }));
+      var n = r(5893);
+      r(7294);
+      var o = r(3967),
+        l = r.n(o),
+        i = r(9754),
+        s = r(6319),
+        a = r(487);
+      function d(e) {
+        let {
+          type: t,
+          elementId: r,
+          colors: o,
+          title: a,
+          subtitle: d,
+          images: c = [],
+          columns: f = 4,
+          spacing: g = 16,
+          aspectRatio: b = "1:1",
+          showCaption: m,
+          enableHover: p,
+          styles: h = {},
+        } = e;
+        return (0, n.jsxs)(s.Z, {
+          type: t,
+          elementId: r,
+          colors: o,
+          styles: h.self,
+          children: [
+            a &&
+              (0, n.jsx)("h2", {
+                className: l()(h.title ? (0, i.G)(h.title) : null),
+                children: a,
+              }),
+            d &&
+              (0, n.jsx)("p", {
+                className: l()(
+                  "text-lg",
+                  "sm:text-xl",
+                  h.subtitle ? (0, i.G)(h.subtitle) : null,
+                  { "mt-6": a },
+                ),
+                children: d,
+              }),
+            c.length > 0 &&
+              (0, n.jsx)("div", {
+                className: l()(
+                  "grid",
+                  "place-items-center",
+                  (function (e) {
+                    switch (e) {
+                      case 2:
+                        return "grid-cols-2";
+                      case 3:
+                        return "grid-cols-2 sm:grid-cols-3";
+                      case 4:
+                        return "grid-cols-2 sm:grid-cols-4";
+                      case 5:
+                        return "grid-cols-2 sm:grid-cols-3 md:grid-cols-5";
+                      case 6:
+                        return "grid-cols-2 sm:grid-cols-4 md:grid-cols-6";
+                      case 7:
+                        return "grid-cols-2 sm:grid-cols-4 md:grid-cols-7";
+                      default:
+                        return null;
+                    }
+                  })(f),
+                  { "mt-12": a || d },
+                ),
+                style: { gap: g ? "".concat(g, "px") : void 0 },
+                children: c.map((e, t) =>
+                  (0, n.jsx)(
+                    u,
+                    {
+                      image: e,
+                      showCaption: m,
+                      enableHover: p,
+                      aspectRatio: b,
+                    },
+                    t,
+                  ),
+                ),
+              }),
+          ],
+        });
+      }
+      function u(e) {
+        let { image: t, showCaption: r, enableHover: o, aspectRatio: i } = e;
+        return t
+          ? (0, n.jsxs)("figure", {
+              className: l()(
+                "overflow-hidden",
+                "relative",
+                "w-full",
+                (function (e) {
+                  switch (e) {
+                    case "1:1":
+                      return "pt-1/1";
+                    case "2:3":
+                      return "pt-3/2";
+                    case "3:2":
+                      return "pt-2/3";
+                    case "3:4":
+                      return "pt-4/3";
+                    case "4:3":
+                      return "pt-3/4";
+                    case "16:9":
+                      return "pt-9/16";
+                    default:
+                      return null;
+                  }
+                })(i),
+                { "h-0": "auto" !== i },
+              ),
+              children: [
+                (0, n.jsx)(a.default, {
+                  ...t,
+                  className: l()("w-full", {
+                    "h-full absolute left-0 top-0 object-cover": "auto" !== i,
+                    "transition-transform hover:scale-105": o,
+                  }),
+                }),
+                r &&
+                  t.caption &&
+                  (0, n.jsx)("figcaption", {
+                    className:
+                      "absolute bg-white/50 text-dark left-0 mx-2 bottom-2 p-1.5 text-xs pointer-events-none",
+                    children: t.caption,
+                  }),
+              ],
+            })
+          : null;
+      }
+    },
+    6319: function (e, t, r) {
+      "use strict";
+      r.d(t, {
+        Z: function () {
+          return s;
+        },
+      });
+      var n = r(5893);
+      r(7294);
+      var o = r(3967),
+        l = r.n(o),
+        i = r(9754);
+      function s(e) {
+        let { backgroundSize: t = "full", ...r } = e;
+        return "inset" === t
+          ? (0, n.jsx)(a, { ...r })
+          : (0, n.jsx)(d, { ...r });
+      }
+      function a(e) {
+        var t, r, o, s;
+        let {
+            type: a,
+            elementId: d,
+            colors: u = "colors-f",
+            styles: c = {},
+            children: f,
+          } = e,
+          g = a && a.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+        return (0, n.jsx)("div", {
+          id: d || null,
+          className: l()(
+            "sb-component",
+            "sb-component-section",
+            g && "sb-component-".concat(g),
+            "flex",
+            (0, i.G)({
+              justifyContent:
+                null !== (t = c.justifyContent) && void 0 !== t ? t : "center",
+            }),
+            c.margin,
+          ),
+          children: (0, n.jsx)("div", {
+            className: l()(
+              u,
+              "flex",
+              "flex-col",
+              "justify-center",
+              "relative",
+              "w-full",
+              (0, i.G)({
+                width: null !== (r = c.width) && void 0 !== r ? r : "wide",
+              }),
+              (0, i.G)({
+                height: null !== (o = c.height) && void 0 !== o ? o : "auto",
+              }),
+              null !== (s = c.padding) && void 0 !== s ? s : "py-12 px-4",
+              c.borderColor,
+              c.borderStyle ? (0, i.G)({ borderStyle: c.borderStyle }) : null,
+              c.borderRadius
+                ? (0, i.G)({ borderRadius: c.borderRadius })
+                : null,
+            ),
+            style: {
+              borderWidth: c.borderWidth
+                ? "".concat(c.borderWidth, "px")
+                : null,
+            },
+            children: (0, n.jsx)("div", {
+              className: "relative w-full",
+              children: f,
+            }),
+          }),
+        });
+      }
+      function d(e) {
+        var t, r, o, s;
+        let {
+            type: a,
+            elementId: d,
+            colors: u = "colors-f",
+            styles: c = {},
+            children: f,
+          } = e,
+          g = a && a.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+        return (0, n.jsx)("div", {
+          id: d || null,
+          className: l()(
+            "sb-component",
+            "sb-component-section",
+            g && "sb-component-".concat(g),
+            u,
+            "flex",
+            "flex-col",
+            "justify-center",
+            (0, i.G)({
+              height: null !== (t = c.height) && void 0 !== t ? t : "auto",
+            }),
+            c.margin,
+            null !== (r = c.padding) && void 0 !== r ? r : "py-12 px-4",
+            c.borderColor,
+            c.borderStyle ? (0, i.G)({ borderStyle: c.borderStyle }) : null,
+            c.borderRadius ? (0, i.G)({ borderRadius: c.borderRadius }) : null,
+          ),
+          style: {
+            borderWidth: c.borderWidth ? "".concat(c.borderWidth, "px") : null,
+          },
+          children: (0, n.jsx)("div", {
+            className: l()(
+              "flex",
+              "w-full",
+              (0, i.G)({
+                justifyContent:
+                  null !== (o = c.justifyContent) && void 0 !== o
+                    ? o
+                    : "center",
+              }),
+            ),
+            children: (0, n.jsx)("div", {
+              className: l()(
+                "relative",
+                "w-full",
+                (0, i.G)({
+                  width: null !== (s = c.width) && void 0 !== s ? s : "wide",
+                }),
+              ),
+              children: f,
+            }),
+          }),
+        });
+      }
+    },
+    9754: function (e, t, r) {
+      "use strict";
+      r.d(t, {
+        G: function () {
+          return o;
+        },
+      });
+      let n = {
+        alignItems: {
+          "flex-start": "items-start",
+          "flex-end": "items-end",
+          center: "items-center",
+        },
+        backgroundPosition: {
+          bottom: "bg-bottom",
+          center: "bg-center",
+          left: "bg-left",
+          "left-bottom": "bg-left-bottom",
+          "left-top": "bg-left-top",
+          right: "bg-right",
+          "right-bottom": "bg-right-bottom",
+          "right-top": "bg-right-top",
+          top: "bg-top",
+        },
+        backgroundRepeat: {
+          repeat: "bg-repeat",
+          "repeat-x": "bg-repeat-x",
+          "repeat-y": "bg-repeat-y",
+          "no-repeat": "bg-no-repeat",
+        },
+        backgroundSize: {
+          auto: "bg-auto",
+          cover: "bg-cover",
+          contain: "bg-contain",
+        },
+        borderRadius: {
+          none: "rounded-none",
+          "xx-small": "rounded-sm",
+          "x-small": "rounded",
+          small: "rounded-md",
+          medium: "rounded-lg",
+          large: "rounded-xl",
+          "x-large": "rounded-2xl",
+          "xx-large": "rounded-3xl",
+          full: "rounded-full",
+        },
+        borderStyle: {
+          none: "border-none",
+          solid: "border-solid",
+          dashed: "border-dashed",
+          dotted: "border-dotted",
+          double: "border-double",
+        },
+        fontStyle: { italic: "italic" },
+        fontWeight: {
+          400: "font-normal",
+          500: "font-medium",
+          700: "font-bold",
+        },
+        height: { auto: "min-h-0", screen: "min-h-screen" },
+        justifyContent: {
+          "flex-start": "justify-start",
+          "flex-end": "justify-end",
+          center: "justify-center",
+        },
+        margin: function (e) {
+          return Array.isArray(e)
+            ? e.join(" ")
+            : (console.warn(
+                'cannot convert "margin" style field value to class name',
+              ),
+              "");
+        },
+        padding: function (e) {
+          return Array.isArray(e)
+            ? e.join(" ")
+            : (console.warn(
+                'cannot convert "padding" style field value to class name',
+              ),
+              "");
+        },
+        textAlign: {
+          left: "text-left",
+          center: "text-center",
+          right: "text-right",
+          justify: "text-justify",
+        },
+        textDecoration: {
+          underline: "underline",
+          "line-through": "line-through",
+        },
+        width: { narrow: "max-w-5xl", wide: "max-w-7xl", full: "max-w-full" },
+      };
+      function o(e) {
+        return Object.entries(e)
+          .map((e) => {
+            let [t, r] = e;
+            return t in n
+              ? "function" == typeof n[t]
+                ? n[t](r)
+                : r in n[t]
+                  ? n[t][r]
+                  : void 0
+              : r;
+          })
+          .join(" ");
+      }
+    },
+    3967: function (e, t) {
+      var r;
+      !(function () {
+        "use strict";
+        var n = {}.hasOwnProperty;
+        function o() {
+          for (var e = "", t = 0; t < arguments.length; t++) {
+            var r = arguments[t];
+            r &&
+              (e = l(
+                e,
+                (function (e) {
+                  if ("string" == typeof e || "number" == typeof e) return e;
+                  if ("object" != typeof e) return "";
+                  if (Array.isArray(e)) return o.apply(null, e);
+                  if (
+                    e.toString !== Object.prototype.toString &&
+                    !e.toString.toString().includes("[native code]")
+                  )
+                    return e.toString();
+                  var t = "";
+                  for (var r in e) n.call(e, r) && e[r] && (t = l(t, r));
+                  return t;
+                })(r),
+              ));
+          }
+          return e;
+        }
+        function l(e, t) {
+          return t ? (e ? e + " " + t : e + t) : e;
+        }
+        e.exports
+          ? ((o.default = o), (e.exports = o))
+          : void 0 !==
+              (r = function () {
+                return o;
+              }.apply(t, [])) && (e.exports = r);
+      })();
+    },
+  },
+]);