md-components-mdigial-azamat 0.0.308 → 0.0.310

package/dist/PageViewer/renderComponents.js

@@ -1,5 +1,5 @@
 import { jsx as l } from "react/jsx-runtime";
-import { f as n } from "../AllModuleData-92370dde.js";
+import { f as n } from "../AllModuleData-b5062f11.js";
 const a = (p) => p.map((r) => {
   var i;
   const o = n[r.key];

package/dist/RenderAllComponents/RenderAllComponents.js

@@ -1,5 +1,5 @@
 import { jsx as n, Fragment as t } from "react/jsx-runtime";
-import { f as p } from "../AllModuleData-92370dde.js";
+import { f as p } from "../AllModuleData-b5062f11.js";
 const s = ({ components: o }) => /* @__PURE__ */ n(t, { children: o.map((r) => {
   const e = p[r.key];
   return e ? /* @__PURE__ */ n(

package/dist/SegmentedContent/SegmentedContent.js

@@ -1,49 +1,49 @@
-import { jsx as n, jsxs as e } from "react/jsx-runtime";
-import { useState as c, useEffect as N } from "react";
-import { actionsGenerator as B } from "../Actions/actionsGenerator.js";
-import { SegmentsIcons as L } from "../SegmentsIcons/SegmentsIcons.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { useState as g, useEffect as S } from "react";
+import { actionsGenerator as N } from "../Actions/actionsGenerator.js";
+import { SegmentsIcons as j } from "../SegmentsIcons/SegmentsIcons.js";
 import "../SegmentsIcons/schema.js";
 import "../SegmentsIcons/info.js";
-import { Bullet as _ } from "../SwiperList/components/Bullet/Bullet.js";
-import { S as M, a as b } from "../swiper-react-f34d3a3b.js";
+import { Bullet as B } from "../SwiperList/components/Bullet/Bullet.js";
+import { S as L, a as u } from "../swiper-react-f34d3a3b.js";
 import { B as f } from "../index-db918f20.js";
-import { a as T, b as y } from "../const-6b683c28.js";
-import { C as z } from "../ComponentContainer-dca711c6.js";
-import { F as w } from "../Flex-86aee720.js";
-import { G as D } from "../Grid-331af266.js";
-import { c as E } from "../cn-6a4bf187.js";
+import { a as M, b as T } from "../const-6b683c28.js";
+import { C as y } from "../ComponentContainer-dca711c6.js";
+import { F as C } from "../Flex-86aee720.js";
+import { G as z } from "../Grid-331af266.js";
+import { c as D } from "../cn-6a4bf187.js";
 import { ContentCard as a } from "./components/ContentCard.js";
-import { propsToEdit as W } from "./schema.js";
-import '../assets/swiper.816446ca.css';/* empty css                  */const j = ({
+import { propsToEdit as E } from "./schema.js";
+import '../assets/swiper.816446ca.css';/* empty css                  */const O = ({
   gradient: s = "",
-  color: t,
+  color: e,
   className: l,
   size: i = 24
 }) => /* @__PURE__ */ n(
   "div",
   {
-    className: E(l),
+    className: D(l),
     style: {
       width: i,
       height: i,
-      background: t || s,
+      background: e || s,
       WebkitMaskImage: `url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' width='12' height='22' viewBox='0 0 12 22'> <path fill='black' d='M8.58579 10L0 1.41421L1.41421 0L10 8.58579C10.0128 8.59862 10.0257 8.61144 10.0385 8.62425C10.3384 8.92405 10.6299 9.21542 10.8379 9.48809C11.0724 9.79548 11.2929 10.1934 11.2929 10.7071C11.2929 11.2208 11.0724 11.6187 10.8379 11.9261C10.6299 12.1988 10.3384 12.4901 10.0385 12.7899C10.0257 12.8027 10.0128 12.8156 10 12.8284L1.41421 21.4142L0 20L8.58579 11.4142C8.93911 11.0609 9.13147 10.8655 9.24787 10.713C9.24939 10.711 9.25087 10.709 9.25231 10.7071C9.25087 10.7052 9.24939 10.7032 9.24787 10.7013C9.13147 10.5487 8.93911 10.3533 8.58579 10Z'/> </svg>")`,
       WebkitMaskRepeat: "no-repeat",
       WebkitMaskSize: "contain",
       WebkitMaskPosition: "center"
     }
   }
-), F = ({ title: s, items: t }) => {
-  var u;
-  const [l, i] = c(0), [m, C] = c(0), [d, k] = c(null), o = t == null ? void 0 : t[l], p = B(o == null ? void 0 : o.action), x = ((u = o == null ? void 0 : o.link) == null ? void 0 : u.trim()) ?? "", g = p.onClick ?? (x ? () => window.open(x, "_self") : void 0), h = (o == null ? void 0 : o.buttonTextMobile) ?? (o == null ? void 0 : o.buttonText), S = (t == null ? void 0 : t.map((r) => ({
-    title: r.title,
-    icon: r.icon,
-    activeColor: r.color
+), W = ({ title: s, items: e }) => {
+  var h;
+  const [l, i] = g(0), [w, m] = g(0), [d, k] = g(null), o = e == null ? void 0 : e[l], p = N(o == null ? void 0 : o.action), c = ((h = o == null ? void 0 : o.link) == null ? void 0 : h.trim()) ?? "", b = p.onClick ?? (c ? () => window.open(c, "_self") : void 0), x = (o == null ? void 0 : o.buttonTextMobile) ?? (o == null ? void 0 : o.buttonText), _ = (e == null ? void 0 : e.map((t) => ({
+    title: t.title,
+    icon: t.icon,
+    activeColor: t.color
   }))) || [];
-  return N(() => {
+  return S(() => {
     d && d.slideTo(0);
-  }, [l, d]), t != null && t.length ? /* @__PURE__ */ n(z, { children: /* @__PURE__ */ e(
-    w,
+  }, [l, d]), e != null && e.length ? /* @__PURE__ */ n(y, { children: /* @__PURE__ */ r(
+    C,
     {
       vertical: !0,
       align: "center",
@@ -51,15 +51,15 @@ import '../assets/swiper.816446ca.css';/* empty css                  */const j =
       children: [
         /* @__PURE__ */ n("h2", { className: "text-center text-[#0E0F11] max-tablet:text-[28px] max-tablet:leading-[34px] font-bold text-[44px] leading-[52px]", children: s }),
         /* @__PURE__ */ n(
-          L,
+          j,
           {
-            data: S,
+            data: _,
             activeSegment: l,
             onChange: i
           }
         ),
-        /* @__PURE__ */ e(
-          D,
+        /* @__PURE__ */ r(
+          z,
           {
             gap: 24,
             cols: 2,
@@ -71,11 +71,12 @@ import '../assets/swiper.816446ca.css';/* empty css                  */const j =
                   title: o == null ? void 0 : o.left_title,
                   description: o == null ? void 0 : o.text,
                   image: o == null ? void 0 : o.image,
+                  imageObjectCover: o == null ? void 0 : o.image_object_cover,
                   imageHeight: "h-[350px]"
                 }
               ),
-              /* @__PURE__ */ e(
-                w,
+              /* @__PURE__ */ r(
+                C,
                 {
                   vertical: !0,
                   gap: 16,
@@ -86,6 +87,7 @@ import '../assets/swiper.816446ca.css';/* empty css                  */const j =
                         title: o == null ? void 0 : o.subtitle,
                         description: o == null ? void 0 : o.banner_title,
                         image: o == null ? void 0 : o.bg_image,
+                        imageObjectCover: o == null ? void 0 : o.bg_image_object_cover,
                         imageHeight: "h-[316px]"
                       }
                     ),
@@ -96,8 +98,8 @@ import '../assets/swiper.816446ca.css';/* empty css                  */const j =
                         style: { background: o == null ? void 0 : o.color },
                         title: o == null ? void 0 : o.buttonText,
                         ...p,
-                        onClick: g,
-                        iconRight: /* @__PURE__ */ n("div", { className: "p-3 rounded-2xl bg-white", children: /* @__PURE__ */ n(j, { gradient: o == null ? void 0 : o.color }) })
+                        onClick: b,
+                        iconRight: /* @__PURE__ */ n("div", { className: "p-3 rounded-2xl bg-white", children: /* @__PURE__ */ n(O, { gradient: o == null ? void 0 : o.color }) })
                       }
                     )
                   ]
@@ -106,9 +108,9 @@ import '../assets/swiper.816446ca.css';/* empty css                  */const j =
             ]
           }
         ),
-        /* @__PURE__ */ e("div", { className: "w-full hidden max-tablet:block", children: [
-          /* @__PURE__ */ e(
-            M,
+        /* @__PURE__ */ r("div", { className: "w-full hidden max-tablet:block", children: [
+          /* @__PURE__ */ r(
+            L,
             {
               spaceBetween: 12,
               slidesPerView: "auto",
@@ -118,45 +120,47 @@ import '../assets/swiper.816446ca.css';/* empty css                  */const j =
                 }
               },
               onSwiper: k,
-              onSlideChange: (r) => C(r.realIndex),
+              onSlideChange: (t) => m(t.realIndex),
               className: "w-full",
               children: [
-                /* @__PURE__ */ n(b, { className: "!h-auto !w-[280px] sm:!w-[calc(50%-6px)]", children: /* @__PURE__ */ e("div", { className: "relative h-full", children: [
+                /* @__PURE__ */ n(u, { className: "!h-auto !w-[280px] sm:!w-[calc(50%-6px)]", children: /* @__PURE__ */ r("div", { className: "relative h-full", children: [
                   /* @__PURE__ */ n(
                     a,
                     {
                       title: o == null ? void 0 : o.left_title,
                       description: o == null ? void 0 : o.text,
-                      image: o == null ? void 0 : o.image
+                      image: o == null ? void 0 : o.image,
+                      imageObjectCover: o == null ? void 0 : o.image_object_cover
                     }
                   ),
-                  h && /* @__PURE__ */ n("div", { className: "absolute inset-x-0 bottom-6 z-[2] flex justify-center px-4", children: /* @__PURE__ */ n(
+                  x && /* @__PURE__ */ n("div", { className: "absolute inset-x-0 bottom-6 z-[2] flex justify-center px-4", children: /* @__PURE__ */ n(
                     f,
                     {
-                      variant: T.Primary,
-                      size: y.XL,
-                      title: h,
+                      variant: M.Primary,
+                      size: T.XL,
+                      title: x,
                       ...p,
-                      onClick: g
+                      onClick: b
                     }
                   ) })
                 ] }) }),
-                /* @__PURE__ */ n(b, { className: "!h-auto !w-[280px] sm:!w-[calc(50%-6px)]", children: /* @__PURE__ */ n(
+                /* @__PURE__ */ n(u, { className: "!h-auto !w-[280px] sm:!w-[calc(50%-6px)]", children: /* @__PURE__ */ n(
                   a,
                   {
                     title: o == null ? void 0 : o.subtitle,
                     description: o == null ? void 0 : o.banner_title,
-                    image: o == null ? void 0 : o.bg_image
+                    image: o == null ? void 0 : o.bg_image,
+                    imageObjectCover: o == null ? void 0 : o.bg_image_object_cover
                   }
                 ) })
               ]
             }
           ),
           /* @__PURE__ */ n(
-            _,
+            B,
             {
               count: 2,
-              active: m,
+              active: w,
               activeColor: "#FDDB2B",
               anActiveColor: "#D7DCE1",
               itemSize: 6,
@@ -169,7 +173,7 @@ import '../assets/swiper.816446ca.css';/* empty css                  */const j =
     }
   ) }) : null;
 };
-F.propsToEdit = W;
+W.propsToEdit = E;
 export {
-  F as SegmentedContent
+  W as SegmentedContent
 };

package/dist/SegmentedContent/components/ContentCard.js

@@ -1,38 +1,39 @@
-import { jsxs as l, jsx as t } from "react/jsx-runtime";
-import { F as m } from "../../Flex-86aee720.js";
-import { I as o } from "../../index-df8034eb.js";
+import { jsxs as m, jsx as t } from "react/jsx-runtime";
+import { F as x } from "../../Flex-86aee720.js";
+import { I as c } from "../../index-df8034eb.js";
 import { S as p } from "../../SafeHtml-c00e29eb.js";
-import { c as x } from "../../cn-6a4bf187.js";
-const u = ({
+import { c as e } from "../../cn-6a4bf187.js";
+const g = ({
   title: a,
-  description: e,
+  description: l,
   image: r,
-  imageHeight: n,
-  className: i,
-  children: s
-}) => /* @__PURE__ */ l(
-  m,
+  imageObjectCover: n = !1,
+  imageHeight: o,
+  className: s,
+  children: i
+}) => /* @__PURE__ */ m(
+  x,
   {
     vertical: !0,
     justify: "between",
     align: "center",
-    className: x(
+    className: e(
       "overflow-hidden bg-white w-full max-tablet:min-h-[266px] max-tablet:min-w-[280px] flex-1 rounded-2xl max-tablet:rounded-3xl max-tablet:gap-[22px] max-tablet:h-full",
-      i
+      s
     ),
     children: [
-      /* @__PURE__ */ l(
-        m,
+      /* @__PURE__ */ m(
+        x,
         {
           vertical: !0,
           gap: 20,
           className: "w-full px-12 pt-8 pb-6 min-h-[208px] max-tablet:min-h-fit max-tablet:p-4",
           children: [
             /* @__PURE__ */ t("h3", { className: "text-[#0E0F11] text-[32px] leading-10 font-bold max-tablet:text-base", children: a }),
-            e && /* @__PURE__ */ t(
+            l && /* @__PURE__ */ t(
               p,
               {
-                html: e,
+                html: l,
                 as: "div",
                 className: "text-[#40474F] text-lg leading-[26px] max-tablet:hidden"
               }
@@ -41,18 +42,18 @@ const u = ({
         }
       ),
       /* @__PURE__ */ t(
-        o,
+        c,
         {
           src: r,
           alt: a,
-          className: x("w-full", n, "max-tablet:h-[162px]"),
-          imageStyles: "h-auto object-contain"
+          className: e("w-full", o, "max-tablet:h-[162px]"),
+          imageStyles: e("h-auto", n ? "object-cover" : "object-contain")
         }
       ),
-      s
+      i
     ]
   }
 );
 export {
-  u as ContentCard
+  g as ContentCard
 };

package/dist/SegmentedContent/schema.js

@@ -1,6 +1,6 @@
 import { AllActionsObject as l } from "../Actions/types.js";
 import { DataTypesEnum as t, FieldTypes as e } from "../Types/FiledTypes.js";
-const i = [
+const y = [
   "title",
   {
     dataType: t.array,
@@ -38,6 +38,11 @@ const i = [
         label: "Левая карточка: Изображение",
         key: "image"
       },
+      image_object_cover: {
+        type: e.BOOLEAN,
+        label: "Левая карточка: Заполнить изображением всю область",
+        key: "image_object_cover"
+      },
       subtitle: {
         type: e.STRING,
         label: "Правая карточка: Заголовок",
@@ -53,6 +58,11 @@ const i = [
         label: "Правая карточка: Изображение",
         key: "bg_image"
       },
+      bg_image_object_cover: {
+        type: e.BOOLEAN,
+        label: "Правая карточка: Заполнить изображением всю область",
+        key: "bg_image_object_cover"
+      },
       buttonText: {
         dataType: t.string,
         label: "Текст кнопки",
@@ -76,5 +86,5 @@ const i = [
   }
 ];
 export {
-  i as propsToEdit
+  y as propsToEdit
 };

package/dist/SegmentsIcons/SegmentsIcons.js

@@ -1,26 +1,26 @@
-import { jsxs as f, jsx as i } from "react/jsx-runtime";
-import { useState as u, useRef as y, useEffect as p } from "react";
-import { u as E } from "../useDraggableScroll-440da9b7.js";
-import { F as x } from "../Flex-86aee720.js";
+import { jsxs as p, jsx as c } from "react/jsx-runtime";
+import { useState as b, useRef as y, useEffect as f } from "react";
+import { u as S } from "../useDraggableScroll-440da9b7.js";
+import { F as h } from "../Flex-86aee720.js";
 import { I as j } from "../index-df8034eb.js";
-import { c as n } from "../cn-6a4bf187.js";
+import { c as m } from "../cn-6a4bf187.js";
 import { propsToEdit as I } from "./schema.js";
 const N = ({
   data: r,
-  activeSegment: s = 0,
-  onChange: a
+  activeSegment: n = 0,
+  onChange: s
 }) => {
-  var d;
-  const [o, l] = u(s), [c, b] = u({
+  var x;
+  const [o, d] = b(n), [u, w] = b({
     left: 0,
     width: 0
-  }), m = y([]), { ref: w, events: h } = E();
-  p(() => {
-    l(s);
-  }, [s]), p(() => {
+  }), i = y([]), { ref: l, events: v } = S();
+  f(() => {
+    d(n);
+  }, [n]), f(() => {
     const t = () => {
-      const e = m.current[o];
-      e && b({
+      const e = i.current[o];
+      e && w({
         left: e.offsetLeft,
         width: e.offsetWidth
       });
@@ -28,44 +28,53 @@ const N = ({
     return t(), window.addEventListener("resize", t), () => {
       window.removeEventListener("resize", t);
     };
-  }, [o, r]);
-  const v = (t) => {
-    l(t), a == null || a(t);
+  }, [o, r]), f(() => {
+    const t = l.current, e = i.current[o];
+    if (!t || !e)
+      return;
+    const a = e.offsetLeft - (t.clientWidth - e.offsetWidth) / 2, E = Math.max(
+      t.scrollWidth - t.clientWidth,
+      0
+    ), L = Math.min(Math.max(a, 0), E);
+    t.scrollTo({ left: L, behavior: "smooth" });
+  }, [o, l]);
+  const g = (t) => {
+    d(t), s == null || s(t);
   };
-  return /* @__PURE__ */ f(
-    x,
+  return /* @__PURE__ */ p(
+    h,
     {
-      ref: w,
-      ...h,
-      className: n(
+      ref: l,
+      ...v,
+      className: m(
         "w-full mx-auto overflow-x-auto no-scrollbar cursor-grab active:cursor-grabbing relative",
         "rounded-3xl max-tablet:rounded-2xl bg-white"
       ),
       children: [
-        /* @__PURE__ */ i(
+        /* @__PURE__ */ c(
           "div",
           {
             className: "absolute top-0 bottom-0 my-auto rounded-2xl transition-all duration-300 ease-in-out",
             style: {
-              left: c.left,
-              width: c.width,
-              background: ((d = r[o]) == null ? void 0 : d.activeColor) || "transparent",
+              left: u.left,
+              width: u.width,
+              background: ((x = r[o]) == null ? void 0 : x.activeColor) || "transparent",
               height: "100%"
             }
           }
         ),
-        r == null ? void 0 : r.map((t, e) => /* @__PURE__ */ f(
-          x,
+        r == null ? void 0 : r.map((t, e) => /* @__PURE__ */ p(
+          h,
           {
-            ref: (g) => m.current[e] = g,
+            ref: (a) => i.current[e] = a,
             align: "center",
-            onClick: () => v(e),
-            className: n(
+            onClick: () => g(e),
+            className: m(
               "gap-3 justify-start max-tablet:justify-center cursor-pointer whitespace-nowrap transition-all duration-300 ease-in-out p-4 flex-1 max-tablet:flex-none rounded-[20px] max-tablet:pl-3 max-tablet:pr-4 relative z-10",
               "min-w-[186px] max-tablet:min-w-min"
             ),
             children: [
-              t.icon && /* @__PURE__ */ i(
+              t.icon && /* @__PURE__ */ c(
                 j,
                 {
                   src: t.icon,
@@ -76,10 +85,10 @@ const N = ({
                   draggable: !1
                 }
               ),
-              /* @__PURE__ */ i(
+              /* @__PURE__ */ c(
                 "span",
                 {
-                  className: n(
+                  className: m(
                     "text-sm font-semibold leading-5 select-none transition-colors duration-300",
                     e === o ? "text-white" : "text-[#40474F]"
                   ),