md-components-mdigial-azamat 0.0.32 → 0.0.35

package/dist/VideoMainBanner/VideoMainBanner.js

@@ -1,9 +1,170 @@
-import "react/jsx-runtime";
-import "../cn-d8c04b28.js";
-import "../Types/FiledTypes.js";
-import { V as e } from "../index-92f77047.js";
-import "../ComponentContainer-0fcc2695.js";
-import "../index-60dfa873.js";
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { a as t, c as f } from "../cn-6a4bf187.js";
+import { FieldTypes as m } from "../Types/FiledTypes.js";
+import { B as y } from "../index-6af94f99.js";
+import { C as g } from "../ComponentContainer-cdb2528c.js";
+import { I as w } from "../index-2265d593.js";
+const v = {
+  type: "buttons",
+  label: "Кнопки",
+  dataType: "array",
+  data: {
+    button_hex: m.COLOR,
+    button_link: m.LINK,
+    button_text: m.TITLE
+  }
+}, N = [
+  "title",
+  "description",
+  "image",
+  "image_mob",
+  "logo",
+  "animation",
+  "animation_mob",
+  v,
+  "isShadow",
+  "grid"
+], k = ({
+  title: h,
+  description: p,
+  image: i,
+  image_mob: o,
+  logo: s,
+  animation: c,
+  animation_mob: n,
+  buttons: a,
+  isShadow: d = !1,
+  grid: b
+}) => {
+  const u = (l, x) => x.length % 2 !== 0 && l === x.length - 1;
+  return /* @__PURE__ */ r("div", { children: [
+    /* @__PURE__ */ e(g, { children: /* @__PURE__ */ r("div", { className: "flex flex-col items-center pt-[40px] max-tablet:pt-[32px]", children: [
+      s && /* @__PURE__ */ e(
+        w,
+        {
+          src: s,
+          alt: "mtravel logo",
+          className: t(
+            "mb-[36px] w-[427px] h-[94px] max-tablet:w-full max-tablet:h-[45px] max-tablet:mt-[12px] max-tablet:mb-[24px] xxl:!h-[131px] xxl:w-full xxl:mt-[12px] xxl:mb-[24px]"
+          ),
+          imageStyles: "h-full w-full object-contain"
+        }
+      ),
+      /* @__PURE__ */ e("h1", { className: "text-black2 text-[40px] font-bold leading-[50px] mb-[24px] text-center max-tablet:text-[26px] max-tablet:leading-[32px] max-tablet:mb-[20px] xxl:text-[56px] xxl:leading-[66px]", children: h }),
+      p && /* @__PURE__ */ e("p", { className: "text-black2 text-center text-[20px] font-normal leading-[25px] mb-[36px] w-[75%] max-tablet:text-[16px] max-tablet:leading-[20px] max-tablet:w-full", children: p }),
+      /* @__PURE__ */ e(
+        "div",
+        {
+          className: `grid grid-cols-${b} items-center gap-[16px] mb-[60px]
+                  max-tablet:grid-cols-1 max-tablet:w-full max-tablet:mb-[40px]`,
+          children: a == null ? void 0 : a.map((l, x) => /* @__PURE__ */ e(
+            "a",
+            {
+              href: l == null ? void 0 : l.button_link,
+              className: f("flex items-center", {
+                [`col-span-${b}`]: u(x, a)
+              }),
+              target: "_blank",
+              children: /* @__PURE__ */ e(y, { className: "font-[Inter] h-[56px] mx-auto px-[32px] py-[12px] max-tablet:px-[32px] max-tablet:py-[12px]", children: l == null ? void 0 : l.button_text })
+            }
+          ))
+        }
+      )
+    ] }) }),
+    i && /* @__PURE__ */ e(
+      "div",
+      {
+        className: t(
+          "w-full h-[450px] max-tablet:w-full max-tablet:h-[280px] max-mobile:hidden xxl:h-[630px] xxl:w-full"
+        ),
+        children: /* @__PURE__ */ e(
+          "div",
+          {
+            className: t(
+              "h-[450px] xxl:h-[630px] xxl:w-full",
+              d && "w-fit h-full my-0 mx-auto block relative gradient-border"
+            ),
+            children: /* @__PURE__ */ r(
+              "video",
+              {
+                poster: i,
+                autoPlay: !0,
+                loop: !0,
+                muted: !0,
+                playsInline: !0,
+                style: { background: "transparent" },
+                className: "h-full",
+                children: [
+                  /* @__PURE__ */ e(
+                    "source",
+                    {
+                      type: "video/quicktime",
+                      src: n
+                    }
+                  ),
+                  /* @__PURE__ */ e(
+                    "source",
+                    {
+                      type: "video/webm",
+                      src: c
+                    }
+                  )
+                ]
+              }
+            )
+          }
+        )
+      }
+    ),
+    o && /* @__PURE__ */ e(
+      "div",
+      {
+        className: t(
+          "hidden max-mobile:w-full max-mobile:h-[280px] max-mobile:block"
+        ),
+        style: { background: "transparent" },
+        children: /* @__PURE__ */ e(
+          "div",
+          {
+            className: t(
+              "h-[450px] xxl:h-[630px] xxl:w-full max-tablet:h-[280px]",
+              d && "w-fit h-full my-0 mx-auto block relative gradient-border"
+            ),
+            children: /* @__PURE__ */ r(
+              "video",
+              {
+                poster: o,
+                autoPlay: !0,
+                loop: !0,
+                muted: !0,
+                playsInline: !0,
+                style: { background: "transparent" },
+                className: "w-full h-full object-contain align-middle max-700:object-cover",
+                children: [
+                  /* @__PURE__ */ e(
+                    "source",
+                    {
+                      type: "video/quicktime",
+                      src: n
+                    }
+                  ),
+                  /* @__PURE__ */ e(
+                    "source",
+                    {
+                      type: "video/webm",
+                      src: c
+                    }
+                  )
+                ]
+              }
+            )
+          }
+        )
+      }
+    )
+  ] });
+};
+k.propsToEdit = N;
 export {
-  e as VideoMainBanner
+  k as VideoMainBanner
 };

package/dist/VideoMainBanner/index.js

@@ -1,4 +1,4 @@
-import { V as n } from "../index-92f77047.js";
+import { VideoMainBanner as o } from "./VideoMainBanner.js";
 export {
-  n as VideoMainBanner
+  o as VideoMainBanner
 };